feat(integrations): ✨ Add Pabbly block

apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/SettingsPopoverContent.tsx

@@ -224,6 +224,18 @@ export const StepSettings = ({
         />
       )
     }
+    case IntegrationStepType.PABBLY_CONNECT: {
+      return (
+        <WebhookSettings
+          step={step}
+          onOptionsChange={handleOptionsChange}
+          provider={{
+            name: 'Pabbly Connect',
+            url: 'https://www.pabbly.com/connect/integrations/typebot/',
+          }}
+        />
+      )
+    }
     case IntegrationStepType.WEBHOOK: {
       return (
         <WebhookSettings step={step} onOptionsChange={handleOptionsChange} />

apps/builder/components/shared/Graph/Nodes/StepNode/SettingsPopoverContent/bodies/WebhookSettings/WebhookSettings.tsx

@@ -27,6 +27,7 @@ import {
   defaultWebhookAttributes,
   Webhook,
   MakeComStep,
+  PabblyConnectStep,
 } from 'models'
 import { DropdownList } from 'components/shared/DropdownList'
 import { TableList, TableListItemProps } from 'components/shared/TableList'
@@ -44,11 +45,11 @@ import { SwitchWithLabel } from 'components/shared/SwitchWithLabel'
 import { ExternalLinkIcon } from 'assets/icons'
 
 type Provider = {
-  name: 'Make.com'
+  name: 'Make.com' | 'Pabbly Connect'
   url: string
 }
 type Props = {
-  step: WebhookStep | MakeComStep
+  step: WebhookStep | MakeComStep | PabblyConnectStep
   onOptionsChange: (options: WebhookOptions) => void
   provider?: Provider
 }

apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/StepNodeContent.tsx

@@ -125,6 +125,7 @@ export const StepNodeContent = ({ step, indices }: Props) => {
         <ProviderWebhookContent step={step} configuredLabel="Trigger zap" />
       )
     }
+    case IntegrationStepType.PABBLY_CONNECT:
     case IntegrationStepType.MAKE_COM: {
       return (
         <ProviderWebhookContent

apps/builder/components/shared/Graph/Nodes/StepNode/StepNodeContent/contents/ZapierContent.tsx

@@ -3,6 +3,7 @@ import { useTypebot } from 'contexts/TypebotContext'
 import {
   defaultWebhookAttributes,
   MakeComStep,
+  PabblyConnectStep,
   Webhook,
   ZapierStep,
 } from 'models'
@@ -10,7 +11,7 @@ import { useEffect } from 'react'
 import { byId, isNotDefined } from 'utils'
 
 type Props = {
-  step: ZapierStep | MakeComStep
+  step: ZapierStep | MakeComStep | PabblyConnectStep
   configuredLabel: string
 }