✨ (credentials) Add credentials management menu in workspace settings

Closes #1567
2024-07-16 15:11:48 +02:00
parent db628cd051
commit c6005c49a2
81 changed files with 3582 additions and 1704 deletions
--- a/apps/viewer/.eslintignore
+++ b/apps/viewer/.eslintignore
@@ -0,0 +1 @@
+src/test/reporters
--- a/apps/viewer/package.json
+++ b/apps/viewer/package.json
@@ -40,7 +40,7 @@
  "devDependencies": {
    "@faire/mjml-react": "3.3.0",
    "@paralleldrive/cuid2": "2.2.1",
-    "@playwright/test": "1.43.1",
+    "@playwright/test": "1.45.2",
    "@typebot.io/emails": "workspace:*",
    "@typebot.io/env": "workspace:*",
    "@typebot.io/forge": "workspace:*",
--- a/apps/viewer/playwright.config.ts
+++ b/apps/viewer/playwright.config.ts
@@ -10,13 +10,13 @@ export default defineConfig({
    timeout: process.env.CI ? 10 * 1000 : 5 * 1000,
  },
  forbidOnly: !!process.env.CI,
-  workers: process.env.CI ? 1 : 3,
-  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : 4,
+  retries: process.env.CI ? 2 : 1,
  reporter: [
    [process.env.CI ? 'github' : 'list'],
    ['html', { outputFolder: 'src/test/reporters' }],
  ],
-  maxFailures: process.env.CI ? 10 : undefined,
+  maxFailures: 10,
  webServer: process.env.CI
    ? {
        command: 'pnpm run start',
--- a/apps/viewer/src/test/assets/typebots/chat/linkedBot.json
+++ b/apps/viewer/src/test/assets/typebots/chat/linkedBot.json
@@ -1,28 +1,20 @@
 {
-  "id": "chat-sub-bot",
-  "createdAt": "2022-11-24T09:06:52.903Z",
-  "updatedAt": "2022-11-24T09:13:16.782Z",
-  "icon": "👶",
+  "version": "6",
+  "id": "clyoehfmp0007grw9ubdop6u0",
  "name": "Sub bot",
-  "folderId": null,
-  "groups": [
+  "events": [
    {
      "id": "clauup2lh0002vs1a5ei32mmi",
-      "title": "Start",
-      "blocks": [
-        {
-          "id": "clauup2li0003vs1aas14fwpc",
-          "type": "start",
-          "label": "Start",
-          "groupId": "clauup2lh0002vs1a5ei32mmi",
-          "outgoingEdgeId": "clauupl9n001b3b6qdk4czgom"
-        }
-      ],
-      "graphCoordinates": { "x": 0, "y": 0 }
-    },
+      "outgoingEdgeId": "clauupl9n001b3b6qdk4czgom",
+      "graphCoordinates": { "x": 0, "y": 0 },
+      "type": "start"
+    }
+  ],
+  "groups": [
    {
      "id": "clauupd6q00183b6qcm8qbz62",
      "title": "Group #1",
+      "graphCoordinates": { "x": 375.36328125, "y": 167.2578125 },
      "blocks": [
        {
          "id": "clauupd6q00193b6qhegmlnxj",
@@ -36,69 +28,69 @@
                ]
              }
            ]
-          },
-          "groupId": "clauupd6q00183b6qcm8qbz62"
+          }
        },
        {
          "id": "clauupk97001a3b6q2w9qqkec",
          "type": "rating input",
-          "groupId": "clauupd6q00183b6qcm8qbz62",
          "options": {
-            "labels": { "button": "Send" },
-            "length": 10,
            "buttonType": "Numbers",
+            "length": 10,
+            "labels": { "button": "Send" },
            "customIcon": { "isEnabled": false }
          }
        }
-      ],
-      "graphCoordinates": { "x": 375.36328125, "y": 167.2578125 }
+      ]
    }
  ],
-  "variables": [],
  "edges": [
    {
      "id": "clauupl9n001b3b6qdk4czgom",
-      "to": { "groupId": "clauupd6q00183b6qcm8qbz62" },
-      "from": {
-        "blockId": "clauup2li0003vs1aas14fwpc",
-        "groupId": "clauup2lh0002vs1a5ei32mmi"
-      }
+      "from": { "eventId": "clauup2lh0002vs1a5ei32mmi" },
+      "to": { "groupId": "clauupd6q00183b6qcm8qbz62" }
    }
  ],
+  "variables": [],
  "theme": {
+    "general": { "font": "Open Sans", "background": { "type": "None" } },
    "chat": {
-      "inputs": {
-        "color": "#303235",
-        "backgroundColor": "#FFFFFF",
-        "placeholderColor": "#9095A0"
-      },
-      "buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
      "hostAvatar": {
-        "url": "https://avatars.githubusercontent.com/u/16015833?v=4",
-        "isEnabled": true
+        "isEnabled": true,
+        "url": "https://avatars.githubusercontent.com/u/16015833?v=4"
      },
-      "hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
-      "guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
-    },
-    "general": { "font": "Open Sans", "background": { "type": "None" } }
+      "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,
-      "isResultSavingEnabled": true,
      "isHideQueryParamsEnabled": true,
      "isNewResultOnRefreshEnabled": 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."
-    },
-    "typingEmulation": { "speed": 300, "enabled": true, "maxDelay": 1.5 }
+    }
  },
+  "createdAt": "2024-07-16T12:39:21.697Z",
+  "updatedAt": "2024-07-16T12:39:21.697Z",
+  "icon": "👶",
+  "folderId": null,
  "publicId": null,
  "customDomain": null,
  "workspaceId": "proWorkspace",
  "resultsTablePreferences": null,
  "isArchived": false,
-  "isClosed": false
+  "isClosed": false,
+  "whatsAppCredentialsId": null,
+  "riskLevel": null
 }
--- a/apps/viewer/src/test/assets/typebots/chat/main.json
+++ b/apps/viewer/src/test/assets/typebots/chat/main.json
@@ -1,28 +1,20 @@
 {
-  "id": "clauujawp00011avs2vj97zma",
-  "createdAt": "2022-11-24T09:02:23.737Z",
-  "updatedAt": "2022-11-24T09:12:57.036Z",
-  "icon": "🤖",
+  "version": "6",
+  "id": "clyoegjca0005grw9ek6h984v",
  "name": "Complete bot",
-  "folderId": null,
-  "groups": [
+  "events": [
    {
      "id": "clauujawn0000vs1a8z6k2k7d",
-      "title": "Start",
-      "blocks": [
-        {
-          "id": "clauujawn0001vs1a0mk8docp",
-          "type": "start",
-          "label": "Start",
-          "groupId": "clauujawn0000vs1a8z6k2k7d",
-          "outgoingEdgeId": "clauuk4o300083b6q7b2iowv3"
-        }
-      ],
-      "graphCoordinates": { "x": 0, "y": 0 }
-    },
+      "outgoingEdgeId": "clauuk4o300083b6q7b2iowv3",
+      "graphCoordinates": { "x": 0, "y": 0 },
+      "type": "start"
+    }
+  ],
+  "groups": [
    {
      "id": "clauujxdc00063b6q42ca20gj",
      "title": "Welcome",
+      "graphCoordinates": { "x": 5.81640625, "y": 172.359375 },
      "blocks": [
        {
          "id": "clauujxdd00073b6qpejnkzcy",
@@ -31,8 +23,7 @@
            "richText": [
              { "type": "p", "children": [{ "text": "Hi there! 👋" }] }
            ]
-          },
-          "groupId": "clauujxdc00063b6q42ca20gj"
+          }
        },
        {
          "id": "clauukaad00093b6q07av51yc",
@@ -44,29 +35,27 @@
                "children": [{ "text": "Welcome. What's your name?" }]
              }
            ]
-          },
-          "groupId": "clauujxdc00063b6q42ca20gj"
+          }
        },
        {
          "id": "clauukip8000a3b6qtzl288tu",
+          "outgoingEdgeId": "clauul0sk000f3b6q2tvy5wfi",
          "type": "text input",
-          "groupId": "clauujxdc00063b6q42ca20gj",
          "options": {
-            "isLong": false,
            "labels": {
-              "button": "Send",
-              "placeholder": "Type your answer..."
+              "placeholder": "Type your answer...",
+              "button": "Send"
            },
-            "variableId": "vclauuklnc000b3b6q7xchq4yf"
-          },
-          "outgoingEdgeId": "clauul0sk000f3b6q2tvy5wfi"
+            "variableId": "vclauuklnc000b3b6q7xchq4yf",
+            "isLong": false
+          }
        }
-      ],
-      "graphCoordinates": { "x": 5.81640625, "y": 172.359375 }
+      ]
    },
    {
      "id": "clauukoka000c3b6qe6chawis",
      "title": "Age",
+      "graphCoordinates": { "x": 361.17578125, "y": 170.10546875 },
      "blocks": [
        {
          "id": "clauukoka000d3b6qxqi38cmk",
@@ -78,16 +67,14 @@
                "children": [{ "text": "Nice to meet you {{Name}}" }]
              }
            ]
-          },
-          "groupId": "clauukoka000c3b6qe6chawis"
+          }
        },
        {
          "id": "clauuku5o000e3b6q90rm30p1",
          "type": "image",
          "content": {
            "url": "https://media2.giphy.com/media/l0MYGb1LuZ3n7dRnO/giphy-downsized.gif?cid=fe3852a3yd2leg4yi8iual3wgyw893zzocuuqlp3wytt802h&rid=giphy-downsized.gif&ct=g"
-          },
-          "groupId": "clauukoka000c3b6qe6chawis"
+          }
        },
        {
          "id": "clauul4vg000g3b6qr0q2h0uy",
@@ -96,60 +83,56 @@
            "richText": [
              { "type": "p", "children": [{ "text": "How old are you?" }] }
            ]
-          },
-          "groupId": "clauukoka000c3b6qe6chawis"
+          }
        },
        {
          "id": "clauul90j000h3b6qjfrw9js4",
+          "outgoingEdgeId": "clauum41j000n3b6qpqu12icm",
          "type": "number input",
-          "groupId": "clauukoka000c3b6qe6chawis",
          "options": {
-            "labels": { "button": "Send", "placeholder": "Type a number..." },
-            "variableId": "vclauulfjk000i3b6qmujooweu"
-          },
-          "outgoingEdgeId": "clauum41j000n3b6qpqu12icm"
+            "variableId": "vclauulfjk000i3b6qmujooweu",
+            "labels": { "placeholder": "Type a number...", "button": "Send" }
+          }
        }
-      ],
-      "graphCoordinates": { "x": 361.17578125, "y": 170.10546875 }
+      ]
    },
    {
      "id": "clauulhqf000j3b6qm8y5oifc",
      "title": "Is major?",
+      "graphCoordinates": { "x": 726.2265625, "y": 240.80078125 },
      "blocks": [
        {
          "id": "clauulhqf000k3b6qsrc1hd74",
+          "outgoingEdgeId": "clauumm5v000t3b6qu62qcft8",
          "type": "Condition",
          "items": [
            {
              "id": "clauulhqg000l3b6qaxn4qli5",
-              "type": 1,
-              "blockId": "clauulhqf000k3b6qsrc1hd74",
+              "outgoingEdgeId": "clauumi0x000q3b6q9bwkqnmr",
              "content": {
+                "logicalOperator": "AND",
                "comparisons": [
                  {
                    "id": "clauuliyn000m3b6q10gwx8ii",
-                    "value": "21",
                    "variableId": "vclauulfjk000i3b6qmujooweu",
-                    "comparisonOperator": "Greater than"
+                    "comparisonOperator": "Greater than",
+                    "value": "21"
                  }
-                ],
-                "logicalOperator": "AND"
-              },
-              "outgoingEdgeId": "clauumi0x000q3b6q9bwkqnmr"
+                ]
+              }
            }
-          ],
-          "groupId": "clauulhqf000j3b6qm8y5oifc",
-          "outgoingEdgeId": "clauumm5v000t3b6qu62qcft8"
+          ]
        }
-      ],
-      "graphCoordinates": { "x": 726.2265625, "y": 240.80078125 }
+      ]
    },
    {
      "id": "clauum8x7000o3b6qx8hqduf8",
      "title": "Group #4",
+      "graphCoordinates": { "x": 1073.38671875, "y": 232.25 },
      "blocks": [
        {
          "id": "clauum8x7000p3b6qxjud5hdc",
+          "outgoingEdgeId": "clauuom2y000y3b6qkcjy2ri7",
          "type": "text",
          "content": {
            "richText": [
@@ -158,39 +141,35 @@
                "children": [{ "text": "Ok, you are an adult then 😁" }]
              }
            ]
-          },
-          "groupId": "clauum8x7000o3b6qx8hqduf8",
-          "outgoingEdgeId": "clauuom2y000y3b6qkcjy2ri7"
+          }
        }
-      ],
-      "graphCoordinates": { "x": 1073.38671875, "y": 232.25 }
+      ]
    },
    {
      "id": "clauumjq4000r3b6q8l6bi9ra",
      "title": "Group #4 copy",
+      "graphCoordinates": { "x": 1073.984375, "y": 408.6875 },
      "blocks": [
        {
          "id": "clauumjq5000s3b6qqjhrklv4",
+          "outgoingEdgeId": "clauuol8t000x3b6qcw1few70",
          "type": "text",
          "content": {
            "richText": [
              { "type": "p", "children": [{ "text": "Oh, you are a kid 😁" }] }
            ]
-          },
-          "groupId": "clauumjq4000r3b6q8l6bi9ra",
-          "outgoingEdgeId": "clauuol8t000x3b6qcw1few70"
+          }
        }
-      ],
-      "graphCoordinates": { "x": 1073.984375, "y": 408.6875 }
+      ]
    },
    {
      "id": "clauuoekh000u3b6q6zmlx7f9",
      "title": "Magic number",
+      "graphCoordinates": { "x": 1465.359375, "y": 299.25390625 },
      "blocks": [
        {
          "id": "clauuoeki000v3b6qvsh7kde1",
          "type": "Set variable",
-          "groupId": "clauuoekh000u3b6q6zmlx7f9",
          "options": {
            "variableId": "vclauuohyp000w3b6qbqrs6c6w",
            "expressionToEvaluate": "42"
@@ -198,6 +177,7 @@
        },
        {
          "id": "clauuontu000z3b6q3ydx6ao1",
+          "outgoingEdgeId": "clauuq8je001e3b6qksm4j11g",
          "type": "text",
          "content": {
            "richText": [
@@ -206,38 +186,33 @@
                "children": [{ "text": "My magic number is {{Magic number}}" }]
              }
            ]
-          },
-          "groupId": "clauuoekh000u3b6q6zmlx7f9",
-          "outgoingEdgeId": "clauuq8je001e3b6qksm4j11g"
+          }
        }
-      ],
-      "graphCoordinates": { "x": 1465.359375, "y": 299.25390625 }
+      ]
    },
    {
      "id": "clauuq2l6001c3b6qpmq3ivwk",
-      "graphCoordinates": { "x": 1836.43359375, "y": 295.39453125 },
      "title": "Rate the experience",
+      "graphCoordinates": { "x": 1836.43359375, "y": 295.39453125 },
      "blocks": [
        {
          "id": "clauuq2l6001d3b6qyltfcvgb",
-          "groupId": "clauuq2l6001c3b6qpmq3ivwk",
+          "outgoingEdgeId": "clauureo3001h3b6qk6epabxq",
          "type": "Typebot link",
          "options": {
            "typebotId": "chat-sub-bot",
            "groupId": "clauupd6q00183b6qcm8qbz62"
-          },
-          "outgoingEdgeId": "clauureo3001h3b6qk6epabxq"
+          }
        }
      ]
    },
    {
      "id": "clauur7od001f3b6qq140oe55",
-      "graphCoordinates": { "x": 2201.45703125, "y": 299.1328125 },
      "title": "Multiple input in group",
+      "graphCoordinates": { "x": 2201.45703125, "y": 299.1328125 },
      "blocks": [
        {
          "id": "clauur7od001g3b6qkoeij3f7",
-          "groupId": "clauur7od001f3b6qq140oe55",
          "type": "text",
          "content": {
            "richText": [
@@ -252,53 +227,39 @@
        },
        {
          "id": "clauurluf001i3b6qjf78puug",
-          "groupId": "clauur7od001f3b6qq140oe55",
          "type": "email input",
          "options": {
-            "labels": { "button": "Send", "placeholder": "Type your email..." },
+            "labels": { "placeholder": "Type your email...", "button": "Send" },
            "retryMessageContent": "This email doesn't seem to be valid. Can you type it again?"
          }
        },
        {
          "id": "clauurokp001j3b6qyrw7boca",
-          "groupId": "clauur7od001f3b6qq140oe55",
          "type": "url input",
          "options": {
-            "labels": { "button": "Send", "placeholder": "Type a URL..." },
+            "labels": { "placeholder": "Type a URL...", "button": "Send" },
            "retryMessageContent": "This URL doesn't seem to be valid. Can you type it again?"
          }
        },
        {
          "id": "clauurs1o001k3b6qgrj0xf59",
-          "groupId": "clauur7od001f3b6qq140oe55",
+          "outgoingEdgeId": "clauushy3001p3b6qqnyrxgtb",
          "type": "choice input",
-          "options": { "buttonLabel": "Send", "isMultipleChoice": false },
          "items": [
-            {
-              "id": "clauurs1o001l3b6qu9hr712h",
-              "blockId": "clauurs1o001k3b6qgrj0xf59",
-              "type": 0,
-              "content": "Yes"
-            },
-            {
-              "id": "clauuru6t001m3b6qp8vkt23l",
-              "content": "No",
-              "blockId": "clauurs1o001k3b6qgrj0xf59",
-              "type": 0
-            }
+            { "id": "clauurs1o001l3b6qu9hr712h", "content": "Yes" },
+            { "id": "clauuru6t001m3b6qp8vkt23l", "content": "No" }
          ],
-          "outgoingEdgeId": "clauushy3001p3b6qqnyrxgtb"
+          "options": { "isMultipleChoice": false, "buttonLabel": "Send" }
        }
      ]
    },
    {
      "id": "clauusa9z001n3b6qys3xvz1l",
-      "graphCoordinates": { "x": 2558.609375, "y": 297.078125 },
      "title": "Get Chuck Norris joke",
+      "graphCoordinates": { "x": 2558.609375, "y": 297.078125 },
      "blocks": [
        {
          "id": "clauusaa0001o3b6qgddldaen",
-          "groupId": "clauusa9z001n3b6qys3xvz1l",
          "type": "text",
          "content": {
            "richText": [
@@ -308,7 +269,6 @@
        },
        {
          "id": "clauusrfh001q3b6q7xaapi4h",
-          "groupId": "clauusa9z001n3b6qys3xvz1l",
          "type": "text",
          "content": {
            "richText": [
@@ -321,33 +281,31 @@
        },
        {
          "id": "clauut2nq001r3b6qi437ixc7",
-          "groupId": "clauusa9z001n3b6qys3xvz1l",
+          "outgoingEdgeId": "clauuwjq2001x3b6qciu53855",
          "type": "Webhook",
          "options": {
+            "variablesForTest": [],
            "responseVariableMapping": [
              {
                "id": "clauuvvdr001t3b6qqdxzc057",
-                "bodyPath": "data.value",
-                "variableId": "vclauuwchv001u3b6qepx6e0a9"
+                "variableId": "vclauuwchv001u3b6qepx6e0a9",
+                "bodyPath": "data.value"
              }
            ],
-            "variablesForTest": [],
            "isAdvancedConfig": true,
-            "isCustomBody": false
-          },
-          "webhookId": "chat-webhook-id",
-          "outgoingEdgeId": "clauuwjq2001x3b6qciu53855"
+            "isCustomBody": false,
+            "webhook": { "method": "POST" }
+          }
        }
      ]
    },
    {
      "id": "clauuwhyl001v3b6qarbpiqbv",
-      "graphCoordinates": { "x": 2900.9609375, "y": 288.29296875 },
      "title": "Display joke",
+      "graphCoordinates": { "x": 2900.9609375, "y": 288.29296875 },
      "blocks": [
        {
          "id": "clauuwhyl001w3b6q7ai0zeyt",
-          "groupId": "clauuwhyl001v3b6qarbpiqbv",
          "type": "text",
          "content": {
            "richText": [{ "type": "p", "children": [{ "text": "{{Joke}}" }] }]
@@ -356,137 +314,120 @@
      ]
    }
  ],
-  "variables": [
-    { "id": "vclauuklnc000b3b6q7xchq4yf", "name": "Name" },
-    { "id": "vclauulfjk000i3b6qmujooweu", "name": "Age" },
-    { "id": "vclauuohyp000w3b6qbqrs6c6w", "name": "Magic number" },
-    { "id": "vclauuwchv001u3b6qepx6e0a9", "name": "Joke" }
-  ],
  "edges": [
    {
      "id": "clauuk4o300083b6q7b2iowv3",
-      "to": { "groupId": "clauujxdc00063b6q42ca20gj" },
-      "from": {
-        "blockId": "clauujawn0001vs1a0mk8docp",
-        "groupId": "clauujawn0000vs1a8z6k2k7d"
-      }
+      "from": { "eventId": "clauujawn0000vs1a8z6k2k7d" },
+      "to": { "groupId": "clauujxdc00063b6q42ca20gj" }
    },
    {
      "id": "clauul0sk000f3b6q2tvy5wfi",
-      "to": { "groupId": "clauukoka000c3b6qe6chawis" },
-      "from": {
-        "blockId": "clauukip8000a3b6qtzl288tu",
-        "groupId": "clauujxdc00063b6q42ca20gj"
-      }
+      "from": { "blockId": "clauukip8000a3b6qtzl288tu" },
+      "to": { "groupId": "clauukoka000c3b6qe6chawis" }
    },
    {
      "id": "clauum41j000n3b6qpqu12icm",
-      "to": { "groupId": "clauulhqf000j3b6qm8y5oifc" },
-      "from": {
-        "blockId": "clauul90j000h3b6qjfrw9js4",
-        "groupId": "clauukoka000c3b6qe6chawis"
-      }
+      "from": { "blockId": "clauul90j000h3b6qjfrw9js4" },
+      "to": { "groupId": "clauulhqf000j3b6qm8y5oifc" }
    },
    {
      "id": "clauumi0x000q3b6q9bwkqnmr",
-      "to": { "groupId": "clauum8x7000o3b6qx8hqduf8" },
      "from": {
-        "itemId": "clauulhqg000l3b6qaxn4qli5",
        "blockId": "clauulhqf000k3b6qsrc1hd74",
-        "groupId": "clauulhqf000j3b6qm8y5oifc"
-      }
+        "itemId": "clauulhqg000l3b6qaxn4qli5"
+      },
+      "to": { "groupId": "clauum8x7000o3b6qx8hqduf8" }
    },
    {
      "id": "clauumm5v000t3b6qu62qcft8",
-      "to": { "groupId": "clauumjq4000r3b6q8l6bi9ra" },
-      "from": {
-        "blockId": "clauulhqf000k3b6qsrc1hd74",
-        "groupId": "clauulhqf000j3b6qm8y5oifc"
-      }
+      "from": { "blockId": "clauulhqf000k3b6qsrc1hd74" },
+      "to": { "groupId": "clauumjq4000r3b6q8l6bi9ra" }
    },
    {
      "id": "clauuol8t000x3b6qcw1few70",
-      "to": { "groupId": "clauuoekh000u3b6q6zmlx7f9" },
-      "from": {
-        "blockId": "clauumjq5000s3b6qqjhrklv4",
-        "groupId": "clauumjq4000r3b6q8l6bi9ra"
-      }
+      "from": { "blockId": "clauumjq5000s3b6qqjhrklv4" },
+      "to": { "groupId": "clauuoekh000u3b6q6zmlx7f9" }
    },
    {
      "id": "clauuom2y000y3b6qkcjy2ri7",
-      "to": { "groupId": "clauuoekh000u3b6q6zmlx7f9" },
-      "from": {
-        "blockId": "clauum8x7000p3b6qxjud5hdc",
-        "groupId": "clauum8x7000o3b6qx8hqduf8"
-      }
+      "from": { "blockId": "clauum8x7000p3b6qxjud5hdc" },
+      "to": { "groupId": "clauuoekh000u3b6q6zmlx7f9" }
    },
    {
-      "from": {
-        "groupId": "clauuoekh000u3b6q6zmlx7f9",
-        "blockId": "clauuontu000z3b6q3ydx6ao1"
-      },
-      "to": { "groupId": "clauuq2l6001c3b6qpmq3ivwk" },
-      "id": "clauuq8je001e3b6qksm4j11g"
+      "id": "clauuq8je001e3b6qksm4j11g",
+      "from": { "blockId": "clauuontu000z3b6q3ydx6ao1" },
+      "to": { "groupId": "clauuq2l6001c3b6qpmq3ivwk" }
    },
    {
-      "from": {
-        "groupId": "clauuq2l6001c3b6qpmq3ivwk",
-        "blockId": "clauuq2l6001d3b6qyltfcvgb"
-      },
-      "to": { "groupId": "clauur7od001f3b6qq140oe55" },
-      "id": "clauureo3001h3b6qk6epabxq"
+      "id": "clauureo3001h3b6qk6epabxq",
+      "from": { "blockId": "clauuq2l6001d3b6qyltfcvgb" },
+      "to": { "groupId": "clauur7od001f3b6qq140oe55" }
    },
    {
-      "from": {
-        "groupId": "clauur7od001f3b6qq140oe55",
-        "blockId": "clauurs1o001k3b6qgrj0xf59"
-      },
-      "to": { "groupId": "clauusa9z001n3b6qys3xvz1l" },
-      "id": "clauushy3001p3b6qqnyrxgtb"
+      "id": "clauushy3001p3b6qqnyrxgtb",
+      "from": { "blockId": "clauurs1o001k3b6qgrj0xf59" },
+      "to": { "groupId": "clauusa9z001n3b6qys3xvz1l" }
    },
    {
-      "from": {
-        "groupId": "clauusa9z001n3b6qys3xvz1l",
-        "blockId": "clauut2nq001r3b6qi437ixc7"
-      },
-      "to": { "groupId": "clauuwhyl001v3b6qarbpiqbv" },
-      "id": "clauuwjq2001x3b6qciu53855"
+      "id": "clauuwjq2001x3b6qciu53855",
+      "from": { "blockId": "clauut2nq001r3b6qi437ixc7" },
+      "to": { "groupId": "clauuwhyl001v3b6qarbpiqbv" }
    }
  ],
-  "theme": {
-    "chat": {
-      "inputs": {
-        "color": "#303235",
-        "backgroundColor": "#FFFFFF",
-        "placeholderColor": "#9095A0"
-      },
-      "buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
-      "hostAvatar": {
-        "url": "https://avatars.githubusercontent.com/u/16015833?v=4",
-        "isEnabled": true
-      },
-      "hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
-      "guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
+  "variables": [
+    {
+      "id": "vclauuklnc000b3b6q7xchq4yf",
+      "name": "Name",
+      "isSessionVariable": true
    },
-    "general": { "font": "Open Sans", "background": { "type": "None" } }
+    {
+      "id": "vclauulfjk000i3b6qmujooweu",
+      "name": "Age",
+      "isSessionVariable": true
+    },
+    { "id": "vclauuohyp000w3b6qbqrs6c6w", "name": "Magic number" },
+    { "id": "vclauuwchv001u3b6qepx6e0a9", "name": "Joke" }
+  ],
+  "theme": {
+    "general": { "font": "Open Sans", "background": { "type": "None" } },
+    "chat": {
+      "hostAvatar": {
+        "isEnabled": true,
+        "url": "https://avatars.githubusercontent.com/u/16015833?v=4"
+      },
+      "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,
-      "isResultSavingEnabled": true,
      "isHideQueryParamsEnabled": true,
      "isNewResultOnRefreshEnabled": 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."
-    },
-    "typingEmulation": { "speed": 300, "enabled": true, "maxDelay": 1.5 }
+    }
  },
+  "createdAt": "2024-07-16T12:38:39.850Z",
+  "updatedAt": "2024-07-16T12:38:39.850Z",
+  "icon": "🤖",
+  "folderId": null,
  "publicId": null,
  "customDomain": null,
  "workspaceId": "proWorkspace",
  "resultsTablePreferences": null,
  "isArchived": false,
-  "isClosed": false
+  "isClosed": false,
+  "whatsAppCredentialsId": null,
+  "riskLevel": null
 }
--- a/apps/viewer/src/test/assets/typebots/chat/startingWithInput.json
+++ b/apps/viewer/src/test/assets/typebots/chat/startingWithInput.json
@@ -1,22 +1,16 @@
 {
-  "version": "5",
-  "id": "clnbugp6a00011ackz0k3zfkp",
+  "version": "6",
+  "id": "clyoehs240009grw9vcxfw1ku",
  "name": "My typebot",
-  "groups": [
+  "events": [
    {
      "id": "k2nokn9v0zyhae0wqcxsbqa7",
-      "title": "Start",
+      "outgoingEdgeId": "fj2ga89lctnuwcdsshwtxmhp",
      "graphCoordinates": { "x": 0, "y": 0 },
-      "blocks": [
-        {
-          "id": "sx4xmdbosubnxkhcg6x521p1",
-          "groupId": "k2nokn9v0zyhae0wqcxsbqa7",
-          "outgoingEdgeId": "fj2ga89lctnuwcdsshwtxmhp",
-          "type": "start",
-          "label": "Start"
-        }
-      ]
-    },
+      "type": "start"
+    }
+  ],
+  "groups": [
    {
      "id": "g8kdars2ahr3cyz2qf1f7w4i",
      "title": "Group #1",
@@ -24,7 +18,6 @@
      "blocks": [
        {
          "id": "prh6snup7cbmoxtf5vox8kjw",
-          "groupId": "g8kdars2ahr3cyz2qf1f7w4i",
          "type": "text input",
          "options": {
            "labels": {
@@ -36,7 +29,6 @@
        },
        {
          "id": "dpyyb38amnwwl4q461el2uf6",
-          "groupId": "g8kdars2ahr3cyz2qf1f7w4i",
          "type": "text",
          "content": {
            "richText": [
@@ -50,10 +42,7 @@
  "edges": [
    {
      "id": "fj2ga89lctnuwcdsshwtxmhp",
-      "from": {
-        "groupId": "k2nokn9v0zyhae0wqcxsbqa7",
-        "blockId": "sx4xmdbosubnxkhcg6x521p1"
-      },
+      "from": { "eventId": "k2nokn9v0zyhae0wqcxsbqa7" },
      "to": { "groupId": "g8kdars2ahr3cyz2qf1f7w4i" }
    }
  ],
@@ -88,8 +77,8 @@
      "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",
+  "createdAt": "2024-07-16T12:39:37.804Z",
+  "updatedAt": "2024-07-16T12:39:37.804Z",
  "icon": null,
  "folderId": null,
  "publicId": null,
@@ -98,5 +87,6 @@
  "resultsTablePreferences": null,
  "isArchived": false,
  "isClosed": false,
-  "whatsAppCredentialsId": null
+  "whatsAppCredentialsId": null,
+  "riskLevel": null
 }
--- a/apps/viewer/src/test/assets/typebots/webhook.json
+++ b/apps/viewer/src/test/assets/typebots/webhook.json
@@ -1,85 +1,61 @@
 {
-  "id": "cl9ip9u0l00001ad79a2lzm55",
-  "createdAt": "2022-10-21T16:22:07.414Z",
-  "updatedAt": "2022-10-21T16:30:57.642Z",
-  "icon": null,
+  "version": "6",
+  "id": "clyoep429000dgrw904vfzaez",
  "name": "My typebot",
-  "folderId": null,
-  "version": "4",
-  "groups": [
+  "events": [
    {
      "id": "cl9ip9u0j0000d71a5d98gwni",
-      "title": "Start",
-      "blocks": [
-        {
-          "id": "cl9ip9u0j0001d71a44dsd2p1",
-          "type": "start",
-          "label": "Start",
-          "groupId": "cl9ip9u0j0000d71a5d98gwni",
-          "outgoingEdgeId": "cl9ipkkb2001b3b6oh3vptq9k"
-        }
-      ],
-      "graphCoordinates": { "x": 0, "y": 0 }
-    },
+      "outgoingEdgeId": "cl9ipkkb2001b3b6oh3vptq9k",
+      "graphCoordinates": { "x": 0, "y": 0 },
+      "type": "start"
+    }
+  ],
+  "groups": [
    {
      "id": "cl9ipa38j00083b6o69e90m4t",
-      "graphCoordinates": { "x": 340, "y": 341 },
      "title": "Group #1",
+      "graphCoordinates": { "x": 340, "y": 341 },
      "blocks": [
        {
          "id": "cl9ipaaut000a3b6ovrqlec3x",
-          "groupId": "cl9ipa38j00083b6o69e90m4t",
          "type": "text input",
          "options": {
-            "isLong": false,
-            "labels": { "button": "Send", "placeholder": "Type a name..." },
-            "variableId": "vcl9ipajth000c3b6okl97r81j"
+            "labels": { "placeholder": "Type a name...", "button": "Send" },
+            "variableId": "vcl9ipajth000c3b6okl97r81j",
+            "isLong": false
          }
        },
        {
          "id": "cl9ipan8f000d3b6oo2ovi3ac",
-          "groupId": "cl9ipa38j00083b6o69e90m4t",
          "type": "number input",
          "options": {
-            "labels": { "button": "Send", "placeholder": "Type an age..." },
-            "variableId": "vcl9ipaszl000e3b6ousjxuw7b"
+            "variableId": "vcl9ipaszl000e3b6ousjxuw7b",
+            "labels": { "placeholder": "Type an age...", "button": "Send" }
          }
        },
        {
          "id": "cl9ipb08n000f3b6ok3mi2p48",
-          "groupId": "cl9ipa38j00083b6o69e90m4t",
+          "outgoingEdgeId": "cl9ipcp83000o3b6odsn0a9a1",
          "type": "choice input",
-          "options": {
-            "buttonLabel": "Send",
-            "isMultipleChoice": false,
-            "variableId": "vcl9ipg4tb00103b6oue08w3nm"
-          },
          "items": [
-            {
-              "id": "cl9ipb08n000g3b6okr691uad",
-              "blockId": "cl9ipb08n000f3b6ok3mi2p48",
-              "type": 0,
-              "content": "Male"
-            },
-            {
-              "blockId": "cl9ipb08n000f3b6ok3mi2p48",
-              "type": 0,
-              "id": "cl9ipb2kk000h3b6oadwtonnz",
-              "content": "Female"
-            }
+            { "id": "cl9ipb08n000g3b6okr691uad", "content": "Male" },
+            { "id": "cl9ipb2kk000h3b6oadwtonnz", "content": "Female" }
          ],
-          "outgoingEdgeId": "cl9ipcp83000o3b6odsn0a9a1"
+          "options": {
+            "variableId": "vcl9ipg4tb00103b6oue08w3nm",
+            "isMultipleChoice": false,
+            "buttonLabel": "Send"
+          }
        }
      ]
    },
    {
      "id": "cl9ipbcjy000j3b6oqngo7luv",
-      "graphCoordinates": { "x": 781, "y": 91 },
      "title": "Group #2",
+      "graphCoordinates": { "x": 781, "y": 91 },
      "blocks": [
        {
          "id": "cl9ipbl6l000m3b6o3evn41kv",
-          "groupId": "cl9ipbcjy000j3b6oqngo7luv",
          "type": "Set variable",
          "options": {
            "variableId": "vcl9ipbokm000n3b6o06hvarrf",
@@ -88,9 +64,9 @@
        },
        {
          "id": "cl9ipbcjy000k3b6oe8lta5c1",
-          "groupId": "cl9ipbcjy000j3b6oqngo7luv",
          "type": "Webhook",
          "options": {
+            "variablesForTest": [],
            "responseVariableMapping": [
              {
                "id": "cl9ipdspg000p3b6ognbfvmdx",
@@ -98,15 +74,17 @@
                "bodyPath": "data"
              }
            ],
-            "variablesForTest": [],
            "isAdvancedConfig": true,
-            "isCustomBody": true
-          },
-          "webhookId": "full-body-webhook"
+            "isCustomBody": true,
+            "webhook": {
+              "url": "http://localhost:3000/api/mock/webhook-easy-config",
+              "body": "{\n          \"name\": \"{{Name}}\",\n          \"age\": {{Age}},\n          \"gender\": \"{{Gender}}\"\n        }"
+            }
+          }
        },
        {
          "id": "cl9ipe5t8000s3b6ocswre500",
-          "groupId": "cl9ipbcjy000j3b6oqngo7luv",
+          "outgoingEdgeId": "cl9ipet83000z3b6of6zfqota",
          "type": "text",
          "content": {
            "richText": [
@@ -117,21 +95,20 @@
              { "type": "p", "children": [{ "text": "" }] },
              { "type": "p", "children": [{ "text": "{{Data}}" }] }
            ]
-          },
-          "outgoingEdgeId": "cl9ipet83000z3b6of6zfqota"
+          }
        }
      ]
    },
    {
      "id": "cl9ipej6b000u3b6oeaz305l6",
-      "graphCoordinates": { "x": 1138, "y": 85 },
      "title": "Group #2 copy",
+      "graphCoordinates": { "x": 1138, "y": 85 },
      "blocks": [
        {
          "id": "cl9ipej6c000w3b6otzk247vl",
-          "groupId": "cl9ipej6b000u3b6oeaz305l6",
          "type": "Webhook",
          "options": {
+            "variablesForTest": [],
            "responseVariableMapping": [
              {
                "id": "cl9ipdspg000p3b6ognbfvmdx",
@@ -139,15 +116,16 @@
                "bodyPath": "data"
              }
            ],
-            "variablesForTest": [],
            "isAdvancedConfig": true,
-            "isCustomBody": true
-          },
-          "webhookId": "partial-body-webhook"
+            "isCustomBody": true,
+            "webhook": {
+              "url": "http://localhost:3000/api/mock/webhook-easy-config",
+              "body": "{{Full body}}"
+            }
+          }
        },
        {
          "id": "cl9ipej6c000y3b6oegzkgloq",
-          "groupId": "cl9ipej6b000u3b6oeaz305l6",
          "type": "text",
          "content": {
            "richText": [
@@ -164,97 +142,94 @@
    },
    {
      "id": "cl9ipkaer00153b6ov230yuv2",
-      "graphCoordinates": { "x": 333, "y": 26 },
      "title": "Group #4",
+      "graphCoordinates": { "x": 333, "y": 26 },
      "blocks": [
        {
          "id": "cl9ipkaer00163b6o0ohmmscn",
-          "groupId": "cl9ipkaer00153b6ov230yuv2",
          "type": "choice input",
-          "options": { "buttonLabel": "Send", "isMultipleChoice": false },
          "items": [
            {
              "id": "cl9ipkaer00173b6oxof4zrqn",
-              "blockId": "cl9ipkaer00163b6o0ohmmscn",
-              "type": 0,
              "content": "Send failing webhook"
            }
-          ]
+          ],
+          "options": { "isMultipleChoice": false, "buttonLabel": "Send" }
        },
        {
          "id": "cl9ipki9u00193b6okmhudo0f",
-          "groupId": "cl9ipkaer00153b6ov230yuv2",
+          "outgoingEdgeId": "cl9ipklm0001c3b6oy0a5nbhr",
          "type": "Webhook",
          "options": {
-            "responseVariableMapping": [],
            "variablesForTest": [],
+            "responseVariableMapping": [],
            "isAdvancedConfig": false,
-            "isCustomBody": false
-          },
-          "webhookId": "failing-webhook",
-          "outgoingEdgeId": "cl9ipklm0001c3b6oy0a5nbhr"
+            "isCustomBody": false,
+            "webhook": { "url": "http://localhost:3001/api/mock/fail" }
+          }
        }
      ]
    }
  ],
-  "variables": [
-    { "id": "vcl9ipajth000c3b6okl97r81j", "name": "Name" },
-    { "id": "vcl9ipaszl000e3b6ousjxuw7b", "name": "Age" },
-    { "id": "vcl9ipbokm000n3b6o06hvarrf", "name": "Full body" },
-    { "id": "vcl9ipdxnj000q3b6oy55th4xb", "name": "Data" },
-    { "id": "vcl9ipg4tb00103b6oue08w3nm", "name": "Gender" }
-  ],
  "edges": [
    {
-      "from": {
-        "groupId": "cl9ipa38j00083b6o69e90m4t",
-        "blockId": "cl9ipb08n000f3b6ok3mi2p48"
-      },
-      "to": { "groupId": "cl9ipbcjy000j3b6oqngo7luv" },
-      "id": "cl9ipcp83000o3b6odsn0a9a1"
+      "id": "cl9ipkkb2001b3b6oh3vptq9k",
+      "from": { "eventId": "cl9ip9u0j0000d71a5d98gwni" },
+      "to": { "groupId": "cl9ipkaer00153b6ov230yuv2" }
    },
    {
-      "from": {
-        "groupId": "cl9ipbcjy000j3b6oqngo7luv",
-        "blockId": "cl9ipe5t8000s3b6ocswre500"
-      },
-      "to": { "groupId": "cl9ipej6b000u3b6oeaz305l6" },
-      "id": "cl9ipet83000z3b6of6zfqota"
+      "id": "cl9ipcp83000o3b6odsn0a9a1",
+      "from": { "blockId": "cl9ipb08n000f3b6ok3mi2p48" },
+      "to": { "groupId": "cl9ipbcjy000j3b6oqngo7luv" }
    },
    {
-      "from": {
-        "groupId": "cl9ip9u0j0000d71a5d98gwni",
-        "blockId": "cl9ip9u0j0001d71a44dsd2p1"
-      },
-      "to": { "groupId": "cl9ipkaer00153b6ov230yuv2" },
-      "id": "cl9ipkkb2001b3b6oh3vptq9k"
+      "id": "cl9ipet83000z3b6of6zfqota",
+      "from": { "blockId": "cl9ipe5t8000s3b6ocswre500" },
+      "to": { "groupId": "cl9ipej6b000u3b6oeaz305l6" }
    },
    {
-      "from": {
-        "groupId": "cl9ipkaer00153b6ov230yuv2",
-        "blockId": "cl9ipki9u00193b6okmhudo0f"
-      },
-      "to": { "groupId": "cl9ipa38j00083b6o69e90m4t" },
-      "id": "cl9ipklm0001c3b6oy0a5nbhr"
+      "id": "cl9ipklm0001c3b6oy0a5nbhr",
+      "from": { "blockId": "cl9ipki9u00193b6okmhudo0f" },
+      "to": { "groupId": "cl9ipa38j00083b6o69e90m4t" }
+    }
+  ],
+  "variables": [
+    {
+      "id": "vcl9ipajth000c3b6okl97r81j",
+      "name": "Name",
+      "isSessionVariable": true
+    },
+    {
+      "id": "vcl9ipaszl000e3b6ousjxuw7b",
+      "name": "Age",
+      "isSessionVariable": true
+    },
+    { "id": "vcl9ipbokm000n3b6o06hvarrf", "name": "Full body" },
+    { "id": "vcl9ipdxnj000q3b6oy55th4xb", "name": "Data" },
+    {
+      "id": "vcl9ipg4tb00103b6oue08w3nm",
+      "name": "Gender",
+      "isSessionVariable": true
    }
  ],
  "theme": {
+    "general": { "font": "Open Sans", "background": { "type": "None" } },
    "chat": {
-      "inputs": {
-        "color": "#303235",
-        "backgroundColor": "#FFFFFF",
-        "placeholderColor": "#9095A0"
-      },
-      "buttons": { "color": "#FFFFFF", "backgroundColor": "#0042DA" },
      "hostAvatar": {
-        "url": "https://avatars.githubusercontent.com/u/16015833?v=4",
-        "isEnabled": true
+        "isEnabled": true,
+        "url": "https://avatars.githubusercontent.com/u/16015833?v=4"
      },
-      "hostBubbles": { "color": "#303235", "backgroundColor": "#F7F8FF" },
-      "guestBubbles": { "color": "#FFFFFF", "backgroundColor": "#FF8E21" }
-    },
-    "general": { "font": "Open Sans", "background": { "type": "None" } }
+      "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,
@@ -262,14 +237,21 @@
      "isHideQueryParamsEnabled": true,
      "isNewResultOnRefreshEnabled": 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."
-    },
-    "typingEmulation": { "speed": 300, "enabled": true, "maxDelay": 1.5 }
+    }
  },
+  "createdAt": "2024-07-16T12:45:19.954Z",
+  "updatedAt": "2024-07-16T12:46:27.462Z",
+  "icon": null,
+  "folderId": null,
  "publicId": null,
  "customDomain": null,
  "workspaceId": "proWorkspace",
+  "resultsTablePreferences": null,
  "isArchived": false,
-  "isClosed": false
+  "isClosed": false,
+  "whatsAppCredentialsId": null,
+  "riskLevel": null
 }
--- a/apps/viewer/src/test/chat.spec.ts
+++ b/apps/viewer/src/test/chat.spec.ts
@@ -2,18 +2,30 @@ import { getTestAsset } from '@/test/utils/playwright'
 import test, { expect } from '@playwright/test'
 import { createId } from '@paralleldrive/cuid2'
 import prisma from '@typebot.io/lib/prisma'
-import {
-  createWebhook,
-  deleteTypebots,
-  deleteWebhooks,
-  importTypebotInDatabase,
-} from '@typebot.io/playwright/databaseActions'
-import { HttpMethod } from '@typebot.io/schemas/features/blocks/integrations/webhook/constants'
+import { importTypebotInDatabase } from '@typebot.io/playwright/databaseActions'
 import { StartChatInput, StartPreviewChatInput } from '@typebot.io/schemas'

-test.afterEach(async () => {
-  await deleteWebhooks(['chat-webhook-id'])
-  await deleteTypebots(['chat-sub-bot', 'starting-with-input'])
+test.describe.configure({ mode: 'parallel' })
+
+test.beforeEach(async () => {
+  try {
+    await importTypebotInDatabase(
+      getTestAsset('typebots/chat/linkedBot.json'),
+      {
+        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',
+      }
+    )
+  } catch {
+    /* empty */
+  }
 })

 test('API chat execution should work on preview bot', async ({ request }) => {
@@ -23,22 +35,6 @@ test('API chat execution should work on preview bot', async ({ request }) => {
    id: typebotId,
    publicId,
  })
-  await importTypebotInDatabase(getTestAsset('typebots/chat/linkedBot.json'), {
-    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,
-    url: 'https://api.chucknorris.io/jokes/random',
-  })

  let chatSessionId: string

@@ -104,22 +100,7 @@ test('API chat execution should work on published bot', async ({ request }) => {
    id: typebotId,
    publicId,
  })
-  await importTypebotInDatabase(getTestAsset('typebots/chat/linkedBot.json'), {
-    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,
-    url: 'https://api.chucknorris.io/jokes/random',
-  })
+
  let chatSessionId: string

  await test.step('Start the chat', async () => {
--- a/apps/viewer/src/test/webhook.spec.ts
+++ b/apps/viewer/src/test/webhook.spec.ts
@@ -1,50 +1,14 @@
 import test, { expect } from '@playwright/test'
 import { createId } from '@paralleldrive/cuid2'
-import {
-  createWebhook,
-  importTypebotInDatabase,
-} from '@typebot.io/playwright/databaseActions'
+import { importTypebotInDatabase } from '@typebot.io/playwright/databaseActions'
 import { getTestAsset } from '@/test/utils/playwright'
-import { HttpMethod } from '@typebot.io/schemas/features/blocks/integrations/webhook/constants'

-const typebotId = createId()
-
-test.beforeEach(async () => {
+test('should execute webhooks properly', async ({ page }) => {
+  const typebotId = createId()
  await importTypebotInDatabase(getTestAsset('typebots/webhook.json'), {
    id: typebotId,
    publicId: `${typebotId}-public`,
  })
-
-  try {
-    await createWebhook(typebotId, {
-      id: 'failing-webhook',
-      url: 'http://localhost:3001/api/mock/fail',
-      method: HttpMethod.POST,
-    })
-
-    await createWebhook(typebotId, {
-      id: 'partial-body-webhook',
-      url: 'http://localhost:3000/api/mock/webhook-easy-config',
-      method: HttpMethod.POST,
-      body: `{
-          "name": "{{Name}}",
-          "age": {{Age}},
-          "gender": "{{Gender}}"
-        }`,
-    })
-
-    await createWebhook(typebotId, {
-      id: 'full-body-webhook',
-      url: 'http://localhost:3000/api/mock/webhook-easy-config',
-      method: HttpMethod.POST,
-      body: `{{Full body}}`,
-    })
-  } catch (err) {
-    console.log(err)
-  }
-})
-
-test('should execute webhooks properly', async ({ page }) => {
  await page.goto(`/${typebotId}-public`)
  await page.locator('text=Send failing webhook').click()
  await page.locator('[placeholder="Type a name..."]').fill('John')