⚡️ 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>

apps/docs/openapi/viewer.json

@@ -1148,6 +1148,9 @@
                         },
                         "settings": {
                           "$ref": "#/components/schemas/settings"
+                        },
+                        "publishedAt": {
+                          "type": "string"
                         }
                       },
                       "required": [
@@ -1986,6 +1989,9 @@
                         },
                         "settings": {
                           "$ref": "#/components/schemas/settings"
+                        },
+                        "publishedAt": {
+                          "type": "string"
                         }
                       },
                       "required": [
@@ -5869,6 +5875,9 @@
           },
           "theme": {
             "$ref": "#/components/schemas/theme"
+          },
+          "updatedAt": {
+            "type": "string"
           }
         },
         "required": [
@@ -5879,7 +5888,8 @@
           "edges",
           "variables",
           "settings",
-          "theme"
+          "theme",
+          "updatedAt"
         ],
         "title": "Typebot V5"
       },
@@ -7483,6 +7493,9 @@
           },
           "theme": {
             "$ref": "#/components/schemas/theme"
+          },
+          "updatedAt": {
+            "type": "string"
           }
         },
         "required": [
@@ -7493,7 +7506,8 @@
           "edges",
           "variables",
           "settings",
-          "theme"
+          "theme",
+          "updatedAt"
         ],
         "title": "Typebot V6"
       },

apps/docs/settings/remember-user.mdx

@@ -11,3 +11,5 @@ There are 2 storage options:
 
 - **Local storage**: The chat state will be saved in the user's web browser. It will be available only on the same device and web browser.
 - **Session storage**: The chat state will be saved in the user's web browser. It will be available only on the same device and web browser, but it will be deleted when the user closes the current tab or the web browser.
+
+Note that if you publish a new version of your typebot, saved sessions will be automatically resetted. It means that if the user has a saved session, if he refreshes the bot and that a new version is published, the bot will restart from the beginning.

packages/bot-engine/apiHandlers/startChat.ts

@@ -96,6 +96,7 @@ export const startChat = async ({
       id: typebot.id,
       theme: typebot.theme,
       settings: typebot.settings,
+      publishedAt: typebot.publishedAt,
     },
     messages,
     input,

packages/bot-engine/queries/findPublicTypebot.ts

@@ -31,5 +31,6 @@ export const findPublicTypebot = ({ publicId }: Props) =>
           },
         },
       },
+      updatedAt: true,
     },
   })

packages/bot-engine/queries/findTypebot.ts

@@ -18,5 +18,6 @@ export const findTypebot = ({ id, userId }: Props) =>
       theme: true,
       variables: true,
       isArchived: true,
+      updatedAt: true,
     },
   })

packages/bot-engine/startSession.ts

@@ -278,6 +278,7 @@ export const startSession = async ({
         theme: sanitizeAndParseTheme(typebot.theme, {
           variables: initialState.typebotsQueue[0].typebot.variables,
         }),
+        publishedAt: typebot.updatedAt,
       },
       dynamicTheme: parseDynamicTheme(newSessionState),
       logs: startLogs.length > 0 ? startLogs : undefined,
@@ -296,6 +297,7 @@ export const startSession = async ({
       theme: sanitizeAndParseTheme(typebot.theme, {
         variables: initialState.typebotsQueue[0].typebot.variables,
       }),
+      publishedAt: typebot.updatedAt,
     },
     messages,
     input,

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) {
+      if (
-        setInitialChatReply(initialChatInStorage)
+        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',

packages/schemas/features/chat/schema.ts

@@ -170,6 +170,7 @@ const startTypebotPick = {
   variables: true,
   settings: true,
   theme: true,
+  updatedAt: true,
 } as const
 export const startTypebotSchema = z.preprocess(
   preprocessTypebot,
@@ -381,6 +382,7 @@ export const startChatResponseSchema = z
       id: z.string(),
       theme: themeSchema,
       settings: settingsSchema,
+      publishedAt: z.coerce.date().optional(),
     }),
   })
   .merge(chatResponseBaseSchema)