🚸 Properly parse single break lines in streaming bubble

packages/embeds/js/package.json

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

packages/embeds/js/src/components/bubbles/StreamingBubble.tsx

@@ -27,15 +27,25 @@ export const StreamingBubble = (props: Props) => {
         .map((block, index) => {
           if (index % 2 === 0) {
             return block.split('\n\n').map((line) =>
-              domPurify.sanitize(marked.parse(line.replace(/【.+】/g, '')), {
+              domPurify.sanitize(
+                marked.parse(line.replace(/【.+】/g, ''), {
+                  breaks: true,
+                }),
+                {
                   ADD_ATTR: ['target'],
-              })
+                }
+              )
             )
           } else {
             return [
-              domPurify.sanitize(marked.parse('```' + block + '```'), {
+              domPurify.sanitize(
-                ADD_ATTR: ['target'],
+                marked.parse('```' + block + '```', {
+                  breaks: true,
                 }),
+                {
+                  ADD_ATTR: ['target'],
+                }
+              ),
             ]
           }
         })

packages/embeds/nextjs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/nextjs",
-  "version": "0.2.84",
+  "version": "0.2.85",
   "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.2.84",
+  "version": "0.2.85",
   "description": "Convenient library to display typebots on your React app",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",