From 24b077c0e2d06700a94443acc2adc8954beb03ab Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Fri, 20 May 2022 08:06:27 -0700
Subject: [PATCH] =?UTF-8?q?fix(embed):=20=F0=9F=93=9D=20=20initContainer?=
 =?UTF-8?q?=20typo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/builder/components/share/codeSnippets/ReactCode.tsx | 6 +++---
 apps/builder/components/share/codeSnippets/params.ts     | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/builder/components/share/codeSnippets/ReactCode.tsx b/apps/builder/components/share/codeSnippets/ReactCode.tsx
index 97eb38b15..767e3c6c7 100644
--- a/apps/builder/components/share/codeSnippets/ReactCode.tsx
+++ b/apps/builder/components/share/codeSnippets/ReactCode.tsx
@@ -50,7 +50,7 @@ const parseContainerSnippet = ({
     backgroundColor,
     hiddenVariables,
   })
-  return `import {initContainer} from "typebot-js";
+  return `import Typebot from "typebot-js";
 
       const Component = () => {
         useEffect(()=> {
@@ -98,7 +98,7 @@ const parsePopupSnippet = ({
     hiddenVariables,
     delay,
   })
-  return `import {initPopup} from "typebot-js";
+  return `import Typebot from "typebot-js";
 
       const Component = () => {
         useEffect(()=> {
@@ -151,7 +151,7 @@ const parseBubbleSnippet = ({
     proactiveMessage,
     button,
   })
-  return `import {initBubble} from "typebot-js";
+  return `import Typebot from "typebot-js";
 
       const Component = () => {
         useEffect(()=> {
diff --git a/apps/builder/components/share/codeSnippets/params.ts b/apps/builder/components/share/codeSnippets/params.ts
index a0dac4a86..73da88f74 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(
-    `initContainer("typebot-container", {
+    `Typebot.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 = initPopup({url: "${url}",${delayString}${bgColorString}${customDomainString}${hiddenVariablesString}});`,
+    `var typebotCommands = Typebot.initPopup({url: "${url}",${delayString}${bgColorString}${customDomainString}${hiddenVariablesString}});`,
     { parser: 'babel', plugins: [parserBabel] }
   )
 }
@@ -134,7 +134,7 @@ export const parseInitBubbleCode = ({
     proactiveMessage,
   })
   return prettier.format(
-    `var typebotCommands = initBubble({url: "${url}",${bgColorString}${customDomainString}${hiddenVariablesString}${proactiveMessageString}${buttonString}});`,
+    `var typebotCommands = Typebot.initBubble({url: "${url}",${bgColorString}${customDomainString}${hiddenVariablesString}${proactiveMessageString}${buttonString}});`,
     { parser: 'babel', plugins: [parserBabel] }
   )
 }