npm - @burdenoff/microfe-devportal - Versions diffs - 2026.1107.3 → 2026.1108.2 - Mend

@burdenoff/microfe-devportal 2026.1107.3 → 2026.1108.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1400) hide show

package/dist/devportal/pages/WebhookDetailPage.js CHANGED Viewed

@@ -1,30 +1,30 @@
-import { useDevportal as e } from "../providers/DevportalProvider.js";
-import { EmptyState as t } from "../components/EmptyState.js";
-import { useDeleteWebhookMutation as n, useGetApplicationQuery as r, useGetWebhookDetailQuery as i, useTestWebhookMutation as a, useUpdateWebhookMutation as o } from "../../generated/global-operations.js";
-import { getErrorMessage as ee } from "../hooks/useGraphQL.js";
-import { PageLayout as s, PageSection as c } from "../components/PageLayout.js";
-import { StatusBadge as l } from "../components/StatusBadge.js";
-import { StatCard as u, StatCardGrid as d } from "../components/StatCard.js";
-import { nativeImpact as f, nativeNotify as p } from "../../utils/nativeBridge.js";
-import { SecretDisplay as te } from "../components/SecretDisplay.js";
-import { DataTable as ne, DetailList as re } from "../components/DataTable.js";
-import { Alert as ie, ConfirmDialog as m } from "../components/ConfirmDialog.js";
-import { useDevportalPermission as h } from "../hooks/usePermission.js";
+import e from "../../node_modules/date-fns/format.js";
+import { PageLayout as t, PageSection as n } from "../components/PageLayout.js";
+import { useDeleteWebhookMutation as r, useGetApplicationQuery as ee, useGetWebhookDetailQuery as te, useTestWebhookMutation as i, useUpdateWebhookMutation as a } from "../../generated/global-operations.js";
+import { getErrorMessage as o } from "../hooks/useGraphQL.js";
+import { StatCard as s, StatCardGrid as c } from "../components/StatCard.js";
+import { Alert as ne, ConfirmDialog as l } from "../components/ConfirmDialog.js";
+import { DataTable as re, DetailList as ie } from "../components/DataTable.js";
+import { EmptyState as u } from "../components/EmptyState.js";
+import { SecretDisplay as d } from "../components/SecretDisplay.js";
+import { StatusBadge as f } from "../components/StatusBadge.js";
+import { useDevportal as p } from "../providers/DevportalProvider.js";
+import { nativeImpact as m, nativeNotify as h } from "../../utils/nativeBridge.js";
 import "../hooks/index.js";
 import { DEVPORTAL_PERMISSIONS as g } from "../constants/permissions.js";
-import _ from "../../node_modules/date-fns/format.js";
-import { useEffect as v, useMemo as y, useState as b } from "react";
-import { AlertCircle as ae, CheckCircle as x, Clock as oe, ExternalLink as se, Loader2 as ce, Pause as S, Play as C, Send as w, Trash2 as le, Webhook as ue, XCircle as de } from "lucide-react";
-import { useParams as fe } from "react-router";
+import { useDevportalPermission as _ } from "../hooks/usePermission.js";
+import { useEffect as v, useMemo as ae, useState as y } from "react";
+import { AlertCircle as oe, CheckCircle as b, Clock as se, ExternalLink as ce, Loader2 as le, Pause as x, Play as S, Send as C, Trash2 as ue, Webhook as de, XCircle as fe } from "lucide-react";
+import { useParams as w } from "react-router";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
 import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { CTAOverflowMenu as O, EmphasisPanel as k, NextSteps as A } from "@burdenoff/fe-libs/ui";
-//#region src/devportal/pages/WebhookDetailPage.tsx
-var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
-	let { appId: M, webhookId: N } = fe(), { navigate: P, basePath: F } = e(), { t: I } = D(), L = (e, t) => {
+// src/devportal/pages/WebhookDetailPage.tsx
+var j = (t) => t ? e(new Date(t), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
+	let { appId: M, webhookId: N } = w(), { navigate: P, basePath: F } = p(), { t: I } = D(), L = (e, t) => {
 		let n = I(e);
 		return n === e ? t : n;
-	}, { allowed: R } = h(g.WEBHOOK_UPDATE), { allowed: z } = h(g.WEBHOOK_DELETE), [B, V] = b(!1), [pe, H] = b(!1), [U, W] = b(null), [me, G] = b(!1), { data: K } = r({
+	}, { allowed: R } = _(g.WEBHOOK_UPDATE), { allowed: z } = _(g.WEBHOOK_DELETE), [B, V] = y(!1), [pe, H] = y(!1), [U, W] = y(null), [me, G] = y(!1), { data: K } = ee({
 		variables: { id: M ?? "" },
 		skip: !M,
 		fetchPolicy: "cache-first"
@@ -35,7 +35,7 @@ var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 		let t = window.__breadcrumbRegistry;
 		return t?.register(M, e), () => t?.unregister(M);
 	}, [M, K?.application?.name]);
-	let { data: q, loading: he, error: J, refetch: Y } = i({
+	let { data: q, loading: he, error: J, refetch: Y } = te({
 		variables: {
 			id: N || "",
 			limit: 20,
@@ -43,14 +43,14 @@ var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 		},
 		skip: !N,
 		fetchPolicy: "cache-and-network"
-	}), [ge, { loading: _e }] = o(), [ve, { loading: ye }] = n(), [be, { loading: xe }] = a(), X = q?.webhook;
+	}), [ge, { loading: _e }] = a(), [ve, { loading: ye }] = r(), [be, { loading: xe }] = i(), X = q?.webhook;
 	v(() => {
 		let e = X?.name;
 		if (!N || !e) return;
 		let t = window.__breadcrumbRegistry;
 		return t?.register(N, e), () => t?.unregister(N);
 	}, [N, X?.name]);
-	let Z = q?.webhookDeliveries?.edges?.map((e) => e.node) ?? [], Q = M || X?.applicationId, Se = y(() => {
+	let Z = q?.webhookDeliveries?.edges?.map((e) => e.node) ?? [], Q = M || X?.applicationId, Se = ae(() => {
 		if (!X) return 0;
 		let e = (X.successCount ?? 0) + (X.failureCount ?? 0);
 		return e === 0 ? 100 : Math.round((X.successCount ?? 0) / e * 100);
@@ -63,11 +63,11 @@ var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 		} }), await Y());
 	}, we = async () => {
 		if (X) {
-			f("medium");
+			m("medium");
 			try {
-				await ve({ variables: { id: X.id } }), p("success"), Ce(`/apps/${X.applicationId}/webhooks`);
+				await ve({ variables: { id: X.id } }), h("success"), Ce(`/apps/${X.applicationId}/webhooks`);
 			} catch {
-				p("error");
+				h("error");
 			}
 		}
 	}, Te = async () => {
@@ -76,35 +76,31 @@ var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 			id: X.id,
 			eventType: X.events[0] || "application.updated"
 		} })).data?.testWebhook;
-		if (!e) {
-			G(!1), W("Test request did not return a response.");
-			return;
-		}
-		G(e.success), W(e.success ? `Test delivery succeeded with HTTP ${e.statusCode ?? 200}.` : e.error || "Webhook test failed."), await Y();
+		e ? (G(e.success), W(e.success ? `Test delivery succeeded with HTTP ${e.statusCode ?? 200}.` : e.error || "Webhook test failed."), await Y()) : (G(!1), W("Test request did not return a response."));
 	};
-	return he && !X ? /* @__PURE__ */ T(s, {
+	return he && !X ? /* @__PURE__ */ T(t, {
 		title: L("devportal.webhook", "Webhook"),
 		description: L("devportal.loadingWebhookDetails", "Loading webhook details"),
 		backLink: Q ? `/apps/${Q}/webhooks` : "/webhooks",
 		backLabel: L("devportal.backToWebhooks", "Back to Webhooks"),
 		children: /* @__PURE__ */ T("div", {
 			className: "flex items-center justify-center py-16 text-text-secondary",
-			children: /* @__PURE__ */ T(ce, { className: "h-8 w-8 animate-spin" })
+			children: /* @__PURE__ */ T(le, { className: "h-8 w-8 animate-spin" })
 		})
-	}) : J || !X ? /* @__PURE__ */ T(s, {
+	}) : J || !X ? /* @__PURE__ */ T(t, {
 		title: L("devportal.webhook", "Webhook"),
 		description: L("devportal.webhookDetails", "Webhook details"),
 		backLink: Q ? `/apps/${Q}/webhooks` : "/webhooks",
 		backLabel: L("devportal.backToWebhooks", "Back to Webhooks"),
-		children: /* @__PURE__ */ T(t, {
-			icon: /* @__PURE__ */ T(ae, {
+		children: /* @__PURE__ */ T(u, {
+			icon: /* @__PURE__ */ T(oe, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
 			title: L("devportal.unableToLoadWebhook", "Unable to load webhook"),
-			description: J ? ee(J) : L("devportal.webhookNotFound", "Webhook not found")
+			description: J ? o(J) : L("devportal.webhookNotFound", "Webhook not found")
 		})
-	}) : /* @__PURE__ */ E(s, {
+	}) : /* @__PURE__ */ E(t, {
 		title: X.name,
 		description: X.description || "Webhook configuration and delivery history",
 		purpose: L("devportal.webhookDetailPurpose", "This endpoint receives the events you subscribed to, signed with your secret. Check the delivery history to confirm your server is responding with 2xx, send a test event, and pause it if your endpoint is down so deliveries are not lost to repeated failures."),
@@ -113,47 +109,47 @@ var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 		actions: /* @__PURE__ */ T(O, {
 			primary: {
 				label: L("devportal.test", "Test"),
-				icon: /* @__PURE__ */ T(w, { size: 16 }),
+				icon: /* @__PURE__ */ T(C, { size: 16 }),
 				onSelect: () => {
 					W(null), H(!0);
 				}
 			},
 			actions: [{
 				label: X.isActive ? L("devportal.pauseWebhook", "Pause") : L("devportal.resumeWebhook", "Resume"),
-				icon: X.isActive ? /* @__PURE__ */ T(S, { size: 16 }) : /* @__PURE__ */ T(C, { size: 16 }),
+				icon: X.isActive ? /* @__PURE__ */ T(x, { size: 16 }) : /* @__PURE__ */ T(S, { size: 16 }),
 				disabled: _e || !R,
 				onSelect: () => void $()
 			}, {
 				label: L("devportal.deleteWebhook", "Delete"),
-				icon: /* @__PURE__ */ T(le, { size: 16 }),
+				icon: /* @__PURE__ */ T(ue, { size: 16 }),
 				intent: "destructive",
 				disabled: !z,
 				onSelect: () => V(!0)
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ T(k, { children: /* @__PURE__ */ E(d, {
+			/* @__PURE__ */ T(k, { children: /* @__PURE__ */ E(c, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ T(u, {
+					/* @__PURE__ */ T(s, {
 						title: L("devportal.successRate", "Success Rate"),
 						value: `${Se}%`,
-						icon: /* @__PURE__ */ T(x, { size: 20 })
+						icon: /* @__PURE__ */ T(b, { size: 20 })
 					}),
-					/* @__PURE__ */ T(u, {
+					/* @__PURE__ */ T(s, {
 						title: L("devportal.successfulDeliveries", "Successful Deliveries"),
 						value: (X.successCount ?? 0).toLocaleString(),
-						icon: /* @__PURE__ */ T(x, { size: 20 })
+						icon: /* @__PURE__ */ T(b, { size: 20 })
 					}),
-					/* @__PURE__ */ T(u, {
+					/* @__PURE__ */ T(s, {
 						title: L("devportal.failedDeliveries", "Failed Deliveries"),
 						value: (X.failureCount ?? 0).toLocaleString(),
-						icon: /* @__PURE__ */ T(de, { size: 20 })
+						icon: /* @__PURE__ */ T(fe, { size: 20 })
 					}),
-					/* @__PURE__ */ T(u, {
+					/* @__PURE__ */ T(s, {
 						title: L("devportal.lastTriggered", "Last Triggered"),
-						value: X.lastTriggeredAt ? _(new Date(X.lastTriggeredAt), "MMM d, HH:mm") : L("devportal.never", "Never"),
-						icon: /* @__PURE__ */ T(oe, { size: 20 })
+						value: X.lastTriggeredAt ? e(new Date(X.lastTriggeredAt), "MMM d, HH:mm") : L("devportal.never", "Never"),
+						icon: /* @__PURE__ */ T(se, { size: 20 })
 					})
 				]
 			}) }),
@@ -163,7 +159,7 @@ var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 					id: "test",
 					label: L("devportal.sendTestEvent", "Send a test event"),
 					description: L("devportal.webhookStepTest", "Confirm your endpoint receives and verifies the payload"),
-					icon: /* @__PURE__ */ T(w, { size: 16 }),
+					icon: /* @__PURE__ */ T(C, { size: 16 }),
 					onClick: () => {
 						W(null), H(!0);
 					}
@@ -171,16 +167,16 @@ var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 					id: "toggle",
 					label: X.isActive ? L("devportal.pauseWebhook", "Pause deliveries") : L("devportal.resumeWebhook", "Resume deliveries"),
 					description: L("devportal.webhookStepToggle", "Pause while your endpoint is down to avoid lost retries"),
-					icon: X.isActive ? /* @__PURE__ */ T(S, { size: 16 }) : /* @__PURE__ */ T(C, { size: 16 }),
+					icon: X.isActive ? /* @__PURE__ */ T(x, { size: 16 }) : /* @__PURE__ */ T(S, { size: 16 }),
 					onClick: () => void $()
 				}]
 			}),
-			/* @__PURE__ */ T(c, {
+			/* @__PURE__ */ T(n, {
 				title: L("devportal.configuration", "Configuration"),
-				children: /* @__PURE__ */ T(re, { items: [
+				children: /* @__PURE__ */ T(ie, { items: [
 					{
 						label: L("devportal.status", "Status"),
-						value: /* @__PURE__ */ T(l, {
+						value: /* @__PURE__ */ T(f, {
 							status: X.status,
 							type: "webhook"
 						})
@@ -197,13 +193,13 @@ var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 								target: "_blank",
 								rel: "noopener noreferrer",
 								className: "text-primary",
-								children: /* @__PURE__ */ T(se, { size: 14 })
+								children: /* @__PURE__ */ T(ce, { size: 14 })
 							})]
 						})
 					},
 					{
 						label: L("devportal.signingSecret", "Signing Secret"),
-						value: /* @__PURE__ */ T(te, {
+						value: /* @__PURE__ */ T(d, {
 							value: X.secret || "******",
 							label: ""
 						})
@@ -232,9 +228,9 @@ var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 					}
 				] })
 			}),
-			/* @__PURE__ */ T(c, {
+			/* @__PURE__ */ T(n, {
 				title: L("devportal.recentDeliveries", "Recent Deliveries"),
-				children: Z.length > 0 ? /* @__PURE__ */ T(ne, {
+				children: Z.length > 0 ? /* @__PURE__ */ T(re, {
 					data: Z,
 					keyField: "id",
 					columns: [
@@ -243,7 +239,7 @@ var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 							header: L("devportal.status", "Status"),
 							render: (e) => /* @__PURE__ */ T("div", {
 								className: "flex items-center gap-2",
-								children: /* @__PURE__ */ T(l, {
+								children: /* @__PURE__ */ T(f, {
 									status: e.status,
 									type: "delivery"
 								})
@@ -273,14 +269,14 @@ var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 							render: (e) => j(e.createdAt)
 						}
 					]
-				}) : /* @__PURE__ */ T(t, {
+				}) : /* @__PURE__ */ T(u, {
 					illustration: "empty-notifications",
-					icon: /* @__PURE__ */ T(ue, { size: 24 }),
+					icon: /* @__PURE__ */ T(de, { size: 24 }),
 					title: L("devportal.noDeliveriesYet", "No deliveries yet"),
 					description: L("devportal.noDeliveriesYetDescription", "Deliveries will appear here after the first matching event is sent to this endpoint.")
 				})
 			}),
-			/* @__PURE__ */ T(m, {
+			/* @__PURE__ */ T(l, {
 				open: B,
 				onOpenChange: V,
 				onConfirm: () => void we(),
@@ -290,7 +286,7 @@ var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 				confirmLabel: L("devportal.deleteWebhookConfirm", "Delete webhook"),
 				variant: "danger"
 			}),
-			/* @__PURE__ */ T(m, {
+			/* @__PURE__ */ T(l, {
 				open: pe,
 				onOpenChange: (e) => {
 					H(e), e || W(null);
@@ -300,7 +296,7 @@ var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 				title: L("devportal.sendTestDelivery", "Send test delivery"),
 				description: L("devportal.sendTestDeliveryDescription", "A signed test event will be sent to the configured endpoint through the public gateway."),
 				confirmLabel: L("devportal.sendTestEvent", "Send test event"),
-				children: U && /* @__PURE__ */ T(ie, {
+				children: U && /* @__PURE__ */ T(ne, {
 					variant: me ? "success" : "error",
 					children: U
 				})
@@ -308,7 +304,6 @@ var j = (e) => e ? _(new Date(e), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 		]
 	});
 };
-//#endregion
 export { M as WebhookDetailPage };
 //# sourceMappingURL=WebhookDetailPage.js.map

package/dist/devportal/pages/WebhookDetailPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WebhookDetailPage.js","names":[],"sources":["../../../src/devportal/pages/WebhookDetailPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useParams } from \"react-router\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n CheckCircle,\n Clock,\n ExternalLink,\n Loader2,\n Pause,\n Play,\n Send,\n Trash2,\n Webhook,\n XCircle,\n AlertCircle,\n} from \"lucide-react\";\nimport { format } from \"date-fns\";\nimport {\n CTAOverflowMenu,\n EmphasisPanel,\n NextSteps,\n} from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { StatCard, StatCardGrid } from \"../components/StatCard\";\nimport { ConfirmDialog, Alert } from \"../components/ConfirmDialog\";\nimport { DataTable, DetailList } from \"../components/DataTable\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { SecretDisplay } from \"../components/SecretDisplay\";\nimport { StatusBadge } from \"../components/StatusBadge\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\nimport {\n type GetWebhookDetailQuery,\n getErrorMessage,\n useDeleteWebhookMutation,\n useGetApplicationQuery,\n useGetWebhookDetailQuery,\n useTestWebhookMutation,\n useUpdateWebhookMutation,\n} from \"../hooks\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalPermission } from \"../hooks/usePermission\";\n\nconst formatTimestamp = (value?: string \| null) => {\n if (!value) return \"Never\";\n return format(new Date(value), \"MMM d, yyyy HH:mm:ss\");\n};\n\ntype WebhookDeliveryEntry =\n GetWebhookDetailQuery[\"webhookDeliveries\"][\"edges\"][number][\"node\"];\n\nexport const WebhookDetailPage: FC = () => {\n const { appId, webhookId } = useParams<{\n appId: string;\n webhookId: string;\n }>();\n const { navigate, basePath } = useDevportal();\n const { t } = useI18n();\n const tr = (key: string, fallback: string): string => {\n const value = t(key);\n return value === key ? fallback : value;\n };\n const { allowed: canUpdate } = useDevportalPermission(\n DEVPORTAL_PERMISSIONS.WEBHOOK_UPDATE,\n );\n const { allowed: canDelete } = useDevportalPermission(\n DEVPORTAL_PERMISSIONS.WEBHOOK_DELETE,\n );\n const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n const [showTestDialog, setShowTestDialog] = useState(false);\n const [testMessage, setTestMessage] = useState<string \| null>(null);\n const [testSuccess, setTestSuccess] = useState(false);\n\n const { data: appData } = useGetApplicationQuery({\n variables: { id: appId ?? \"\" },\n skip: !appId,\n fetchPolicy: \"cache-first\",\n });\n\n useEffect(() => {\n const name = appData?.application?.name;\n if (!appId \|\| !name) return;\n const reg = (\n window as unknown as {\n __breadcrumbRegistry?: {\n register: (id: string, name: string) => void;\n unregister: (id: string) => void;\n };\n }\n ).__breadcrumbRegistry;\n reg?.register(appId, name);\n return () => reg?.unregister(appId);\n }, [appId, appData?.application?.name]);\n\n const { data, loading, error, refetch } = useGetWebhookDetailQuery({\n variables: {\n id: webhookId \|\| \"\",\n limit: 20,\n offset: 0,\n },\n skip: !webhookId,\n fetchPolicy: \"cache-and-network\",\n });\n const [updateWebhook, { loading: updateLoading }] =\n useUpdateWebhookMutation();\n const [deleteWebhook, { loading: deleteLoading }] =\n useDeleteWebhookMutation();\n const [testWebhook, { loading: testLoading }] = useTestWebhookMutation();\n\n const webhook = data?.webhook;\n\n useEffect(() => {\n const name = webhook?.name;\n if (!webhookId \|\| !name) return;\n const reg = (\n window as unknown as {\n __breadcrumbRegistry?: {\n register: (id: string, name: string) => void;\n unregister: (id: string) => void;\n };\n }\n ).__breadcrumbRegistry;\n reg?.register(webhookId, name);\n return () => reg?.unregister(webhookId);\n }, [webhookId, webhook?.name]);\n\n const deliveries: WebhookDeliveryEntry[] =\n data?.webhookDeliveries?.edges?.map(\n (edge: GetWebhookDetailQuery[\"webhookDeliveries\"][\"edges\"][number]) =>\n edge.node,\n ) ?? [];\n const backAppId = appId \|\| webhook?.applicationId;\n const successRate = useMemo(() => {\n if (!webhook) return 0;\n const total = (webhook.successCount ?? 0) + (webhook.failureCount ?? 0);\n if (total === 0) return 100;\n return Math.round(((webhook.successCount ?? 0) / total) * 100);\n }, [webhook]);\n\n const handleNavigate = (path: string) => {\n navigate?.(`${basePath}${path}`);\n };\n\n const handleToggleActive = async () => {\n if (!webhook) return;\n\n await updateWebhook({\n variables: {\n id: webhook.id,\n input: {\n isActive: !webhook.isActive,\n },\n },\n });\n\n await refetch();\n };\n\n const handleDelete = async () => {\n if (!webhook) return;\n void nativeImpact(\"medium\");\n\n try {\n await deleteWebhook({\n variables: {\n id: webhook.id,\n },\n });\n void nativeNotify(\"success\");\n handleNavigate(`/apps/${webhook.applicationId}/webhooks`);\n } catch {\n void nativeNotify(\"error\");\n }\n };\n\n const handleTest = async () => {\n if (!webhook) return;\n\n const result = await testWebhook({\n variables: {\n id: webhook.id,\n eventType: webhook.events[0] \|\| \"application.updated\",\n },\n });\n\n const response = result.data?.testWebhook;\n if (!response) {\n setTestSuccess(false);\n setTestMessage(\"Test request did not return a response.\");\n return;\n }\n\n setTestSuccess(response.success);\n setTestMessage(\n response.success\n ? `Test delivery succeeded with HTTP ${response.statusCode ?? 200}.`\n : response.error \|\| \"Webhook test failed.\",\n );\n\n await refetch();\n };\n\n if (loading && !webhook) {\n return (\n <PageLayout\n title={tr(\"devportal.webhook\", \"Webhook\")}\n description={tr(\n \"devportal.loadingWebhookDetails\",\n \"Loading webhook details\",\n )}\n backLink={backAppId ? `/apps/${backAppId}/webhooks` : \"/webhooks\"}\n backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n >\n <div className=\"flex items-center justify-center py-16 text-text-secondary\">\n <Loader2 className=\"h-8 w-8 animate-spin\" />\n </div>\n </PageLayout>\n );\n }\n\n if (error \|\| !webhook) {\n return (\n <PageLayout\n title={tr(\"devportal.webhook\", \"Webhook\")}\n description={tr(\"devportal.webhookDetails\", \"Webhook details\")}\n backLink={backAppId ? `/apps/${backAppId}/webhooks` : \"/webhooks\"}\n backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n >\n <EmptyState\n icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n title={tr(\"devportal.unableToLoadWebhook\", \"Unable to load webhook\")}\n description={\n error\n ? getErrorMessage(error)\n : tr(\"devportal.webhookNotFound\", \"Webhook not found\")\n }\n />\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title={webhook.name}\n description={\n webhook.description \|\| \"Webhook configuration and delivery history\"\n }\n purpose={tr(\n \"devportal.webhookDetailPurpose\",\n \"This endpoint receives the events you subscribed to, signed with your secret. Check the delivery history to confirm your server is responding with 2xx, send a test event, and pause it if your endpoint is down so deliveries are not lost to repeated failures.\",\n )}\n backLink={`/apps/${backAppId}/webhooks`}\n backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n actions={\n <CTAOverflowMenu\n primary={{\n label: tr(\"devportal.test\", \"Test\"),\n icon: <Send size={16} />,\n onSelect: () => {\n setTestMessage(null);\n setShowTestDialog(true);\n },\n }}\n actions={[\n {\n label: webhook.isActive\n ? tr(\"devportal.pauseWebhook\", \"Pause\")\n : tr(\"devportal.resumeWebhook\", \"Resume\"),\n icon: webhook.isActive ? <Pause size={16} /> : <Play size={16} />,\n disabled: updateLoading \|\| !canUpdate,\n onSelect: () => void handleToggleActive(),\n },\n {\n label: tr(\"devportal.deleteWebhook\", \"Delete\"),\n icon: <Trash2 size={16} />,\n intent: \"destructive\",\n disabled: !canDelete,\n onSelect: () => setShowDeleteDialog(true),\n },\n ]}\n />\n }\n >\n <EmphasisPanel>\n <StatCardGrid columns={4}>\n <StatCard\n title={tr(\"devportal.successRate\", \"Success Rate\")}\n value={`${successRate}%`}\n icon={<CheckCircle size={20} />}\n />\n <StatCard\n title={tr(\n \"devportal.successfulDeliveries\",\n \"Successful Deliveries\",\n )}\n value={(webhook.successCount ?? 0).toLocaleString()}\n icon={<CheckCircle size={20} />}\n />\n <StatCard\n title={tr(\"devportal.failedDeliveries\", \"Failed Deliveries\")}\n value={(webhook.failureCount ?? 0).toLocaleString()}\n icon={<XCircle size={20} />}\n />\n <StatCard\n title={tr(\"devportal.lastTriggered\", \"Last Triggered\")}\n value={\n webhook.lastTriggeredAt\n ? format(new Date(webhook.lastTriggeredAt), \"MMM d, HH:mm\")\n : tr(\"devportal.never\", \"Never\")\n }\n icon={<Clock size={20} />}\n />\n </StatCardGrid>\n </EmphasisPanel>\n\n {/* Guided next steps (dismissable) /}\n <NextSteps\n storageKey={`devportal-webhook-${webhook.id}`}\n steps={[\n {\n id: \"test\",\n label: tr(\"devportal.sendTestEvent\", \"Send a test event\"),\n description: tr(\n \"devportal.webhookStepTest\",\n \"Confirm your endpoint receives and verifies the payload\",\n ),\n icon: <Send size={16} />,\n onClick: () => {\n setTestMessage(null);\n setShowTestDialog(true);\n },\n },\n {\n id: \"toggle\",\n label: webhook.isActive\n ? tr(\"devportal.pauseWebhook\", \"Pause deliveries\")\n : tr(\"devportal.resumeWebhook\", \"Resume deliveries\"),\n description: tr(\n \"devportal.webhookStepToggle\",\n \"Pause while your endpoint is down to avoid lost retries\",\n ),\n icon: webhook.isActive ? <Pause size={16} /> : <Play size={16} />,\n onClick: () => void handleToggleActive(),\n },\n ]}\n />\n\n <PageSection title={tr(\"devportal.configuration\", \"Configuration\")}>\n <DetailList\n items={[\n {\n label: tr(\"devportal.status\", \"Status\"),\n value: <StatusBadge status={webhook.status} type=\"webhook\" />,\n },\n {\n label: tr(\"devportal.endpointUrl\", \"Endpoint URL\"),\n value: (\n <span className=\"flex flex-wrap items-center gap-2 font-mono text-sm\">\n <span className=\"break-all\">{webhook.url}</span>\n <a\n href={webhook.url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"text-primary\"\n >\n <ExternalLink size={14} />\n </a>\n </span>\n ),\n },\n {\n label: tr(\"devportal.signingSecret\", \"Signing Secret\"),\n value: (\n <SecretDisplay value={webhook.secret \|\| \"*****\"} label=\"\" />\n ),\n },\n {\n label: tr(\"devportal.subscribedEvents\", \"Subscribed Events\"),\n value: (\n <div className=\"flex flex-wrap gap-1\">\n {webhook.events.map((eventName: string) => (\n <code\n key={eventName}\n className=\"rounded bg-bg-sunken px-1.5 py-0.5 text-xs\"\n >\n {eventName}\n </code>\n ))}\n </div>\n ),\n },\n {\n label: tr(\"devportal.retryPolicy\", \"Retry Policy\"),\n value: webhook.retryEnabled\n ? tr(\n \"devportal.retryPolicyEnabled\",\n `Up to ${webhook.maxRetries ?? 0} retries`,\n )\n : tr(\"devportal.retriesDisabled\", \"Retries disabled\"),\n },\n {\n label: tr(\"devportal.created\", \"Created\"),\n value: formatTimestamp(webhook.createdAt),\n },\n {\n label: tr(\"devportal.updated\", \"Updated\"),\n value: formatTimestamp(webhook.updatedAt),\n },\n ]}\n />\n </PageSection>\n\n <PageSection\n title={tr(\"devportal.recentDeliveries\", \"Recent Deliveries\")}\n >\n {deliveries.length > 0 ? (\n <DataTable\n data={deliveries}\n keyField=\"id\"\n columns={[\n {\n key: \"status\",\n header: tr(\"devportal.status\", \"Status\"),\n render: (delivery) => (\n <div className=\"flex items-center gap-2\">\n <StatusBadge status={delivery.status} type=\"delivery\" />\n </div>\n ),\n },\n {\n key: \"eventType\",\n header: tr(\"devportal.event\", \"Event\"),\n render: (delivery) => (\n <code className=\"text-xs\">{delivery.eventType}</code>\n ),\n },\n {\n key: \"responseStatus\",\n header: tr(\"devportal.response\", \"Response\"),\n render: (delivery) => delivery.responseStatus ?? \"-\",\n },\n {\n key: \"attemptNumber\",\n header: tr(\"devportal.attempts\", \"Attempts\"),\n render: (delivery) => delivery.attemptNumber,\n },\n {\n key: \"createdAt\",\n header: tr(\"devportal.created\", \"Created\"),\n render: (delivery) => formatTimestamp(delivery.createdAt),\n },\n ]}\n />\n ) : (\n <EmptyState\n illustration=\"empty-notifications\"\n icon={<Webhook size={24} />}\n title={tr(\"devportal.noDeliveriesYet\", \"No deliveries yet\")}\n description={tr(\n \"devportal.noDeliveriesYetDescription\",\n \"Deliveries will appear here after the first matching event is sent to this endpoint.\",\n )}\n />\n )}\n </PageSection>\n\n <ConfirmDialog\n open={showDeleteDialog}\n onOpenChange={setShowDeleteDialog}\n onConfirm={() => void handleDelete()}\n loading={deleteLoading}\n title={tr(\"devportal.deleteWebhookTitle\", \"Delete webhook\")}\n description={tr(\n \"devportal.deleteWebhookDescription\",\n \"Deleting this webhook stops all future deliveries for this endpoint.\",\n )}\n confirmLabel={tr(\"devportal.deleteWebhookConfirm\", \"Delete webhook\")}\n variant=\"danger\"\n />\n\n <ConfirmDialog\n open={showTestDialog}\n onOpenChange={(open) => {\n setShowTestDialog(open);\n if (!open) {\n setTestMessage(null);\n }\n }}\n onConfirm={() => void handleTest()}\n loading={testLoading}\n title={tr(\"devportal.sendTestDelivery\", \"Send test delivery\")}\n description={tr(\n \"devportal.sendTestDeliveryDescription\",\n \"A signed test event will be sent to the configured endpoint through the public gateway.\",\n )}\n confirmLabel={tr(\"devportal.sendTestEvent\", \"Send test event\")}\n >\n {testMessage && (\n <Alert variant={testSuccess ? \"success\" : \"error\"}>\n {testMessage}\n </Alert>\n )}\n </ConfirmDialog>\n </PageLayout>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"WebhookDetailPage.js","names":["EmptyState","format","EmptyState$1","formatTimestamp","value","WebhookDetailPage","useParams","useDevportal","useI18n","tr","t","key","fallback","canUpdate","useDevportalPermission","DEVPORTAL_PERMISSIONS","canDelete","showDeleteDialog","setShowDeleteDialog","useState","showTestDialog","setShowTestDialog","testMessage","setTestMessage","testSuccess","setTestSuccess","appData","useGetApplicationQuery","appId","name","reg","useGetWebhookDetailQuery","webhookId","updateWebhook","updateLoading","useUpdateWebhookMutation","deleteWebhook","deleteLoading","useDeleteWebhookMutation","testWebhook","testLoading","useTestWebhookMutation","webhook","data","deliveries","edge","backAppId","successRate","useMemo","total","handleNavigate","basePath","path","handleToggleActive","refetch","handleDelete","nativeNotify","handleTest","response","loading","PageLayout","Loader2","error","AlertCircle","getErrorMessage","CTAOverflowMenu","Send","Pause","Play","Trash2","EmphasisPanel","StatCardGrid","StatCard","CheckCircle","XCircle","Clock","NextSteps","PageSection","DetailList","StatusBadge","ExternalLink","SecretDisplay","eventName","DataTable","delivery","Webhook","ConfirmDialog","open","Alert"],"sources":["../../../src/devportal/pages/WebhookDetailPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useParams } from \"react-router\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n CheckCircle,\n Clock,\n ExternalLink,\n Loader2,\n Pause,\n Play,\n Send,\n Trash2,\n Webhook,\n XCircle,\n AlertCircle,\n} from \"lucide-react\";\nimport { format } from \"date-fns\";\nimport {\n CTAOverflowMenu,\n EmphasisPanel,\n NextSteps,\n} from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { StatCard, StatCardGrid } from \"../components/StatCard\";\nimport { ConfirmDialog, Alert } from \"../components/ConfirmDialog\";\nimport { DataTable, DetailList } from \"../components/DataTable\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { SecretDisplay } from \"../components/SecretDisplay\";\nimport { StatusBadge } from \"../components/StatusBadge\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\nimport {\n type GetWebhookDetailQuery,\n getErrorMessage,\n useDeleteWebhookMutation,\n useGetApplicationQuery,\n useGetWebhookDetailQuery,\n useTestWebhookMutation,\n useUpdateWebhookMutation,\n} from \"../hooks\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalPermission } from \"../hooks/usePermission\";\n\nconst formatTimestamp = (value?: string \| null) => {\n if (!value) return \"Never\";\n return format(new Date(value), \"MMM d, yyyy HH:mm:ss\");\n};\n\ntype WebhookDeliveryEntry =\n GetWebhookDetailQuery[\"webhookDeliveries\"][\"edges\"][number][\"node\"];\n\nexport const WebhookDetailPage: FC = () => {\n const { appId, webhookId } = useParams<{\n appId: string;\n webhookId: string;\n }>();\n const { navigate, basePath } = useDevportal();\n const { t } = useI18n();\n const tr = (key: string, fallback: string): string => {\n const value = t(key);\n return value === key ? fallback : value;\n };\n const { allowed: canUpdate } = useDevportalPermission(\n DEVPORTAL_PERMISSIONS.WEBHOOK_UPDATE,\n );\n const { allowed: canDelete } = useDevportalPermission(\n DEVPORTAL_PERMISSIONS.WEBHOOK_DELETE,\n );\n const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n const [showTestDialog, setShowTestDialog] = useState(false);\n const [testMessage, setTestMessage] = useState<string \| null>(null);\n const [testSuccess, setTestSuccess] = useState(false);\n\n const { data: appData } = useGetApplicationQuery({\n variables: { id: appId ?? \"\" },\n skip: !appId,\n fetchPolicy: \"cache-first\",\n });\n\n useEffect(() => {\n const name = appData?.application?.name;\n if (!appId \|\| !name) return;\n const reg = (\n window as unknown as {\n __breadcrumbRegistry?: {\n register: (id: string, name: string) => void;\n unregister: (id: string) => void;\n };\n }\n ).__breadcrumbRegistry;\n reg?.register(appId, name);\n return () => reg?.unregister(appId);\n }, [appId, appData?.application?.name]);\n\n const { data, loading, error, refetch } = useGetWebhookDetailQuery({\n variables: {\n id: webhookId \|\| \"\",\n limit: 20,\n offset: 0,\n },\n skip: !webhookId,\n fetchPolicy: \"cache-and-network\",\n });\n const [updateWebhook, { loading: updateLoading }] =\n useUpdateWebhookMutation();\n const [deleteWebhook, { loading: deleteLoading }] =\n useDeleteWebhookMutation();\n const [testWebhook, { loading: testLoading }] = useTestWebhookMutation();\n\n const webhook = data?.webhook;\n\n useEffect(() => {\n const name = webhook?.name;\n if (!webhookId \|\| !name) return;\n const reg = (\n window as unknown as {\n __breadcrumbRegistry?: {\n register: (id: string, name: string) => void;\n unregister: (id: string) => void;\n };\n }\n ).__breadcrumbRegistry;\n reg?.register(webhookId, name);\n return () => reg?.unregister(webhookId);\n }, [webhookId, webhook?.name]);\n\n const deliveries: WebhookDeliveryEntry[] =\n data?.webhookDeliveries?.edges?.map(\n (edge: GetWebhookDetailQuery[\"webhookDeliveries\"][\"edges\"][number]) =>\n edge.node,\n ) ?? [];\n const backAppId = appId \|\| webhook?.applicationId;\n const successRate = useMemo(() => {\n if (!webhook) return 0;\n const total = (webhook.successCount ?? 0) + (webhook.failureCount ?? 0);\n if (total === 0) return 100;\n return Math.round(((webhook.successCount ?? 0) / total) * 100);\n }, [webhook]);\n\n const handleNavigate = (path: string) => {\n navigate?.(`${basePath}${path}`);\n };\n\n const handleToggleActive = async () => {\n if (!webhook) return;\n\n await updateWebhook({\n variables: {\n id: webhook.id,\n input: {\n isActive: !webhook.isActive,\n },\n },\n });\n\n await refetch();\n };\n\n const handleDelete = async () => {\n if (!webhook) return;\n void nativeImpact(\"medium\");\n\n try {\n await deleteWebhook({\n variables: {\n id: webhook.id,\n },\n });\n void nativeNotify(\"success\");\n handleNavigate(`/apps/${webhook.applicationId}/webhooks`);\n } catch {\n void nativeNotify(\"error\");\n }\n };\n\n const handleTest = async () => {\n if (!webhook) return;\n\n const result = await testWebhook({\n variables: {\n id: webhook.id,\n eventType: webhook.events[0] \|\| \"application.updated\",\n },\n });\n\n const response = result.data?.testWebhook;\n if (!response) {\n setTestSuccess(false);\n setTestMessage(\"Test request did not return a response.\");\n return;\n }\n\n setTestSuccess(response.success);\n setTestMessage(\n response.success\n ? `Test delivery succeeded with HTTP ${response.statusCode ?? 200}.`\n : response.error \|\| \"Webhook test failed.\",\n );\n\n await refetch();\n };\n\n if (loading && !webhook) {\n return (\n <PageLayout\n title={tr(\"devportal.webhook\", \"Webhook\")}\n description={tr(\n \"devportal.loadingWebhookDetails\",\n \"Loading webhook details\",\n )}\n backLink={backAppId ? `/apps/${backAppId}/webhooks` : \"/webhooks\"}\n backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n >\n <div className=\"flex items-center justify-center py-16 text-text-secondary\">\n <Loader2 className=\"h-8 w-8 animate-spin\" />\n </div>\n </PageLayout>\n );\n }\n\n if (error \|\| !webhook) {\n return (\n <PageLayout\n title={tr(\"devportal.webhook\", \"Webhook\")}\n description={tr(\"devportal.webhookDetails\", \"Webhook details\")}\n backLink={backAppId ? `/apps/${backAppId}/webhooks` : \"/webhooks\"}\n backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n >\n <EmptyState\n icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n title={tr(\"devportal.unableToLoadWebhook\", \"Unable to load webhook\")}\n description={\n error\n ? getErrorMessage(error)\n : tr(\"devportal.webhookNotFound\", \"Webhook not found\")\n }\n />\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title={webhook.name}\n description={\n webhook.description \|\| \"Webhook configuration and delivery history\"\n }\n purpose={tr(\n \"devportal.webhookDetailPurpose\",\n \"This endpoint receives the events you subscribed to, signed with your secret. Check the delivery history to confirm your server is responding with 2xx, send a test event, and pause it if your endpoint is down so deliveries are not lost to repeated failures.\",\n )}\n backLink={`/apps/${backAppId}/webhooks`}\n backLabel={tr(\"devportal.backToWebhooks\", \"Back to Webhooks\")}\n actions={\n <CTAOverflowMenu\n primary={{\n label: tr(\"devportal.test\", \"Test\"),\n icon: <Send size={16} />,\n onSelect: () => {\n setTestMessage(null);\n setShowTestDialog(true);\n },\n }}\n actions={[\n {\n label: webhook.isActive\n ? tr(\"devportal.pauseWebhook\", \"Pause\")\n : tr(\"devportal.resumeWebhook\", \"Resume\"),\n icon: webhook.isActive ? <Pause size={16} /> : <Play size={16} />,\n disabled: updateLoading \|\| !canUpdate,\n onSelect: () => void handleToggleActive(),\n },\n {\n label: tr(\"devportal.deleteWebhook\", \"Delete\"),\n icon: <Trash2 size={16} />,\n intent: \"destructive\",\n disabled: !canDelete,\n onSelect: () => setShowDeleteDialog(true),\n },\n ]}\n />\n }\n >\n <EmphasisPanel>\n <StatCardGrid columns={4}>\n <StatCard\n title={tr(\"devportal.successRate\", \"Success Rate\")}\n value={`${successRate}%`}\n icon={<CheckCircle size={20} />}\n />\n <StatCard\n title={tr(\n \"devportal.successfulDeliveries\",\n \"Successful Deliveries\",\n )}\n value={(webhook.successCount ?? 0).toLocaleString()}\n icon={<CheckCircle size={20} />}\n />\n <StatCard\n title={tr(\"devportal.failedDeliveries\", \"Failed Deliveries\")}\n value={(webhook.failureCount ?? 0).toLocaleString()}\n icon={<XCircle size={20} />}\n />\n <StatCard\n title={tr(\"devportal.lastTriggered\", \"Last Triggered\")}\n value={\n webhook.lastTriggeredAt\n ? format(new Date(webhook.lastTriggeredAt), \"MMM d, HH:mm\")\n : tr(\"devportal.never\", \"Never\")\n }\n icon={<Clock size={20} />}\n />\n </StatCardGrid>\n </EmphasisPanel>\n\n {/* Guided next steps (dismissable) /}\n <NextSteps\n storageKey={`devportal-webhook-${webhook.id}`}\n steps={[\n {\n id: \"test\",\n label: tr(\"devportal.sendTestEvent\", \"Send a test event\"),\n description: tr(\n \"devportal.webhookStepTest\",\n \"Confirm your endpoint receives and verifies the payload\",\n ),\n icon: <Send size={16} />,\n onClick: () => {\n setTestMessage(null);\n setShowTestDialog(true);\n },\n },\n {\n id: \"toggle\",\n label: webhook.isActive\n ? tr(\"devportal.pauseWebhook\", \"Pause deliveries\")\n : tr(\"devportal.resumeWebhook\", \"Resume deliveries\"),\n description: tr(\n \"devportal.webhookStepToggle\",\n \"Pause while your endpoint is down to avoid lost retries\",\n ),\n icon: webhook.isActive ? <Pause size={16} /> : <Play size={16} />,\n onClick: () => void handleToggleActive(),\n },\n ]}\n />\n\n <PageSection title={tr(\"devportal.configuration\", \"Configuration\")}>\n <DetailList\n items={[\n {\n label: tr(\"devportal.status\", \"Status\"),\n value: <StatusBadge status={webhook.status} type=\"webhook\" />,\n },\n {\n label: tr(\"devportal.endpointUrl\", \"Endpoint URL\"),\n value: (\n <span className=\"flex flex-wrap items-center gap-2 font-mono text-sm\">\n <span className=\"break-all\">{webhook.url}</span>\n <a\n href={webhook.url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"text-primary\"\n >\n <ExternalLink size={14} />\n </a>\n </span>\n ),\n },\n {\n label: tr(\"devportal.signingSecret\", \"Signing Secret\"),\n value: (\n <SecretDisplay value={webhook.secret \|\| \"*****\"} label=\"\" />\n ),\n },\n {\n label: tr(\"devportal.subscribedEvents\", \"Subscribed Events\"),\n value: (\n <div className=\"flex flex-wrap gap-1\">\n {webhook.events.map((eventName: string) => (\n <code\n key={eventName}\n className=\"rounded bg-bg-sunken px-1.5 py-0.5 text-xs\"\n >\n {eventName}\n </code>\n ))}\n </div>\n ),\n },\n {\n label: tr(\"devportal.retryPolicy\", \"Retry Policy\"),\n value: webhook.retryEnabled\n ? tr(\n \"devportal.retryPolicyEnabled\",\n `Up to ${webhook.maxRetries ?? 0} retries`,\n )\n : tr(\"devportal.retriesDisabled\", \"Retries disabled\"),\n },\n {\n label: tr(\"devportal.created\", \"Created\"),\n value: formatTimestamp(webhook.createdAt),\n },\n {\n label: tr(\"devportal.updated\", \"Updated\"),\n value: formatTimestamp(webhook.updatedAt),\n },\n ]}\n />\n </PageSection>\n\n <PageSection\n title={tr(\"devportal.recentDeliveries\", \"Recent Deliveries\")}\n >\n {deliveries.length > 0 ? (\n <DataTable\n data={deliveries}\n keyField=\"id\"\n columns={[\n {\n key: \"status\",\n header: tr(\"devportal.status\", \"Status\"),\n render: (delivery) => (\n <div className=\"flex items-center gap-2\">\n <StatusBadge status={delivery.status} type=\"delivery\" />\n </div>\n ),\n },\n {\n key: \"eventType\",\n header: tr(\"devportal.event\", \"Event\"),\n render: (delivery) => (\n <code className=\"text-xs\">{delivery.eventType}</code>\n ),\n },\n {\n key: \"responseStatus\",\n header: tr(\"devportal.response\", \"Response\"),\n render: (delivery) => delivery.responseStatus ?? \"-\",\n },\n {\n key: \"attemptNumber\",\n header: tr(\"devportal.attempts\", \"Attempts\"),\n render: (delivery) => delivery.attemptNumber,\n },\n {\n key: \"createdAt\",\n header: tr(\"devportal.created\", \"Created\"),\n render: (delivery) => formatTimestamp(delivery.createdAt),\n },\n ]}\n />\n ) : (\n <EmptyState\n illustration=\"empty-notifications\"\n icon={<Webhook size={24} />}\n title={tr(\"devportal.noDeliveriesYet\", \"No deliveries yet\")}\n description={tr(\n \"devportal.noDeliveriesYetDescription\",\n \"Deliveries will appear here after the first matching event is sent to this endpoint.\",\n )}\n />\n )}\n </PageSection>\n\n <ConfirmDialog\n open={showDeleteDialog}\n onOpenChange={setShowDeleteDialog}\n onConfirm={() => void handleDelete()}\n loading={deleteLoading}\n title={tr(\"devportal.deleteWebhookTitle\", \"Delete webhook\")}\n description={tr(\n \"devportal.deleteWebhookDescription\",\n \"Deleting this webhook stops all future deliveries for this endpoint.\",\n )}\n confirmLabel={tr(\"devportal.deleteWebhookConfirm\", \"Delete webhook\")}\n variant=\"danger\"\n />\n\n <ConfirmDialog\n open={showTestDialog}\n onOpenChange={(open) => {\n setShowTestDialog(open);\n if (!open) {\n setTestMessage(null);\n }\n }}\n onConfirm={() => void handleTest()}\n loading={testLoading}\n title={tr(\"devportal.sendTestDelivery\", \"Send test delivery\")}\n description={tr(\n \"devportal.sendTestDeliveryDescription\",\n \"A signed test event will be sent to the configured endpoint through the public gateway.\",\n )}\n confirmLabel={tr(\"devportal.sendTestEvent\", \"Send test event\")}\n >\n {testMessage && (\n <Alert variant={testSuccess ? \"success\" : \"error\"}>\n {testMessage}\n </Alert>\n )}\n </ConfirmDialog>\n </PageLayout>\n );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/WebhooksPage.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { FC } from 'react';
 /**
  * Webhooks listing page
  *
@@ -7,4 +6,3 @@ import { FC } from 'react';
  * Uses GraphQL to fetch real data from the DevPortal backend.
  */
 export declare const WebhooksPage: FC;
-//# sourceMappingURL=WebhooksPage.d.ts.map