@burdenoff/microfe-billing 2026.625.4 → 2026.626.1

package/dist/billing/modules/billing/pages/RefundsPage.js

@@ -1,369 +1,368 @@
 import { AccessDenied as e } from "../../../shared/components/AccessDenied.js";
 import { PageHeader as t } from "../../../shared/components/PageHeader.js";
-import { EmptyState as n } from "../../../shared/components/EmptyState.js";
-import { statusTokens as r } from "../../../shared/utils/tokens.js";
-import { ServerError as i } from "../../../shared/components/ServerError.js";
+import { statusTokens as n } from "../../../shared/utils/tokens.js";
+import { ServerError as r } from "../../../shared/components/ServerError.js";
 import "../../../shared/components/index.js";
-import { formatCurrency as a, formatDateTime as o } from "../../../shared/utils/format.js";
-import { isServerError as s } from "../../../shared/utils/error.js";
+import { formatCurrency as i, formatDateTime as a } from "../../../shared/utils/format.js";
+import { isServerError as o } from "../../../shared/utils/error.js";
 import "../../../shared/utils/index.js";
-import { useBillingPermissions as c } from "../../../hooks/useBillingPermissions.js";
-import { GetTransactionDocument as l } from "../../../../generated/global-operations.js";
-import { useRefunds as u } from "../hooks/useRefunds.js";
+import { useBillingPermissions as s } from "../../../hooks/useBillingPermissions.js";
+import { GetTransactionDocument as c } from "../../../../generated/global-operations.js";
+import { useRefunds as l } from "../hooks/useRefunds.js";
 import "../hooks/index.js";
-import { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { AlertTriangle as g, Ban as _, CheckCircle as v, ChevronLeft as y, ChevronRight as b, Clock as x, Download as S, Eye as C, Filter as w, Loader2 as T, MoreHorizontal as E, Play as D, Plus as ee, RefreshCw as O, RotateCcw as k, Search as A, SkipForward as j, X as M, XCircle as N } from "lucide-react";
-import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { useI18n as te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { CTAOverflowMenu as ne, ResponsiveTable as re } from "@burdenoff/fe-libs/ui";
-import { useApolloClient as L } from "@apollo/client/react";
+import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { AlertTriangle as h, Ban as g, CheckCircle as _, ChevronLeft as v, ChevronRight as y, Clock as b, Download as x, Eye as S, Filter as C, Loader2 as w, MoreHorizontal as T, Play as E, Plus as ee, RefreshCw as te, RotateCcw as D, Search as O, SkipForward as k, X as A, XCircle as j } from "lucide-react";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { useI18n as ne } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as re, IllustratedEmptyState as ie, PagePurpose as ae, ResponsiveTable as oe } from "@burdenoff/fe-libs/ui";
+import { useApolloClient as F } from "@apollo/client/react";
 //#region src/billing/modules/billing/pages/RefundsPage.tsx
-var R = {
+var I = {
 	PENDING: {
 		label: "Pending",
 		color: "yellow",
-		icon: x
+		icon: b
 	},
 	PROCESSING: {
 		label: "Processing",
 		color: "blue",
-		icon: T
+		icon: w
 	},
 	COMPLETED: {
 		label: "Completed",
 		color: "green",
-		icon: v
+		icon: _
 	},
 	FAILED: {
 		label: "Failed",
 		color: "red",
-		icon: N
+		icon: j
 	},
 	SKIPPED: {
 		label: "Skipped",
 		color: "gray",
-		icon: _
+		icon: g
 	}
-}, z = {
+}, L = {
 	MANUAL: "Manual",
 	WEBHOOK_RECOVERY: "Webhook Recovery",
 	SUBSCRIPTION_CANCEL: "Subscription Cancel",
 	DUPLICATE_PAYMENT: "Duplicate Payment"
-}, ie = ["stripe", "razorpay"], B = (e) => {
+}, se = ["stripe", "razorpay"], R = (e) => {
 	let t = {
-		yellow: `${r.warning.bg} ${r.warning.text}`,
-		blue: `${r.info.bg} ${r.info.text}`,
-		green: `${r.success.bg} ${r.success.text}`,
-		red: `${r.error.bg} ${r.error.text}`,
-		gray: `${r.neutral.bg} ${r.neutral.text}`
+		yellow: `${n.warning.bg} ${n.warning.text}`,
+		blue: `${n.info.bg} ${n.info.text}`,
+		green: `${n.success.bg} ${n.success.text}`,
+		red: `${n.error.bg} ${n.error.text}`,
+		gray: `${n.neutral.bg} ${n.neutral.text}`
 	};
 	return t[e] || t.gray;
-}, ae = ({ record: e, onViewDetails: t, onProcess: n, onSkip: i, onRetry: a, isProcessing: o }) => {
-	let [s, c] = h(!1), l = m(null);
-	f(() => {
+}, ce = ({ record: e, onViewDetails: t, onProcess: r, onSkip: i, onRetry: a, isProcessing: o }) => {
+	let [s, c] = m(!1), l = p(null);
+	d(() => {
 		let e = (e) => {
 			l.current && !l.current.contains(e.target) && c(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []);
-	let u = e.status === "PENDING", d = e.status === "PENDING", p = e.status === "FAILED";
-	return /* @__PURE__ */ I("div", {
+	let u = e.status === "PENDING", f = e.status === "PENDING", h = e.status === "FAILED";
+	return /* @__PURE__ */ P("div", {
 		className: "relative",
 		ref: l,
-		children: [/* @__PURE__ */ F("button", {
+		children: [/* @__PURE__ */ N("button", {
 			type: "button",
 			onClick: () => c(!s),
 			disabled: o,
 			className: "p-1.5 rounded-md hover:bg-bg-sunken/50 transition-colors disabled:opacity-50",
 			"aria-label": "Refund actions",
-			children: o ? /* @__PURE__ */ F(T, { className: "size-4 animate-spin text-text-muted" }) : /* @__PURE__ */ F(E, { className: "size-4 text-text-muted" })
-		}), s && /* @__PURE__ */ I("div", {
+			children: o ? /* @__PURE__ */ N(w, { className: "size-4 animate-spin text-text-muted" }) : /* @__PURE__ */ N(T, { className: "size-4 text-text-muted" })
+		}), s && /* @__PURE__ */ P("div", {
 			className: "absolute right-0 top-full mt-1 z-50 min-w-[160px] bg-bg-elevated border border-border-subtle rounded-input shadow-[var(--shadow-elevation-3)] py-1",
 			children: [
-				/* @__PURE__ */ I("button", {
+				/* @__PURE__ */ P("button", {
 					type: "button",
 					onClick: () => {
 						t(), c(!1);
 					},
 					className: "w-full flex items-center gap-2 px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken/50 transition-colors",
-					children: [/* @__PURE__ */ F(C, { className: "size-4" }), "View Details"]
+					children: [/* @__PURE__ */ N(S, { className: "size-4" }), "View Details"]
 				}),
-				u && /* @__PURE__ */ I("button", {
+				u && /* @__PURE__ */ P("button", {
 					type: "button",
 					onClick: () => {
-						n(), c(!1);
+						r(), c(!1);
 					},
-					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${r.success.text} hover:bg-bg-sunken/50 transition-colors`,
-					children: [/* @__PURE__ */ F(D, { className: "size-4" }), "Process Refund"]
+					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${n.success.text} hover:bg-bg-sunken/50 transition-colors`,
+					children: [/* @__PURE__ */ N(E, { className: "size-4" }), "Process Refund"]
 				}),
-				d && /* @__PURE__ */ I("button", {
+				f && /* @__PURE__ */ P("button", {
 					type: "button",
 					onClick: () => {
 						i(), c(!1);
 					},
-					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${r.warning.text} hover:bg-bg-sunken/50 transition-colors`,
-					children: [/* @__PURE__ */ F(j, { className: "size-4" }), "Skip Refund"]
+					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${n.warning.text} hover:bg-bg-sunken/50 transition-colors`,
+					children: [/* @__PURE__ */ N(k, { className: "size-4" }), "Skip Refund"]
 				}),
-				p && /* @__PURE__ */ I("button", {
+				h && /* @__PURE__ */ P("button", {
 					type: "button",
 					onClick: () => {
 						a(), c(!1);
 					},
-					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${r.info.text} hover:bg-bg-sunken/50 transition-colors`,
-					children: [/* @__PURE__ */ F(k, { className: "size-4" }), "Retry Refund"]
+					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${n.info.text} hover:bg-bg-sunken/50 transition-colors`,
+					children: [/* @__PURE__ */ N(D, { className: "size-4" }), "Retry Refund"]
 				})
 			]
 		})]
 	});
-}, V = {
+}, z = {
 	provider: "stripe",
 	gatewayPaymentId: "",
 	amount: 0,
 	currency: "USD"
-}, oe = ({ isOpen: e, onClose: t, onSubmit: n, isSubmitting: r }) => {
-	let i = L(), [o, s] = h(""), [c, u] = h(null), [f, p] = h(null), [m, g] = h(!1), [_, y] = h(V), b = () => {
-		s(""), u(null), p(null), y(V);
+}, le = ({ isOpen: e, onClose: t, onSubmit: n, isSubmitting: r }) => {
+	let a = F(), [o, s] = m(""), [l, d] = m(null), [f, p] = m(null), [h, g] = m(!1), [v, y] = m(z), b = () => {
+		s(""), d(null), p(null), y(z);
 	}, x = () => {
 		b(), t();
-	}, S = d(async (e) => {
+	}, S = u(async (e) => {
 		let t = e.trim();
 		if (t) {
-			g(!0), p(null), u(null);
+			g(!0), p(null), d(null);
 			try {
-				let { data: e } = await i.query({
-					query: l,
+				let { data: e } = await a.query({
+					query: c,
 					variables: { id: t },
 					fetchPolicy: "network-only"
 				}), n = e?.getTransaction ?? null;
 				if (!n) {
-					p("Transaction not found. Check the ID and try again."), y(V);
+					p("Transaction not found. Check the ID and try again."), y(z);
 					return;
 				}
-				let r = n.metadata, a = typeof r?.total == "number" ? r.total : n.amount;
-				u({
+				let r = n.metadata, i = typeof r?.total == "number" ? r.total : n.amount;
+				d({
 					id: n.id,
 					billingAccountId: n.billingAccountId,
 					amount: n.amount,
-					totalAmount: a,
+					totalAmount: i,
 					currency: n.currency,
 					description: n.description ?? null,
 					razorpayPaymentId: n.razorpayPaymentId ?? null,
 					stripePaymentId: n.stripePaymentId ?? null,
 					metadata: n.metadata ?? null
 				});
-				let o = n.razorpayPaymentId ? "razorpay" : "stripe", s = n.razorpayPaymentId ?? n.stripePaymentId ?? "", c = r?.purchaseType ?? "", d = n.description ?? "";
+				let o = n.razorpayPaymentId ? "razorpay" : "stripe", s = n.razorpayPaymentId ?? n.stripePaymentId ?? "", l = r?.purchaseType ?? "", u = n.description ?? "";
 				y({
 					transactionId: n.id,
 					billingAccountId: n.billingAccountId,
 					provider: o,
 					gatewayPaymentId: s,
 					currency: n.currency,
-					amount: a,
-					purchaseType: c,
-					purchaseDetail: d,
+					amount: i,
+					purchaseType: l,
+					purchaseDetail: u,
 					reason: "",
 					notes: ""
 				});
 			} catch {
-				p("Failed to look up transaction. Ensure the ID is correct."), y(V);
+				p("Failed to look up transaction. Ensure the ID is correct."), y(z);
 			} finally {
 				g(!1);
 			}
 		}
-	}, [i]), C = async (e) => {
-		e.preventDefault(), await n(_), b();
+	}, [a]), C = async (e) => {
+		e.preventDefault(), await n(v), b();
 	};
 	if (!e) return null;
-	let w = c?.totalAmount ?? void 0, E = w !== void 0 && _.amount > w + .01;
-	return /* @__PURE__ */ I("div", {
+	let T = l?.totalAmount ?? void 0, E = T !== void 0 && v.amount > T + .01;
+	return /* @__PURE__ */ P("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center",
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ N("div", {
 			className: "absolute inset-0 bg-overlay-scrim",
 			onClick: x
-		}), /* @__PURE__ */ I("div", {
+		}), /* @__PURE__ */ P("div", {
 			className: "relative bg-bg-elevated border border-border-seam rounded-card shadow-[var(--shadow-elevation-4)] max-w-lg w-full mx-4 max-h-[90vh] overflow-auto",
-			children: [/* @__PURE__ */ I("div", {
+			children: [/* @__PURE__ */ P("div", {
 				className: "flex items-center justify-between p-4 border-b border-border-subtle",
-				children: [/* @__PURE__ */ F("h2", {
+				children: [/* @__PURE__ */ N("h2", {
 					className: "text-lg font-semibold",
 					children: "Create Manual Refund"
-				}), /* @__PURE__ */ F("button", {
+				}), /* @__PURE__ */ N("button", {
 					type: "button",
 					onClick: x,
 					className: "p-1 rounded-md hover:bg-bg-sunken/50 transition-colors",
-					children: /* @__PURE__ */ F(M, { className: "size-5" })
+					children: /* @__PURE__ */ N(A, { className: "size-5" })
 				})]
-			}), /* @__PURE__ */ I("form", {
+			}), /* @__PURE__ */ P("form", {
 				onSubmit: C,
 				className: "p-4 space-y-4",
 				children: [
-					/* @__PURE__ */ I("div", { children: [
-						/* @__PURE__ */ F("label", {
+					/* @__PURE__ */ P("div", { children: [
+						/* @__PURE__ */ N("label", {
 							className: "block text-sm font-medium mb-1",
 							children: "Transaction ID *"
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ P("div", {
 							className: "flex gap-2",
-							children: [/* @__PURE__ */ F("input", {
+							children: [/* @__PURE__ */ N("input", {
 								type: "text",
 								value: o,
 								onChange: (e) => {
-									s(e.target.value), u(null), p(null);
+									s(e.target.value), d(null), p(null);
 								},
 								onBlur: () => S(o),
 								className: "flex-1 px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 								placeholder: "Paste transaction UUID...",
 								required: !0
-							}), /* @__PURE__ */ F("button", {
+							}), /* @__PURE__ */ N("button", {
 								type: "button",
 								onClick: () => S(o),
-								disabled: !o.trim() || m,
+								disabled: !o.trim() || h,
 								className: "px-3 py-2 border border-border-subtle rounded-md hover:bg-bg-sunken/50 transition-colors disabled:opacity-50 flex items-center gap-1 text-sm",
-								children: m ? /* @__PURE__ */ F(T, { className: "size-4 animate-spin" }) : /* @__PURE__ */ F(A, { className: "size-4" })
+								children: h ? /* @__PURE__ */ N(w, { className: "size-4 animate-spin" }) : /* @__PURE__ */ N(O, { className: "size-4" })
 							})]
 						}),
-						f && /* @__PURE__ */ F("p", {
+						f && /* @__PURE__ */ N("p", {
 							className: "text-xs text-status-error-text mt-1",
 							children: f
 						}),
-						m && /* @__PURE__ */ F("p", {
+						h && /* @__PURE__ */ N("p", {
 							className: "text-xs text-text-muted mt-1",
 							children: "Looking up transaction…"
 						})
 					] }),
-					c && /* @__PURE__ */ I(P, { children: [
-						/* @__PURE__ */ I("div", {
+					l && /* @__PURE__ */ P(M, { children: [
+						/* @__PURE__ */ P("div", {
 							className: "p-3 bg-status-success-bg-subtle border border-border-subtle rounded-md text-sm space-y-1",
-							children: [/* @__PURE__ */ I("div", {
+							children: [/* @__PURE__ */ P("div", {
 								className: "flex items-center gap-2 text-status-success-text font-medium",
-								children: [/* @__PURE__ */ F(v, { className: "size-4" }), "Transaction found"]
-							}), /* @__PURE__ */ I("div", {
+								children: [/* @__PURE__ */ N(_, { className: "size-4" }), "Transaction found"]
+							}), /* @__PURE__ */ P("div", {
 								className: "text-text-muted grid grid-cols-2 gap-x-4 gap-y-0.5 mt-1",
 								children: [
-									/* @__PURE__ */ I("span", { children: [
+									/* @__PURE__ */ P("span", { children: [
 										"Account:",
 										" ",
-										/* @__PURE__ */ I("span", {
+										/* @__PURE__ */ P("span", {
 											className: "text-text-primary font-mono text-xs",
-											children: [c.billingAccountId.slice(0, 16), "…"]
+											children: [l.billingAccountId.slice(0, 16), "…"]
 										})
 									] }),
-									/* @__PURE__ */ I("span", { children: [
+									/* @__PURE__ */ P("span", { children: [
 										"Paid:",
 										" ",
-										/* @__PURE__ */ F("span", {
+										/* @__PURE__ */ N("span", {
 											className: "text-text-primary",
-											children: a(c.totalAmount, c.currency)
+											children: i(l.totalAmount, l.currency)
 										})
 									] }),
-									/* @__PURE__ */ I("span", { children: [
+									/* @__PURE__ */ P("span", { children: [
 										"Provider:",
 										" ",
-										/* @__PURE__ */ F("span", {
+										/* @__PURE__ */ N("span", {
 											className: "text-text-primary capitalize",
-											children: _.provider
+											children: v.provider
 										})
 									] }),
-									/* @__PURE__ */ I("span", { children: ["Currency: ", /* @__PURE__ */ F("span", {
+									/* @__PURE__ */ P("span", { children: ["Currency: ", /* @__PURE__ */ N("span", {
 										className: "text-text-primary",
-										children: c.currency
+										children: l.currency
 									})] })
 								]
 							})]
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ P("div", {
 							className: "grid grid-cols-2 gap-3",
-							children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+							children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 								className: "block text-xs font-medium text-text-muted mb-1",
 								children: "Provider"
-							}), /* @__PURE__ */ F("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "px-3 py-2 border border-border-subtle rounded-md bg-bg-sunken/30 text-sm capitalize",
-								children: _.provider
-							})] }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+								children: v.provider
+							})] }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 								className: "block text-xs font-medium text-text-muted mb-1",
 								children: "Currency"
-							}), /* @__PURE__ */ F("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "px-3 py-2 border border-border-subtle rounded-md bg-bg-sunken/30 text-sm",
-								children: _.currency
+								children: v.currency
 							})] })]
 						}),
-						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+						/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 							className: "block text-xs font-medium text-text-muted mb-1",
 							children: "Gateway Payment ID"
-						}), /* @__PURE__ */ F("div", {
+						}), /* @__PURE__ */ N("div", {
 							className: "px-3 py-2 border border-border-subtle rounded-md bg-bg-sunken/30 text-sm font-mono truncate",
-							children: _.gatewayPaymentId
+							children: v.gatewayPaymentId
 						})] }),
-						_.purchaseType && /* @__PURE__ */ I("div", {
+						v.purchaseType && /* @__PURE__ */ P("div", {
 							className: "grid grid-cols-2 gap-3",
-							children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+							children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 								className: "block text-xs font-medium text-text-muted mb-1",
 								children: "Purchase Type"
-							}), /* @__PURE__ */ F("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "px-3 py-2 border border-border-subtle rounded-md bg-bg-sunken/30 text-sm",
-								children: _.purchaseType
-							})] }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+								children: v.purchaseType
+							})] }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 								className: "block text-xs font-medium text-text-muted mb-1",
 								children: "Purchase Detail"
-							}), /* @__PURE__ */ F("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "px-3 py-2 border border-border-subtle rounded-md bg-bg-sunken/30 text-sm truncate",
-								children: _.purchaseDetail || "—"
+								children: v.purchaseDetail || "—"
 							})] })]
 						}),
-						/* @__PURE__ */ I("div", { children: [
-							/* @__PURE__ */ I("label", {
+						/* @__PURE__ */ P("div", { children: [
+							/* @__PURE__ */ P("label", {
 								className: "block text-sm font-medium mb-1",
-								children: ["Refund Amount *", /* @__PURE__ */ I("span", {
+								children: ["Refund Amount *", /* @__PURE__ */ P("span", {
 									className: "text-xs text-text-muted ml-1",
 									children: [
 										"(max ",
-										a(w, _.currency),
+										i(T, v.currency),
 										")"
 									]
 								})]
 							}),
-							/* @__PURE__ */ F("input", {
+							/* @__PURE__ */ N("input", {
 								type: "number",
 								step: "0.01",
 								min: "0.01",
-								max: w,
-								value: _.amount,
+								max: T,
+								value: v.amount,
 								onChange: (e) => y({
-									..._,
+									...v,
 									amount: parseFloat(e.target.value) || 0
 								}),
 								className: `w-full px-3 py-2 border rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] ${E ? "border-status-error-text" : "border-border-subtle"}`,
 								required: !0
 							}),
-							E && /* @__PURE__ */ I("p", {
+							E && /* @__PURE__ */ P("p", {
 								className: "text-xs text-status-error-text mt-1",
 								children: [
 									"Amount cannot exceed the original payment of",
 									" ",
-									a(w, _.currency)
+									i(T, v.currency)
 								]
 							})
 						] }),
-						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+						/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 							className: "block text-sm font-medium mb-1",
 							children: "Reason"
-						}), /* @__PURE__ */ F("input", {
+						}), /* @__PURE__ */ N("input", {
 							type: "text",
-							value: _.reason || "",
+							value: v.reason || "",
 							onChange: (e) => y({
-								..._,
+								...v,
 								reason: e.target.value
 							}),
 							className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							placeholder: "Reason for refund"
 						})] }),
-						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+						/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 							className: "block text-sm font-medium mb-1",
 							children: "Notes"
-						}), /* @__PURE__ */ F("textarea", {
-							value: _.notes || "",
+						}), /* @__PURE__ */ N("textarea", {
+							value: v.notes || "",
 							onChange: (e) => y({
-								..._,
+								...v,
 								notes: e.target.value
 							}),
 							className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none",
@@ -371,67 +370,67 @@ var R = {
 							placeholder: "Internal notes"
 						})] })
 					] }),
-					/* @__PURE__ */ I("div", {
+					/* @__PURE__ */ P("div", {
 						className: "flex gap-2 pt-2",
-						children: [/* @__PURE__ */ F("button", {
+						children: [/* @__PURE__ */ N("button", {
 							type: "button",
 							onClick: x,
 							className: "flex-1 py-2 px-4 border border-border-subtle rounded-md hover:bg-bg-sunken/50 transition-colors",
 							children: "Cancel"
-						}), /* @__PURE__ */ I("button", {
+						}), /* @__PURE__ */ P("button", {
 							type: "submit",
-							disabled: r || !c || !_.gatewayPaymentId || _.amount <= 0 || E,
+							disabled: r || !l || !v.gatewayPaymentId || v.amount <= 0 || E,
 							className: "flex-1 py-2 px-4 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2",
-							children: [r && /* @__PURE__ */ F(T, { className: "size-4 animate-spin" }), "Create Refund"]
+							children: [r && /* @__PURE__ */ N(w, { className: "size-4 animate-spin" }), "Create Refund"]
 						})]
 					})
 				]
 			})]
 		})]
 	});
-}, se = ({ isOpen: e, record: t, onClose: n, onSubmit: i, isSubmitting: o }) => {
-	let [s, c] = h("");
-	return !e || !t ? null : /* @__PURE__ */ I("div", {
+}, ue = ({ isOpen: e, record: t, onClose: r, onSubmit: a, isSubmitting: o }) => {
+	let [s, c] = m("");
+	return !e || !t ? null : /* @__PURE__ */ P("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center",
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ N("div", {
 			className: "absolute inset-0 bg-overlay-scrim",
-			onClick: n
-		}), /* @__PURE__ */ I("div", {
+			onClick: r
+		}), /* @__PURE__ */ P("div", {
 			className: "relative bg-bg-elevated border border-border-seam rounded-card shadow-[var(--shadow-elevation-4)] max-w-md w-full mx-4",
-			children: [/* @__PURE__ */ I("div", {
+			children: [/* @__PURE__ */ P("div", {
 				className: "flex items-center justify-between p-4 border-b border-border-subtle",
-				children: [/* @__PURE__ */ F("h2", {
+				children: [/* @__PURE__ */ N("h2", {
 					className: "text-lg font-semibold",
 					children: "Skip Refund"
-				}), /* @__PURE__ */ F("button", {
+				}), /* @__PURE__ */ N("button", {
 					type: "button",
-					onClick: n,
+					onClick: r,
 					className: "p-1 rounded-md hover:bg-bg-sunken/50 transition-colors",
-					children: /* @__PURE__ */ F(M, { className: "size-5" })
+					children: /* @__PURE__ */ N(A, { className: "size-5" })
 				})]
-			}), /* @__PURE__ */ I("form", {
+			}), /* @__PURE__ */ P("form", {
 				onSubmit: async (e) => {
-					e.preventDefault(), await i(s), c("");
+					e.preventDefault(), await a(s), c("");
 				},
 				className: "p-4 space-y-4",
 				children: [
-					/* @__PURE__ */ F("div", {
-						className: `p-3 ${r.warning.bg} border ${r.warning.border} rounded-md`,
-						children: /* @__PURE__ */ I("div", {
+					/* @__PURE__ */ N("div", {
+						className: `p-3 ${n.warning.bg} border ${n.warning.border} rounded-md`,
+						children: /* @__PURE__ */ P("div", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ F(g, { className: `size-5 ${r.warning.icon} mt-0.5` }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
-								className: `text-sm font-medium ${r.warning.text}`,
+							children: [/* @__PURE__ */ N(h, { className: `size-5 ${n.warning.icon} mt-0.5` }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+								className: `text-sm font-medium ${n.warning.text}`,
 								children: "You are about to skip this refund"
-							}), /* @__PURE__ */ I("p", {
-								className: `text-sm ${r.warning.text} mt-1`,
-								children: ["Amount: ", a(t.amount, t.currency)]
+							}), /* @__PURE__ */ P("p", {
+								className: `text-sm ${n.warning.text} mt-1`,
+								children: ["Amount: ", i(t.amount, t.currency)]
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+					/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 						className: "block text-sm font-medium mb-1",
 						children: "Reason for skipping *"
-					}), /* @__PURE__ */ F("textarea", {
+					}), /* @__PURE__ */ N("textarea", {
 						value: s,
 						onChange: (e) => c(e.target.value),
 						className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface resize-none",
@@ -439,180 +438,180 @@ var R = {
 						placeholder: "Explain why this refund is being skipped...",
 						required: !0
 					})] }),
-					/* @__PURE__ */ I("div", {
+					/* @__PURE__ */ P("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ F("button", {
+						children: [/* @__PURE__ */ N("button", {
 							type: "button",
-							onClick: n,
+							onClick: r,
 							className: "flex-1 py-2 px-4 border border-border-subtle rounded-md hover:bg-bg-sunken/50 transition-colors",
 							children: "Cancel"
-						}), /* @__PURE__ */ I("button", {
+						}), /* @__PURE__ */ P("button", {
 							type: "submit",
 							disabled: o || !s.trim(),
-							className: `flex-1 py-2 px-4 ${r.warning.dot} text-action-primary-text rounded-md hover:opacity-90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2`,
-							children: [o && /* @__PURE__ */ F(T, { className: "size-4 animate-spin" }), "Skip Refund"]
+							className: `flex-1 py-2 px-4 ${n.warning.dot} text-action-primary-text rounded-md hover:opacity-90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2`,
+							children: [o && /* @__PURE__ */ N(w, { className: "size-4 animate-spin" }), "Skip Refund"]
 						})]
 					})
 				]
 			})]
 		})]
 	});
-}, ce = ({ record: e, onClose: t }) => {
+}, de = ({ record: e, onClose: t }) => {
 	if (!e) return null;
-	let n = R[e.status].icon;
-	return /* @__PURE__ */ I("div", {
+	let r = I[e.status].icon;
+	return /* @__PURE__ */ P("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center",
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ N("div", {
 			className: "absolute inset-0 bg-overlay-scrim",
 			onClick: t
-		}), /* @__PURE__ */ I("div", {
+		}), /* @__PURE__ */ P("div", {
 			className: "relative bg-bg-elevated border border-border-seam rounded-card shadow-[var(--shadow-elevation-4)] max-w-lg w-full mx-4 max-h-[90vh] overflow-auto",
 			children: [
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ P("div", {
 					className: "flex items-center justify-between p-4 border-b border-border-subtle",
-					children: [/* @__PURE__ */ F("h2", {
+					children: [/* @__PURE__ */ N("h2", {
 						className: "text-lg font-semibold",
 						children: "Refund Details"
-					}), /* @__PURE__ */ F("button", {
+					}), /* @__PURE__ */ N("button", {
 						type: "button",
 						onClick: t,
 						className: "p-1 rounded-md hover:bg-bg-sunken/50 transition-colors",
-						children: /* @__PURE__ */ F(M, { className: "size-5" })
+						children: /* @__PURE__ */ N(A, { className: "size-5" })
 					})]
 				}),
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ P("div", {
 					className: "p-4 space-y-4",
 					children: [
-						/* @__PURE__ */ I("div", {
-							className: `flex items-center gap-2 p-3 rounded-md ${B(R[e.status].color)}`,
-							children: [/* @__PURE__ */ F(n, { className: "size-5" }), /* @__PURE__ */ F("span", {
+						/* @__PURE__ */ P("div", {
+							className: `flex items-center gap-2 p-3 rounded-md ${R(I[e.status].color)}`,
+							children: [/* @__PURE__ */ N(r, { className: "size-5" }), /* @__PURE__ */ N("span", {
 								className: "font-medium",
-								children: R[e.status].label
+								children: I[e.status].label
 							})]
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ P("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+							children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "text-xs text-text-muted mb-1",
 								children: "Refund ID"
-							}), /* @__PURE__ */ F("p", {
+							}), /* @__PURE__ */ N("p", {
 								className: "text-sm font-mono break-all",
 								children: e.id
-							})] }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+							})] }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "text-xs text-text-muted mb-1",
 								children: "Source"
-							}), /* @__PURE__ */ F("p", {
+							}), /* @__PURE__ */ N("p", {
 								className: "text-sm",
-								children: z[e.source]
+								children: L[e.source]
 							})] })]
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ P("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+							children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "text-xs text-text-muted mb-1",
 								children: "Amount"
-							}), /* @__PURE__ */ F("p", {
+							}), /* @__PURE__ */ N("p", {
 								className: "text-lg font-semibold",
-								children: a(e.amount, e.currency)
-							})] }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+								children: i(e.amount, e.currency)
+							})] }), /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "text-xs text-text-muted mb-1",
 								children: "Provider"
-							}), /* @__PURE__ */ F("p", {
+							}), /* @__PURE__ */ N("p", {
 								className: "text-sm capitalize",
 								children: e.provider
 							})] })]
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ P("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+							children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "text-xs text-text-muted mb-1",
 								children: "Gateway Payment ID"
-							}), /* @__PURE__ */ F("p", {
+							}), /* @__PURE__ */ N("p", {
 								className: "text-sm font-mono break-all",
 								children: e.gatewayPaymentId
-							})] }), e.gatewayOrderId && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+							})] }), e.gatewayOrderId && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "text-xs text-text-muted mb-1",
 								children: "Gateway Order ID"
-							}), /* @__PURE__ */ F("p", {
+							}), /* @__PURE__ */ N("p", {
 								className: "text-sm font-mono break-all",
 								children: e.gatewayOrderId
 							})] })]
 						}),
-						e.gatewayRefundId && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+						e.gatewayRefundId && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 							className: "text-xs text-text-muted mb-1",
 							children: "Gateway Refund ID"
-						}), /* @__PURE__ */ F("p", {
+						}), /* @__PURE__ */ N("p", {
 							className: "text-sm font-mono break-all",
 							children: e.gatewayRefundId
 						})] }),
-						(e.purchaseType || e.purchaseDetail) && /* @__PURE__ */ I("div", {
+						(e.purchaseType || e.purchaseDetail) && /* @__PURE__ */ P("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [e.purchaseType && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+							children: [e.purchaseType && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "text-xs text-text-muted mb-1",
 								children: "Purchase Type"
-							}), /* @__PURE__ */ F("p", {
+							}), /* @__PURE__ */ N("p", {
 								className: "text-sm",
 								children: e.purchaseType
-							})] }), e.purchaseDetail && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+							})] }), e.purchaseDetail && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "text-xs text-text-muted mb-1",
 								children: "Purchase Detail"
-							}), /* @__PURE__ */ F("p", {
+							}), /* @__PURE__ */ N("p", {
 								className: "text-sm",
 								children: e.purchaseDetail
 							})] })]
 						}),
-						e.reason && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+						e.reason && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 							className: "text-xs text-text-muted mb-1",
 							children: "Reason"
-						}), /* @__PURE__ */ F("p", {
+						}), /* @__PURE__ */ N("p", {
 							className: "text-sm",
 							children: e.reason
 						})] }),
-						e.notes && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+						e.notes && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 							className: "text-xs text-text-muted mb-1",
 							children: "Notes"
-						}), /* @__PURE__ */ F("p", {
+						}), /* @__PURE__ */ N("p", {
 							className: "text-sm",
 							children: e.notes
 						})] }),
-						e.errorMessage && /* @__PURE__ */ I("div", {
-							className: `p-3 ${r.error.bg} border ${r.error.border} rounded-md`,
-							children: [/* @__PURE__ */ F("p", {
-								className: `text-xs ${r.error.text} mb-1`,
+						e.errorMessage && /* @__PURE__ */ P("div", {
+							className: `p-3 ${n.error.bg} border ${n.error.border} rounded-md`,
+							children: [/* @__PURE__ */ N("p", {
+								className: `text-xs ${n.error.text} mb-1`,
 								children: "Error Message"
-							}), /* @__PURE__ */ F("p", {
-								className: `text-sm ${r.error.text}`,
+							}), /* @__PURE__ */ N("p", {
+								className: `text-sm ${n.error.text}`,
 								children: e.errorMessage
 							})]
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ P("div", {
 							className: "grid grid-cols-2 gap-4 pt-2 border-t border-border-subtle",
-							children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+							children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "text-xs text-text-muted mb-1",
 								children: "Created At"
-							}), /* @__PURE__ */ F("p", {
+							}), /* @__PURE__ */ N("p", {
 								className: "text-sm",
-								children: o(e.createdAt)
-							})] }), e.processedAt && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+								children: a(e.createdAt)
+							})] }), e.processedAt && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "text-xs text-text-muted mb-1",
 								children: "Processed At"
-							}), /* @__PURE__ */ F("p", {
+							}), /* @__PURE__ */ N("p", {
 								className: "text-sm",
-								children: o(e.processedAt)
+								children: a(e.processedAt)
 							})] })]
 						}),
-						e.retryCount > 0 && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+						e.retryCount > 0 && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 							className: "text-xs text-text-muted mb-1",
 							children: "Retry Count"
-						}), /* @__PURE__ */ F("p", {
+						}), /* @__PURE__ */ N("p", {
 							className: "text-sm",
 							children: e.retryCount
 						})] })
 					]
 				}),
-				/* @__PURE__ */ F("div", {
+				/* @__PURE__ */ N("div", {
 					className: "p-4 border-t border-border-subtle",
-					children: /* @__PURE__ */ F("button", {
+					children: /* @__PURE__ */ N("button", {
 						type: "button",
 						onClick: t,
 						className: "w-full py-2 px-4 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bgHover transition-colors",
@@ -622,7 +621,7 @@ var R = {
 			]
 		})]
 	});
-}, H = {
+}, B = {
 	PENDING: {
 		label: "Pending",
 		status: "PENDING"
@@ -639,95 +638,95 @@ var R = {
 		label: "All",
 		status: void 0
 	}
-}, U = () => {
-	let { t: r } = te(), l = (e, t) => {
-		let n = r(e);
-		return n === e ? t : n;
-	}, d = c(), [f, m] = h("PENDING"), [g, _] = h(""), [v, x] = h({}), [C, E] = h(!1), [D, k] = h(null), [j, N] = h(!1), [P, L] = h(!1), [V, U] = h(null), [le, W] = h(null), { records: G, stats: K, pagination: q, isLoading: ue, recordsError: J, unprocessedWebhooks: Y, refetch: X, goToNextPage: de, goToPreviousPage: fe, setFilters: Z, createRefundRecord: pe, processRefund: me, skipRefund: he, retryRefund: ge, createRefundRecordsFromFailedWebhooks: _e, isCreating: ve, isProcessing: ye, isCreatingFromWebhooks: Q } = u({ filters: p(() => ({
-		...v,
-		status: H[f].status
+}, V = () => {
+	let { t: n } = ne(), c = (e, t) => {
+		let r = n(e);
+		return r === e ? t : r;
+	}, u = s(), [d, p] = m("PENDING"), [h, g] = m(""), [_, b] = m({}), [S, T] = m(!1), [E, D] = m(null), [k, j] = m(!1), [M, F] = m(!1), [z, V] = m(null), [fe, H] = m(null), { records: U, stats: W, pagination: G, isLoading: pe, recordsError: K, unprocessedWebhooks: q, refetch: J, goToNextPage: me, goToPreviousPage: he, setFilters: Y, createRefundRecord: ge, processRefund: _e, skipRefund: ve, retryRefund: ye, createRefundRecordsFromFailedWebhooks: be, isCreating: xe, isProcessing: Se, isCreatingFromWebhooks: X } = l({ filters: f(() => ({
+		..._,
+		status: B[d].status
 	}), [
-		f,
-		v.source,
-		v.provider,
-		v.billingAccountId,
-		v.fromDate,
-		v.toDate
+		d,
+		_.source,
+		_.provider,
+		_.billingAccountId,
+		_.fromDate,
+		_.toDate
 	]) });
-	if (!d.canViewPayments) return /* @__PURE__ */ F(e, { message: "You don't have permission to view refunds." });
-	if (J && s(J)) return /* @__PURE__ */ F("div", {
+	if (!u.canViewPayments) return /* @__PURE__ */ N(e, { message: "You don't have permission to view refunds." });
+	if (K && o(K)) return /* @__PURE__ */ N("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ F(i, {
+		children: /* @__PURE__ */ N(r, {
 			title: "Server Unavailable",
 			message: "Unable to load refunds. The server might be down or experiencing issues.",
-			onRetry: () => X(),
+			onRetry: () => J(),
 			showRetry: !0
 		})
 	});
-	let be = (e) => {
-		m(e), x({}), _("");
-	}, $ = (e, t) => {
+	let Z = (e) => {
+		p(e), b({}), g("");
+	}, Q = (e, t) => {
 		if (e === "status") return;
 		let n = {
-			...v,
+			..._,
 			[e]: t || void 0
 		};
-		x(n), Z({
+		b(n), Y({
 			...n,
-			status: H[f].status
+			status: B[d].status
 		});
-	}, xe = async (e) => {
+	}, Ce = async (e) => {
 		try {
-			await pe(e), N(!1);
+			await ge(e), j(!1);
 		} catch (e) {
 			console.error("Failed to create refund:", e);
 		}
-	}, Se = async (e) => {
-		W(e.id);
+	}, we = async (e) => {
+		H(e.id);
 		try {
-			let t = await me(e.id);
+			let t = await _e(e.id);
 			!t.success && t.error && console.error("Refund processing failed:", t.error);
 		} catch (e) {
 			console.error("Failed to process refund:", e);
 		} finally {
-			W(null);
+			H(null);
 		}
-	}, Ce = async (e) => {
-		if (V) try {
-			await he(V.id, e), L(!1), U(null);
+	}, Te = async (e) => {
+		if (z) try {
+			await ve(z.id, e), F(!1), V(null);
 		} catch (e) {
 			console.error("Failed to skip refund:", e);
 		}
-	}, we = async (e) => {
-		W(e.id);
+	}, Ee = async (e) => {
+		H(e.id);
 		try {
-			let t = await ge(e.id);
+			let t = await ye(e.id);
 			!t.success && t.error && console.error("Refund retry failed:", t.error);
 		} catch (e) {
 			console.error("Failed to retry refund:", e);
 		} finally {
-			W(null);
+			H(null);
 		}
-	}, Te = async () => {
+	}, De = async () => {
 		try {
-			await _e();
+			await be();
 		} catch (e) {
 			console.error("Failed to create refunds from webhooks:", e);
 		}
-	}, Ee = g ? G.filter((e) => e.gatewayPaymentId.toLowerCase().includes(g.toLowerCase()) || e.gatewayOrderId?.toLowerCase().includes(g.toLowerCase()) || e.reason?.toLowerCase().includes(g.toLowerCase())) : G, De = [
+	}, $ = h ? U.filter((e) => e.gatewayPaymentId.toLowerCase().includes(h.toLowerCase()) || e.gatewayOrderId?.toLowerCase().includes(h.toLowerCase()) || e.reason?.toLowerCase().includes(h.toLowerCase())) : U, Oe = [
 		{
 			key: "date",
 			header: "Date",
 			priority: "primary",
 			cellClassName: "whitespace-nowrap",
-			cell: (e) => /* @__PURE__ */ I("div", {
+			cell: (e) => /* @__PURE__ */ P("div", {
 				className: "flex flex-col",
-				children: [/* @__PURE__ */ F("span", {
+				children: [/* @__PURE__ */ N("span", {
 					className: "text-sm text-text-primary",
-					children: o(e.createdAt).split(" ")[0]
-				}), /* @__PURE__ */ F("span", {
+					children: a(e.createdAt).split(" ")[0]
+				}), /* @__PURE__ */ N("span", {
 					className: "text-xs text-text-muted",
-					children: o(e.createdAt).split(" ")[1]
+					children: a(e.createdAt).split(" ")[1]
 				})]
 			})
 		},
@@ -736,12 +735,12 @@ var R = {
 			header: "Status",
 			cellClassName: "whitespace-nowrap",
 			cell: (e) => {
-				let t = R[e.status].icon;
-				return /* @__PURE__ */ I("span", {
-					className: `inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded ${B(R[e.status].color)}`,
-					children: [/* @__PURE__ */ F(t, { className: "size-3" }), /* @__PURE__ */ F("span", {
+				let t = I[e.status].icon;
+				return /* @__PURE__ */ P("span", {
+					className: `inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded ${R(I[e.status].color)}`,
+					children: [/* @__PURE__ */ N(t, { className: "size-3" }), /* @__PURE__ */ N("span", {
 						className: "hidden sm:inline",
-						children: R[e.status].label
+						children: I[e.status].label
 					})]
 				});
 			}
@@ -751,9 +750,9 @@ var R = {
 			header: "Source",
 			priority: "hidden-on-mobile",
 			cellClassName: "whitespace-nowrap",
-			cell: (e) => /* @__PURE__ */ F("span", {
+			cell: (e) => /* @__PURE__ */ N("span", {
 				className: "text-sm text-text-muted",
-				children: z[e.source]
+				children: L[e.source]
 			})
 		},
 		{
@@ -761,7 +760,7 @@ var R = {
 			header: "Provider",
 			priority: "hidden-on-mobile",
 			cellClassName: "whitespace-nowrap",
-			cell: (e) => /* @__PURE__ */ F("span", {
+			cell: (e) => /* @__PURE__ */ N("span", {
 				className: "text-sm text-text-primary capitalize",
 				children: e.provider
 			})
@@ -770,7 +769,7 @@ var R = {
 			key: "paymentId",
 			header: "Payment ID",
 			cellClassName: "whitespace-nowrap max-w-[120px] sm:max-w-[200px] truncate",
-			cell: (e) => /* @__PURE__ */ F("span", {
+			cell: (e) => /* @__PURE__ */ N("span", {
 				className: "text-sm font-mono text-text-muted",
 				children: e.gatewayPaymentId
 			})
@@ -780,9 +779,9 @@ var R = {
 			header: "Amount",
 			headerClassName: "text-right",
 			cellClassName: "text-right whitespace-nowrap",
-			cell: (e) => /* @__PURE__ */ F("span", {
+			cell: (e) => /* @__PURE__ */ N("span", {
 				className: "text-sm font-medium tabular-nums",
-				children: a(e.amount, e.currency)
+				children: i(e.amount, e.currency)
 			})
 		},
 		{
@@ -790,26 +789,26 @@ var R = {
 			header: "Reason",
 			priority: "hidden-on-mobile",
 			cellClassName: "max-w-[200px] truncate",
-			cell: (e) => /* @__PURE__ */ F("span", {
+			cell: (e) => /* @__PURE__ */ N("span", {
 				className: "text-sm text-text-muted",
 				children: e.reason || "-"
 			})
 		}
-	], Oe = (e) => /* @__PURE__ */ F(ae, {
+	], ke = (e) => /* @__PURE__ */ N(ce, {
 		record: e,
-		onViewDetails: () => k(e),
-		onProcess: () => Se(e),
+		onViewDetails: () => D(e),
+		onProcess: () => we(e),
 		onSkip: () => {
-			U(e), L(!0);
+			V(e), F(!0);
 		},
-		onRetry: () => we(e),
-		isProcessing: le === e.id
+		onRetry: () => Ee(e),
+		isProcessing: fe === e.id
 	});
-	return ue ? /* @__PURE__ */ I("div", {
+	return pe ? /* @__PURE__ */ P("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ F("div", { className: "h-8 w-48 bg-bg-sunken animate-pulse rounded" }),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ N("div", { className: "h-8 w-48 bg-bg-sunken animate-pulse rounded" }),
+			/* @__PURE__ */ N("div", {
 				className: "grid grid-cols-5 gap-4",
 				children: [
 					1,
@@ -817,9 +816,9 @@ var R = {
 					3,
 					4,
 					5
-				].map((e) => /* @__PURE__ */ F("div", { className: "h-24 bg-bg-sunken animate-pulse rounded-lg" }, e))
+				].map((e) => /* @__PURE__ */ N("div", { className: "h-24 bg-bg-sunken animate-pulse rounded-lg" }, e))
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ N("div", {
 				className: "space-y-2",
 				children: [
 					1,
@@ -827,46 +826,47 @@ var R = {
 					3,
 					4,
 					5
-				].map((e) => /* @__PURE__ */ F("div", { className: "h-16 bg-bg-sunken animate-pulse rounded" }, e))
+				].map((e) => /* @__PURE__ */ N("div", { className: "h-16 bg-bg-sunken animate-pulse rounded" }, e))
 			})
 		]
-	}) : /* @__PURE__ */ I("div", {
+	}) : /* @__PURE__ */ P("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ F(t, {
-				title: l("billing.refunds.title", "Refund Management"),
+			/* @__PURE__ */ N(t, {
+				title: c("billing.refunds.title", "Refund Management"),
 				description: "View and manage refund records",
-				actions: /* @__PURE__ */ F(ne, {
+				actions: /* @__PURE__ */ N(re, {
 					primary: {
 						label: "Create Manual Refund",
-						onSelect: () => N(!0),
-						icon: /* @__PURE__ */ F(ee, { className: "size-4" })
+						onSelect: () => j(!0),
+						icon: /* @__PURE__ */ N(ee, { className: "size-4" })
 					},
-					actions: [...Y.length > 0 ? [{
-						label: `Import ${Y.length} Failed Webhooks`,
-						onSelect: Te,
-						disabled: Q,
-						icon: Q ? /* @__PURE__ */ F(T, { className: "size-4 animate-spin" }) : /* @__PURE__ */ F(S, { className: "size-4" })
+					actions: [...q.length > 0 ? [{
+						label: `Import ${q.length} Failed Webhooks`,
+						onSelect: De,
+						disabled: X,
+						icon: X ? /* @__PURE__ */ N(w, { className: "size-4 animate-spin" }) : /* @__PURE__ */ N(x, { className: "size-4" })
 					}] : [], {
 						label: "Refresh",
 						onSelect: () => {
-							X();
+							J();
 						},
-						icon: /* @__PURE__ */ F(O, { className: "size-4" })
+						icon: /* @__PURE__ */ N(te, { className: "size-4" })
 					}]
 				})
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ N(ae, { children: c("billing.refunds.purpose", "Track and act on every refund across all billing accounts — manual refunds, ones triggered by cancellations, and those recovered from failed payment-gateway webhooks. Use it to process pending refunds, retry failed ones, skip a refund with a reason, or create a manual refund for a specific transaction.") }),
+			/* @__PURE__ */ N("div", {
 				className: "border-b border-border-subtle",
-				children: /* @__PURE__ */ F("div", {
+				children: /* @__PURE__ */ N("div", {
 					className: "flex flex-wrap gap-2 sm:gap-0",
-					children: Object.keys(H).map((e) => {
-						let t = f === e, n = K ? e === "PENDING" ? K.pending : e === "COMPLETED" ? K.completed : e === "FAILED" ? K.failed : K.pending + K.processing + K.completed + K.failed + K.skipped : 0;
-						return /* @__PURE__ */ I("button", {
+					children: Object.keys(B).map((e) => {
+						let t = d === e, n = W ? e === "PENDING" ? W.pending : e === "COMPLETED" ? W.completed : e === "FAILED" ? W.failed : W.pending + W.processing + W.completed + W.failed + W.skipped : 0;
+						return /* @__PURE__ */ P("button", {
 							type: "button",
-							onClick: () => be(e),
+							onClick: () => Z(e),
 							className: `flex items-center gap-2 px-4 py-3 text-sm font-medium border-b-2 transition-colors whitespace-nowrap ${t ? "border-action-primary-bg text-text-link" : "border-transparent text-text-muted hover:text-text-primary hover:border-border-subtle"}`,
-							children: [H[e].label, K && /* @__PURE__ */ F("span", {
+							children: [B[e].label, W && /* @__PURE__ */ N("span", {
 								className: `px-2 py-0.5 text-xs rounded-full ${t ? "bg-[var(--color-accent-soft)] text-text-link" : "bg-bg-sunken text-text-muted"}`,
 								children: n
 							})]
@@ -874,97 +874,97 @@ var R = {
 					})
 				})
 			}),
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ P("div", {
 				className: "flex flex-col sm:flex-row gap-4",
 				children: [
-					/* @__PURE__ */ I("div", {
+					/* @__PURE__ */ P("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ F(A, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted" }), /* @__PURE__ */ F("input", {
+						children: [/* @__PURE__ */ N(O, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted" }), /* @__PURE__ */ N("input", {
 							type: "text",
 							placeholder: "Search by payment ID, order ID, or reason...",
-							value: g,
-							onChange: (e) => _(e.target.value),
+							value: h,
+							onChange: (e) => g(e.target.value),
 							className: "w-full pl-[3.25rem] pr-4 py-2 border border-border-subtle rounded-md bg-bg-surface"
 						})]
 					}),
-					/* @__PURE__ */ I("button", {
+					/* @__PURE__ */ P("button", {
 						type: "button",
-						onClick: () => E(!C),
-						className: `inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md border transition-colors ${C ? "border-action-primary-bg bg-[var(--color-accent-soft)] text-text-link" : "border-border-subtle bg-bg-surface hover:bg-bg-sunken/50"}`,
+						onClick: () => T(!S),
+						className: `inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md border transition-colors ${S ? "border-action-primary-bg bg-[var(--color-accent-soft)] text-text-link" : "border-border-subtle bg-bg-surface hover:bg-bg-sunken/50"}`,
 						children: [
-							/* @__PURE__ */ F(w, { className: "size-4" }),
+							/* @__PURE__ */ N(C, { className: "size-4" }),
 							"Filters",
-							Object.values(v).filter(Boolean).length > 0 && /* @__PURE__ */ F("span", {
+							Object.values(_).filter(Boolean).length > 0 && /* @__PURE__ */ N("span", {
 								className: "px-1.5 py-0.5 text-xs rounded-full bg-action-primary-bg text-action-primary-text",
-								children: Object.values(v).filter(Boolean).length
+								children: Object.values(_).filter(Boolean).length
 							})
 						]
 					}),
-					Object.values(v).filter(Boolean).length > 0 && /* @__PURE__ */ I("button", {
+					Object.values(_).filter(Boolean).length > 0 && /* @__PURE__ */ P("button", {
 						type: "button",
 						onClick: () => {
-							x({}), Z({});
+							b({}), Y({});
 						},
 						className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md text-text-muted hover:text-text-primary transition-colors",
-						children: [/* @__PURE__ */ F(M, { className: "size-4" }), "Clear"]
+						children: [/* @__PURE__ */ N(A, { className: "size-4" }), "Clear"]
 					})
 				]
 			}),
-			C && /* @__PURE__ */ I("div", {
+			S && /* @__PURE__ */ P("div", {
 				className: "p-4 border border-border-subtle rounded-lg bg-bg-sunken/30 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+					/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 						className: "block text-sm font-medium mb-1",
 						children: "Source"
-					}), /* @__PURE__ */ I("select", {
-						value: v.source || "",
-						onChange: (e) => $("source", e.target.value),
+					}), /* @__PURE__ */ P("select", {
+						value: _.source || "",
+						onChange: (e) => Q("source", e.target.value),
 						className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface",
-						children: [/* @__PURE__ */ F("option", {
+						children: [/* @__PURE__ */ N("option", {
 							value: "",
 							children: "All Sources"
-						}), Object.entries(z).map(([e, t]) => /* @__PURE__ */ F("option", {
+						}), Object.entries(L).map(([e, t]) => /* @__PURE__ */ N("option", {
 							value: e,
 							children: t
 						}, e))]
 					})] }),
-					/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("label", {
+					/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("label", {
 						className: "block text-sm font-medium mb-1",
 						children: "Provider"
-					}), /* @__PURE__ */ I("select", {
-						value: v.provider || "",
-						onChange: (e) => $("provider", e.target.value),
+					}), /* @__PURE__ */ P("select", {
+						value: _.provider || "",
+						onChange: (e) => Q("provider", e.target.value),
 						className: "w-full px-3 py-2 border border-border-subtle rounded-md bg-bg-surface",
-						children: [/* @__PURE__ */ F("option", {
+						children: [/* @__PURE__ */ N("option", {
 							value: "",
 							children: "All Providers"
-						}), ie.map((e) => /* @__PURE__ */ F("option", {
+						}), se.map((e) => /* @__PURE__ */ N("option", {
 							value: e,
 							children: e.charAt(0).toUpperCase() + e.slice(1)
 						}, e))]
 					})] }),
-					/* @__PURE__ */ I("div", {
+					/* @__PURE__ */ P("div", {
 						className: "sm:col-span-2 lg:col-span-1",
-						children: [/* @__PURE__ */ F("label", {
+						children: [/* @__PURE__ */ N("label", {
 							className: "block text-sm font-medium mb-1",
 							children: "Date Range"
-						}), /* @__PURE__ */ I("div", {
+						}), /* @__PURE__ */ P("div", {
 							className: "flex flex-col sm:flex-row items-start sm:items-center gap-2",
 							children: [
-								/* @__PURE__ */ F("input", {
+								/* @__PURE__ */ N("input", {
 									type: "date",
-									value: v.fromDate ? v.fromDate.split("T")[0] : "",
-									onChange: (e) => $("fromDate", e.target.value ? new Date(e.target.value).toISOString() : void 0),
+									value: _.fromDate ? _.fromDate.split("T")[0] : "",
+									onChange: (e) => Q("fromDate", e.target.value ? new Date(e.target.value).toISOString() : void 0),
 									className: "w-full sm:flex-1 p-2 border border-border-subtle rounded-md bg-bg-surface text-sm"
 								}),
-								/* @__PURE__ */ F("span", {
+								/* @__PURE__ */ N("span", {
 									className: "text-text-muted hidden sm:inline",
 									children: "-"
 								}),
-								/* @__PURE__ */ F("input", {
+								/* @__PURE__ */ N("input", {
 									type: "date",
-									value: v.toDate ? v.toDate.split("T")[0] : "",
-									onChange: (e) => $("toDate", e.target.value ? new Date(e.target.value).toISOString() : void 0),
+									value: _.toDate ? _.toDate.split("T")[0] : "",
+									onChange: (e) => Q("toDate", e.target.value ? new Date(e.target.value).toISOString() : void 0),
 									className: "w-full sm:flex-1 p-2 border border-border-subtle rounded-md bg-bg-surface text-sm"
 								})
 							]
@@ -972,104 +972,104 @@ var R = {
 					})
 				]
 			}),
-			Ee.length === 0 ? /* @__PURE__ */ F(n, {
-				icon: /* @__PURE__ */ F(O, { className: "size-6 text-text-muted" }),
+			$.length === 0 ? /* @__PURE__ */ N(ie, {
+				illustration: Object.values(_).filter(Boolean).length > 0 ? "empty-search" : "empty-data",
 				title: "No refund records found",
-				description: Object.values(v).filter(Boolean).length > 0 ? "Try adjusting your filters." : f === "PENDING" ? "No pending refunds to process." : "Refund records will appear here when created."
-			}) : /* @__PURE__ */ F("div", {
+				description: Object.values(_).filter(Boolean).length > 0 ? "Try adjusting your filters." : d === "PENDING" ? "No pending refunds to process." : "Refund records will appear here when created."
+			}) : /* @__PURE__ */ N("div", {
 				className: "border border-border-subtle rounded-lg overflow-hidden",
-				children: /* @__PURE__ */ F(re, {
-					columns: De,
-					data: Ee,
+				children: /* @__PURE__ */ N(oe, {
+					columns: Oe,
+					data: $,
 					rowKey: (e) => e.id,
-					rowActions: Oe
+					rowActions: ke
 				})
 			}),
-			q.totalCount > 0 && /* @__PURE__ */ I("div", {
+			G.totalCount > 0 && /* @__PURE__ */ P("div", {
 				className: "flex flex-col sm:flex-row items-center justify-between gap-4 border-t border-border-subtle pt-4",
-				children: [/* @__PURE__ */ I("p", {
+				children: [/* @__PURE__ */ P("p", {
 					className: "text-sm text-text-muted text-center sm:text-left",
 					children: [
 						"Showing ",
-						q.page * q.pageSize + 1,
+						G.page * G.pageSize + 1,
 						" to",
 						" ",
-						Math.min((q.page + 1) * q.pageSize, q.totalCount),
+						Math.min((G.page + 1) * G.pageSize, G.totalCount),
 						" of",
 						" ",
-						q.totalCount,
+						G.totalCount,
 						" refunds"
 					]
-				}), /* @__PURE__ */ I("div", {
+				}), /* @__PURE__ */ P("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ I("button", {
+						/* @__PURE__ */ P("button", {
 							type: "button",
-							onClick: fe,
-							disabled: !q.hasPrevious,
+							onClick: he,
+							disabled: !G.hasPrevious,
 							className: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-button border border-border-subtle bg-bg-surface hover:bg-bg-sunken/50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
-							children: [/* @__PURE__ */ F(y, { className: "size-4" }), /* @__PURE__ */ F("span", {
+							children: [/* @__PURE__ */ N(v, { className: "size-4" }), /* @__PURE__ */ N("span", {
 								className: "hidden sm:inline",
 								children: "Previous"
 							})]
 						}),
-						/* @__PURE__ */ I("span", {
+						/* @__PURE__ */ P("span", {
 							className: "text-sm text-text-muted px-2",
 							children: [
-								/* @__PURE__ */ F("span", {
+								/* @__PURE__ */ N("span", {
 									className: "hidden sm:inline",
 									children: "Page "
 								}),
-								q.page + 1,
+								G.page + 1,
 								" ",
-								/* @__PURE__ */ F("span", {
+								/* @__PURE__ */ N("span", {
 									className: "hidden sm:inline",
 									children: "of"
 								}),
-								/* @__PURE__ */ F("span", {
+								/* @__PURE__ */ N("span", {
 									className: "sm:hidden",
 									children: "/"
 								}),
 								" ",
-								Math.ceil(q.totalCount / q.pageSize)
+								Math.ceil(G.totalCount / G.pageSize)
 							]
 						}),
-						/* @__PURE__ */ I("button", {
+						/* @__PURE__ */ P("button", {
 							type: "button",
-							onClick: de,
-							disabled: !q.hasMore,
+							onClick: me,
+							disabled: !G.hasMore,
 							className: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-button border border-border-subtle bg-bg-surface hover:bg-bg-sunken/50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
-							children: [/* @__PURE__ */ F("span", {
+							children: [/* @__PURE__ */ N("span", {
 								className: "hidden sm:inline",
 								children: "Next"
-							}), /* @__PURE__ */ F(b, { className: "size-4" })]
+							}), /* @__PURE__ */ N(y, { className: "size-4" })]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ F(oe, {
-				isOpen: j,
-				onClose: () => N(!1),
-				onSubmit: xe,
-				isSubmitting: ve
+			/* @__PURE__ */ N(le, {
+				isOpen: k,
+				onClose: () => j(!1),
+				onSubmit: Ce,
+				isSubmitting: xe
 			}),
-			/* @__PURE__ */ F(se, {
-				isOpen: P,
-				record: V,
+			/* @__PURE__ */ N(ue, {
+				isOpen: M,
+				record: z,
 				onClose: () => {
-					L(!1), U(null);
+					F(!1), V(null);
 				},
-				onSubmit: Ce,
-				isSubmitting: ye
+				onSubmit: Te,
+				isSubmitting: Se
 			}),
-			/* @__PURE__ */ F(ce, {
-				record: D,
-				onClose: () => k(null)
+			/* @__PURE__ */ N(de, {
+				record: E,
+				onClose: () => D(null)
 			})
 		]
 	});
 };
 //#endregion
-export { U as RefundsPage };
+export { V as RefundsPage };
 
 //# sourceMappingURL=RefundsPage.js.map