@burdenoff/microfe-billing 2026.625.3 → 2026.625.5

package/dist/billing/modules/discounts/pages/DiscountsListPage.js

@@ -2,19 +2,20 @@ import { AccessDenied as e } from "../../../shared/components/AccessDenied.js";
 import "../../../shared/components/index.js";
 import { formatCurrency as t, formatDate as n } from "../../../shared/utils/format.js";
 import { useBillingPermissions as r } from "../../../hooks/useBillingPermissions.js";
-import { useCreateDiscountMutation as i, useDeleteDiscountMutation as a, useGetDiscountsQuery as o, useUpdateDiscountMutation as s } from "../../../../generated/global-operations.js";
-import { nativeImpact as ee, nativeNotify as c } from "../../../../utils/nativeBridge.js";
+import { useCreateDiscountMutation as i, useDeleteDiscountMutation as a, useGetDiscountsQuery as o, useUpdateDiscountMutation as ee } from "../../../../generated/global-operations.js";
+import { nativeImpact as s, nativeNotify as c } from "../../../../utils/nativeBridge.js";
 import { useMemo as l, useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { IllustratedEmptyState as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/discounts/pages/DiscountsListPage.tsx
-function m(e) {
+function h(e) {
 	return e.validUntil ? new Date(e.validUntil) < /* @__PURE__ */ new Date() : !1;
 }
-function h(e) {
+function g(e) {
 	return e.type === "PERCENTAGE" ? `${e.value}%` : t(e.value, e.currency ?? "USD");
 }
-var g = {
+var _ = {
 	code: "",
 	type: "PERCENTAGE",
 	value: "",
@@ -22,97 +23,97 @@ var g = {
 	maxUses: "",
 	validFrom: "",
 	validUntil: ""
-}, _ = () => {
-	let { t } = p(), n = (e, n) => {
+}, v = () => {
+	let { t } = te(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
-	}, _ = r(), { data: te, loading: b, error: x, refetch: S } = o(), [C, { loading: w }] = i(), [T, { loading: E }] = s(), [D, { loading: O }] = a(), [k, A] = u(""), [j, M] = u({ kind: "closed" }), [N, P] = u(g), [F, I] = u({
+	}, v = r(), { data: x, loading: S, error: C, refetch: w } = o(), [T, { loading: E }] = i(), [D, { loading: O }] = ee(), [k, { loading: A }] = a(), [j, ne] = u(""), [M, N] = u({ kind: "closed" }), [P, F] = u(_), [I, L] = u({
 		maxUses: "",
 		validUntil: ""
-	}), [L, R] = u(null), [z, B] = u(/* @__PURE__ */ new Set()), [V, H] = u(!1), U = te?.getDiscounts ?? [], W = U.filter((e) => k ? e.code.toLowerCase().includes(k.toLowerCase()) : !0), G = l(() => W.filter((e) => z.has(e.id)), [W, z]), K = W.length > 0 && W.every((e) => z.has(e.id)), q = W.some((e) => z.has(e.id)) && !K;
-	if (!_.canManageDiscounts) return /* @__PURE__ */ d(e, { message: "You don't have permission to manage discount codes." });
-	let J = U.length, Y = U.filter((e) => !m(e)).length, X = U.filter((e) => m(e)).length, Z = () => {
-		P(g), R(null), M({ kind: "create" });
-	}, ne = (e) => {
-		I({
+	}), [R, z] = u(null), [B, V] = u(/* @__PURE__ */ new Set()), [H, U] = u(!1), W = x?.getDiscounts ?? [], G = W.filter((e) => j ? e.code.toLowerCase().includes(j.toLowerCase()) : !0), K = l(() => G.filter((e) => B.has(e.id)), [G, B]), q = G.length > 0 && G.every((e) => B.has(e.id)), J = G.some((e) => B.has(e.id)) && !q;
+	if (!v.canManageDiscounts) return /* @__PURE__ */ d(e, { message: "You don't have permission to manage discount codes." });
+	let Y = W.length, X = W.filter((e) => !h(e)).length, re = W.filter((e) => h(e)).length, Z = () => {
+		F(_), z(null), N({ kind: "create" });
+	}, ie = (e) => {
+		L({
 			maxUses: e.maxUses == null ? "" : String(e.maxUses),
 			validUntil: e.validUntil ? new Date(e.validUntil).toISOString().slice(0, 16) : ""
-		}), R(null), M({
+		}), z(null), N({
 			kind: "edit",
 			discount: e
 		});
-	}, re = (e) => {
-		R(null), M({
+	}, ae = (e) => {
+		z(null), N({
 			kind: "delete",
 			discount: e
 		});
 	}, Q = () => {
-		M({ kind: "closed" }), R(null);
-	}, ie = async (e) => {
-		if (e.preventDefault(), R(null), !N.code.trim()) {
-			R("Discount code is required.");
+		N({ kind: "closed" }), z(null);
+	}, oe = async (e) => {
+		if (e.preventDefault(), z(null), !P.code.trim()) {
+			z("Discount code is required.");
 			return;
 		}
-		let t = Number(N.value);
+		let t = Number(P.value);
 		if (Number.isNaN(t) || t <= 0) {
-			R("Value must be a positive number.");
+			z("Value must be a positive number.");
 			return;
 		}
-		if (N.type === "PERCENTAGE" && t > 100) {
-			R("Percentage value cannot exceed 100.");
+		if (P.type === "PERCENTAGE" && t > 100) {
+			z("Percentage value cannot exceed 100.");
 			return;
 		}
 		try {
-			await C({ variables: {
-				code: N.code.trim().toUpperCase(),
-				type: N.type,
+			await T({ variables: {
+				code: P.code.trim().toUpperCase(),
+				type: P.type,
 				value: t,
-				currency: N.type === "FIXED" ? N.currency : null,
-				maxUses: N.maxUses ? Number(N.maxUses) : null,
-				validFrom: N.validFrom ? new Date(N.validFrom).toISOString() : null,
-				validUntil: N.validUntil ? new Date(N.validUntil).toISOString() : null
-			} }), await S(), Q();
+				currency: P.type === "FIXED" ? P.currency : null,
+				maxUses: P.maxUses ? Number(P.maxUses) : null,
+				validFrom: P.validFrom ? new Date(P.validFrom).toISOString() : null,
+				validUntil: P.validUntil ? new Date(P.validUntil).toISOString() : null
+			} }), await w(), Q();
 		} catch (e) {
-			R(e instanceof Error ? e.message : "Failed to create discount.");
+			z(e instanceof Error ? e.message : "Failed to create discount.");
 		}
-	}, ae = async (e) => {
-		if (e.preventDefault(), j.kind === "edit") {
-			R(null);
+	}, se = async (e) => {
+		if (e.preventDefault(), M.kind === "edit") {
+			z(null);
 			try {
-				await T({ variables: {
-					id: j.discount.id,
-					maxUses: F.maxUses ? Number(F.maxUses) : null,
-					validUntil: F.validUntil ? new Date(F.validUntil).toISOString() : null
-				} }), await S(), Q();
+				await D({ variables: {
+					id: M.discount.id,
+					maxUses: I.maxUses ? Number(I.maxUses) : null,
+					validUntil: I.validUntil ? new Date(I.validUntil).toISOString() : null
+				} }), await w(), Q();
 			} catch (e) {
-				R(e instanceof Error ? e.message : "Failed to update discount.");
+				z(e instanceof Error ? e.message : "Failed to update discount.");
 			}
 		}
-	}, oe = async () => {
-		if (j.kind === "delete") {
-			R(null), ee("medium");
+	}, ce = async () => {
+		if (M.kind === "delete") {
+			z(null), s("medium");
 			try {
-				await D({ variables: { id: j.discount.id } }), c("success"), await S(), Q();
+				await k({ variables: { id: M.discount.id } }), c("success"), await w(), Q();
 			} catch (e) {
-				c("error"), R(e instanceof Error ? e.message : "Failed to delete discount.");
+				c("error"), z(e instanceof Error ? e.message : "Failed to delete discount.");
 			}
 		}
-	}, se = async () => {
-		G.length !== 0 && (R(null), H(!1), await Promise.allSettled(G.map((e) => D({ variables: { id: e.id } }))), await S(), B(/* @__PURE__ */ new Set()));
-	}, ce = (e, t) => {
-		B((n) => {
+	}, le = async () => {
+		K.length !== 0 && (z(null), U(!1), await Promise.allSettled(K.map((e) => k({ variables: { id: e.id } }))), await w(), V(/* @__PURE__ */ new Set()));
+	}, ue = (e, t) => {
+		V((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
-		}), H(!1);
+		}), U(!1);
 	}, $ = (e) => {
-		B((t) => {
+		V((t) => {
 			let n = new Set(t);
-			return W.forEach((t) => {
+			return G.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
-		}), H(!1);
+		}), U(!1);
 	};
-	return b && U.length === 0 ? /* @__PURE__ */ f("div", {
+	return S && W.length === 0 ? /* @__PURE__ */ f("div", {
 		className: "space-y-6 p-6",
 		children: [
 			/* @__PURE__ */ d("div", { className: "h-8 w-48 bg-bg-sunken animate-pulse rounded" }),
@@ -147,7 +148,7 @@ var g = {
 				}, e))
 			})
 		]
-	}) : x ? /* @__PURE__ */ d("div", {
+	}) : C ? /* @__PURE__ */ d("div", {
 		className: "flex items-center justify-center h-full min-h-[400px]",
 		children: /* @__PURE__ */ f("div", {
 			className: "text-center space-y-4",
@@ -173,11 +174,11 @@ var g = {
 				}),
 				/* @__PURE__ */ d("p", {
 					className: "text-sm text-text-muted",
-					children: x.message
+					children: C.message
 				}),
 				/* @__PURE__ */ d("button", {
 					type: "button",
-					onClick: () => S(),
+					onClick: () => w(),
 					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",
 					children: "Try Again"
 				})
@@ -188,13 +189,20 @@ var g = {
 		children: [
 			/* @__PURE__ */ f("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
-					className: "text-2xl md:text-3xl font-semibold tracking-tight text-text-primary",
-					children: "Discount Codes"
-				}), /* @__PURE__ */ d("p", {
-					className: "text-sm text-text-secondary mt-1",
-					children: "Create, view, and manage discount codes for billing"
-				})] }), /* @__PURE__ */ f("button", {
+				children: [/* @__PURE__ */ f("div", { children: [
+					/* @__PURE__ */ d("h1", {
+						className: "text-2xl md:text-3xl font-semibold tracking-tight text-text-primary",
+						children: "Discount Codes"
+					}),
+					/* @__PURE__ */ d("p", {
+						className: "text-sm text-text-secondary mt-1",
+						children: "Create, view, and manage discount codes for billing"
+					}),
+					/* @__PURE__ */ d(m, {
+						className: "mt-3",
+						children: "Discount codes reduce the price of a purchase at checkout. Create codes here, set how much they take off and any limits, and manage which ones are active — separate from time-bounded promotions and customer-facing coupons."
+					})
+				] }), /* @__PURE__ */ f("button", {
 					type: "button",
 					onClick: Z,
 					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 duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
@@ -222,7 +230,7 @@ var g = {
 							children: "Total Discounts"
 						}), /* @__PURE__ */ d("p", {
 							className: "text-2xl font-semibold text-text-primary tabular-nums mt-1",
-							children: J
+							children: Y
 						})]
 					}),
 					/* @__PURE__ */ f("div", {
@@ -232,7 +240,7 @@ var g = {
 							children: "Active"
 						}), /* @__PURE__ */ d("p", {
 							className: "text-2xl font-semibold text-status-success-text tabular-nums mt-1",
-							children: Y
+							children: X
 						})]
 					}),
 					/* @__PURE__ */ f("div", {
@@ -242,7 +250,7 @@ var g = {
 							children: "Expired"
 						}), /* @__PURE__ */ d("p", {
 							className: "text-2xl font-semibold text-status-warning-text tabular-nums mt-1",
-							children: X
+							children: re
 						})]
 					})
 				]
@@ -265,21 +273,21 @@ var g = {
 					}), /* @__PURE__ */ d("input", {
 						type: "text",
 						placeholder: "Search by discount code...",
-						value: k,
-						onChange: (e) => A(e.target.value),
+						value: j,
+						onChange: (e) => ne(e.target.value),
 						className: "w-full pl-[3.25rem] pr-4 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent"
 					})]
 				})
 			}),
-			W.length > 0 && /* @__PURE__ */ f("div", {
+			G.length > 0 && /* @__PURE__ */ f("div", {
 				className: "flex flex-col gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between",
 				children: [/* @__PURE__ */ f("label", {
 					className: "flex items-center gap-2 text-sm text-text-primary",
 					children: [/* @__PURE__ */ d("input", {
 						type: "checkbox",
-						checked: K,
+						checked: q,
 						ref: (e) => {
-							e && (e.indeterminate = q && !K);
+							e && (e.indeterminate = J && !q);
 						},
 						onChange: (e) => $(e.target.checked),
 						"aria-label": "Select all discounts",
@@ -290,27 +298,27 @@ var g = {
 					children: [
 						/* @__PURE__ */ f("span", {
 							className: "text-sm text-text-muted",
-							children: [z.size, " selected"]
+							children: [B.size, " selected"]
 						}),
-						z.size > 0 && /* @__PURE__ */ d("button", {
+						B.size > 0 && /* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: () => {
-								B(/* @__PURE__ */ new Set()), H(!1);
+								V(/* @__PURE__ */ new Set()), U(!1);
 							},
 							className: "text-sm text-text-muted hover:text-text-primary",
 							children: "Clear selection"
 						}),
 						/* @__PURE__ */ f("button", {
 							type: "button",
-							onClick: () => H(!0),
-							disabled: G.length === 0 || O,
+							onClick: () => U(!0),
+							disabled: K.length === 0 || A,
 							className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium border border-status-error-border text-status-error-text rounded-md hover:bg-status-error-bg-subtle transition-colors disabled:opacity-50",
-							children: ["Delete Selected", G.length > 0 ? ` (${G.length})` : ""]
+							children: ["Delete Selected", K.length > 0 ? ` (${K.length})` : ""]
 						})
 					]
 				})]
 			}),
-			V && G.length > 0 && /* @__PURE__ */ d("div", {
+			H && K.length > 0 && /* @__PURE__ */ d("div", {
 				className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4",
 				children: /* @__PURE__ */ f("div", {
 					className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
@@ -318,9 +326,9 @@ var g = {
 						className: "text-sm font-medium text-text-primary",
 						children: [
 							"Delete ",
-							G.length,
+							K.length,
 							" selected discount",
-							G.length === 1 ? "" : "s",
+							K.length === 1 ? "" : "s",
 							"?"
 						]
 					}), /* @__PURE__ */ d("p", {
@@ -330,52 +338,29 @@ var g = {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ d("button", {
 							type: "button",
-							onClick: () => H(!1),
+							onClick: () => U(!1),
 							className: "px-3 py-2 text-sm font-medium text-text-muted hover:text-text-primary",
 							children: "Cancel"
 						}), /* @__PURE__ */ d("button", {
 							type: "button",
-							onClick: se,
-							disabled: O,
+							onClick: le,
+							disabled: A,
 							className: "inline-flex items-center gap-2 rounded-button bg-action-danger-bg px-3 py-2 text-sm font-medium text-action-danger-text hover:bg-action-danger-bgHover disabled:opacity-50",
 							children: "Confirm Delete"
 						})]
 					})]
 				})
 			}),
-			W.length === 0 ? /* @__PURE__ */ f("div", {
-				className: "flex flex-col items-center justify-center py-16 border border-dashed border-border-seam rounded-card bg-bg-surface",
-				children: [
-					/* @__PURE__ */ d("div", {
-						className: "size-12 rounded-full bg-[var(--color-accent-soft)] flex items-center justify-center mb-4",
-						children: /* @__PURE__ */ d("svg", {
-							className: "size-6 text-text-muted",
-							fill: "none",
-							viewBox: "0 0 24 24",
-							stroke: "currentColor",
-							children: /* @__PURE__ */ d("path", {
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								strokeWidth: 2,
-								d: "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A2 2 0 013 12V7a4 4 0 014-4z"
-							})
-						})
-					}),
-					/* @__PURE__ */ d("h3", {
-						className: "text-lg font-medium text-text-primary",
-						children: "No discount codes found"
-					}),
-					/* @__PURE__ */ d("p", {
-						className: "text-sm text-text-muted mt-1",
-						children: k ? "No discount codes match your search." : "Create your first discount code to get started."
-					}),
-					!k && /* @__PURE__ */ d("button", {
-						type: "button",
-						onClick: Z,
-						className: "mt-4 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: "Create your first discount"
-					})
-				]
+			G.length === 0 ? /* @__PURE__ */ d(p, {
+				illustration: j ? "empty-search" : "empty-data",
+				title: "No discount codes found",
+				description: j ? "No discount codes match your search." : "Create your first discount code to get started.",
+				action: j ? void 0 : /* @__PURE__ */ d("button", {
+					type: "button",
+					onClick: Z,
+					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",
+					children: "Create your first discount"
+				})
 			}) : /* @__PURE__ */ d("div", {
 				className: "border border-border-seam rounded-card overflow-hidden shadow-[var(--shadow-elevation-1)]",
 				children: /* @__PURE__ */ d("div", {
@@ -389,9 +374,9 @@ var g = {
 									className: "text-left px-4 py-3 text-xs font-medium uppercase tracking-wide text-text-muted w-12",
 									children: /* @__PURE__ */ d("input", {
 										type: "checkbox",
-										checked: K,
+										checked: q,
 										ref: (e) => {
-											e && (e.indeterminate = q && !K);
+											e && (e.indeterminate = J && !q);
 										},
 										onChange: (e) => $(e.target.checked),
 										"aria-label": "Select all discounts",
@@ -433,21 +418,21 @@ var g = {
 							] })
 						}), /* @__PURE__ */ d("tbody", {
 							className: "divide-y divide-border-subtle",
-							children: W.map((e) => /* @__PURE__ */ d(v, {
+							children: G.map((e) => /* @__PURE__ */ d(y, {
 								discount: e,
-								selected: z.has(e.id),
-								onToggleSelect: ce,
-								onEdit: ne,
-								onDelete: re
+								selected: B.has(e.id),
+								onToggleSelect: ue,
+								onEdit: ie,
+								onDelete: ae
 							}, e.id))
 						})]
 					})
 				})
 			}),
-			j.kind === "create" && /* @__PURE__ */ d(y, {
+			M.kind === "create" && /* @__PURE__ */ d(b, {
 				onClose: Q,
 				children: /* @__PURE__ */ f("form", {
-					onSubmit: ie,
+					onSubmit: oe,
 					className: "space-y-4",
 					children: [
 						/* @__PURE__ */ f("div", {
@@ -473,9 +458,9 @@ var g = {
 								})
 							})]
 						}),
-						L && /* @__PURE__ */ d("div", {
+						R && /* @__PURE__ */ d("div", {
 							className: "p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md",
-							children: L
+							children: R
 						}),
 						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("label", {
 							htmlFor: "create-code",
@@ -492,8 +477,8 @@ var g = {
 							id: "create-code",
 							type: "text",
 							required: !0,
-							value: N.code,
-							onChange: (e) => P((t) => ({
+							value: P.code,
+							onChange: (e) => F((t) => ({
 								...t,
 								code: e.target.value
 							})),
@@ -515,8 +500,8 @@ var g = {
 								]
 							}), /* @__PURE__ */ f("select", {
 								id: "create-type",
-								value: N.type,
-								onChange: (e) => P((t) => ({
+								value: P.type,
+								onChange: (e) => F((t) => ({
 									...t,
 									type: e.target.value
 								})),
@@ -546,29 +531,29 @@ var g = {
 									type: "number",
 									required: !0,
 									min: "0.01",
-									max: N.type === "PERCENTAGE" ? "100" : void 0,
+									max: P.type === "PERCENTAGE" ? "100" : void 0,
 									step: "0.01",
-									value: N.value,
-									onChange: (e) => P((t) => ({
+									value: P.value,
+									onChange: (e) => F((t) => ({
 										...t,
 										value: e.target.value
 									})),
-									placeholder: N.type === "PERCENTAGE" ? "10" : "25.00",
+									placeholder: P.type === "PERCENTAGE" ? "10" : "25.00",
 									className: "w-full px-3 py-2 pr-8 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent"
 								}), /* @__PURE__ */ d("span", {
 									className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-text-muted",
-									children: N.type === "PERCENTAGE" ? "%" : N.currency
+									children: P.type === "PERCENTAGE" ? "%" : P.currency
 								})]
 							})] })]
 						}),
-						N.type === "FIXED" && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+						P.type === "FIXED" && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
 							htmlFor: "create-currency",
 							className: "block text-sm font-medium text-text-primary mb-1",
 							children: n("billing.discounts.currency", "Currency")
 						}), /* @__PURE__ */ f("select", {
 							id: "create-currency",
-							value: N.currency,
-							onChange: (e) => P((t) => ({
+							value: P.currency,
+							onChange: (e) => F((t) => ({
 								...t,
 								currency: e.target.value
 							})),
@@ -611,8 +596,8 @@ var g = {
 								type: "number",
 								min: "1",
 								step: "1",
-								value: N.maxUses,
-								onChange: (e) => P((t) => ({
+								value: P.maxUses,
+								onChange: (e) => F((t) => ({
 									...t,
 									maxUses: e.target.value
 								})),
@@ -633,8 +618,8 @@ var g = {
 							}), /* @__PURE__ */ d("input", {
 								id: "create-valid-from",
 								type: "datetime-local",
-								value: N.validFrom,
-								onChange: (e) => P((t) => ({
+								value: P.validFrom,
+								onChange: (e) => F((t) => ({
 									...t,
 									validFrom: e.target.value
 								})),
@@ -646,8 +631,8 @@ var g = {
 							}), /* @__PURE__ */ d("input", {
 								id: "create-valid-until",
 								type: "datetime-local",
-								value: N.validUntil,
-								onChange: (e) => P((t) => ({
+								value: P.validUntil,
+								onChange: (e) => F((t) => ({
 									...t,
 									validUntil: e.target.value
 								})),
@@ -663,18 +648,18 @@ var g = {
 								children: n("billing.discounts.cancel", "Cancel")
 							}), /* @__PURE__ */ d("button", {
 								type: "submit",
-								disabled: w,
+								disabled: E,
 								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: w ? n("billing.discounts.creating", "Creating...") : n("billing.discounts.createDiscount", "Create Discount")
+								children: E ? n("billing.discounts.creating", "Creating...") : n("billing.discounts.createDiscount", "Create Discount")
 							})]
 						})
 					]
 				})
 			}),
-			j.kind === "edit" && /* @__PURE__ */ d(y, {
+			M.kind === "edit" && /* @__PURE__ */ d(b, {
 				onClose: Q,
 				children: /* @__PURE__ */ f("form", {
-					onSubmit: ae,
+					onSubmit: se,
 					className: "space-y-4",
 					children: [
 						/* @__PURE__ */ f("div", {
@@ -700,9 +685,9 @@ var g = {
 								})
 							})]
 						}),
-						L && /* @__PURE__ */ d("div", {
+						R && /* @__PURE__ */ d("div", {
 							className: "p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md",
-							children: L
+							children: R
 						}),
 						/* @__PURE__ */ f("div", {
 							className: "p-3 bg-bg-sunken/50 border border-border-subtle rounded-md space-y-1",
@@ -714,7 +699,7 @@ var g = {
 										children: "Code"
 									}), /* @__PURE__ */ d("span", {
 										className: "font-mono font-medium text-text-primary",
-										children: j.discount.code
+										children: M.discount.code
 									})]
 								}),
 								/* @__PURE__ */ f("div", {
@@ -724,7 +709,7 @@ var g = {
 										children: "Type"
 									}), /* @__PURE__ */ d("span", {
 										className: "text-text-primary",
-										children: j.discount.type === "PERCENTAGE" ? "Percentage" : "Fixed Amount"
+										children: M.discount.type === "PERCENTAGE" ? "Percentage" : "Fixed Amount"
 									})]
 								}),
 								/* @__PURE__ */ f("div", {
@@ -734,7 +719,7 @@ var g = {
 										children: "Value"
 									}), /* @__PURE__ */ d("span", {
 										className: "text-text-primary",
-										children: h(j.discount)
+										children: g(M.discount)
 									})]
 								}),
 								/* @__PURE__ */ f("div", {
@@ -744,7 +729,7 @@ var g = {
 										children: "Used"
 									}), /* @__PURE__ */ f("span", {
 										className: "text-text-primary",
-										children: [j.discount.usedCount, " times"]
+										children: [M.discount.usedCount, " times"]
 									})]
 								})
 							]
@@ -760,8 +745,8 @@ var g = {
 								type: "number",
 								min: "1",
 								step: "1",
-								value: F.maxUses,
-								onChange: (e) => I((t) => ({
+								value: I.maxUses,
+								onChange: (e) => L((t) => ({
 									...t,
 									maxUses: e.target.value
 								})),
@@ -780,8 +765,8 @@ var g = {
 						}), /* @__PURE__ */ d("input", {
 							id: "edit-valid-until",
 							type: "datetime-local",
-							value: F.validUntil,
-							onChange: (e) => I((t) => ({
+							value: I.validUntil,
+							onChange: (e) => L((t) => ({
 								...t,
 								validUntil: e.target.value
 							})),
@@ -796,15 +781,15 @@ var g = {
 								children: "Cancel"
 							}), /* @__PURE__ */ d("button", {
 								type: "submit",
-								disabled: E,
+								disabled: O,
 								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: E ? "Saving..." : "Save Changes"
+								children: O ? "Saving..." : "Save Changes"
 							})]
 						})
 					]
 				})
 			}),
-			j.kind === "delete" && /* @__PURE__ */ d(y, {
+			M.kind === "delete" && /* @__PURE__ */ d(b, {
 				onClose: Q,
 				children: /* @__PURE__ */ f("div", {
 					className: "space-y-4",
@@ -832,9 +817,9 @@ var g = {
 								})
 							})]
 						}),
-						L && /* @__PURE__ */ d("div", {
+						R && /* @__PURE__ */ d("div", {
 							className: "p-3 text-sm text-status-error-text bg-status-error-bg-subtle border border-status-error-border rounded-md",
-							children: L
+							children: R
 						}),
 						/* @__PURE__ */ f("div", {
 							className: "flex items-start gap-3",
@@ -859,7 +844,7 @@ var g = {
 									" ",
 									/* @__PURE__ */ d("span", {
 										className: "font-mono font-semibold",
-										children: j.discount.code
+										children: M.discount.code
 									}),
 									"?"
 								]
@@ -870,10 +855,10 @@ var g = {
 									" ",
 									/* @__PURE__ */ d("span", {
 										className: "font-medium",
-										children: j.discount.usedCount
+										children: M.discount.usedCount
 									}),
 									" time",
-									j.discount.usedCount === 1 ? "" : "s",
+									M.discount.usedCount === 1 ? "" : "s",
 									"."
 								]
 							})] })]
@@ -887,10 +872,10 @@ var g = {
 								children: "Cancel"
 							}), /* @__PURE__ */ d("button", {
 								type: "button",
-								onClick: oe,
-								disabled: O,
+								onClick: ce,
+								disabled: A,
 								className: "px-4 py-2 text-sm font-medium bg-action-danger-bg text-action-danger-text rounded-button hover:bg-action-danger-bgHover transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-								children: O ? "Deleting..." : "Delete Discount"
+								children: A ? "Deleting..." : "Delete Discount"
 							})]
 						})
 					]
@@ -898,8 +883,8 @@ var g = {
 			})
 		]
 	});
-}, v = ({ discount: e, selected: t, onToggleSelect: r, onEdit: i, onDelete: a }) => {
-	let o = m(e);
+}, y = ({ discount: e, selected: t, onToggleSelect: r, onEdit: i, onDelete: a }) => {
+	let o = h(e);
 	return /* @__PURE__ */ f("tr", {
 		className: `hover:bg-bg-sunken/30 transition-colors ${t ? "bg-bg-sunken/20" : ""}`,
 		children: [
@@ -931,7 +916,7 @@ var g = {
 				className: "p-4",
 				children: /* @__PURE__ */ d("span", {
 					className: "text-sm font-medium text-text-primary",
-					children: h(e)
+					children: g(e)
 				})
 			}),
 			/* @__PURE__ */ d("td", {
@@ -1002,7 +987,7 @@ var g = {
 			})
 		]
 	});
-}, y = ({ onClose: e, children: t }) => /* @__PURE__ */ f("div", {
+}, b = ({ onClose: e, children: t }) => /* @__PURE__ */ f("div", {
 	className: "fixed inset-0 z-50 flex items-center justify-center",
 	children: [/* @__PURE__ */ d("div", {
 		className: "absolute inset-0 bg-bg-overlay",
@@ -1013,6 +998,6 @@ var g = {
 	})]
 });
 //#endregion
-export { _ as DiscountsListPage };
+export { v as DiscountsListPage };
 
 //# sourceMappingURL=DiscountsListPage.js.map