@burdenoff/microfe-billing 2026.625.4 → 2026.626.1

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

@@ -8,8 +8,9 @@ import { useRef as a, useState as o } from "react";
 import { ArrowLeft as s, Package as c, Percent as l, Save as u, Tag as d, Users as f, X as p } from "lucide-react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { PagePurpose as v } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/coupons/pages/CreateCouponPage.tsx
-var v = [
+var y = [
 	{
 		code: "USD",
 		symbol: "$",
@@ -85,11 +86,11 @@ var v = [
 		symbol: "₩",
 		name: "South Korean Won"
 	}
-], y = () => {
-	let { t: y } = _(), b = (e, t) => {
-		let n = y(e);
+], b = () => {
+	let { t: b } = _(), x = (e, t) => {
+		let n = b(e);
 		return n === e ? t : n;
-	}, x = i(), S = n(), [C, w] = o(""), T = a(null), [E, D] = o({
+	}, S = i(), C = n(), [w, T] = o(""), E = a(null), [D, O] = o({
 		code: "",
 		name: "",
 		description: "",
@@ -107,493 +108,497 @@ var v = [
 		applicableProducts: [],
 		applicableServices: [],
 		campaignName: ""
-	}), [O, k] = o({}), [A, j] = o(!1), M = v.find((e) => e.code === E.currency)?.symbol ?? E.currency, [N] = r({ refetchQueries: ["ListCoupons"] });
-	if (!S.canManageDiscounts) return /* @__PURE__ */ h(e, { message: "You don't have permission to create coupons." });
-	let P = (e, t) => {
-		D((n) => ({
+	}), [k, A] = o({}), [j, M] = o(!1), N = y.find((e) => e.code === D.currency)?.symbol ?? D.currency, [P] = r({ refetchQueries: ["ListCoupons"] });
+	if (!C.canManageDiscounts) return /* @__PURE__ */ h(e, { message: "You don't have permission to create coupons." });
+	let F = (e, t) => {
+		O((n) => ({
 			...n,
 			[e]: t
-		})), O[e] && k((t) => {
+		})), k[e] && A((t) => {
 			let n = { ...t };
 			return delete n[e], n;
 		});
-	}, F = () => {
+	}, I = () => {
 		let e = {};
-		return E.code.trim() ? /^[A-Z0-9-_]+$/.test(E.code) ? E.code.length < 3 ? e.code = "Code must be at least 3 characters" : E.code.length > 50 && (e.code = "Code must be at most 50 characters") : e.code = "Code must contain only uppercase letters, numbers, hyphens, and underscores" : e.code = "Coupon code is required", E.name.trim() || (e.name = "Coupon name is required"), E.value <= 0 && (e.value = "Value must be greater than 0"), E.type === "PERCENTAGE" && E.value > 100 && (e.value = "Percentage cannot exceed 100%"), E.scope === "USER_SPECIFIC" && E.restrictedToUserIds.length === 0 && (e.restrictedToUserIds = "Add at least one user email or ID"), E.validFrom || (e.validFrom = "Start date is required"), E.validUntil && E.validUntil < E.validFrom && (e.validUntil = "End date must be after start date"), k(e), Object.keys(e).length === 0;
-	}, I = (e) => {
-		let t = e.trim();
-		t && (E.restrictedToUserIds.includes(t) || P("restrictedToUserIds", [...E.restrictedToUserIds, t]), w(""));
+		return D.code.trim() ? /^[A-Z0-9-_]+$/.test(D.code) ? D.code.length < 3 ? e.code = "Code must be at least 3 characters" : D.code.length > 50 && (e.code = "Code must be at most 50 characters") : e.code = "Code must contain only uppercase letters, numbers, hyphens, and underscores" : e.code = "Coupon code is required", D.name.trim() || (e.name = "Coupon name is required"), D.value <= 0 && (e.value = "Value must be greater than 0"), D.type === "PERCENTAGE" && D.value > 100 && (e.value = "Percentage cannot exceed 100%"), D.scope === "USER_SPECIFIC" && D.restrictedToUserIds.length === 0 && (e.restrictedToUserIds = "Add at least one user email or ID"), D.validFrom || (e.validFrom = "Start date is required"), D.validUntil && D.validUntil < D.validFrom && (e.validUntil = "End date must be after start date"), A(e), Object.keys(e).length === 0;
 	}, L = (e) => {
-		P("restrictedToUserIds", E.restrictedToUserIds.filter((t) => t !== e));
+		let t = e.trim();
+		t && (D.restrictedToUserIds.includes(t) || F("restrictedToUserIds", [...D.restrictedToUserIds, t]), T(""));
+	}, R = (e) => {
+		F("restrictedToUserIds", D.restrictedToUserIds.filter((t) => t !== e));
 	};
 	return /* @__PURE__ */ g("div", {
 		className: "max-w-4xl mx-auto p-4 sm:p-6 space-y-6",
-		children: [/* @__PURE__ */ g("div", {
-			className: "flex items-center gap-4",
-			children: [/* @__PURE__ */ h("button", {
-				type: "button",
-				onClick: () => x("/coupons"),
-				className: "p-2 rounded-lg hover:bg-bg-sunken text-text-muted hover:text-text-primary",
-				children: /* @__PURE__ */ h(s, { className: "size-5" })
-			}), /* @__PURE__ */ h(t, {
-				title: b("billing.coupons.createTitle", "Create Coupon"),
-				description: "Create a new discount code or promotional offer",
-				icon: /* @__PURE__ */ h(d, { className: "size-6" })
-			})]
-		}), /* @__PURE__ */ g("form", {
-			onSubmit: async (e) => {
-				if (e.preventDefault(), F()) {
-					j(!0);
-					try {
-						if ((await N({ variables: { input: {
-							code: E.code,
-							name: E.name,
-							description: E.description,
-							scope: E.scope,
-							type: E.type,
-							value: E.value,
-							currency: E.currency,
-							minPurchaseAmount: E.minPurchaseAmount,
-							maxDiscountAmount: E.maxDiscountAmount,
-							maxTotalUses: E.maxTotalUses,
-							maxUsesPerUser: E.maxUsesPerUser,
-							validFrom: new Date(E.validFrom).toISOString(),
-							validUntil: E.validUntil ? new Date(E.validUntil).toISOString() : void 0,
-							restrictedToUserIds: E.restrictedToUserIds,
-							applicableProducts: E.applicableProducts,
-							applicableServices: E.applicableServices,
-							excludedProducts: [],
-							excludedServices: [],
-							campaignName: E.campaignName || void 0
-						} } })).data?.createCoupon) x("/coupons");
-						else throw Error("Failed to create coupon");
-					} catch (e) {
-						console.error("Error creating coupon:", e), k({ code: e instanceof Error ? e.message : "Failed to create coupon. Please try again." });
-					} finally {
-						j(!1);
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: "flex items-center gap-4",
+				children: [/* @__PURE__ */ h("button", {
+					type: "button",
+					onClick: () => S("/coupons"),
+					className: "p-2 rounded-lg hover:bg-bg-sunken text-text-muted hover:text-text-primary",
+					children: /* @__PURE__ */ h(s, { className: "size-5" })
+				}), /* @__PURE__ */ h(t, {
+					title: x("billing.coupons.createTitle", "Create Coupon"),
+					description: "Create a new discount code or promotional offer",
+					icon: /* @__PURE__ */ h(d, { className: "size-6" })
+				})]
+			}),
+			/* @__PURE__ */ h(v, { children: x("billing.coupons.createPurpose", "Define a new discount code customers can redeem at checkout. Choose whether it takes a percentage or fixed amount off, set any usage limit and expiry, and pick which products it applies to.") }),
+			/* @__PURE__ */ g("form", {
+				onSubmit: async (e) => {
+					if (e.preventDefault(), I()) {
+						M(!0);
+						try {
+							if ((await P({ variables: { input: {
+								code: D.code,
+								name: D.name,
+								description: D.description,
+								scope: D.scope,
+								type: D.type,
+								value: D.value,
+								currency: D.currency,
+								minPurchaseAmount: D.minPurchaseAmount,
+								maxDiscountAmount: D.maxDiscountAmount,
+								maxTotalUses: D.maxTotalUses,
+								maxUsesPerUser: D.maxUsesPerUser,
+								validFrom: new Date(D.validFrom).toISOString(),
+								validUntil: D.validUntil ? new Date(D.validUntil).toISOString() : void 0,
+								restrictedToUserIds: D.restrictedToUserIds,
+								applicableProducts: D.applicableProducts,
+								applicableServices: D.applicableServices,
+								excludedProducts: [],
+								excludedServices: [],
+								campaignName: D.campaignName || void 0
+							} } })).data?.createCoupon) S("/coupons");
+							else throw Error("Failed to create coupon");
+						} catch (e) {
+							console.error("Error creating coupon:", e), A({ code: e instanceof Error ? e.message : "Failed to create coupon. Please try again." });
+						} finally {
+							M(!1);
+						}
 					}
-				}
-			},
-			className: "space-y-6",
-			children: [
-				/* @__PURE__ */ g("div", {
-					className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
-					children: [
-						/* @__PURE__ */ h("h3", {
-							className: "text-lg font-semibold text-text-primary",
-							children: "Basic Information"
-						}),
-						/* @__PURE__ */ g("div", { children: [
-							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-text-primary mb-1",
-								children: "Coupon Code *"
-							}),
-							/* @__PURE__ */ h("input", {
-								type: "text",
-								value: E.code,
-								onChange: (e) => P("code", e.target.value.toUpperCase()),
-								placeholder: "e.g., WELCOME20",
-								className: `w-full px-4 py-2 rounded-input border ${O.code ? "border-status-error-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)]`
-							}),
-							O.code && /* @__PURE__ */ h("p", {
-								className: "text-sm text-status-error-text mt-1",
-								children: O.code
+				},
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ g("div", {
+						className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
+						children: [
+							/* @__PURE__ */ h("h3", {
+								className: "text-lg font-semibold text-text-primary",
+								children: "Basic Information"
 							}),
-							/* @__PURE__ */ h("p", {
-								className: "text-xs text-text-muted mt-1",
-								children: "Use uppercase letters, numbers, hyphens, and underscores"
-							})
-						] }),
-						/* @__PURE__ */ g("div", { children: [
-							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-text-primary mb-1",
-								children: "Display Name *"
-							}),
-							/* @__PURE__ */ h("input", {
-								type: "text",
-								value: E.name,
-								onChange: (e) => P("name", e.target.value),
-								placeholder: "e.g., Welcome 20% Off",
-								className: `w-full px-4 py-2 rounded-input border ${O.name ? "border-status-error-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)]`
-							}),
-							O.name && /* @__PURE__ */ h("p", {
-								className: "text-sm text-status-error-text mt-1",
-								children: O.name
-							})
-						] }),
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
-							className: "block text-sm font-medium text-text-primary mb-1",
-							children: "Description"
-						}), /* @__PURE__ */ h("textarea", {
-							value: E.description,
-							onChange: (e) => P("description", e.target.value),
-							placeholder: "Optional description for internal use",
-							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)]"
-						})] })
-					]
-				}),
-				/* @__PURE__ */ g("div", {
-					className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
-					children: [
-						/* @__PURE__ */ h("h3", {
-							className: "text-lg font-semibold text-text-primary",
-							children: "Discount Configuration"
-						}),
-						/* @__PURE__ */ g("div", { children: [
-							/* @__PURE__ */ h("label", {
+							/* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ h("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: "Coupon Code *"
+								}),
+								/* @__PURE__ */ h("input", {
+									type: "text",
+									value: D.code,
+									onChange: (e) => F("code", e.target.value.toUpperCase()),
+									placeholder: "e.g., WELCOME20",
+									className: `w-full px-4 py-2 rounded-input border ${k.code ? "border-status-error-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.code && /* @__PURE__ */ h("p", {
+									className: "text-sm text-status-error-text mt-1",
+									children: k.code
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "text-xs text-text-muted mt-1",
+									children: "Use uppercase letters, numbers, hyphens, and underscores"
+								})
+							] }),
+							/* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ h("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: "Display Name *"
+								}),
+								/* @__PURE__ */ h("input", {
+									type: "text",
+									value: D.name,
+									onChange: (e) => F("name", e.target.value),
+									placeholder: "e.g., Welcome 20% Off",
+									className: `w-full px-4 py-2 rounded-input border ${k.name ? "border-status-error-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__ */ h("p", {
+									className: "text-sm text-status-error-text mt-1",
+									children: k.name
+								})
+							] }),
+							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 								className: "block text-sm font-medium text-text-primary mb-1",
-								children: "Coupon Currency *"
+								children: "Description"
+							}), /* @__PURE__ */ h("textarea", {
+								value: D.description,
+								onChange: (e) => F("description", e.target.value),
+								placeholder: "Optional description for internal use",
+								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)]"
+							})] })
+						]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
+						children: [
+							/* @__PURE__ */ h("h3", {
+								className: "text-lg font-semibold text-text-primary",
+								children: "Discount Configuration"
 							}),
-							/* @__PURE__ */ h("select", {
-								value: E.currency,
-								onChange: (e) => P("currency", 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: v.map(({ code: e, symbol: t, name: n }) => /* @__PURE__ */ g("option", {
-									value: e,
+							/* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ h("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: "Coupon Currency *"
+								}),
+								/* @__PURE__ */ h("select", {
+									value: D.currency,
+									onChange: (e) => F("currency", 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: y.map(({ code: e, symbol: t, name: n }) => /* @__PURE__ */ g("option", {
+										value: e,
+										children: [
+											t,
+											" ",
+											e,
+											" — ",
+											n
+										]
+									}, e))
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "text-xs text-text-muted mt-1",
+									children: "Amounts below are in this currency. Users paying in a different currency (e.g. INR) will have the amounts automatically converted using live exchange rates at validation time."
+								})
+							] }),
+							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+								className: "block text-sm font-medium text-text-primary mb-2",
+								children: "Discount Type *"
+							}), /* @__PURE__ */ h("div", {
+								className: "grid grid-cols-3 gap-3",
+								children: [
+									{
+										value: "PERCENTAGE",
+										label: "Percentage",
+										icon: l
+									},
+									{
+										value: "FIXED_AMOUNT",
+										label: `Fixed (${N})`,
+										icon: null
+									},
+									{
+										value: "FREE_SHIPPING",
+										label: "Free Shipping",
+										icon: c
+									}
+								].map(({ value: e, label: t, icon: n }) => /* @__PURE__ */ g("button", {
+									type: "button",
+									onClick: () => F("type", e),
+									className: `p-4 rounded-lg border-2 transition-colors ${D.type === e ? "border-action-primary-bg bg-[var(--color-accent-soft)]" : "border-border-subtle hover:border-action-primary-bg/50"}`,
+									children: [n ? /* @__PURE__ */ h(n, { className: "size-5 mx-auto mb-2" }) : /* @__PURE__ */ h("span", {
+										className: "block text-lg font-bold mb-2",
+										children: N
+									}), /* @__PURE__ */ h("p", {
+										className: "text-sm font-medium",
+										children: t
+									})]
+								}, e))
+							})] }),
+							/* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ h("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: "Discount Value *"
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "relative",
+									children: D.type === "PERCENTAGE" ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(l, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted" }), /* @__PURE__ */ h("input", {
+										type: "number",
+										value: D.value,
+										onChange: (e) => F("value", parseFloat(e.target.value)),
+										min: "0",
+										max: "100",
+										step: "0.01",
+										className: `w-full pl-10 pr-4 py-2 rounded-input border ${k.value ? "border-status-error-border" : "border-border-subtle"} bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]`
+									})] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
+										className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-muted font-medium",
+										children: N
+									}), /* @__PURE__ */ h("input", {
+										type: "number",
+										value: D.value,
+										onChange: (e) => F("value", parseFloat(e.target.value)),
+										min: "0",
+										step: "0.01",
+										className: `w-full pl-10 pr-4 py-2 rounded-input border ${k.value ? "border-status-error-border" : "border-border-subtle"} bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]`
+									})] })
+								}),
+								k.value && /* @__PURE__ */ h("p", {
+									className: "text-sm text-status-error-text mt-1",
+									children: k.value
+								})
+							] }),
+							/* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ g("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
 									children: [
-										t,
-										" ",
-										e,
-										" — ",
-										n
+										"Minimum Purchase Amount (",
+										D.currency,
+										")"
 									]
-								}, e))
-							}),
-							/* @__PURE__ */ h("p", {
-								className: "text-xs text-text-muted mt-1",
-								children: "Amounts below are in this currency. Users paying in a different currency (e.g. INR) will have the amounts automatically converted using live exchange rates at validation time."
-							})
-						] }),
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
-							className: "block text-sm font-medium text-text-primary mb-2",
-							children: "Discount Type *"
-						}), /* @__PURE__ */ h("div", {
-							className: "grid grid-cols-3 gap-3",
-							children: [
-								{
-									value: "PERCENTAGE",
-									label: "Percentage",
-									icon: l
-								},
-								{
-									value: "FIXED_AMOUNT",
-									label: `Fixed (${M})`,
-									icon: null
-								},
-								{
-									value: "FREE_SHIPPING",
-									label: "Free Shipping",
-									icon: c
-								}
-							].map(({ value: e, label: t, icon: n }) => /* @__PURE__ */ g("button", {
-								type: "button",
-								onClick: () => P("type", e),
-								className: `p-4 rounded-lg border-2 transition-colors ${E.type === e ? "border-action-primary-bg bg-[var(--color-accent-soft)]" : "border-border-subtle hover:border-action-primary-bg/50"}`,
-								children: [n ? /* @__PURE__ */ h(n, { className: "size-5 mx-auto mb-2" }) : /* @__PURE__ */ h("span", {
-									className: "block text-lg font-bold mb-2",
-									children: M
-								}), /* @__PURE__ */ h("p", {
-									className: "text-sm font-medium",
-									children: t
-								})]
-							}, e))
-						})] }),
-						/* @__PURE__ */ g("div", { children: [
-							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-text-primary mb-1",
-								children: "Discount Value *"
-							}),
-							/* @__PURE__ */ h("div", {
-								className: "relative",
-								children: E.type === "PERCENTAGE" ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(l, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted" }), /* @__PURE__ */ h("input", {
-									type: "number",
-									value: E.value,
-									onChange: (e) => P("value", parseFloat(e.target.value)),
-									min: "0",
-									max: "100",
-									step: "0.01",
-									className: `w-full pl-10 pr-4 py-2 rounded-input border ${O.value ? "border-status-error-border" : "border-border-subtle"} bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]`
-								})] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
-									className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-muted font-medium",
-									children: M
-								}), /* @__PURE__ */ h("input", {
-									type: "number",
-									value: E.value,
-									onChange: (e) => P("value", parseFloat(e.target.value)),
-									min: "0",
-									step: "0.01",
-									className: `w-full pl-10 pr-4 py-2 rounded-input border ${O.value ? "border-status-error-border" : "border-border-subtle"} bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]`
-								})] })
-							}),
-							O.value && /* @__PURE__ */ h("p", {
-								className: "text-sm text-status-error-text mt-1",
-								children: O.value
-							})
-						] }),
-						/* @__PURE__ */ g("div", { children: [
-							/* @__PURE__ */ g("label", {
-								className: "block text-sm font-medium text-text-primary mb-1",
-								children: [
-									"Minimum Purchase Amount (",
-									E.currency,
-									")"
-								]
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "relative",
+									children: [/* @__PURE__ */ h("span", {
+										className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-muted font-medium",
+										children: N
+									}), /* @__PURE__ */ h("input", {
+										type: "number",
+										value: D.minPurchaseAmount || "",
+										onChange: (e) => F("minPurchaseAmount", e.target.value ? parseFloat(e.target.value) : null),
+										min: "0",
+										step: "0.01",
+										placeholder: "No minimum",
+										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__ */ g("p", {
+									className: "text-xs text-text-muted mt-1",
+									children: [
+										"Order must be at least this amount in ",
+										D.currency,
+										" (auto-converted for other currencies)"
+									]
+								})
+							] }),
+							D.type === "PERCENTAGE" && /* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ g("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: [
+										"Maximum Discount Amount (",
+										D.currency,
+										")"
+									]
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "relative",
+									children: [/* @__PURE__ */ h("span", {
+										className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-muted font-medium",
+										children: N
+									}), /* @__PURE__ */ h("input", {
+										type: "number",
+										value: D.maxDiscountAmount || "",
+										onChange: (e) => F("maxDiscountAmount", e.target.value ? parseFloat(e.target.value) : null),
+										min: "0",
+										step: "0.01",
+										placeholder: "No maximum",
+										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__ */ g("p", {
+									className: "text-xs text-text-muted mt-1",
+									children: [
+										"Cap the discount in ",
+										D.currency,
+										" — auto-converted to the user's payment currency"
+									]
+								})
+							] })
+						]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
+						children: [
+							/* @__PURE__ */ h("h3", {
+								className: "text-lg font-semibold text-text-primary",
+								children: "Usage Limits"
 							}),
-							/* @__PURE__ */ g("div", {
-								className: "relative",
-								children: [/* @__PURE__ */ h("span", {
-									className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-muted font-medium",
-									children: M
-								}), /* @__PURE__ */ h("input", {
+							/* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ h("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: "Total Usage Limit"
+								}),
+								/* @__PURE__ */ h("input", {
 									type: "number",
-									value: E.minPurchaseAmount || "",
-									onChange: (e) => P("minPurchaseAmount", e.target.value ? parseFloat(e.target.value) : null),
-									min: "0",
-									step: "0.01",
-									placeholder: "No minimum",
-									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__ */ g("p", {
-								className: "text-xs text-text-muted mt-1",
-								children: [
-									"Order must be at least this amount in ",
-									E.currency,
-									" (auto-converted for other currencies)"
-								]
-							})
-						] }),
-						E.type === "PERCENTAGE" && /* @__PURE__ */ g("div", { children: [
-							/* @__PURE__ */ g("label", {
-								className: "block text-sm font-medium text-text-primary mb-1",
-								children: [
-									"Maximum Discount Amount (",
-									E.currency,
-									")"
-								]
-							}),
-							/* @__PURE__ */ g("div", {
-								className: "relative",
-								children: [/* @__PURE__ */ h("span", {
-									className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-muted font-medium",
-									children: M
-								}), /* @__PURE__ */ h("input", {
+									value: D.maxTotalUses || "",
+									onChange: (e) => F("maxTotalUses", e.target.value ? parseInt(e.target.value) : null),
+									min: "1",
+									placeholder: "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)]"
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "text-xs text-text-muted mt-1",
+									children: "Maximum number of times this coupon can be used across all users"
+								})
+							] }),
+							/* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ h("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: "Per-User Limit *"
+								}),
+								/* @__PURE__ */ h("input", {
 									type: "number",
-									value: E.maxDiscountAmount || "",
-									onChange: (e) => P("maxDiscountAmount", e.target.value ? parseFloat(e.target.value) : null),
-									min: "0",
-									step: "0.01",
-									placeholder: "No maximum",
-									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)]"
-								})]
+									value: D.maxUsesPerUser,
+									onChange: (e) => F("maxUsesPerUser", parseInt(e.target.value)),
+									min: "1",
+									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__ */ h("p", {
+									className: "text-xs text-text-muted mt-1",
+									children: "Maximum times a single user can use this coupon"
+								})
+							] })
+						]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
+						children: [/* @__PURE__ */ h("h3", {
+							className: "text-lg font-semibold text-text-primary",
+							children: "Validity Period"
+						}), /* @__PURE__ */ g("div", {
+							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ h("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: "Start Date *"
+								}),
+								/* @__PURE__ */ h("input", {
+									type: "date",
+									value: D.validFrom,
+									onChange: (e) => F("validFrom", e.target.value),
+									className: `w-full px-4 py-2 rounded-input border ${k.validFrom ? "border-status-error-border" : "border-border-subtle"} bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]`
+								}),
+								k.validFrom && /* @__PURE__ */ h("p", {
+									className: "text-sm text-status-error-text mt-1",
+									children: k.validFrom
+								})
+							] }), /* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ h("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: "End Date"
+								}),
+								/* @__PURE__ */ h("input", {
+									type: "date",
+									value: D.validUntil,
+									onChange: (e) => F("validUntil", e.target.value),
+									className: `w-full px-4 py-2 rounded-input border ${k.validUntil ? "border-status-error-border" : "border-border-subtle"} bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]`
+								}),
+								k.validUntil && /* @__PURE__ */ h("p", {
+									className: "text-sm text-status-error-text mt-1",
+									children: k.validUntil
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "text-xs text-text-muted mt-1",
+									children: "Leave empty for no expiry"
+								})
+							] })]
+						})]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
+						children: [
+							/* @__PURE__ */ h("h3", {
+								className: "text-lg font-semibold text-text-primary",
+								children: "Coupon Scope"
 							}),
-							/* @__PURE__ */ g("p", {
-								className: "text-xs text-text-muted mt-1",
+							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+								className: "block text-sm font-medium text-text-primary mb-2",
+								children: "Who can use this coupon? *"
+							}), /* @__PURE__ */ g("select", {
+								value: D.scope,
+								onChange: (e) => F("scope", 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: [
-									"Cap the discount in ",
-									E.currency,
-									" — auto-converted to the user's payment currency"
+									/* @__PURE__ */ h("option", {
+										value: "GENERIC",
+										children: "Anyone (Public)"
+									}),
+									/* @__PURE__ */ h("option", {
+										value: "USER_SPECIFIC",
+										children: "Specific Users Only"
+									}),
+									/* @__PURE__ */ h("option", {
+										value: "REFERRAL",
+										children: "Referral Code"
+									}),
+									/* @__PURE__ */ h("option", {
+										value: "CAMPAIGN",
+										children: "Campaign-Specific"
+									})
 								]
-							})
-						] })
-					]
-				}),
-				/* @__PURE__ */ g("div", {
-					className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
-					children: [
-						/* @__PURE__ */ h("h3", {
-							className: "text-lg font-semibold text-text-primary",
-							children: "Usage Limits"
-						}),
-						/* @__PURE__ */ g("div", { children: [
-							/* @__PURE__ */ h("label", {
+							})] }),
+							D.scope === "CAMPAIGN" && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 								className: "block text-sm font-medium text-text-primary mb-1",
-								children: "Total Usage Limit"
-							}),
-							/* @__PURE__ */ h("input", {
-								type: "number",
-								value: E.maxTotalUses || "",
-								onChange: (e) => P("maxTotalUses", e.target.value ? parseInt(e.target.value) : null),
-								min: "1",
-								placeholder: "Unlimited",
+								children: "Campaign Name"
+							}), /* @__PURE__ */ h("input", {
+								type: "text",
+								value: D.campaignName,
+								onChange: (e) => F("campaignName", e.target.value),
+								placeholder: "e.g., Summer Sale 2024",
 								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__ */ h("p", {
-								className: "text-xs text-text-muted mt-1",
-								children: "Maximum number of times this coupon can be used across all users"
-							})
-						] }),
-						/* @__PURE__ */ g("div", { children: [
-							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-text-primary mb-1",
-								children: "Per-User Limit *"
-							}),
-							/* @__PURE__ */ h("input", {
-								type: "number",
-								value: E.maxUsesPerUser,
-								onChange: (e) => P("maxUsesPerUser", parseInt(e.target.value)),
-								min: "1",
-								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__ */ h("p", {
-								className: "text-xs text-text-muted mt-1",
-								children: "Maximum times a single user can use this coupon"
-							})
-						] })
-					]
-				}),
-				/* @__PURE__ */ g("div", {
-					className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
-					children: [/* @__PURE__ */ h("h3", {
-						className: "text-lg font-semibold text-text-primary",
-						children: "Validity Period"
-					}), /* @__PURE__ */ g("div", {
-						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ g("div", { children: [
-							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-text-primary mb-1",
-								children: "Start Date *"
-							}),
-							/* @__PURE__ */ h("input", {
-								type: "date",
-								value: E.validFrom,
-								onChange: (e) => P("validFrom", e.target.value),
-								className: `w-full px-4 py-2 rounded-input border ${O.validFrom ? "border-status-error-border" : "border-border-subtle"} bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]`
-							}),
-							O.validFrom && /* @__PURE__ */ h("p", {
-								className: "text-sm text-status-error-text mt-1",
-								children: O.validFrom
-							})
-						] }), /* @__PURE__ */ g("div", { children: [
-							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-text-primary mb-1",
-								children: "End Date"
-							}),
-							/* @__PURE__ */ h("input", {
-								type: "date",
-								value: E.validUntil,
-								onChange: (e) => P("validUntil", e.target.value),
-								className: `w-full px-4 py-2 rounded-input border ${O.validUntil ? "border-status-error-border" : "border-border-subtle"} bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]`
-							}),
-							O.validUntil && /* @__PURE__ */ h("p", {
-								className: "text-sm text-status-error-text mt-1",
-								children: O.validUntil
-							}),
-							/* @__PURE__ */ h("p", {
-								className: "text-xs text-text-muted mt-1",
-								children: "Leave empty for no expiry"
-							})
-						] })]
-					})]
-				}),
-				/* @__PURE__ */ g("div", {
-					className: "bg-bg-surface border border-border-subtle rounded-lg p-6 space-y-4",
-					children: [
-						/* @__PURE__ */ h("h3", {
-							className: "text-lg font-semibold text-text-primary",
-							children: "Coupon Scope"
-						}),
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
-							className: "block text-sm font-medium text-text-primary mb-2",
-							children: "Who can use this coupon? *"
-						}), /* @__PURE__ */ g("select", {
-							value: E.scope,
-							onChange: (e) => P("scope", 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: [
-								/* @__PURE__ */ h("option", {
-									value: "GENERIC",
-									children: "Anyone (Public)"
+							})] }),
+							D.scope === "USER_SPECIFIC" && /* @__PURE__ */ g("div", { children: [
+								/* @__PURE__ */ h("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: /* @__PURE__ */ g("span", {
+										className: "flex items-center gap-1.5",
+										children: [/* @__PURE__ */ h(f, { className: "size-4" }), "Restricted Users *"]
+									})
 								}),
-								/* @__PURE__ */ h("option", {
-									value: "USER_SPECIFIC",
-									children: "Specific Users Only"
+								/* @__PURE__ */ g("div", {
+									className: `min-h-[42px] flex flex-wrap gap-2 px-3 py-2 rounded-lg border ${k.restrictedToUserIds ? "border-status-error-border" : "border-border-subtle"} bg-bg-surface cursor-text`,
+									onClick: () => E.current?.focus(),
+									children: [D.restrictedToUserIds.map((e) => /* @__PURE__ */ g("span", {
+										className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-md bg-[var(--color-accent-soft)] text-text-link text-sm font-medium",
+										children: [e, /* @__PURE__ */ h("button", {
+											type: "button",
+											onClick: (t) => {
+												t.stopPropagation(), R(e);
+											},
+											className: "hover:text-status-error-text",
+											children: /* @__PURE__ */ h(p, { className: "size-3" })
+										})]
+									}, e)), /* @__PURE__ */ h("input", {
+										ref: E,
+										type: "text",
+										value: w,
+										onChange: (e) => T(e.target.value),
+										onKeyDown: (e) => {
+											e.key === "Enter" || e.key === "," ? (e.preventDefault(), L(w)) : e.key === "Backspace" && !w && D.restrictedToUserIds.length > 0 && R(D.restrictedToUserIds[D.restrictedToUserIds.length - 1]);
+										},
+										onBlur: () => L(w),
+										placeholder: D.restrictedToUserIds.length === 0 ? "Enter user email or ID, press Enter to add" : "Add another…",
+										className: "flex-1 min-w-[200px] bg-transparent text-text-primary placeholder:text-text-muted text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]"
+									})]
 								}),
-								/* @__PURE__ */ h("option", {
-									value: "REFERRAL",
-									children: "Referral Code"
+								k.restrictedToUserIds && /* @__PURE__ */ h("p", {
+									className: "text-sm text-status-error-text mt-1",
+									children: k.restrictedToUserIds
 								}),
-								/* @__PURE__ */ h("option", {
-									value: "CAMPAIGN",
-									children: "Campaign-Specific"
+								/* @__PURE__ */ h("p", {
+									className: "text-xs text-text-muted mt-1",
+									children: "Type an email or user ID and press Enter or comma to add. Only these users can redeem this coupon."
 								})
-							]
-						})] }),
-						E.scope === "CAMPAIGN" && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
-							className: "block text-sm font-medium text-text-primary mb-1",
-							children: "Campaign Name"
-						}), /* @__PURE__ */ h("input", {
-							type: "text",
-							value: E.campaignName,
-							onChange: (e) => P("campaignName", e.target.value),
-							placeholder: "e.g., Summer Sale 2024",
-							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)]"
-						})] }),
-						E.scope === "USER_SPECIFIC" && /* @__PURE__ */ g("div", { children: [
-							/* @__PURE__ */ h("label", {
-								className: "block text-sm font-medium text-text-primary mb-1",
-								children: /* @__PURE__ */ g("span", {
-									className: "flex items-center gap-1.5",
-									children: [/* @__PURE__ */ h(f, { className: "size-4" }), "Restricted Users *"]
-								})
-							}),
-							/* @__PURE__ */ g("div", {
-								className: `min-h-[42px] flex flex-wrap gap-2 px-3 py-2 rounded-lg border ${O.restrictedToUserIds ? "border-status-error-border" : "border-border-subtle"} bg-bg-surface cursor-text`,
-								onClick: () => T.current?.focus(),
-								children: [E.restrictedToUserIds.map((e) => /* @__PURE__ */ g("span", {
-									className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-md bg-[var(--color-accent-soft)] text-text-link text-sm font-medium",
-									children: [e, /* @__PURE__ */ h("button", {
-										type: "button",
-										onClick: (t) => {
-											t.stopPropagation(), L(e);
-										},
-										className: "hover:text-status-error-text",
-										children: /* @__PURE__ */ h(p, { className: "size-3" })
-									})]
-								}, e)), /* @__PURE__ */ h("input", {
-									ref: T,
-									type: "text",
-									value: C,
-									onChange: (e) => w(e.target.value),
-									onKeyDown: (e) => {
-										e.key === "Enter" || e.key === "," ? (e.preventDefault(), I(C)) : e.key === "Backspace" && !C && E.restrictedToUserIds.length > 0 && L(E.restrictedToUserIds[E.restrictedToUserIds.length - 1]);
-									},
-									onBlur: () => I(C),
-									placeholder: E.restrictedToUserIds.length === 0 ? "Enter user email or ID, press Enter to add" : "Add another…",
-									className: "flex-1 min-w-[200px] bg-transparent text-text-primary placeholder:text-text-muted text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]"
-								})]
-							}),
-							O.restrictedToUserIds && /* @__PURE__ */ h("p", {
-								className: "text-sm text-status-error-text mt-1",
-								children: O.restrictedToUserIds
-							}),
-							/* @__PURE__ */ h("p", {
-								className: "text-xs text-text-muted mt-1",
-								children: "Type an email or user ID and press Enter or comma to add. Only these users can redeem this coupon."
-							})
-						] })
-					]
-				}),
-				/* @__PURE__ */ g("div", {
-					className: "flex items-center justify-end gap-3",
-					children: [/* @__PURE__ */ h("button", {
-						type: "button",
-						onClick: () => x("/coupons"),
-						className: "px-6 py-3 rounded-lg border border-border-subtle text-text-primary hover:bg-bg-sunken",
-						children: "Cancel"
-					}), /* @__PURE__ */ h("button", {
-						type: "submit",
-						disabled: A,
-						className: "px-6 py-3 rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
-						children: A ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", { className: "size-4 border-2 border-action-primary-text border-t-transparent rounded-full animate-spin" }), "Creating…"] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(u, { className: "size-4" }), "Create Coupon"] })
-					})]
-				})
-			]
-		})]
+							] })
+						]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "flex items-center justify-end gap-3",
+						children: [/* @__PURE__ */ h("button", {
+							type: "button",
+							onClick: () => S("/coupons"),
+							className: "px-6 py-3 rounded-lg border border-border-subtle text-text-primary hover:bg-bg-sunken",
+							children: "Cancel"
+						}), /* @__PURE__ */ h("button", {
+							type: "submit",
+							disabled: j,
+							className: "px-6 py-3 rounded-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
+							children: j ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", { className: "size-4 border-2 border-action-primary-text border-t-transparent rounded-full animate-spin" }), "Creating…"] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(u, { className: "size-4" }), "Create Coupon"] })
+						})]
+					})
+				]
+			})
+		]
 	});
 };
 //#endregion
-export { y as CreateCouponPage };
+export { b as CreateCouponPage };
 
 //# sourceMappingURL=CreateCouponPage.js.map