✨ Add Bubble and Popup in embed lib v2

Closes #214

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

@@ -0,0 +1,54 @@
+import { Bubble } from '@/Bubble'
+import {
+  open,
+  toggle,
+  close,
+  showPreviewMessage,
+  hidePreviewMessage,
+  setPrefilledVariables,
+} from '@typebot.io/js'
+import { useState } from 'react'
+
+export const Default = () => {
+  const [name, setName] = useState('John')
+
+  return (
+    <div>
+      <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
+        <button onClick={toggle}>Toggle chat window</button>
+        <button onClick={open}>Open chat window</button>
+        <button onClick={close}>Close chat window</button>
+        <button onClick={() => showPreviewMessage()}>
+          Show Preview Message
+        </button>
+        <button onClick={hidePreviewMessage}>Close Preview Message</button>
+        <div>
+          <p>Predefined name:</p>
+          <input value={name} onChange={(e) => setName(e.target.value)} />
+          <button onClick={() => setPrefilledVariables({ Name: name })}>
+            Set predefined name
+          </button>
+        </div>
+      </div>
+
+      <Bubble
+        typebotId="ladleTypebot"
+        apiHost="http://localhost:3001"
+        prefilledVariables={{
+          Name: 'John',
+        }}
+        previewMessage={{
+          avatarUrl: 'https://avatars.githubusercontent.com/u/16015833?v=4',
+          message: 'Hello, I am a preview message',
+          autoShowDelay: 3000,
+        }}
+        button={{
+          backgroundColor: '#FF7537',
+          icon: {
+            color: 'white',
+          },
+        }}
+      />
+    </div>
+  )
+}