@burdenoff/microfe-billing 2026.625.3 → 2026.625.5

package/dist/billing/modules/earnings/pages/EarningsPage.js

@@ -2,20 +2,19 @@ import { useBilling as e } from "../../../providers/BillingProvider.js";
 import { AccessDenied as t } from "../../../shared/components/AccessDenied.js";
 import { PageHeader as ee } from "../../../shared/components/PageHeader.js";
 import { StatCard as n } from "../../../shared/components/StatCard.js";
-import { EmptyState as r } from "../../../shared/components/EmptyState.js";
-import { ServerError as i } from "../../../shared/components/ServerError.js";
+import { ServerError as te } from "../../../shared/components/ServerError.js";
 import "../../../shared/components/index.js";
-import { formatCurrency as a, formatDateTime as o } from "../../../shared/utils/format.js";
-import { isServerError as s } from "../../../shared/utils/error.js";
+import { formatCurrency as r, formatDateTime as i } from "../../../shared/utils/format.js";
+import { isServerError as a } from "../../../shared/utils/error.js";
 import "../../../shared/utils/index.js";
-import { useBillingPermissions as c } from "../../../hooks/useBillingPermissions.js";
-import { useGetDefaultBillingAccountSettingsQuery as l } from "../../../../generated/global-operations.js";
-import { fetchDeveloperPortalRevenueDashboard as u, fetchEarningsEntries as d, fetchEarningsSummary as f } from "../api.js";
-import { useEffect as p, useMemo as m, useState as h } from "react";
-import { Coins as g, HandCoins as _, RefreshCw as v, Wallet as y } from "lucide-react";
-import { useSearchParams as b } from "react-router-dom";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { ResponsiveTable as C } from "@burdenoff/fe-libs/ui";
+import { useBillingPermissions as ne } from "../../../hooks/useBillingPermissions.js";
+import { useGetDefaultBillingAccountSettingsQuery as o } from "../../../../generated/global-operations.js";
+import { fetchDeveloperPortalRevenueDashboard as s, fetchEarningsEntries as c, fetchEarningsSummary as l } from "../api.js";
+import { useEffect as u, useMemo as d, useState as f } from "react";
+import { Coins as p, HandCoins as m, RefreshCw as h, Wallet as g } from "lucide-react";
+import { useSearchParams as _ } from "react-router-dom";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { EmphasisPanel as b, IllustratedEmptyState as x, PagePurpose as S, ResponsiveTable as C } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/earnings/pages/EarningsPage.tsx
 var w = [
 	{
@@ -32,17 +31,17 @@ var w = [
 	{
 		key: "gross",
 		header: "Gross",
-		cell: (e) => /* @__PURE__ */ x("span", {
+		cell: (e) => /* @__PURE__ */ v("span", {
 			className: "tabular-nums",
-			children: a(e.grossAmount, e.currency || "USD")
+			children: r(e.grossAmount, e.currency || "USD")
 		})
 	},
 	{
 		key: "net",
 		header: "Net",
-		cell: (e) => /* @__PURE__ */ x("span", {
+		cell: (e) => /* @__PURE__ */ v("span", {
 			className: "tabular-nums",
-			children: a(e.netAmount, e.currency || "USD")
+			children: r(e.netAmount, e.currency || "USD")
 		})
 	},
 	{
@@ -53,7 +52,7 @@ var w = [
 	{
 		key: "purchased",
 		header: "Purchased",
-		cell: (e) => o(e.purchasedAt)
+		cell: (e) => i(e.purchasedAt)
 	}
 ], T = [
 	{
@@ -65,9 +64,9 @@ var w = [
 	{
 		key: "amount",
 		header: "Amount",
-		cell: (e) => /* @__PURE__ */ x("span", {
+		cell: (e) => /* @__PURE__ */ v("span", {
 			className: "tabular-nums",
-			children: a(e.netAmount, e.currency || "USD")
+			children: r(e.netAmount, e.currency || "USD")
 		})
 	},
 	{
@@ -78,12 +77,12 @@ var w = [
 	{
 		key: "scheduled",
 		header: "Scheduled",
-		cell: (e) => e.scheduledAt ? o(e.scheduledAt) : "-"
+		cell: (e) => e.scheduledAt ? i(e.scheduledAt) : "-"
 	},
 	{
 		key: "completed",
 		header: "Completed",
-		cell: (e) => e.completedAt ? o(e.completedAt) : "-"
+		cell: (e) => e.completedAt ? i(e.completedAt) : "-"
 	}
 ], E = [
 	{
@@ -105,9 +104,9 @@ var w = [
 	{
 		key: "amount",
 		header: "Amount",
-		cell: (e) => /* @__PURE__ */ x("span", {
+		cell: (e) => /* @__PURE__ */ v("span", {
 			className: "tabular-nums",
-			children: e.unitType === "CREDITS" ? `${e.amount.toLocaleString()} credits` : a(e.amount, e.currency || "USD")
+			children: e.unitType === "CREDITS" ? `${e.amount.toLocaleString()} credits` : r(e.amount, e.currency || "USD")
 		})
 	},
 	{
@@ -118,10 +117,10 @@ var w = [
 	{
 		key: "created",
 		header: "Created",
-		cell: (e) => o(e.createdAt)
+		cell: (e) => i(e.createdAt)
 	}
 ], D = () => {
-	let [o] = b(), D = c(), { apiGatewayUrl: O, authToken: k, orgId: A } = e(), j = o.get("developerOrgId"), M = o.get("developerOrgName"), { data: N, loading: P } = l({}), F = N?.getDefaultBillingAccount?.id, [I, L] = h(null), [R, z] = h([]), [B, V] = h(null), [H, U] = h("ALL"), [W, G] = h(!0), [K, q] = h(null), J = m(() => ({
+	let [i] = _(), D = ne(), { apiGatewayUrl: O, authToken: k, orgId: A } = e(), j = i.get("developerOrgId"), M = i.get("developerOrgName"), { data: N, loading: P } = o({}), F = N?.getDefaultBillingAccount?.id, [I, L] = f(null), [R, z] = f([]), [B, V] = f(null), [H, U] = f("ALL"), [W, G] = f(!0), [K, q] = f(null), J = d(() => ({
 		apiGatewayUrl: O,
 		authToken: k,
 		orgId: A
@@ -133,14 +132,14 @@ var w = [
 		G(!0), q(null);
 		try {
 			if (j) {
-				V(await u(j, J)), L(null), z([]);
+				V(await s(j, J)), L(null), z([]);
 				return;
 			}
 			if (!F) {
 				L(null), z([]), V(null);
 				return;
 			}
-			let [e, t] = await Promise.all([f(F, J), d(F, J)]);
+			let [e, t] = await Promise.all([l(F, J), c(F, J)]);
 			L(e), z(t), V(null);
 		} catch (e) {
 			q(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load earnings"));
@@ -148,19 +147,19 @@ var w = [
 			G(!1);
 		}
 	};
-	if (p(() => {
+	if (u(() => {
 		Y();
 	}, [
 		F,
 		j,
 		J
-	]), !D.canViewBillingAccount) return /* @__PURE__ */ x(t, { message: "You don't have permission to view earnings." });
-	if (!j && !F && !P) return /* @__PURE__ */ x(r, {
-		icon: /* @__PURE__ */ x(y, { className: "size-8" }),
+	]), !D.canViewBillingAccount) return /* @__PURE__ */ v(t, { message: "You don't have permission to view earnings." });
+	if (!j && !F && !P) return /* @__PURE__ */ v(x, {
+		illustration: "empty-generic",
 		title: "No billing account found",
 		description: "Create a billing account first to view earnings."
 	});
-	if (K && s(K)) return /* @__PURE__ */ x(i, {
+	if (K && a(K)) return /* @__PURE__ */ v(te, {
 		title: "Earnings unavailable",
 		message: K.message,
 		onRetry: () => void Y(),
@@ -169,142 +168,146 @@ var w = [
 	let X = I ? [
 		{
 			title: "Available",
-			value: a(I.availableAmount, "USD"),
-			icon: /* @__PURE__ */ x(_, { className: "size-5" })
+			value: r(I.availableAmount, "USD"),
+			icon: /* @__PURE__ */ v(m, { className: "size-5" })
 		},
 		{
 			title: "Reserved",
-			value: a(I.reservedAmount, "USD"),
-			icon: /* @__PURE__ */ x(g, { className: "size-5" })
+			value: r(I.reservedAmount, "USD"),
+			icon: /* @__PURE__ */ v(p, { className: "size-5" })
 		},
 		{
 			title: "Paid out",
-			value: a(I.paidAmount, "USD"),
-			icon: /* @__PURE__ */ x(y, { className: "size-5" })
+			value: r(I.paidAmount, "USD"),
+			icon: /* @__PURE__ */ v(g, { className: "size-5" })
 		},
 		{
 			title: "Lifetime",
-			value: a(I.totalLifetimeAmount, "USD"),
-			icon: /* @__PURE__ */ x(v, { className: "size-5" })
+			value: r(I.totalLifetimeAmount, "USD"),
+			icon: /* @__PURE__ */ v(h, { className: "size-5" })
 		}
 	] : [], Z = H === "ALL" ? R : R.filter((e) => e.sourceCategory === H), Q = I?.categoryBreakdown?.map((e) => ({
 		title: `${e.category} earnings`,
-		value: a(e.amount, "USD"),
+		value: r(e.amount, "USD"),
 		helperText: `${e.count} entries`
-	})) ?? [], te = B?.summary ? [
+	})) ?? [], re = B?.summary ? [
 		{
 			title: "Gross revenue",
-			value: a(B.summary.totalGrossRevenue, "USD"),
-			icon: /* @__PURE__ */ x(_, { className: "size-5" })
+			value: r(B.summary.totalGrossRevenue, "USD"),
+			icon: /* @__PURE__ */ v(m, { className: "size-5" })
 		},
 		{
 			title: "Net revenue",
-			value: a(B.summary.totalNetRevenue, "USD"),
-			icon: /* @__PURE__ */ x(y, { className: "size-5" })
+			value: r(B.summary.totalNetRevenue, "USD"),
+			icon: /* @__PURE__ */ v(g, { className: "size-5" })
 		},
 		{
 			title: "Pending balance",
-			value: a(B.summary.pendingBalance, "USD"),
-			icon: /* @__PURE__ */ x(g, { className: "size-5" })
+			value: r(B.summary.pendingBalance, "USD"),
+			icon: /* @__PURE__ */ v(p, { className: "size-5" })
 		},
 		{
 			title: "Platform fees",
-			value: a(B.summary.totalPlatformFees, "USD"),
-			icon: /* @__PURE__ */ x(v, { className: "size-5" })
+			value: r(B.summary.totalPlatformFees, "USD"),
+			icon: /* @__PURE__ */ v(h, { className: "size-5" })
 		}
 	] : [], $ = !!j;
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ y("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ x(ee, {
+			/* @__PURE__ */ v(ee, {
 				title: $ ? "Marketplace earnings" : "Earnings",
 				description: $ ? `Developer portal revenue, sales, and payouts${M ? ` for ${M}` : ""}.` : "Track affiliate, store, and other earning sources in one ledger."
 			}),
-			W ? /* @__PURE__ */ x("div", {
+			/* @__PURE__ */ v(S, { children: "See everything you have earned — from affiliate rewards, store sales and marketplace revenue — in one ledger, along with how much has been paid out and what is still pending. Filter by source to reconcile a specific stream." }),
+			W ? /* @__PURE__ */ v("div", {
 				className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4",
 				children: [
 					1,
 					2,
 					3,
 					4
-				].map((e) => /* @__PURE__ */ x("div", { className: "h-28 animate-pulse rounded-lg border border-border-subtle bg-bg-surface" }, e))
-			}) : $ ? B?.summary ? /* @__PURE__ */ S("div", {
+				].map((e) => /* @__PURE__ */ v("div", { className: "h-28 animate-pulse rounded-lg border border-border-subtle bg-bg-surface" }, e))
+			}) : $ ? B?.summary ? /* @__PURE__ */ y("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ v("div", {
 						className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4",
-						children: te.map((e) => /* @__PURE__ */ x(n, {
+						children: re.map((e) => /* @__PURE__ */ v(n, {
 							label: e.title,
 							value: e.value,
 							icon: e.icon
 						}, e.title))
 					}),
-					/* @__PURE__ */ S("section", {
+					/* @__PURE__ */ y("section", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ y("div", {
 							className: "mb-4 flex items-center justify-between",
-							children: [/* @__PURE__ */ x("h2", {
+							children: [/* @__PURE__ */ v("h2", {
 								className: "text-lg font-semibold text-text-primary",
 								children: "Recent sales"
-							}), /* @__PURE__ */ S("button", {
+							}), /* @__PURE__ */ y("button", {
 								type: "button",
 								onClick: () => void Y(),
 								className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary",
-								children: [/* @__PURE__ */ x(v, { className: "size-4" }), "Refresh"]
+								children: [/* @__PURE__ */ v(h, { className: "size-4" }), "Refresh"]
 							})]
-						}), B.sales.length === 0 ? /* @__PURE__ */ x(r, {
-							icon: /* @__PURE__ */ x(g, { className: "size-8" }),
+						}), B.sales.length === 0 ? /* @__PURE__ */ v(x, {
+							illustration: "empty-data",
 							title: "No sales yet",
 							description: "Sales will appear here when customers start purchasing your apps."
-						}) : /* @__PURE__ */ x(C, {
+						}) : /* @__PURE__ */ v(C, {
 							data: B.sales,
 							rowKey: (e) => e.id,
 							columns: w
 						})]
 					}),
-					/* @__PURE__ */ S("section", {
+					/* @__PURE__ */ y("section", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-						children: [/* @__PURE__ */ x("h2", {
+						children: [/* @__PURE__ */ v("h2", {
 							className: "mb-4 text-lg font-semibold text-text-primary",
 							children: "Payouts"
-						}), B.payouts.length === 0 ? /* @__PURE__ */ x(r, {
-							icon: /* @__PURE__ */ x(y, { className: "size-8" }),
+						}), B.payouts.length === 0 ? /* @__PURE__ */ v(x, {
+							illustration: "empty-data",
 							title: "No payouts yet",
 							description: "Scheduled and completed payouts will appear here."
-						}) : /* @__PURE__ */ x(C, {
+						}) : /* @__PURE__ */ v(C, {
 							data: B.payouts,
 							rowKey: (e) => e.id,
 							columns: T
 						})]
 					})
 				]
-			}) : /* @__PURE__ */ x(r, {
-				icon: /* @__PURE__ */ x(g, { className: "size-8" }),
+			}) : /* @__PURE__ */ v(x, {
+				illustration: "empty-data",
 				title: "No developer portal revenue yet",
 				description: "Marketplace revenue will appear here once your developer organization records sales."
-			}) : I ? /* @__PURE__ */ S("div", {
+			}) : I ? /* @__PURE__ */ y("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ x("div", {
-					className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4",
-					children: X.map((e) => /* @__PURE__ */ x(n, {
-						label: e.title,
-						value: e.value,
-						icon: e.icon
-					}, e.title))
-				}), Q.length > 0 ? /* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ v(b, {
+					className: "p-4 sm:p-5",
+					children: /* @__PURE__ */ v("div", {
+						className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4",
+						children: X.map((e) => /* @__PURE__ */ v(n, {
+							label: e.title,
+							value: e.value,
+							icon: e.icon
+						}, e.title))
+					})
+				}), Q.length > 0 ? /* @__PURE__ */ v("div", {
 					className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3",
-					children: Q.map((e) => /* @__PURE__ */ S("div", {
+					children: Q.map((e) => /* @__PURE__ */ y("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
 						children: [
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
 								children: e.title
 							}),
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ v("p", {
 								className: "mt-2 text-xl font-semibold text-text-primary",
 								children: e.value
 							}),
-							/* @__PURE__ */ x("p", {
+							/* @__PURE__ */ v("p", {
 								className: "mt-1 text-xs text-text-secondary",
 								children: e.helperText
 							})
@@ -312,53 +315,53 @@ var w = [
 					}, e.title))
 				}) : null]
 			}) : null,
-			K && !s(K) ? /* @__PURE__ */ x("div", {
+			K && !a(K) ? /* @__PURE__ */ v("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface p-4 text-sm text-status-error-text",
 				children: K.message
 			}) : null,
-			/* @__PURE__ */ S("section", {
+			/* @__PURE__ */ y("section", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "mb-4 flex items-center justify-between",
-					children: [/* @__PURE__ */ x("h2", {
+					children: [/* @__PURE__ */ v("h2", {
 						className: "text-lg font-semibold text-text-primary",
 						children: "Ledger"
-					}), /* @__PURE__ */ S("div", {
+					}), /* @__PURE__ */ y("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ S("select", {
+						children: [/* @__PURE__ */ y("select", {
 							value: H,
 							onChange: (e) => U(e.target.value),
 							className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 							children: [
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ v("option", {
 									value: "ALL",
 									children: "All sources"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ v("option", {
 									value: "AFFILIATE",
 									children: "Affiliate"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ v("option", {
 									value: "STORE",
 									children: "Store"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ v("option", {
 									value: "OTHER",
 									children: "Other"
 								})
 							]
-						}), /* @__PURE__ */ S("button", {
+						}), /* @__PURE__ */ y("button", {
 							type: "button",
 							onClick: () => void Y(),
 							className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary",
-							children: [/* @__PURE__ */ x(v, { className: "size-4" }), "Refresh"]
+							children: [/* @__PURE__ */ v(h, { className: "size-4" }), "Refresh"]
 						})]
 					})]
-				}), Z.length === 0 && !W ? /* @__PURE__ */ x(r, {
-					icon: /* @__PURE__ */ x(g, { className: "size-8" }),
+				}), Z.length === 0 && !W ? /* @__PURE__ */ v(x, {
+					illustration: "empty-data",
 					title: "No earnings yet",
 					description: "Eligible affiliate rewards and other earnings will appear here."
-				}) : /* @__PURE__ */ x(C, {
+				}) : /* @__PURE__ */ v(C, {
 					data: Z,
 					rowKey: (e) => e.id,
 					columns: E

package/dist/billing/modules/earnings/pages/EarningsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EarningsPage.js","names":[],"sources":["../../../../../src/billing/modules/earnings/pages/EarningsPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type FC } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Coins, HandCoins, RefreshCw, Wallet } from 'lucide-react';\nimport { ResponsiveTable, type ResponsiveTableColumn } from '@burdenoff/fe-libs/ui';\n\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport {\n  AccessDenied,\n  EmptyState,\n  PageHeader,\n  ServerError,\n  StatCard,\n} from '../../../shared/components';\nimport { formatCurrency, formatDateTime, isServerError } from '../../../shared/utils';\nimport { useGetDefaultBillingAccountSettingsQuery } from '../../../../generated/global-operations';\nimport {\n  fetchEarningsEntries,\n  fetchEarningsSummary,\n  fetchDeveloperPortalRevenueDashboard,\n  type DeveloperPortalRevenueDashboard,\n  type DeveloperPortalRevenueSale,\n  type DeveloperPortalRevenuePayout,\n  type EarningsEntry,\n  type EarningsSummary,\n} from '../api';\n\ntype EarningsSourceFilter = 'ALL' | 'AFFILIATE' | 'STORE' | 'OTHER';\n\nconst salesColumns: ResponsiveTableColumn<DeveloperPortalRevenueSale>[] = [\n  {\n    key: 'application',\n    header: 'Application',\n    priority: 'primary',\n    cell: (sale) => sale.application?.name || sale.application?.slug || 'Unknown app',\n  },\n  { key: 'pricing', header: 'Pricing', cell: (sale) => sale.pricingModel },\n  {\n    key: 'gross',\n    header: 'Gross',\n    cell: (sale) => (\n      <span className=\"tabular-nums\">\n        {formatCurrency(sale.grossAmount, sale.currency || 'USD')}\n      </span>\n    ),\n  },\n  {\n    key: 'net',\n    header: 'Net',\n    cell: (sale) => (\n      <span className=\"tabular-nums\">\n        {formatCurrency(sale.netAmount, sale.currency || 'USD')}\n      </span>\n    ),\n  },\n  { key: 'status', header: 'Status', cell: (sale) => sale.status },\n  {\n    key: 'purchased',\n    header: 'Purchased',\n    cell: (sale) => formatDateTime(sale.purchasedAt),\n  },\n];\n\nconst payoutColumns: ResponsiveTableColumn<DeveloperPortalRevenuePayout>[] = [\n  {\n    key: 'period',\n    header: 'Period',\n    priority: 'primary',\n    cell: (payout) => payout.periodLabel || '-',\n  },\n  {\n    key: 'amount',\n    header: 'Amount',\n    cell: (payout) => (\n      <span className=\"tabular-nums\">\n        {formatCurrency(payout.netAmount, payout.currency || 'USD')}\n      </span>\n    ),\n  },\n  { key: 'status', header: 'Status', cell: (payout) => payout.status },\n  {\n    key: 'scheduled',\n    header: 'Scheduled',\n    cell: (payout) => (payout.scheduledAt ? formatDateTime(payout.scheduledAt) : '-'),\n  },\n  {\n    key: 'completed',\n    header: 'Completed',\n    cell: (payout) => (payout.completedAt ? formatDateTime(payout.completedAt) : '-'),\n  },\n];\n\nconst ledgerColumns: ResponsiveTableColumn<EarningsEntry>[] = [\n  {\n    key: 'category',\n    header: 'Category',\n    priority: 'primary',\n    cell: (entry) => entry.sourceCategory,\n  },\n  {\n    key: 'description',\n    header: 'Description',\n    cell: (entry) => entry.description || entry.sourceSubcategory || '-',\n  },\n  { key: 'unit', header: 'Unit', cell: (entry) => entry.unitType },\n  {\n    key: 'amount',\n    header: 'Amount',\n    cell: (entry) => (\n      <span className=\"tabular-nums\">\n        {entry.unitType === 'CREDITS'\n          ? `${entry.amount.toLocaleString()} credits`\n          : formatCurrency(entry.amount, entry.currency || 'USD')}\n      </span>\n    ),\n  },\n  { key: 'status', header: 'Status', cell: (entry) => entry.status },\n  {\n    key: 'created',\n    header: 'Created',\n    cell: (entry) => formatDateTime(entry.createdAt),\n  },\n];\n\nexport const EarningsPage: FC = () => {\n  const [searchParams] = useSearchParams();\n  const permissions = useBillingPermissions();\n  const { apiGatewayUrl, authToken, orgId } = useBilling();\n  const developerOrgId = searchParams.get('developerOrgId');\n  const developerOrgName = searchParams.get('developerOrgName');\n  const { data: billingAccountData, loading: billingAccountLoading } =\n    useGetDefaultBillingAccountSettingsQuery({});\n\n  const billingAccountId = billingAccountData?.getDefaultBillingAccount?.id;\n  const [summary, setSummary] = useState<EarningsSummary | null>(null);\n  const [entries, setEntries] = useState<EarningsEntry[]>([]);\n  const [developerPortalRevenue, setDeveloperPortalRevenue] =\n    useState<DeveloperPortalRevenueDashboard | null>(null);\n  const [sourceFilter, setSourceFilter] = useState<EarningsSourceFilter>('ALL');\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  const requestContext = useMemo(\n    () => ({\n      apiGatewayUrl,\n      authToken,\n      orgId,\n    }),\n    [apiGatewayUrl, authToken, orgId]\n  );\n\n  const loadData = async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      if (developerOrgId) {\n        const loadedRevenue = await fetchDeveloperPortalRevenueDashboard(\n          developerOrgId,\n          requestContext\n        );\n        setDeveloperPortalRevenue(loadedRevenue);\n        setSummary(null);\n        setEntries([]);\n        return;\n      }\n\n      if (!billingAccountId) {\n        setSummary(null);\n        setEntries([]);\n        setDeveloperPortalRevenue(null);\n        return;\n      }\n\n      const [loadedSummary, loadedEntries] = await Promise.all([\n        fetchEarningsSummary(billingAccountId, requestContext),\n        fetchEarningsEntries(billingAccountId, requestContext),\n      ]);\n      setSummary(loadedSummary);\n      setEntries(loadedEntries);\n      setDeveloperPortalRevenue(null);\n    } catch (loadError) {\n      setError(loadError instanceof Error ? loadError : new Error('Failed to load earnings'));\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    void loadData();\n  }, [billingAccountId, developerOrgId, requestContext]);\n\n  if (!permissions.canViewBillingAccount) {\n    return <AccessDenied message=\"You don't have permission to view earnings.\" />;\n  }\n\n  if (!developerOrgId && !billingAccountId && !billingAccountLoading) {\n    return (\n      <EmptyState\n        icon={<Wallet className=\"size-8\" />}\n        title=\"No billing account found\"\n        description=\"Create a billing account first to view earnings.\"\n      />\n    );\n  }\n\n  if (error && isServerError(error)) {\n    return (\n      <ServerError\n        title=\"Earnings unavailable\"\n        message={error.message}\n        onRetry={() => void loadData()}\n        showRetry\n      />\n    );\n  }\n\n  const cards = summary\n    ? [\n        {\n          title: 'Available',\n          value: formatCurrency(summary.availableAmount, 'USD'),\n          icon: <HandCoins className=\"size-5\" />,\n        },\n        {\n          title: 'Reserved',\n          value: formatCurrency(summary.reservedAmount, 'USD'),\n          icon: <Coins className=\"size-5\" />,\n        },\n        {\n          title: 'Paid out',\n          value: formatCurrency(summary.paidAmount, 'USD'),\n          icon: <Wallet className=\"size-5\" />,\n        },\n        {\n          title: 'Lifetime',\n          value: formatCurrency(summary.totalLifetimeAmount, 'USD'),\n          icon: <RefreshCw className=\"size-5\" />,\n        },\n      ]\n    : [];\n\n  const filteredEntries =\n    sourceFilter === 'ALL'\n      ? entries\n      : entries.filter((entry) => entry.sourceCategory === sourceFilter);\n\n  const categoryCards =\n    summary?.categoryBreakdown?.map((item) => ({\n      title: `${item.category} earnings`,\n      value: formatCurrency(item.amount, 'USD'),\n      helperText: `${item.count} entries`,\n    })) ?? [];\n\n  const developerPortalCards = developerPortalRevenue?.summary\n    ? [\n        {\n          title: 'Gross revenue',\n          value: formatCurrency(developerPortalRevenue.summary.totalGrossRevenue, 'USD'),\n          icon: <HandCoins className=\"size-5\" />,\n        },\n        {\n          title: 'Net revenue',\n          value: formatCurrency(developerPortalRevenue.summary.totalNetRevenue, 'USD'),\n          icon: <Wallet className=\"size-5\" />,\n        },\n        {\n          title: 'Pending balance',\n          value: formatCurrency(developerPortalRevenue.summary.pendingBalance, 'USD'),\n          icon: <Coins className=\"size-5\" />,\n        },\n        {\n          title: 'Platform fees',\n          value: formatCurrency(developerPortalRevenue.summary.totalPlatformFees, 'USD'),\n          icon: <RefreshCw className=\"size-5\" />,\n        },\n      ]\n    : [];\n\n  const isDeveloperPortalMode = !!developerOrgId;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PageHeader\n        title={isDeveloperPortalMode ? 'Marketplace earnings' : 'Earnings'}\n        description={\n          isDeveloperPortalMode\n            ? `Developer portal revenue, sales, and payouts${developerOrgName ? ` for ${developerOrgName}` : ''}.`\n            : 'Track affiliate, store, and other earning sources in one ledger.'\n        }\n      />\n\n      {loading ? (\n        <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n          {[1, 2, 3, 4].map((item) => (\n            <div\n              key={item}\n              className=\"h-28 animate-pulse rounded-lg border border-border-subtle bg-bg-surface\"\n            />\n          ))}\n        </div>\n      ) : isDeveloperPortalMode ? (\n        developerPortalRevenue?.summary ? (\n          <div className=\"space-y-6\">\n            <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n              {developerPortalCards.map((card) => (\n                <StatCard key={card.title} label={card.title} value={card.value} icon={card.icon} />\n              ))}\n            </div>\n\n            <section className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n              <div className=\"mb-4 flex items-center justify-between\">\n                <h2 className=\"text-lg font-semibold text-text-primary\">Recent sales</h2>\n                <button\n                  type=\"button\"\n                  onClick={() => void loadData()}\n                  className=\"inline-flex items-center gap-2 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary\"\n                >\n                  <RefreshCw className=\"size-4\" />\n                  Refresh\n                </button>\n              </div>\n\n              {developerPortalRevenue.sales.length === 0 ? (\n                <EmptyState\n                  icon={<Coins className=\"size-8\" />}\n                  title=\"No sales yet\"\n                  description=\"Sales will appear here when customers start purchasing your apps.\"\n                />\n              ) : (\n                <ResponsiveTable\n                  data={developerPortalRevenue.sales}\n                  rowKey={(sale) => sale.id}\n                  columns={salesColumns}\n                />\n              )}\n            </section>\n\n            <section className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n              <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Payouts</h2>\n\n              {developerPortalRevenue.payouts.length === 0 ? (\n                <EmptyState\n                  icon={<Wallet className=\"size-8\" />}\n                  title=\"No payouts yet\"\n                  description=\"Scheduled and completed payouts will appear here.\"\n                />\n              ) : (\n                <ResponsiveTable\n                  data={developerPortalRevenue.payouts}\n                  rowKey={(payout) => payout.id}\n                  columns={payoutColumns}\n                />\n              )}\n            </section>\n          </div>\n        ) : (\n          <EmptyState\n            icon={<Coins className=\"size-8\" />}\n            title=\"No developer portal revenue yet\"\n            description=\"Marketplace revenue will appear here once your developer organization records sales.\"\n          />\n        )\n      ) : summary ? (\n        <div className=\"space-y-4\">\n          <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n            {cards.map((card) => (\n              <StatCard key={card.title} label={card.title} value={card.value} icon={card.icon} />\n            ))}\n          </div>\n          {categoryCards.length > 0 ? (\n            <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-3\">\n              {categoryCards.map((card) => (\n                <div key={card.title} className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n                  <p className=\"text-sm text-text-secondary\">{card.title}</p>\n                  <p className=\"mt-2 text-xl font-semibold text-text-primary\">{card.value}</p>\n                  <p className=\"mt-1 text-xs text-text-secondary\">{card.helperText}</p>\n                </div>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n\n      {error && !isServerError(error) ? (\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 text-sm text-status-error-text\">\n          {error.message}\n        </div>\n      ) : null}\n\n      <section className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Ledger</h2>\n          <div className=\"flex items-center gap-3\">\n            <select\n              value={sourceFilter}\n              onChange={(event) => setSourceFilter(event.target.value as EarningsSourceFilter)}\n              className=\"rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            >\n              <option value=\"ALL\">All sources</option>\n              <option value=\"AFFILIATE\">Affiliate</option>\n              <option value=\"STORE\">Store</option>\n              <option value=\"OTHER\">Other</option>\n            </select>\n            <button\n              type=\"button\"\n              onClick={() => void loadData()}\n              className=\"inline-flex items-center gap-2 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary\"\n            >\n              <RefreshCw className=\"size-4\" />\n              Refresh\n            </button>\n          </div>\n        </div>\n\n        {filteredEntries.length === 0 && !loading ? (\n          <EmptyState\n            icon={<Coins className=\"size-8\" />}\n            title=\"No earnings yet\"\n            description=\"Eligible affiliate rewards and other earnings will appear here.\"\n          />\n        ) : (\n          <ResponsiveTable\n            data={filteredEntries}\n            rowKey={(entry) => entry.id}\n            columns={ledgerColumns}\n          />\n        )}\n      </section>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"EarningsPage.js","names":[],"sources":["../../../../../src/billing/modules/earnings/pages/EarningsPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type FC } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Coins, HandCoins, RefreshCw, Wallet } from 'lucide-react';\nimport {\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n  PagePurpose,\n  EmphasisPanel,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\n\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { AccessDenied, PageHeader, ServerError, StatCard } from '../../../shared/components';\nimport { formatCurrency, formatDateTime, isServerError } from '../../../shared/utils';\nimport { useGetDefaultBillingAccountSettingsQuery } from '../../../../generated/global-operations';\nimport {\n  fetchEarningsEntries,\n  fetchEarningsSummary,\n  fetchDeveloperPortalRevenueDashboard,\n  type DeveloperPortalRevenueDashboard,\n  type DeveloperPortalRevenueSale,\n  type DeveloperPortalRevenuePayout,\n  type EarningsEntry,\n  type EarningsSummary,\n} from '../api';\n\ntype EarningsSourceFilter = 'ALL' | 'AFFILIATE' | 'STORE' | 'OTHER';\n\nconst salesColumns: ResponsiveTableColumn<DeveloperPortalRevenueSale>[] = [\n  {\n    key: 'application',\n    header: 'Application',\n    priority: 'primary',\n    cell: (sale) => sale.application?.name || sale.application?.slug || 'Unknown app',\n  },\n  { key: 'pricing', header: 'Pricing', cell: (sale) => sale.pricingModel },\n  {\n    key: 'gross',\n    header: 'Gross',\n    cell: (sale) => (\n      <span className=\"tabular-nums\">\n        {formatCurrency(sale.grossAmount, sale.currency || 'USD')}\n      </span>\n    ),\n  },\n  {\n    key: 'net',\n    header: 'Net',\n    cell: (sale) => (\n      <span className=\"tabular-nums\">{formatCurrency(sale.netAmount, sale.currency || 'USD')}</span>\n    ),\n  },\n  { key: 'status', header: 'Status', cell: (sale) => sale.status },\n  {\n    key: 'purchased',\n    header: 'Purchased',\n    cell: (sale) => formatDateTime(sale.purchasedAt),\n  },\n];\n\nconst payoutColumns: ResponsiveTableColumn<DeveloperPortalRevenuePayout>[] = [\n  {\n    key: 'period',\n    header: 'Period',\n    priority: 'primary',\n    cell: (payout) => payout.periodLabel || '-',\n  },\n  {\n    key: 'amount',\n    header: 'Amount',\n    cell: (payout) => (\n      <span className=\"tabular-nums\">\n        {formatCurrency(payout.netAmount, payout.currency || 'USD')}\n      </span>\n    ),\n  },\n  { key: 'status', header: 'Status', cell: (payout) => payout.status },\n  {\n    key: 'scheduled',\n    header: 'Scheduled',\n    cell: (payout) => (payout.scheduledAt ? formatDateTime(payout.scheduledAt) : '-'),\n  },\n  {\n    key: 'completed',\n    header: 'Completed',\n    cell: (payout) => (payout.completedAt ? formatDateTime(payout.completedAt) : '-'),\n  },\n];\n\nconst ledgerColumns: ResponsiveTableColumn<EarningsEntry>[] = [\n  {\n    key: 'category',\n    header: 'Category',\n    priority: 'primary',\n    cell: (entry) => entry.sourceCategory,\n  },\n  {\n    key: 'description',\n    header: 'Description',\n    cell: (entry) => entry.description || entry.sourceSubcategory || '-',\n  },\n  { key: 'unit', header: 'Unit', cell: (entry) => entry.unitType },\n  {\n    key: 'amount',\n    header: 'Amount',\n    cell: (entry) => (\n      <span className=\"tabular-nums\">\n        {entry.unitType === 'CREDITS'\n          ? `${entry.amount.toLocaleString()} credits`\n          : formatCurrency(entry.amount, entry.currency || 'USD')}\n      </span>\n    ),\n  },\n  { key: 'status', header: 'Status', cell: (entry) => entry.status },\n  {\n    key: 'created',\n    header: 'Created',\n    cell: (entry) => formatDateTime(entry.createdAt),\n  },\n];\n\nexport const EarningsPage: FC = () => {\n  const [searchParams] = useSearchParams();\n  const permissions = useBillingPermissions();\n  const { apiGatewayUrl, authToken, orgId } = useBilling();\n  const developerOrgId = searchParams.get('developerOrgId');\n  const developerOrgName = searchParams.get('developerOrgName');\n  const { data: billingAccountData, loading: billingAccountLoading } =\n    useGetDefaultBillingAccountSettingsQuery({});\n\n  const billingAccountId = billingAccountData?.getDefaultBillingAccount?.id;\n  const [summary, setSummary] = useState<EarningsSummary | null>(null);\n  const [entries, setEntries] = useState<EarningsEntry[]>([]);\n  const [developerPortalRevenue, setDeveloperPortalRevenue] =\n    useState<DeveloperPortalRevenueDashboard | null>(null);\n  const [sourceFilter, setSourceFilter] = useState<EarningsSourceFilter>('ALL');\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  const requestContext = useMemo(\n    () => ({\n      apiGatewayUrl,\n      authToken,\n      orgId,\n    }),\n    [apiGatewayUrl, authToken, orgId]\n  );\n\n  const loadData = async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      if (developerOrgId) {\n        const loadedRevenue = await fetchDeveloperPortalRevenueDashboard(\n          developerOrgId,\n          requestContext\n        );\n        setDeveloperPortalRevenue(loadedRevenue);\n        setSummary(null);\n        setEntries([]);\n        return;\n      }\n\n      if (!billingAccountId) {\n        setSummary(null);\n        setEntries([]);\n        setDeveloperPortalRevenue(null);\n        return;\n      }\n\n      const [loadedSummary, loadedEntries] = await Promise.all([\n        fetchEarningsSummary(billingAccountId, requestContext),\n        fetchEarningsEntries(billingAccountId, requestContext),\n      ]);\n      setSummary(loadedSummary);\n      setEntries(loadedEntries);\n      setDeveloperPortalRevenue(null);\n    } catch (loadError) {\n      setError(loadError instanceof Error ? loadError : new Error('Failed to load earnings'));\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    void loadData();\n  }, [billingAccountId, developerOrgId, requestContext]);\n\n  if (!permissions.canViewBillingAccount) {\n    return <AccessDenied message=\"You don't have permission to view earnings.\" />;\n  }\n\n  if (!developerOrgId && !billingAccountId && !billingAccountLoading) {\n    return (\n      <IllustratedEmptyState\n        illustration=\"empty-generic\"\n        title=\"No billing account found\"\n        description=\"Create a billing account first to view earnings.\"\n      />\n    );\n  }\n\n  if (error && isServerError(error)) {\n    return (\n      <ServerError\n        title=\"Earnings unavailable\"\n        message={error.message}\n        onRetry={() => void loadData()}\n        showRetry\n      />\n    );\n  }\n\n  const cards = summary\n    ? [\n        {\n          title: 'Available',\n          value: formatCurrency(summary.availableAmount, 'USD'),\n          icon: <HandCoins className=\"size-5\" />,\n        },\n        {\n          title: 'Reserved',\n          value: formatCurrency(summary.reservedAmount, 'USD'),\n          icon: <Coins className=\"size-5\" />,\n        },\n        {\n          title: 'Paid out',\n          value: formatCurrency(summary.paidAmount, 'USD'),\n          icon: <Wallet className=\"size-5\" />,\n        },\n        {\n          title: 'Lifetime',\n          value: formatCurrency(summary.totalLifetimeAmount, 'USD'),\n          icon: <RefreshCw className=\"size-5\" />,\n        },\n      ]\n    : [];\n\n  const filteredEntries =\n    sourceFilter === 'ALL'\n      ? entries\n      : entries.filter((entry) => entry.sourceCategory === sourceFilter);\n\n  const categoryCards =\n    summary?.categoryBreakdown?.map((item) => ({\n      title: `${item.category} earnings`,\n      value: formatCurrency(item.amount, 'USD'),\n      helperText: `${item.count} entries`,\n    })) ?? [];\n\n  const developerPortalCards = developerPortalRevenue?.summary\n    ? [\n        {\n          title: 'Gross revenue',\n          value: formatCurrency(developerPortalRevenue.summary.totalGrossRevenue, 'USD'),\n          icon: <HandCoins className=\"size-5\" />,\n        },\n        {\n          title: 'Net revenue',\n          value: formatCurrency(developerPortalRevenue.summary.totalNetRevenue, 'USD'),\n          icon: <Wallet className=\"size-5\" />,\n        },\n        {\n          title: 'Pending balance',\n          value: formatCurrency(developerPortalRevenue.summary.pendingBalance, 'USD'),\n          icon: <Coins className=\"size-5\" />,\n        },\n        {\n          title: 'Platform fees',\n          value: formatCurrency(developerPortalRevenue.summary.totalPlatformFees, 'USD'),\n          icon: <RefreshCw className=\"size-5\" />,\n        },\n      ]\n    : [];\n\n  const isDeveloperPortalMode = !!developerOrgId;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PageHeader\n        title={isDeveloperPortalMode ? 'Marketplace earnings' : 'Earnings'}\n        description={\n          isDeveloperPortalMode\n            ? `Developer portal revenue, sales, and payouts${developerOrgName ? ` for ${developerOrgName}` : ''}.`\n            : 'Track affiliate, store, and other earning sources in one ledger.'\n        }\n      />\n\n      <PagePurpose>\n        See everything you have earned — from affiliate rewards, store sales and marketplace revenue\n        — in one ledger, along with how much has been paid out and what is still pending. Filter by\n        source to reconcile a specific stream.\n      </PagePurpose>\n\n      {loading ? (\n        <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n          {[1, 2, 3, 4].map((item) => (\n            <div\n              key={item}\n              className=\"h-28 animate-pulse rounded-lg border border-border-subtle bg-bg-surface\"\n            />\n          ))}\n        </div>\n      ) : isDeveloperPortalMode ? (\n        developerPortalRevenue?.summary ? (\n          <div className=\"space-y-6\">\n            <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n              {developerPortalCards.map((card) => (\n                <StatCard key={card.title} label={card.title} value={card.value} icon={card.icon} />\n              ))}\n            </div>\n\n            <section className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n              <div className=\"mb-4 flex items-center justify-between\">\n                <h2 className=\"text-lg font-semibold text-text-primary\">Recent sales</h2>\n                <button\n                  type=\"button\"\n                  onClick={() => void loadData()}\n                  className=\"inline-flex items-center gap-2 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary\"\n                >\n                  <RefreshCw className=\"size-4\" />\n                  Refresh\n                </button>\n              </div>\n\n              {developerPortalRevenue.sales.length === 0 ? (\n                <IllustratedEmptyState\n                  illustration=\"empty-data\"\n                  title=\"No sales yet\"\n                  description=\"Sales will appear here when customers start purchasing your apps.\"\n                />\n              ) : (\n                <ResponsiveTable\n                  data={developerPortalRevenue.sales}\n                  rowKey={(sale) => sale.id}\n                  columns={salesColumns}\n                />\n              )}\n            </section>\n\n            <section className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n              <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Payouts</h2>\n\n              {developerPortalRevenue.payouts.length === 0 ? (\n                <IllustratedEmptyState\n                  illustration=\"empty-data\"\n                  title=\"No payouts yet\"\n                  description=\"Scheduled and completed payouts will appear here.\"\n                />\n              ) : (\n                <ResponsiveTable\n                  data={developerPortalRevenue.payouts}\n                  rowKey={(payout) => payout.id}\n                  columns={payoutColumns}\n                />\n              )}\n            </section>\n          </div>\n        ) : (\n          <IllustratedEmptyState\n            illustration=\"empty-data\"\n            title=\"No developer portal revenue yet\"\n            description=\"Marketplace revenue will appear here once your developer organization records sales.\"\n          />\n        )\n      ) : summary ? (\n        <div className=\"space-y-4\">\n          <EmphasisPanel className=\"p-4 sm:p-5\">\n            <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-4\">\n              {cards.map((card) => (\n                <StatCard key={card.title} label={card.title} value={card.value} icon={card.icon} />\n              ))}\n            </div>\n          </EmphasisPanel>\n          {categoryCards.length > 0 ? (\n            <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-3\">\n              {categoryCards.map((card) => (\n                <div\n                  key={card.title}\n                  className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\"\n                >\n                  <p className=\"text-sm text-text-secondary\">{card.title}</p>\n                  <p className=\"mt-2 text-xl font-semibold text-text-primary\">{card.value}</p>\n                  <p className=\"mt-1 text-xs text-text-secondary\">{card.helperText}</p>\n                </div>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n\n      {error && !isServerError(error) ? (\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 text-sm text-status-error-text\">\n          {error.message}\n        </div>\n      ) : null}\n\n      <section className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Ledger</h2>\n          <div className=\"flex items-center gap-3\">\n            <select\n              value={sourceFilter}\n              onChange={(event) => setSourceFilter(event.target.value as EarningsSourceFilter)}\n              className=\"rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            >\n              <option value=\"ALL\">All sources</option>\n              <option value=\"AFFILIATE\">Affiliate</option>\n              <option value=\"STORE\">Store</option>\n              <option value=\"OTHER\">Other</option>\n            </select>\n            <button\n              type=\"button\"\n              onClick={() => void loadData()}\n              className=\"inline-flex items-center gap-2 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary\"\n            >\n              <RefreshCw className=\"size-4\" />\n              Refresh\n            </button>\n          </div>\n        </div>\n\n        {filteredEntries.length === 0 && !loading ? (\n          <IllustratedEmptyState\n            illustration=\"empty-data\"\n            title=\"No earnings yet\"\n            description=\"Eligible affiliate rewards and other earnings will appear here.\"\n          />\n        ) : (\n          <ResponsiveTable\n            data={filteredEntries}\n            rowKey={(entry) => entry.id}\n            columns={ledgerColumns}\n          />\n        )}\n      </section>\n    </div>\n  );\n};\n"],"mappings":"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"}