🐛 Correctly update prefilled variables

packages/js/package.json

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

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

@@ -1,4 +1,11 @@
-import { createSignal, onMount, Show, splitProps, onCleanup } from 'solid-js'
+import {
+  createSignal,
+  onMount,
+  Show,
+  splitProps,
+  onCleanup,
+  createEffect,
+} from 'solid-js'
 import styles from '../../../assets/index.css'
 import { CommandData } from '../../commands'
 import { BubbleButton } from './BubbleButton'
@@ -52,6 +59,14 @@ export const Bubble = (props: BubbleProps) => {
     window.removeEventListener('message', processIncomingEvent)
   })
 
+  createEffect(() => {
+    if (!props.prefilledVariables) return
+    setPrefilledVariables((existingPrefilledVariables) => ({
+      ...existingPrefilledVariables,
+      ...props.prefilledVariables,
+    }))
+  })
+
   const processIncomingEvent = (event: MessageEvent<CommandData>) => {
     const { data } = event
     if (!data.isFromTypebot) return

packages/js/src/features/popup/components/Popup.tsx

@@ -62,6 +62,14 @@ export const Popup = (props: PopupProps) => {
     toggleBot()
   })
 
+  createEffect(() => {
+    if (!props.prefilledVariables) return
+    setPrefilledVariables((existingPrefilledVariables) => ({
+      ...existingPrefilledVariables,
+      ...props.prefilledVariables,
+    }))
+  })
+
   const stopPropagation = (event: MouseEvent) => {
     event.stopPropagation()
   }

packages/react/package.json

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