🐛 (whatsapp) Fix auto start input where it didn't display next bu… (#869)

…bbles
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
### Summary by CodeRabbit

**Release Notes**

- New Feature: Enhanced WhatsApp integration with improved phone number
formatting and session ID generation.
- Refactor: Updated the `startWhatsAppPreview` and
`receiveMessagePreview` functions for better consistency and
readability.
- Bug Fix: Added a check for `phoneNumberId` in the `receiveMessage`
function to prevent errors when it's undefined.
- Documentation: Expanded the WhatsApp integration guide and FAQs in the
docs, providing more detailed instructions and addressing common
queries.
- Chore: Introduced a new `metadata` field in the
`whatsAppWebhookRequestBodySchema` to store the `phone_number_id`.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

packages/bot-engine/queries/getSession.ts

@@ -1,5 +1,5 @@
 import prisma from '@typebot.io/lib/prisma'
-import { ChatSession, sessionStateSchema } from '@typebot.io/schemas'
+import { sessionStateSchema } from '@typebot.io/schemas'
 
 export const getSession = async (sessionId: string) => {
   const session = await prisma.chatSession.findUnique({

packages/bot-engine/whatsapp/resumeWhatsAppFlow.ts

@@ -71,7 +71,6 @@ export const resumeWhatsAppFlow = async ({
       : workspaceId
       ? await startWhatsAppSession({
           incomingMessage: messageContent,
-          sessionId,
           workspaceId,
           credentials: { ...credentials, id: credentialsId as string },
           contact,

packages/bot-engine/whatsapp/startWhatsAppSession.ts

@@ -20,7 +20,6 @@ import { upsertResult } from '../queries/upsertResult'
 
 type Props = {
   incomingMessage?: string
-  sessionId: string
   workspaceId?: string
   credentials: WhatsAppCredentials['data'] & Pick<WhatsAppCredentials, 'id'>
   contact: NonNullable<SessionState['whatsApp']>['contact']
@@ -76,7 +75,7 @@ export const startWhatsAppSession = async ({
     publicTypebot.settings.whatsApp?.sessionExpiryTimeout ??
     defaultSessionExpiryTimeout
 
-  const session = await startSession({
+  let chatReply = await startSession({
     startParams: {
       typebot: publicTypebot.typebot.publicId as string,
     },
@@ -89,34 +88,29 @@ export const startWhatsAppSession = async ({
     },
   })
 
-  let newSessionState: SessionState = session.newSessionState
+  const sessionState: SessionState = chatReply.newSessionState
 
   // If first block is an input block, we can directly continue the bot flow
   const firstEdgeId =
-    newSessionState.typebotsQueue[0].typebot.groups[0].blocks[0].outgoingEdgeId
-  const nextGroup = await getNextGroup(newSessionState)(firstEdgeId)
+    sessionState.typebotsQueue[0].typebot.groups[0].blocks[0].outgoingEdgeId
+  const nextGroup = await getNextGroup(sessionState)(firstEdgeId)
   const firstBlock = nextGroup.group?.blocks.at(0)
   if (firstBlock && isInputBlock(firstBlock)) {
-    const resultId = newSessionState.typebotsQueue[0].resultId
+    const resultId = sessionState.typebotsQueue[0].resultId
     if (resultId)
       await upsertResult({
         hasStarted: true,
         isCompleted: false,
         resultId,
-        typebot: newSessionState.typebotsQueue[0].typebot,
+        typebot: sessionState.typebotsQueue[0].typebot,
       })
-    newSessionState = (
-      await continueBotFlow({
-        ...newSessionState,
-        currentBlock: { groupId: firstBlock.groupId, blockId: firstBlock.id },
-      })(incomingMessage)
-    ).newSessionState
+    chatReply = await continueBotFlow({
+      ...sessionState,
+      currentBlock: { groupId: firstBlock.groupId, blockId: firstBlock.id },
+    })(incomingMessage)
   }
 
-  return {
-    ...session,
-    newSessionState,
-  }
+  return chatReply
 }
 
 export const messageMatchStartCondition = (

packages/schemas/features/whatsapp.ts

@@ -142,6 +142,9 @@ export const whatsAppWebhookRequestBodySchema = z.object({
       changes: z.array(
         z.object({
           value: z.object({
+            metadata: z.object({
+              phone_number_id: z.string(),
+            }),
             contacts: z
               .array(
                 z.object({