@burdenoff/microfe-billing 2026.624.3 → 2026.625.2

package/dist/billing/modules/analytics/pages/AnalyticsPage.js

@@ -10,8 +10,9 @@ import { useMemo as l, useState as u } from "react";
 import { AlertCircle as d, BarChart3 as f, RefreshCw as p, TrendingUp as m, Users as h, Wallet as g } from "lucide-react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as x } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/analytics/pages/AnalyticsPage.tsx
-var x = [
+var S = [
 	{
 		value: "LAST_7_DAYS",
 		label: "Last 7 days"
@@ -32,37 +33,37 @@ var x = [
 		value: "LAST_MONTH",
 		label: "Last month"
 	}
-], S = new Set([
+], C = new Set([
 	c.Active,
 	c.Trialing,
 	c.PastDue,
 	c.Paused
 ]);
-function C(e) {
+function w(e) {
 	let t = new Date(e);
 	return t.setHours(0, 0, 0, 0), t;
 }
-function w(e) {
+function T(e) {
 	let t = /* @__PURE__ */ new Date(), n = t;
 	switch (e) {
 		case "LAST_7_DAYS": {
 			let e = new Date(t);
 			return e.setDate(e.getDate() - 6), {
-				start: C(e),
+				start: w(e),
 				end: n
 			};
 		}
 		case "LAST_30_DAYS": {
 			let e = new Date(t);
 			return e.setDate(e.getDate() - 29), {
-				start: C(e),
+				start: w(e),
 				end: n
 			};
 		}
 		case "LAST_90_DAYS": {
 			let e = new Date(t);
 			return e.setDate(e.getDate() - 89), {
-				start: C(e),
+				start: w(e),
 				end: n
 			};
 		}
@@ -76,45 +77,45 @@ function w(e) {
 		};
 	}
 }
-function T(e, t, n) {
+function E(e, t, n) {
 	if (!e) return !1;
 	let r = new Date(e);
 	return r >= t && r <= n;
 }
-function E(e, t) {
+function D(e, t) {
 	return t === s.Yearly ? e / 12 : e;
 }
-function D(e, t) {
+function O(e, t) {
 	return new Intl.DateTimeFormat("en-US", {
 		month: "short",
 		day: "numeric"
 	}).format(e);
 }
-function O(e, t, n, r) {
+function k(e, t, n, r) {
 	let i = /* @__PURE__ */ new Map();
 	return e.forEach((e) => {
 		let a = new Date(e.paidAt || e.createdAt);
 		if (a < n || a > r) return;
-		let o = D(a, t);
+		let o = O(a, t);
 		i.set(o, (i.get(o) ?? 0) + e.amount);
 	}), Array.from(i.entries()).map(([e, t]) => ({
 		label: e,
 		value: t
 	}));
 }
-function k(e, t, n, r) {
+function A(e, t, n, r) {
 	let i = /* @__PURE__ */ new Map();
 	return e.forEach((e) => {
 		let a = new Date(e.createdAt);
 		if (a < n || a > r) return;
-		let o = D(a, t);
+		let o = O(a, t);
 		i.set(o, (i.get(o) ?? 0) + 1);
 	}), Array.from(i.entries()).map(([e, t]) => ({
 		label: e,
 		value: t
 	}));
 }
-function A(e, t) {
+function j(e, t) {
 	try {
 		return r(e, t);
 	} catch {
@@ -125,12 +126,12 @@ function A(e, t) {
 		}).format(e);
 	}
 }
-var j = () => {
-	let { t: r } = b(), s = a(), [C, D] = u("LAST_30_DAYS"), { start: j, end: M } = l(() => w(C), [C]), { data: N, loading: P, error: F, refetch: I } = o({ fetchPolicy: "cache-and-network" }), L = l(() => N?.getBillingAccountsByOrg ?? [], [N?.getBillingAccountsByOrg]), R = l(() => N?.getPayments ?? [], [N?.getPayments]), z = l(() => L.flatMap((e) => (e.subscriptions ?? []).filter((e) => !!e)), [L]), B = l(() => z.filter((e) => S.has(e.status)), [z]), V = B.find((e) => e.plan?.currency)?.plan?.currency || R[0]?.currency || L[0]?.currency || "USD", H = l(() => {
-		let e = B.reduce((e, t) => {
+var M = () => {
+	let { t: r } = b(), s = a(), [w, O] = u("LAST_30_DAYS"), { start: M, end: N } = l(() => T(w), [w]), { data: P, loading: F, error: I, refetch: L } = o({ fetchPolicy: "cache-and-network" }), R = l(() => P?.getBillingAccountsByOrg ?? [], [P?.getBillingAccountsByOrg]), z = l(() => P?.getPayments ?? [], [P?.getPayments]), B = l(() => R.flatMap((e) => (e.subscriptions ?? []).filter((e) => !!e)), [R]), V = l(() => B.filter((e) => C.has(e.status)), [B]), H = V.find((e) => e.plan?.currency)?.plan?.currency || z[0]?.currency || R[0]?.currency || "USD", U = l(() => {
+		let e = V.reduce((e, t) => {
 			let n = t.plan?.price ?? 0, r = t.seatCount && t.seatCount > 0 ? t.seatCount : 1;
-			return e + E(n, t.plan?.duration) * r;
-		}, 0), t = e * 12, n = L.length, r = L.filter((e) => T(e.createdAt, j, M)).length, i = z.filter((e) => (e.status === c.Canceled || e.status === c.Expired) && T(e.canceledAt || e.endDate, j, M)).length, a = B.length + i, o = a > 0 ? i / a * 100 : 0, s = n > 0 ? e / n : 0;
+			return e + D(n, t.plan?.duration) * r;
+		}, 0), t = e * 12, n = R.length, r = R.filter((e) => E(e.createdAt, M, N)).length, i = B.filter((e) => (e.status === c.Canceled || e.status === c.Expired) && E(e.canceledAt || e.endDate, M, N)).length, a = V.length + i, o = a > 0 ? i / a * 100 : 0, s = n > 0 ? e / n : 0;
 		return {
 			mrr: e,
 			arr: t,
@@ -139,38 +140,38 @@ var j = () => {
 			ltv: o > 0 ? s / (o / 100) : t,
 			totalCustomers: n,
 			newCustomers: r,
-			activeSubscriptions: B.length
+			activeSubscriptions: V.length
 		};
 	}, [
-		B,
-		L,
-		j,
-		M,
-		z
-	]), U = l(() => O(R, C, j, M), [
+		V,
 		R,
-		C,
-		j,
-		M
-	]), W = l(() => k(z, C, j, M), [
-		C,
-		j,
 		M,
-		z
-	]), G = l(() => {
+		N,
+		B
+	]), W = l(() => k(z, w, M, N), [
+		z,
+		w,
+		M,
+		N
+	]), G = l(() => A(B, w, M, N), [
+		w,
+		M,
+		N,
+		B
+	]), K = l(() => {
 		let e = /* @__PURE__ */ new Map();
-		return B.forEach((t) => {
-			let n = t.plan?.name || "Unknown Plan", r = t.seatCount && t.seatCount > 0 ? t.seatCount : 1, i = E(t.plan?.price ?? 0, t.plan?.duration) * r, a = e.get(n);
+		return V.forEach((t) => {
+			let n = t.plan?.name || "Unknown Plan", r = t.seatCount && t.seatCount > 0 ? t.seatCount : 1, i = D(t.plan?.price ?? 0, t.plan?.duration) * r, a = e.get(n);
 			e.set(n, {
 				name: n,
 				activeSubscriptions: (a?.activeSubscriptions ?? 0) + 1,
 				estimatedMrr: (a?.estimatedMrr ?? 0) + i
 			});
 		}), Array.from(e.values()).sort((e, t) => t.estimatedMrr - e.estimatedMrr);
-	}, [B]), K = l(() => L.map((e) => {
-		let t = (e.subscriptions ?? []).filter((e) => e ? S.has(e.status) : !1), n = t.reduce((e, t) => {
+	}, [V]), q = l(() => R.map((e) => {
+		let t = (e.subscriptions ?? []).filter((e) => e ? C.has(e.status) : !1), n = t.reduce((e, t) => {
 			let n = t.seatCount && t.seatCount > 0 ? t.seatCount : 1;
-			return e + E(t.plan?.price ?? 0, t.plan?.duration) * n;
+			return e + D(t.plan?.price ?? 0, t.plan?.duration) * n;
 		}, 0);
 		return {
 			id: e.id ?? e.name ?? e.email ?? "unknown-account",
@@ -179,7 +180,7 @@ var j = () => {
 			activeSubscriptions: t.length,
 			estimatedMrr: n
 		};
-	}).sort((e, t) => t.estimatedMrr - e.estimatedMrr).slice(0, 5), [L]), q = Math.max(...U.map((e) => e.value), 0), J = Math.max(...W.map((e) => e.value), 0);
+	}).sort((e, t) => t.estimatedMrr - e.estimatedMrr).slice(0, 5), [R]), J = Math.max(...W.map((e) => e.value), 0), Y = Math.max(...G.map((e) => e.value), 0);
 	return s.canViewAnalytics ? /* @__PURE__ */ y("div", {
 		className: "space-y-6 p-4 sm:p-6",
 		children: [
@@ -188,33 +189,35 @@ var j = () => {
 				description: "Track recurring revenue, customer growth, and billing performance using live billing data.",
 				actions: /* @__PURE__ */ y("div", {
 					className: "flex flex-col gap-2 sm:flex-row sm:items-center",
-					children: [/* @__PURE__ */ y("button", {
-						type: "button",
-						onClick: () => I(),
-						className: "inline-flex items-center justify-center gap-2 rounded-button border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
-						children: [/* @__PURE__ */ v(p, { className: "size-4" }), "Refresh"]
-					}), /* @__PURE__ */ v("select", {
-						value: C,
-						onChange: (e) => D(e.target.value),
-						className: "rounded-input border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-						children: x.map((e) => /* @__PURE__ */ v("option", {
+					children: [/* @__PURE__ */ v("select", {
+						value: w,
+						onChange: (e) => O(e.target.value),
+						"aria-label": "Analytics period",
+						className: "rounded-input border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+						children: S.map((e) => /* @__PURE__ */ v("option", {
 							value: e.value,
 							children: e.label
 						}, e.value))
-					})]
+					}), /* @__PURE__ */ v(x, { actions: [{
+						label: "Refresh",
+						onSelect: () => {
+							L();
+						},
+						icon: /* @__PURE__ */ v(p, { className: "size-4" })
+					}] })]
 				})
 			}),
-			F && /* @__PURE__ */ y("div", {
+			I && /* @__PURE__ */ y("div", {
 				className: "flex items-start gap-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4 text-status-error-text",
 				children: [/* @__PURE__ */ v(d, { className: "mt-0.5 size-4 shrink-0" }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 					className: "font-medium",
 					children: "Unable to load billing analytics"
 				}), /* @__PURE__ */ v("p", {
 					className: "mt-1 text-sm",
-					children: F.message
+					children: I.message
 				})] })]
 			}),
-			P && L.length === 0 ? /* @__PURE__ */ v("div", {
+			F && R.length === 0 ? /* @__PURE__ */ v("div", {
 				className: "flex min-h-[320px] items-center justify-center rounded-lg border border-border-subtle bg-bg-surface",
 				children: /* @__PURE__ */ y("div", {
 					className: "flex flex-col items-center gap-3 text-text-muted",
@@ -223,7 +226,7 @@ var j = () => {
 						children: "Loading live billing analytics…"
 					})]
 				})
-			}) : L.length === 0 ? /* @__PURE__ */ y("div", {
+			}) : R.length === 0 ? /* @__PURE__ */ y("div", {
 				className: "rounded-lg border border-dashed border-border-subtle bg-bg-surface p-8 text-center",
 				children: [
 					/* @__PURE__ */ v(f, { className: "mx-auto size-10 text-text-muted" }),
@@ -242,24 +245,24 @@ var j = () => {
 					children: [
 						/* @__PURE__ */ v(n, {
 							label: "MRR",
-							value: A(H.mrr, V),
+							value: j(U.mrr, H),
 							icon: /* @__PURE__ */ v(m, { className: "size-5" }),
 							className: "bg-status-info-bg-subtle"
 						}),
 						/* @__PURE__ */ v(n, {
 							label: "ARR",
-							value: A(H.arr, V),
+							value: j(U.arr, H),
 							icon: /* @__PURE__ */ v(f, { className: "size-5" }),
 							className: "bg-status-success-bg-subtle"
 						}),
 						/* @__PURE__ */ v(n, {
 							label: "ARPU",
-							value: A(H.arpu, V),
+							value: j(U.arpu, H),
 							icon: /* @__PURE__ */ v(g, { className: "size-5" })
 						}),
 						/* @__PURE__ */ v(n, {
 							label: "Churn Rate",
-							value: i(H.churnRate),
+							value: i(U.churnRate),
 							icon: /* @__PURE__ */ v(h, { className: "size-5" }),
 							className: "bg-status-warning-bg-subtle"
 						})
@@ -270,26 +273,26 @@ var j = () => {
 					children: [
 						/* @__PURE__ */ v(n, {
 							label: "Total Customers",
-							value: H.totalCustomers
+							value: U.totalCustomers
 						}),
 						/* @__PURE__ */ v(n, {
 							label: "New Customers",
-							value: H.newCustomers
+							value: U.newCustomers
 						}),
 						/* @__PURE__ */ v(n, {
 							label: "Active Subscriptions",
-							value: H.activeSubscriptions
+							value: U.activeSubscriptions
 						}),
 						/* @__PURE__ */ v(n, {
 							label: "Estimated LTV",
-							value: A(H.ltv, V)
+							value: j(U.ltv, H)
 						})
 					]
 				}),
 				/* @__PURE__ */ y("div", {
 					className: "grid grid-cols-1 gap-6 xl:grid-cols-2",
 					children: [/* @__PURE__ */ y("section", {
-						className: "rounded-card border border-border-subtle bg-bg-surface p-4 sm:p-6 shadow-[var(--shadow-elevation-1)]",
+						className: "rounded-card border border-border-seam bg-bg-surface p-4 sm:p-6 shadow-[var(--shadow-elevation-1)]",
 						children: [/* @__PURE__ */ y("div", {
 							className: "mb-4 flex items-center justify-between gap-3",
 							children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h3", {
@@ -301,17 +304,17 @@ var j = () => {
 							})] }), /* @__PURE__ */ y("span", {
 								className: "rounded-full bg-status-info-bg-subtle px-2.5 py-1 text-xs font-medium text-status-info-text",
 								children: [
-									U.length,
+									W.length,
 									" data point",
-									U.length === 1 ? "" : "s"
+									W.length === 1 ? "" : "s"
 								]
 							})]
-						}), U.length === 0 ? /* @__PURE__ */ v("p", {
+						}), W.length === 0 ? /* @__PURE__ */ v("p", {
 							className: "rounded-lg bg-bg-sunken/40 p-4 text-sm text-text-muted",
 							children: "No successful payments were recorded during this period."
 						}) : /* @__PURE__ */ v("div", {
 							className: "space-y-3",
-							children: U.map((e) => /* @__PURE__ */ y("div", {
+							children: W.map((e) => /* @__PURE__ */ y("div", {
 								className: "space-y-1",
 								children: [/* @__PURE__ */ y("div", {
 									className: "flex items-center justify-between gap-3 text-sm",
@@ -320,19 +323,19 @@ var j = () => {
 										children: e.label
 									}), /* @__PURE__ */ v("span", {
 										className: "text-text-muted",
-										children: A(e.value, V)
+										children: j(e.value, H)
 									})]
 								}), /* @__PURE__ */ v("div", {
 									className: "h-2 rounded-full bg-bg-sunken",
 									children: /* @__PURE__ */ v("div", {
 										className: "h-2 rounded-full bg-action-primary-bg transition-[width]",
-										style: { width: `${q > 0 ? e.value / q * 100 : 0}%` }
+										style: { width: `${J > 0 ? e.value / J * 100 : 0}%` }
 									})
 								})]
 							}, e.label))
 						})]
 					}), /* @__PURE__ */ y("section", {
-						className: "rounded-card border border-border-subtle bg-bg-surface p-4 sm:p-6 shadow-[var(--shadow-elevation-1)]",
+						className: "rounded-card border border-border-seam bg-bg-surface p-4 sm:p-6 shadow-[var(--shadow-elevation-1)]",
 						children: [/* @__PURE__ */ y("div", {
 							className: "mb-4 flex items-center justify-between gap-3",
 							children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h3", {
@@ -343,14 +346,14 @@ var j = () => {
 								children: "New subscriptions created during the selected period."
 							})] }), /* @__PURE__ */ y("span", {
 								className: "rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text",
-								children: [W.reduce((e, t) => e + t.value, 0), " created"]
+								children: [G.reduce((e, t) => e + t.value, 0), " created"]
 							})]
-						}), W.length === 0 ? /* @__PURE__ */ v("p", {
+						}), G.length === 0 ? /* @__PURE__ */ v("p", {
 							className: "rounded-lg bg-bg-sunken/40 p-4 text-sm text-text-muted",
 							children: "No new subscriptions were created during this period."
 						}) : /* @__PURE__ */ v("div", {
 							className: "space-y-3",
-							children: W.map((e) => /* @__PURE__ */ y("div", {
+							children: G.map((e) => /* @__PURE__ */ y("div", {
 								className: "space-y-1",
 								children: [/* @__PURE__ */ y("div", {
 									className: "flex items-center justify-between gap-3 text-sm",
@@ -365,7 +368,7 @@ var j = () => {
 									className: "h-2 rounded-full bg-bg-sunken",
 									children: /* @__PURE__ */ v("div", {
 										className: "h-2 rounded-full bg-status-success-bg transition-[width]",
-										style: { width: `${J > 0 ? e.value / J * 100 : 0}%` }
+										style: { width: `${Y > 0 ? e.value / Y * 100 : 0}%` }
 									})
 								})]
 							}, e.label))
@@ -375,7 +378,7 @@ var j = () => {
 				/* @__PURE__ */ y("div", {
 					className: "grid grid-cols-1 gap-6 xl:grid-cols-2",
 					children: [/* @__PURE__ */ y("section", {
-						className: "rounded-card border border-border-subtle bg-bg-surface shadow-[var(--shadow-elevation-1)]",
+						className: "rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]",
 						children: [/* @__PURE__ */ y("div", {
 							className: "border-b border-border-subtle p-4",
 							children: [/* @__PURE__ */ v("h3", {
@@ -387,12 +390,12 @@ var j = () => {
 							})]
 						}), /* @__PURE__ */ v("div", {
 							className: "p-4",
-							children: G.length === 0 ? /* @__PURE__ */ v("p", {
+							children: K.length === 0 ? /* @__PURE__ */ v("p", {
 								className: "text-sm text-text-muted",
 								children: "No active plans to analyse yet."
 							}) : /* @__PURE__ */ v("div", {
 								className: "space-y-3",
-								children: G.map((e) => /* @__PURE__ */ y("div", {
+								children: K.map((e) => /* @__PURE__ */ y("div", {
 									className: "flex flex-col gap-2 rounded-lg border border-border-subtle p-3 sm:flex-row sm:items-center sm:justify-between",
 									children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
@@ -406,13 +409,13 @@ var j = () => {
 										]
 									})] }), /* @__PURE__ */ y("p", {
 										className: "text-sm font-semibold text-text-primary",
-										children: [A(e.estimatedMrr, V), " / month"]
+										children: [j(e.estimatedMrr, H), " / month"]
 									})]
 								}, e.name))
 							})
 						})]
 					}), /* @__PURE__ */ y("section", {
-						className: "rounded-card border border-border-subtle bg-bg-surface shadow-[var(--shadow-elevation-1)]",
+						className: "rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]",
 						children: [/* @__PURE__ */ y("div", {
 							className: "border-b border-border-subtle p-4",
 							children: [/* @__PURE__ */ v("h3", {
@@ -424,12 +427,12 @@ var j = () => {
 							})]
 						}), /* @__PURE__ */ v("div", {
 							className: "p-4",
-							children: K.length === 0 ? /* @__PURE__ */ v("p", {
+							children: q.length === 0 ? /* @__PURE__ */ v("p", {
 								className: "text-sm text-text-muted",
 								children: "No customer revenue data available yet."
 							}) : /* @__PURE__ */ v("div", {
 								className: "space-y-3",
-								children: K.map((e) => /* @__PURE__ */ y("div", {
+								children: q.map((e) => /* @__PURE__ */ y("div", {
 									className: "flex flex-col gap-2 rounded-lg border border-border-subtle p-3 sm:flex-row sm:items-center sm:justify-between",
 									children: [/* @__PURE__ */ y("div", {
 										className: "min-w-0",
@@ -444,7 +447,7 @@ var j = () => {
 										className: "text-left sm:text-right",
 										children: [/* @__PURE__ */ y("p", {
 											className: "text-sm font-semibold text-text-primary",
-											children: [A(e.estimatedMrr, V), " / month"]
+											children: [j(e.estimatedMrr, H), " / month"]
 										}), /* @__PURE__ */ y("p", {
 											className: "text-xs text-text-muted",
 											children: [
@@ -464,6 +467,6 @@ var j = () => {
 	}) : /* @__PURE__ */ v(e, { message: "You don't have permission to view analytics." });
 };
 //#endregion
-export { j as AnalyticsPage };
+export { M as AnalyticsPage };
 
 //# sourceMappingURL=AnalyticsPage.js.map

package/dist/billing/modules/analytics/pages/AnalyticsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../../../src/billing/modules/analytics/pages/AnalyticsPage.tsx"],"sourcesContent":["/**\n * Analytics Module - Revenue Analytics Page\n * Uses real billing data aggregated from billing accounts, subscriptions, and payments.\n */\n\nimport { useMemo, useState, type FC } from 'react';\nimport { AlertCircle, BarChart3, RefreshCw, TrendingUp, Users, Wallet } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { AccessDenied, PageHeader, StatCard } from '../../../shared/components';\nimport { formatCurrency, formatPercentage } from '../../../shared/utils/format';\nimport type { AnalyticsPeriod } from '../../../shared/types';\nimport {\n  type GetBillingAnalyticsPageDataQuery,\n  useGetBillingAnalyticsPageDataQuery,\n} from '../../../../generated/global-operations';\nimport { PlanDuration, SubscriptionStatus } from '../../../../generated/global-types';\n\nconst PERIOD_OPTIONS: { value: AnalyticsPeriod; label: string }[] = [\n  { value: 'LAST_7_DAYS' as AnalyticsPeriod, label: 'Last 7 days' },\n  { value: 'LAST_30_DAYS' as AnalyticsPeriod, label: 'Last 30 days' },\n  { value: 'LAST_90_DAYS' as AnalyticsPeriod, label: 'Last 90 days' },\n  { value: 'CURRENT_MONTH' as AnalyticsPeriod, label: 'This month' },\n  { value: 'LAST_MONTH' as AnalyticsPeriod, label: 'Last month' },\n];\n\nconst ACTIVE_SUBSCRIPTION_STATUSES = new Set<SubscriptionStatus>([\n  SubscriptionStatus.Active,\n  SubscriptionStatus.Trialing,\n  SubscriptionStatus.PastDue,\n  SubscriptionStatus.Paused,\n]);\n\ntype RevenuePoint = {\n  label: string;\n  value: number;\n};\n\ntype PlanBreakdown = {\n  name: string;\n  activeSubscriptions: number;\n  estimatedMrr: number;\n};\n\ntype CustomerSummary = {\n  id: string;\n  name: string;\n  email: string;\n  activeSubscriptions: number;\n  estimatedMrr: number;\n};\n\ntype BillingAnalyticsAccount = GetBillingAnalyticsPageDataQuery['getBillingAccountsByOrg'][number];\ntype BillingAnalyticsSubscription = NonNullable<\n  NonNullable<BillingAnalyticsAccount['subscriptions']>[number]\n>;\ntype BillingAnalyticsPayment = GetBillingAnalyticsPageDataQuery['getPayments'][number];\n\nfunction startOfDay(date: Date): Date {\n  const value = new Date(date);\n  value.setHours(0, 0, 0, 0);\n  return value;\n}\n\nfunction getPeriodRange(period: AnalyticsPeriod): { start: Date; end: Date } {\n  const now = new Date();\n  const end = now;\n\n  switch (period) {\n    case 'LAST_7_DAYS': {\n      const start = new Date(now);\n      start.setDate(start.getDate() - 6);\n      return { start: startOfDay(start), end };\n    }\n    case 'LAST_30_DAYS': {\n      const start = new Date(now);\n      start.setDate(start.getDate() - 29);\n      return { start: startOfDay(start), end };\n    }\n    case 'LAST_90_DAYS': {\n      const start = new Date(now);\n      start.setDate(start.getDate() - 89);\n      return { start: startOfDay(start), end };\n    }\n    case 'LAST_MONTH': {\n      const start = new Date(now.getFullYear(), now.getMonth() - 1, 1);\n      const monthEnd = new Date(now.getFullYear(), now.getMonth(), 0, 23, 59, 59, 999);\n      return { start, end: monthEnd };\n    }\n    case 'CURRENT_MONTH':\n    default:\n      return {\n        start: new Date(now.getFullYear(), now.getMonth(), 1),\n        end,\n      };\n  }\n}\n\nfunction isWithinRange(dateValue: string | null | undefined, start: Date, end: Date): boolean {\n  if (!dateValue) {\n    return false;\n  }\n\n  const date = new Date(dateValue);\n  return date >= start && date <= end;\n}\n\nfunction normalizeRecurringAmount(\n  amount: number,\n  duration: PlanDuration | null | undefined\n): number {\n  if (duration === PlanDuration.Yearly) {\n    return amount / 12;\n  }\n\n  return amount;\n}\n\nfunction getBucketLabel(dateValue: Date, period: AnalyticsPeriod): string {\n  if (period === 'LAST_90_DAYS') {\n    return new Intl.DateTimeFormat('en-US', { month: 'short', day: 'numeric' }).format(dateValue);\n  }\n\n  return new Intl.DateTimeFormat('en-US', {\n    month: 'short',\n    day: 'numeric',\n  }).format(dateValue);\n}\n\nfunction buildRevenueSeries(\n  payments: Array<{ amount: number; paidAt?: string | null; createdAt: string }>,\n  period: AnalyticsPeriod,\n  start: Date,\n  end: Date\n): RevenuePoint[] {\n  const buckets = new Map<string, number>();\n\n  payments.forEach((payment) => {\n    const paymentDate = new Date(payment.paidAt || payment.createdAt);\n    if (paymentDate < start || paymentDate > end) {\n      return;\n    }\n\n    const label = getBucketLabel(paymentDate, period);\n    buckets.set(label, (buckets.get(label) ?? 0) + payment.amount);\n  });\n\n  return Array.from(buckets.entries()).map(([label, value]) => ({ label, value }));\n}\n\nfunction buildSubscriptionGrowthSeries(\n  subscriptions: Array<{ createdAt: string }>,\n  period: AnalyticsPeriod,\n  start: Date,\n  end: Date\n): RevenuePoint[] {\n  const buckets = new Map<string, number>();\n\n  subscriptions.forEach((subscription) => {\n    const createdAt = new Date(subscription.createdAt);\n    if (createdAt < start || createdAt > end) {\n      return;\n    }\n\n    const label = getBucketLabel(createdAt, period);\n    buckets.set(label, (buckets.get(label) ?? 0) + 1);\n  });\n\n  return Array.from(buckets.entries()).map(([label, value]) => ({ label, value }));\n}\n\nfunction formatMetricCurrency(value: number, currency: string): string {\n  try {\n    return formatCurrency(value, currency);\n  } catch {\n    return new Intl.NumberFormat('en-US', {\n      style: 'currency',\n      currency,\n      maximumFractionDigits: 2,\n    }).format(value);\n  }\n}\n\nexport const AnalyticsPage: 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 permissions = useBillingPermissions();\n  const [period, setPeriod] = useState<AnalyticsPeriod>('LAST_30_DAYS' as AnalyticsPeriod);\n  const { start, end } = useMemo(() => getPeriodRange(period), [period]);\n\n  const { data, loading, error, refetch } = useGetBillingAnalyticsPageDataQuery({\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const billingAccounts = useMemo<BillingAnalyticsAccount[]>(\n    () => data?.getBillingAccountsByOrg ?? [],\n    [data?.getBillingAccountsByOrg]\n  );\n  const successfulPayments = useMemo<BillingAnalyticsPayment[]>(\n    () => data?.getPayments ?? [],\n    [data?.getPayments]\n  );\n\n  const subscriptions = useMemo<BillingAnalyticsSubscription[]>(\n    () =>\n      billingAccounts.flatMap((account: BillingAnalyticsAccount) =>\n        (account.subscriptions ?? []).filter(\n          (subscription): subscription is BillingAnalyticsSubscription => Boolean(subscription)\n        )\n      ),\n    [billingAccounts]\n  );\n\n  const activeSubscriptions = useMemo<BillingAnalyticsSubscription[]>(\n    () =>\n      subscriptions.filter((subscription: BillingAnalyticsSubscription) =>\n        ACTIVE_SUBSCRIPTION_STATUSES.has(subscription.status)\n      ),\n    [subscriptions]\n  );\n\n  const displayCurrency =\n    activeSubscriptions.find((subscription) => subscription.plan?.currency)?.plan?.currency ||\n    successfulPayments[0]?.currency ||\n    billingAccounts[0]?.currency ||\n    'USD';\n\n  const metrics = useMemo(() => {\n    const mrr = activeSubscriptions.reduce(\n      (sum: number, subscription: BillingAnalyticsSubscription) => {\n        const planPrice = subscription.plan?.price ?? 0;\n        const seatCount =\n          subscription.seatCount && subscription.seatCount > 0 ? subscription.seatCount : 1;\n        return sum + normalizeRecurringAmount(planPrice, subscription.plan?.duration) * seatCount;\n      },\n      0\n    );\n\n    const arr = mrr * 12;\n    const totalCustomers = billingAccounts.length;\n    const newCustomers = billingAccounts.filter((account: BillingAnalyticsAccount) =>\n      isWithinRange(account.createdAt, start, end)\n    ).length;\n    const churnedSubscriptions = subscriptions.filter(\n      (subscription: BillingAnalyticsSubscription) =>\n        (subscription.status === SubscriptionStatus.Canceled ||\n          subscription.status === SubscriptionStatus.Expired) &&\n        isWithinRange(subscription.canceledAt || subscription.endDate, start, end)\n    ).length;\n\n    const churnBase = activeSubscriptions.length + churnedSubscriptions;\n    const churnRate = churnBase > 0 ? (churnedSubscriptions / churnBase) * 100 : 0;\n    const arpu = totalCustomers > 0 ? mrr / totalCustomers : 0;\n    const ltv = churnRate > 0 ? arpu / (churnRate / 100) : arr;\n\n    return {\n      mrr,\n      arr,\n      arpu,\n      churnRate,\n      ltv,\n      totalCustomers,\n      newCustomers,\n      activeSubscriptions: activeSubscriptions.length,\n    };\n  }, [activeSubscriptions, billingAccounts, start, end, subscriptions]);\n\n  const revenueSeries = useMemo(\n    () => buildRevenueSeries(successfulPayments, period, start, end),\n    [successfulPayments, period, start, end]\n  );\n\n  const subscriptionGrowthSeries = useMemo(\n    () => buildSubscriptionGrowthSeries(subscriptions, period, start, end),\n    [period, start, end, subscriptions]\n  );\n\n  const revenueByPlan = useMemo<PlanBreakdown[]>(() => {\n    const planMap = new Map<string, PlanBreakdown>();\n\n    activeSubscriptions.forEach((subscription: BillingAnalyticsSubscription) => {\n      const planName = subscription.plan?.name || 'Unknown Plan';\n      const seatCount =\n        subscription.seatCount && subscription.seatCount > 0 ? subscription.seatCount : 1;\n      const estimatedMrr =\n        normalizeRecurringAmount(subscription.plan?.price ?? 0, subscription.plan?.duration) *\n        seatCount;\n\n      const current = planMap.get(planName);\n      planMap.set(planName, {\n        name: planName,\n        activeSubscriptions: (current?.activeSubscriptions ?? 0) + 1,\n        estimatedMrr: (current?.estimatedMrr ?? 0) + estimatedMrr,\n      });\n    });\n\n    return Array.from(planMap.values()).sort(\n      (left: PlanBreakdown, right: PlanBreakdown) => right.estimatedMrr - left.estimatedMrr\n    );\n  }, [activeSubscriptions]);\n\n  const topCustomers = useMemo<CustomerSummary[]>(() => {\n    return billingAccounts\n      .map((account: BillingAnalyticsAccount) => {\n        const accountSubscriptions = (account.subscriptions ?? []).filter(\n          (subscription): subscription is BillingAnalyticsSubscription => {\n            if (!subscription) {\n              return false;\n            }\n\n            return ACTIVE_SUBSCRIPTION_STATUSES.has(subscription.status);\n          }\n        );\n\n        const estimatedMrr = accountSubscriptions.reduce(\n          (sum: number, subscription: BillingAnalyticsSubscription) => {\n            const seatCount =\n              subscription.seatCount && subscription.seatCount > 0 ? subscription.seatCount : 1;\n            return (\n              sum +\n              normalizeRecurringAmount(subscription.plan?.price ?? 0, subscription.plan?.duration) *\n                seatCount\n            );\n          },\n          0\n        );\n\n        return {\n          id: account.id ?? account.name ?? account.email ?? 'unknown-account',\n          name: account.name ?? 'Unnamed account',\n          email: account.email ?? 'No contact email',\n          activeSubscriptions: accountSubscriptions.length,\n          estimatedMrr,\n        };\n      })\n      .sort(\n        (left: CustomerSummary, right: CustomerSummary) => right.estimatedMrr - left.estimatedMrr\n      )\n      .slice(0, 5);\n  }, [billingAccounts]);\n\n  const maxRevenuePoint = Math.max(...revenueSeries.map((item) => item.value), 0);\n  const maxGrowthPoint = Math.max(...subscriptionGrowthSeries.map((item) => item.value), 0);\n\n  if (!permissions.canViewAnalytics) {\n    return <AccessDenied message=\"You don't have permission to view analytics.\" />;\n  }\n\n  return (\n    <div className=\"space-y-6 p-4 sm:p-6\">\n      <PageHeader\n        title=\"Revenue Analytics\"\n        description=\"Track recurring revenue, customer growth, and billing performance using live billing data.\"\n        actions={\n          <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n            <button\n              type=\"button\"\n              onClick={() => refetch()}\n              className=\"inline-flex items-center justify-center gap-2 rounded-button border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n            >\n              <RefreshCw className=\"size-4\" />\n              Refresh\n            </button>\n            <select\n              value={period}\n              onChange={(event) => setPeriod(event.target.value as AnalyticsPeriod)}\n              className=\"rounded-input border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            >\n              {PERIOD_OPTIONS.map((option) => (\n                <option key={option.value} value={option.value}>\n                  {option.label}\n                </option>\n              ))}\n            </select>\n          </div>\n        }\n      />\n\n      {error && (\n        <div className=\"flex items-start gap-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4 text-status-error-text\">\n          <AlertCircle className=\"mt-0.5 size-4 shrink-0\" />\n          <div>\n            <p className=\"font-medium\">Unable to load billing analytics</p>\n            <p className=\"mt-1 text-sm\">{error.message}</p>\n          </div>\n        </div>\n      )}\n\n      {loading && billingAccounts.length === 0 ? (\n        <div className=\"flex min-h-[320px] items-center justify-center rounded-lg border border-border-subtle bg-bg-surface\">\n          <div className=\"flex flex-col items-center gap-3 text-text-muted\">\n            <RefreshCw className=\"size-6 animate-spin\" />\n            <p className=\"text-sm\">Loading live billing analytics…</p>\n          </div>\n        </div>\n      ) : billingAccounts.length === 0 ? (\n        <div className=\"rounded-lg border border-dashed border-border-subtle bg-bg-surface p-8 text-center\">\n          <BarChart3 className=\"mx-auto size-10 text-text-muted\" />\n          <h2 className=\"mt-4 text-lg font-semibold text-text-primary\">\n            No billing data available yet\n          </h2>\n          <p className=\"mt-2 text-sm text-text-muted\">\n            Create a billing account and complete a subscription or payment to unlock live\n            analytics.\n          </p>\n        </div>\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n            <StatCard\n              label=\"MRR\"\n              value={formatMetricCurrency(metrics.mrr, displayCurrency)}\n              icon={<TrendingUp className=\"size-5\" />}\n              className=\"bg-status-info-bg-subtle\"\n            />\n            <StatCard\n              label=\"ARR\"\n              value={formatMetricCurrency(metrics.arr, displayCurrency)}\n              icon={<BarChart3 className=\"size-5\" />}\n              className=\"bg-status-success-bg-subtle\"\n            />\n            <StatCard\n              label=\"ARPU\"\n              value={formatMetricCurrency(metrics.arpu, displayCurrency)}\n              icon={<Wallet className=\"size-5\" />}\n            />\n            <StatCard\n              label=\"Churn Rate\"\n              value={formatPercentage(metrics.churnRate)}\n              icon={<Users className=\"size-5\" />}\n              className=\"bg-status-warning-bg-subtle\"\n            />\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n            <StatCard label=\"Total Customers\" value={metrics.totalCustomers} />\n            <StatCard label=\"New Customers\" value={metrics.newCustomers} />\n            <StatCard label=\"Active Subscriptions\" value={metrics.activeSubscriptions} />\n            <StatCard\n              label=\"Estimated LTV\"\n              value={formatMetricCurrency(metrics.ltv, displayCurrency)}\n            />\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-6 xl:grid-cols-2\">\n            <section className=\"rounded-card border border-border-subtle bg-bg-surface p-4 sm:p-6 shadow-[var(--shadow-elevation-1)]\">\n              <div className=\"mb-4 flex items-center justify-between gap-3\">\n                <div>\n                  <h3 className=\"font-semibold text-text-primary\">Revenue over time</h3>\n                  <p className=\"text-sm text-text-muted\">\n                    Successful payments received during the selected period.\n                  </p>\n                </div>\n                <span className=\"rounded-full bg-status-info-bg-subtle px-2.5 py-1 text-xs font-medium text-status-info-text\">\n                  {revenueSeries.length} data point{revenueSeries.length === 1 ? '' : 's'}\n                </span>\n              </div>\n\n              {revenueSeries.length === 0 ? (\n                <p className=\"rounded-lg bg-bg-sunken/40 p-4 text-sm text-text-muted\">\n                  No successful payments were recorded during this period.\n                </p>\n              ) : (\n                <div className=\"space-y-3\">\n                  {revenueSeries.map((point) => (\n                    <div key={point.label} className=\"space-y-1\">\n                      <div className=\"flex items-center justify-between gap-3 text-sm\">\n                        <span className=\"font-medium text-text-primary\">{point.label}</span>\n                        <span className=\"text-text-muted\">\n                          {formatMetricCurrency(point.value, displayCurrency)}\n                        </span>\n                      </div>\n                      <div className=\"h-2 rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-2 rounded-full bg-action-primary-bg transition-[width]\"\n                          style={{\n                            width: `${maxRevenuePoint > 0 ? (point.value / maxRevenuePoint) * 100 : 0}%`,\n                          }}\n                        />\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              )}\n            </section>\n\n            <section className=\"rounded-card border border-border-subtle bg-bg-surface p-4 sm:p-6 shadow-[var(--shadow-elevation-1)]\">\n              <div className=\"mb-4 flex items-center justify-between gap-3\">\n                <div>\n                  <h3 className=\"font-semibold text-text-primary\">Subscription growth</h3>\n                  <p className=\"text-sm text-text-muted\">\n                    New subscriptions created during the selected period.\n                  </p>\n                </div>\n                <span className=\"rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text\">\n                  {subscriptionGrowthSeries.reduce((sum, point) => sum + point.value, 0)} created\n                </span>\n              </div>\n\n              {subscriptionGrowthSeries.length === 0 ? (\n                <p className=\"rounded-lg bg-bg-sunken/40 p-4 text-sm text-text-muted\">\n                  No new subscriptions were created during this period.\n                </p>\n              ) : (\n                <div className=\"space-y-3\">\n                  {subscriptionGrowthSeries.map((point) => (\n                    <div key={point.label} className=\"space-y-1\">\n                      <div className=\"flex items-center justify-between gap-3 text-sm\">\n                        <span className=\"font-medium text-text-primary\">{point.label}</span>\n                        <span className=\"text-text-muted\">{point.value} new</span>\n                      </div>\n                      <div className=\"h-2 rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-2 rounded-full bg-status-success-bg transition-[width]\"\n                          style={{\n                            width: `${maxGrowthPoint > 0 ? (point.value / maxGrowthPoint) * 100 : 0}%`,\n                          }}\n                        />\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              )}\n            </section>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-6 xl:grid-cols-2\">\n            <section className=\"rounded-card border border-border-subtle bg-bg-surface shadow-[var(--shadow-elevation-1)]\">\n              <div className=\"border-b border-border-subtle p-4\">\n                <h3 className=\"font-semibold text-text-primary\">Revenue by plan</h3>\n                <p className=\"mt-1 text-sm text-text-muted\">\n                  Estimated monthly recurring revenue based on currently active subscriptions.\n                </p>\n              </div>\n              <div className=\"p-4\">\n                {revenueByPlan.length === 0 ? (\n                  <p className=\"text-sm text-text-muted\">No active plans to analyse yet.</p>\n                ) : (\n                  <div className=\"space-y-3\">\n                    {revenueByPlan.map((plan) => (\n                      <div\n                        key={plan.name}\n                        className=\"flex flex-col gap-2 rounded-lg border border-border-subtle p-3 sm:flex-row sm:items-center sm:justify-between\"\n                      >\n                        <div>\n                          <p className=\"font-medium text-text-primary\">{plan.name}</p>\n                          <p className=\"text-sm text-text-muted\">\n                            {plan.activeSubscriptions} active subscription\n                            {plan.activeSubscriptions === 1 ? '' : 's'}\n                          </p>\n                        </div>\n                        <p className=\"text-sm font-semibold text-text-primary\">\n                          {formatMetricCurrency(plan.estimatedMrr, displayCurrency)} / month\n                        </p>\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </section>\n\n            <section className=\"rounded-card border border-border-subtle bg-bg-surface shadow-[var(--shadow-elevation-1)]\">\n              <div className=\"border-b border-border-subtle p-4\">\n                <h3 className=\"font-semibold text-text-primary\">Top customers</h3>\n                <p className=\"mt-1 text-sm text-text-muted\">\n                  Ranked by estimated monthly recurring revenue from active subscriptions.\n                </p>\n              </div>\n              <div className=\"p-4\">\n                {topCustomers.length === 0 ? (\n                  <p className=\"text-sm text-text-muted\">No customer revenue data available yet.</p>\n                ) : (\n                  <div className=\"space-y-3\">\n                    {topCustomers.map((customer) => (\n                      <div\n                        key={customer.id}\n                        className=\"flex flex-col gap-2 rounded-lg border border-border-subtle p-3 sm:flex-row sm:items-center sm:justify-between\"\n                      >\n                        <div className=\"min-w-0\">\n                          <p className=\"truncate font-medium text-text-primary\">{customer.name}</p>\n                          <p className=\"truncate text-sm text-text-muted\">{customer.email}</p>\n                        </div>\n                        <div className=\"text-left sm:text-right\">\n                          <p className=\"text-sm font-semibold text-text-primary\">\n                            {formatMetricCurrency(customer.estimatedMrr, displayCurrency)} / month\n                          </p>\n                          <p className=\"text-xs text-text-muted\">\n                            {customer.activeSubscriptions} active subscription\n                            {customer.activeSubscriptions === 1 ? '' : 's'}\n                          </p>\n                        </div>\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </section>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAM,IAA8D;CAClE;EAAE,OAAO;EAAkC,OAAO;EAAe;CACjE;EAAE,OAAO;EAAmC,OAAO;EAAgB;CACnE;EAAE,OAAO;EAAmC,OAAO;EAAgB;CACnE;EAAE,OAAO;EAAoC,OAAO;EAAc;CAClE;EAAE,OAAO;EAAiC,OAAO;EAAc;CAChE,EAEK,IAA+B,IAAI,IAAwB;CAC/D,EAAmB;CACnB,EAAmB;CACnB,EAAmB;CACnB,EAAmB;CACpB,CAAC;AA2BF,SAAS,EAAW,GAAkB;CACpC,IAAM,IAAQ,IAAI,KAAK,EAAK;AAE5B,QADA,EAAM,SAAS,GAAG,GAAG,GAAG,EAAE,EACnB;;AAGT,SAAS,EAAe,GAAqD;CAC3E,IAAM,oBAAM,IAAI,MAAM,EAChB,IAAM;AAEZ,SAAQ,GAAR;EACE,KAAK,eAAe;GAClB,IAAM,IAAQ,IAAI,KAAK,EAAI;AAE3B,UADA,EAAM,QAAQ,EAAM,SAAS,GAAG,EAAE,EAC3B;IAAE,OAAO,EAAW,EAAM;IAAE;IAAK;;EAE1C,KAAK,gBAAgB;GACnB,IAAM,IAAQ,IAAI,KAAK,EAAI;AAE3B,UADA,EAAM,QAAQ,EAAM,SAAS,GAAG,GAAG,EAC5B;IAAE,OAAO,EAAW,EAAM;IAAE;IAAK;;EAE1C,KAAK,gBAAgB;GACnB,IAAM,IAAQ,IAAI,KAAK,EAAI;AAE3B,UADA,EAAM,QAAQ,EAAM,SAAS,GAAG,GAAG,EAC5B;IAAE,OAAO,EAAW,EAAM;IAAE;IAAK;;EAE1C,KAAK,aAGH,QAAO;GAAE,OAFK,IAAI,KAAK,EAAI,aAAa,EAAE,EAAI,UAAU,GAAG,GAAG,EAAE;GAEhD,KADC,IAAI,KAAK,EAAI,aAAa,EAAE,EAAI,UAAU,EAAE,GAAG,IAAI,IAAI,IAAI,IAAI;GACjD;EAGjC,QACE,QAAO;GACL,OAAO,IAAI,KAAK,EAAI,aAAa,EAAE,EAAI,UAAU,EAAE,EAAE;GACrD;GACD;;;AAIP,SAAS,EAAc,GAAsC,GAAa,GAAoB;AAC5F,KAAI,CAAC,EACH,QAAO;CAGT,IAAM,IAAO,IAAI,KAAK,EAAU;AAChC,QAAO,KAAQ,KAAS,KAAQ;;AAGlC,SAAS,EACP,GACA,GACQ;AAKR,QAJI,MAAa,EAAa,SACrB,IAAS,KAGX;;AAGT,SAAS,EAAe,GAAiB,GAAiC;AAKxE,QAHS,IAAI,KAAK,eAAe,SAAS;EAAE,OAAO;EAAS,KAAK;EAAW,CAAC,CAAC,OAAO,EAAU;;AASjG,SAAS,EACP,GACA,GACA,GACA,GACgB;CAChB,IAAM,oBAAU,IAAI,KAAqB;AAYzC,QAVA,EAAS,SAAS,MAAY;EAC5B,IAAM,IAAc,IAAI,KAAK,EAAQ,UAAU,EAAQ,UAAU;AACjE,MAAI,IAAc,KAAS,IAAc,EACvC;EAGF,IAAM,IAAQ,EAAe,GAAa,EAAO;AACjD,IAAQ,IAAI,IAAQ,EAAQ,IAAI,EAAM,IAAI,KAAK,EAAQ,OAAO;GAC9D,EAEK,MAAM,KAAK,EAAQ,SAAS,CAAC,CAAC,KAAK,CAAC,GAAO,QAAY;EAAE;EAAO;EAAO,EAAE;;AAGlF,SAAS,EACP,GACA,GACA,GACA,GACgB;CAChB,IAAM,oBAAU,IAAI,KAAqB;AAYzC,QAVA,EAAc,SAAS,MAAiB;EACtC,IAAM,IAAY,IAAI,KAAK,EAAa,UAAU;AAClD,MAAI,IAAY,KAAS,IAAY,EACnC;EAGF,IAAM,IAAQ,EAAe,GAAW,EAAO;AAC/C,IAAQ,IAAI,IAAQ,EAAQ,IAAI,EAAM,IAAI,KAAK,EAAE;GACjD,EAEK,MAAM,KAAK,EAAQ,SAAS,CAAC,CAAC,KAAK,CAAC,GAAO,QAAY;EAAE;EAAO;EAAO,EAAE;;AAGlF,SAAS,EAAqB,GAAe,GAA0B;AACrE,KAAI;AACF,SAAO,EAAe,GAAO,EAAS;SAChC;AACN,SAAO,IAAI,KAAK,aAAa,SAAS;GACpC,OAAO;GACP;GACA,uBAAuB;GACxB,CAAC,CAAC,OAAO,EAAM;;;AAIpB,IAAa,UAA0B;CACrC,IAAM,EAAE,SAAM,GAAS,EAKjB,IAAc,GAAuB,EACrC,CAAC,GAAQ,KAAa,EAA0B,eAAkC,EAClF,EAAE,UAAO,WAAQ,QAAc,EAAe,EAAO,EAAE,CAAC,EAAO,CAAC,EAEhE,EAAE,SAAM,YAAS,UAAO,eAAY,EAAoC,EAC5E,aAAa,qBACd,CAAC,EAEI,IAAkB,QAChB,GAAM,2BAA2B,EAAE,EACzC,CAAC,GAAM,wBAAwB,CAChC,EACK,IAAqB,QACnB,GAAM,eAAe,EAAE,EAC7B,CAAC,GAAM,YAAY,CACpB,EAEK,IAAgB,QAElB,EAAgB,SAAS,OACtB,EAAQ,iBAAiB,EAAE,EAAE,QAC3B,MAA+D,EAAQ,EACzE,CACF,EACH,CAAC,EAAgB,CAClB,EAEK,IAAsB,QAExB,EAAc,QAAQ,MACpB,EAA6B,IAAI,EAAa,OAAO,CACtD,EACH,CAAC,EAAc,CAChB,EAEK,IACJ,EAAoB,MAAM,MAAiB,EAAa,MAAM,SAAS,EAAE,MAAM,YAC/E,EAAmB,IAAI,YACvB,EAAgB,IAAI,YACpB,OAEI,IAAU,QAAc;EAC5B,IAAM,IAAM,EAAoB,QAC7B,GAAa,MAA+C;GAC3D,IAAM,IAAY,EAAa,MAAM,SAAS,GACxC,IACJ,EAAa,aAAa,EAAa,YAAY,IAAI,EAAa,YAAY;AAClF,UAAO,IAAM,EAAyB,GAAW,EAAa,MAAM,SAAS,GAAG;KAElF,EACD,EAEK,IAAM,IAAM,IACZ,IAAiB,EAAgB,QACjC,IAAe,EAAgB,QAAQ,MAC3C,EAAc,EAAQ,WAAW,GAAO,EAAI,CAC7C,CAAC,QACI,IAAuB,EAAc,QACxC,OACE,EAAa,WAAW,EAAmB,YAC1C,EAAa,WAAW,EAAmB,YAC7C,EAAc,EAAa,cAAc,EAAa,SAAS,GAAO,EAAI,CAC7E,CAAC,QAEI,IAAY,EAAoB,SAAS,GACzC,IAAY,IAAY,IAAK,IAAuB,IAAa,MAAM,GACvE,IAAO,IAAiB,IAAI,IAAM,IAAiB;AAGzD,SAAO;GACL;GACA;GACA;GACA;GACA,KAPU,IAAY,IAAI,KAAQ,IAAY,OAAO;GAQrD;GACA;GACA,qBAAqB,EAAoB;GAC1C;IACA;EAAC;EAAqB;EAAiB;EAAO;EAAK;EAAc,CAAC,EAE/D,IAAgB,QACd,EAAmB,GAAoB,GAAQ,GAAO,EAAI,EAChE;EAAC;EAAoB;EAAQ;EAAO;EAAI,CACzC,EAEK,IAA2B,QACzB,EAA8B,GAAe,GAAQ,GAAO,EAAI,EACtE;EAAC;EAAQ;EAAO;EAAK;EAAc,CACpC,EAEK,IAAgB,QAA+B;EACnD,IAAM,oBAAU,IAAI,KAA4B;AAkBhD,SAhBA,EAAoB,SAAS,MAA+C;GAC1E,IAAM,IAAW,EAAa,MAAM,QAAQ,gBACtC,IACJ,EAAa,aAAa,EAAa,YAAY,IAAI,EAAa,YAAY,GAC5E,IACJ,EAAyB,EAAa,MAAM,SAAS,GAAG,EAAa,MAAM,SAAS,GACpF,GAEI,IAAU,EAAQ,IAAI,EAAS;AACrC,KAAQ,IAAI,GAAU;IACpB,MAAM;IACN,sBAAsB,GAAS,uBAAuB,KAAK;IAC3D,eAAe,GAAS,gBAAgB,KAAK;IAC9C,CAAC;IACF,EAEK,MAAM,KAAK,EAAQ,QAAQ,CAAC,CAAC,MACjC,GAAqB,MAAyB,EAAM,eAAe,EAAK,aAC1E;IACA,CAAC,EAAoB,CAAC,EAEnB,IAAe,QACZ,EACJ,KAAK,MAAqC;EACzC,IAAM,KAAwB,EAAQ,iBAAiB,EAAE,EAAE,QACxD,MACM,IAIE,EAA6B,IAAI,EAAa,OAAO,GAHnD,GAKZ,EAEK,IAAe,EAAqB,QACvC,GAAa,MAA+C;GAC3D,IAAM,IACJ,EAAa,aAAa,EAAa,YAAY,IAAI,EAAa,YAAY;AAClF,UACE,IACA,EAAyB,EAAa,MAAM,SAAS,GAAG,EAAa,MAAM,SAAS,GAClF;KAGN,EACD;AAED,SAAO;GACL,IAAI,EAAQ,MAAM,EAAQ,QAAQ,EAAQ,SAAS;GACnD,MAAM,EAAQ,QAAQ;GACtB,OAAO,EAAQ,SAAS;GACxB,qBAAqB,EAAqB;GAC1C;GACD;GACD,CACD,MACE,GAAuB,MAA2B,EAAM,eAAe,EAAK,aAC9E,CACA,MAAM,GAAG,EAAE,EACb,CAAC,EAAgB,CAAC,EAEf,IAAkB,KAAK,IAAI,GAAG,EAAc,KAAK,MAAS,EAAK,MAAM,EAAE,EAAE,EACzE,IAAiB,KAAK,IAAI,GAAG,EAAyB,KAAK,MAAS,EAAK,MAAM,EAAE,EAAE;AAMzF,QAJK,EAAY,mBAKf,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAM;IACN,aAAY;IACZ,SACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,GAAS;MACxB,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EAAA,UAEzB;SACT,kBAAC,UAAD;MACE,OAAO;MACP,WAAW,MAAU,EAAU,EAAM,OAAO,MAAyB;MACrE,WAAU;gBAET,EAAe,KAAK,MACnB,kBAAC,UAAD;OAA2B,OAAO,EAAO;iBACtC,EAAO;OACD,EAFI,EAAO,MAEX,CACT;MACK,CAAA,CACL;;IAER,CAAA;GAED,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAa,WAAU,0BAA2B,CAAA,EAClD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eAAc;KAAoC,CAAA,EAC/D,kBAAC,KAAD;KAAG,WAAU;eAAgB,EAAM;KAAY,CAAA,CAC3C,EAAA,CAAA,CACF;;GAGP,KAAW,EAAgB,WAAW,IACrC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAW,WAAU,uBAAwB,CAAA,EAC7C,kBAAC,KAAD;MAAG,WAAU;gBAAU;MAAmC,CAAA,CACtD;;IACF,CAAA,GACJ,EAAgB,WAAW,IAC7B,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAW,WAAU,mCAAoC,CAAA;KACzD,kBAAC,MAAD;MAAI,WAAU;gBAA+C;MAExD,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAA+B;MAGxC,CAAA;KACA;QAEN,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,EAAqB,EAAQ,KAAK,EAAgB;OACzD,MAAM,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;OACvC,WAAU;OACV,CAAA;MACF,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,EAAqB,EAAQ,KAAK,EAAgB;OACzD,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;OACtC,WAAU;OACV,CAAA;MACF,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,EAAqB,EAAQ,MAAM,EAAgB;OAC1D,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;OACnC,CAAA;MACF,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,EAAiB,EAAQ,UAAU;OAC1C,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;OAClC,WAAU;OACV,CAAA;MACE;;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAU,OAAM;OAAkB,OAAO,EAAQ;OAAkB,CAAA;MACnE,kBAAC,GAAD;OAAU,OAAM;OAAgB,OAAO,EAAQ;OAAgB,CAAA;MAC/D,kBAAC,GAAD;OAAU,OAAM;OAAuB,OAAO,EAAQ;OAAuB,CAAA;MAC7E,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,EAAqB,EAAQ,KAAK,EAAgB;OACzD,CAAA;MACE;;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,WAAD;MAAS,WAAU;gBAAnB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;QAAI,WAAU;kBAAkC;QAAsB,CAAA,EACtE,kBAAC,KAAD;QAAG,WAAU;kBAA0B;QAEnC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SACG,EAAc;SAAO;SAAY,EAAc,WAAW,IAAI,KAAK;SAC/D;UACH;UAEL,EAAc,WAAW,IACxB,kBAAC,KAAD;OAAG,WAAU;iBAAyD;OAElE,CAAA,GAEJ,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAc,KAAK,MAClB,kBAAC,OAAD;QAAuB,WAAU;kBAAjC,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAiC,EAAM;UAAa,CAAA,EACpE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAqB,EAAM,OAAO,EAAgB;UAC9C,CAAA,CACH;YACN,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,OAAD;UACE,WAAU;UACV,OAAO,EACL,OAAO,GAAG,IAAkB,IAAK,EAAM,QAAQ,IAAmB,MAAM,EAAE,IAC3E;UACD,CAAA;SACE,CAAA,CACF;UAfI,EAAM,MAeV,CACN;OACE,CAAA,CAEA;SAEV,kBAAC,WAAD;MAAS,WAAU;gBAAnB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;QAAI,WAAU;kBAAkC;QAAwB,CAAA,EACxE,kBAAC,KAAD;QAAG,WAAU;kBAA0B;QAEnC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACG,EAAyB,QAAQ,GAAK,MAAU,IAAM,EAAM,OAAO,EAAE,EAAC,WAClE;UACH;UAEL,EAAyB,WAAW,IACnC,kBAAC,KAAD;OAAG,WAAU;iBAAyD;OAElE,CAAA,GAEJ,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAyB,KAAK,MAC7B,kBAAC,OAAD;QAAuB,WAAU;kBAAjC,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAiC,EAAM;UAAa,CAAA,EACpE,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CAAmC,EAAM,OAAM,OAAW;YACtD;YACN,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,OAAD;UACE,WAAU;UACV,OAAO,EACL,OAAO,GAAG,IAAiB,IAAK,EAAM,QAAQ,IAAkB,MAAM,EAAE,IACzE;UACD,CAAA;SACE,CAAA,CACF;UAbI,EAAM,MAaV,CACN;OACE,CAAA,CAEA;QACN;;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,WAAD;MAAS,WAAU;gBAAnB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAAkC;QAAoB,CAAA,EACpE,kBAAC,KAAD;QAAG,WAAU;kBAA+B;QAExC,CAAA,CACA;UACN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAc,WAAW,IACxB,kBAAC,KAAD;QAAG,WAAU;kBAA0B;QAAmC,CAAA,GAE1E,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAc,KAAK,MAClB,kBAAC,OAAD;SAEE,WAAU;mBAFZ,CAIE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;UAAG,WAAU;oBAAiC,EAAK;UAAS,CAAA,EAC5D,kBAAC,KAAD;UAAG,WAAU;oBAAb;WACG,EAAK;WAAoB;WACzB,EAAK,wBAAwB,IAAI,KAAK;WACrC;YACA,EAAA,CAAA,EACN,kBAAC,KAAD;UAAG,WAAU;oBAAb,CACG,EAAqB,EAAK,cAAc,EAAgB,EAAC,WACxD;YACA;WAbC,EAAK,KAaN,CACN;QACE,CAAA;OAEJ,CAAA,CACE;SAEV,kBAAC,WAAD;MAAS,WAAU;gBAAnB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAAkC;QAAkB,CAAA,EAClE,kBAAC,KAAD;QAAG,WAAU;kBAA+B;QAExC,CAAA,CACA;UACN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAa,WAAW,IACvB,kBAAC,KAAD;QAAG,WAAU;kBAA0B;QAA2C,CAAA,GAElF,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAa,KAAK,MACjB,kBAAC,OAAD;SAEE,WAAU;mBAFZ,CAIE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBAA0C,EAAS;WAAS,CAAA,EACzE,kBAAC,KAAD;WAAG,WAAU;qBAAoC,EAAS;WAAU,CAAA,CAChE;aACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAb,CACG,EAAqB,EAAS,cAAc,EAAgB,EAAC,WAC5D;cACJ,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAS;YAAoB;YAC7B,EAAS,wBAAwB,IAAI,KAAK;YACzC;aACA;YACF;WAhBC,EAAS,GAgBV,CACN;QACE,CAAA;OAEJ,CAAA,CACE;QACN;;IACL,EAAA,CAAA;GAED;MA/PC,kBAAC,GAAD,EAAc,SAAQ,gDAAiD,CAAA"}
+{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../../../src/billing/modules/analytics/pages/AnalyticsPage.tsx"],"sourcesContent":["/**\n * Analytics Module - Revenue Analytics Page\n * Uses real billing data aggregated from billing accounts, subscriptions, and payments.\n */\n\nimport { useMemo, useState, type FC } from 'react';\nimport { AlertCircle, BarChart3, RefreshCw, TrendingUp, Users, Wallet } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { CTAOverflowMenu } from '@burdenoff/fe-libs/ui';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { AccessDenied, PageHeader, StatCard } from '../../../shared/components';\nimport { formatCurrency, formatPercentage } from '../../../shared/utils/format';\nimport type { AnalyticsPeriod } from '../../../shared/types';\nimport {\n  type GetBillingAnalyticsPageDataQuery,\n  useGetBillingAnalyticsPageDataQuery,\n} from '../../../../generated/global-operations';\nimport { PlanDuration, SubscriptionStatus } from '../../../../generated/global-types';\n\nconst PERIOD_OPTIONS: { value: AnalyticsPeriod; label: string }[] = [\n  { value: 'LAST_7_DAYS' as AnalyticsPeriod, label: 'Last 7 days' },\n  { value: 'LAST_30_DAYS' as AnalyticsPeriod, label: 'Last 30 days' },\n  { value: 'LAST_90_DAYS' as AnalyticsPeriod, label: 'Last 90 days' },\n  { value: 'CURRENT_MONTH' as AnalyticsPeriod, label: 'This month' },\n  { value: 'LAST_MONTH' as AnalyticsPeriod, label: 'Last month' },\n];\n\nconst ACTIVE_SUBSCRIPTION_STATUSES = new Set<SubscriptionStatus>([\n  SubscriptionStatus.Active,\n  SubscriptionStatus.Trialing,\n  SubscriptionStatus.PastDue,\n  SubscriptionStatus.Paused,\n]);\n\ntype RevenuePoint = {\n  label: string;\n  value: number;\n};\n\ntype PlanBreakdown = {\n  name: string;\n  activeSubscriptions: number;\n  estimatedMrr: number;\n};\n\ntype CustomerSummary = {\n  id: string;\n  name: string;\n  email: string;\n  activeSubscriptions: number;\n  estimatedMrr: number;\n};\n\ntype BillingAnalyticsAccount = GetBillingAnalyticsPageDataQuery['getBillingAccountsByOrg'][number];\ntype BillingAnalyticsSubscription = NonNullable<\n  NonNullable<BillingAnalyticsAccount['subscriptions']>[number]\n>;\ntype BillingAnalyticsPayment = GetBillingAnalyticsPageDataQuery['getPayments'][number];\n\nfunction startOfDay(date: Date): Date {\n  const value = new Date(date);\n  value.setHours(0, 0, 0, 0);\n  return value;\n}\n\nfunction getPeriodRange(period: AnalyticsPeriod): { start: Date; end: Date } {\n  const now = new Date();\n  const end = now;\n\n  switch (period) {\n    case 'LAST_7_DAYS': {\n      const start = new Date(now);\n      start.setDate(start.getDate() - 6);\n      return { start: startOfDay(start), end };\n    }\n    case 'LAST_30_DAYS': {\n      const start = new Date(now);\n      start.setDate(start.getDate() - 29);\n      return { start: startOfDay(start), end };\n    }\n    case 'LAST_90_DAYS': {\n      const start = new Date(now);\n      start.setDate(start.getDate() - 89);\n      return { start: startOfDay(start), end };\n    }\n    case 'LAST_MONTH': {\n      const start = new Date(now.getFullYear(), now.getMonth() - 1, 1);\n      const monthEnd = new Date(now.getFullYear(), now.getMonth(), 0, 23, 59, 59, 999);\n      return { start, end: monthEnd };\n    }\n    case 'CURRENT_MONTH':\n    default:\n      return {\n        start: new Date(now.getFullYear(), now.getMonth(), 1),\n        end,\n      };\n  }\n}\n\nfunction isWithinRange(dateValue: string | null | undefined, start: Date, end: Date): boolean {\n  if (!dateValue) {\n    return false;\n  }\n\n  const date = new Date(dateValue);\n  return date >= start && date <= end;\n}\n\nfunction normalizeRecurringAmount(\n  amount: number,\n  duration: PlanDuration | null | undefined\n): number {\n  if (duration === PlanDuration.Yearly) {\n    return amount / 12;\n  }\n\n  return amount;\n}\n\nfunction getBucketLabel(dateValue: Date, period: AnalyticsPeriod): string {\n  if (period === 'LAST_90_DAYS') {\n    return new Intl.DateTimeFormat('en-US', { month: 'short', day: 'numeric' }).format(dateValue);\n  }\n\n  return new Intl.DateTimeFormat('en-US', {\n    month: 'short',\n    day: 'numeric',\n  }).format(dateValue);\n}\n\nfunction buildRevenueSeries(\n  payments: Array<{ amount: number; paidAt?: string | null; createdAt: string }>,\n  period: AnalyticsPeriod,\n  start: Date,\n  end: Date\n): RevenuePoint[] {\n  const buckets = new Map<string, number>();\n\n  payments.forEach((payment) => {\n    const paymentDate = new Date(payment.paidAt || payment.createdAt);\n    if (paymentDate < start || paymentDate > end) {\n      return;\n    }\n\n    const label = getBucketLabel(paymentDate, period);\n    buckets.set(label, (buckets.get(label) ?? 0) + payment.amount);\n  });\n\n  return Array.from(buckets.entries()).map(([label, value]) => ({ label, value }));\n}\n\nfunction buildSubscriptionGrowthSeries(\n  subscriptions: Array<{ createdAt: string }>,\n  period: AnalyticsPeriod,\n  start: Date,\n  end: Date\n): RevenuePoint[] {\n  const buckets = new Map<string, number>();\n\n  subscriptions.forEach((subscription) => {\n    const createdAt = new Date(subscription.createdAt);\n    if (createdAt < start || createdAt > end) {\n      return;\n    }\n\n    const label = getBucketLabel(createdAt, period);\n    buckets.set(label, (buckets.get(label) ?? 0) + 1);\n  });\n\n  return Array.from(buckets.entries()).map(([label, value]) => ({ label, value }));\n}\n\nfunction formatMetricCurrency(value: number, currency: string): string {\n  try {\n    return formatCurrency(value, currency);\n  } catch {\n    return new Intl.NumberFormat('en-US', {\n      style: 'currency',\n      currency,\n      maximumFractionDigits: 2,\n    }).format(value);\n  }\n}\n\nexport const AnalyticsPage: 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 permissions = useBillingPermissions();\n  const [period, setPeriod] = useState<AnalyticsPeriod>('LAST_30_DAYS' as AnalyticsPeriod);\n  const { start, end } = useMemo(() => getPeriodRange(period), [period]);\n\n  const { data, loading, error, refetch } = useGetBillingAnalyticsPageDataQuery({\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const billingAccounts = useMemo<BillingAnalyticsAccount[]>(\n    () => data?.getBillingAccountsByOrg ?? [],\n    [data?.getBillingAccountsByOrg]\n  );\n  const successfulPayments = useMemo<BillingAnalyticsPayment[]>(\n    () => data?.getPayments ?? [],\n    [data?.getPayments]\n  );\n\n  const subscriptions = useMemo<BillingAnalyticsSubscription[]>(\n    () =>\n      billingAccounts.flatMap((account: BillingAnalyticsAccount) =>\n        (account.subscriptions ?? []).filter(\n          (subscription): subscription is BillingAnalyticsSubscription => Boolean(subscription)\n        )\n      ),\n    [billingAccounts]\n  );\n\n  const activeSubscriptions = useMemo<BillingAnalyticsSubscription[]>(\n    () =>\n      subscriptions.filter((subscription: BillingAnalyticsSubscription) =>\n        ACTIVE_SUBSCRIPTION_STATUSES.has(subscription.status)\n      ),\n    [subscriptions]\n  );\n\n  const displayCurrency =\n    activeSubscriptions.find((subscription) => subscription.plan?.currency)?.plan?.currency ||\n    successfulPayments[0]?.currency ||\n    billingAccounts[0]?.currency ||\n    'USD';\n\n  const metrics = useMemo(() => {\n    const mrr = activeSubscriptions.reduce(\n      (sum: number, subscription: BillingAnalyticsSubscription) => {\n        const planPrice = subscription.plan?.price ?? 0;\n        const seatCount =\n          subscription.seatCount && subscription.seatCount > 0 ? subscription.seatCount : 1;\n        return sum + normalizeRecurringAmount(planPrice, subscription.plan?.duration) * seatCount;\n      },\n      0\n    );\n\n    const arr = mrr * 12;\n    const totalCustomers = billingAccounts.length;\n    const newCustomers = billingAccounts.filter((account: BillingAnalyticsAccount) =>\n      isWithinRange(account.createdAt, start, end)\n    ).length;\n    const churnedSubscriptions = subscriptions.filter(\n      (subscription: BillingAnalyticsSubscription) =>\n        (subscription.status === SubscriptionStatus.Canceled ||\n          subscription.status === SubscriptionStatus.Expired) &&\n        isWithinRange(subscription.canceledAt || subscription.endDate, start, end)\n    ).length;\n\n    const churnBase = activeSubscriptions.length + churnedSubscriptions;\n    const churnRate = churnBase > 0 ? (churnedSubscriptions / churnBase) * 100 : 0;\n    const arpu = totalCustomers > 0 ? mrr / totalCustomers : 0;\n    const ltv = churnRate > 0 ? arpu / (churnRate / 100) : arr;\n\n    return {\n      mrr,\n      arr,\n      arpu,\n      churnRate,\n      ltv,\n      totalCustomers,\n      newCustomers,\n      activeSubscriptions: activeSubscriptions.length,\n    };\n  }, [activeSubscriptions, billingAccounts, start, end, subscriptions]);\n\n  const revenueSeries = useMemo(\n    () => buildRevenueSeries(successfulPayments, period, start, end),\n    [successfulPayments, period, start, end]\n  );\n\n  const subscriptionGrowthSeries = useMemo(\n    () => buildSubscriptionGrowthSeries(subscriptions, period, start, end),\n    [period, start, end, subscriptions]\n  );\n\n  const revenueByPlan = useMemo<PlanBreakdown[]>(() => {\n    const planMap = new Map<string, PlanBreakdown>();\n\n    activeSubscriptions.forEach((subscription: BillingAnalyticsSubscription) => {\n      const planName = subscription.plan?.name || 'Unknown Plan';\n      const seatCount =\n        subscription.seatCount && subscription.seatCount > 0 ? subscription.seatCount : 1;\n      const estimatedMrr =\n        normalizeRecurringAmount(subscription.plan?.price ?? 0, subscription.plan?.duration) *\n        seatCount;\n\n      const current = planMap.get(planName);\n      planMap.set(planName, {\n        name: planName,\n        activeSubscriptions: (current?.activeSubscriptions ?? 0) + 1,\n        estimatedMrr: (current?.estimatedMrr ?? 0) + estimatedMrr,\n      });\n    });\n\n    return Array.from(planMap.values()).sort(\n      (left: PlanBreakdown, right: PlanBreakdown) => right.estimatedMrr - left.estimatedMrr\n    );\n  }, [activeSubscriptions]);\n\n  const topCustomers = useMemo<CustomerSummary[]>(() => {\n    return billingAccounts\n      .map((account: BillingAnalyticsAccount) => {\n        const accountSubscriptions = (account.subscriptions ?? []).filter(\n          (subscription): subscription is BillingAnalyticsSubscription => {\n            if (!subscription) {\n              return false;\n            }\n\n            return ACTIVE_SUBSCRIPTION_STATUSES.has(subscription.status);\n          }\n        );\n\n        const estimatedMrr = accountSubscriptions.reduce(\n          (sum: number, subscription: BillingAnalyticsSubscription) => {\n            const seatCount =\n              subscription.seatCount && subscription.seatCount > 0 ? subscription.seatCount : 1;\n            return (\n              sum +\n              normalizeRecurringAmount(subscription.plan?.price ?? 0, subscription.plan?.duration) *\n                seatCount\n            );\n          },\n          0\n        );\n\n        return {\n          id: account.id ?? account.name ?? account.email ?? 'unknown-account',\n          name: account.name ?? 'Unnamed account',\n          email: account.email ?? 'No contact email',\n          activeSubscriptions: accountSubscriptions.length,\n          estimatedMrr,\n        };\n      })\n      .sort(\n        (left: CustomerSummary, right: CustomerSummary) => right.estimatedMrr - left.estimatedMrr\n      )\n      .slice(0, 5);\n  }, [billingAccounts]);\n\n  const maxRevenuePoint = Math.max(...revenueSeries.map((item) => item.value), 0);\n  const maxGrowthPoint = Math.max(...subscriptionGrowthSeries.map((item) => item.value), 0);\n\n  if (!permissions.canViewAnalytics) {\n    return <AccessDenied message=\"You don't have permission to view analytics.\" />;\n  }\n\n  return (\n    <div className=\"space-y-6 p-4 sm:p-6\">\n      <PageHeader\n        title=\"Revenue Analytics\"\n        description=\"Track recurring revenue, customer growth, and billing performance using live billing data.\"\n        actions={\n          <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n            <select\n              value={period}\n              onChange={(event) => setPeriod(event.target.value as AnalyticsPeriod)}\n              aria-label=\"Analytics period\"\n              className=\"rounded-input border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              {PERIOD_OPTIONS.map((option) => (\n                <option key={option.value} value={option.value}>\n                  {option.label}\n                </option>\n              ))}\n            </select>\n            <CTAOverflowMenu\n              actions={[\n                {\n                  label: 'Refresh',\n                  onSelect: () => {\n                    void refetch();\n                  },\n                  icon: <RefreshCw className=\"size-4\" />,\n                },\n              ]}\n            />\n          </div>\n        }\n      />\n\n      {error && (\n        <div className=\"flex items-start gap-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4 text-status-error-text\">\n          <AlertCircle className=\"mt-0.5 size-4 shrink-0\" />\n          <div>\n            <p className=\"font-medium\">Unable to load billing analytics</p>\n            <p className=\"mt-1 text-sm\">{error.message}</p>\n          </div>\n        </div>\n      )}\n\n      {loading && billingAccounts.length === 0 ? (\n        <div className=\"flex min-h-[320px] items-center justify-center rounded-lg border border-border-subtle bg-bg-surface\">\n          <div className=\"flex flex-col items-center gap-3 text-text-muted\">\n            <RefreshCw className=\"size-6 animate-spin\" />\n            <p className=\"text-sm\">Loading live billing analytics…</p>\n          </div>\n        </div>\n      ) : billingAccounts.length === 0 ? (\n        <div className=\"rounded-lg border border-dashed border-border-subtle bg-bg-surface p-8 text-center\">\n          <BarChart3 className=\"mx-auto size-10 text-text-muted\" />\n          <h2 className=\"mt-4 text-lg font-semibold text-text-primary\">\n            No billing data available yet\n          </h2>\n          <p className=\"mt-2 text-sm text-text-muted\">\n            Create a billing account and complete a subscription or payment to unlock live\n            analytics.\n          </p>\n        </div>\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n            <StatCard\n              label=\"MRR\"\n              value={formatMetricCurrency(metrics.mrr, displayCurrency)}\n              icon={<TrendingUp className=\"size-5\" />}\n              className=\"bg-status-info-bg-subtle\"\n            />\n            <StatCard\n              label=\"ARR\"\n              value={formatMetricCurrency(metrics.arr, displayCurrency)}\n              icon={<BarChart3 className=\"size-5\" />}\n              className=\"bg-status-success-bg-subtle\"\n            />\n            <StatCard\n              label=\"ARPU\"\n              value={formatMetricCurrency(metrics.arpu, displayCurrency)}\n              icon={<Wallet className=\"size-5\" />}\n            />\n            <StatCard\n              label=\"Churn Rate\"\n              value={formatPercentage(metrics.churnRate)}\n              icon={<Users className=\"size-5\" />}\n              className=\"bg-status-warning-bg-subtle\"\n            />\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n            <StatCard label=\"Total Customers\" value={metrics.totalCustomers} />\n            <StatCard label=\"New Customers\" value={metrics.newCustomers} />\n            <StatCard label=\"Active Subscriptions\" value={metrics.activeSubscriptions} />\n            <StatCard\n              label=\"Estimated LTV\"\n              value={formatMetricCurrency(metrics.ltv, displayCurrency)}\n            />\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-6 xl:grid-cols-2\">\n            <section className=\"rounded-card border border-border-seam bg-bg-surface p-4 sm:p-6 shadow-[var(--shadow-elevation-1)]\">\n              <div className=\"mb-4 flex items-center justify-between gap-3\">\n                <div>\n                  <h3 className=\"font-semibold text-text-primary\">Revenue over time</h3>\n                  <p className=\"text-sm text-text-muted\">\n                    Successful payments received during the selected period.\n                  </p>\n                </div>\n                <span className=\"rounded-full bg-status-info-bg-subtle px-2.5 py-1 text-xs font-medium text-status-info-text\">\n                  {revenueSeries.length} data point{revenueSeries.length === 1 ? '' : 's'}\n                </span>\n              </div>\n\n              {revenueSeries.length === 0 ? (\n                <p className=\"rounded-lg bg-bg-sunken/40 p-4 text-sm text-text-muted\">\n                  No successful payments were recorded during this period.\n                </p>\n              ) : (\n                <div className=\"space-y-3\">\n                  {revenueSeries.map((point) => (\n                    <div key={point.label} className=\"space-y-1\">\n                      <div className=\"flex items-center justify-between gap-3 text-sm\">\n                        <span className=\"font-medium text-text-primary\">{point.label}</span>\n                        <span className=\"text-text-muted\">\n                          {formatMetricCurrency(point.value, displayCurrency)}\n                        </span>\n                      </div>\n                      <div className=\"h-2 rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-2 rounded-full bg-action-primary-bg transition-[width]\"\n                          style={{\n                            width: `${maxRevenuePoint > 0 ? (point.value / maxRevenuePoint) * 100 : 0}%`,\n                          }}\n                        />\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              )}\n            </section>\n\n            <section className=\"rounded-card border border-border-seam bg-bg-surface p-4 sm:p-6 shadow-[var(--shadow-elevation-1)]\">\n              <div className=\"mb-4 flex items-center justify-between gap-3\">\n                <div>\n                  <h3 className=\"font-semibold text-text-primary\">Subscription growth</h3>\n                  <p className=\"text-sm text-text-muted\">\n                    New subscriptions created during the selected period.\n                  </p>\n                </div>\n                <span className=\"rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text\">\n                  {subscriptionGrowthSeries.reduce((sum, point) => sum + point.value, 0)} created\n                </span>\n              </div>\n\n              {subscriptionGrowthSeries.length === 0 ? (\n                <p className=\"rounded-lg bg-bg-sunken/40 p-4 text-sm text-text-muted\">\n                  No new subscriptions were created during this period.\n                </p>\n              ) : (\n                <div className=\"space-y-3\">\n                  {subscriptionGrowthSeries.map((point) => (\n                    <div key={point.label} className=\"space-y-1\">\n                      <div className=\"flex items-center justify-between gap-3 text-sm\">\n                        <span className=\"font-medium text-text-primary\">{point.label}</span>\n                        <span className=\"text-text-muted\">{point.value} new</span>\n                      </div>\n                      <div className=\"h-2 rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-2 rounded-full bg-status-success-bg transition-[width]\"\n                          style={{\n                            width: `${maxGrowthPoint > 0 ? (point.value / maxGrowthPoint) * 100 : 0}%`,\n                          }}\n                        />\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              )}\n            </section>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-6 xl:grid-cols-2\">\n            <section className=\"rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]\">\n              <div className=\"border-b border-border-subtle p-4\">\n                <h3 className=\"font-semibold text-text-primary\">Revenue by plan</h3>\n                <p className=\"mt-1 text-sm text-text-muted\">\n                  Estimated monthly recurring revenue based on currently active subscriptions.\n                </p>\n              </div>\n              <div className=\"p-4\">\n                {revenueByPlan.length === 0 ? (\n                  <p className=\"text-sm text-text-muted\">No active plans to analyse yet.</p>\n                ) : (\n                  <div className=\"space-y-3\">\n                    {revenueByPlan.map((plan) => (\n                      <div\n                        key={plan.name}\n                        className=\"flex flex-col gap-2 rounded-lg border border-border-subtle p-3 sm:flex-row sm:items-center sm:justify-between\"\n                      >\n                        <div>\n                          <p className=\"font-medium text-text-primary\">{plan.name}</p>\n                          <p className=\"text-sm text-text-muted\">\n                            {plan.activeSubscriptions} active subscription\n                            {plan.activeSubscriptions === 1 ? '' : 's'}\n                          </p>\n                        </div>\n                        <p className=\"text-sm font-semibold text-text-primary\">\n                          {formatMetricCurrency(plan.estimatedMrr, displayCurrency)} / month\n                        </p>\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </section>\n\n            <section className=\"rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]\">\n              <div className=\"border-b border-border-subtle p-4\">\n                <h3 className=\"font-semibold text-text-primary\">Top customers</h3>\n                <p className=\"mt-1 text-sm text-text-muted\">\n                  Ranked by estimated monthly recurring revenue from active subscriptions.\n                </p>\n              </div>\n              <div className=\"p-4\">\n                {topCustomers.length === 0 ? (\n                  <p className=\"text-sm text-text-muted\">No customer revenue data available yet.</p>\n                ) : (\n                  <div className=\"space-y-3\">\n                    {topCustomers.map((customer) => (\n                      <div\n                        key={customer.id}\n                        className=\"flex flex-col gap-2 rounded-lg border border-border-subtle p-3 sm:flex-row sm:items-center sm:justify-between\"\n                      >\n                        <div className=\"min-w-0\">\n                          <p className=\"truncate font-medium text-text-primary\">{customer.name}</p>\n                          <p className=\"truncate text-sm text-text-muted\">{customer.email}</p>\n                        </div>\n                        <div className=\"text-left sm:text-right\">\n                          <p className=\"text-sm font-semibold text-text-primary\">\n                            {formatMetricCurrency(customer.estimatedMrr, displayCurrency)} / month\n                          </p>\n                          <p className=\"text-xs text-text-muted\">\n                            {customer.activeSubscriptions} active subscription\n                            {customer.activeSubscriptions === 1 ? '' : 's'}\n                          </p>\n                        </div>\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </section>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}