@burdenoff/microfe-billing 2026.625.4 → 2026.626.1

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

@@ -9,25 +9,26 @@ import { useEffect as s, useState as c } from "react";
 import { AlertCircle as l, ArrowLeft as u, CheckCircle as d, Save as f } from "lucide-react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { PagePurpose as g } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/coupons/pages/EditCouponPage.tsx
-var g = () => {
-	let { t: g } = h(), _ = (e, t) => {
-		let n = g(e);
+var _ = () => {
+	let { t: _ } = h(), v = (e, t) => {
+		let n = _(e);
 		return n === e ? t : n;
-	}, v = a(), y = n(), b = window.location.pathname.split("/").slice(-2)[0], [x, { data: S, loading: C, error: w }] = r(), [T, { loading: E }] = i(), [D, O] = c({
+	}, y = a(), b = n(), x = window.location.pathname.split("/").slice(-2)[0], [S, { data: C, loading: w, error: T }] = r(), [E, { loading: D }] = i(), [O, k] = c({
 		name: "",
 		description: "",
 		status: o.Active,
 		maxTotalUses: "",
 		maxUsesPerUser: "",
 		validUntil: ""
-	}), [k, A] = c({}), [j, M] = c(""), [N, P] = c(!1);
+	}), [A, j] = c({}), [M, N] = c(""), [P, F] = c(!1);
 	if (s(() => {
-		b && x({ variables: { id: b } });
-	}, [b, x]), s(() => {
-		if (S?.getCoupon) {
-			let e = S.getCoupon;
-			O({
+		x && S({ variables: { id: x } });
+	}, [x, S]), s(() => {
+		if (C?.getCoupon) {
+			let e = C.getCoupon;
+			k({
 				name: e.name,
 				description: e.description || "",
 				status: e.status,
@@ -36,45 +37,45 @@ var g = () => {
 				validUntil: e.validUntil ? new Date(e.validUntil).toISOString().split("T")[0] : ""
 			});
 		}
-	}, [S]), !y.canManageDiscounts) return /* @__PURE__ */ p(e, { message: "You don't have permission to manage coupons." });
-	let F = (e, t) => {
-		O((n) => ({
+	}, [C]), !b.canManageDiscounts) return /* @__PURE__ */ p(e, { message: "You don't have permission to manage coupons." });
+	let I = (e, t) => {
+		k((n) => ({
 			...n,
 			[e]: t
-		})), k[e] && A((t) => ({
+		})), A[e] && j((t) => ({
 			...t,
 			[e]: ""
 		}));
-	}, I = () => {
+	}, L = () => {
 		let e = {};
-		return D.name.trim() || (e.name = "Name is required"), D.maxTotalUses && parseInt(D.maxTotalUses) < 1 && (e.maxTotalUses = "Must be at least 1"), D.maxUsesPerUser && parseInt(D.maxUsesPerUser) < 1 && (e.maxUsesPerUser = "Must be at least 1"), A(e), Object.keys(e).length === 0;
-	}, L = async (e) => {
-		if (e.preventDefault(), M(""), P(!1), I()) {
-			if (!b) {
-				M("Coupon ID is missing");
+		return O.name.trim() || (e.name = "Name is required"), O.maxTotalUses && parseInt(O.maxTotalUses) < 1 && (e.maxTotalUses = "Must be at least 1"), O.maxUsesPerUser && parseInt(O.maxUsesPerUser) < 1 && (e.maxUsesPerUser = "Must be at least 1"), j(e), Object.keys(e).length === 0;
+	}, R = async (e) => {
+		if (e.preventDefault(), N(""), F(!1), L()) {
+			if (!x) {
+				N("Coupon ID is missing");
 				return;
 			}
 			try {
 				let e = {};
-				D.name.trim() && (e.name = D.name.trim()), D.description.trim() && (e.description = D.description.trim()), D.status && (e.status = D.status), D.maxTotalUses && (e.maxTotalUses = parseInt(D.maxTotalUses)), D.maxUsesPerUser && (e.maxUsesPerUser = parseInt(D.maxUsesPerUser)), D.validUntil && (e.validUntil = new Date(D.validUntil).toISOString()), await T({ variables: {
-					id: b,
+				O.name.trim() && (e.name = O.name.trim()), O.description.trim() && (e.description = O.description.trim()), O.status && (e.status = O.status), O.maxTotalUses && (e.maxTotalUses = parseInt(O.maxTotalUses)), O.maxUsesPerUser && (e.maxUsesPerUser = parseInt(O.maxUsesPerUser)), O.validUntil && (e.validUntil = new Date(O.validUntil).toISOString()), await E({ variables: {
+					id: x,
 					input: e
-				} }), P(!0), setTimeout(() => {
-					v("/coupons");
+				} }), F(!0), setTimeout(() => {
+					y("/coupons");
 				}, 1500);
 			} catch (e) {
-				console.error("Failed to update coupon:", e), M(e instanceof Error ? e.message : "Failed to update coupon");
+				console.error("Failed to update coupon:", e), N(e instanceof Error ? e.message : "Failed to update coupon");
 			}
 		}
 	};
-	if (C) return /* @__PURE__ */ m("div", {
+	if (w) return /* @__PURE__ */ m("div", {
 		className: "p-8",
 		children: [/* @__PURE__ */ p(t, {
-			title: _("billing.coupons.editTitle", "Edit Coupon"),
+			title: v("billing.coupons.editTitle", "Edit Coupon"),
 			description: "Loading coupon data...",
 			actions: /* @__PURE__ */ m("button", {
 				type: "button",
-				onClick: () => v("/coupons"),
+				onClick: () => y("/coupons"),
 				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__ */ p(u, { className: "size-4" }), "Back"]
 			})
@@ -86,14 +87,14 @@ var g = () => {
 			})
 		})]
 	});
-	if (w || !S?.getCoupon) return /* @__PURE__ */ m("div", {
+	if (T || !C?.getCoupon) return /* @__PURE__ */ m("div", {
 		className: "p-8",
 		children: [/* @__PURE__ */ p(t, {
 			title: "Edit Coupon",
 			description: "Coupon not found",
 			actions: /* @__PURE__ */ m("button", {
 				type: "button",
-				onClick: () => v("/coupons"),
+				onClick: () => y("/coupons"),
 				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__ */ p(u, { className: "size-4" }), "Back"]
 			})
@@ -101,282 +102,289 @@ var g = () => {
 			className: "flex items-center justify-center h-64",
 			children: /* @__PURE__ */ p("div", {
 				className: "text-status-error-text",
-				children: w ? `Error: ${w.message}` : "Coupon not found"
+				children: T ? `Error: ${T.message}` : "Coupon not found"
 			})
 		})]
 	});
-	let R = S.getCoupon;
+	let z = C.getCoupon;
 	return /* @__PURE__ */ m("div", {
 		className: "p-8",
-		children: [/* @__PURE__ */ p(t, {
-			title: "Edit Coupon",
-			description: `Editing: ${R.code}`,
-			actions: /* @__PURE__ */ m("button", {
-				type: "button",
-				onClick: () => v("/coupons"),
-				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__ */ p(u, { className: "size-4" }), "Back to Coupons"]
-			})
-		}), /* @__PURE__ */ p("div", {
-			className: "max-w-3xl mx-auto mt-8",
-			children: /* @__PURE__ */ m("form", {
-				onSubmit: L,
-				className: "space-y-6",
-				children: [
-					/* @__PURE__ */ m("div", {
-						className: "bg-bg-sunken/30 border border-border-subtle rounded-lg p-6",
-						children: [/* @__PURE__ */ p("h3", {
-							className: "text-lg font-semibold text-text-primary mb-4",
-							children: "Coupon Details (Read-Only)"
-						}), /* @__PURE__ */ m("div", {
-							className: "grid grid-cols-2 gap-4 text-sm",
-							children: [
-								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
-									className: "text-text-muted",
-									children: "Code:"
-								}), /* @__PURE__ */ p("span", {
-									className: "ml-2 font-mono font-medium text-text-primary",
-									children: R.code
-								})] }),
-								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
-									className: "text-text-muted",
-									children: "Type:"
-								}), /* @__PURE__ */ p("span", {
-									className: "ml-2 text-text-primary capitalize",
-									children: R.type.replace("_", " ").toLowerCase()
-								})] }),
-								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
-									className: "text-text-muted",
-									children: "Value:"
-								}), /* @__PURE__ */ p("span", {
-									className: "ml-2 text-text-primary",
-									children: R.type === "PERCENTAGE" ? `${R.value}%` : `$${R.value}`
-								})] }),
-								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
-									className: "text-text-muted",
-									children: "Scope:"
-								}), /* @__PURE__ */ p("span", {
-									className: "ml-2 text-text-primary",
-									children: R.scope
-								})] }),
-								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
-									className: "text-text-muted",
-									children: "Current Uses:"
-								}), /* @__PURE__ */ m("span", {
-									className: "ml-2 text-text-primary",
-									children: [R.currentUses, R.maxTotalUses ? ` / ${R.maxTotalUses}` : ""]
-								})] }),
-								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
-									className: "text-text-muted",
-									children: "Created:"
-								}), /* @__PURE__ */ p("span", {
-									className: "ml-2 text-text-primary",
-									children: new Date(R.createdAt).toLocaleDateString()
-								})] })
-							]
-						})]
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-6",
-						children: [
-							/* @__PURE__ */ p("h3", {
-								className: "text-lg font-semibold text-text-primary",
-								children: "Editable Fields"
-							}),
-							/* @__PURE__ */ m("div", {
-								className: "space-y-2",
+		children: [
+			/* @__PURE__ */ p(t, {
+				title: "Edit Coupon",
+				description: `Editing: ${z.code}`,
+				actions: /* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: () => y("/coupons"),
+					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__ */ p(u, { className: "size-4" }), "Back to Coupons"]
+				})
+			}),
+			/* @__PURE__ */ p(g, {
+				className: "mt-2",
+				children: "Update an existing coupon's discount, limits, expiry or applicable products. The code itself and its usage history are read-only; deactivate the coupon if you want to stop it being redeemed."
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "max-w-3xl mx-auto mt-8",
+				children: /* @__PURE__ */ m("form", {
+					onSubmit: R,
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ m("div", {
+							className: "bg-bg-sunken/30 border border-border-subtle rounded-lg p-6",
+							children: [/* @__PURE__ */ p("h3", {
+								className: "text-lg font-semibold text-text-primary mb-4",
+								children: "Coupon Details (Read-Only)"
+							}), /* @__PURE__ */ m("div", {
+								className: "grid grid-cols-2 gap-4 text-sm",
 								children: [
-									/* @__PURE__ */ m("label", {
-										htmlFor: "name",
-										className: "block text-sm font-medium text-text-primary",
-										children: ["Name ", /* @__PURE__ */ p("span", {
-											className: "text-status-error-text",
-											children: "*"
-										})]
-									}),
-									/* @__PURE__ */ p("input", {
-										id: "name",
-										type: "text",
-										value: D.name,
-										onChange: (e) => F("name", e.target.value),
-										placeholder: "e.g., Welcome Discount",
-										className: "w-full px-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)]"
-									}),
-									k.name && /* @__PURE__ */ p("p", {
-										className: "text-sm text-status-error-text",
-										children: k.name
-									})
+									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+										className: "text-text-muted",
+										children: "Code:"
+									}), /* @__PURE__ */ p("span", {
+										className: "ml-2 font-mono font-medium text-text-primary",
+										children: z.code
+									})] }),
+									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+										className: "text-text-muted",
+										children: "Type:"
+									}), /* @__PURE__ */ p("span", {
+										className: "ml-2 text-text-primary capitalize",
+										children: z.type.replace("_", " ").toLowerCase()
+									})] }),
+									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+										className: "text-text-muted",
+										children: "Value:"
+									}), /* @__PURE__ */ p("span", {
+										className: "ml-2 text-text-primary",
+										children: z.type === "PERCENTAGE" ? `${z.value}%` : `$${z.value}`
+									})] }),
+									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+										className: "text-text-muted",
+										children: "Scope:"
+									}), /* @__PURE__ */ p("span", {
+										className: "ml-2 text-text-primary",
+										children: z.scope
+									})] }),
+									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+										className: "text-text-muted",
+										children: "Current Uses:"
+									}), /* @__PURE__ */ m("span", {
+										className: "ml-2 text-text-primary",
+										children: [z.currentUses, z.maxTotalUses ? ` / ${z.maxTotalUses}` : ""]
+									})] }),
+									/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
+										className: "text-text-muted",
+										children: "Created:"
+									}), /* @__PURE__ */ p("span", {
+										className: "ml-2 text-text-primary",
+										children: new Date(z.createdAt).toLocaleDateString()
+									})] })
 								]
-							}),
-							/* @__PURE__ */ m("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ p("label", {
-									htmlFor: "description",
-									className: "block text-sm font-medium text-text-primary",
-									children: "Description"
-								}), /* @__PURE__ */ p("textarea", {
-									id: "description",
-									value: D.description,
-									onChange: (e) => F("description", e.target.value),
-									placeholder: "Optional description",
-									rows: 3,
-									className: "w-full px-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)] resize-none"
-								})]
-							}),
-							/* @__PURE__ */ m("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ p("label", {
-									htmlFor: "status",
-									className: "block text-sm font-medium text-text-primary",
-									children: "Status"
-								}), /* @__PURE__ */ m("select", {
-									id: "status",
-									value: D.status,
-									onChange: (e) => F("status", e.target.value),
-									className: "w-full 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)]",
+							})]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-6",
+							children: [
+								/* @__PURE__ */ p("h3", {
+									className: "text-lg font-semibold text-text-primary",
+									children: "Editable Fields"
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "space-y-2",
 									children: [
-										/* @__PURE__ */ p("option", {
-											value: "ACTIVE",
-											children: "Active"
-										}),
-										/* @__PURE__ */ p("option", {
-											value: "INACTIVE",
-											children: "Inactive"
+										/* @__PURE__ */ m("label", {
+											htmlFor: "name",
+											className: "block text-sm font-medium text-text-primary",
+											children: ["Name ", /* @__PURE__ */ p("span", {
+												className: "text-status-error-text",
+												children: "*"
+											})]
 										}),
-										/* @__PURE__ */ p("option", {
-											value: "EXPIRED",
-											children: "Expired"
+										/* @__PURE__ */ p("input", {
+											id: "name",
+											type: "text",
+											value: O.name,
+											onChange: (e) => I("name", e.target.value),
+											placeholder: "e.g., Welcome Discount",
+											className: "w-full px-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__ */ p("option", {
-											value: "DEPLETED",
-											children: "Depleted"
+										A.name && /* @__PURE__ */ p("p", {
+											className: "text-sm text-status-error-text",
+											children: A.name
 										})
 									]
-								})]
-							}),
-							/* @__PURE__ */ m("div", {
-								className: "space-y-2",
-								children: [
-									/* @__PURE__ */ p("label", {
-										htmlFor: "maxTotalUses",
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ p("label", {
+										htmlFor: "description",
+										className: "block text-sm font-medium text-text-primary",
+										children: "Description"
+									}), /* @__PURE__ */ p("textarea", {
+										id: "description",
+										value: O.description,
+										onChange: (e) => I("description", e.target.value),
+										placeholder: "Optional description",
+										rows: 3,
+										className: "w-full px-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)] resize-none"
+									})]
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ p("label", {
+										htmlFor: "status",
 										className: "block text-sm font-medium text-text-primary",
-										children: "Maximum Total Uses"
-									}),
-									/* @__PURE__ */ p("input", {
-										id: "maxTotalUses",
-										type: "number",
-										min: "1",
-										value: D.maxTotalUses,
-										onChange: (e) => F("maxTotalUses", e.target.value),
-										placeholder: "Leave empty for unlimited",
-										className: "w-full px-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)]"
-									}),
-									k.maxTotalUses && /* @__PURE__ */ p("p", {
-										className: "text-sm text-status-error-text",
-										children: k.maxTotalUses
-									}),
-									/* @__PURE__ */ m("p", {
-										className: "text-sm text-text-muted",
+										children: "Status"
+									}), /* @__PURE__ */ m("select", {
+										id: "status",
+										value: O.status,
+										onChange: (e) => I("status", e.target.value),
+										className: "w-full 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: [
-											"Current uses: ",
-											R.currentUses,
-											R.maxTotalUses ? ` / ${R.maxTotalUses}` : ""
+											/* @__PURE__ */ p("option", {
+												value: "ACTIVE",
+												children: "Active"
+											}),
+											/* @__PURE__ */ p("option", {
+												value: "INACTIVE",
+												children: "Inactive"
+											}),
+											/* @__PURE__ */ p("option", {
+												value: "EXPIRED",
+												children: "Expired"
+											}),
+											/* @__PURE__ */ p("option", {
+												value: "DEPLETED",
+												children: "Depleted"
+											})
 										]
-									})
-								]
-							}),
-							/* @__PURE__ */ m("div", {
-								className: "space-y-2",
-								children: [
-									/* @__PURE__ */ p("label", {
-										htmlFor: "maxUsesPerUser",
-										className: "block text-sm font-medium text-text-primary",
-										children: "Maximum Uses Per User"
-									}),
-									/* @__PURE__ */ p("input", {
-										id: "maxUsesPerUser",
-										type: "number",
-										min: "1",
-										value: D.maxUsesPerUser,
-										onChange: (e) => F("maxUsesPerUser", e.target.value),
-										placeholder: "e.g., 1",
-										className: "w-full px-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)]"
-									}),
-									k.maxUsesPerUser && /* @__PURE__ */ p("p", {
-										className: "text-sm text-status-error-text",
-										children: k.maxUsesPerUser
-									})
-								]
-							}),
-							/* @__PURE__ */ m("div", {
-								className: "space-y-2",
-								children: [
-									/* @__PURE__ */ p("label", {
-										htmlFor: "validUntil",
-										className: "block text-sm font-medium text-text-primary",
-										children: "Valid Until"
-									}),
-									/* @__PURE__ */ p("input", {
-										id: "validUntil",
-										type: "date",
-										value: D.validUntil,
-										onChange: (e) => F("validUntil", e.target.value),
-										className: "w-full 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)]"
-									}),
-									/* @__PURE__ */ p("p", {
-										className: "text-sm text-text-muted",
-										children: "Leave empty for no expiration"
-									})
-								]
-							})
-						]
-					}),
-					j && /* @__PURE__ */ m("div", {
-						className: "flex items-start gap-3 p-4 rounded-lg bg-status-error-bg-subtle border border-status-error-border",
-						children: [/* @__PURE__ */ p(l, { className: "size-5 text-status-error-text mt-0.5" }), /* @__PURE__ */ m("div", {
-							className: "flex-1",
-							children: [/* @__PURE__ */ p("p", {
-								className: "text-sm font-medium text-status-error-text",
-								children: "Error"
-							}), /* @__PURE__ */ p("p", {
-								className: "text-sm text-status-error-text/90 mt-1",
-								children: j
+									})]
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "space-y-2",
+									children: [
+										/* @__PURE__ */ p("label", {
+											htmlFor: "maxTotalUses",
+											className: "block text-sm font-medium text-text-primary",
+											children: "Maximum Total Uses"
+										}),
+										/* @__PURE__ */ p("input", {
+											id: "maxTotalUses",
+											type: "number",
+											min: "1",
+											value: O.maxTotalUses,
+											onChange: (e) => I("maxTotalUses", e.target.value),
+											placeholder: "Leave empty for unlimited",
+											className: "w-full px-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)]"
+										}),
+										A.maxTotalUses && /* @__PURE__ */ p("p", {
+											className: "text-sm text-status-error-text",
+											children: A.maxTotalUses
+										}),
+										/* @__PURE__ */ m("p", {
+											className: "text-sm text-text-muted",
+											children: [
+												"Current uses: ",
+												z.currentUses,
+												z.maxTotalUses ? ` / ${z.maxTotalUses}` : ""
+											]
+										})
+									]
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "space-y-2",
+									children: [
+										/* @__PURE__ */ p("label", {
+											htmlFor: "maxUsesPerUser",
+											className: "block text-sm font-medium text-text-primary",
+											children: "Maximum Uses Per User"
+										}),
+										/* @__PURE__ */ p("input", {
+											id: "maxUsesPerUser",
+											type: "number",
+											min: "1",
+											value: O.maxUsesPerUser,
+											onChange: (e) => I("maxUsesPerUser", e.target.value),
+											placeholder: "e.g., 1",
+											className: "w-full px-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)]"
+										}),
+										A.maxUsesPerUser && /* @__PURE__ */ p("p", {
+											className: "text-sm text-status-error-text",
+											children: A.maxUsesPerUser
+										})
+									]
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "space-y-2",
+									children: [
+										/* @__PURE__ */ p("label", {
+											htmlFor: "validUntil",
+											className: "block text-sm font-medium text-text-primary",
+											children: "Valid Until"
+										}),
+										/* @__PURE__ */ p("input", {
+											id: "validUntil",
+											type: "date",
+											value: O.validUntil,
+											onChange: (e) => I("validUntil", e.target.value),
+											className: "w-full 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)]"
+										}),
+										/* @__PURE__ */ p("p", {
+											className: "text-sm text-text-muted",
+											children: "Leave empty for no expiration"
+										})
+									]
+								})
+							]
+						}),
+						M && /* @__PURE__ */ m("div", {
+							className: "flex items-start gap-3 p-4 rounded-lg bg-status-error-bg-subtle border border-status-error-border",
+							children: [/* @__PURE__ */ p(l, { className: "size-5 text-status-error-text mt-0.5" }), /* @__PURE__ */ m("div", {
+								className: "flex-1",
+								children: [/* @__PURE__ */ p("p", {
+									className: "text-sm font-medium text-status-error-text",
+									children: "Error"
+								}), /* @__PURE__ */ p("p", {
+									className: "text-sm text-status-error-text/90 mt-1",
+									children: M
+								})]
 							})]
-						})]
-					}),
-					N && /* @__PURE__ */ m("div", {
-						className: "flex items-start gap-3 p-4 rounded-lg bg-status-success-bg-subtle border border-status-success-bg-subtle",
-						children: [/* @__PURE__ */ p(d, { className: "size-5 text-status-success-text mt-0.5" }), /* @__PURE__ */ m("div", {
-							className: "flex-1",
-							children: [/* @__PURE__ */ p("p", {
-								className: "text-sm font-medium text-status-success-text",
-								children: "Success"
-							}), /* @__PURE__ */ p("p", {
-								className: "text-sm text-status-success-text/90 mt-1",
-								children: "Coupon updated successfully! Redirecting…"
+						}),
+						P && /* @__PURE__ */ m("div", {
+							className: "flex items-start gap-3 p-4 rounded-lg bg-status-success-bg-subtle border border-status-success-bg-subtle",
+							children: [/* @__PURE__ */ p(d, { className: "size-5 text-status-success-text mt-0.5" }), /* @__PURE__ */ m("div", {
+								className: "flex-1",
+								children: [/* @__PURE__ */ p("p", {
+									className: "text-sm font-medium text-status-success-text",
+									children: "Success"
+								}), /* @__PURE__ */ p("p", {
+									className: "text-sm text-status-success-text/90 mt-1",
+									children: "Coupon updated successfully! Redirecting…"
+								})]
 							})]
-						})]
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "flex gap-4 pt-4 border-t border-border-subtle",
-						children: [/* @__PURE__ */ m("button", {
-							type: "submit",
-							disabled: E || N,
-							className: "px-6 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2",
-							children: [/* @__PURE__ */ p(f, { className: "size-4" }), E ? "Updating..." : "Update Coupon"]
-						}), /* @__PURE__ */ p("button", {
-							type: "button",
-							onClick: () => v("/coupons"),
-							className: "px-6 py-2 rounded-lg border border-border-subtle text-text-primary hover:bg-bg-sunken",
-							children: "Cancel"
-						})]
-					})
-				]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "flex gap-4 pt-4 border-t border-border-subtle",
+							children: [/* @__PURE__ */ m("button", {
+								type: "submit",
+								disabled: D || P,
+								className: "px-6 py-2 rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2",
+								children: [/* @__PURE__ */ p(f, { className: "size-4" }), D ? "Updating..." : "Update Coupon"]
+							}), /* @__PURE__ */ p("button", {
+								type: "button",
+								onClick: () => y("/coupons"),
+								className: "px-6 py-2 rounded-lg border border-border-subtle text-text-primary hover:bg-bg-sunken",
+								children: "Cancel"
+							})]
+						})
+					]
+				})
 			})
-		})]
+		]
 	});
 };
 //#endregion
-export { g as EditCouponPage };
+export { _ as EditCouponPage };
 
 //# sourceMappingURL=EditCouponPage.js.map