🧑‍💻 (chat) Introduce startChat and continueChat endpoints

Closes #1030

apps/builder/src/features/preview/components/WebPreview.tsx

@@ -4,7 +4,7 @@ import { useTypebot } from '@/features/editor/providers/TypebotProvider'
 import { useGraph } from '@/features/graph/providers/GraphProvider'
 import { useToast } from '@/hooks/useToast'
 import { Standard } from '@typebot.io/nextjs'
-import { ChatReply } from '@typebot.io/schemas'
+import { ContinueChatResponse } from '@typebot.io/schemas'
 
 export const WebPreview = () => {
   const { typebot } = useTypebot()
@@ -13,7 +13,7 @@ export const WebPreview = () => {
 
   const { showToast } = useToast()
 
-  const handleNewLogs = (logs: ChatReply['logs']) => {
+  const handleNewLogs = (logs: ContinueChatResponse['logs']) => {
     logs?.forEach((log) => {
       showToast({
         icon: <WebhookIcon />,
@@ -40,8 +40,13 @@ export const WebPreview = () => {
     <Standard
       key={`web-preview${startPreviewAtGroup ?? ''}`}
       typebot={typebot}
-      startGroupId={startPreviewAtGroup}
-      startEventId={startPreviewAtEvent}
+      startFrom={
+        startPreviewAtGroup
+          ? { type: 'group', groupId: startPreviewAtGroup }
+          : startPreviewAtEvent
+          ? { type: 'event', eventId: startPreviewAtEvent }
+          : undefined
+      }
       onNewInputBlock={(block) =>
         setPreviewingBlock({
           id: block.id,

apps/builder/src/features/preview/components/WhatsAppPreviewInstructions.tsx

@@ -24,7 +24,7 @@ import { BuoyIcon, ExternalLinkIcon } from '@/components/icons'
 
 export const WhatsAppPreviewInstructions = (props: StackProps) => {
   const { typebot, save } = useTypebot()
-  const { startPreviewAtGroup } = useEditor()
+  const { startPreviewAtGroup, startPreviewAtEvent } = useEditor()
   const [phoneNumber, setPhoneNumber] = useState(
     getPhoneNumberFromLocalStorage() ?? ''
   )
@@ -56,7 +56,11 @@ export const WhatsAppPreviewInstructions = (props: StackProps) => {
     mutate({
       to: phoneNumber,
       typebotId: typebot.id,
-      startGroupId: startPreviewAtGroup,
+      startFrom: startPreviewAtGroup
+        ? { type: 'group', groupId: startPreviewAtGroup }
+        : startPreviewAtEvent
+        ? { type: 'event', eventId: startPreviewAtEvent }
+        : undefined,
     })
   }