docs(share): 📝 Update typebot URL in embed instructions

apps/builder/components/share/codeSnippets/Chat/EmbedCode.tsx

@@ -19,7 +19,10 @@ export const ChatEmbedCode = ({
 
   const snippet = prettier.format(
     createSnippet({
-      url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${typebot?.publicId}`,
+      url: `${
+        process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
+        process.env.NEXT_PUBLIC_VIEWER_URL
+      }/${typebot?.publicId}`,
       button,
       proactiveMessage,
     }),

apps/builder/components/share/codeSnippets/Container/EmbedCode.tsx

@@ -21,7 +21,10 @@ export const ContainerEmbedCode = ({
 
   const snippet = prettier.format(
     parseSnippet({
-      url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${typebot?.publicId}`,
+      url: `${
+        process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
+        process.env.NEXT_PUBLIC_VIEWER_URL
+      }/${typebot?.publicId}`,
       heightLabel,
       widthLabel,
     }),

apps/builder/components/share/codeSnippets/Iframe/EmbedCode.tsx

@@ -12,7 +12,10 @@ export const IframeEmbedCode = ({
   heightLabel,
 }: Props & FlexProps) => {
   const { typebot } = useTypebot()
-  const src = `${process.env.NEXT_PUBLIC_VIEWER_URL}/${typebot?.publicId}`
+  const src = `${
+    process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
+    process.env.NEXT_PUBLIC_VIEWER_URL
+  }/${typebot?.publicId}`
   const code = `<iframe src="${src}" width="${widthLabel}" height="${heightLabel}" />`
 
   return <CodeEditor value={code} lang="html" isReadOnly />

apps/builder/components/share/codeSnippets/Popup/EmbedCode.tsx

@@ -16,7 +16,10 @@ export const PopupEmbedCode = ({ delay }: PopupEmbedCodeProps & FlexProps) => {
   const { typebot } = useTypebot()
   const snippet = prettier.format(
     createSnippet({
-      url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${typebot?.publicId}`,
+      url: `${
+        process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
+        process.env.NEXT_PUBLIC_VIEWER_URL
+      }/${typebot?.publicId}`,
       delay,
     }),
     {

apps/builder/components/share/codeSnippets/ReactCode.tsx

@@ -19,7 +19,10 @@ export const StandardReactDiv = ({
   const { typebot } = useTypebot()
   const snippet = prettier.format(
     parseContainerSnippet({
-      url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${typebot?.publicId}`,
+      url: `${
+        process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
+        process.env.NEXT_PUBLIC_VIEWER_URL
+      }/${typebot?.publicId}`,
       heightLabel,
       widthLabel,
     }),
@@ -67,7 +70,10 @@ export const PopupReactCode = ({ delay }: PopupEmbedCodeProps & FlexProps) => {
   const { typebot } = useTypebot()
   const snippet = prettier.format(
     parsePopupSnippet({
-      url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${typebot?.publicId}`,
+      url: `${
+        process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
+        process.env.NEXT_PUBLIC_VIEWER_URL
+      }/${typebot?.publicId}`,
       delay,
     }),
     {
@@ -114,7 +120,10 @@ export const ChatReactCode = ({
   const { typebot } = useTypebot()
   const snippet = prettier.format(
     parseBubbleSnippet({
-      url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${typebot?.publicId}`,
+      url: `${
+        process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
+        process.env.NEXT_PUBLIC_VIEWER_URL
+      }/${typebot?.publicId}`,
       button,
       proactiveMessage,
     }),

apps/builder/components/share/integrations/modals/GtmModal/GtmInstructions.tsx

@@ -39,7 +39,10 @@ const StandardInstructions = ({ publicId }: Pick<ModalProps, 'publicId'>) => {
   })
 
   const jsCode = parseInitContainerCode({
-    url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${publicId}`,
+    url: `${
+      process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
+      process.env.NEXT_PUBLIC_VIEWER_URL
+    }/${publicId}`,
   })
   const headCode = `${typebotJsHtml}
   <script>

apps/builder/components/share/integrations/modals/NotionModal.tsx

@@ -44,11 +44,17 @@ export const NotionModal = ({
                 <Input
                   pr="4.5rem"
                   type={'text'}
-                  defaultValue={`${process.env.NEXT_PUBLIC_VIEWER_URL}/${publicId}`}
+                  defaultValue={`${
+                    process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
+                    process.env.NEXT_PUBLIC_VIEWER_URL
+                  }/${publicId}`}
                 />
                 <InputRightElement width="4.5rem">
                   <CopyButton
-                    textToCopy={`${process.env.NEXT_PUBLIC_VIEWER_URL}/${publicId}`}
+                    textToCopy={`${
+                      process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
+                      process.env.NEXT_PUBLIC_VIEWER_URL
+                    }/${publicId}`}
                   />
                 </InputRightElement>
               </InputGroup>

apps/builder/components/share/integrations/modals/ShopifyModal/ShopifyInstructions.tsx

@@ -44,7 +44,10 @@ const StandardInstructions = ({ publicId }: Pick<ModalProps, 'publicId'>) => {
   })
 
   const jsCode = parseInitContainerCode({
-    url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${publicId}`,
+    url: `${
+      process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
+      process.env.NEXT_PUBLIC_VIEWER_URL
+    }/${publicId}`,
   })
   const headCode = prettier.format(
     `${typebotJsHtml}<script>${jsCode}</script>`,

apps/builder/components/share/integrations/modals/WordpressModal.tsx

@@ -53,11 +53,17 @@ export const WordpressModal = ({
                 <Input
                   pr="4.5rem"
                   type={'text'}
-                  defaultValue={`${process.env.NEXT_PUBLIC_VIEWER_URL}/${publicId}`}
+                  defaultValue={`${
+                    process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
+                    process.env.NEXT_PUBLIC_VIEWER_URL
+                  }/${publicId}`}
                 />
                 <InputRightElement width="4.5rem">
                   <CopyButton
-                    textToCopy={`${process.env.NEXT_PUBLIC_VIEWER_URL}/${publicId}`}
+                    textToCopy={`${
+                      process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
+                      process.env.NEXT_PUBLIC_VIEWER_URL
+                    }/${publicId}`}
                   />
                 </InputRightElement>
               </InputGroup>

apps/builder/components/shared/SupportBubble.tsx

@@ -12,7 +12,10 @@ export const SupportBubble = () => {
   useEffect(() => {
     if (isCloudProdInstance())
       initBubble({
-        url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/typebot-support`,
+        url: `${
+          process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
+          process.env.NEXT_PUBLIC_VIEWER_URL
+        }/typebot-support`,
         backgroundColor: '#ffffff',
         button: { color: '#0042DA' },
         hiddenVariables: {