@burdenoff/microfe-billing 2026.625.4 → 2026.626.1

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

@@ -2,99 +2,100 @@ import { PageHeader as e } from "../../../shared/components/PageHeader.js";
 import "../../../shared/components/index.js";
 import { formatCurrency as t, formatDateTime as n } from "../../../shared/utils/format.js";
 import "../../../shared/utils/index.js";
-import { useCreateRefundRecordMutation as r, useGetBillingAccountsCheckoutQuery as i, useGetRefundRecordsQuery as a, useGetTransactionLazyQuery as o } from "../../../../generated/global-operations.js";
-import { useBillingNavigate as s } from "../../../hooks/useBillingNavigate.js";
-import { RefundRecordStatus as c } from "../../../../generated/global-types.js";
-import { useEffect as l, useRef as u, useState as d } from "react";
-import { CheckCircle as f, Clock as p, CreditCard as m, Loader2 as h, PlusCircle as ee, RotateCcw as te, Search as ne, X as g, XCircle as _ } from "lucide-react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useCreateRefundRecordMutation as r, useGetBillingAccountsCheckoutQuery as i, useGetRefundRecordsQuery as ee, useGetTransactionLazyQuery as a } from "../../../../generated/global-operations.js";
+import { useBillingNavigate as o } from "../../../hooks/useBillingNavigate.js";
+import { RefundRecordStatus as s } from "../../../../generated/global-types.js";
+import { useEffect as c, useRef as l, useState as u } from "react";
+import { CheckCircle as d, Clock as f, CreditCard as te, Loader2 as p, PlusCircle as ne, Search as re, X as m, XCircle as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { IllustratedEmptyState as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/billing/pages/UserRefundsPage.tsx
 var x = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, S = {
-	[c.Pending]: {
+	[s.Pending]: {
 		label: "In Review",
 		className: "bg-status-warning-bg/20 text-status-warning-text border-status-warning-border",
-		icon: ({ className: e }) => /* @__PURE__ */ v(p, { className: e })
+		icon: ({ className: e }) => /* @__PURE__ */ g(f, { className: e })
 	},
-	[c.Processing]: {
+	[s.Processing]: {
 		label: "Processing",
 		className: "bg-action-primary-bg/15 text-action-primary-bg border-action-primary-bg/30",
-		icon: ({ className: e }) => /* @__PURE__ */ v(h, { className: `${e} animate-spin` })
+		icon: ({ className: e }) => /* @__PURE__ */ g(p, { className: `${e} animate-spin` })
 	},
-	[c.Completed]: {
+	[s.Completed]: {
 		label: "Refunded",
 		className: "bg-status-success-bg/20 text-status-success-text border-status-success-border",
-		icon: ({ className: e }) => /* @__PURE__ */ v(f, { className: e })
+		icon: ({ className: e }) => /* @__PURE__ */ g(d, { className: e })
 	},
-	[c.Failed]: {
+	[s.Failed]: {
 		label: "Failed",
 		className: "bg-status-error-bg/20 text-status-error-text border-status-error-border",
-		icon: ({ className: e }) => /* @__PURE__ */ v(_, { className: e })
+		icon: ({ className: e }) => /* @__PURE__ */ g(h, { className: e })
 	},
-	[c.Skipped]: {
+	[s.Skipped]: {
 		label: "Closed",
 		className: "bg-bg-sunken text-text-secondary border-border-subtle",
-		icon: ({ className: e }) => /* @__PURE__ */ v(_, { className: e })
+		icon: ({ className: e }) => /* @__PURE__ */ g(h, { className: e })
 	}
 };
-function re({ status: e }) {
+function ie({ status: e }) {
 	let t = S[e] ?? {
 		label: e,
 		className: "bg-bg-sunken text-text-secondary border-border-subtle",
-		icon: ({ className: e }) => /* @__PURE__ */ v(p, { className: e })
+		icon: ({ className: e }) => /* @__PURE__ */ g(f, { className: e })
 	}, n = t.icon;
-	return /* @__PURE__ */ y("span", {
+	return /* @__PURE__ */ _("span", {
 		className: `inline-flex items-center gap-1 px-2 py-0.5 rounded-full border text-xs font-medium ${t.className}`,
-		children: [/* @__PURE__ */ v(n, { className: "size-3" }), t.label]
+		children: [/* @__PURE__ */ g(n, { className: "size-3" }), t.label]
 	});
 }
 var C = () => {
-	let { t: p } = b(), _ = (e, t) => {
-		let n = p(e);
+	let { t: f } = v(), h = (e, t) => {
+		let n = f(e);
 		return n === e ? t : n;
-	}, S = s(), [C, w] = d(!1), [T, E] = d(""), [D, O] = d(null), [k, A] = d(!1), [j, M] = d(""), [N, P] = d(""), [F, I] = d(null), [ie, L] = d(!1), { data: ae, loading: R } = i({ fetchPolicy: "cache-and-network" }), z = ae?.getBillingAccountsByOrg ?? [], [B, V] = d(void 0);
-	l(() => {
-		!B && z.length > 0 && V(z[0].id);
-	}, [z, B]);
-	let H = z.find((e) => e.id === B), [U, { data: W, loading: G, error: K }] = o({ fetchPolicy: "network-only" }), q = u("");
-	l(() => {
-		if (G) return;
-		let e = W?.getTransaction;
-		e ? (O(e), A(!1), P(String(e.amount))) : (W !== void 0 || K) && (O(null), A(!0), P(""));
+	}, S = o(), [C, w] = u(!1), [T, E] = u(""), [D, O] = u(null), [k, A] = u(!1), [j, M] = u(""), [N, P] = u(""), [F, I] = u(null), [ae, L] = u(!1), { data: R, loading: z } = i({ fetchPolicy: "cache-and-network" }), B = R?.getBillingAccountsByOrg ?? [], [V, H] = u(void 0);
+	c(() => {
+		!V && B.length > 0 && H(B[0].id);
+	}, [B, V]);
+	let U = B.find((e) => e.id === V), [W, { data: G, loading: K, error: q }] = a({ fetchPolicy: "network-only" }), oe = l("");
+	c(() => {
+		if (K) return;
+		let e = G?.getTransaction;
+		e ? (O(e), A(!1), P(String(e.amount))) : (G !== void 0 || q) && (O(null), A(!0), P(""));
 	}, [
-		W,
 		G,
-		K
+		K,
+		q
 	]);
 	let J = (e, t) => {
-		q.current = `${e}::${t}`, O(null), A(!1), P(""), U({ variables: {
+		oe.current = `${e}::${t}`, O(null), A(!1), P(""), W({ variables: {
 			id: e,
 			billingAccountId: t
 		} });
-	}, oe = (e) => {
-		E(e), O(null), A(!1), P(""), x.test(e.trim()) && B && J(e.trim(), B);
 	}, se = (e) => {
-		V(e), O(null), A(!1), P(""), x.test(T.trim()) && J(T.trim(), e);
-	}, { data: ce, loading: le, refetch: ue } = a({
+		E(e), O(null), A(!1), P(""), x.test(e.trim()) && V && J(e.trim(), V);
+	}, ce = (e) => {
+		H(e), O(null), A(!1), P(""), x.test(T.trim()) && J(T.trim(), e);
+	}, { data: le, loading: ue, refetch: Y } = ee({
 		variables: {
-			billingAccountId: B,
+			billingAccountId: V,
 			pageSize: 20,
 			page: 1
 		},
-		skip: !B,
+		skip: !V,
 		fetchPolicy: "cache-and-network"
-	}), Y = ce?.getRefundRecords.records ?? [], [de, { loading: X }] = r({ refetchQueries: ["GetRefundRecords"] }), Z = (e) => e ? e.stripePaymentId ? {
+	}), X = le?.getRefundRecords.records ?? [], [de, { loading: Z }] = r({ refetchQueries: ["GetRefundRecords"] }), fe = (e) => e ? e.stripePaymentId ? {
 		provider: "STRIPE",
 		gatewayPaymentId: e.stripePaymentId
 	} : e.razorpayPaymentId ? {
 		provider: "RAZORPAY",
 		gatewayPaymentId: e.razorpayPaymentId
-	} : null : null, fe = async (e) => {
+	} : null : null, pe = async (e) => {
 		if (e.preventDefault(), I(null), !D || !j.trim() || !N) {
 			I("Enter a valid transaction ID, an amount, and a reason.");
 			return;
 		}
-		let n = Z(D);
+		let n = fe(D);
 		if (!n) {
 			I("No payment gateway info found for this transaction. Please contact support.");
 			return;
@@ -110,15 +111,15 @@ var C = () => {
 		}
 		try {
 			await de({ variables: {
-				billingAccountId: B,
+				billingAccountId: V,
 				provider: n.provider,
 				gatewayPaymentId: n.gatewayPaymentId,
 				amount: r,
-				currency: D.currency ?? H?.currency ?? "USD",
+				currency: D.currency ?? U?.currency ?? "USD",
 				transactionId: D.id,
 				reason: j.trim(),
 				notes: "Requested by user via billing portal"
-			} }), L(!0), w(!1), Q(), await ue();
+			} }), L(!0), w(!1), Q(), await Y();
 		} catch (e) {
 			I(e instanceof Error ? e.message : "Failed to submit refund request.");
 		}
@@ -127,36 +128,37 @@ var C = () => {
 	}, $ = () => {
 		w(!1), L(!1), Q();
 	};
-	return /* @__PURE__ */ y("div", {
+	return /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6 max-w-3xl",
 		children: [
-			/* @__PURE__ */ v(e, {
-				title: _("billing.refunds.title", "Refunds"),
-				description: _("billing.refunds.description", "View your refund requests and submit new ones"),
-				actions: C ? void 0 : /* @__PURE__ */ y("button", {
+			/* @__PURE__ */ g(e, {
+				title: h("billing.refunds.title", "Refunds"),
+				description: h("billing.refunds.description", "View your refund requests and submit new ones"),
+				actions: C ? void 0 : /* @__PURE__ */ _("button", {
 					type: "button",
 					onClick: () => {
 						w(!0), L(!1);
 					},
 					className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors",
-					children: [/* @__PURE__ */ v(ee, { className: "size-4" }), _("billing.refunds.requestRefund", "Request Refund")]
+					children: [/* @__PURE__ */ g(ne, { className: "size-4" }), h("billing.refunds.requestRefund", "Request Refund")]
 				})
 			}),
-			!R && z.length > 1 && /* @__PURE__ */ y("div", {
+			/* @__PURE__ */ g(b, { children: h("billing.refunds.userPurpose", "Request money back for a payment and follow where each request stands. Paste the transaction ID of the charge you want refunded, tell us how much and why, and track every request here from \"In Review\" through to \"Refunded\".") }),
+			!z && B.length > 1 && /* @__PURE__ */ _("div", {
 				className: "flex items-center gap-3",
 				children: [
-					/* @__PURE__ */ v(m, { className: "size-4 text-text-secondary shrink-0" }),
-					/* @__PURE__ */ v("label", {
+					/* @__PURE__ */ g(te, { className: "size-4 text-text-secondary shrink-0" }),
+					/* @__PURE__ */ g("label", {
 						htmlFor: "accountSwitch",
 						className: "text-sm text-text-secondary shrink-0",
-						children: _("billing.refunds.account", "Billing account")
+						children: h("billing.refunds.account", "Billing account")
 					}),
-					/* @__PURE__ */ v("select", {
+					/* @__PURE__ */ g("select", {
 						id: "accountSwitch",
-						value: B ?? "",
-						onChange: (e) => se(e.target.value),
+						value: V ?? "",
+						onChange: (e) => ce(e.target.value),
 						className: "flex-1 px-3 py-1.5 border border-border-subtle rounded-button bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] text-sm",
-						children: z.map((e) => /* @__PURE__ */ y("option", {
+						children: B.map((e) => /* @__PURE__ */ _("option", {
 							value: e.id,
 							children: [
 								e.name,
@@ -169,114 +171,114 @@ var C = () => {
 					})
 				]
 			}),
-			ie && /* @__PURE__ */ y("div", {
+			ae && /* @__PURE__ */ _("div", {
 				className: "flex items-center justify-between p-4 rounded-lg border border-status-success-border bg-status-success-bg/10",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ v(f, { className: "size-4 text-status-success-text" }), /* @__PURE__ */ v("p", {
+					children: [/* @__PURE__ */ g(d, { className: "size-4 text-status-success-text" }), /* @__PURE__ */ g("p", {
 						className: "text-sm text-status-success-text font-medium",
-						children: _("billing.refunds.submitted", "Refund request submitted. Our team will review it shortly.")
+						children: h("billing.refunds.submitted", "Refund request submitted. Our team will review it shortly.")
 					})]
-				}), /* @__PURE__ */ v("button", {
+				}), /* @__PURE__ */ g("button", {
 					type: "button",
 					onClick: () => L(!1),
 					className: "text-status-success-text hover:opacity-70",
-					children: /* @__PURE__ */ v(g, { className: "size-4" })
+					children: /* @__PURE__ */ g(m, { className: "size-4" })
 				})]
 			}),
-			C && /* @__PURE__ */ y("div", {
+			C && /* @__PURE__ */ _("div", {
 				className: "border border-border-seam rounded-card bg-bg-surface shadow-elevation-1 overflow-hidden",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "flex items-center justify-between p-4 border-b border-border-subtle bg-bg-sunken",
-					children: [/* @__PURE__ */ v("h2", {
+					children: [/* @__PURE__ */ g("h2", {
 						className: "font-semibold text-text-primary",
-						children: _("billing.refunds.newRequest", "New Refund Request")
-					}), /* @__PURE__ */ v("button", {
+						children: h("billing.refunds.newRequest", "New Refund Request")
+					}), /* @__PURE__ */ g("button", {
 						type: "button",
 						onClick: $,
 						className: "p-1 rounded hover:bg-bg-sunken transition-colors",
-						children: /* @__PURE__ */ v(g, { className: "size-4 text-text-secondary" })
+						children: /* @__PURE__ */ g(m, { className: "size-4 text-text-secondary" })
 					})]
-				}), /* @__PURE__ */ y("form", {
-					onSubmit: fe,
+				}), /* @__PURE__ */ _("form", {
+					onSubmit: pe,
 					className: "p-4 space-y-4",
 					children: [
-						F && /* @__PURE__ */ v("div", {
+						F && /* @__PURE__ */ g("div", {
 							className: "p-3 rounded-lg border border-status-error-border bg-status-error-bg/10",
-							children: /* @__PURE__ */ v("p", {
+							children: /* @__PURE__ */ g("p", {
 								className: "text-sm text-status-error-text",
 								children: F
 							})
 						}),
-						/* @__PURE__ */ y("div", { children: [
-							/* @__PURE__ */ y("label", {
+						/* @__PURE__ */ _("div", { children: [
+							/* @__PURE__ */ _("label", {
 								htmlFor: "txnId",
 								className: "block text-sm font-medium text-text-primary mb-1",
-								children: [_("billing.refunds.transactionId", "Transaction ID"), " *"]
+								children: [h("billing.refunds.transactionId", "Transaction ID"), " *"]
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ _("div", {
 								className: "relative",
-								children: [/* @__PURE__ */ v("input", {
+								children: [/* @__PURE__ */ g("input", {
 									id: "txnId",
 									type: "text",
 									value: T,
-									onChange: (e) => oe(e.target.value),
+									onChange: (e) => se(e.target.value),
 									placeholder: "Paste your transaction ID...",
 									className: "w-full pl-3 pr-9 py-2 border border-border-subtle rounded-button bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] text-sm font-mono"
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ g("div", {
 									className: "absolute right-2.5 top-1/2 -translate-y-1/2 text-text-secondary",
-									children: G ? /* @__PURE__ */ v(h, { className: "size-4 animate-spin" }) : /* @__PURE__ */ v(ne, { className: "size-4" })
+									children: K ? /* @__PURE__ */ g(p, { className: "size-4 animate-spin" }) : /* @__PURE__ */ g(re, { className: "size-4" })
 								})]
 							}),
-							D && /* @__PURE__ */ y("div", {
+							D && /* @__PURE__ */ _("div", {
 								className: "mt-2 p-3 rounded-button border border-status-success-border bg-status-success-bg/10 text-sm space-y-0.5",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ _("div", {
 									className: "flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ v(f, { className: "size-3.5 text-status-success-text shrink-0" }),
-										/* @__PURE__ */ v("span", {
+										/* @__PURE__ */ g(d, { className: "size-3.5 text-status-success-text shrink-0" }),
+										/* @__PURE__ */ g("span", {
 											className: "font-medium text-text-primary",
 											children: t(D.amount, D.currency)
 										}),
-										/* @__PURE__ */ v("span", {
+										/* @__PURE__ */ g("span", {
 											className: "text-text-secondary",
 											children: "·"
 										}),
-										/* @__PURE__ */ v("span", {
+										/* @__PURE__ */ g("span", {
 											className: "text-text-secondary",
 											children: n(D.createdAt)
 										}),
-										D.stripePaymentId && /* @__PURE__ */ v("span", {
+										D.stripePaymentId && /* @__PURE__ */ g("span", {
 											className: "text-xs text-text-secondary",
 											children: "Stripe"
 										}),
-										D.razorpayPaymentId && /* @__PURE__ */ v("span", {
+										D.razorpayPaymentId && /* @__PURE__ */ g("span", {
 											className: "text-xs text-text-secondary",
 											children: "Razorpay"
 										})
 									]
-								}), D.description && /* @__PURE__ */ v("p", {
+								}), D.description && /* @__PURE__ */ g("p", {
 									className: "text-xs text-text-secondary pl-5",
 									children: D.description
 								})]
 							}),
-							k && T.length > 0 && !G && /* @__PURE__ */ v("p", {
+							k && T.length > 0 && !K && /* @__PURE__ */ g("p", {
 								className: "mt-1 text-xs text-status-error-text",
-								children: _("billing.refunds.txnNotFound", "Transaction not found in this billing account.")
+								children: h("billing.refunds.txnNotFound", "Transaction not found in this billing account.")
 							}),
-							!x.test(T.trim()) && T.length > 4 && /* @__PURE__ */ v("p", {
+							!x.test(T.trim()) && T.length > 4 && /* @__PURE__ */ g("p", {
 								className: "mt-1 text-xs text-text-secondary",
-								children: _("billing.refunds.txnIdHint", "Transaction IDs look like: xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx")
+								children: h("billing.refunds.txnIdHint", "Transaction IDs look like: xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx")
 							})
 						] }),
-						D && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("label", {
+						D && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("label", {
 							htmlFor: "refundAmount",
 							className: "block text-sm font-medium text-text-primary mb-1",
-							children: [_("billing.refunds.amount", "Refund Amount"), " *"]
-						}), /* @__PURE__ */ y("div", {
+							children: [h("billing.refunds.amount", "Refund Amount"), " *"]
+						}), /* @__PURE__ */ _("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ v("input", {
+								/* @__PURE__ */ g("input", {
 									id: "refundAmount",
 									type: "number",
 									step: "0.01",
@@ -288,106 +290,97 @@ var C = () => {
 									className: "w-40 px-3 py-2 border border-border-subtle rounded-button bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] text-sm",
 									placeholder: "0.00"
 								}),
-								/* @__PURE__ */ v("span", {
+								/* @__PURE__ */ g("span", {
 									className: "text-sm text-text-secondary",
-									children: D.currency ?? H?.currency ?? "USD"
+									children: D.currency ?? U?.currency ?? "USD"
 								}),
-								/* @__PURE__ */ y("span", {
+								/* @__PURE__ */ _("span", {
 									className: "text-xs text-text-secondary",
 									children: ["max ", t(D.amount, D.currency)]
 								})
 							]
 						})] }),
-						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("label", {
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("label", {
 							htmlFor: "reason",
 							className: "block text-sm font-medium text-text-primary mb-1",
-							children: [_("billing.refunds.reason", "Reason for refund"), " *"]
-						}), /* @__PURE__ */ v("textarea", {
+							children: [h("billing.refunds.reason", "Reason for refund"), " *"]
+						}), /* @__PURE__ */ g("textarea", {
 							id: "reason",
 							value: j,
 							onChange: (e) => M(e.target.value),
 							required: !0,
 							rows: 3,
 							className: "w-full px-3 py-2 border border-border-subtle rounded-button bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] text-sm resize-none",
-							placeholder: _("billing.refunds.reasonPlaceholder", "Describe why you are requesting a refund...")
+							placeholder: h("billing.refunds.reasonPlaceholder", "Describe why you are requesting a refund...")
 						})] }),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ _("div", {
 							className: "flex items-center gap-3 pt-1",
-							children: [/* @__PURE__ */ v("button", {
+							children: [/* @__PURE__ */ g("button", {
 								type: "submit",
-								disabled: X || !D || !j.trim() || !N,
+								disabled: Z || !D || !j.trim() || !N,
 								className: "px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-								children: X ? _("billing.refunds.submitting", "Submitting...") : _("billing.refunds.submitRequest", "Submit Request")
-							}), /* @__PURE__ */ v("button", {
+								children: Z ? h("billing.refunds.submitting", "Submitting...") : h("billing.refunds.submitRequest", "Submit Request")
+							}), /* @__PURE__ */ g("button", {
 								type: "button",
 								onClick: $,
 								className: "px-4 py-2 text-sm border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors",
-								children: _("billing.common.cancel", "Cancel")
+								children: h("billing.common.cancel", "Cancel")
 							})]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ _("div", {
 				className: "border border-border-seam rounded-card bg-bg-surface shadow-elevation-1 overflow-hidden",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "p-4 border-b border-border-subtle bg-bg-sunken",
-					children: /* @__PURE__ */ v("h2", {
+					children: /* @__PURE__ */ g("h2", {
 						className: "font-semibold text-text-primary",
-						children: _("billing.refunds.history", "Refund History")
+						children: h("billing.refunds.history", "Refund History")
 					})
-				}), R || le ? /* @__PURE__ */ v("div", {
+				}), z || ue ? /* @__PURE__ */ g("div", {
 					className: "p-8 flex items-center justify-center",
-					children: /* @__PURE__ */ v(h, { className: "size-5 animate-spin text-text-secondary" })
-				}) : Y.length === 0 ? /* @__PURE__ */ y("div", {
-					className: "p-10 flex flex-col items-center text-center gap-3",
-					children: [
-						/* @__PURE__ */ v(te, { className: "size-8 text-text-secondary" }),
-						/* @__PURE__ */ v("p", {
-							className: "text-sm font-medium text-text-primary",
-							children: _("billing.refunds.noRefunds", "No refund requests yet")
-						}),
-						/* @__PURE__ */ v("p", {
-							className: "text-xs text-text-secondary max-w-sm",
-							children: _("billing.refunds.noRefundsHint", "If you have an issue with a payment, click \"Request Refund\" to get started.")
-						})
-					]
-				}) : /* @__PURE__ */ v("ul", {
+					children: /* @__PURE__ */ g(p, { className: "size-5 animate-spin text-text-secondary" })
+				}) : X.length === 0 ? /* @__PURE__ */ g(y, {
+					illustration: "empty-data",
+					title: h("billing.refunds.noRefunds", "No refund requests yet"),
+					description: h("billing.refunds.noRefundsHint", "If you have an issue with a payment, click \"Request Refund\" to get started.")
+				}) : /* @__PURE__ */ g("ul", {
 					className: "divide-y divide-border-subtle",
-					children: Y.map((e) => /* @__PURE__ */ y("li", {
+					children: X.map((e) => /* @__PURE__ */ _("li", {
 						className: "flex items-start gap-4 p-4 hover:bg-bg-sunken transition-colors",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ _("div", {
 							className: "flex-1 min-w-0",
 							children: [
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ _("div", {
 									className: "flex items-center gap-2 flex-wrap",
 									children: [
-										/* @__PURE__ */ v("span", {
+										/* @__PURE__ */ g("span", {
 											className: "text-sm font-medium text-text-primary",
 											children: t(e.amount, e.currency)
 										}),
-										/* @__PURE__ */ v(re, { status: e.status }),
-										e.purchaseDetail && /* @__PURE__ */ v("span", {
+										/* @__PURE__ */ g(ie, { status: e.status }),
+										e.purchaseDetail && /* @__PURE__ */ g("span", {
 											className: "text-xs text-text-secondary truncate",
 											children: e.purchaseDetail
 										})
 									]
 								}),
-								e.reason && /* @__PURE__ */ v("p", {
+								e.reason && /* @__PURE__ */ g("p", {
 									className: "text-xs text-text-secondary mt-1 line-clamp-2",
 									children: e.reason
 								}),
-								e.errorMessage && e.status === c.Failed && /* @__PURE__ */ v("p", {
+								e.errorMessage && e.status === s.Failed && /* @__PURE__ */ g("p", {
 									className: "text-xs text-status-error-text mt-1",
 									children: e.errorMessage
 								})
 							]
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ _("div", {
 							className: "text-right shrink-0",
-							children: [/* @__PURE__ */ v("p", {
+							children: [/* @__PURE__ */ g("p", {
 								className: "text-xs text-text-secondary",
 								children: n(e.createdAt)
-							}), e.processedAt && /* @__PURE__ */ y("p", {
+							}), e.processedAt && /* @__PURE__ */ _("p", {
 								className: "text-xs text-text-secondary mt-0.5",
 								children: ["Processed ", n(e.processedAt)]
 							})]
@@ -395,16 +388,16 @@ var C = () => {
 					}, e.id))
 				})]
 			}),
-			/* @__PURE__ */ y("p", {
+			/* @__PURE__ */ _("p", {
 				className: "text-xs text-text-secondary",
 				children: [
-					_("billing.refunds.footer", "Refund requests are reviewed by our team within 3–5 business days. For urgent issues, contact support."),
+					h("billing.refunds.footer", "Refund requests are reviewed by our team within 3–5 business days. For urgent issues, contact support."),
 					" ",
-					/* @__PURE__ */ v("button", {
+					/* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: () => S("/transactions/" + B),
+						onClick: () => S("/transactions/" + V),
 						className: "underline hover:no-underline",
-						children: _("billing.refunds.viewTransactions", "View all transactions")
+						children: h("billing.refunds.viewTransactions", "View all transactions")
 					})
 				]
 			})