@burdenoff/microfe-billing 2026.625.4 → 2026.625.5

package/dist/billing/modules/coupons/pages/CouponsListPage.js

@@ -3,171 +3,172 @@ import { PageHeader as t } from "../../../shared/components/PageHeader.js";
 import "../../../shared/components/index.js";
 import { useBillingPermissions as n } from "../../../hooks/useBillingPermissions.js";
 import { useDeactivateCouponMutation as r, useListCouponsQuery as i, useUpdateCouponMutation as a } from "../../../../generated/global-operations.js";
-import { useBillingNavigate as o } from "../../../hooks/useBillingNavigate.js";
-import { CouponStatus as s } from "../../../../generated/global-types.js";
-import { useEffect as c, useMemo as l, useState as u } from "react";
-import { AlertCircle as d, CheckCircle as f, ChevronLeft as p, ChevronRight as m, DollarSign as h, Download as ee, Edit as te, Eye as g, Package as _, Percent as ne, Plus as v, Power as y, PowerOff as b, Search as re, Tag as x, Trash2 as S, TrendingUp as C } from "lucide-react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ResponsiveTable as O } from "@burdenoff/fe-libs/ui";
+import { useBillingNavigate as ee } from "../../../hooks/useBillingNavigate.js";
+import { CouponStatus as o } from "../../../../generated/global-types.js";
+import { useEffect as s, useMemo as c, useState as l } from "react";
+import { AlertCircle as te, CheckCircle as u, ChevronLeft as d, ChevronRight as f, DollarSign as p, Download as m, Edit as h, Eye as g, Package as _, Percent as v, Plus as y, Power as ne, PowerOff as re, Search as ie, Tag as b, Trash2 as ae, TrendingUp as oe } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { IllustratedEmptyState as se, PagePurpose as T, ResponsiveTable as E } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/coupons/pages/CouponsListPage.tsx
-var k = () => {
-	let { t: k } = D(), ie = (e, t) => {
-		let n = k(e);
+var D = () => {
+	let { t: D } = w(), O = (e, t) => {
+		let n = D(e);
 		return n === e ? t : n;
-	}, A = o(), ae = n(), [j, oe] = u(""), [M, N] = u("ALL"), [P, F] = u("ALL"), [I] = u("ALL"), [L, R] = u(0), [z, B] = u(null), [V, H] = u(null), [U, W] = u(null), { data: G, loading: K, refetch: q } = i({ variables: {
+	}, k = ee(), ce = n(), [A, j] = l(""), [M, N] = l("ALL"), [P, F] = l("ALL"), [I] = l("ALL"), [L, R] = l(0), [z, B] = l(null), [V, H] = l(null), [U, W] = l(null), { data: G, loading: le, refetch: K } = i({ variables: {
 		limit: 20,
 		offset: L * 20,
 		filter: {
 			status: M === "ALL" ? void 0 : M,
 			type: P === "ALL" ? void 0 : P,
 			scope: I === "ALL" ? void 0 : I,
-			search: j || void 0
+			search: A || void 0
 		}
-	} }), J = l(() => G?.listCoupons?.coupons ?? [], [G?.listCoupons?.coupons]), Y = G?.listCoupons?.total ?? 0, se = G?.listCoupons?.hasMore ?? !1, ce = Math.ceil(Y / 20), [le, { loading: X }] = r(), [ue] = a(), Z = J;
-	c(() => {
+	} }), q = c(() => G?.listCoupons?.coupons ?? [], [G?.listCoupons?.coupons]), J = G?.listCoupons?.total ?? 0, ue = G?.listCoupons?.hasMore ?? !1, de = Math.ceil(J / 20), [Y, { loading: X }] = r(), [fe] = a(), Z = q;
+	s(() => {
 		R(0);
 	}, [
-		j,
+		A,
 		M,
 		P,
 		I
 	]);
-	let Q = l(() => ({
-		totalCoupons: Y,
-		activeCoupons: J.filter((e) => e.status === "ACTIVE").length,
-		totalUses: J.reduce((e, t) => e + t.currentUses, 0),
-		totalDiscountValue: J.reduce((e, t) => t.type === "FIXED_AMOUNT" ? e + t.value * t.currentUses : e, 0)
-	}), [J, Y]);
-	if (!ae.canManageDiscounts) return /* @__PURE__ */ T(e, { message: "You don't have permission to manage coupons." });
+	let Q = c(() => ({
+		totalCoupons: J,
+		activeCoupons: q.filter((e) => e.status === "ACTIVE").length,
+		totalUses: q.reduce((e, t) => e + t.currentUses, 0),
+		totalDiscountValue: q.reduce((e, t) => t.type === "FIXED_AMOUNT" ? e + t.value * t.currentUses : e, 0)
+	}), [q, J]);
+	if (!ce.canManageDiscounts) return /* @__PURE__ */ S(e, { message: "You don't have permission to manage coupons." });
 	let $ = (e) => new Intl.NumberFormat("en-US", {
 		style: "currency",
 		currency: "USD"
-	}).format(e), de = (e) => new Date(e).toLocaleDateString("en-US", {
+	}).format(e), pe = (e) => new Date(e).toLocaleDateString("en-US", {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
-	}), fe = (e) => {
+	}), me = (e) => {
 		switch (e) {
 			case "ACTIVE": return "text-status-success-text bg-status-success-bg-subtle";
 			case "INACTIVE": return "text-text-secondary bg-bg-canvas";
 			case "EXPIRED": return "text-status-error-text bg-status-error-bg-subtle";
 			default: return "text-text-secondary bg-bg-canvas";
 		}
-	}, pe = (e) => {
+	}, he = (e) => {
 		switch (e) {
-			case "PERCENTAGE": return /* @__PURE__ */ T(ne, { className: "size-4" });
-			case "FIXED_AMOUNT": return /* @__PURE__ */ T(h, { className: "size-4" });
-			case "FREE_SHIPPING": return /* @__PURE__ */ T(_, { className: "size-4" });
-			default: return /* @__PURE__ */ T(x, { className: "size-4" });
+			case "PERCENTAGE": return /* @__PURE__ */ S(v, { className: "size-4" });
+			case "FIXED_AMOUNT": return /* @__PURE__ */ S(p, { className: "size-4" });
+			case "FREE_SHIPPING": return /* @__PURE__ */ S(_, { className: "size-4" });
+			default: return /* @__PURE__ */ S(b, { className: "size-4" });
 		}
 	};
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "max-w-7xl mx-auto p-4 sm:p-6 space-y-6",
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ C("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ T(t, {
-					title: ie("billing.coupons.title", "Coupons"),
+				children: [/* @__PURE__ */ S(t, {
+					title: O("billing.coupons.title", "Coupons"),
 					description: "Manage discount codes and promotional offers",
-					icon: /* @__PURE__ */ T(x, { className: "size-6" })
-				}), /* @__PURE__ */ E("button", {
+					icon: /* @__PURE__ */ S(b, { className: "size-6" })
+				}), /* @__PURE__ */ C("button", {
 					type: "button",
-					onClick: () => A("/coupons/create"),
+					onClick: () => k("/coupons/create"),
 					className: "inline-flex items-center gap-2 rounded-button bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors duration-200 hover:bg-action-primary-bgHover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-					children: [/* @__PURE__ */ T(v, { className: "size-4" }), "Create Coupon"]
+					children: [/* @__PURE__ */ S(y, { className: "size-4" }), "Create Coupon"]
 				})]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ S(T, { children: O("billing.coupons.purpose", "Create and manage discount codes that customers redeem at checkout — percentage or fixed-amount off, with optional usage limits and expiry. Track how often each coupon has been used and deactivate ones you no longer want to honour.") }),
+			/* @__PURE__ */ C("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ C("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]",
 						children: [
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ C("div", {
 								className: "flex items-center justify-between mb-2",
-								children: [/* @__PURE__ */ T("span", {
+								children: [/* @__PURE__ */ S("span", {
 									className: "text-sm text-text-secondary",
 									children: "Total Coupons"
-								}), /* @__PURE__ */ T("span", {
+								}), /* @__PURE__ */ S("span", {
 									className: "flex size-9 items-center justify-center rounded-lg bg-[var(--color-accent-soft)]",
-									children: /* @__PURE__ */ T(x, { className: "size-4 text-accent-blue" })
+									children: /* @__PURE__ */ S(b, { className: "size-4 text-accent-blue" })
 								})]
 							}),
-							/* @__PURE__ */ T("p", {
+							/* @__PURE__ */ S("p", {
 								className: "text-2xl font-semibold text-text-primary tabular-nums",
 								children: Q.totalCoupons
 							}),
-							/* @__PURE__ */ E("p", {
+							/* @__PURE__ */ C("p", {
 								className: "text-xs text-text-muted mt-1",
 								children: [Q.activeCoupons, " active"]
 							})
 						]
 					}),
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ C("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]",
 						children: [
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ C("div", {
 								className: "flex items-center justify-between mb-2",
-								children: [/* @__PURE__ */ T("span", {
+								children: [/* @__PURE__ */ S("span", {
 									className: "text-sm text-text-secondary",
 									children: "Total Uses"
-								}), /* @__PURE__ */ T("span", {
+								}), /* @__PURE__ */ S("span", {
 									className: "flex size-9 items-center justify-center rounded-lg bg-status-success-bg-subtle",
-									children: /* @__PURE__ */ T(C, { className: "size-4 text-status-success-text" })
+									children: /* @__PURE__ */ S(oe, { className: "size-4 text-status-success-text" })
 								})]
 							}),
-							/* @__PURE__ */ T("p", {
+							/* @__PURE__ */ S("p", {
 								className: "text-2xl font-semibold text-text-primary tabular-nums",
 								children: Q.totalUses
 							}),
-							/* @__PURE__ */ T("p", {
+							/* @__PURE__ */ S("p", {
 								className: "text-xs text-text-muted mt-1",
 								children: "All time"
 							})
 						]
 					}),
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ C("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]",
 						children: [
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ C("div", {
 								className: "flex items-center justify-between mb-2",
-								children: [/* @__PURE__ */ T("span", {
+								children: [/* @__PURE__ */ S("span", {
 									className: "text-sm text-text-secondary",
 									children: "Total Discount"
-								}), /* @__PURE__ */ T("span", {
+								}), /* @__PURE__ */ S("span", {
 									className: "flex size-9 items-center justify-center rounded-lg bg-[var(--color-accent-soft)]",
-									children: /* @__PURE__ */ T(h, { className: "size-4 text-accent-purple" })
+									children: /* @__PURE__ */ S(p, { className: "size-4 text-accent-purple" })
 								})]
 							}),
-							/* @__PURE__ */ T("p", {
+							/* @__PURE__ */ S("p", {
 								className: "text-2xl font-semibold text-text-primary tabular-nums",
 								children: $(Q.totalDiscountValue)
 							}),
-							/* @__PURE__ */ T("p", {
+							/* @__PURE__ */ S("p", {
 								className: "text-xs text-text-muted mt-1",
 								children: "Fixed amount only"
 							})
 						]
 					}),
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ C("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-5 shadow-[var(--shadow-elevation-1)]",
 						children: [
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ C("div", {
 								className: "flex items-center justify-between mb-2",
-								children: [/* @__PURE__ */ T("span", {
+								children: [/* @__PURE__ */ S("span", {
 									className: "text-sm text-text-secondary",
 									children: "Active Rate"
-								}), /* @__PURE__ */ T("span", {
+								}), /* @__PURE__ */ S("span", {
 									className: "flex size-9 items-center justify-center rounded-lg bg-status-success-bg-subtle",
-									children: /* @__PURE__ */ T(f, { className: "size-4 text-status-success-text" })
+									children: /* @__PURE__ */ S(u, { className: "size-4 text-status-success-text" })
 								})]
 							}),
-							/* @__PURE__ */ E("p", {
+							/* @__PURE__ */ C("p", {
 								className: "text-2xl font-semibold text-text-primary tabular-nums",
 								children: [Q.totalCoupons > 0 ? Math.round(Q.activeCoupons / Q.totalCoupons * 100) : 0, "%"]
 							}),
-							/* @__PURE__ */ T("p", {
+							/* @__PURE__ */ S("p", {
 								className: "text-xs text-text-muted mt-1",
 								children: "Of all coupons"
 							})
@@ -175,42 +176,42 @@ var k = () => {
 					})
 				]
 			}),
-			U && /* @__PURE__ */ E("div", {
+			U && /* @__PURE__ */ C("div", {
 				className: U.tone === "success" ? "flex items-start gap-3 rounded-lg border border-status-success-border bg-status-success-bg-subtle p-4 text-status-success-text" : "flex items-start gap-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4 text-status-error-text",
 				role: "status",
 				"aria-live": "polite",
-				children: [U.tone === "success" ? /* @__PURE__ */ T(f, { className: "mt-0.5 size-4 shrink-0" }) : /* @__PURE__ */ T(d, { className: "mt-0.5 size-4 shrink-0" }), /* @__PURE__ */ T("p", {
+				children: [U.tone === "success" ? /* @__PURE__ */ S(u, { className: "mt-0.5 size-4 shrink-0" }) : /* @__PURE__ */ S(te, { className: "mt-0.5 size-4 shrink-0" }), /* @__PURE__ */ S("p", {
 					className: "text-sm font-medium",
 					children: U.message
 				})]
 			}),
-			z && /* @__PURE__ */ T("div", {
+			z && /* @__PURE__ */ S("div", {
 				className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4",
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ C("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("p", {
+					children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("p", {
 						className: "font-medium text-status-error-text",
 						children: [
 							"Deactivate coupon ",
-							/* @__PURE__ */ T("span", {
+							/* @__PURE__ */ S("span", {
 								className: "font-mono",
 								children: z.code
 							}),
 							"?"
 						]
-					}), /* @__PURE__ */ T("p", {
+					}), /* @__PURE__ */ S("p", {
 						className: "mt-1 text-sm text-status-error-text",
 						children: "This will prevent new checkouts from applying this coupon."
-					})] }), /* @__PURE__ */ E("div", {
+					})] }), /* @__PURE__ */ C("div", {
 						className: "flex gap-2 self-end sm:self-auto",
-						children: [/* @__PURE__ */ T("button", {
+						children: [/* @__PURE__ */ S("button", {
 							type: "button",
 							onClick: () => B(null),
 							className: "rounded-button border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
 							children: "Cancel"
-						}), /* @__PURE__ */ T("button", {
+						}), /* @__PURE__ */ S("button", {
 							type: "button",
-							onClick: () => me(z.id),
+							onClick: () => ge(z.id),
 							disabled: X,
 							className: "rounded-button bg-action-danger-bg px-3 py-2 text-sm font-medium text-action-danger-text transition-colors hover:bg-action-danger-bgHover disabled:cursor-not-allowed disabled:opacity-50",
 							children: X ? "Deactivating…" : "Deactivate"
@@ -218,69 +219,69 @@ var k = () => {
 					})]
 				})
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ S("div", {
 				className: "bg-bg-surface border border-border-subtle rounded-lg p-4",
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ C("div", {
 					className: "grid grid-cols-1 md:grid-cols-4 gap-4",
 					children: [
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ S("div", {
 							className: "md:col-span-2",
-							children: /* @__PURE__ */ E("div", {
+							children: /* @__PURE__ */ C("div", {
 								className: "relative",
-								children: [/* @__PURE__ */ T(re, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted" }), /* @__PURE__ */ T("input", {
+								children: [/* @__PURE__ */ S(ie, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted" }), /* @__PURE__ */ S("input", {
 									type: "text",
 									placeholder: "Search coupons...",
-									value: j,
-									onChange: (e) => oe(e.target.value),
+									value: A,
+									onChange: (e) => j(e.target.value),
 									className: "w-full pl-10 pr-4 py-2 rounded-input border border-border-subtle bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})]
 							})
 						}),
-						/* @__PURE__ */ E("select", {
+						/* @__PURE__ */ C("select", {
 							value: M,
 							onChange: (e) => {
 								N(e.target.value), R(0);
 							},
 							className: "px-4 py-2 rounded-input border border-border-subtle bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
-								/* @__PURE__ */ T("option", {
+								/* @__PURE__ */ S("option", {
 									value: "ALL",
 									children: "All Status"
 								}),
-								/* @__PURE__ */ T("option", {
+								/* @__PURE__ */ S("option", {
 									value: "ACTIVE",
 									children: "Active"
 								}),
-								/* @__PURE__ */ T("option", {
+								/* @__PURE__ */ S("option", {
 									value: "INACTIVE",
 									children: "Inactive"
 								}),
-								/* @__PURE__ */ T("option", {
+								/* @__PURE__ */ S("option", {
 									value: "EXPIRED",
 									children: "Expired"
 								})
 							]
 						}),
-						/* @__PURE__ */ E("select", {
+						/* @__PURE__ */ C("select", {
 							value: P,
 							onChange: (e) => {
 								F(e.target.value), R(0);
 							},
 							className: "px-4 py-2 rounded-input border border-border-subtle bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
-								/* @__PURE__ */ T("option", {
+								/* @__PURE__ */ S("option", {
 									value: "ALL",
 									children: "All Types"
 								}),
-								/* @__PURE__ */ T("option", {
+								/* @__PURE__ */ S("option", {
 									value: "PERCENTAGE",
 									children: "Percentage"
 								}),
-								/* @__PURE__ */ T("option", {
+								/* @__PURE__ */ S("option", {
 									value: "FIXED_AMOUNT",
 									children: "Fixed Amount"
 								}),
-								/* @__PURE__ */ T("option", {
+								/* @__PURE__ */ S("option", {
 									value: "FREE_SHIPPING",
 									children: "Free Shipping"
 								})
@@ -289,21 +290,21 @@ var k = () => {
 					]
 				})
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ S("div", {
 				className: "bg-bg-surface border border-border-seam rounded-card overflow-hidden shadow-[var(--shadow-elevation-1)]",
-				children: K ? /* @__PURE__ */ T("div", {
+				children: le ? /* @__PURE__ */ S("div", {
 					className: "p-8 text-center text-text-muted",
 					children: "Loading coupons…"
-				}) : /* @__PURE__ */ T(O, {
+				}) : /* @__PURE__ */ S(E, {
 					columns: [
 						{
 							key: "code",
 							header: "Code",
 							priority: "primary",
-							cell: (e) => /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+							cell: (e) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 								className: "font-medium text-text-primary font-mono",
 								children: e.code
-							}), /* @__PURE__ */ T("p", {
+							}), /* @__PURE__ */ S("p", {
 								className: "text-sm text-text-muted",
 								children: e.name
 							})] })
@@ -311,9 +312,9 @@ var k = () => {
 						{
 							key: "type",
 							header: "Type",
-							cell: (e) => /* @__PURE__ */ E("div", {
+							cell: (e) => /* @__PURE__ */ C("div", {
 								className: "flex items-center gap-2",
-								children: [pe(e.type), /* @__PURE__ */ T("span", {
+								children: [he(e.type), /* @__PURE__ */ S("span", {
 									className: "text-sm text-text-primary capitalize",
 									children: e.type.replace("_", " ").toLowerCase()
 								})]
@@ -322,7 +323,7 @@ var k = () => {
 						{
 							key: "value",
 							header: "Value",
-							cell: (e) => /* @__PURE__ */ T("span", {
+							cell: (e) => /* @__PURE__ */ S("span", {
 								className: "text-sm font-medium text-text-primary tabular-nums",
 								children: e.type === "PERCENTAGE" ? `${e.value}%` : $(e.value)
 							})
@@ -330,26 +331,26 @@ var k = () => {
 						{
 							key: "status",
 							header: "Status",
-							cell: (e) => /* @__PURE__ */ T("span", {
-								className: `inline-flex px-2 py-1 rounded-full text-xs font-medium ${fe(e.status)}`,
+							cell: (e) => /* @__PURE__ */ S("span", {
+								className: `inline-flex px-2 py-1 rounded-full text-xs font-medium ${me(e.status)}`,
 								children: e.status
 							})
 						},
 						{
 							key: "usage",
 							header: "Usage",
-							cell: (e) => /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("div", {
+							cell: (e) => /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("div", {
 								className: "text-sm text-text-primary tabular-nums",
-								children: [/* @__PURE__ */ T("span", {
+								children: [/* @__PURE__ */ S("span", {
 									className: "font-medium",
 									children: e.currentUses
-								}), e.maxTotalUses && /* @__PURE__ */ E("span", {
+								}), e.maxTotalUses && /* @__PURE__ */ C("span", {
 									className: "text-text-muted",
 									children: [" / ", e.maxTotalUses]
 								})]
-							}), e.maxTotalUses && /* @__PURE__ */ T("div", {
+							}), e.maxTotalUses && /* @__PURE__ */ S("div", {
 								className: "w-full bg-bg-sunken rounded-full h-1.5 mt-1",
-								children: /* @__PURE__ */ T("div", {
+								children: /* @__PURE__ */ S("div", {
 									className: "bg-action-primary-bg h-1.5 rounded-full",
 									style: { width: `${Math.min(e.currentUses / e.maxTotalUses * 100, 100)}%` }
 								})
@@ -359,113 +360,114 @@ var k = () => {
 							key: "validUntil",
 							header: "Valid Until",
 							priority: "hidden-on-mobile",
-							cell: (e) => /* @__PURE__ */ T("span", {
+							cell: (e) => /* @__PURE__ */ S("span", {
 								className: "text-sm text-text-muted",
-								children: e.validUntil ? de(e.validUntil) : "No expiry"
+								children: e.validUntil ? pe(e.validUntil) : "No expiry"
 							})
 						}
 					],
 					data: Z,
 					rowKey: (e) => e.id,
-					rowActions: (e) => /* @__PURE__ */ E(w, { children: [
-						/* @__PURE__ */ T("button", {
+					rowActions: (e) => /* @__PURE__ */ C(x, { children: [
+						/* @__PURE__ */ S("button", {
 							type: "button",
-							onClick: () => A(`/coupons/${e.id}`),
+							onClick: () => k(`/coupons/${e.id}`),
 							className: "p-2 rounded-lg hover:bg-bg-sunken text-text-muted hover:text-text-primary",
 							title: "View details",
-							children: /* @__PURE__ */ T(g, { className: "size-4" })
+							children: /* @__PURE__ */ S(g, { className: "size-4" })
 						}),
-						/* @__PURE__ */ T("button", {
+						/* @__PURE__ */ S("button", {
 							type: "button",
-							onClick: () => A(`/coupons/${e.id}/edit`),
+							onClick: () => k(`/coupons/${e.id}/edit`),
 							className: "p-2 rounded-lg hover:bg-bg-sunken text-text-muted hover:text-text-primary",
 							title: "Edit coupon",
-							children: /* @__PURE__ */ T(te, { className: "size-4" })
+							children: /* @__PURE__ */ S(h, { className: "size-4" })
 						}),
-						e.status === "ACTIVE" ? /* @__PURE__ */ T("button", {
+						e.status === "ACTIVE" ? /* @__PURE__ */ S("button", {
 							type: "button",
 							onClick: () => B(e),
 							disabled: X || V === e.id,
 							className: "p-2 rounded-lg hover:bg-status-error-bg-subtle text-text-muted hover:text-status-error-text disabled:opacity-50 disabled:cursor-not-allowed",
 							title: "Deactivate coupon",
-							children: /* @__PURE__ */ T(b, { className: "size-4" })
-						}) : e.status === "INACTIVE" ? /* @__PURE__ */ T("button", {
+							children: /* @__PURE__ */ S(re, { className: "size-4" })
+						}) : e.status === "INACTIVE" ? /* @__PURE__ */ S("button", {
 							type: "button",
-							onClick: () => he(e.id, s.Active),
+							onClick: () => _e(e.id, o.Active),
 							disabled: V === e.id,
 							className: "p-2 rounded-lg hover:bg-status-success-bg-subtle text-text-muted hover:text-status-success-text disabled:opacity-50 disabled:cursor-not-allowed",
 							title: "Activate coupon",
-							children: /* @__PURE__ */ T(y, { className: "size-4" })
-						}) : /* @__PURE__ */ T("button", {
+							children: /* @__PURE__ */ S(ne, { className: "size-4" })
+						}) : /* @__PURE__ */ S("button", {
 							type: "button",
 							disabled: !0,
 							className: "p-2 rounded-lg text-text-muted/40 cursor-not-allowed",
 							title: `Cannot change status (${e.status.toLowerCase()})`,
-							children: /* @__PURE__ */ T(S, { className: "size-4" })
+							children: /* @__PURE__ */ S(ae, { className: "size-4" })
 						})
 					] }),
-					emptyState: /* @__PURE__ */ T("div", {
-						className: "p-8 text-center text-text-muted",
-						children: "No coupons found"
+					emptyState: /* @__PURE__ */ S(se, {
+						illustration: "empty-data",
+						title: "No coupons found",
+						description: "Create a coupon to start offering discounts at checkout."
 					})
 				})
 			}),
-			Y > 20 && /* @__PURE__ */ E("div", {
+			J > 20 && /* @__PURE__ */ C("div", {
 				className: "flex items-center justify-between px-2",
-				children: [/* @__PURE__ */ E("p", {
+				children: [/* @__PURE__ */ C("p", {
 					className: "text-sm text-text-muted",
 					children: [
 						"Showing ",
 						L * 20 + 1,
 						"–",
-						Math.min((L + 1) * 20, Y),
+						Math.min((L + 1) * 20, J),
 						" of ",
-						Y,
+						J,
 						" ",
 						"coupons"
 					]
-				}), /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ T("button", {
+						/* @__PURE__ */ S("button", {
 							type: "button",
 							onClick: () => R((e) => Math.max(0, e - 1)),
 							disabled: L === 0,
 							className: "p-2 rounded-lg border border-border-subtle hover:bg-bg-sunken disabled:opacity-40 disabled:cursor-not-allowed",
-							children: /* @__PURE__ */ T(p, { className: "size-4" })
+							children: /* @__PURE__ */ S(d, { className: "size-4" })
 						}),
-						/* @__PURE__ */ E("span", {
+						/* @__PURE__ */ C("span", {
 							className: "text-sm text-text-primary font-medium",
 							children: [
 								L + 1,
 								" / ",
-								ce
+								de
 							]
 						}),
-						/* @__PURE__ */ T("button", {
+						/* @__PURE__ */ S("button", {
 							type: "button",
 							onClick: () => R((e) => e + 1),
-							disabled: !se,
+							disabled: !ue,
 							className: "p-2 rounded-lg border border-border-subtle hover:bg-bg-sunken disabled:opacity-40 disabled:cursor-not-allowed",
-							children: /* @__PURE__ */ T(m, { className: "size-4" })
+							children: /* @__PURE__ */ S(f, { className: "size-4" })
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex justify-end",
-				children: /* @__PURE__ */ E("button", {
+				children: /* @__PURE__ */ C("button", {
 					type: "button",
-					onClick: ge,
+					onClick: ve,
 					className: "px-4 py-2 rounded-lg border border-border-subtle text-text-primary hover:bg-bg-sunken flex items-center gap-2",
-					children: [/* @__PURE__ */ T(ee, { className: "size-4" }), "Export Coupons"]
+					children: [/* @__PURE__ */ S(m, { className: "size-4" }), "Export Coupons"]
 				})
 			})
 		]
 	});
-	async function me(e) {
+	async function ge(e) {
 		try {
-			await le({ variables: { id: e } }), await q(), B(null), W({
+			await Y({ variables: { id: e } }), await K(), B(null), W({
 				tone: "success",
 				message: "Coupon deactivated successfully."
 			});
@@ -476,15 +478,15 @@ var k = () => {
 			});
 		}
 	}
-	async function he(e, t) {
+	async function _e(e, t) {
 		H(e);
 		try {
-			await ue({ variables: {
+			await fe({ variables: {
 				id: e,
 				input: { status: t }
-			} }), await q(), W({
+			} }), await K(), W({
 				tone: "success",
-				message: `Coupon ${t === s.Active ? "activated" : "deactivated"} successfully.`
+				message: `Coupon ${t === o.Active ? "activated" : "deactivated"} successfully.`
 			});
 		} catch (e) {
 			console.error("Failed to update coupon status:", e), W({
@@ -495,7 +497,7 @@ var k = () => {
 			H(null);
 		}
 	}
-	function ge() {
+	function ve() {
 		let e = Z.map((e) => ({
 			code: e.code,
 			name: e.name,
@@ -522,6 +524,6 @@ var k = () => {
 	}
 };
 //#endregion
-export { k as CouponsListPage };
+export { D as CouponsListPage };
 
 //# sourceMappingURL=CouponsListPage.js.map