@burdenoff/microfe-devportal 2026.1108.1 → 2026.1109.1

package/dist/devportal/pages/WebhooksPage.js

@@ -1,25 +1,25 @@
-import { useDevportal as e } from "../providers/DevportalProvider.js";
-import { cn as t } from "../utils/cn.js";
-import { EmptyState as n } from "../components/EmptyState.js";
+import { PageLayout as e } from "../components/PageLayout.js";
+import { DataTable as t } from "../components/DataTable.js";
+import { StatusBadge as n } from "../components/StatusBadge.js";
 import { useGetApplicationQuery as r, useGetApplicationsQuery as i, useGetWebhooksQuery as a } from "../../generated/global-operations.js";
 import { getErrorMessage as o } from "../hooks/useGraphQL.js";
-import { PageLayout as s } from "../components/PageLayout.js";
-import { StatusBadge as c } from "../components/StatusBadge.js";
-import { AppListItem as l } from "../components/AppCard.js";
-import { DataTable as u } from "../components/DataTable.js";
-import { PermissionGuard as d } from "../components/PermissionGuard.js";
+import { EmptyState as s } from "../components/EmptyState.js";
+import { AppListItem as c } from "../components/AppCard.js";
 import "../components/index.js";
+import { useDevportal as l } from "../providers/DevportalProvider.js";
+import { PermissionGuard as u } from "../components/PermissionGuard.js";
+import { DEVPORTAL_PERMISSIONS as d } from "../constants/permissions.js";
 import { useDevportalPermission as ee } from "../hooks/usePermission.js";
+import { cn as f } from "../utils/cn.js";
 import "../hooks/index.js";
-import { DEVPORTAL_PERMISSIONS as te } from "../constants/permissions.js";
-import { useEffect as f, useState as p } from "react";
-import { AlertCircle as m, AlertTriangle as h, AppWindow as g, CheckCircle as _, Loader2 as v, PauseCircle as y, Plus as b, Search as x, Webhook as S, XCircle as C } from "lucide-react";
-import { useParams as ne } from "react-router";
+import { useEffect as te, useState as p } from "react";
+import { AlertCircle as m, AlertTriangle as h, AppWindow as ne, CheckCircle as g, Loader2 as _, PauseCircle as v, Plus as y, Search as b, Webhook as x, XCircle as S } from "lucide-react";
+import { useParams as C } from "react-router";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { useI18n as E } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { EmphasisPanel as D, GlassCard as O } from "@burdenoff/fe-libs/ui";
-//#region src/devportal/pages/WebhooksPage.tsx
-function k(e) {
+import { useI18n as re } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { EmphasisPanel as E, GlassCard as D } from "@burdenoff/fe-libs/ui";
+// src/devportal/pages/WebhooksPage.tsx
+function O(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -43,45 +43,45 @@ function k(e) {
 		updatedAt: e.updatedAt
 	};
 }
-var A = () => {
-	let { appId: A } = ne(), { navigate: re, basePath: ie, activeOrgId: M } = e(), { t: N } = E(), P = (e, t) => {
-		let n = N(e);
+var k = () => {
+	let { appId: k } = C(), { navigate: j, basePath: ie, activeOrgId: M } = l(), { t: ae } = re(), N = (e, t) => {
+		let n = ae(e);
 		return n === e ? t : n;
-	}, F = ee(te.WEBHOOK_CREATE), [I, L] = p(""), [R, z] = p(""), { data: B } = r({
-		variables: { id: A ?? "" },
-		skip: !A,
+	}, P = ee(d.WEBHOOK_CREATE), [F, I] = p(""), [L, R] = p(""), { data: z } = r({
+		variables: { id: k ?? "" },
+		skip: !k,
 		fetchPolicy: "cache-first"
 	});
-	f(() => {
-		let e = B?.application?.name;
-		if (!A || !e) return;
+	te(() => {
+		let e = z?.application?.name;
+		if (!k || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(A, e), () => t?.unregister(A);
-	}, [A, B?.application?.name]);
-	let { data: V, loading: H, error: U, refetch: W } = i({
+		return t?.register(k, e), () => t?.unregister(k);
+	}, [k, z?.application?.name]);
+	let { data: B, loading: V, error: H, refetch: U } = i({
 		variables: { limit: 100 },
-		skip: !!A,
+		skip: !!k,
 		fetchPolicy: "cache-and-network"
-	}), { data: G, loading: K, error: q, refetch: J } = a({
-		variables: { applicationId: A || "" },
-		skip: !A,
+	}), { data: W, loading: G, error: K, refetch: q } = a({
+		variables: { applicationId: k || "" },
+		skip: !k,
 		fetchPolicy: "cache-and-network"
-	}), Y = G?.webhooks?.map(k) ?? [], X = V?.applications?.edges?.map((e) => e.node) ?? [], ae = M ? X.filter((e) => e.developerOrganizationId === M) : X, Z = (e) => {
-		re?.(`${ie}${e}`);
-	}, Q = Y.filter((e) => {
-		let t = !I || e.name.toLowerCase().includes(I.toLowerCase()) || e.url.toLowerCase().includes(I.toLowerCase()), n = !R || e.status === R;
+	}), J = W?.webhooks?.map(O) ?? [], Y = B?.applications?.edges?.map((e) => e.node) ?? [], X = M ? Y.filter((e) => e.developerOrganizationId === M) : Y, Z = (e) => {
+		j?.(`${ie}${e}`);
+	}, Q = J.filter((e) => {
+		let t = !F || e.name.toLowerCase().includes(F.toLowerCase()) || e.url.toLowerCase().includes(F.toLowerCase()), n = !L || e.status === L;
 		return t && n;
 	}), oe = (e) => {
 		switch (e) {
-			case "ACTIVE": return /* @__PURE__ */ w(_, {
+			case "ACTIVE": return /* @__PURE__ */ w(g, {
 				size: 16,
 				className: "text-status-success-text"
 			});
-			case "PAUSED": return /* @__PURE__ */ w(y, {
+			case "PAUSED": return /* @__PURE__ */ w(v, {
 				size: 16,
 				className: "text-status-warning-text"
 			});
-			case "FAILED": return /* @__PURE__ */ w(C, {
+			case "FAILED": return /* @__PURE__ */ w(S, {
 				size: 16,
 				className: "text-status-error-text"
 			});
@@ -95,45 +95,45 @@ var A = () => {
 		let t = e.successCount + e.failureCount;
 		return t === 0 ? 100 : Math.round(e.successCount / t * 100);
 	};
-	if (!A) {
-		let e = ae.filter((e) => {
-			if (!I) return !0;
-			let t = I.toLowerCase();
+	if (!k) {
+		let t = X.filter((e) => {
+			if (!F) return !0;
+			let t = F.toLowerCase();
 			return e.name.toLowerCase().includes(t) || (e.slug ?? "").toLowerCase().includes(t);
 		});
-		return /* @__PURE__ */ w(d, {
+		return /* @__PURE__ */ w(u, {
 			authOnly: !0,
-			children: /* @__PURE__ */ w(s, {
-				title: P("devportal.webhooks", "Webhooks"),
-				description: P("devportal.manageWebhooksApps", "Manage webhooks for your applications"),
-				purpose: P("devportal.webhooksPickerPurpose", "Webhooks push real-time events (installs, payments, app updates) to a URL you host, so your backend can react without polling. Pick an application to view, add, or test the webhook endpoints it delivers to."),
+			children: /* @__PURE__ */ w(e, {
+				title: N("devportal.webhooks", "Webhooks"),
+				description: N("devportal.manageWebhooksApps", "Manage webhooks for your applications"),
+				purpose: N("devportal.webhooksPickerPurpose", "Webhooks push real-time events (installs, payments, app updates) to a URL you host, so your backend can react without polling. Pick an application to view, add, or test the webhook endpoints it delivers to."),
 				children: /* @__PURE__ */ T("div", {
 					className: "space-y-4",
 					children: [
 						/* @__PURE__ */ w("p", {
 							className: "text-sm text-text-secondary",
-							children: P("devportal.webhooksSelectAppHint", "Select an application below to view and manage its webhooks.")
+							children: N("devportal.webhooksSelectAppHint", "Select an application below to view and manage its webhooks.")
 						}),
 						/* @__PURE__ */ w("div", {
 							className: "max-w-md",
 							children: /* @__PURE__ */ T("div", {
 								className: "relative",
-								children: [/* @__PURE__ */ w(x, {
+								children: [/* @__PURE__ */ w(b, {
 									size: 16,
 									className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
 								}), /* @__PURE__ */ w("input", {
 									type: "text",
 									placeholder: "Search applications...",
-									value: I,
-									onChange: (e) => L(e.target.value),
+									value: F,
+									onChange: (e) => I(e.target.value),
 									className: "w-full rounded-md border bg-bg-surface pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 								})]
 							})
 						}),
-						H ? /* @__PURE__ */ w("div", {
+						V ? /* @__PURE__ */ w("div", {
 							className: "flex items-center justify-center py-12 text-text-secondary",
-							children: /* @__PURE__ */ w(v, { className: "h-8 w-8 animate-spin" })
-						}) : U ? /* @__PURE__ */ T("div", {
+							children: /* @__PURE__ */ w(_, { className: "h-8 w-8 animate-spin" })
+						}) : H ? /* @__PURE__ */ T("div", {
 							className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center",
 							children: [
 								/* @__PURE__ */ w(m, { className: "mx-auto h-8 w-8 text-status-error-text" }),
@@ -143,29 +143,29 @@ var A = () => {
 								}),
 								/* @__PURE__ */ w("p", {
 									className: "mt-1 text-sm text-text-secondary",
-									children: o(U)
+									children: o(H)
 								}),
 								/* @__PURE__ */ w("button", {
-									onClick: () => W(),
+									onClick: () => U(),
 									className: "mt-4 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
 									children: "Try Again"
 								})
 							]
-						}) : e.length > 0 ? /* @__PURE__ */ w("div", {
+						}) : t.length > 0 ? /* @__PURE__ */ w("div", {
 							className: "space-y-2",
-							children: e.map((e) => /* @__PURE__ */ w(l, {
+							children: t.map((e) => /* @__PURE__ */ w(c, {
 								app: e,
 								onClick: () => Z(`/apps/${e.id}/webhooks`)
 							}, e.id))
-						}) : /* @__PURE__ */ w(n, {
-							illustration: I ? "empty-search" : "empty-data",
-							icon: /* @__PURE__ */ w(g, { size: 32 }),
+						}) : /* @__PURE__ */ w(s, {
+							illustration: F ? "empty-search" : "empty-data",
+							icon: /* @__PURE__ */ w(ne, { size: 32 }),
 							title: "No applications available",
-							description: I ? "No applications matched your search." : "Create an application before configuring webhooks.",
+							description: F ? "No applications matched your search." : "Create an application before configuring webhooks.",
 							action: /* @__PURE__ */ T("button", {
 								onClick: () => Z("/apps/new"),
 								className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-								children: [/* @__PURE__ */ w(b, { size: 16 }), "Create Application"]
+								children: [/* @__PURE__ */ w(y, { size: 16 }), "Create Application"]
 							})
 						})
 					]
@@ -173,40 +173,40 @@ var A = () => {
 			})
 		});
 	}
-	if (K && !G) return /* @__PURE__ */ w(s, {
-		title: P("devportal.webhooks", "Webhooks"),
-		description: P("devportal.manageWebhooksApp", "Manage webhooks for this application"),
-		backLink: `/apps/${A}`,
-		backLabel: P("devportal.backToApplication", "Back to Application"),
+	if (G && !W) return /* @__PURE__ */ w(e, {
+		title: N("devportal.webhooks", "Webhooks"),
+		description: N("devportal.manageWebhooksApp", "Manage webhooks for this application"),
+		backLink: `/apps/${k}`,
+		backLabel: N("devportal.backToApplication", "Back to Application"),
 		children: /* @__PURE__ */ T("div", {
 			className: "flex items-center justify-center py-12",
-			children: [/* @__PURE__ */ w(v, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ w("span", {
+			children: [/* @__PURE__ */ w(_, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ w("span", {
 				className: "ml-2 text-text-secondary",
-				children: P("devportal.loadingWebhooks", "Loading webhooks...")
+				children: N("devportal.loadingWebhooks", "Loading webhooks...")
 			})]
 		})
 	});
-	if (q) return /* @__PURE__ */ w(s, {
-		title: P("devportal.webhooks", "Webhooks"),
-		description: P("devportal.manageWebhooksApp", "Manage webhooks for this application"),
-		backLink: `/apps/${A}`,
-		backLabel: P("devportal.backToApplication", "Back to Application"),
+	if (K) return /* @__PURE__ */ w(e, {
+		title: N("devportal.webhooks", "Webhooks"),
+		description: N("devportal.manageWebhooksApp", "Manage webhooks for this application"),
+		backLink: `/apps/${k}`,
+		backLabel: N("devportal.backToApplication", "Back to Application"),
 		children: /* @__PURE__ */ T("div", {
 			className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center",
 			children: [
 				/* @__PURE__ */ w(m, { className: "mx-auto h-8 w-8 text-status-error-text" }),
 				/* @__PURE__ */ w("h3", {
 					className: "mt-2 font-medium text-status-error-text",
-					children: P("devportal.failedToLoadWebhooks", "Failed to load webhooks")
+					children: N("devportal.failedToLoadWebhooks", "Failed to load webhooks")
 				}),
 				/* @__PURE__ */ w("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: o(q)
+					children: o(K)
 				}),
 				/* @__PURE__ */ w("button", {
-					onClick: () => J(),
+					onClick: () => q(),
 					className: "mt-4 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-					children: P("devportal.tryAgain", "Try Again")
+					children: N("devportal.tryAgain", "Try Again")
 				})
 			]
 		})
@@ -218,8 +218,8 @@ var A = () => {
 			render: (e) => /* @__PURE__ */ T("div", {
 				className: "flex items-center gap-3",
 				children: [/* @__PURE__ */ w("div", {
-					className: t("flex h-10 w-10 items-center justify-center rounded-lg", e.status === "ACTIVE" ? "bg-status-success-bg-subtle text-status-success-text" : e.status === "FAILED" ? "bg-status-error-bg-subtle text-status-error-text" : e.status === "PAUSED" ? "bg-status-warning-bg-subtle text-status-warning-text" : "bg-bg-sunken text-text-tertiary"),
-					children: /* @__PURE__ */ w(S, { size: 20 })
+					className: f("flex h-10 w-10 items-center justify-center rounded-lg", e.status === "ACTIVE" ? "bg-status-success-bg-subtle text-status-success-text" : e.status === "FAILED" ? "bg-status-error-bg-subtle text-status-error-text" : e.status === "PAUSED" ? "bg-status-warning-bg-subtle text-status-warning-text" : "bg-bg-sunken text-text-tertiary"),
+					children: /* @__PURE__ */ w(x, { size: 20 })
 				}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 					className: "font-medium",
 					children: e.name
@@ -252,7 +252,7 @@ var A = () => {
 			header: "Status",
 			render: (e) => /* @__PURE__ */ T("div", {
 				className: "flex items-center gap-2",
-				children: [oe(e.status), /* @__PURE__ */ w(c, {
+				children: [oe(e.status), /* @__PURE__ */ w(n, {
 					status: e.status,
 					type: "webhook"
 				})]
@@ -262,20 +262,20 @@ var A = () => {
 			key: "successRate",
 			header: "Success Rate",
 			render: (e) => {
-				let n = se(e);
+				let t = se(e);
 				return /* @__PURE__ */ T("div", {
 					className: "w-24",
 					children: [/* @__PURE__ */ w("div", {
 						className: "flex items-center justify-between text-xs mb-1",
 						children: /* @__PURE__ */ T("span", {
-							className: t(n >= 95 ? "text-status-success-text" : n >= 80 ? "text-status-warning-text" : "text-status-error-text"),
-							children: [n, "%"]
+							className: f(t >= 95 ? "text-status-success-text" : t >= 80 ? "text-status-warning-text" : "text-status-error-text"),
+							children: [t, "%"]
 						})
 					}), /* @__PURE__ */ w("div", {
 						className: "h-1.5 rounded-full bg-bg-sunken",
 						children: /* @__PURE__ */ w("div", {
-							className: t("h-full rounded-full transition-all", n >= 95 ? "bg-status-success-bg-subtle" : n >= 80 ? "bg-status-warning-bg-subtle" : "bg-status-error-bg-subtle"),
-							style: { width: `${n}%` }
+							className: f("h-full rounded-full transition-all", t >= 95 ? "bg-status-success-bg-subtle" : t >= 80 ? "bg-status-warning-bg-subtle" : "bg-status-error-bg-subtle"),
+							style: { width: `${t}%` }
 						})
 					})]
 				});
@@ -307,33 +307,33 @@ var A = () => {
 			header: "Last Triggered",
 			render: (e) => /* @__PURE__ */ w("span", {
 				className: "text-sm text-text-secondary",
-				children: e.lastTriggeredAt ? j(e.lastTriggeredAt) : "Never"
+				children: e.lastTriggeredAt ? A(e.lastTriggeredAt) : "Never"
 			})
 		}
 	], $ = {
-		total: Y.length,
-		active: Y.filter((e) => e.status === "ACTIVE").length,
-		failed: Y.filter((e) => e.status === "FAILED").length,
-		paused: Y.filter((e) => e.status === "PAUSED").length
+		total: J.length,
+		active: J.filter((e) => e.status === "ACTIVE").length,
+		failed: J.filter((e) => e.status === "FAILED").length,
+		paused: J.filter((e) => e.status === "PAUSED").length
 	};
-	return /* @__PURE__ */ w(d, {
+	return /* @__PURE__ */ w(u, {
 		authOnly: !0,
-		children: /* @__PURE__ */ T(s, {
-			title: P("devportal.webhooks", "Webhooks"),
-			description: P("devportal.manageWebhooksApp", "Manage webhooks for this application"),
-			purpose: P("devportal.webhooksAppPurpose", "These webhooks deliver this application's events to your endpoints. Add a URL, choose which events to subscribe to, and send a test delivery to confirm your server receives and verifies the signed payload."),
-			backLink: `/apps/${A}`,
-			backLabel: P("devportal.backToApplication", "Back to Application"),
+		children: /* @__PURE__ */ T(e, {
+			title: N("devportal.webhooks", "Webhooks"),
+			description: N("devportal.manageWebhooksApp", "Manage webhooks for this application"),
+			purpose: N("devportal.webhooksAppPurpose", "These webhooks deliver this application's events to your endpoints. Add a URL, choose which events to subscribe to, and send a test delivery to confirm your server receives and verifies the signed payload."),
+			backLink: `/apps/${k}`,
+			backLabel: N("devportal.backToApplication", "Back to Application"),
 			actions: /* @__PURE__ */ T("button", {
-				onClick: () => Z(`/apps/${A}/webhooks/new`),
-				disabled: !F.allowed,
-				"aria-disabled": !F.allowed,
-				title: F.allowed ? void 0 : P("devportal.common.noPermission", "You do not have permission to perform this action"),
+				onClick: () => Z(`/apps/${k}/webhooks/new`),
+				disabled: !P.allowed,
+				"aria-disabled": !P.allowed,
+				title: P.allowed ? void 0 : N("devportal.common.noPermission", "You do not have permission to perform this action"),
 				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-				children: [/* @__PURE__ */ w(b, {
+				children: [/* @__PURE__ */ w(y, {
 					size: 16,
 					"aria-hidden": "true"
-				}), P("devportal.createWebhook", "Create Webhook")]
+				}), N("devportal.createWebhook", "Create Webhook")]
 			}),
 			children: [
 				/* @__PURE__ */ w("div", {
@@ -342,19 +342,19 @@ var A = () => {
 						className: "flex flex-1 items-center gap-4",
 						children: [/* @__PURE__ */ T("div", {
 							className: "relative flex-1 max-w-md",
-							children: [/* @__PURE__ */ w(x, {
+							children: [/* @__PURE__ */ w(b, {
 								size: 16,
 								className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
 							}), /* @__PURE__ */ w("input", {
 								type: "text",
 								placeholder: "Search by name or URL...",
-								value: I,
-								onChange: (e) => L(e.target.value),
+								value: F,
+								onChange: (e) => I(e.target.value),
 								className: "w-full rounded-md border bg-bg-surface pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 							})]
 						}), /* @__PURE__ */ T("select", {
-							value: R,
-							onChange: (e) => z(e.target.value),
+							value: L,
+							onChange: (e) => R(e.target.value),
 							className: "rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
 							children: [
 								/* @__PURE__ */ w("option", {
@@ -381,15 +381,15 @@ var A = () => {
 						})]
 					})
 				}),
-				/* @__PURE__ */ w(D, { children: /* @__PURE__ */ T("div", {
+				/* @__PURE__ */ w(E, { children: /* @__PURE__ */ T("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
 					children: [
-						/* @__PURE__ */ T(O, {
+						/* @__PURE__ */ T(D, {
 							treatment: "metric",
 							className: "p-4",
 							children: [/* @__PURE__ */ T("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ w(S, { size: 16 }), /* @__PURE__ */ w("span", {
+								children: [/* @__PURE__ */ w(x, { size: 16 }), /* @__PURE__ */ w("span", {
 									className: "text-sm",
 									children: "Total Webhooks"
 								})]
@@ -398,12 +398,12 @@ var A = () => {
 								children: $.total
 							})]
 						}),
-						/* @__PURE__ */ T(O, {
+						/* @__PURE__ */ T(D, {
 							treatment: "metric",
 							className: "p-4",
 							children: [/* @__PURE__ */ T("div", {
 								className: "flex items-center gap-2 text-status-success-text",
-								children: [/* @__PURE__ */ w(_, { size: 16 }), /* @__PURE__ */ w("span", {
+								children: [/* @__PURE__ */ w(g, { size: 16 }), /* @__PURE__ */ w("span", {
 									className: "text-sm",
 									children: "Active"
 								})]
@@ -412,12 +412,12 @@ var A = () => {
 								children: $.active
 							})]
 						}),
-						/* @__PURE__ */ T(O, {
+						/* @__PURE__ */ T(D, {
 							treatment: "metric",
 							className: "p-4",
 							children: [/* @__PURE__ */ T("div", {
 								className: "flex items-center gap-2 text-status-warning-text",
-								children: [/* @__PURE__ */ w(y, { size: 16 }), /* @__PURE__ */ w("span", {
+								children: [/* @__PURE__ */ w(v, { size: 16 }), /* @__PURE__ */ w("span", {
 									className: "text-sm",
 									children: "Paused"
 								})]
@@ -426,12 +426,12 @@ var A = () => {
 								children: $.paused
 							})]
 						}),
-						/* @__PURE__ */ T(O, {
+						/* @__PURE__ */ T(D, {
 							treatment: "metric",
 							className: "p-4",
 							children: [/* @__PURE__ */ T("div", {
 								className: "flex items-center gap-2 text-status-error-text",
-								children: [/* @__PURE__ */ w(C, { size: 16 }), /* @__PURE__ */ w("span", {
+								children: [/* @__PURE__ */ w(S, { size: 16 }), /* @__PURE__ */ w("span", {
 									className: "text-sm",
 									children: "Failed"
 								})]
@@ -451,30 +451,29 @@ var A = () => {
 						" found"
 					]
 				}),
-				Q.length > 0 ? /* @__PURE__ */ w(u, {
+				Q.length > 0 ? /* @__PURE__ */ w(t, {
 					data: Q,
 					columns: ce,
 					keyField: "id",
-					onRowClick: (e) => Z(`/apps/${A}/webhooks/${e.id}`)
-				}) : /* @__PURE__ */ w(n, {
+					onRowClick: (e) => Z(`/apps/${k}/webhooks/${e.id}`)
+				}) : /* @__PURE__ */ w(s, {
 					illustration: "empty-notifications",
-					title: P("devportal.noWebhooksFound", "No webhooks found"),
-					description: I || R ? P("devportal.tryAdjustingFilters", "Try adjusting your filters") : P("devportal.createFirstWebhook", "Create your first webhook to receive real-time event notifications"),
-					action: !I && !R ? /* @__PURE__ */ T("button", {
-						onClick: () => Z(`/apps/${A}/webhooks/new`),
+					title: N("devportal.noWebhooksFound", "No webhooks found"),
+					description: F || L ? N("devportal.tryAdjustingFilters", "Try adjusting your filters") : N("devportal.createFirstWebhook", "Create your first webhook to receive real-time event notifications"),
+					action: !F && !L ? /* @__PURE__ */ T("button", {
+						onClick: () => Z(`/apps/${k}/webhooks/new`),
 						className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-						children: [/* @__PURE__ */ w(b, { size: 16 }), P("devportal.createWebhook", "Create Webhook")]
+						children: [/* @__PURE__ */ w(y, { size: 16 }), N("devportal.createWebhook", "Create Webhook")]
 					}) : void 0
 				})
 			]
 		})
 	});
 };
-function j(e) {
+function A(e) {
 	let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4), i = Math.floor(r / 60), a = Math.floor(i / 24);
 	return r < 1 ? "Just now" : r < 60 ? `${r}m ago` : i < 24 ? `${i}h ago` : a < 7 ? `${a}d ago` : t.toLocaleDateString();
 }
-//#endregion
-export { A as WebhooksPage };
+export { k as WebhooksPage };
 
 //# sourceMappingURL=WebhooksPage.js.map