@burdenoff/microfe-billing 2026.510.114

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

@@ -0,0 +1,544 @@
+import { AccessDenied as e } from "../../../shared/components/AccessDenied.js";
+import { PageHeader as t } from "../../../shared/components/PageHeader.js";
+import "../../../shared/components/index.js";
+import { useBillingPermissions as n } from "../../../hooks/useBillingPermissions.js";
+import { useDeactivateCouponMutation as r, useListCouponsQuery as i, useUpdateCouponMutation as a } from "../../../../generated/global-operations.js";
+import { useBillingNavigate as o } from "../../../hooks/useBillingNavigate.js";
+import { CouponStatus as s } from "../../../../generated/global-types.js";
+import { useEffect as ee, useMemo as c, useState as l } from "react";
+import { AlertCircle as u, CheckCircle as d, ChevronLeft as f, ChevronRight as te, DollarSign as p, Download as ne, Edit as m, Eye as h, Package as g, Percent as _, Plus as v, Power as y, PowerOff as b, Search as x, Tag as S, Trash2 as C, TrendingUp as w } from "lucide-react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/billing/modules/coupons/pages/CouponsListPage.tsx
+var O = () => {
+	let { t: O } = D(), re = (e, t) => {
+		let n = O(e);
+		return n === e ? t : n;
+	}, k = o(), ie = n(), [A, ae] = l(""), [j, M] = l("ALL"), [N, P] = l("ALL"), [F] = l("ALL"), [I, L] = l(0), [R, z] = l(null), [B, V] = l(null), [H, U] = l(null), { data: W, loading: G, refetch: K } = i({ variables: {
+		limit: 20,
+		offset: I * 20,
+		filter: {
+			status: j === "ALL" ? void 0 : j,
+			type: N === "ALL" ? void 0 : N,
+			scope: F === "ALL" ? void 0 : F,
+			search: A || void 0
+		}
+	} }), q = c(() => W?.listCoupons?.coupons ?? [], [W?.listCoupons?.coupons]), J = W?.listCoupons?.total ?? 0, oe = W?.listCoupons?.hasMore ?? !1, se = Math.ceil(J / 20), [ce, { loading: Y }] = r(), [le] = a(), X = q;
+	ee(() => {
+		L(0);
+	}, [
+		A,
+		j,
+		N,
+		F
+	]);
+	let Z = c(() => ({
+		totalCoupons: J,
+		activeCoupons: q.filter((e) => e.status === "ACTIVE").length,
+		totalUses: q.reduce((e, t) => e + t.currentUses, 0),
+		totalDiscountValue: q.reduce((e, t) => t.type === "FIXED_AMOUNT" ? e + t.value * t.currentUses : e, 0)
+	}), [q, J]);
+	if (!ie.canManageDiscounts) return /* @__PURE__ */ T(e, { message: "You don't have permission to manage coupons." });
+	let Q = (e) => new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency: "USD"
+	}).format(e), $ = (e) => new Date(e).toLocaleDateString("en-US", {
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	}), ue = (e) => {
+		switch (e) {
+			case "ACTIVE": return "text-status-success-text bg-status-success-bg-subtle";
+			case "INACTIVE": return "text-text-secondary bg-bg-canvas";
+			case "EXPIRED": return "text-status-error-text bg-status-error-bg-subtle";
+			default: return "text-text-secondary bg-bg-canvas";
+		}
+	}, de = (e) => {
+		switch (e) {
+			case "PERCENTAGE": return /* @__PURE__ */ T(_, { className: "h-4 w-4" });
+			case "FIXED_AMOUNT": return /* @__PURE__ */ T(p, { className: "h-4 w-4" });
+			case "FREE_SHIPPING": return /* @__PURE__ */ T(g, { className: "h-4 w-4" });
+			default: return /* @__PURE__ */ T(S, { className: "h-4 w-4" });
+		}
+	};
+	return /* @__PURE__ */ E("div", {
+		className: "max-w-7xl mx-auto p-4 sm:p-6 space-y-6",
+		children: [
+			/* @__PURE__ */ E("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ T(t, {
+					title: re("billing.coupons.title", "Coupons"),
+					description: "Manage discount codes and promotional offers",
+					icon: /* @__PURE__ */ T(S, { className: "h-6 w-6" })
+				}), /* @__PURE__ */ E("button", {
+					onClick: () => k("/coupons/create"),
+					className: "px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 flex items-center gap-2",
+					children: [/* @__PURE__ */ T(v, { className: "h-4 w-4" }), "Create Coupon"]
+				})]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
+				children: [
+					/* @__PURE__ */ E("div", {
+						className: "bg-card border border-border rounded-lg p-4",
+						children: [
+							/* @__PURE__ */ E("div", {
+								className: "flex items-center justify-between mb-2",
+								children: [/* @__PURE__ */ T("span", {
+									className: "text-sm text-muted-foreground",
+									children: "Total Coupons"
+								}), /* @__PURE__ */ T(S, { className: "h-4 w-4 text-accent-blue" })]
+							}),
+							/* @__PURE__ */ T("p", {
+								className: "text-2xl font-bold text-foreground",
+								children: Z.totalCoupons
+							}),
+							/* @__PURE__ */ E("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: [Z.activeCoupons, " active"]
+							})
+						]
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "bg-card border border-border rounded-lg p-4",
+						children: [
+							/* @__PURE__ */ E("div", {
+								className: "flex items-center justify-between mb-2",
+								children: [/* @__PURE__ */ T("span", {
+									className: "text-sm text-muted-foreground",
+									children: "Total Uses"
+								}), /* @__PURE__ */ T(w, { className: "h-4 w-4 text-status-success-text" })]
+							}),
+							/* @__PURE__ */ T("p", {
+								className: "text-2xl font-bold text-foreground",
+								children: Z.totalUses
+							}),
+							/* @__PURE__ */ T("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: "All time"
+							})
+						]
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "bg-card border border-border rounded-lg p-4",
+						children: [
+							/* @__PURE__ */ E("div", {
+								className: "flex items-center justify-between mb-2",
+								children: [/* @__PURE__ */ T("span", {
+									className: "text-sm text-muted-foreground",
+									children: "Total Discount"
+								}), /* @__PURE__ */ T(p, { className: "h-4 w-4 text-accent-purple" })]
+							}),
+							/* @__PURE__ */ T("p", {
+								className: "text-2xl font-bold text-foreground",
+								children: Q(Z.totalDiscountValue)
+							}),
+							/* @__PURE__ */ T("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: "Fixed amount only"
+							})
+						]
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "bg-card border border-border rounded-lg p-4",
+						children: [
+							/* @__PURE__ */ E("div", {
+								className: "flex items-center justify-between mb-2",
+								children: [/* @__PURE__ */ T("span", {
+									className: "text-sm text-muted-foreground",
+									children: "Active Rate"
+								}), /* @__PURE__ */ T(d, { className: "h-4 w-4 text-status-success-text" })]
+							}),
+							/* @__PURE__ */ E("p", {
+								className: "text-2xl font-bold text-foreground",
+								children: [Z.totalCoupons > 0 ? Math.round(Z.activeCoupons / Z.totalCoupons * 100) : 0, "%"]
+							}),
+							/* @__PURE__ */ T("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: "Of all coupons"
+							})
+						]
+					})
+				]
+			}),
+			H && /* @__PURE__ */ E("div", {
+				className: H.tone === "success" ? "flex items-start gap-3 rounded-lg border border-status-success-border bg-status-success-bg-subtle p-4 text-status-success-text" : "flex items-start gap-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4 text-status-error-text",
+				role: "status",
+				"aria-live": "polite",
+				children: [H.tone === "success" ? /* @__PURE__ */ T(d, { className: "mt-0.5 h-4 w-4 shrink-0" }) : /* @__PURE__ */ T(u, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ T("p", {
+					className: "text-sm font-medium",
+					children: H.message
+				})]
+			}),
+			R && /* @__PURE__ */ T("div", {
+				className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4",
+				children: /* @__PURE__ */ E("div", {
+					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+					children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("p", {
+						className: "font-medium text-status-error-text",
+						children: [
+							"Deactivate coupon ",
+							/* @__PURE__ */ T("span", {
+								className: "font-mono",
+								children: R.code
+							}),
+							"?"
+						]
+					}), /* @__PURE__ */ T("p", {
+						className: "mt-1 text-sm text-status-error-text",
+						children: "This will prevent new checkouts from applying this coupon."
+					})] }), /* @__PURE__ */ E("div", {
+						className: "flex gap-2 self-end sm:self-auto",
+						children: [/* @__PURE__ */ T("button", {
+							type: "button",
+							onClick: () => z(null),
+							className: "rounded-lg border border-border bg-background px-3 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+							children: "Cancel"
+						}), /* @__PURE__ */ T("button", {
+							type: "button",
+							onClick: () => fe(R.id),
+							disabled: Y,
+							className: "rounded-lg bg-destructive px-3 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-destructive/90 disabled:cursor-not-allowed disabled:opacity-50",
+							children: Y ? "Deactivating…" : "Deactivate"
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "bg-card border border-border rounded-lg p-4",
+				children: /* @__PURE__ */ E("div", {
+					className: "grid grid-cols-1 md:grid-cols-4 gap-4",
+					children: [
+						/* @__PURE__ */ T("div", {
+							className: "md:col-span-2",
+							children: /* @__PURE__ */ E("div", {
+								className: "relative",
+								children: [/* @__PURE__ */ T(x, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ T("input", {
+									type: "text",
+									placeholder: "Search coupons...",
+									value: A,
+									onChange: (e) => ae(e.target.value),
+									className: "w-full pl-10 pr-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20"
+								})]
+							})
+						}),
+						/* @__PURE__ */ E("select", {
+							value: j,
+							onChange: (e) => {
+								M(e.target.value), L(0);
+							},
+							className: "px-4 py-2 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20",
+							children: [
+								/* @__PURE__ */ T("option", {
+									value: "ALL",
+									children: "All Status"
+								}),
+								/* @__PURE__ */ T("option", {
+									value: "ACTIVE",
+									children: "Active"
+								}),
+								/* @__PURE__ */ T("option", {
+									value: "INACTIVE",
+									children: "Inactive"
+								}),
+								/* @__PURE__ */ T("option", {
+									value: "EXPIRED",
+									children: "Expired"
+								})
+							]
+						}),
+						/* @__PURE__ */ E("select", {
+							value: N,
+							onChange: (e) => {
+								P(e.target.value), L(0);
+							},
+							className: "px-4 py-2 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20",
+							children: [
+								/* @__PURE__ */ T("option", {
+									value: "ALL",
+									children: "All Types"
+								}),
+								/* @__PURE__ */ T("option", {
+									value: "PERCENTAGE",
+									children: "Percentage"
+								}),
+								/* @__PURE__ */ T("option", {
+									value: "FIXED_AMOUNT",
+									children: "Fixed Amount"
+								}),
+								/* @__PURE__ */ T("option", {
+									value: "FREE_SHIPPING",
+									children: "Free Shipping"
+								})
+							]
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "bg-card border border-border rounded-lg overflow-hidden",
+				children: /* @__PURE__ */ T("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ E("table", {
+						className: "w-full",
+						children: [/* @__PURE__ */ T("thead", {
+							className: "bg-muted/50 border-b border-border",
+							children: /* @__PURE__ */ E("tr", { children: [
+								/* @__PURE__ */ T("th", {
+									className: "text-left p-4 text-sm font-medium text-foreground",
+									children: "Code"
+								}),
+								/* @__PURE__ */ T("th", {
+									className: "text-left p-4 text-sm font-medium text-foreground",
+									children: "Type"
+								}),
+								/* @__PURE__ */ T("th", {
+									className: "text-left p-4 text-sm font-medium text-foreground",
+									children: "Value"
+								}),
+								/* @__PURE__ */ T("th", {
+									className: "text-left p-4 text-sm font-medium text-foreground",
+									children: "Status"
+								}),
+								/* @__PURE__ */ T("th", {
+									className: "text-left p-4 text-sm font-medium text-foreground",
+									children: "Usage"
+								}),
+								/* @__PURE__ */ T("th", {
+									className: "text-left p-4 text-sm font-medium text-foreground",
+									children: "Valid Until"
+								}),
+								/* @__PURE__ */ T("th", {
+									className: "text-right p-4 text-sm font-medium text-foreground",
+									children: "Actions"
+								})
+							] })
+						}), /* @__PURE__ */ T("tbody", {
+							className: "divide-y divide-border",
+							children: G ? /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
+								colSpan: 7,
+								className: "p-8 text-center text-muted-foreground",
+								children: "Loading coupons..."
+							}) }) : X.length === 0 ? /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
+								colSpan: 7,
+								className: "p-8 text-center text-muted-foreground",
+								children: "No coupons found"
+							}) }) : X.map((e) => /* @__PURE__ */ E("tr", {
+								className: "hover:bg-muted/50",
+								children: [
+									/* @__PURE__ */ T("td", {
+										className: "p-4",
+										children: /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+											className: "font-medium text-foreground font-mono",
+											children: e.code
+										}), /* @__PURE__ */ T("p", {
+											className: "text-sm text-muted-foreground",
+											children: e.name
+										})] })
+									}),
+									/* @__PURE__ */ T("td", {
+										className: "p-4",
+										children: /* @__PURE__ */ E("div", {
+											className: "flex items-center gap-2",
+											children: [de(e.type), /* @__PURE__ */ T("span", {
+												className: "text-sm text-foreground capitalize",
+												children: e.type.replace("_", " ").toLowerCase()
+											})]
+										})
+									}),
+									/* @__PURE__ */ T("td", {
+										className: "p-4",
+										children: /* @__PURE__ */ T("span", {
+											className: "text-sm font-medium text-foreground",
+											children: e.type === "PERCENTAGE" ? `${e.value}%` : Q(e.value)
+										})
+									}),
+									/* @__PURE__ */ T("td", {
+										className: "p-4",
+										children: /* @__PURE__ */ T("span", {
+											className: `inline-flex px-2 py-1 rounded-full text-xs font-medium ${ue(e.status)}`,
+											children: e.status
+										})
+									}),
+									/* @__PURE__ */ E("td", {
+										className: "p-4",
+										children: [/* @__PURE__ */ E("div", {
+											className: "text-sm text-foreground",
+											children: [/* @__PURE__ */ T("span", {
+												className: "font-medium",
+												children: e.currentUses
+											}), e.maxTotalUses && /* @__PURE__ */ E("span", {
+												className: "text-muted-foreground",
+												children: [" / ", e.maxTotalUses]
+											})]
+										}), e.maxTotalUses && /* @__PURE__ */ T("div", {
+											className: "w-full bg-muted rounded-full h-1.5 mt-1",
+											children: /* @__PURE__ */ T("div", {
+												className: "bg-primary h-1.5 rounded-full",
+												style: { width: `${Math.min(e.currentUses / e.maxTotalUses * 100, 100)}%` }
+											})
+										})]
+									}),
+									/* @__PURE__ */ T("td", {
+										className: "p-4",
+										children: /* @__PURE__ */ T("span", {
+											className: "text-sm text-muted-foreground",
+											children: e.validUntil ? $(e.validUntil) : "No expiry"
+										})
+									}),
+									/* @__PURE__ */ T("td", {
+										className: "p-4",
+										children: /* @__PURE__ */ E("div", {
+											className: "flex items-center justify-end gap-2",
+											children: [
+												/* @__PURE__ */ T("button", {
+													onClick: () => k(`/coupons/${e.id}`),
+													className: "p-2 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground",
+													title: "View details",
+													children: /* @__PURE__ */ T(h, { className: "h-4 w-4" })
+												}),
+												/* @__PURE__ */ T("button", {
+													onClick: () => k(`/coupons/${e.id}/edit`),
+													className: "p-2 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground",
+													title: "Edit coupon",
+													children: /* @__PURE__ */ T(m, { className: "h-4 w-4" })
+												}),
+												e.status === "ACTIVE" ? /* @__PURE__ */ T("button", {
+													onClick: () => z(e),
+													disabled: Y || B === e.id,
+													className: "p-2 rounded-lg hover:bg-destructive/10 text-muted-foreground hover:text-destructive disabled:opacity-50 disabled:cursor-not-allowed",
+													title: "Deactivate coupon",
+													children: /* @__PURE__ */ T(b, { className: "h-4 w-4" })
+												}) : e.status === "INACTIVE" ? /* @__PURE__ */ T("button", {
+													onClick: () => pe(e.id, s.Active),
+													disabled: B === e.id,
+													className: "p-2 rounded-lg hover:bg-status-success-bg-subtle text-muted-foreground hover:text-status-success-text disabled:opacity-50 disabled:cursor-not-allowed",
+													title: "Activate coupon",
+													children: /* @__PURE__ */ T(y, { className: "h-4 w-4" })
+												}) : /* @__PURE__ */ T("button", {
+													disabled: !0,
+													className: "p-2 rounded-lg text-muted-foreground/40 cursor-not-allowed",
+													title: `Cannot change status (${e.status.toLowerCase()})`,
+													children: /* @__PURE__ */ T(C, { className: "h-4 w-4" })
+												})
+											]
+										})
+									})
+								]
+							}, e.id))
+						})]
+					})
+				})
+			}),
+			J > 20 && /* @__PURE__ */ E("div", {
+				className: "flex items-center justify-between px-2",
+				children: [/* @__PURE__ */ E("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						"Showing ",
+						I * 20 + 1,
+						"–",
+						Math.min((I + 1) * 20, J),
+						" of ",
+						J,
+						" ",
+						"coupons"
+					]
+				}), /* @__PURE__ */ E("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ T("button", {
+							onClick: () => L((e) => Math.max(0, e - 1)),
+							disabled: I === 0,
+							className: "p-2 rounded-lg border border-border hover:bg-muted disabled:opacity-40 disabled:cursor-not-allowed",
+							children: /* @__PURE__ */ T(f, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ E("span", {
+							className: "text-sm text-foreground font-medium",
+							children: [
+								I + 1,
+								" / ",
+								se
+							]
+						}),
+						/* @__PURE__ */ T("button", {
+							onClick: () => L((e) => e + 1),
+							disabled: !oe,
+							className: "p-2 rounded-lg border border-border hover:bg-muted disabled:opacity-40 disabled:cursor-not-allowed",
+							children: /* @__PURE__ */ T(te, { className: "h-4 w-4" })
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ E("button", {
+					onClick: me,
+					className: "px-4 py-2 rounded-lg border border-border text-foreground hover:bg-muted flex items-center gap-2",
+					children: [/* @__PURE__ */ T(ne, { className: "h-4 w-4" }), "Export Coupons"]
+				})
+			})
+		]
+	});
+	async function fe(e) {
+		try {
+			await ce({ variables: { id: e } }), await K(), z(null), U({
+				tone: "success",
+				message: "Coupon deactivated successfully."
+			});
+		} catch (e) {
+			console.error("Failed to deactivate coupon:", e), U({
+				tone: "error",
+				message: `Failed to deactivate coupon: ${e instanceof Error ? e.message : "Unknown error"}`
+			});
+		}
+	}
+	async function pe(e, t) {
+		V(e);
+		try {
+			await le({ variables: {
+				id: e,
+				input: { status: t }
+			} }), await K(), U({
+				tone: "success",
+				message: `Coupon ${t === s.Active ? "activated" : "deactivated"} successfully.`
+			});
+		} catch (e) {
+			console.error("Failed to update coupon status:", e), U({
+				tone: "error",
+				message: `Failed to update status: ${e instanceof Error ? e.message : "Unknown error"}`
+			});
+		} finally {
+			V(null);
+		}
+	}
+	function me() {
+		let e = X.map((e) => ({
+			code: e.code,
+			name: e.name,
+			description: e.description ?? "",
+			status: e.status,
+			type: e.type,
+			value: e.value,
+			currentUses: e.currentUses,
+			maxTotalUses: e.maxTotalUses ?? "",
+			validUntil: e.validUntil ?? ""
+		}));
+		if (e.length === 0) {
+			U({
+				tone: "error",
+				message: "There are no coupons to export for the current filters."
+			});
+			return;
+		}
+		let t = Object.keys(e[0]).join(","), n = e.map((e) => Object.values(e).map((e) => `"${String(e).replaceAll("\"", "\"\"")}"`).join(",")).join("\n"), r = new Blob([`${t}\n${n}`], { type: "text/csv;charset=utf-8" }), i = URL.createObjectURL(r), a = document.createElement("a");
+		a.href = i, a.download = "billing-coupons.csv", a.click(), URL.revokeObjectURL(i), U({
+			tone: "success",
+			message: `Exported ${e.length} coupon${e.length === 1 ? "" : "s"} to CSV.`
+		});
+	}
+};
+//#endregion
+export { O as CouponsListPage };
+
+//# sourceMappingURL=CouponsListPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CouponsListPage.js","names":[],"sources":["../../../../../src/billing/modules/coupons/pages/CouponsListPage.tsx"],"sourcesContent":["/**\n * Coupons List Page\n *\n * Admin interface for managing coupon codes:\n * - View all coupons\n * - Filter by status, type, scope\n * - Create new coupons\n * - Edit/deactivate existing coupons\n * - View usage analytics\n */\n\nimport { type FC, useState, useMemo, useEffect } from 'react';\nimport { useBillingNavigate } from '../../../hooks/useBillingNavigate';\nimport {\n  Plus,\n  Search,\n  Tag,\n  TrendingUp,\n  CheckCircle,\n  AlertCircle,\n  Percent,\n  DollarSign,\n  Package,\n  Eye,\n  Edit,\n  Trash2,\n  Download,\n  PowerOff,\n  Power,\n  ChevronLeft,\n  ChevronRight,\n} from 'lucide-react';\n\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { AccessDenied, PageHeader } from '../../../shared/components';\nimport {\n  useListCouponsQuery,\n  useDeactivateCouponMutation,\n  useUpdateCouponMutation,\n} from '../../../../generated/global-operations';\nimport { CouponStatus } from '../../../../generated/global-types';\nimport type {\n  CouponScope as GQLCouponScope,\n  CouponStatus as GQLCouponStatus,\n  CouponType as GQLCouponType,\n  Coupon as GQLCoupon,\n} from '../../../../generated/global-types';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\ntype Coupon = GQLCoupon;\n\ntype CouponStatusFilter = 'ALL' | GQLCouponStatus;\ntype CouponTypeFilter = 'ALL' | GQLCouponType;\ntype CouponScopeFilter = 'ALL' | GQLCouponScope;\n\ninterface CouponExportRow {\n  code: string;\n  name: string;\n  description: string;\n  status: string;\n  type: string;\n  value: number;\n  currentUses: number;\n  maxTotalUses: number | '';\n  validUntil: string;\n}\n\nexport const CouponsListPage: FC = () => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n  const navigateTo = useBillingNavigate();\n  const permissions = useBillingPermissions();\n\n  const PAGE_SIZE = 20;\n\n  // State\n  const [searchQuery, setSearchQuery] = useState('');\n  const [statusFilter, setStatusFilter] = useState<CouponStatusFilter>('ALL');\n  const [typeFilter, setTypeFilter] = useState<CouponTypeFilter>('ALL');\n  const [scopeFilter] = useState<CouponScopeFilter>('ALL');\n  const [page, setPage] = useState(0);\n  const [couponToDeactivate, setCouponToDeactivate] = useState<Coupon | null>(null);\n  const [togglingId, setTogglingId] = useState<string | null>(null);\n  const [feedback, setFeedback] = useState<{\n    tone: 'success' | 'error';\n    message: string;\n  } | null>(null);\n\n  // Fetch coupons from backend (server-side pagination)\n  const { data, loading, refetch } = useListCouponsQuery({\n    variables: {\n      limit: PAGE_SIZE,\n      offset: page * PAGE_SIZE,\n      filter: {\n        status: statusFilter !== 'ALL' ? (statusFilter as GQLCouponStatus) : undefined,\n        type: typeFilter !== 'ALL' ? (typeFilter as GQLCouponType) : undefined,\n        scope: scopeFilter !== 'ALL' ? (scopeFilter as GQLCouponScope) : undefined,\n        search: searchQuery || undefined,\n      },\n    },\n  });\n\n  const coupons = useMemo<Coupon[]>(\n    () => data?.listCoupons?.coupons ?? [],\n    [data?.listCoupons?.coupons]\n  );\n  const total = data?.listCoupons?.total ?? 0;\n  const hasMore = data?.listCoupons?.hasMore ?? false;\n  const totalPages = Math.ceil(total / PAGE_SIZE);\n\n  // Mutations\n  const [deactivateCoupon, { loading: deactivating }] = useDeactivateCouponMutation();\n  const [updateCoupon] = useUpdateCouponMutation();\n\n  // With server-side filtering, filteredCoupons === coupons\n  const filteredCoupons = coupons;\n\n  // Reset to first page when filters change\n  useEffect(() => {\n    setPage(0);\n  }, [searchQuery, statusFilter, typeFilter, scopeFilter]);\n\n  // Statistics from current page (best effort without a separate aggregation query)\n  const stats = useMemo(() => {\n    const activeCoupons = coupons.filter((c: Coupon) => c.status === 'ACTIVE').length;\n    const totalUses = coupons.reduce((sum: number, c: Coupon) => sum + c.currentUses, 0);\n    const totalDiscountValue = coupons.reduce((sum: number, c: Coupon) => {\n      if (c.type === 'FIXED_AMOUNT') return sum + c.value * c.currentUses;\n      return sum;\n    }, 0);\n    return { totalCoupons: total, activeCoupons, totalUses, totalDiscountValue };\n  }, [coupons, total]);\n\n  // Check permissions\n  if (!permissions.canManageDiscounts) {\n    return <AccessDenied message=\"You don't have permission to manage coupons.\" />;\n  }\n\n  // Format currency\n  const formatCurrency = (amount: number) => {\n    return new Intl.NumberFormat('en-US', {\n      style: 'currency',\n      currency: 'USD',\n    }).format(amount);\n  };\n\n  // Format date\n  const formatDate = (dateString: string) => {\n    return new Date(dateString).toLocaleDateString('en-US', {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n    });\n  };\n\n  // Get status color\n  const getStatusColor = (status: string) => {\n    switch (status) {\n      case 'ACTIVE':\n        return 'text-status-success-text bg-status-success-bg-subtle';\n      case 'INACTIVE':\n        return 'text-text-secondary bg-bg-canvas';\n      case 'EXPIRED':\n        return 'text-status-error-text bg-status-error-bg-subtle';\n      default:\n        return 'text-text-secondary bg-bg-canvas';\n    }\n  };\n\n  // Get type icon\n  const getTypeIcon = (type: string) => {\n    switch (type) {\n      case 'PERCENTAGE':\n        return <Percent className=\"h-4 w-4\" />;\n      case 'FIXED_AMOUNT':\n        return <DollarSign className=\"h-4 w-4\" />;\n      case 'FREE_SHIPPING':\n        return <Package className=\"h-4 w-4\" />;\n      default:\n        return <Tag className=\"h-4 w-4\" />;\n    }\n  };\n\n  return (\n    <div className=\"max-w-7xl mx-auto p-4 sm:p-6 space-y-6\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <PageHeader\n          title={tr('billing.coupons.title', 'Coupons')}\n          description=\"Manage discount codes and promotional offers\"\n          icon={<Tag className=\"h-6 w-6\" />}\n        />\n\n        <button\n          onClick={() => navigateTo('/coupons/create')}\n          className=\"px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 flex items-center gap-2\"\n        >\n          <Plus className=\"h-4 w-4\" />\n          Create Coupon\n        </button>\n      </div>\n\n      {/* Statistics Cards */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n        <div className=\"bg-card border border-border rounded-lg p-4\">\n          <div className=\"flex items-center justify-between mb-2\">\n            <span className=\"text-sm text-muted-foreground\">Total Coupons</span>\n            <Tag className=\"h-4 w-4 text-accent-blue\" />\n          </div>\n          <p className=\"text-2xl font-bold text-foreground\">{stats.totalCoupons}</p>\n          <p className=\"text-xs text-muted-foreground mt-1\">{stats.activeCoupons} active</p>\n        </div>\n\n        <div className=\"bg-card border border-border rounded-lg p-4\">\n          <div className=\"flex items-center justify-between mb-2\">\n            <span className=\"text-sm text-muted-foreground\">Total Uses</span>\n            <TrendingUp className=\"h-4 w-4 text-status-success-text\" />\n          </div>\n          <p className=\"text-2xl font-bold text-foreground\">{stats.totalUses}</p>\n          <p className=\"text-xs text-muted-foreground mt-1\">All time</p>\n        </div>\n\n        <div className=\"bg-card border border-border rounded-lg p-4\">\n          <div className=\"flex items-center justify-between mb-2\">\n            <span className=\"text-sm text-muted-foreground\">Total Discount</span>\n            <DollarSign className=\"h-4 w-4 text-accent-purple\" />\n          </div>\n          <p className=\"text-2xl font-bold text-foreground\">\n            {formatCurrency(stats.totalDiscountValue)}\n          </p>\n          <p className=\"text-xs text-muted-foreground mt-1\">Fixed amount only</p>\n        </div>\n\n        <div className=\"bg-card border border-border rounded-lg p-4\">\n          <div className=\"flex items-center justify-between mb-2\">\n            <span className=\"text-sm text-muted-foreground\">Active Rate</span>\n            <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n          </div>\n          <p className=\"text-2xl font-bold text-foreground\">\n            {stats.totalCoupons > 0\n              ? Math.round((stats.activeCoupons / stats.totalCoupons) * 100)\n              : 0}\n            %\n          </p>\n          <p className=\"text-xs text-muted-foreground mt-1\">Of all coupons</p>\n        </div>\n      </div>\n\n      {feedback && (\n        <div\n          className={\n            feedback.tone === 'success'\n              ? 'flex items-start gap-3 rounded-lg border border-status-success-border bg-status-success-bg-subtle p-4 text-status-success-text'\n              : 'flex items-start gap-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4 text-status-error-text'\n          }\n          role=\"status\"\n          aria-live=\"polite\"\n        >\n          {feedback.tone === 'success' ? (\n            <CheckCircle className=\"mt-0.5 h-4 w-4 shrink-0\" />\n          ) : (\n            <AlertCircle className=\"mt-0.5 h-4 w-4 shrink-0\" />\n          )}\n          <p className=\"text-sm font-medium\">{feedback.message}</p>\n        </div>\n      )}\n\n      {couponToDeactivate && (\n        <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n            <div>\n              <p className=\"font-medium text-status-error-text\">\n                Deactivate coupon <span className=\"font-mono\">{couponToDeactivate.code}</span>?\n              </p>\n              <p className=\"mt-1 text-sm text-status-error-text\">\n                This will prevent new checkouts from applying this coupon.\n              </p>\n            </div>\n            <div className=\"flex gap-2 self-end sm:self-auto\">\n              <button\n                type=\"button\"\n                onClick={() => setCouponToDeactivate(null)}\n                className=\"rounded-lg border border-border bg-background px-3 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => handleDeactivate(couponToDeactivate.id)}\n                disabled={deactivating}\n                className=\"rounded-lg bg-destructive px-3 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-destructive/90 disabled:cursor-not-allowed disabled:opacity-50\"\n              >\n                {deactivating ? 'Deactivating…' : 'Deactivate'}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Filters */}\n      <div className=\"bg-card border border-border rounded-lg p-4\">\n        <div className=\"grid grid-cols-1 md:grid-cols-4 gap-4\">\n          {/* Search */}\n          <div className=\"md:col-span-2\">\n            <div className=\"relative\">\n              <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n              <input\n                type=\"text\"\n                placeholder=\"Search coupons...\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"w-full pl-10 pr-4 py-2 rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/20\"\n              />\n            </div>\n          </div>\n\n          {/* Status Filter */}\n          <select\n            value={statusFilter}\n            onChange={(e) => {\n              setStatusFilter(e.target.value as CouponStatusFilter);\n              setPage(0);\n            }}\n            className=\"px-4 py-2 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20\"\n          >\n            <option value=\"ALL\">All Status</option>\n            <option value=\"ACTIVE\">Active</option>\n            <option value=\"INACTIVE\">Inactive</option>\n            <option value=\"EXPIRED\">Expired</option>\n          </select>\n\n          {/* Type Filter */}\n          <select\n            value={typeFilter}\n            onChange={(e) => {\n              setTypeFilter(e.target.value as CouponTypeFilter);\n              setPage(0);\n            }}\n            className=\"px-4 py-2 rounded-lg border border-border bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary/20\"\n          >\n            <option value=\"ALL\">All Types</option>\n            <option value=\"PERCENTAGE\">Percentage</option>\n            <option value=\"FIXED_AMOUNT\">Fixed Amount</option>\n            <option value=\"FREE_SHIPPING\">Free Shipping</option>\n          </select>\n        </div>\n      </div>\n\n      {/* Coupons Table */}\n      <div className=\"bg-card border border-border rounded-lg overflow-hidden\">\n        <div className=\"overflow-x-auto\">\n          <table className=\"w-full\">\n            <thead className=\"bg-muted/50 border-b border-border\">\n              <tr>\n                <th className=\"text-left p-4 text-sm font-medium text-foreground\">Code</th>\n                <th className=\"text-left p-4 text-sm font-medium text-foreground\">Type</th>\n                <th className=\"text-left p-4 text-sm font-medium text-foreground\">Value</th>\n                <th className=\"text-left p-4 text-sm font-medium text-foreground\">Status</th>\n                <th className=\"text-left p-4 text-sm font-medium text-foreground\">Usage</th>\n                <th className=\"text-left p-4 text-sm font-medium text-foreground\">Valid Until</th>\n                <th className=\"text-right p-4 text-sm font-medium text-foreground\">Actions</th>\n              </tr>\n            </thead>\n            <tbody className=\"divide-y divide-border\">\n              {loading ? (\n                <tr>\n                  <td colSpan={7} className=\"p-8 text-center text-muted-foreground\">\n                    Loading coupons...\n                  </td>\n                </tr>\n              ) : filteredCoupons.length === 0 ? (\n                <tr>\n                  <td colSpan={7} className=\"p-8 text-center text-muted-foreground\">\n                    No coupons found\n                  </td>\n                </tr>\n              ) : (\n                filteredCoupons.map((coupon: Coupon) => (\n                  <tr key={coupon.id} className=\"hover:bg-muted/50\">\n                    <td className=\"p-4\">\n                      <div>\n                        <p className=\"font-medium text-foreground font-mono\">{coupon.code}</p>\n                        <p className=\"text-sm text-muted-foreground\">{coupon.name}</p>\n                      </div>\n                    </td>\n                    <td className=\"p-4\">\n                      <div className=\"flex items-center gap-2\">\n                        {getTypeIcon(coupon.type)}\n                        <span className=\"text-sm text-foreground capitalize\">\n                          {coupon.type.replace('_', ' ').toLowerCase()}\n                        </span>\n                      </div>\n                    </td>\n                    <td className=\"p-4\">\n                      <span className=\"text-sm font-medium text-foreground\">\n                        {coupon.type === 'PERCENTAGE'\n                          ? `${coupon.value}%`\n                          : formatCurrency(coupon.value)}\n                      </span>\n                    </td>\n                    <td className=\"p-4\">\n                      <span\n                        className={`inline-flex px-2 py-1 rounded-full text-xs font-medium ${getStatusColor(\n                          coupon.status\n                        )}`}\n                      >\n                        {coupon.status}\n                      </span>\n                    </td>\n                    <td className=\"p-4\">\n                      <div className=\"text-sm text-foreground\">\n                        <span className=\"font-medium\">{coupon.currentUses}</span>\n                        {coupon.maxTotalUses && (\n                          <span className=\"text-muted-foreground\"> / {coupon.maxTotalUses}</span>\n                        )}\n                      </div>\n                      {coupon.maxTotalUses && (\n                        <div className=\"w-full bg-muted rounded-full h-1.5 mt-1\">\n                          <div\n                            className=\"bg-primary h-1.5 rounded-full\"\n                            style={{\n                              width: `${Math.min(\n                                (coupon.currentUses / coupon.maxTotalUses) * 100,\n                                100\n                              )}%`,\n                            }}\n                          />\n                        </div>\n                      )}\n                    </td>\n                    <td className=\"p-4\">\n                      <span className=\"text-sm text-muted-foreground\">\n                        {coupon.validUntil ? formatDate(coupon.validUntil) : 'No expiry'}\n                      </span>\n                    </td>\n                    <td className=\"p-4\">\n                      <div className=\"flex items-center justify-end gap-2\">\n                        <button\n                          onClick={() => navigateTo(`/coupons/${coupon.id}`)}\n                          className=\"p-2 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground\"\n                          title=\"View details\"\n                        >\n                          <Eye className=\"h-4 w-4\" />\n                        </button>\n                        <button\n                          onClick={() => navigateTo(`/coupons/${coupon.id}/edit`)}\n                          className=\"p-2 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground\"\n                          title=\"Edit coupon\"\n                        >\n                          <Edit className=\"h-4 w-4\" />\n                        </button>\n                        {coupon.status === 'ACTIVE' ? (\n                          <button\n                            onClick={() => setCouponToDeactivate(coupon)}\n                            disabled={deactivating || togglingId === coupon.id}\n                            className=\"p-2 rounded-lg hover:bg-destructive/10 text-muted-foreground hover:text-destructive disabled:opacity-50 disabled:cursor-not-allowed\"\n                            title=\"Deactivate coupon\"\n                          >\n                            <PowerOff className=\"h-4 w-4\" />\n                          </button>\n                        ) : coupon.status === 'INACTIVE' ? (\n                          <button\n                            onClick={() => handleToggleStatus(coupon.id, CouponStatus.Active)}\n                            disabled={togglingId === coupon.id}\n                            className=\"p-2 rounded-lg hover:bg-status-success-bg-subtle text-muted-foreground hover:text-status-success-text disabled:opacity-50 disabled:cursor-not-allowed\"\n                            title=\"Activate coupon\"\n                          >\n                            <Power className=\"h-4 w-4\" />\n                          </button>\n                        ) : (\n                          <button\n                            disabled\n                            className=\"p-2 rounded-lg text-muted-foreground/40 cursor-not-allowed\"\n                            title={`Cannot change status (${coupon.status.toLowerCase()})`}\n                          >\n                            <Trash2 className=\"h-4 w-4\" />\n                          </button>\n                        )}\n                      </div>\n                    </td>\n                  </tr>\n                ))\n              )}\n            </tbody>\n          </table>\n        </div>\n      </div>\n\n      {/* Pagination */}\n      {total > PAGE_SIZE && (\n        <div className=\"flex items-center justify-between px-2\">\n          <p className=\"text-sm text-muted-foreground\">\n            Showing {page * PAGE_SIZE + 1}–{Math.min((page + 1) * PAGE_SIZE, total)} of {total}{' '}\n            coupons\n          </p>\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={() => setPage((p) => Math.max(0, p - 1))}\n              disabled={page === 0}\n              className=\"p-2 rounded-lg border border-border hover:bg-muted disabled:opacity-40 disabled:cursor-not-allowed\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n            </button>\n            <span className=\"text-sm text-foreground font-medium\">\n              {page + 1} / {totalPages}\n            </span>\n            <button\n              onClick={() => setPage((p) => p + 1)}\n              disabled={!hasMore}\n              className=\"p-2 rounded-lg border border-border hover:bg-muted disabled:opacity-40 disabled:cursor-not-allowed\"\n            >\n              <ChevronRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n        </div>\n      )}\n\n      {/* Export Button */}\n      <div className=\"flex justify-end\">\n        <button\n          onClick={handleExport}\n          className=\"px-4 py-2 rounded-lg border border-border text-foreground hover:bg-muted flex items-center gap-2\"\n        >\n          <Download className=\"h-4 w-4\" />\n          Export Coupons\n        </button>\n      </div>\n    </div>\n  );\n\n  async function handleDeactivate(couponId: string) {\n    try {\n      await deactivateCoupon({ variables: { id: couponId } });\n      await refetch();\n      setCouponToDeactivate(null);\n      setFeedback({ tone: 'success', message: 'Coupon deactivated successfully.' });\n    } catch (error) {\n      console.error('Failed to deactivate coupon:', error);\n      setFeedback({\n        tone: 'error',\n        message: `Failed to deactivate coupon: ${error instanceof Error ? error.message : 'Unknown error'}`,\n      });\n    }\n  }\n\n  async function handleToggleStatus(couponId: string, newStatus: CouponStatus) {\n    setTogglingId(couponId);\n    try {\n      await updateCoupon({ variables: { id: couponId, input: { status: newStatus } } });\n      await refetch();\n      setFeedback({\n        tone: 'success',\n        message: `Coupon ${newStatus === CouponStatus.Active ? 'activated' : 'deactivated'} successfully.`,\n      });\n    } catch (error) {\n      console.error('Failed to update coupon status:', error);\n      setFeedback({\n        tone: 'error',\n        message: `Failed to update status: ${error instanceof Error ? error.message : 'Unknown error'}`,\n      });\n    } finally {\n      setTogglingId(null);\n    }\n  }\n\n  function handleExport() {\n    const rows: CouponExportRow[] = filteredCoupons.map((coupon: Coupon) => ({\n      code: coupon.code,\n      name: coupon.name,\n      description: coupon.description ?? '',\n      status: coupon.status,\n      type: coupon.type,\n      value: coupon.value,\n      currentUses: coupon.currentUses,\n      maxTotalUses: coupon.maxTotalUses ?? '',\n      validUntil: coupon.validUntil ?? '',\n    }));\n\n    if (rows.length === 0) {\n      setFeedback({\n        tone: 'error',\n        message: 'There are no coupons to export for the current filters.',\n      });\n      return;\n    }\n\n    const csvHeader = Object.keys(rows[0]).join(',');\n    const csvBody = rows\n      .map((row: CouponExportRow) =>\n        Object.values(row)\n          .map((value) => `\"${String(value).replaceAll('\"', '\"\"')}\"`)\n          .join(',')\n      )\n      .join('\\n');\n\n    const blob = new Blob([`${csvHeader}\\n${csvBody}`], { type: 'text/csv;charset=utf-8' });\n    const downloadUrl = URL.createObjectURL(blob);\n    const link = document.createElement('a');\n    link.href = downloadUrl;\n    link.download = 'billing-coupons.csv';\n    link.click();\n    URL.revokeObjectURL(downloadUrl);\n\n    setFeedback({\n      tone: 'success',\n      message: `Exported ${rows.length} coupon${rows.length === 1 ? '' : 's'} to CSV.`,\n    });\n  }\n};\n"],"mappings":"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"}

package/dist/billing/modules/coupons/pages/CreateCouponPage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const CreateCouponPage: FC;
+//# sourceMappingURL=CreateCouponPage.d.ts.map

package/dist/billing/modules/coupons/pages/CreateCouponPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateCouponPage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/coupons/pages/CreateCouponPage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AA6B1C,eAAO,MAAM,gBAAgB,EAAE,EAof9B,CAAC"}