⚡️ Reset remembered state if the typebot is updated (#1675)

Wipe stored chat state if a typebot is updated.

Resolves #1508 
Resolves #1427  



https://github.com/user-attachments/assets/7668d6a7-2916-4158-b715-1cccaeaf6ddf

---------

Co-authored-by: Baptiste Arnaud <baptiste.arnaud95@gmail.com>

packages/embeds/js/package.json

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

packages/embeds/js/src/components/Bot.tsx

@@ -150,8 +150,25 @@ export const Bot = (props: BotProps & { class?: string }) => {
       const initialChatInStorage = getInitialChatReplyFromStorage(
         data.typebot.id
       )
-      if (initialChatInStorage) {
-        setInitialChatReply(initialChatInStorage)
+      if (
+        initialChatInStorage &&
+        initialChatInStorage.typebot.publishedAt &&
+        data.typebot.publishedAt
+      ) {
+        if (
+          new Date(initialChatInStorage.typebot.publishedAt).getTime() ===
+          new Date(data.typebot.publishedAt).getTime()
+        ) {
+          setInitialChatReply(initialChatInStorage)
+        } else {
+          // Restart chat by resetting remembered state
+          wipeExistingChatStateInStorage(data.typebot.id)
+          setInitialChatReply(data)
+          setInitialChatReplyInStorage(data, {
+            typebotId: data.typebot.id,
+            storage,
+          })
+        }
       } else {
         setInitialChatReply(data)
         setInitialChatReplyInStorage(data, {

packages/embeds/nextjs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/nextjs",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "Convenient library to display typebots on your Next.js website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

packages/embeds/react/package.json

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

packages/embeds/react/src/stories/assets/leadGenerationTypebot.ts

@@ -12,6 +12,7 @@ export const leadGenerationTypebot: StartTypebot = {
   version: '3',
   id: 'clckrl4q5000t3b6sabwokaar',
   events: null,
+  publishedAt: new Date(),
   groups: [
     {
       id: 'clckrl4q5000g3b6skizhd262',