⚗️ Implement bot v2 MVP (#194)

Closes #190

apps/viewer/src/features/variables/utils.ts

@@ -1,6 +1,8 @@
 import prisma from '@/lib/prisma'
 import {
   SessionState,
+  StartParams,
+  Typebot,
   Variable,
   VariableWithUnknowValue,
   VariableWithValue,
@@ -99,6 +101,19 @@ export const parseVariablesInObject = (
     }
   }, {})
 
+export const parsePrefilledVariables = (
+  variables: Typebot['variables'],
+  prefilledVariables: NonNullable<StartParams['prefilledVariables']>
+): Variable[] =>
+  variables.map((variable) => {
+    const prefilledVariable = prefilledVariables[variable.name]
+    if (!prefilledVariable) return variable
+    return {
+      ...variable,
+      value: safeStringify(prefilledVariable),
+    }
+  })
+
 export const updateVariables =
   (state: SessionState) =>
   async (newVariables: VariableWithUnknowValue[]): Promise<SessionState> => ({
@@ -107,10 +122,12 @@ export const updateVariables =
       ...state.typebot,
       variables: updateTypebotVariables(state)(newVariables),
     },
-    result: {
-      ...state.result,
-      variables: await updateResultVariables(state)(newVariables),
-    },
+    result: state.result
+      ? {
+          ...state.result,
+          variables: await updateResultVariables(state)(newVariables),
+        }
+      : undefined,
   })
 
 const updateResultVariables =
@@ -118,6 +135,7 @@ const updateResultVariables =
   async (
     newVariables: VariableWithUnknowValue[]
   ): Promise<VariableWithValue[]> => {
+    if (!result) return []
     const serializedNewVariables = newVariables.map((variable) => ({
       ...variable,
       value: safeStringify(variable.value),

apps/viewer/src/features/variables/variablesV2.spec.ts

@@ -0,0 +1,21 @@
+import { getTestAsset } from '@/test/utils/playwright'
+import test, { expect } from '@playwright/test'
+import cuid from 'cuid'
+import { importTypebotInDatabase } from 'utils/playwright/databaseActions'
+
+test('should correctly be injected', async ({ page }) => {
+  const typebotId = cuid()
+  await importTypebotInDatabase(
+    getTestAsset('typebots/predefinedVariables.json'),
+    { id: typebotId, publicId: `${typebotId}-public` }
+  )
+  await page.goto(`/next/${typebotId}-public`)
+  await expect(page.locator('text="Your name is"')).toBeVisible()
+  await page.goto(
+    `/next/${typebotId}-public?Name=Baptiste&Email=email@test.com`
+  )
+  await expect(page.locator('text="Your name is Baptiste"')).toBeVisible()
+  await expect(page.getByPlaceholder('Type your email...')).toHaveValue(
+    'email@test.com'
+  )
+})