feat: add support for transaction_log event resource type in webhooks

Author: pheekus

src/elements/public/WebhookCard/WebhookCard.ts

@@ -57,6 +57,10 @@ export class WebhookCard extends TranslatableMixin(InternalCard, 'webhook-card')
     const cardStatus = recentStatuses ? lastStatus?.status ?? 'none' : 'loading';
     const isActive = !!this.data?.is_active;
 
+    // SDK types are incorrect – this is a string, not an array.
+    // TODO remove this cast when SDK is fixed.
+    const eventResource = (this.data?.event_resource ?? '') as unknown as string;
+
     return html`
       <div class="grid grid-cols-1 leading-s -my-xs">
         <p class="flex items-center gap-s justify-between">
@@ -78,7 +82,7 @@ export class WebhookCard extends TranslatableMixin(InternalCard, 'webhook-card')
         <p class="text-s truncate text-tertiary">
           ${this.resourceUri
             ? ''
-            : html`<span class="capitalize">${this.data?.event_resource}</span> &bull;`}
+            : html`<span class="capitalize">${eventResource.replace(/_/g, ' ')}</span> &bull;`}
           <foxy-i18n
             class=${classMap({ 'text-error': isActive && cardStatus === 'failed' })}
             infer=""

src/elements/public/WebhookForm/WebhookForm.test.ts

@@ -151,6 +151,7 @@ describe('WebhookForm', () => {
     const options = [
       { value: 'subscription', label: 'event_resource_subscription' },
       { value: 'transaction', label: 'event_resource_transaction' },
+      { value: 'transaction_log', label: 'event_resource_transaction_log' },
       { value: 'customer', label: 'event_resource_customer' },
     ];
 

src/elements/public/WebhookForm/WebhookForm.ts

@@ -53,6 +53,7 @@ export class WebhookForm extends TranslatableMixin(InternalForm, 'webhook-form')
   private __eventResources = [
     { value: 'subscription', label: 'event_resource_subscription' },
     { value: 'transaction', label: 'event_resource_transaction' },
+    { value: 'transaction_log', label: 'event_resource_transaction_log' },
     { value: 'customer', label: 'event_resource_customer' },
   ];
 

src/static/translations/webhook-form/en.json

@@ -6,6 +6,7 @@
     "subtitle_webflow": "Webflow webhook",
     "subtitle_zapier": "Zapier webhook",
     "subtitle_transaction": "Transaction webhook",
+    "subtitle_transaction_log": "Transaction log webhook",
     "subtitle_subscription": "Subscription webhook",
     "subtitle_customer": "Customer webhook",
     "copy-id": {
@@ -46,6 +47,7 @@
       "label": "Resource",
       "helper_text": "",
       "placeholder": "Select...",
+      "event_resource_transaction_log": "Transaction log",
       "event_resource_subscription": "Subscription",
       "event_resource_transaction": "Transaction",
       "event_resource_customer": "Customer"