build: add pnpm

apps/builder/playwright/.env.example

@@ -1,4 +1,6 @@
 PLAYWRIGHT_BUILDER_TEST_BASE_URL=http://localhost:3000
+DATABASE_URL=postgresql://postgres:typebot@localhost:5432/typebot
+ENCRYPTION_SECRET=SgVkYp2s5v8y/B?E(H+MbQeThWmZq4t6 #256-bits secret (can be generated here: https://www.allkeysgenerator.com/Random/Security-Encryption-Key-Generator.aspx)
 
 # SMTP Credentials (Generated on https://ethereal.email/)
 SMTP_HOST=smtp.ethereal.email

apps/builder/playwright/services/browser.ts

@@ -1,5 +1,18 @@
+import { Page } from '@playwright/test'
+
 export const refreshUser = async () => {
   await fetch('/api/auth/session?update')
   const event = new Event('visibilitychange')
   document.dispatchEvent(event)
 }
+
+export const mockSessionApiCalls = (page: Page) =>
+  page.route('/api/auth/session', (route) => {
+    if (route.request().method() === 'GET') {
+      return route.fulfill({
+        status: 200,
+        body: '{"user":{"id":"proUser","name":"Pro user","email":"pro-user@email.com","emailVerified":null,"image":"https://avatars.githubusercontent.com/u/16015833?v=4","stripeId":null,"graphNavigation": "TRACKPAD"}}',
+      })
+    }
+    return route.continue()
+  })

apps/builder/playwright/tests/accountSettings.spec.ts

@@ -1,5 +1,8 @@
 import test, { expect } from '@playwright/test'
 import path from 'path'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 // Can't test the update features because of the auth mocking.
 test('should display user info properly', async ({ page }) => {
@@ -7,7 +10,7 @@ test('should display user info properly', async ({ page }) => {
   await page.click('text=Settings & Members')
   const saveButton = page.locator('button:has-text("Save")')
   await expect(saveButton).toBeHidden()
-  await expect(
+  expect(
     page.locator('input[type="email"]').getAttribute('disabled')
   ).toBeDefined()
   await page.fill('#name', 'John Doe')

apps/builder/playwright/tests/bubbles/embed.spec.ts

@@ -6,11 +6,13 @@ import {
 import { BubbleBlockType, defaultEmbedBubbleContent } from 'models'
 import { typebotViewer } from '../../services/selectorUtils'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 
 const pdfSrc = 'https://www.orimi.com/pdf-test.pdf'
-const iframeCode = '<iframe src="https://typebot.io"></iframe>'
 const siteSrc = 'https://app.cal.com/baptistearno/15min'
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test.describe.parallel('Embed bubble block', () => {
   test.describe('Content settings', () => {
     test('should import and parse embed correctly', async ({ page }) => {

apps/builder/playwright/tests/bubbles/image.spec.ts

@@ -7,10 +7,13 @@ import { BubbleBlockType, defaultImageBubbleContent } from 'models'
 import { typebotViewer } from '../../services/selectorUtils'
 import path from 'path'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 
 const unsplashImageSrc =
   'https://images.unsplash.com/photo-1504297050568-910d24c426d3?ixlib=rb-1.2.1&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1287&q=80'
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test.describe.parallel('Image bubble block', () => {
   test.describe('Content settings', () => {
     test('should upload image file correctly', async ({ page }) => {

apps/builder/playwright/tests/bubbles/text.spec.ts

@@ -6,6 +6,9 @@ import {
 import { BubbleBlockType, defaultTextBubbleContent } from 'models'
 import { typebotViewer } from '../../services/selectorUtils'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test.describe('Text bubble block', () => {
   test('rich text features should work', async ({ page }) => {
@@ -42,15 +45,13 @@ test.describe('Text bubble block', () => {
     await page.press('div[role="textbox"]', 'Shift+Enter')
 
     await page.type('div[role="textbox"]', 'My super link')
+    await page.waitForTimeout(300)
     await page.press('div[role="textbox"]', 'Shift+Meta+ArrowLeft')
-    await page.waitForTimeout(200)
-    page.on('dialog', async (dialog) => {
-      await dialog.accept('https://github.com')
-    })
     await page.click('[data-testid="link-button"]')
-
+    await page.fill('input[placeholder="Paste link"]', 'https://github.com')
+    await page.press('input[placeholder="Paste link"]', 'Enter')
     await page.press('div[role="textbox"]', 'Shift+Enter')
-    await page.click('button >> text=Variables')
+    await page.click('button[aria-label="Insert variable"]')
     await page.fill('[data-testid="variables-input"]', 'test')
     await page.click('text=Create "test"')
 

apps/builder/playwright/tests/bubbles/video.spec.ts

@@ -10,12 +10,15 @@ import {
 } from 'models'
 import { typebotViewer } from '../../services/selectorUtils'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 
 const videoSrc =
   'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4'
 const youtubeVideoSrc = 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'
 const vimeoVideoSrc = 'https://vimeo.com/649301125'
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test.describe.parallel('Video bubble block', () => {
   test.describe('Content settings', () => {
     test('should import video url correctly', async ({ page }) => {

apps/builder/playwright/tests/collaboration.spec.ts

@@ -3,6 +3,7 @@ import cuid from 'cuid'
 import { CollaborationType, Plan, WorkspaceRole } from 'db'
 import prisma from 'libs/prisma'
 import { InputBlockType, defaultTextInputOptions } from 'models'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 import {
   createFolder,
   createResults,
@@ -10,6 +11,8 @@ import {
   parseDefaultGroupWithBlock,
 } from '../services/database'
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test.describe('Typebot owner', () => {
   test('Can invite collaborators', async ({ page }) => {
     const typebotId = cuid()

apps/builder/playwright/tests/customDomains.spec.ts

@@ -7,6 +7,9 @@ import {
 } from '../services/database'
 import path from 'path'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test('should be able to connect custom domain', async ({ page }) => {
   const typebotId = cuid()

apps/builder/playwright/tests/dashboard.spec.ts

@@ -1,9 +1,12 @@
 import test, { expect, Page } from '@playwright/test'
 import cuid from 'cuid'
 import path from 'path'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 import { createFolders, createTypebots } from '../services/database'
 import { deleteButtonInConfirmDialog } from '../services/selectorUtils'
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test.describe('Dashboard page', () => {
   test('folders navigation should work', async ({ page }) => {
     await page.goto('/typebots')

apps/builder/playwright/tests/editor.spec.ts

@@ -8,6 +8,9 @@ import { defaultTextInputOptions, InputBlockType } from 'models'
 import path from 'path'
 import cuid from 'cuid'
 import { typebotViewer } from '../services/selectorUtils'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test.describe.parallel('Editor', () => {
   test('Edges connection should work', async ({ page }) => {

apps/builder/playwright/tests/inputs/buttons.spec.ts

@@ -8,6 +8,9 @@ import { defaultChoiceInputOptions, InputBlockType, ItemType } from 'models'
 import { typebotViewer } from '../../services/selectorUtils'
 import cuid from 'cuid'
 import path from 'path'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test.describe.parallel('Buttons input block', () => {
   test('can edit button items', async ({ page }) => {

apps/builder/playwright/tests/inputs/date.spec.ts

@@ -6,6 +6,9 @@ import {
 import { defaultDateInputOptions, InputBlockType } from 'models'
 import { typebotViewer } from '../../services/selectorUtils'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test.describe('Date input block', () => {
   test('options should work', async ({ page }) => {

apps/builder/playwright/tests/inputs/email.spec.ts

@@ -6,6 +6,9 @@ import {
 import { defaultEmailInputOptions, InputBlockType } from 'models'
 import { typebotViewer } from '../../services/selectorUtils'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test.describe('Email input block', () => {
   test('options should work', async ({ page }) => {
@@ -31,7 +34,10 @@ test.describe('Email input block', () => {
     await expect(typebotViewer(page).locator(`button`)).toBeDisabled()
 
     await page.click(`text=${defaultEmailInputOptions.labels.placeholder}`)
-    await page.fill('#placeholder', 'Your email...')
+    await page.fill(
+      `input[value="${defaultEmailInputOptions.labels.placeholder}"]`,
+      'Your email...'
+    )
     await expect(page.locator('text=Your email...')).toBeVisible()
     await page.fill('#button', 'Go')
     await page.fill(

apps/builder/playwright/tests/inputs/file.spec.ts

@@ -8,6 +8,9 @@ import { defaultFileInputOptions, InputBlockType } from 'models'
 import { typebotViewer } from '../../services/selectorUtils'
 import cuid from 'cuid'
 import path from 'path'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test.describe.configure({ mode: 'parallel' })
 

apps/builder/playwright/tests/inputs/number.spec.ts

@@ -6,6 +6,9 @@ import {
 import { defaultNumberInputOptions, InputBlockType } from 'models'
 import { typebotViewer } from '../../services/selectorUtils'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test.describe('Number input block', () => {
   test('options should work', async ({ page }) => {

apps/builder/playwright/tests/inputs/payment.spec.ts

@@ -6,6 +6,9 @@ import {
 import { defaultPaymentInputOptions, InputBlockType } from 'models'
 import cuid from 'cuid'
 import { stripePaymentForm, typebotViewer } from '../../services/selectorUtils'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test.describe('Payment input block', () => {
   test('Can configure Stripe account', async ({ page }) => {

apps/builder/playwright/tests/inputs/phone.spec.ts

@@ -6,6 +6,9 @@ import {
 import { defaultPhoneInputOptions, InputBlockType } from 'models'
 import { typebotViewer } from '../../services/selectorUtils'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test.describe('Phone input block', () => {
   test('options should work', async ({ page }) => {

apps/builder/playwright/tests/inputs/rating.spec.ts

@@ -6,6 +6,7 @@ import {
 import { defaultRatingInputOptions, InputBlockType } from 'models'
 import { typebotViewer } from '../../services/selectorUtils'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 
 const boxSvg = `<svg
     xmlns="http://www.w3.org/2000/svg"
@@ -20,6 +21,8 @@ const boxSvg = `<svg
     <line x1="12" y1="22.08" x2="12" y2="12"></line>
   </svg>`
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test('options should work', async ({ page }) => {
   const typebotId = cuid()
   await createTypebots([

apps/builder/playwright/tests/inputs/text.spec.ts

@@ -6,6 +6,9 @@ import {
 import { defaultTextInputOptions, InputBlockType } from 'models'
 import { typebotViewer } from '../../services/selectorUtils'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test.describe.parallel('Text input block', () => {
   test('options should work', async ({ page }) => {

apps/builder/playwright/tests/inputs/url.spec.ts

@@ -6,6 +6,9 @@ import {
 import { defaultUrlInputOptions, InputBlockType } from 'models'
 import { typebotViewer } from '../../services/selectorUtils'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test.describe('Url input block', () => {
   test('options should work', async ({ page }) => {

apps/builder/playwright/tests/integrations/googleAnalytics.spec.ts

@@ -5,6 +5,9 @@ import {
 } from '../../services/database'
 import { defaultGoogleAnalyticsOptions, IntegrationBlockType } from 'models'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test.describe('Google Analytics block', () => {
   test('its configuration should work', async ({ page }) => {

apps/builder/playwright/tests/integrations/googleSheets.spec.ts

@@ -3,6 +3,9 @@ import { importTypebotInDatabase } from '../../services/database'
 import path from 'path'
 import { typebotViewer } from '../../services/selectorUtils'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test.describe.parallel('Google sheets integration', () => {
   test('Insert row should work', async ({ page }) => {

apps/builder/playwright/tests/integrations/sendEmail.spec.ts

@@ -3,9 +3,12 @@ import { importTypebotInDatabase } from '../../services/database'
 import path from 'path'
 import { typebotViewer } from '../../services/selectorUtils'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 
 const typebotId = cuid()
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test.describe('Send email block', () => {
   test('its configuration should work', async ({ page }) => {
     if (

apps/builder/playwright/tests/integrations/webhook.spec.ts

@@ -3,6 +3,9 @@ import { createWebhook, importTypebotInDatabase } from '../../services/database'
 import path from 'path'
 import { HttpMethod } from 'models'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test.describe('Webhook block', () => {
   test('easy configuration should work', async ({ page }) => {

apps/builder/playwright/tests/logic/code.spec.ts

@@ -3,9 +3,12 @@ import path from 'path'
 import { typebotViewer } from '../../services/selectorUtils'
 import { importTypebotInDatabase } from '../../services/database'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 
 const typebotId = cuid()
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test.describe('Code block', () => {
   test('code should trigger', async ({ page }) => {
     await importTypebotInDatabase(

apps/builder/playwright/tests/logic/condition.spec.ts

@@ -3,9 +3,12 @@ import path from 'path'
 import { typebotViewer } from '../../services/selectorUtils'
 import { importTypebotInDatabase } from '../../services/database'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 
 const typebotId = cuid()
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test.describe('Condition block', () => {
   test('its configuration should work', async ({ page }) => {
     await importTypebotInDatabase(

apps/builder/playwright/tests/logic/redirect.spec.ts

@@ -3,9 +3,12 @@ import path from 'path'
 import { typebotViewer } from '../../services/selectorUtils'
 import { importTypebotInDatabase } from '../../services/database'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 
 const typebotId = cuid()
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test.describe('Redirect block', () => {
   test('its configuration should work', async ({ page, context }) => {
     await importTypebotInDatabase(

apps/builder/playwright/tests/logic/setVariable.spec.ts

@@ -3,9 +3,12 @@ import path from 'path'
 import { typebotViewer } from '../../services/selectorUtils'
 import { importTypebotInDatabase } from '../../services/database'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 
 const typebotId = cuid()
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test.describe('Set variable block', () => {
   test('its configuration should work', async ({ page }) => {
     await importTypebotInDatabase(

apps/builder/playwright/tests/logic/typebotLink.spec.ts

@@ -3,6 +3,9 @@ import { typebotViewer } from '../../services/selectorUtils'
 import { importTypebotInDatabase } from '../../services/database'
 import path from 'path'
 import cuid from 'cuid'
+import { mockSessionApiCalls } from 'playwright/services/browser'
+
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
 
 test('should be configurable', async ({ page }) => {
   const typebotId = cuid()

apps/builder/playwright/tests/results.spec.ts

@@ -1,14 +1,13 @@
 import test, { expect, Page } from '@playwright/test'
 import cuid from 'cuid'
 import { readFileSync } from 'fs'
-import prisma from 'libs/prisma'
 import { defaultTextInputOptions, InputBlockType } from 'models'
 import { parse } from 'papaparse'
 import path from 'path'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 import {
   createResults,
   createTypebots,
-  freeWorkspaceId,
   importTypebotInDatabase,
   parseDefaultGroupWithBlock,
 } from '../services/database'
@@ -16,6 +15,8 @@ import { deleteButtonInConfirmDialog } from '../services/selectorUtils'
 
 const typebotId = cuid()
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test('Submission table header should be parsed correctly', async ({ page }) => {
   const typebotId = cuid()
   await importTypebotInDatabase(
@@ -112,21 +113,6 @@ test('should correctly export selection in CSV', async ({ page }) => {
   validateExportAll(dataAll)
 })
 
-test.describe('Free user', async () => {
-  test.use({
-    storageState: path.join(__dirname, '../freeUser.json'),
-  })
-  test("Incomplete results shouldn't be displayed", async ({ page }) => {
-    await prisma.typebot.update({
-      where: { id: typebotId },
-      data: { workspaceId: freeWorkspaceId },
-    })
-    await page.goto(`/typebots/${typebotId}/results`)
-    await page.click('text=Unlock')
-    await expect(page.locator('text=For solo creator')).toBeVisible()
-  })
-})
-
 test('Can resize, hide and reorder columns', async ({ page }) => {
   const typebotId = cuid()
   await importTypebotInDatabase(

apps/builder/playwright/tests/settings.spec.ts

@@ -2,9 +2,12 @@ import test, { expect } from '@playwright/test'
 import cuid from 'cuid'
 import { defaultTextInputOptions } from 'models'
 import path from 'path'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 import { freeWorkspaceId, importTypebotInDatabase } from '../services/database'
 import { typebotViewer } from '../services/selectorUtils'
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test.describe.parallel('Settings page', () => {
   test.describe('General', () => {
     test('should reflect change in real-time', async ({ page }) => {

apps/builder/playwright/tests/templates.spec.ts

@@ -1,7 +1,10 @@
 import test, { expect } from '@playwright/test'
 import path from 'path'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 import { typebotViewer } from '../services/selectorUtils'
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test.describe.parallel('Templates page', () => {
   test('From scratch should create a blank typebot', async ({ page }) => {
     await page.goto('/typebots/create')

apps/builder/playwright/tests/theme.spec.ts

@@ -1,6 +1,7 @@
 import test, { expect } from '@playwright/test'
 import cuid from 'cuid'
 import path from 'path'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 import { importTypebotInDatabase } from '../services/database'
 import { typebotViewer } from '../services/selectorUtils'
 
@@ -9,6 +10,8 @@ const hostAvatarUrl =
 const guestAvatarUrl =
   'https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1287&q=80'
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test.describe.parallel('Theme page', () => {
   test.describe('General', () => {
     test('should reflect change in real-time', async ({ page }) => {

apps/builder/playwright/tests/workspaces.spec.ts

@@ -1,6 +1,7 @@
 import test, { expect } from '@playwright/test'
 import cuid from 'cuid'
 import { defaultTextInputOptions, InputBlockType } from 'models'
+import { mockSessionApiCalls } from 'playwright/services/browser'
 import {
   createTypebots,
   parseDefaultGroupWithBlock,
@@ -10,6 +11,8 @@ import {
 const proTypebotId = cuid()
 const freeTypebotId = cuid()
 
+test.beforeEach(({ page }) => mockSessionApiCalls(page))
+
 test.beforeAll(async () => {
   await createTypebots([{ id: proTypebotId, name: 'Pro typebot' }])
   await createTypebots([