🐛 Add onPreviewMessageDismissed prop to Bubble component

Closes #1888
baptisteArno · Nov 18, 2024 · 8016085 · 8016085
1 parent 13551a3
commit 8016085
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 3 deletions.
diff --git a/apps/docs/deploy/web/libraries/html-javascript.mdx b/apps/docs/deploy/web/libraries/html-javascript.mdx
@@ -339,6 +339,7 @@ This code will show the bubble and let a preview message appear after 5 seconds.
    onOpen?: () => void;
    onClose?: () => void;
    onPreviewMessageClick?: () => void;
+   onPreviewMessageDismissed?: () => void;
  };
  ```
 

diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.3.28",
+  "version": "0.3.29",
   "description": "Javascript library to display typebots on your website",
   "license": "FSL-1.1-ALv2",
   "type": "module",

diff --git a/packages/embeds/js/src/constants.ts b/packages/embeds/js/src/constants.ts
@@ -38,5 +38,6 @@ export const defaultBubbleProps: BubbleProps = {
   theme: undefined,
   previewMessage: undefined,
   onPreviewMessageClick: undefined,
+  onPreviewMessageDismissed: undefined,
   autoShowDelay: undefined,
 };
diff --git a/packages/embeds/js/src/features/bubble/components/Bubble.tsx b/packages/embeds/js/src/features/bubble/components/Bubble.tsx
@@ -28,6 +28,7 @@ export type BubbleProps = BotProps &
     onOpen?: () => void;
     onClose?: () => void;
     onPreviewMessageClick?: () => void;
+    onPreviewMessageDismissed?: () => void;
   };
 
 export const Bubble = (props: BubbleProps) => {
@@ -36,6 +37,7 @@ export const Bubble = (props: BubbleProps) => {
     "onClose",
     "previewMessage",
     "onPreviewMessageClick",
+    "onPreviewMessageDismissed",
     "theme",
     "autoShowDelay",
   ]);
@@ -141,6 +143,7 @@ export const Bubble = (props: BubbleProps) => {
   };
 
   const hideMessage = () => {
+    bubbleProps.onPreviewMessageDismissed?.();
     setIsPreviewMessageDisplayed(false);
   };
 

diff --git a/packages/embeds/nextjs/package.json b/packages/embeds/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/nextjs",
-  "version": "0.3.28",
+  "version": "0.3.29",
   "license": "FSL-1.1-ALv2",
   "description": "Convenient library to display typebots on your Next.js website",
   "type": "module",

diff --git a/packages/embeds/react/package.json b/packages/embeds/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.3.28",
+  "version": "0.3.29",
   "description": "Convenient library to display typebots on your React app",
   "license": "FSL-1.1-ALv2",
   "type": "module",