@burdenoff/microfe-billing 2026.510.114

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

@@ -0,0 +1,1009 @@
+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 { 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";
+//#region src/billing/modules/discounts/pages/DiscountsListPage.tsx
+function m(e) {
+	return e.validUntil ? new Date(e.validUntil) < /* @__PURE__ */ new Date() : !1;
+}
+function h(e) {
+	return e.type === "PERCENTAGE" ? `${e.value}%` : t(e.value, e.currency ?? "USD");
+}
+var g = {
+	code: "",
+	type: "PERCENTAGE",
+	value: "",
+	currency: "USD",
+	maxUses: "",
+	validFrom: "",
+	validUntil: ""
+}, _ = () => {
+	let { t } = p(), 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({
+		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({
+			maxUses: e.maxUses == null ? "" : String(e.maxUses),
+			validUntil: e.validUntil ? new Date(e.validUntil).toISOString().slice(0, 16) : ""
+		}), R(null), M({
+			kind: "edit",
+			discount: e
+		});
+	}, re = (e) => {
+		R(null), M({
+			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.");
+			return;
+		}
+		let t = Number(N.value);
+		if (Number.isNaN(t) || t <= 0) {
+			R("Value must be a positive number.");
+			return;
+		}
+		if (N.type === "PERCENTAGE" && t > 100) {
+			R("Percentage value cannot exceed 100.");
+			return;
+		}
+		try {
+			await C({ variables: {
+				code: N.code.trim().toUpperCase(),
+				type: N.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();
+		} catch (e) {
+			R(e instanceof Error ? e.message : "Failed to create discount.");
+		}
+	}, ae = async (e) => {
+		if (e.preventDefault(), j.kind === "edit") {
+			R(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();
+			} catch (e) {
+				R(e instanceof Error ? e.message : "Failed to update discount.");
+			}
+		}
+	}, oe = async () => {
+		if (j.kind === "delete") {
+			R(null), ee("medium");
+			try {
+				await D({ variables: { id: j.discount.id } }), c("success"), await S(), Q();
+			} catch (e) {
+				c("error"), R(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) => {
+			let r = new Set(n);
+			return t ? r.add(e) : r.delete(e), r;
+		}), H(!1);
+	}, $ = (e) => {
+		B((t) => {
+			let n = new Set(t);
+			return W.forEach((t) => {
+				e ? n.add(t.id) : n.delete(t.id);
+			}), n;
+		}), H(!1);
+	};
+	return b && U.length === 0 ? /* @__PURE__ */ f("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ d("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" }),
+			/* @__PURE__ */ d("div", {
+				className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
+				children: [
+					1,
+					2,
+					3
+				].map((e) => /* @__PURE__ */ f("div", {
+					className: "border border-border rounded-lg p-4 space-y-2",
+					children: [/* @__PURE__ */ d("div", { className: "h-4 w-24 bg-muted animate-pulse rounded" }), /* @__PURE__ */ d("div", { className: "h-6 w-16 bg-muted animate-pulse rounded" })]
+				}, e))
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "space-y-3",
+				children: [
+					1,
+					2,
+					3,
+					4,
+					5
+				].map((e) => /* @__PURE__ */ d("div", {
+					className: "border border-border rounded-lg p-4",
+					children: /* @__PURE__ */ f("div", {
+						className: "flex items-center gap-4",
+						children: [/* @__PURE__ */ d("div", { className: "h-10 w-10 bg-muted animate-pulse rounded" }), /* @__PURE__ */ f("div", {
+							className: "flex-1 space-y-2",
+							children: [/* @__PURE__ */ d("div", { className: "h-4 w-32 bg-muted animate-pulse rounded" }), /* @__PURE__ */ d("div", { className: "h-3 w-48 bg-muted animate-pulse rounded" })]
+						})]
+					})
+				}, e))
+			})
+		]
+	}) : x ? /* @__PURE__ */ d("div", {
+		className: "flex items-center justify-center h-full min-h-[400px]",
+		children: /* @__PURE__ */ f("div", {
+			className: "text-center space-y-4",
+			children: [
+				/* @__PURE__ */ d("div", {
+					className: "w-12 h-12 mx-auto rounded-full bg-destructive/10 flex items-center justify-center",
+					children: /* @__PURE__ */ d("svg", {
+						className: "w-6 h-6 text-destructive",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ d("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+						})
+					})
+				}),
+				/* @__PURE__ */ d("h2", {
+					className: "text-lg font-semibold text-foreground",
+					children: "Failed to load discounts"
+				}),
+				/* @__PURE__ */ d("p", {
+					className: "text-sm text-muted-foreground",
+					children: x.message
+				}),
+				/* @__PURE__ */ d("button", {
+					onClick: () => S(),
+					className: "px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+					children: "Try Again"
+				})
+			]
+		})
+	}) : /* @__PURE__ */ f("div", {
+		className: "space-y-6 p-6",
+		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 font-bold text-foreground",
+					children: "Discount Codes"
+				}), /* @__PURE__ */ d("p", {
+					className: "text-sm text-muted-foreground mt-1",
+					children: "Create, view, and manage discount codes for billing"
+				})] }), /* @__PURE__ */ f("button", {
+					onClick: Z,
+					className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+					children: [/* @__PURE__ */ d("svg", {
+						className: "w-4 h-4",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ d("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M12 4v16m8-8H4"
+						})
+					}), "Create Discount"]
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
+				children: [
+					/* @__PURE__ */ f("div", {
+						className: "border border-border rounded-lg bg-card p-4",
+						children: [/* @__PURE__ */ d("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Total Discounts"
+						}), /* @__PURE__ */ d("p", {
+							className: "text-xl font-semibold text-foreground mt-1",
+							children: J
+						})]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "border border-border rounded-lg bg-card p-4",
+						children: [/* @__PURE__ */ d("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Active"
+						}), /* @__PURE__ */ d("p", {
+							className: "text-xl font-semibold text-status-success-text mt-1",
+							children: Y
+						})]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "border border-border rounded-lg bg-card p-4",
+						children: [/* @__PURE__ */ d("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Expired"
+						}), /* @__PURE__ */ d("p", {
+							className: "text-xl font-semibold text-status-warning-text mt-1",
+							children: X
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "flex flex-wrap items-center gap-4 pb-4 border-b border-border",
+				children: /* @__PURE__ */ f("div", {
+					className: "relative flex-1 min-w-[200px] max-w-md",
+					children: [/* @__PURE__ */ d("svg", {
+						className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ d("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+						})
+					}), /* @__PURE__ */ d("input", {
+						type: "text",
+						placeholder: "Search by discount code...",
+						value: k,
+						onChange: (e) => A(e.target.value),
+						className: "w-full pl-[3.25rem] pr-4 py-2 text-sm border border-border rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
+					})]
+				})
+			}),
+			W.length > 0 && /* @__PURE__ */ f("div", {
+				className: "flex flex-col gap-3 rounded-lg border border-border bg-card p-4 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ f("label", {
+					className: "flex items-center gap-2 text-sm text-foreground",
+					children: [/* @__PURE__ */ d("input", {
+						type: "checkbox",
+						checked: K,
+						ref: (e) => {
+							e && (e.indeterminate = q && !K);
+						},
+						onChange: (e) => $(e.target.checked),
+						"aria-label": "Select all discounts",
+						className: "h-4 w-4 rounded border-border text-primary"
+					}), /* @__PURE__ */ d("span", { children: "Select all visible" })]
+				}), /* @__PURE__ */ f("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ f("span", {
+							className: "text-sm text-muted-foreground",
+							children: [z.size, " selected"]
+						}),
+						z.size > 0 && /* @__PURE__ */ d("button", {
+							onClick: () => {
+								B(/* @__PURE__ */ new Set()), H(!1);
+							},
+							className: "text-sm text-muted-foreground hover:text-foreground",
+							children: "Clear selection"
+						}),
+						/* @__PURE__ */ f("button", {
+							onClick: () => H(!0),
+							disabled: G.length === 0 || O,
+							className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium border border-destructive/30 text-destructive rounded-md hover:bg-destructive/10 transition-colors disabled:opacity-50",
+							children: ["Delete Selected", G.length > 0 ? ` (${G.length})` : ""]
+						})
+					]
+				})]
+			}),
+			V && G.length > 0 && /* @__PURE__ */ d("div", {
+				className: "rounded-lg border border-destructive/30 bg-destructive/5 p-4",
+				children: /* @__PURE__ */ f("div", {
+					className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+					children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("p", {
+						className: "text-sm font-medium text-foreground",
+						children: [
+							"Delete ",
+							G.length,
+							" selected discount",
+							G.length === 1 ? "" : "s",
+							"?"
+						]
+					}), /* @__PURE__ */ d("p", {
+						className: "text-sm text-muted-foreground",
+						children: "This action cannot be undone."
+					})] }), /* @__PURE__ */ f("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ d("button", {
+							onClick: () => H(!1),
+							className: "px-3 py-2 text-sm font-medium text-muted-foreground hover:text-foreground",
+							children: "Cancel"
+						}), /* @__PURE__ */ d("button", {
+							onClick: se,
+							disabled: O,
+							className: "inline-flex items-center gap-2 rounded-md bg-destructive px-3 py-2 text-sm font-medium text-destructive-foreground hover:bg-destructive/90 disabled:opacity-50",
+							children: "Confirm Delete"
+						})]
+					})]
+				})
+			}),
+			W.length === 0 ? /* @__PURE__ */ f("div", {
+				className: "flex flex-col items-center justify-center py-12 border border-dashed border-border rounded-lg",
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-4",
+						children: /* @__PURE__ */ d("svg", {
+							className: "w-6 h-6 text-muted-foreground",
+							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-foreground",
+						children: "No discount codes found"
+					}),
+					/* @__PURE__ */ d("p", {
+						className: "text-sm text-muted-foreground mt-1",
+						children: k ? "No discount codes match your search." : "Create your first discount code to get started."
+					}),
+					!k && /* @__PURE__ */ d("button", {
+						onClick: Z,
+						className: "mt-4 px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+						children: "Create your first discount"
+					})
+				]
+			}) : /* @__PURE__ */ d("div", {
+				className: "border border-border rounded-lg overflow-hidden",
+				children: /* @__PURE__ */ d("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ f("table", {
+						className: "w-full",
+						children: [/* @__PURE__ */ d("thead", {
+							className: "bg-muted/50",
+							children: /* @__PURE__ */ f("tr", { children: [
+								/* @__PURE__ */ d("th", {
+									className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground w-12",
+									children: /* @__PURE__ */ d("input", {
+										type: "checkbox",
+										checked: K,
+										ref: (e) => {
+											e && (e.indeterminate = q && !K);
+										},
+										onChange: (e) => $(e.target.checked),
+										"aria-label": "Select all discounts",
+										className: "h-4 w-4 rounded border-border text-primary"
+									})
+								}),
+								/* @__PURE__ */ d("th", {
+									className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground",
+									children: "Code"
+								}),
+								/* @__PURE__ */ d("th", {
+									className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground",
+									children: "Type"
+								}),
+								/* @__PURE__ */ d("th", {
+									className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground",
+									children: "Value"
+								}),
+								/* @__PURE__ */ d("th", {
+									className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden md:table-cell",
+									children: "Uses"
+								}),
+								/* @__PURE__ */ d("th", {
+									className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden lg:table-cell",
+									children: "Valid From"
+								}),
+								/* @__PURE__ */ d("th", {
+									className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground hidden sm:table-cell",
+									children: "Valid Until"
+								}),
+								/* @__PURE__ */ d("th", {
+									className: "text-left px-4 py-3 text-sm font-medium text-muted-foreground",
+									children: "Status"
+								}),
+								/* @__PURE__ */ d("th", {
+									className: "text-right px-4 py-3 text-sm font-medium text-muted-foreground",
+									children: "Actions"
+								})
+							] })
+						}), /* @__PURE__ */ d("tbody", {
+							className: "divide-y divide-border",
+							children: W.map((e) => /* @__PURE__ */ d(v, {
+								discount: e,
+								selected: z.has(e.id),
+								onToggleSelect: ce,
+								onEdit: ne,
+								onDelete: re
+							}, e.id))
+						})]
+					})
+				})
+			}),
+			j.kind === "create" && /* @__PURE__ */ d(y, {
+				onClose: Q,
+				children: /* @__PURE__ */ f("form", {
+					onSubmit: ie,
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ f("div", {
+							className: "flex items-center justify-between mb-2",
+							children: [/* @__PURE__ */ d("h2", {
+								className: "text-lg font-semibold text-foreground",
+								children: n("billing.discounts.createDiscountCode", "Create Discount Code")
+							}), /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: Q,
+								className: "p-1.5 rounded hover:bg-muted transition-colors",
+								children: /* @__PURE__ */ d("svg", {
+									className: "w-5 h-5 text-muted-foreground",
+									fill: "none",
+									viewBox: "0 0 24 24",
+									stroke: "currentColor",
+									children: /* @__PURE__ */ d("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M6 18L18 6M6 6l12 12"
+									})
+								})
+							})]
+						}),
+						L && /* @__PURE__ */ d("div", {
+							className: "p-3 text-sm text-destructive bg-destructive/10 border border-destructive/20 rounded-md",
+							children: L
+						}),
+						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("label", {
+							htmlFor: "create-code",
+							className: "block text-sm font-medium text-foreground mb-1",
+							children: [
+								n("billing.discounts.code", "Code"),
+								" ",
+								/* @__PURE__ */ d("span", {
+									className: "text-destructive",
+									children: "*"
+								})
+							]
+						}), /* @__PURE__ */ d("input", {
+							id: "create-code",
+							type: "text",
+							required: !0,
+							value: N.code,
+							onChange: (e) => P((t) => ({
+								...t,
+								code: e.target.value
+							})),
+							placeholder: n("billing.discounts.codePlaceholder", "e.g. SUMMER25"),
+							className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent uppercase"
+						})] }),
+						/* @__PURE__ */ f("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("label", {
+								htmlFor: "create-type",
+								className: "block text-sm font-medium text-foreground mb-1",
+								children: [
+									n("billing.discounts.type", "Type"),
+									" ",
+									/* @__PURE__ */ d("span", {
+										className: "text-destructive",
+										children: "*"
+									})
+								]
+							}), /* @__PURE__ */ f("select", {
+								id: "create-type",
+								value: N.type,
+								onChange: (e) => P((t) => ({
+									...t,
+									type: e.target.value
+								})),
+								className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent",
+								children: [/* @__PURE__ */ d("option", {
+									value: "PERCENTAGE",
+									children: n("billing.discounts.typePercentage", "Percentage")
+								}), /* @__PURE__ */ d("option", {
+									value: "FIXED",
+									children: n("billing.discounts.typeFixedAmount", "Fixed Amount")
+								})]
+							})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("label", {
+								htmlFor: "create-value",
+								className: "block text-sm font-medium text-foreground mb-1",
+								children: [
+									n("billing.discounts.value", "Value"),
+									" ",
+									/* @__PURE__ */ d("span", {
+										className: "text-destructive",
+										children: "*"
+									})
+								]
+							}), /* @__PURE__ */ f("div", {
+								className: "relative",
+								children: [/* @__PURE__ */ d("input", {
+									id: "create-value",
+									type: "number",
+									required: !0,
+									min: "0.01",
+									max: N.type === "PERCENTAGE" ? "100" : void 0,
+									step: "0.01",
+									value: N.value,
+									onChange: (e) => P((t) => ({
+										...t,
+										value: e.target.value
+									})),
+									placeholder: N.type === "PERCENTAGE" ? "10" : "25.00",
+									className: "w-full px-3 py-2 pr-8 text-sm border border-border rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
+								}), /* @__PURE__ */ d("span", {
+									className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground",
+									children: N.type === "PERCENTAGE" ? "%" : N.currency
+								})]
+							})] })]
+						}),
+						N.type === "FIXED" && /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+							htmlFor: "create-currency",
+							className: "block text-sm font-medium text-foreground mb-1",
+							children: n("billing.discounts.currency", "Currency")
+						}), /* @__PURE__ */ f("select", {
+							id: "create-currency",
+							value: N.currency,
+							onChange: (e) => P((t) => ({
+								...t,
+								currency: e.target.value
+							})),
+							className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent",
+							children: [
+								/* @__PURE__ */ d("option", {
+									value: "USD",
+									children: "USD"
+								}),
+								/* @__PURE__ */ d("option", {
+									value: "EUR",
+									children: "EUR"
+								}),
+								/* @__PURE__ */ d("option", {
+									value: "GBP",
+									children: "GBP"
+								}),
+								/* @__PURE__ */ d("option", {
+									value: "INR",
+									children: "INR"
+								}),
+								/* @__PURE__ */ d("option", {
+									value: "CAD",
+									children: "CAD"
+								}),
+								/* @__PURE__ */ d("option", {
+									value: "AUD",
+									children: "AUD"
+								})
+							]
+						})] }),
+						/* @__PURE__ */ f("div", { children: [
+							/* @__PURE__ */ d("label", {
+								htmlFor: "create-max-uses",
+								className: "block text-sm font-medium text-foreground mb-1",
+								children: n("billing.discounts.maxUses", "Max Uses")
+							}),
+							/* @__PURE__ */ d("input", {
+								id: "create-max-uses",
+								type: "number",
+								min: "1",
+								step: "1",
+								value: N.maxUses,
+								onChange: (e) => P((t) => ({
+									...t,
+									maxUses: e.target.value
+								})),
+								placeholder: n("billing.discounts.unlimited", "Unlimited"),
+								className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
+							}),
+							/* @__PURE__ */ d("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: n("billing.discounts.unlimitedHelp", "Leave empty for unlimited uses.")
+							})
+						] }),
+						/* @__PURE__ */ f("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+								htmlFor: "create-valid-from",
+								className: "block text-sm font-medium text-foreground mb-1",
+								children: n("billing.discounts.validFrom", "Valid From")
+							}), /* @__PURE__ */ d("input", {
+								id: "create-valid-from",
+								type: "datetime-local",
+								value: N.validFrom,
+								onChange: (e) => P((t) => ({
+									...t,
+									validFrom: e.target.value
+								})),
+								className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
+							})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+								htmlFor: "create-valid-until",
+								className: "block text-sm font-medium text-foreground mb-1",
+								children: n("billing.discounts.validUntil", "Valid Until")
+							}), /* @__PURE__ */ d("input", {
+								id: "create-valid-until",
+								type: "datetime-local",
+								value: N.validUntil,
+								onChange: (e) => P((t) => ({
+									...t,
+									validUntil: e.target.value
+								})),
+								className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
+							})] })]
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "flex items-center justify-end gap-3 pt-2 border-t border-border",
+							children: [/* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: Q,
+								className: "px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors",
+								children: n("billing.discounts.cancel", "Cancel")
+							}), /* @__PURE__ */ d("button", {
+								type: "submit",
+								disabled: w,
+								className: "px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+								children: w ? n("billing.discounts.creating", "Creating...") : n("billing.discounts.createDiscount", "Create Discount")
+							})]
+						})
+					]
+				})
+			}),
+			j.kind === "edit" && /* @__PURE__ */ d(y, {
+				onClose: Q,
+				children: /* @__PURE__ */ f("form", {
+					onSubmit: ae,
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ f("div", {
+							className: "flex items-center justify-between mb-2",
+							children: [/* @__PURE__ */ d("h2", {
+								className: "text-lg font-semibold text-foreground",
+								children: "Edit Discount"
+							}), /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: Q,
+								className: "p-1.5 rounded hover:bg-muted transition-colors",
+								children: /* @__PURE__ */ d("svg", {
+									className: "w-5 h-5 text-muted-foreground",
+									fill: "none",
+									viewBox: "0 0 24 24",
+									stroke: "currentColor",
+									children: /* @__PURE__ */ d("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M6 18L18 6M6 6l12 12"
+									})
+								})
+							})]
+						}),
+						L && /* @__PURE__ */ d("div", {
+							className: "p-3 text-sm text-destructive bg-destructive/10 border border-destructive/20 rounded-md",
+							children: L
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "p-3 bg-muted/50 border border-border rounded-md space-y-1",
+							children: [
+								/* @__PURE__ */ f("div", {
+									className: "flex items-center justify-between text-sm",
+									children: [/* @__PURE__ */ d("span", {
+										className: "text-muted-foreground",
+										children: "Code"
+									}), /* @__PURE__ */ d("span", {
+										className: "font-mono font-medium text-foreground",
+										children: j.discount.code
+									})]
+								}),
+								/* @__PURE__ */ f("div", {
+									className: "flex items-center justify-between text-sm",
+									children: [/* @__PURE__ */ d("span", {
+										className: "text-muted-foreground",
+										children: "Type"
+									}), /* @__PURE__ */ d("span", {
+										className: "text-foreground",
+										children: j.discount.type === "PERCENTAGE" ? "Percentage" : "Fixed Amount"
+									})]
+								}),
+								/* @__PURE__ */ f("div", {
+									className: "flex items-center justify-between text-sm",
+									children: [/* @__PURE__ */ d("span", {
+										className: "text-muted-foreground",
+										children: "Value"
+									}), /* @__PURE__ */ d("span", {
+										className: "text-foreground",
+										children: h(j.discount)
+									})]
+								}),
+								/* @__PURE__ */ f("div", {
+									className: "flex items-center justify-between text-sm",
+									children: [/* @__PURE__ */ d("span", {
+										className: "text-muted-foreground",
+										children: "Used"
+									}), /* @__PURE__ */ f("span", {
+										className: "text-foreground",
+										children: [j.discount.usedCount, " times"]
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ f("div", { children: [
+							/* @__PURE__ */ d("label", {
+								htmlFor: "edit-max-uses",
+								className: "block text-sm font-medium text-foreground mb-1",
+								children: "Max Uses"
+							}),
+							/* @__PURE__ */ d("input", {
+								id: "edit-max-uses",
+								type: "number",
+								min: "1",
+								step: "1",
+								value: F.maxUses,
+								onChange: (e) => I((t) => ({
+									...t,
+									maxUses: e.target.value
+								})),
+								placeholder: "Unlimited",
+								className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
+							}),
+							/* @__PURE__ */ d("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: "Leave empty for unlimited uses."
+							})
+						] }),
+						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+							htmlFor: "edit-valid-until",
+							className: "block text-sm font-medium text-foreground mb-1",
+							children: "Valid Until"
+						}), /* @__PURE__ */ d("input", {
+							id: "edit-valid-until",
+							type: "datetime-local",
+							value: F.validUntil,
+							onChange: (e) => I((t) => ({
+								...t,
+								validUntil: e.target.value
+							})),
+							className: "w-full px-3 py-2 text-sm border border-border rounded-md bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
+						})] }),
+						/* @__PURE__ */ f("div", {
+							className: "flex items-center justify-end gap-3 pt-2 border-t border-border",
+							children: [/* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: Q,
+								className: "px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors",
+								children: "Cancel"
+							}), /* @__PURE__ */ d("button", {
+								type: "submit",
+								disabled: E,
+								className: "px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+								children: E ? "Saving..." : "Save Changes"
+							})]
+						})
+					]
+				})
+			}),
+			j.kind === "delete" && /* @__PURE__ */ d(y, {
+				onClose: Q,
+				children: /* @__PURE__ */ f("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ f("div", {
+							className: "flex items-center justify-between mb-2",
+							children: [/* @__PURE__ */ d("h2", {
+								className: "text-lg font-semibold text-foreground",
+								children: "Delete Discount"
+							}), /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: Q,
+								className: "p-1.5 rounded hover:bg-muted transition-colors",
+								children: /* @__PURE__ */ d("svg", {
+									className: "w-5 h-5 text-muted-foreground",
+									fill: "none",
+									viewBox: "0 0 24 24",
+									stroke: "currentColor",
+									children: /* @__PURE__ */ d("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M6 18L18 6M6 6l12 12"
+									})
+								})
+							})]
+						}),
+						L && /* @__PURE__ */ d("div", {
+							className: "p-3 text-sm text-destructive bg-destructive/10 border border-destructive/20 rounded-md",
+							children: L
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "flex items-start gap-3",
+							children: [/* @__PURE__ */ d("div", {
+								className: "w-10 h-10 rounded-full bg-destructive/10 flex items-center justify-center shrink-0",
+								children: /* @__PURE__ */ d("svg", {
+									className: "w-5 h-5 text-destructive",
+									fill: "none",
+									viewBox: "0 0 24 24",
+									stroke: "currentColor",
+									children: /* @__PURE__ */ d("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+									})
+								})
+							}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("p", {
+								className: "text-sm text-foreground",
+								children: [
+									"Are you sure you want to delete the discount code",
+									" ",
+									/* @__PURE__ */ d("span", {
+										className: "font-mono font-semibold",
+										children: j.discount.code
+									}),
+									"?"
+								]
+							}), /* @__PURE__ */ f("p", {
+								className: "text-sm text-muted-foreground mt-1",
+								children: [
+									"This action cannot be undone. The discount has been used",
+									" ",
+									/* @__PURE__ */ d("span", {
+										className: "font-medium",
+										children: j.discount.usedCount
+									}),
+									" time",
+									j.discount.usedCount === 1 ? "" : "s",
+									"."
+								]
+							})] })]
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "flex items-center justify-end gap-3 pt-2 border-t border-border",
+							children: [/* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: Q,
+								className: "px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors",
+								children: "Cancel"
+							}), /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: oe,
+								disabled: O,
+								className: "px-4 py-2 text-sm font-medium bg-destructive text-destructive-foreground rounded-md hover:bg-destructive/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+								children: O ? "Deleting..." : "Delete Discount"
+							})]
+						})
+					]
+				})
+			})
+		]
+	});
+}, v = ({ discount: e, selected: t, onToggleSelect: r, onEdit: i, onDelete: a }) => {
+	let o = m(e);
+	return /* @__PURE__ */ f("tr", {
+		className: `hover:bg-muted/30 transition-colors ${t ? "bg-muted/20" : ""}`,
+		children: [
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-4",
+				children: /* @__PURE__ */ d("input", {
+					type: "checkbox",
+					checked: t,
+					onChange: (t) => r(e.id, t.target.checked),
+					"aria-label": `Select discount ${e.code}`,
+					className: "h-4 w-4 rounded border-border text-primary"
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-4",
+				children: /* @__PURE__ */ d("span", {
+					className: "font-mono font-medium text-foreground",
+					children: e.code
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-4",
+				children: /* @__PURE__ */ d("span", {
+					className: "text-sm text-muted-foreground",
+					children: e.type === "PERCENTAGE" ? "Percentage" : "Fixed"
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-4",
+				children: /* @__PURE__ */ d("span", {
+					className: "text-sm font-medium text-foreground",
+					children: h(e)
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-4 hidden md:table-cell",
+				children: /* @__PURE__ */ f("span", {
+					className: "text-sm text-muted-foreground",
+					children: [e.usedCount, e.maxUses == null ? " / ∞" : ` / ${e.maxUses}`]
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-4 text-sm text-muted-foreground hidden lg:table-cell",
+				children: e.validFrom ? n(e.validFrom, "short") : "—"
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-4 text-sm text-muted-foreground hidden sm:table-cell",
+				children: e.validUntil ? n(e.validUntil, "short") : "—"
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-4",
+				children: o ? /* @__PURE__ */ d("span", {
+					className: "inline-flex px-2 py-1 text-xs font-medium rounded bg-status-warning-bg-subtle text-status-warning-text",
+					children: "Expired"
+				}) : /* @__PURE__ */ d("span", {
+					className: "inline-flex px-2 py-1 text-xs font-medium rounded bg-status-success-bg-subtle text-status-success-text",
+					children: "Active"
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-4 text-right",
+				children: /* @__PURE__ */ f("div", {
+					className: "flex items-center justify-end gap-2",
+					children: [/* @__PURE__ */ d("button", {
+						onClick: () => i(e),
+						className: "px-3 py-1.5 text-sm font-medium text-foreground hover:bg-muted rounded-md transition-colors",
+						title: "Edit discount",
+						children: /* @__PURE__ */ d("svg", {
+							className: "w-4 h-4",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							children: /* @__PURE__ */ d("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
+							})
+						})
+					}), /* @__PURE__ */ d("button", {
+						onClick: () => a(e),
+						className: "px-3 py-1.5 text-sm font-medium text-destructive hover:bg-destructive/10 rounded-md transition-colors",
+						title: "Delete discount",
+						children: /* @__PURE__ */ d("svg", {
+							className: "w-4 h-4",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							children: /* @__PURE__ */ d("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+							})
+						})
+					})]
+				})
+			})
+		]
+	});
+}, y = ({ 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-overlay-scrim",
+		onClick: e
+	}), /* @__PURE__ */ d("div", {
+		className: "relative w-full max-w-lg max-h-[85vh] overflow-y-auto bg-card border border-border rounded-xl shadow-xl p-6 mx-4",
+		children: t
+	})]
+});
+//#endregion
+export { _ as DiscountsListPage };
+
+//# sourceMappingURL=DiscountsListPage.js.map