🚸 Improve support accessibility

Add documentation button in board menu and hide the support bubble in the editor. Makes it accessible only by clicking the "Help" button

packages/embeds/js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",

packages/embeds/js/src/constants.ts

@@ -32,4 +32,6 @@ export const defaultBubbleProps: BubbleProps = {
   onOpen: undefined,
   theme: undefined,
   previewMessage: undefined,
+  onPreviewMessageClick: undefined,
+  autoShowDelay: undefined,
 }

packages/embeds/js/src/features/bubble/components/Bubble.tsx

@@ -28,6 +28,7 @@ export const Bubble = (props: BubbleProps) => {
     'previewMessage',
     'onPreviewMessageClick',
     'theme',
+    'autoShowDelay',
   ])
   const [prefilledVariables, setPrefilledVariables] = createSignal(
     // eslint-disable-next-line solid/reactivity
@@ -47,12 +48,19 @@ export const Bubble = (props: BubbleProps) => {
 
   onMount(() => {
     window.addEventListener('message', processIncomingEvent)
-    const autoShowDelay = bubbleProps.previewMessage?.autoShowDelay
+    const autoShowDelay = bubbleProps.autoShowDelay
+    const previewMessageAutoShowDelay =
+      bubbleProps.previewMessage?.autoShowDelay
     if (isDefined(autoShowDelay)) {
       setTimeout(() => {
-        showMessage()
+        openBot()
       }, autoShowDelay)
     }
+    if (isDefined(previewMessageAutoShowDelay)) {
+      setTimeout(() => {
+        showMessage()
+      }, previewMessageAutoShowDelay)
+    }
   })
 
   onCleanup(() => {

packages/embeds/js/src/features/bubble/types.ts

@@ -1,6 +1,7 @@
 export type BubbleParams = {
   theme?: BubbleTheme
   previewMessage?: PreviewMessageParams
+  autoShowDelay?: number
 }
 
 export type BubbleTheme = {

packages/embeds/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "description": "React library to display typebots on your website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",