♻️ (api) Auto start bot if starting with input

Closes #877, closes #884

apps/builder/src/features/blocks/integrations/googleSheets/googleSheets.spec.ts

@@ -103,7 +103,7 @@ test.describe.parallel('Google sheets integration', () => {
     await page.click('text=Select an operation')
     await page.click('text=Get data from sheet')
 
-    await page.getByRole('button', { name: 'Rows to filter' }).click()
+    await page.getByRole('button', { name: 'Select row(s)' }).click()
     await page.getByRole('button', { name: 'Add filter rule' }).click()
     await page.click('text=Select a column')
     await page.click('button >> text="Email"')

apps/builder/src/features/blocks/integrations/sendEmail/sendEmail.spec.ts

@@ -34,7 +34,7 @@ test.describe('Send email block', () => {
     )
     await page.fill('[placeholder="John Smith"]', 'John Smith')
     await page.fill('[placeholder="mail.provider.com"]', env.SMTP_HOST)
-    await page.fill('[placeholder="user@provider.com"]', env.SMTP_USERNAME)
+    await page.getByLabel('Username').fill(env.SMTP_USERNAME)
     await page.fill('[type="password"]', env.SMTP_PASSWORD)
     await page.fill('input[role="spinbutton"]', env.SMTP_PORT.toString())
     await expect(createButton).toBeEnabled()

apps/builder/src/features/customDomains/customDomains.spec.ts

@@ -57,7 +57,9 @@ test.describe('Starter workspace', () => {
       },
     ])
     await page.goto(`/typebots/${typebotId}/share`)
-    await expect(page.locator('[data-testid="pro-lock-tag"]')).toBeVisible()
+    await expect(
+      page.locator('[data-testid="pro-lock-tag"]').nth(0)
+    ).toBeVisible()
     await page.click('text=Add my domain')
     await expect(
       page.locator(

apps/builder/src/features/whatsapp/startWhatsAppPreview.ts

@@ -91,6 +91,7 @@ export const startWhatsAppPreview = authenticatedProcedure
 
       const { newSessionState, messages, input, clientSideActions, logs } =
         await startSession({
+          message: undefined,
           startParams: {
             isOnlyRegistering: !canSendDirectMessagesToUser,
             typebot: typebotId,

apps/viewer/src/features/chat/api/sendMessage.ts

@@ -57,7 +57,7 @@ export const sendMessage = publicProcedure
           logs,
           clientSideActions,
           newSessionState,
-        } = await startSession({ startParams, userId: user?.id })
+        } = await startSession({ startParams, userId: user?.id, message })
 
         const allLogs = clientLogs ? [...(logs ?? []), ...clientLogs] : logs
 

apps/viewer/src/test/assets/typebots/chat/startingWithInput.json

@@ -0,0 +1,102 @@
+{
+  "version": "5",
+  "id": "clnbugp6a00011ackz0k3zfkp",
+  "name": "My typebot",
+  "groups": [
+    {
+      "id": "k2nokn9v0zyhae0wqcxsbqa7",
+      "title": "Start",
+      "graphCoordinates": { "x": 0, "y": 0 },
+      "blocks": [
+        {
+          "id": "sx4xmdbosubnxkhcg6x521p1",
+          "groupId": "k2nokn9v0zyhae0wqcxsbqa7",
+          "outgoingEdgeId": "fj2ga89lctnuwcdsshwtxmhp",
+          "type": "start",
+          "label": "Start"
+        }
+      ]
+    },
+    {
+      "id": "g8kdars2ahr3cyz2qf1f7w4i",
+      "title": "Group #1",
+      "graphCoordinates": { "x": 235, "y": 170 },
+      "blocks": [
+        {
+          "id": "prh6snup7cbmoxtf5vox8kjw",
+          "groupId": "g8kdars2ahr3cyz2qf1f7w4i",
+          "type": "text input",
+          "options": {
+            "labels": {
+              "placeholder": "Type your answer...",
+              "button": "Send"
+            },
+            "isLong": false
+          }
+        },
+        {
+          "id": "dpyyb38amnwwl4q461el2uf6",
+          "groupId": "g8kdars2ahr3cyz2qf1f7w4i",
+          "type": "text",
+          "content": {
+            "richText": [
+              { "type": "p", "children": [{ "text": "That's nice!" }] }
+            ]
+          }
+        }
+      ]
+    }
+  ],
+  "edges": [
+    {
+      "id": "fj2ga89lctnuwcdsshwtxmhp",
+      "from": {
+        "groupId": "k2nokn9v0zyhae0wqcxsbqa7",
+        "blockId": "sx4xmdbosubnxkhcg6x521p1"
+      },
+      "to": { "groupId": "g8kdars2ahr3cyz2qf1f7w4i" }
+    }
+  ],
+  "variables": [],
+  "theme": {
+    "general": {
+      "font": "Open Sans",
+      "background": { "type": "Color", "content": "#ffffff" }
+    },
+    "chat": {
+      "hostAvatar": { "isEnabled": true },
+      "hostBubbles": { "backgroundColor": "#F7F8FF", "color": "#303235" },
+      "guestBubbles": { "backgroundColor": "#FF8E21", "color": "#FFFFFF" },
+      "buttons": { "backgroundColor": "#0042DA", "color": "#FFFFFF" },
+      "inputs": {
+        "backgroundColor": "#FFFFFF",
+        "color": "#303235",
+        "placeholderColor": "#9095A0"
+      }
+    }
+  },
+  "selectedThemeTemplateId": null,
+  "settings": {
+    "general": {
+      "isBrandingEnabled": false,
+      "isInputPrefillEnabled": true,
+      "isHideQueryParamsEnabled": true,
+      "rememberUser": { "isEnabled": false }
+    },
+    "typingEmulation": { "enabled": true, "speed": 300, "maxDelay": 1.5 },
+    "metadata": {
+      "description": "Build beautiful conversational forms and embed them directly in your applications without a line of code. Triple your response rate and collect answers that has more value compared to a traditional form."
+    }
+  },
+  "createdAt": "2023-10-04T14:28:55.282Z",
+  "updatedAt": "2023-10-04T14:29:11.949Z",
+  "icon": null,
+  "folderId": null,
+  "publicId": null,
+  "customDomain": null,
+  "workspaceId": "proWorkspace",
+  "resultsTablePreferences": null,
+  "isArchived": false,
+  "isClosed": false,
+  "whatsAppCredentialsId": null
+}

apps/viewer/src/test/chat.spec.ts

@@ -27,6 +27,13 @@ test('API chat execution should work on preview bot', async ({ request }) => {
     id: 'chat-sub-bot',
     publicId: 'chat-sub-bot-public',
   })
+  await importTypebotInDatabase(
+    getTestAsset('typebots/chat/startingWithInput.json'),
+    {
+      id: 'starting-with-input',
+      publicId: 'starting-with-input-public',
+    }
+  )
   await createWebhook(typebotId, {
     id: 'chat-webhook-id',
     method: HttpMethod.GET,
@@ -218,4 +225,26 @@ test('API chat execution should work on published bot', async ({ request }) => {
     ])
     expect(messages[2].content.richText.length).toBeGreaterThan(0)
   })
+  await test.step('Starting with a message when typebot starts with input should proceed', async () => {
+    const { messages } = await (
+      await request.post(`/api/v1/sendMessage`, {
+        data: {
+          message: 'Hey',
+          startParams: {
+            typebot: 'starting-with-input-public',
+          },
+        } satisfies SendMessageInput,
+      })
+    ).json()
+    expect(messages[0].content.richText).toStrictEqual([
+      {
+        children: [
+          {
+            text: "That's nice!",
+          },
+        ],
+        type: 'p',
+      },
+    ])
+  })
 })