From f5508701fc95c71badae8f8e0576992d636fa536 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <baptiste.arnaud95@gmail.com>
Date: Thu, 11 Apr 2024 11:48:27 +0200
Subject: [PATCH] :zap: (wordpress) Add the lib_version attribute to wp admin
 panel

Closes
---
 .../instructions/WordpressBubbleInstructions.tsx    | 13 +++++++++++++
 .../instructions/WordpressPopupInstructions.tsx     | 13 +++++++++++++
 packages/embeds/wordpress/package.json              |  6 +++---
 packages/embeds/wordpress/trunk/README.txt          |  8 ++++++--
 .../wordpress/trunk/admin/class-typebot-admin.php   |  1 +
 .../trunk/admin/partials/typebot-admin-display.php  |  5 +++++
 .../wordpress/trunk/public/class-typebot-public.php |  3 ++-
 packages/embeds/wordpress/trunk/typebot.php         |  4 ++--
 8 files changed, 45 insertions(+), 8 deletions(-)

diff --git a/apps/builder/src/features/publish/components/embeds/modals/WordpressModal/instructions/WordpressBubbleInstructions.tsx b/apps/builder/src/features/publish/components/embeds/modals/WordpressModal/instructions/WordpressBubbleInstructions.tsx
index 8b712680f..48b0c46df 100644
--- a/apps/builder/src/features/publish/components/embeds/modals/WordpressModal/instructions/WordpressBubbleInstructions.tsx
+++ b/apps/builder/src/features/publish/components/embeds/modals/WordpressModal/instructions/WordpressBubbleInstructions.tsx
@@ -8,12 +8,17 @@ import {
   Link,
   Stack,
   Text,
+  Code,
 } from '@chakra-ui/react'
 import { BubbleProps } from '@typebot.io/nextjs'
 import { useState } from 'react'
 import { BubbleSettings } from '../../../settings/BubbleSettings/BubbleSettings'
 import { parseApiHostValue, parseInitBubbleCode } from '../../../snippetParsers'
 import { parseDefaultBubbleTheme } from '../../Javascript/instructions/JavascriptBubbleInstructions'
+import packageJson from '../../../../../../../../../../packages/embeds/js/package.json'
+import { isCloudProdInstance } from '@/helpers/isCloudProdInstance'
+
+const typebotCloudLibraryVersion = '0.2'
 
 type Props = {
   publicId: string
@@ -52,6 +57,14 @@ export const WordpressBubbleInstructions = ({ publicId }: Props) => {
           <ExternalLinkIcon mx="2px" />
         </Link>
       </ListItem>
+      <ListItem>
+        Set <Code>Library version</Code> to{' '}
+        <Code>
+          {isCloudProdInstance()
+            ? typebotCloudLibraryVersion
+            : packageJson.version}
+        </Code>
+      </ListItem>
       <ListItem>
         <Stack spacing={4}>
           <BubbleSettings
diff --git a/apps/builder/src/features/publish/components/embeds/modals/WordpressModal/instructions/WordpressPopupInstructions.tsx b/apps/builder/src/features/publish/components/embeds/modals/WordpressModal/instructions/WordpressPopupInstructions.tsx
index 650fa4732..a5db9eec3 100644
--- a/apps/builder/src/features/publish/components/embeds/modals/WordpressModal/instructions/WordpressPopupInstructions.tsx
+++ b/apps/builder/src/features/publish/components/embeds/modals/WordpressModal/instructions/WordpressPopupInstructions.tsx
@@ -7,11 +7,16 @@ import {
   Link,
   Stack,
   Text,
+  Code,
 } from '@chakra-ui/react'
 import { useState } from 'react'
 import { PopupSettings } from '../../../settings/PopupSettings'
 import { parseInitPopupCode } from '../../../snippetParsers/popup'
 import { parseApiHostValue } from '../../../snippetParsers'
+import { isCloudProdInstance } from '@/helpers/isCloudProdInstance'
+import packageJson from '../../../../../../../../../../packages/embeds/js/package.json'
+
+const typebotCloudLibraryVersion = '0.2'
 
 type Props = {
   publicId: string
@@ -42,6 +47,14 @@ export const WordpressPopupInstructions = ({
           <ExternalLinkIcon mx="2px" />
         </Link>
       </ListItem>
+      <ListItem>
+        Set <Code>Library version</Code> to{' '}
+        <Code>
+          {isCloudProdInstance()
+            ? typebotCloudLibraryVersion
+            : packageJson.version}
+        </Code>
+      </ListItem>
       <ListItem>
         <Stack spacing={4}>
           <PopupSettings
diff --git a/packages/embeds/wordpress/package.json b/packages/embeds/wordpress/package.json
index 2f9a33e0c..b6affd374 100644
--- a/packages/embeds/wordpress/package.json
+++ b/packages/embeds/wordpress/package.json
@@ -1,13 +1,13 @@
 {
   "name": "@typebot.io/wordpress",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "main": "index.js",
   "repository": "https://github.com/baptisteArno/typebot.io",
   "author": "baptisteArno",
   "license": "AGPL-3.0-or-later",
   "scripts": {
     "deploy": "pnpm copy && pnpm commit",
-    "copy": "svn copy ./trunk ./tags/3.5.0",
-    "commit": "svn ci -m 'Add lib_version attr in shortcode'"
+    "copy": "svn copy ./trunk ./tags/3.6.0",
+    "commit": "svn ci -m 'Add lib_version attr in admin panel'"
   }
 }
diff --git a/packages/embeds/wordpress/trunk/README.txt b/packages/embeds/wordpress/trunk/README.txt
index 5f08b9960..e8673905e 100644
--- a/packages/embeds/wordpress/trunk/README.txt
+++ b/packages/embeds/wordpress/trunk/README.txt
@@ -2,10 +2,10 @@
 Contributors: baptisteArno
 Tags: typebot, forms, surveys, quizzes, form builder, survey builder, quiz builder, custom forms, mobile forms, payment forms, order forms, feedback forms, enquiry forms, stripe, dropbox, google sheets, mailchimp, salesforce, hubspot, activecampaign, infusionsoft, asana, hipchat, slack, trello, zendesk
 Requires at least: 5.0
-Tested up to: 6.0
+Tested up to: 6.5
 License: GPL 2.0
 License URI: http://www.gnu.org/licenses/gpl-2.0.txt
-Stable Tag: 3.5.0
+Stable Tag: 3.6.0
 
 == Description ==
 Collect 4x more responses with conversational apps using Typebot.
@@ -23,6 +23,10 @@ This plugin relies on Typebot which is a tool that allows you to create conversa
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Activate your Typebot with the "Typebot" admin button located in the sidebar
 
+== Changelog ==
+= 3.6.0 =
+* Add the lib_version attribute to wp admin panel
+
 == Changelog ==
 = 3.5.0 =
 * Add the lib_version attribute in shortcode
diff --git a/packages/embeds/wordpress/trunk/admin/class-typebot-admin.php b/packages/embeds/wordpress/trunk/admin/class-typebot-admin.php
index c90627988..17bea99fb 100644
--- a/packages/embeds/wordpress/trunk/admin/class-typebot-admin.php
+++ b/packages/embeds/wordpress/trunk/admin/class-typebot-admin.php
@@ -25,6 +25,7 @@ class Typebot_Admin
 
   public function register_typebot_settings()
   {
+    register_setting('typebot', 'lib_version');
     register_setting('typebot', 'init_snippet');
     register_setting('typebot', 'excluded_pages');
   }
diff --git a/packages/embeds/wordpress/trunk/admin/partials/typebot-admin-display.php b/packages/embeds/wordpress/trunk/admin/partials/typebot-admin-display.php
index 360548186..0165b7d9f 100644
--- a/packages/embeds/wordpress/trunk/admin/partials/typebot-admin-display.php
+++ b/packages/embeds/wordpress/trunk/admin/partials/typebot-admin-display.php
@@ -9,6 +9,11 @@
         settings_fields('typebot');
         do_settings_sections('typebot');
         ?>
+        <div style="display: flex; flex-direction: column">
+          <label>Library version:</label>
+          <input name="lib_version" value="<?php echo esc_attr(get_option('lib_version') !== null && get_option('lib_version') !== ''  ? get_option('lib_version') : '0.2'); ?>" style="padding: .5rem" />
+        </div>
+
         <div style="display: flex; flex-direction: column">
           <label>If embedding as <strong>Popup</strong> or <strong>Bubble</strong>, paste the initialization snippet here:</label>
           <textarea name="init_snippet" style="min-height: 150px; padding: 0.5rem; margin-top: 1rem"><?php echo esc_attr(get_option('init_snippet')); ?></textarea>
diff --git a/packages/embeds/wordpress/trunk/public/class-typebot-public.php b/packages/embeds/wordpress/trunk/public/class-typebot-public.php
index 8c25cae00..1cd927c51 100644
--- a/packages/embeds/wordpress/trunk/public/class-typebot-public.php
+++ b/packages/embeds/wordpress/trunk/public/class-typebot-public.php
@@ -40,7 +40,8 @@ class Typebot_Public
 
   function typebot_script()
   {
-    echo '<script type="module">import Typebot from "https://cdn.jsdelivr.net/npm/@typebot.io/js@0.2.15/dist/web.js";';
+    $lib_version = get_option('lib_version') !== null && get_option('lib_version') !== ''  ? get_option('lib_version') : '0.2';
+    echo '<script type="module">import Typebot from "https://cdn.jsdelivr.net/npm/@typebot.io/js@'.$lib_version.'/dist/web.js";';
     if (
       get_option('excluded_pages') !== null &&
       get_option('excluded_pages') !== ''
diff --git a/packages/embeds/wordpress/trunk/typebot.php b/packages/embeds/wordpress/trunk/typebot.php
index 5a2036e46..bededf519 100644
--- a/packages/embeds/wordpress/trunk/typebot.php
+++ b/packages/embeds/wordpress/trunk/typebot.php
@@ -3,7 +3,7 @@
 /**
  * Plugin Name:       Typebot
  * Description:       Convert more with conversational forms
- * Version:           3.5.0
+ * Version:           3.6.0
  * Author:            Typebot
  * Author URI:        http://typebot.io/
  * License:           GPL-2.0+
@@ -16,7 +16,7 @@ if (!defined('WPINC')) {
   die();
 }
 
-define('TYPEBOT_VERSION', '3.5.0');
+define('TYPEBOT_VERSION', '3.6.0');
 
 function activate_typebot()
 {