Skip to content

Add Webhook Configuration UI

Add admin interface for configuring webhook settings per integration in the integration detail/edit view.

  • Add "Webhook" tab to integration detail view (Admin/Super Admin only)
  • Form fields: Enable toggle, Webhook URL (HTTPS required), Authentication Token (masked)
  • Existing config: show masked token with "Change Token" button
  • Validation: HTTPS URL, auth token required when enabled
  • Toast notifications for save success/error and delete

Example:

Integration form with Webhook tab showing enabled webhook: 

┌─ Integration: ADP Sync ─────────────────────┐
│ [General] [Webhook]                          │
│                                               │
│ ☑ Enable Webhook                             │
│                                               │
│ Webhook URL *                                 │
│ ┌───────────────────────────────────────┐   │
│ │ https://platform.example.com/webhooks │   │
│ └───────────────────────────────────────┘   │
│                                               │
│ Authentication Token *                        │
│ ┌───────────────────────────────────────┐   │
│ │ sk_live_*********************xyz      │   │
│ └───────────────────────────────────────┘   │
│ [Change Token]                                │
│                                               │
│ [Save Configuration] [Remove Configuration]   │
└───────────────────────────────────────────────┘