✨ Add Chatwoot livechat integration

Closes #159

apps/builder/features/chatwoot/chatwoot.spec.ts

@@ -0,0 +1,43 @@
+import test, { expect } from '@playwright/test'
+import { createTypebots } from 'utils/playwright/databaseActions'
+import { parseDefaultGroupWithBlock } from 'utils/playwright/databaseHelpers'
+import cuid from 'cuid'
+import { defaultChatwootOptions, IntegrationBlockType } from 'models'
+import { typebotViewer } from 'utils/playwright/testHelpers'
+
+const typebotId = cuid()
+
+const chatwootTestWebsiteToken = 'tueXiiqEmrWUCZ4NUyoR7nhE'
+
+test.describe('Chatwoot block', () => {
+  test('should be configurable', async ({ page }) => {
+    await createTypebots([
+      {
+        id: typebotId,
+        ...parseDefaultGroupWithBlock({
+          type: IntegrationBlockType.CHATWOOT,
+          options: defaultChatwootOptions,
+        }),
+      },
+    ])
+
+    await page.goto(`/typebots/${typebotId}/edit`)
+    await page.getByText('Configure...').click()
+    await expect(page.getByLabel('Base URL')).toHaveAttribute(
+      'value',
+      defaultChatwootOptions.baseUrl
+    )
+    await page.getByLabel('Website token').fill(chatwootTestWebsiteToken)
+    await expect(page.getByText('Open Chatwoot')).toBeVisible()
+    await page.getByRole('button', { name: 'Set user details' }).click()
+    await page.getByLabel('ID').fill('123')
+    await page.getByLabel('Name').fill('John Doe')
+    await page.getByLabel('Email').fill('john@email.com')
+    await page.getByLabel('Avatar URL').fill('https://domain.com/avatar.png')
+    await page.getByLabel('Phone number').fill('+33654347543')
+    await page.getByRole('button', { name: 'Preview' }).click()
+    await expect(
+      page.getByText("Chatwoot won't open in preview mode").nth(0)
+    ).toBeVisible()
+  })
+})