⚡ (chat) Improve chat API compatibility with preview mode

packages/react/src/stories/bubble.stories.tsx

@@ -32,7 +32,7 @@ export const Default = () => {
       </div>
 
       <Bubble
-        typebotId="ladleTypebot"
+        typebot="ladleTypebot"
         apiHost="http://localhost:3001"
         prefilledVariables={{
           Name: 'John',
@@ -42,12 +42,15 @@ export const Default = () => {
           message: 'Hello, I am a preview message',
           autoShowDelay: 3000,
         }}
-        button={{
-          backgroundColor: '#FF7537',
-          icon: {
-            color: 'white',
+        theme={{
+          button: {
+            backgroundColor: '#FF7537',
+            icon: {
+              color: 'white',
+            },
           },
         }}
+        isPreview
       />
     </div>
   )

packages/react/src/stories/popup.stories.tsx

@@ -7,9 +7,10 @@ export const Default = () => {
       <button onClick={open}>Open modal</button>
       <button onClick={toggle}>Toggle modal</button>
       <Popup
-        typebotId="ladleTypebot"
+        typebot="clctayswj000l3b6y2vkh8kwg"
         apiHost="http://localhost:3001"
         autoShowDelay={3000}
+        isPreview
       />
     </>
   )

packages/react/src/stories/standard.stories.tsx

@@ -3,7 +3,11 @@ import { Standard } from '..'
 export const Default = () => {
   return (
     <div style={{ height: '500px' }}>
-      <Standard typebotId="ladleTypebot" apiHost="http://localhost:3001" />
+      <Standard
+        typebot="ladleTypebot"
+        apiHost="http://localhost:3001"
+        isPreview
+      />
     </div>
   )
 }