docs: 📝 Update env var and write Configuration doc

apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/GoogleSheetsSettingsBody/SpreadsheetDropdown.tsx

@@ -20,7 +20,9 @@ export const SpreadsheetsDropdown = ({
   })
   const { spreadsheets, isLoading } = useSpreadsheets({
     credentialsId,
-    onError: (e) => toast({ title: e.name, description: e.message }),
+    onError: (e) =>
+      !toast.isActive('spreadsheets') &&
+      toast({ id: 'spreadsheets', title: e.name, description: e.message }),
   })
   const currentSpreadsheet = useMemo(
     () => spreadsheets?.find((s) => s.id === spreadsheetId),

apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/SendEmailSettings/SendEmailSettings.tsx

@@ -69,9 +69,9 @@ export const SendEmailSettings = ({ options, onOptionsChange }: Props) => {
           currentCredentialsId={options.credentialsId}
           onCredentialsSelect={handleCredentialsSelect}
           onCreateNewClick={onOpen}
-          defaultCredentialLabel={
-            process.env.NEXT_PUBLIC_EMAIL_NOTIFICATIONS_FROM_EMAIL
-          }
+          defaultCredentialLabel={process.env.NEXT_PUBLIC_SMTP_FROM?.match(
+            /\<(.*)\>/
+          )?.pop()}
           refreshDropdownKey={refreshCredentialsKey}
         />
       </Stack>

apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/SendEmailSettings/SmtpConfigModal.tsx

@@ -78,7 +78,6 @@ export const SmtpConfigModal = ({
         <ModalFooter>
           <Button
             colorScheme="blue"
-            mr={3}
             onClick={handleCreateClick}
             isDisabled={
               isNotDefined(smtpConfig.from.email) ||
@@ -91,7 +90,6 @@ export const SmtpConfigModal = ({
           >
             Create
           </Button>
-          <Button variant="ghost">Close</Button>
         </ModalFooter>
       </ModalContent>
     </Modal>

apps/builder/components/shared/SupportBubble.tsx

@@ -2,6 +2,7 @@ import { useTypebot } from 'contexts/TypebotContext'
 import { useUser } from 'contexts/UserContext'
 import { Plan } from 'db'
 import React, { useEffect } from 'react'
+import { isCloudProdInstance } from 'services/utils'
 import { initBubble } from 'typebot-js'
 
 export const SupportBubble = () => {
@@ -9,20 +10,21 @@ export const SupportBubble = () => {
   const { user } = useUser()
 
   useEffect(() => {
-    initBubble({
-      publishId: 'typebot-support',
-      viewerHost: process.env.NEXT_PUBLIC_VIEWER_HOST,
-      backgroundColor: '#ffffff',
-      button: { color: '#0042DA' },
-      hiddenVariables: {
-        'User ID': user?.id,
-        Name: user?.name ?? undefined,
-        Email: user?.email ?? undefined,
-        'Typebot ID': typebot?.id,
-        'Avatar URL': user?.image ?? undefined,
-        Plan: planToReadable(user?.plan),
-      },
-    })
+    if (isCloudProdInstance())
+      initBubble({
+        publishId: 'typebot-support',
+        viewerHost: process.env.NEXT_PUBLIC_VIEWER_URL,
+        backgroundColor: '#ffffff',
+        button: { color: '#0042DA' },
+        hiddenVariables: {
+          'User ID': user?.id,
+          Name: user?.name ?? undefined,
+          Email: user?.email ?? undefined,
+          'Typebot ID': typebot?.id,
+          'Avatar URL': user?.image ?? undefined,
+          Plan: planToReadable(user?.plan),
+        },
+      })
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [user, typebot])