⏪️ Revert sessionId reset on remembered state

Author: baptisteArno

apps/viewer/src/test/assets/typebots/rememberUser.json

@@ -0,0 +1 @@
+{"version":"6.1","id":"dfdphyt2fzysxnpg986v2rb4","name":"Lead Generation","events":[{"id":"k6kY6gwRE6noPoYQNGzgUq","outgoingEdgeId":"oNvqaqNExdSH2kKEhKZHuE","graphCoordinates":{"x":0,"y":0},"type":"start"}],"groups":[{"id":"kinRXxYop2X4d7F9qt8WNB","title":"Welcome","graphCoordinates":{"x":1,"y":148},"blocks":[{"id":"sc1y8VwDabNJgiVTBi4qtif","type":"text","content":{"richText":[{"type":"p","children":[{"text":"Welcome to "},{"bold":true,"text":"AA"},{"text":" (Awesome Agency)"}]}]}},{"id":"s7YqZTBeyCa4Hp3wN2j922c","type":"image","content":{"url":"https://media2.giphy.com/media/XD9o33QG9BoMis7iM4/giphy.gif?cid=fe3852a3ihg8rvipzzky5lybmdyq38fhke2tkrnshwk52c7d&rid=giphy.gif&ct=g"}},{"id":"sbjZWLJGVkHAkDqS4JQeGow","outgoingEdgeId":"i51YhHpk1dtSyduFNf5Wim","type":"choice input","items":[{"id":"hQw2zbp7FDX7XYK9cFpbgC","content":"Hi!"}]}]},{"id":"o4SH1UtKANnW5N5D67oZUz","title":"Email","graphCoordinates":{"x":669,"y":141},"blocks":[{"id":"sxeYubYN6XzhAfG7m9Fivhc","type":"text","content":{"richText":[{"type":"p","children":[{"text":"Great! Nice to meet you {{Name}}"}]}]}},{"id":"scQ5kduafAtfP9T8SHUJnGi","type":"text","content":{"richText":[{"type":"p","children":[{"text":"What's the best email we can reach you at?"}]}]}},{"id":"snbsad18Bgry8yZ8DZCfdFD","outgoingEdgeId":"w3MiN1Ct38jT5NykVsgmb5","type":"email input","options":{"variableId":"v3VFChNVSCXQ2rXv4DrJ8Ah"}}]},{"id":"q5dAhqSTCaNdiGSJm9B9Rw","title":"Name","graphCoordinates":{"x":340,"y":143},"blocks":[{"id":"sgtE2Sy7cKykac9B223Kq9R","type":"text","content":{"richText":[{"type":"p","children":[{"text":"What's your name?"}]}]}},{"id":"sqEsMo747LTDnY9FjQcEwUv","outgoingEdgeId":"4tYbERpi5Po4goVgt6rWXg","type":"text input","options":{"variableId":"giiLFGw5xXBCHzvp1qAbdX"}}]},{"id":"fKqRz7iswk7ULaj5PJocZL","title":"Services","graphCoordinates":{"x":1002,"y":144},"blocks":[{"id":"su7HceVXWyTCzi2vv3m4QbK","type":"text","content":{"richText":[{"type":"p","children":[{"text":"What services are you interested in?"}]}]}},{"id":"s5VQGsVF4hQgziQsXVdwPDW","outgoingEdgeId":"ohTRakmcYJ7GdFWRZrWRjk","type":"choice input","items":[{"id":"fnLCBF4NdraSwcubnBhk8H","content":"Website dev"},{"id":"a782h8ynMouY84QjH7XSnR","content":"Content Marketing"},{"id":"jGvh94zBByvVFpSS3w97zY","content":"Social Media"},{"id":"6PRLbKUezuFmwWtLVbvAQ7","content":"UI / UX Design"}]}]},{"id":"7qHBEyCMvKEJryBHzPmHjV","title":"Additional information","graphCoordinates":{"x":1337,"y":145},"blocks":[{"id":"sqR8Sz9gW21aUYKtUikq7qZ","type":"text","content":{"richText":[{"type":"p","children":[{"text":"Can you tell me a bit more about your needs?"}]}]}},{"id":"sqFy2G3C1mh9p6s3QBdSS5x","outgoingEdgeId":"sH5nUssG2XQbm6ZidGv9BY","type":"text input","options":{"isLong":true}}]},{"id":"vF7AD7zSAj7SNvN3gr9N94","title":"Bye","graphCoordinates":{"x":1668,"y":143},"blocks":[{"id":"seLegenCgUwMopRFeAefqZ7","type":"text","content":{"richText":[{"type":"p","children":[{"text":"Perfect!"}]}]}},{"id":"s779Q1y51aVaDUJVrFb16vv","type":"text","content":{"richText":[{"type":"p","children":[{"text":"We'll get back to you at {{Email}}"}]}]}}]}],"edges":[{"id":"oNvqaqNExdSH2kKEhKZHuE","from":{"eventId":"k6kY6gwRE6noPoYQNGzgUq"},"to":{"groupId":"kinRXxYop2X4d7F9qt8WNB"}},{"id":"i51YhHpk1dtSyduFNf5Wim","from":{"blockId":"sbjZWLJGVkHAkDqS4JQeGow"},"to":{"groupId":"q5dAhqSTCaNdiGSJm9B9Rw"}},{"id":"4tYbERpi5Po4goVgt6rWXg","from":{"blockId":"sqEsMo747LTDnY9FjQcEwUv"},"to":{"groupId":"o4SH1UtKANnW5N5D67oZUz"}},{"id":"w3MiN1Ct38jT5NykVsgmb5","from":{"blockId":"snbsad18Bgry8yZ8DZCfdFD"},"to":{"groupId":"fKqRz7iswk7ULaj5PJocZL"}},{"id":"ohTRakmcYJ7GdFWRZrWRjk","from":{"blockId":"s5VQGsVF4hQgziQsXVdwPDW"},"to":{"groupId":"7qHBEyCMvKEJryBHzPmHjV"}},{"id":"sH5nUssG2XQbm6ZidGv9BY","from":{"blockId":"sqFy2G3C1mh9p6s3QBdSS5x"},"to":{"groupId":"vF7AD7zSAj7SNvN3gr9N94"}}],"variables":[{"id":"mqz3ubdsib5gx4f1s9jsz439","name":"location","isSessionVariable":false},{"id":"j2ou1y4k1tg7dv5wa8bmnf7a","name":"user_name","isSessionVariable":false},{"id":"giiLFGw5xXBCHzvp1qAbdX","name":"Name","isSessionVariable":false},{"id":"v3VFChNVSCXQ2rXv4DrJ8Ah","name":"Email","isSessionVariable":false}],"theme":{},"selectedThemeTemplateId":null,"settings":{"general":{"rememberUser":{"isEnabled":true,"storage":"local"}}},"createdAt":"2025-09-09T12:38:42.538Z","updatedAt":"2025-09-09T12:38:44.793Z","icon":"🤝","folderId":null,"publicId":"lead-generation-86v2rb4","customDomain":null,"workspaceId":"proWorkspace","resultsTablePreferences":null,"isArchived":false,"isClosed":false,"whatsAppCredentialsId":null,"riskLevel":null}

apps/viewer/src/test/rememberUser.spec.ts

@@ -0,0 +1,23 @@
+import test, { expect } from "@playwright/test";
+import { createId } from "@typebot.io/lib/createId";
+import { importTypebotInDatabase } from "@typebot.io/playwright/databaseActions";
+import { getTestAsset } from "./utils/playwright";
+
+test("should be able to resume chat after a refresh", async ({ page }) => {
+  const typebotId = createId();
+  await importTypebotInDatabase(getTestAsset("typebots/rememberUser.json"), {
+    id: typebotId,
+    publicId: `${typebotId}-public`,
+  });
+  await page.goto(`/${typebotId}-public`);
+  await page.getByRole("button", { name: "Hi!" }).click();
+  await expect(page.getByText("What's your name?")).toBeVisible();
+  await page.reload();
+  await page
+    .getByRole("textbox", { name: "Type your answer..." })
+    .fill("Baptiste");
+  await page.getByRole("button", { name: "Send" }).click();
+  await expect(
+    page.getByText("Great! Nice to meet you Baptiste"),
+  ).toBeVisible();
+});

biome.json

@@ -13,7 +13,8 @@
       "!**/.claude",
       "!**/emojiList.json",
       "!**/iconNames.ts",
-      "!**/.last-run.json"
+      "!**/.last-run.json",
+      "!**/test/assets/**/*.json"
     ]
   },
   "linter": {

packages/embeds/js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.8.20",
+  "version": "0.8.21",
   "description": "Javascript library to display typebots on your website",
   "license": "FSL-1.1-ALv2",
   "type": "module",

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

@@ -172,10 +172,7 @@ export const Bot = (props: BotProps & { class?: string }) => {
           new Date(initialChatInStorage.typebot.publishedAt).getTime() ===
           new Date(data.typebot.publishedAt).getTime()
         ) {
-          setInitialChatReply({
-            ...initialChatInStorage,
-            sessionId: data.sessionId,
-          });
+          setInitialChatReply(initialChatInStorage);
         } else {
           // Restart chat by resetting remembered state
           wipeExistingChatStateInStorage(data.typebot.id);

packages/embeds/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.8.20",
+  "version": "0.8.21",
   "description": "Convenient library to display typebots on your React app",
   "license": "FSL-1.1-ALv2",
   "type": "module",