From c9b3b047dcfb312a8d744bc475a7e57a3b972a41 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Mon, 16 May 2022 16:16:40 -0700
Subject: [PATCH] =?UTF-8?q?fix(lib):=20=F0=9F=90=9B=20Standard=20embed?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/builder/components/share/codeSnippets/params.ts | 6 +++---
 packages/typebot-js/package.json                     | 2 +-
 packages/typebot-js/src/embedTypes/chat/iframe.ts    | 1 +
 packages/typebot-js/src/iframe/index.ts              | 1 -
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/builder/components/share/codeSnippets/params.ts b/apps/builder/components/share/codeSnippets/params.ts
index 73da88f74..a0dac4a86 100644
--- a/apps/builder/components/share/codeSnippets/params.ts
+++ b/apps/builder/components/share/codeSnippets/params.ts
@@ -88,7 +88,7 @@ export const parseInitContainerCode = ({
       backgroundColor,
     })
   return prettier.format(
-    `Typebot.initContainer("typebot-container", {
+    `initContainer("typebot-container", {
     url: "${url}",${bgColorString}${customDomainString}${hiddenVariablesString}
   });`,
     { parser: 'babel', plugins: [parserBabel] }
@@ -110,7 +110,7 @@ export const parseInitPopupCode = ({
     })
   const { delayString } = parsePopupParams({ delay })
   return prettier.format(
-    `var typebotCommands = Typebot.initPopup({url: "${url}",${delayString}${bgColorString}${customDomainString}${hiddenVariablesString}});`,
+    `var typebotCommands = initPopup({url: "${url}",${delayString}${bgColorString}${customDomainString}${hiddenVariablesString}});`,
     { parser: 'babel', plugins: [parserBabel] }
   )
 }
@@ -134,7 +134,7 @@ export const parseInitBubbleCode = ({
     proactiveMessage,
   })
   return prettier.format(
-    `var typebotCommands = Typebot.initBubble({url: "${url}",${bgColorString}${customDomainString}${hiddenVariablesString}${proactiveMessageString}${buttonString}});`,
+    `var typebotCommands = initBubble({url: "${url}",${bgColorString}${customDomainString}${hiddenVariablesString}${proactiveMessageString}${buttonString}});`,
     { parser: 'babel', plugins: [parserBabel] }
   )
 }
diff --git a/packages/typebot-js/package.json b/packages/typebot-js/package.json
index 8e91ceb1b..17db0d12c 100644
--- a/packages/typebot-js/package.json
+++ b/packages/typebot-js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "typebot-js",
-  "version": "2.2.5",
+  "version": "2.2.6",
   "main": "dist/index.js",
   "unpkg": "dist/index.umd.min.js",
   "license": "AGPL-3.0-or-later",
diff --git a/packages/typebot-js/src/embedTypes/chat/iframe.ts b/packages/typebot-js/src/embedTypes/chat/iframe.ts
index 66769037d..6abd5166f 100644
--- a/packages/typebot-js/src/embedTypes/chat/iframe.ts
+++ b/packages/typebot-js/src/embedTypes/chat/iframe.ts
@@ -5,6 +5,7 @@ export const createIframeContainer = (
   params: IframeParams
 ): HTMLIFrameElement => {
   const iframe = createIframe({ ...params, loadWhenVisible: true })
+  iframe.style.display = 'none'
   return iframe
 }
 
diff --git a/packages/typebot-js/src/iframe/index.ts b/packages/typebot-js/src/iframe/index.ts
index bd525c4e5..43644a1da 100644
--- a/packages/typebot-js/src/iframe/index.ts
+++ b/packages/typebot-js/src/iframe/index.ts
@@ -26,7 +26,6 @@ export const createIframe = ({
   iframe.classList.add('typebot-iframe')
   const { onNewVariableValue, onVideoPlayed } = iframeParams
   listenForTypebotMessages({ onNewVariableValue, onVideoPlayed })
-  iframe.style.display = 'none'
   return iframe
 }