chore: 🛂 Add context variables to support typebot

apps/builder/components/shared/SupportBubble.tsx

@@ -1,8 +1,12 @@
+import { useTypebot } from 'contexts/TypebotContext'
+import { useUser } from 'contexts/UserContext'
 import { useRouter } from 'next/router'
 import React, { useEffect } from 'react'
 import { initBubble } from 'typebot-js'
 
 export const SupportBubble = () => {
+  const { typebot } = useTypebot()
+  const { user } = useUser()
   const router = useRouter()
 
   useEffect(() => {
@@ -11,6 +15,12 @@ export const SupportBubble = () => {
       viewerHost: process.env.NEXT_PUBLIC_VIEWER_HOST,
       backgroundColor: '#ffffff',
       button: { color: '#0042DA' },
+      hiddenVariables: {
+        'Current URL': window.location.href,
+        'User ID': user?.id,
+        Email: user?.email ?? undefined,
+        'Typebot ID': typebot?.id,
+      },
     })
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [router])

apps/builder/pages/_app.tsx

@@ -33,11 +33,14 @@ const App = ({ Component, pageProps }: AppProps) => {
             {typebotId ? (
               <TypebotContext typebotId={typebotId}>
                 <Component />
+                <SupportBubble />
               </TypebotContext>
             ) : (
-              <Component {...pageProps} />
+              <>
+                <Component {...pageProps} />
+                <SupportBubble />
+              </>
             )}
-            <SupportBubble />
           </UserContext>
         </SessionProvider>
       </KBarProvider>

apps/builder/services/typebots.ts

@@ -226,7 +226,8 @@ export const checkIfPublished = (
 ) =>
   deepEqual(parseBlocksToPublicBlocks(typebot.blocks), publicTypebot.blocks) &&
   deepEqual(typebot.settings, publicTypebot.settings) &&
-  deepEqual(typebot.theme, publicTypebot.theme)
+  deepEqual(typebot.theme, publicTypebot.theme) &&
+  deepEqual(typebot.variables, publicTypebot.variables)
 
 export const parseDefaultPublicId = (name: string, id: string) =>
   toKebabCase(name) + `-${id?.slice(-7)}`