feat(integration): ✨ Add webhooks

packages/bot-engine/rollup.config.js

@@ -44,7 +44,7 @@ export default [
     ],
   },
   {
-    input: 'dist/esm/types/index.d.ts',
+    input: 'dist/esm/types/src/index.d.ts',
     output: [{ file: 'dist/index.d.ts', format: 'esm' }],
     plugins: [dts()],
     external: [/\.css$/],

packages/bot-engine/src/components/ChatBlock/ChatBlock.tsx

@@ -55,6 +55,7 @@ export const ChatBlock = ({
     }
     if (isIntegrationStep(currentStep)) {
       const nextEdgeId = await executeIntegration(
+        typebot.typebotId,
         currentStep,
         typebot.variables,
         updateVariableValue

packages/bot-engine/src/index.ts

@@ -1,3 +1,3 @@
 export * from './components/TypebotViewer'
-
+export { parseVariables } from './services/variable'
 export * from 'util'

packages/bot-engine/src/services/integration.ts

@@ -10,13 +10,18 @@ import {
   Cell,
   GoogleSheetsGetOptions,
   GoogleAnalyticsStep,
+  Webhook,
+  WebhookStep,
 } from 'models'
 import { stringify } from 'qs'
 import { sendRequest } from 'utils'
 import { sendGaEvent } from '../../lib/gtag'
 import { parseVariables, parseVariablesInObject } from './variable'
 
+const safeEval = eval
+
 export const executeIntegration = (
+  typebotId: string,
   step: IntegrationStep,
   variables: Table<Variable>,
   updateVariableValue: (variableId: string, value: string) => void
@@ -26,6 +31,8 @@ export const executeIntegration = (
       return executeGoogleSheetIntegration(step, variables, updateVariableValue)
     case IntegrationStepType.GOOGLE_ANALYTICS:
       return executeGoogleAnalyticsIntegration(step, variables)
+    case IntegrationStepType.WEBHOOK:
+      return executeWebhook(typebotId, step, variables, updateVariableValue)
   }
 }
 
@@ -142,3 +149,26 @@ const parseCellValues = (
           [cell.column]: parseVariables({ text: cell.value, variables }),
         }
   }, {})
+
+const executeWebhook = async (
+  typebotId: string,
+  step: WebhookStep,
+  variables: Table<Variable>,
+  updateVariableValue: (variableId: string, value: string) => void
+) => {
+  if (!step.options?.webhookId) return step.edgeId
+  const { data, error } = await sendRequest({
+    url: `http://localhost:3000/api/typebots/${typebotId}/webhooks/${step.options?.webhookId}/execute`,
+    method: 'POST',
+    body: {
+      variables,
+    },
+  })
+  console.error(error)
+  step.options.responseVariableMapping?.allIds.forEach((varMappingId) => {
+    const varMapping = step.options?.responseVariableMapping?.byId[varMappingId]
+    if (!varMapping?.bodyPath || !varMapping.variableId) return
+    const value = safeEval(`(${JSON.stringify(data)}).${varMapping?.bodyPath}`)
+    updateVariableValue(varMapping.variableId, value)
+  })
+}