@burdenoff/microfe-billing 2026.510.114

package/dist/billing/modules/coupons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/billing/modules/coupons/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC"}

package/dist/billing/modules/coupons/index.js

@@ -0,0 +1,6 @@
+import { CouponsListPage as e } from "./pages/CouponsListPage.js";
+import { CreateCouponPage as t } from "./pages/CreateCouponPage.js";
+import { EditCouponPage as n } from "./pages/EditCouponPage.js";
+import { CouponDetailPage as r } from "./pages/CouponDetailPage.js";
+import "./pages/index.js";
+export { r as CouponDetailPage, e as CouponsListPage, t as CreateCouponPage, n as EditCouponPage };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CouponDetailPage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/coupons/pages/CouponDetailPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAkErD,eAAO,MAAM,gBAAgB,EAAE,EAyZ9B,CAAC"}

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

@@ -0,0 +1,489 @@
+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 { useGetCouponLazyQuery as r, useGetCouponUsageHistoryQuery as i } from "../../../../generated/global-operations.js";
+import { useBillingNavigate as a } from "../../../hooks/useBillingNavigate.js";
+import { CouponStatus as o } from "../../../../generated/global-types.js";
+import { useEffect as s, useState as c } from "react";
+import { ArrowLeft as l, BarChart2 as u, Calendar as d, ChevronLeft as f, ChevronRight as p, Edit as m, History as h, Package as g, Tag as _, Users as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/billing/modules/coupons/pages/CouponDetailPage.tsx
+function C({ status: e }) {
+	let { label: t, className: n } = {
+		[o.Active]: {
+			label: "Active",
+			className: "bg-status-success-bg-subtle text-status-success-text border-status-success-bg-subtle"
+		},
+		[o.Inactive]: {
+			label: "Inactive",
+			className: "bg-muted text-muted-foreground border-border"
+		},
+		[o.Expired]: {
+			label: "Expired",
+			className: "bg-status-warning-bg-subtle text-status-warning-text border-status-warning-bg-subtle"
+		},
+		[o.Depleted]: {
+			label: "Depleted",
+			className: "bg-destructive/10 text-destructive border-destructive/20"
+		}
+	}[e] ?? {
+		label: e,
+		className: "bg-muted text-muted-foreground"
+	};
+	return /* @__PURE__ */ b("span", {
+		className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border ${n}`,
+		children: t
+	});
+}
+function w({ label: e, value: t }) {
+	return /* @__PURE__ */ x("div", {
+		className: "flex items-start gap-2 py-3 border-b border-border last:border-0",
+		children: [/* @__PURE__ */ b("span", {
+			className: "text-sm text-muted-foreground w-44 shrink-0",
+			children: e
+		}), /* @__PURE__ */ b("span", {
+			className: "text-sm text-foreground font-medium flex-1",
+			children: t ?? "—"
+		})]
+	});
+}
+var T = () => {
+	let { t: o } = S(), T = (e, t) => {
+		let n = o(e);
+		return n === e ? t : n;
+	}, E = a(), D = n(), O = window.location.pathname.split("/").filter(Boolean).slice(-1)[0], [k, A] = c("details"), [j, M] = c(0), [N, { data: P, loading: F, error: I }] = r(), { data: L, loading: R } = i({
+		variables: {
+			couponId: O,
+			limit: 20,
+			offset: j * 20
+		},
+		skip: !O || k !== "usage"
+	});
+	if (s(() => {
+		O && N({ variables: { id: O } });
+	}, [O, N]), !D.canManageDiscounts) return /* @__PURE__ */ b(e, { message: "You don't have permission to view coupon details." });
+	if (F) return /* @__PURE__ */ x("div", {
+		className: "p-8",
+		children: [/* @__PURE__ */ b(t, {
+			title: T("billing.coupons.detailTitle", "Coupon Details"),
+			description: "Loading...",
+			actions: /* @__PURE__ */ x("button", {
+				onClick: () => E("/coupons"),
+				className: "px-4 py-2 rounded-lg border border-border text-foreground hover:bg-muted flex items-center gap-2",
+				children: [/* @__PURE__ */ b(l, { className: "h-4 w-4" }), "Back"]
+			})
+		}), /* @__PURE__ */ b("div", {
+			className: "flex items-center justify-center h-64",
+			children: /* @__PURE__ */ b("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" })
+		})]
+	});
+	if (I || !P?.getCoupon) return /* @__PURE__ */ x("div", {
+		className: "p-8",
+		children: [/* @__PURE__ */ b(t, {
+			title: "Coupon Details",
+			description: "Coupon not found",
+			actions: /* @__PURE__ */ x("button", {
+				onClick: () => E("/coupons"),
+				className: "px-4 py-2 rounded-lg border border-border text-foreground hover:bg-muted flex items-center gap-2",
+				children: [/* @__PURE__ */ b(l, { className: "h-4 w-4" }), "Back"]
+			})
+		}), /* @__PURE__ */ b("div", {
+			className: "flex items-center justify-center h-64 text-destructive text-sm",
+			children: I ? `Error: ${I.message}` : "Coupon not found"
+		})]
+	});
+	let z = P.getCoupon, B = z.maxTotalUses && z.maxTotalUses > 0 ? Math.round(z.currentUses / z.maxTotalUses * 100) : null, V = (e) => e ? new Date(e).toLocaleDateString(void 0, {
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	}) : null, H = () => z.type === "PERCENTAGE" ? `${z.value}%` : `${z.value}${z.currency ? ` ${z.currency}` : ""}`;
+	return /* @__PURE__ */ x("div", {
+		className: "p-8",
+		children: [
+			/* @__PURE__ */ b(t, {
+				title: z.name || z.code,
+				description: z.description || `Coupon code: ${z.code}`,
+				actions: /* @__PURE__ */ x("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ x("button", {
+						onClick: () => E("/coupons"),
+						className: "px-4 py-2 rounded-lg border border-border text-foreground hover:bg-muted flex items-center gap-2",
+						children: [/* @__PURE__ */ b(l, { className: "h-4 w-4" }), "Back"]
+					}), /* @__PURE__ */ x("button", {
+						onClick: () => E(`/coupons/${z.id}/edit`),
+						className: "px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 flex items-center gap-2",
+						children: [/* @__PURE__ */ b(m, { className: "h-4 w-4" }), "Edit"]
+					})]
+				})
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "mt-6 border-b border-border flex gap-1",
+				children: ["details", "usage"].map((e) => /* @__PURE__ */ x("button", {
+					onClick: () => A(e),
+					className: `flex items-center gap-2 px-4 py-2.5 text-sm font-medium border-b-2 -mb-px transition-colors ${k === e ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"}`,
+					children: [b(e === "details" ? _ : h, { className: "h-4 w-4" }), e === "details" ? "Details" : `Usage History${L ? ` (${L.getCouponUsageHistory.total})` : ""}`]
+				}, e))
+			}),
+			k === "usage" && /* @__PURE__ */ b("div", {
+				className: "mt-6 bg-card border border-border rounded-lg overflow-hidden",
+				children: R ? /* @__PURE__ */ b("div", {
+					className: "flex items-center justify-center h-40",
+					children: /* @__PURE__ */ b("div", { className: "h-6 w-6 animate-spin rounded-full border-4 border-primary border-t-transparent" })
+				}) : L?.getCouponUsageHistory.usages.length ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ x("table", {
+						className: "w-full",
+						children: [/* @__PURE__ */ b("thead", {
+							className: "bg-muted/50 border-b border-border",
+							children: /* @__PURE__ */ x("tr", { children: [
+								/* @__PURE__ */ b("th", {
+									className: "text-left p-4 text-xs font-medium text-muted-foreground uppercase tracking-wide",
+									children: "User ID"
+								}),
+								/* @__PURE__ */ b("th", {
+									className: "text-left p-4 text-xs font-medium text-muted-foreground uppercase tracking-wide",
+									children: "Transaction"
+								}),
+								/* @__PURE__ */ b("th", {
+									className: "text-left p-4 text-xs font-medium text-muted-foreground uppercase tracking-wide",
+									children: "Original"
+								}),
+								/* @__PURE__ */ b("th", {
+									className: "text-left p-4 text-xs font-medium text-muted-foreground uppercase tracking-wide",
+									children: "Discount"
+								}),
+								/* @__PURE__ */ b("th", {
+									className: "text-left p-4 text-xs font-medium text-muted-foreground uppercase tracking-wide",
+									children: "Final"
+								}),
+								/* @__PURE__ */ b("th", {
+									className: "text-left p-4 text-xs font-medium text-muted-foreground uppercase tracking-wide",
+									children: "Used At"
+								})
+							] })
+						}), /* @__PURE__ */ b("tbody", {
+							className: "divide-y divide-border",
+							children: L.getCouponUsageHistory.usages.map((e) => /* @__PURE__ */ x("tr", {
+								className: "hover:bg-muted/30",
+								children: [
+									/* @__PURE__ */ x("td", {
+										className: "p-4 text-sm text-foreground font-mono",
+										children: [e.userId.slice(0, 12), "…"]
+									}),
+									/* @__PURE__ */ b("td", {
+										className: "p-4 text-sm",
+										children: e.transactionId ? /* @__PURE__ */ x("span", {
+											className: "font-mono text-xs text-primary",
+											children: [e.transactionId.slice(0, 12), "…"]
+										}) : e.orderId ? /* @__PURE__ */ x("span", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												"Order: ",
+												e.orderId.slice(0, 12),
+												"…"
+											]
+										}) : /* @__PURE__ */ b("span", {
+											className: "text-muted-foreground",
+											children: "—"
+										})
+									}),
+									/* @__PURE__ */ x("td", {
+										className: "p-4 text-sm text-foreground",
+										children: [
+											e.originalAmount.toFixed(2),
+											" ",
+											e.currency
+										]
+									}),
+									/* @__PURE__ */ x("td", {
+										className: "p-4 text-sm text-status-success-text font-medium",
+										children: [
+											"-",
+											e.discountValue.toFixed(2),
+											" ",
+											e.currency
+										]
+									}),
+									/* @__PURE__ */ x("td", {
+										className: "p-4 text-sm text-foreground font-medium",
+										children: [
+											e.finalAmount.toFixed(2),
+											" ",
+											e.currency
+										]
+									}),
+									/* @__PURE__ */ b("td", {
+										className: "p-4 text-sm text-muted-foreground",
+										children: new Date(e.usedAt).toLocaleString()
+									})
+								]
+							}, e.id))
+						})]
+					})
+				}), (L.getCouponUsageHistory.total ?? 0) > 20 && /* @__PURE__ */ x("div", {
+					className: "flex items-center justify-between p-4 border-t border-border",
+					children: [/* @__PURE__ */ x("p", {
+						className: "text-sm text-muted-foreground",
+						children: [
+							j * 20 + 1,
+							"–",
+							Math.min((j + 1) * 20, L.getCouponUsageHistory.total),
+							" ",
+							"of ",
+							L.getCouponUsageHistory.total
+						]
+					}), /* @__PURE__ */ x("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ b("button", {
+							onClick: () => M((e) => Math.max(0, e - 1)),
+							disabled: j === 0,
+							className: "p-1.5 rounded border border-border hover:bg-muted disabled:opacity-40",
+							children: /* @__PURE__ */ b(f, { className: "h-4 w-4" })
+						}), /* @__PURE__ */ b("button", {
+							onClick: () => M((e) => e + 1),
+							disabled: !L.getCouponUsageHistory.hasMore,
+							className: "p-1.5 rounded border border-border hover:bg-muted disabled:opacity-40",
+							children: /* @__PURE__ */ b(p, { className: "h-4 w-4" })
+						})]
+					})]
+				})] }) : /* @__PURE__ */ b("div", {
+					className: "p-8 text-center text-sm text-muted-foreground",
+					children: "No usage recorded for this coupon yet."
+				})
+			}),
+			k === "details" && /* @__PURE__ */ x("div", {
+				className: "mt-8 grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [
+					/* @__PURE__ */ x("div", {
+						className: "lg:col-span-3 grid grid-cols-2 sm:grid-cols-4 gap-4",
+						children: [
+							/* @__PURE__ */ x("div", {
+								className: "bg-card border border-border rounded-lg p-4",
+								children: [/* @__PURE__ */ x("div", {
+									className: "flex items-center gap-2 text-muted-foreground mb-1",
+									children: [/* @__PURE__ */ b(_, { className: "h-4 w-4" }), /* @__PURE__ */ b("span", {
+										className: "text-xs font-medium uppercase tracking-wide",
+										children: "Code"
+									})]
+								}), /* @__PURE__ */ b("p", {
+									className: "text-lg font-mono font-bold text-foreground",
+									children: z.code
+								})]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "bg-card border border-border rounded-lg p-4",
+								children: [
+									/* @__PURE__ */ x("div", {
+										className: "flex items-center gap-2 text-muted-foreground mb-1",
+										children: [/* @__PURE__ */ b(u, { className: "h-4 w-4" }), /* @__PURE__ */ b("span", {
+											className: "text-xs font-medium uppercase tracking-wide",
+											children: "Discount"
+										})]
+									}),
+									/* @__PURE__ */ b("p", {
+										className: "text-lg font-bold text-foreground",
+										children: H()
+									}),
+									/* @__PURE__ */ b("p", {
+										className: "text-xs text-muted-foreground capitalize",
+										children: z.type.replace("_", " ").toLowerCase()
+									})
+								]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "bg-card border border-border rounded-lg p-4",
+								children: [
+									/* @__PURE__ */ x("div", {
+										className: "flex items-center gap-2 text-muted-foreground mb-1",
+										children: [/* @__PURE__ */ b(v, { className: "h-4 w-4" }), /* @__PURE__ */ b("span", {
+											className: "text-xs font-medium uppercase tracking-wide",
+											children: "Usage"
+										})]
+									}),
+									/* @__PURE__ */ x("p", {
+										className: "text-lg font-bold text-foreground",
+										children: [z.currentUses, z.maxTotalUses ? ` / ${z.maxTotalUses}` : ""]
+									}),
+									B !== null && /* @__PURE__ */ b("div", {
+										className: "mt-1.5 h-1.5 w-full bg-muted rounded-full overflow-hidden",
+										children: /* @__PURE__ */ b("div", {
+											className: "h-full bg-primary rounded-full",
+											style: { width: `${Math.min(B, 100)}%` }
+										})
+									})
+								]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "bg-card border border-border rounded-lg p-4",
+								children: [
+									/* @__PURE__ */ x("div", {
+										className: "flex items-center gap-2 text-muted-foreground mb-1",
+										children: [/* @__PURE__ */ b(d, { className: "h-4 w-4" }), /* @__PURE__ */ b("span", {
+											className: "text-xs font-medium uppercase tracking-wide",
+											children: "Status"
+										})]
+									}),
+									/* @__PURE__ */ b("div", {
+										className: "mt-1",
+										children: /* @__PURE__ */ b(C, { status: z.status })
+									}),
+									z.validUntil && /* @__PURE__ */ x("p", {
+										className: "text-xs text-muted-foreground mt-1",
+										children: ["Expires ", V(z.validUntil)]
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "lg:col-span-2 space-y-4",
+						children: [/* @__PURE__ */ x("div", {
+							className: "bg-card border border-border rounded-lg p-6",
+							children: [
+								/* @__PURE__ */ b("h3", {
+									className: "text-sm font-semibold text-foreground uppercase tracking-wide mb-2",
+									children: "Coupon Details"
+								}),
+								/* @__PURE__ */ b(w, {
+									label: "Code",
+									value: /* @__PURE__ */ b("span", {
+										className: "font-mono",
+										children: z.code
+									})
+								}),
+								/* @__PURE__ */ b(w, {
+									label: "Name",
+									value: z.name
+								}),
+								/* @__PURE__ */ b(w, {
+									label: "Description",
+									value: z.description
+								}),
+								/* @__PURE__ */ b(w, {
+									label: "Type",
+									value: z.type.replace("_", " ").toLowerCase()
+								}),
+								/* @__PURE__ */ b(w, {
+									label: "Value",
+									value: H()
+								}),
+								/* @__PURE__ */ b(w, {
+									label: "Scope",
+									value: z.scope
+								}),
+								/* @__PURE__ */ b(w, {
+									label: "Status",
+									value: /* @__PURE__ */ b(C, { status: z.status })
+								})
+							]
+						}), /* @__PURE__ */ x("div", {
+							className: "bg-card border border-border rounded-lg p-6",
+							children: [
+								/* @__PURE__ */ b("h3", {
+									className: "text-sm font-semibold text-foreground uppercase tracking-wide mb-2",
+									children: "Restrictions"
+								}),
+								/* @__PURE__ */ b(w, {
+									label: "Min Purchase Amount",
+									value: z.minPurchaseAmount == null ? null : `${z.minPurchaseAmount}${z.currency ? ` ${z.currency}` : ""}`
+								}),
+								/* @__PURE__ */ b(w, {
+									label: "Max Discount Amount",
+									value: z.maxDiscountAmount == null ? null : `${z.maxDiscountAmount}${z.currency ? ` ${z.currency}` : ""}`
+								}),
+								/* @__PURE__ */ b(w, {
+									label: "Max Uses Per User",
+									value: z.maxUsesPerUser
+								}),
+								/* @__PURE__ */ b(w, {
+									label: "Restricted Users",
+									value: z.restrictedToUserIds?.length ? /* @__PURE__ */ b("span", {
+										className: "font-mono text-xs break-all",
+										children: z.restrictedToUserIds.join(", ")
+									}) : "No restrictions"
+								}),
+								/* @__PURE__ */ b(w, {
+									label: "Applicable Products",
+									value: z.applicableProducts?.length ? z.applicableProducts.join(", ") : "All products"
+								}),
+								/* @__PURE__ */ b(w, {
+									label: "Excluded Products",
+									value: z.excludedProducts?.length ? z.excludedProducts.join(", ") : "None"
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ x("div", {
+								className: "bg-card border border-border rounded-lg p-6",
+								children: [
+									/* @__PURE__ */ b("h3", {
+										className: "text-sm font-semibold text-foreground uppercase tracking-wide mb-2",
+										children: "Validity"
+									}),
+									/* @__PURE__ */ b(w, {
+										label: "Valid From",
+										value: V(z.validFrom)
+									}),
+									/* @__PURE__ */ b(w, {
+										label: "Valid Until",
+										value: V(z.validUntil) ?? "No expiry"
+									})
+								]
+							}),
+							z.campaignId && /* @__PURE__ */ x("div", {
+								className: "bg-card border border-border rounded-lg p-6",
+								children: [
+									/* @__PURE__ */ b("h3", {
+										className: "text-sm font-semibold text-foreground uppercase tracking-wide mb-2",
+										children: "Campaign"
+									}),
+									/* @__PURE__ */ b(w, {
+										label: "Campaign ID",
+										value: /* @__PURE__ */ b("span", {
+											className: "font-mono text-xs",
+											children: z.campaignId
+										})
+									}),
+									/* @__PURE__ */ b(w, {
+										label: "Campaign Name",
+										value: z.campaignName
+									})
+								]
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "bg-card border border-border rounded-lg p-6",
+								children: [
+									/* @__PURE__ */ x("h3", {
+										className: "text-sm font-semibold text-foreground uppercase tracking-wide mb-2",
+										children: [/* @__PURE__ */ b(g, { className: "h-4 w-4 inline mr-1" }), "Audit"]
+									}),
+									/* @__PURE__ */ b(w, {
+										label: "Created",
+										value: V(z.createdAt)
+									}),
+									/* @__PURE__ */ b(w, {
+										label: "Last Updated",
+										value: V(z.updatedAt)
+									}),
+									/* @__PURE__ */ b(w, {
+										label: "Created By",
+										value: z.createdBy ?? null
+									})
+								]
+							})
+						]
+					})
+				]
+			})
+		]
+	});
+};
+//#endregion
+export { T as CouponDetailPage };
+
+//# sourceMappingURL=CouponDetailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CouponDetailPage.js","names":[],"sources":["../../../../../src/billing/modules/coupons/pages/CouponDetailPage.tsx"],"sourcesContent":["import { type FC, useEffect, useState } from 'react';\nimport { useBillingNavigate } from '../../../hooks/useBillingNavigate';\nimport {\n  ArrowLeft,\n  Edit,\n  Tag,\n  Calendar,\n  Users,\n  Package,\n  BarChart2,\n  History,\n  ChevronLeft,\n  ChevronRight,\n} from 'lucide-react';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { AccessDenied, PageHeader } from '../../../shared/components';\nimport {\n  useGetCouponLazyQuery,\n  useGetCouponUsageHistoryQuery,\n} from '../../../../generated/global-operations';\nimport { Coupon, CouponStatus, CouponUsage } from '../../../../generated/global-types';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nfunction StatusBadge({ status }: { status: CouponStatus }) {\n  const map: Record<CouponStatus, { label: string; className: string }> = {\n    [CouponStatus.Active]: {\n      label: 'Active',\n      className:\n        'bg-status-success-bg-subtle text-status-success-text border-status-success-bg-subtle',\n    },\n    [CouponStatus.Inactive]: {\n      label: 'Inactive',\n      className: 'bg-muted text-muted-foreground border-border',\n    },\n    [CouponStatus.Expired]: {\n      label: 'Expired',\n      className:\n        'bg-status-warning-bg-subtle text-status-warning-text border-status-warning-bg-subtle',\n    },\n    [CouponStatus.Depleted]: {\n      label: 'Depleted',\n      className: 'bg-destructive/10 text-destructive border-destructive/20',\n    },\n  };\n  const { label, className } = map[status] ?? {\n    label: status,\n    className: 'bg-muted text-muted-foreground',\n  };\n  return (\n    <span\n      className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border ${className}`}\n    >\n      {label}\n    </span>\n  );\n}\n\nfunction DetailRow({ label, value }: { label: string; value: React.ReactNode }) {\n  return (\n    <div className=\"flex items-start gap-2 py-3 border-b border-border last:border-0\">\n      <span className=\"text-sm text-muted-foreground w-44 shrink-0\">{label}</span>\n      <span className=\"text-sm text-foreground font-medium flex-1\">{value ?? '—'}</span>\n    </div>\n  );\n}\n\nexport const CouponDetailPage: 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 couponId = window.location.pathname.split('/').filter(Boolean).slice(-1)[0];\n  const [activeTab, setActiveTab] = useState<'details' | 'usage'>('details');\n  const [usagePage, setUsagePage] = useState(0);\n  const USAGE_PAGE_SIZE = 20;\n\n  const [getCoupon, { data, loading, error }] = useGetCouponLazyQuery();\n\n  const { data: usageData, loading: usageLoading } = useGetCouponUsageHistoryQuery({\n    variables: { couponId, limit: USAGE_PAGE_SIZE, offset: usagePage * USAGE_PAGE_SIZE },\n    skip: !couponId || activeTab !== 'usage',\n  });\n\n  useEffect(() => {\n    if (couponId) {\n      getCoupon({ variables: { id: couponId } });\n    }\n  }, [couponId, getCoupon]);\n\n  if (!permissions.canManageDiscounts) {\n    return <AccessDenied message=\"You don't have permission to view coupon details.\" />;\n  }\n\n  if (loading) {\n    return (\n      <div className=\"p-8\">\n        <PageHeader\n          title={tr('billing.coupons.detailTitle', 'Coupon Details')}\n          description=\"Loading...\"\n          actions={\n            <button\n              onClick={() => navigateTo('/coupons')}\n              className=\"px-4 py-2 rounded-lg border border-border text-foreground hover:bg-muted flex items-center gap-2\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back\n            </button>\n          }\n        />\n        <div className=\"flex items-center justify-center h-64\">\n          <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent\" />\n        </div>\n      </div>\n    );\n  }\n\n  if (error || !data?.getCoupon) {\n    return (\n      <div className=\"p-8\">\n        <PageHeader\n          title=\"Coupon Details\"\n          description=\"Coupon not found\"\n          actions={\n            <button\n              onClick={() => navigateTo('/coupons')}\n              className=\"px-4 py-2 rounded-lg border border-border text-foreground hover:bg-muted flex items-center gap-2\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back\n            </button>\n          }\n        />\n        <div className=\"flex items-center justify-center h-64 text-destructive text-sm\">\n          {error ? `Error: ${error.message}` : 'Coupon not found'}\n        </div>\n      </div>\n    );\n  }\n\n  const coupon = data.getCoupon as Coupon;\n  const usagePercent =\n    coupon.maxTotalUses && coupon.maxTotalUses > 0\n      ? Math.round((coupon.currentUses / coupon.maxTotalUses) * 100)\n      : null;\n\n  const formatDate = (d: string | null | undefined) =>\n    d\n      ? new Date(d).toLocaleDateString(undefined, {\n          year: 'numeric',\n          month: 'short',\n          day: 'numeric',\n        })\n      : null;\n\n  const formatValue = () =>\n    coupon.type === 'PERCENTAGE'\n      ? `${coupon.value}%`\n      : `${coupon.value}${coupon.currency ? ` ${coupon.currency}` : ''}`;\n\n  return (\n    <div className=\"p-8\">\n      <PageHeader\n        title={coupon.name || coupon.code}\n        description={coupon.description || `Coupon code: ${coupon.code}`}\n        actions={\n          <div className=\"flex items-center gap-3\">\n            <button\n              onClick={() => navigateTo('/coupons')}\n              className=\"px-4 py-2 rounded-lg border border-border text-foreground hover:bg-muted flex items-center gap-2\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back\n            </button>\n            <button\n              onClick={() => navigateTo(`/coupons/${coupon.id}/edit`)}\n              className=\"px-4 py-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 flex items-center gap-2\"\n            >\n              <Edit className=\"h-4 w-4\" />\n              Edit\n            </button>\n          </div>\n        }\n      />\n\n      {/* Tabs */}\n      <div className=\"mt-6 border-b border-border flex gap-1\">\n        {(['details', 'usage'] as const).map((tab) => (\n          <button\n            key={tab}\n            onClick={() => setActiveTab(tab)}\n            className={`flex items-center gap-2 px-4 py-2.5 text-sm font-medium border-b-2 -mb-px transition-colors ${\n              activeTab === tab\n                ? 'border-primary text-foreground'\n                : 'border-transparent text-muted-foreground hover:text-foreground'\n            }`}\n          >\n            {tab === 'details' ? <Tag className=\"h-4 w-4\" /> : <History className=\"h-4 w-4\" />}\n            {tab === 'details'\n              ? 'Details'\n              : `Usage History${usageData ? ` (${usageData.getCouponUsageHistory.total})` : ''}`}\n          </button>\n        ))}\n      </div>\n\n      {activeTab === 'usage' && (\n        <div className=\"mt-6 bg-card border border-border rounded-lg overflow-hidden\">\n          {usageLoading ? (\n            <div className=\"flex items-center justify-center h-40\">\n              <div className=\"h-6 w-6 animate-spin rounded-full border-4 border-primary border-t-transparent\" />\n            </div>\n          ) : !usageData?.getCouponUsageHistory.usages.length ? (\n            <div className=\"p-8 text-center text-sm text-muted-foreground\">\n              No usage recorded for this coupon yet.\n            </div>\n          ) : (\n            <>\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-xs font-medium text-muted-foreground uppercase tracking-wide\">\n                        User ID\n                      </th>\n                      <th className=\"text-left p-4 text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n                        Transaction\n                      </th>\n                      <th className=\"text-left p-4 text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n                        Original\n                      </th>\n                      <th className=\"text-left p-4 text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n                        Discount\n                      </th>\n                      <th className=\"text-left p-4 text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n                        Final\n                      </th>\n                      <th className=\"text-left p-4 text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n                        Used At\n                      </th>\n                    </tr>\n                  </thead>\n                  <tbody className=\"divide-y divide-border\">\n                    {usageData.getCouponUsageHistory.usages.map((u: CouponUsage) => (\n                      <tr key={u.id} className=\"hover:bg-muted/30\">\n                        <td className=\"p-4 text-sm text-foreground font-mono\">\n                          {u.userId.slice(0, 12)}…\n                        </td>\n                        <td className=\"p-4 text-sm\">\n                          {u.transactionId ? (\n                            <span className=\"font-mono text-xs text-primary\">\n                              {u.transactionId.slice(0, 12)}…\n                            </span>\n                          ) : u.orderId ? (\n                            <span className=\"text-xs text-muted-foreground\">\n                              Order: {u.orderId.slice(0, 12)}…\n                            </span>\n                          ) : (\n                            <span className=\"text-muted-foreground\">—</span>\n                          )}\n                        </td>\n                        <td className=\"p-4 text-sm text-foreground\">\n                          {u.originalAmount.toFixed(2)} {u.currency}\n                        </td>\n                        <td className=\"p-4 text-sm text-status-success-text font-medium\">\n                          -{u.discountValue.toFixed(2)} {u.currency}\n                        </td>\n                        <td className=\"p-4 text-sm text-foreground font-medium\">\n                          {u.finalAmount.toFixed(2)} {u.currency}\n                        </td>\n                        <td className=\"p-4 text-sm text-muted-foreground\">\n                          {new Date(u.usedAt).toLocaleString()}\n                        </td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n              {(usageData.getCouponUsageHistory.total ?? 0) > USAGE_PAGE_SIZE && (\n                <div className=\"flex items-center justify-between p-4 border-t border-border\">\n                  <p className=\"text-sm text-muted-foreground\">\n                    {usagePage * USAGE_PAGE_SIZE + 1}–\n                    {Math.min(\n                      (usagePage + 1) * USAGE_PAGE_SIZE,\n                      usageData.getCouponUsageHistory.total\n                    )}{' '}\n                    of {usageData.getCouponUsageHistory.total}\n                  </p>\n                  <div className=\"flex items-center gap-2\">\n                    <button\n                      onClick={() => setUsagePage((p) => Math.max(0, p - 1))}\n                      disabled={usagePage === 0}\n                      className=\"p-1.5 rounded border border-border hover:bg-muted disabled:opacity-40\"\n                    >\n                      <ChevronLeft className=\"h-4 w-4\" />\n                    </button>\n                    <button\n                      onClick={() => setUsagePage((p) => p + 1)}\n                      disabled={!usageData.getCouponUsageHistory.hasMore}\n                      className=\"p-1.5 rounded border border-border hover:bg-muted disabled:opacity-40\"\n                    >\n                      <ChevronRight className=\"h-4 w-4\" />\n                    </button>\n                  </div>\n                </div>\n              )}\n            </>\n          )}\n        </div>\n      )}\n\n      {activeTab === 'details' && (\n        <div className=\"mt-8 grid grid-cols-1 lg:grid-cols-3 gap-6\">\n          {/* Summary cards */}\n          <div className=\"lg:col-span-3 grid grid-cols-2 sm:grid-cols-4 gap-4\">\n            <div className=\"bg-card border border-border rounded-lg p-4\">\n              <div className=\"flex items-center gap-2 text-muted-foreground mb-1\">\n                <Tag className=\"h-4 w-4\" />\n                <span className=\"text-xs font-medium uppercase tracking-wide\">Code</span>\n              </div>\n              <p className=\"text-lg font-mono font-bold text-foreground\">{coupon.code}</p>\n            </div>\n\n            <div className=\"bg-card border border-border rounded-lg p-4\">\n              <div className=\"flex items-center gap-2 text-muted-foreground mb-1\">\n                <BarChart2 className=\"h-4 w-4\" />\n                <span className=\"text-xs font-medium uppercase tracking-wide\">Discount</span>\n              </div>\n              <p className=\"text-lg font-bold text-foreground\">{formatValue()}</p>\n              <p className=\"text-xs text-muted-foreground capitalize\">\n                {coupon.type.replace('_', ' ').toLowerCase()}\n              </p>\n            </div>\n\n            <div className=\"bg-card border border-border rounded-lg p-4\">\n              <div className=\"flex items-center gap-2 text-muted-foreground mb-1\">\n                <Users className=\"h-4 w-4\" />\n                <span className=\"text-xs font-medium uppercase tracking-wide\">Usage</span>\n              </div>\n              <p className=\"text-lg font-bold text-foreground\">\n                {coupon.currentUses}\n                {coupon.maxTotalUses ? ` / ${coupon.maxTotalUses}` : ''}\n              </p>\n              {usagePercent !== null && (\n                <div className=\"mt-1.5 h-1.5 w-full bg-muted rounded-full overflow-hidden\">\n                  <div\n                    className=\"h-full bg-primary rounded-full\"\n                    style={{ width: `${Math.min(usagePercent, 100)}%` }}\n                  />\n                </div>\n              )}\n            </div>\n\n            <div className=\"bg-card border border-border rounded-lg p-4\">\n              <div className=\"flex items-center gap-2 text-muted-foreground mb-1\">\n                <Calendar className=\"h-4 w-4\" />\n                <span className=\"text-xs font-medium uppercase tracking-wide\">Status</span>\n              </div>\n              <div className=\"mt-1\">\n                <StatusBadge status={coupon.status} />\n              </div>\n              {coupon.validUntil && (\n                <p className=\"text-xs text-muted-foreground mt-1\">\n                  Expires {formatDate(coupon.validUntil)}\n                </p>\n              )}\n            </div>\n          </div>\n\n          {/* Main details */}\n          <div className=\"lg:col-span-2 space-y-4\">\n            <div className=\"bg-card border border-border rounded-lg p-6\">\n              <h3 className=\"text-sm font-semibold text-foreground uppercase tracking-wide mb-2\">\n                Coupon Details\n              </h3>\n              <DetailRow label=\"Code\" value={<span className=\"font-mono\">{coupon.code}</span>} />\n              <DetailRow label=\"Name\" value={coupon.name} />\n              <DetailRow label=\"Description\" value={coupon.description} />\n              <DetailRow label=\"Type\" value={coupon.type.replace('_', ' ').toLowerCase()} />\n              <DetailRow label=\"Value\" value={formatValue()} />\n              <DetailRow label=\"Scope\" value={coupon.scope} />\n              <DetailRow label=\"Status\" value={<StatusBadge status={coupon.status} />} />\n            </div>\n\n            <div className=\"bg-card border border-border rounded-lg p-6\">\n              <h3 className=\"text-sm font-semibold text-foreground uppercase tracking-wide mb-2\">\n                Restrictions\n              </h3>\n              <DetailRow\n                label=\"Min Purchase Amount\"\n                value={\n                  coupon.minPurchaseAmount != null\n                    ? `${coupon.minPurchaseAmount}${coupon.currency ? ` ${coupon.currency}` : ''}`\n                    : null\n                }\n              />\n              <DetailRow\n                label=\"Max Discount Amount\"\n                value={\n                  coupon.maxDiscountAmount != null\n                    ? `${coupon.maxDiscountAmount}${coupon.currency ? ` ${coupon.currency}` : ''}`\n                    : null\n                }\n              />\n              <DetailRow label=\"Max Uses Per User\" value={coupon.maxUsesPerUser} />\n              <DetailRow\n                label=\"Restricted Users\"\n                value={\n                  coupon.restrictedToUserIds?.length ? (\n                    <span className=\"font-mono text-xs break-all\">\n                      {(coupon.restrictedToUserIds as string[]).join(', ')}\n                    </span>\n                  ) : (\n                    'No restrictions'\n                  )\n                }\n              />\n              <DetailRow\n                label=\"Applicable Products\"\n                value={\n                  coupon.applicableProducts?.length\n                    ? (coupon.applicableProducts as string[]).join(', ')\n                    : 'All products'\n                }\n              />\n              <DetailRow\n                label=\"Excluded Products\"\n                value={\n                  coupon.excludedProducts?.length\n                    ? (coupon.excludedProducts as string[]).join(', ')\n                    : 'None'\n                }\n              />\n            </div>\n          </div>\n\n          {/* Sidebar */}\n          <div className=\"space-y-4\">\n            <div className=\"bg-card border border-border rounded-lg p-6\">\n              <h3 className=\"text-sm font-semibold text-foreground uppercase tracking-wide mb-2\">\n                Validity\n              </h3>\n              <DetailRow label=\"Valid From\" value={formatDate(coupon.validFrom)} />\n              <DetailRow label=\"Valid Until\" value={formatDate(coupon.validUntil) ?? 'No expiry'} />\n            </div>\n\n            {coupon.campaignId && (\n              <div className=\"bg-card border border-border rounded-lg p-6\">\n                <h3 className=\"text-sm font-semibold text-foreground uppercase tracking-wide mb-2\">\n                  Campaign\n                </h3>\n                <DetailRow\n                  label=\"Campaign ID\"\n                  value={<span className=\"font-mono text-xs\">{coupon.campaignId}</span>}\n                />\n                <DetailRow label=\"Campaign Name\" value={coupon.campaignName} />\n              </div>\n            )}\n\n            <div className=\"bg-card border border-border rounded-lg p-6\">\n              <h3 className=\"text-sm font-semibold text-foreground uppercase tracking-wide mb-2\">\n                <Package className=\"h-4 w-4 inline mr-1\" />\n                Audit\n              </h3>\n              <DetailRow label=\"Created\" value={formatDate(coupon.createdAt)} />\n              <DetailRow label=\"Last Updated\" value={formatDate(coupon.updatedAt)} />\n              <DetailRow label=\"Created By\" value={coupon.createdBy ?? null} />\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CouponsListPage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/coupons/pages/CouponsListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAgC,MAAM,OAAO,CAAC;AAwD9D,eAAO,MAAM,eAAe,EAAE,EAgiB7B,CAAC"}