@burdenoff/microfe-billing 2026.706.1 → 2026.708.1

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

@@ -0,0 +1,438 @@
+import { useBilling as e } from "../../../providers/BillingProvider.js";
+import { AccessDenied as t } from "../../../shared/components/AccessDenied.js";
+import { PageHeader as n } from "../../../shared/components/PageHeader.js";
+import { ServerError as r } from "../../../shared/components/ServerError.js";
+import "../../../shared/components/index.js";
+import { formatCurrency as i, formatDateTime as a } from "../../../shared/utils/format.js";
+import { isServerError as o } from "../../../shared/utils/error.js";
+import "../../../shared/utils/index.js";
+import { useBillingPermissions as s } from "../../../hooks/useBillingPermissions.js";
+import { fetchAdminDeveloperRevenueOrgDetail as c, fetchAdminDeveloperRevenueOrgs as l, retrySaleCreditSync as u } from "../api.js";
+import { useEffect as d, useMemo as f, useState as p } from "react";
+import { Building2 as m, CreditCard as h, DollarSign as g, Loader2 as _, Receipt as v, Wallet as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { PagePurpose as C, ResponsiveDialog as w, ResponsiveDialogContent as T, ResponsiveDialogDescription as E, ResponsiveDialogFooter as D, ResponsiveDialogHeader as O, ResponsiveDialogTitle as k } from "@burdenoff/fe-libs/ui";
+//#region src/billing/modules/earnings/pages/DeveloperRevenueAdminPage.tsx
+function A({ orgs: e }) {
+	let t = f(() => e.reduce((e, t) => ({
+		totalRevenue: e.totalRevenue + t.totalRevenue,
+		totalPlatformFees: e.totalPlatformFees + t.totalPlatformFees,
+		pendingBalance: e.pendingBalance + t.pendingBalance,
+		totalPayouts: e.totalPayouts + t.totalPayouts
+	}), {
+		totalRevenue: 0,
+		totalPlatformFees: 0,
+		pendingBalance: 0,
+		totalPayouts: 0
+	}), [e]);
+	return /* @__PURE__ */ S("div", {
+		className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4",
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-elevation-1)]",
+				children: [/* @__PURE__ */ x("div", {
+					className: "text-xs uppercase tracking-wide text-text-muted",
+					children: "Gross revenue"
+				}), /* @__PURE__ */ S("div", {
+					className: "mt-1 flex items-center gap-2 text-lg font-semibold text-text-primary",
+					children: [/* @__PURE__ */ x(g, { className: "size-4 text-text-muted" }), i(t.totalRevenue, "USD")]
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-elevation-1)]",
+				children: [/* @__PURE__ */ x("div", {
+					className: "text-xs uppercase tracking-wide text-text-muted",
+					children: "Platform fees"
+				}), /* @__PURE__ */ S("div", {
+					className: "mt-1 flex items-center gap-2 text-lg font-semibold text-text-primary",
+					children: [/* @__PURE__ */ x(v, { className: "size-4 text-text-muted" }), i(t.totalPlatformFees, "USD")]
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-elevation-1)]",
+				children: [/* @__PURE__ */ x("div", {
+					className: "text-xs uppercase tracking-wide text-text-muted",
+					children: "Pending earned credits"
+				}), /* @__PURE__ */ S("div", {
+					className: "mt-1 flex items-center gap-2 text-lg font-semibold text-text-primary",
+					children: [/* @__PURE__ */ x(y, { className: "size-4 text-text-muted" }), i(t.pendingBalance, "USD")]
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-elevation-1)]",
+				children: [/* @__PURE__ */ x("div", {
+					className: "text-xs uppercase tracking-wide text-text-muted",
+					children: "Already withdrawn"
+				}), /* @__PURE__ */ S("div", {
+					className: "mt-1 flex items-center gap-2 text-lg font-semibold text-text-primary",
+					children: [/* @__PURE__ */ x(m, { className: "size-4 text-text-muted" }), i(t.totalPayouts, "USD")]
+				})]
+			})
+		]
+	});
+}
+function j({ org: e, detail: t, loading: n, error: r, retryingSaleId: o, onRetrySale: s, onClose: c }) {
+	return /* @__PURE__ */ x(w, {
+		open: e !== null,
+		onOpenChange: (e) => !e && c(),
+		children: /* @__PURE__ */ S(T, {
+			className: "sm:max-w-4xl",
+			children: [
+				/* @__PURE__ */ S(O, { children: [/* @__PURE__ */ x(k, { children: e ? `${e.name} revenue details` : "Revenue details" }), /* @__PURE__ */ x(E, { children: "Store revenue is credited into the linked billing account as earned credits. Developers withdraw those credits later through the billing withdrawal flow." })] }),
+				n ? /* @__PURE__ */ x("div", {
+					className: "flex items-center justify-center py-14 text-text-secondary",
+					children: /* @__PURE__ */ x(_, { className: "size-7 animate-spin" })
+				}) : r ? /* @__PURE__ */ x("div", {
+					className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4 text-sm text-status-error-text",
+					children: r.message
+				}) : t && e ? /* @__PURE__ */ S("div", {
+					className: "space-y-5",
+					children: [
+						/* @__PURE__ */ S("div", {
+							className: "grid gap-3 md:grid-cols-4",
+							children: [
+								/* @__PURE__ */ S("div", {
+									className: "rounded-card border border-border-seam bg-bg-surface p-4",
+									children: [
+										/* @__PURE__ */ x("div", {
+											className: "text-xs uppercase tracking-wide text-text-muted",
+											children: "Linked billing account"
+										}),
+										/* @__PURE__ */ x("div", {
+											className: "mt-1 text-sm font-semibold text-text-primary",
+											children: e.billingAccountId ? "Connected" : "Not linked"
+										}),
+										/* @__PURE__ */ x("div", {
+											className: "mt-1 break-all text-xs text-text-muted",
+											children: e.billingAccountId ?? "Revenue cannot be credited until a billing account is linked."
+										})
+									]
+								}),
+								/* @__PURE__ */ S("div", {
+									className: "rounded-card border border-border-seam bg-bg-surface p-4",
+									children: [/* @__PURE__ */ x("div", {
+										className: "text-xs uppercase tracking-wide text-text-muted",
+										children: "Earned credits awaiting withdrawal"
+									}), /* @__PURE__ */ x("div", {
+										className: "mt-1 text-lg font-semibold text-text-primary",
+										children: i(t.summary?.pendingBalance ?? e.pendingBalance, "USD")
+									})]
+								}),
+								/* @__PURE__ */ S("div", {
+									className: "rounded-card border border-border-seam bg-bg-surface p-4",
+									children: [/* @__PURE__ */ x("div", {
+										className: "text-xs uppercase tracking-wide text-text-muted",
+										children: "Unpaid sales"
+									}), /* @__PURE__ */ x("div", {
+										className: "mt-1 text-lg font-semibold text-text-primary",
+										children: t.unpaidSales.totalCount
+									})]
+								}),
+								/* @__PURE__ */ S("div", {
+									className: "rounded-card border border-border-seam bg-bg-surface p-4",
+									children: [/* @__PURE__ */ x("div", {
+										className: "text-xs uppercase tracking-wide text-text-muted",
+										children: "Total sales"
+									}), /* @__PURE__ */ x("div", {
+										className: "mt-1 text-lg font-semibold text-text-primary",
+										children: t.summary?.totalSales ?? 0
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "rounded-card border border-border-seam bg-bg-surface p-4",
+							children: /* @__PURE__ */ S("div", {
+								className: "flex items-start gap-3",
+								children: [/* @__PURE__ */ x(h, { className: "mt-0.5 size-5 text-text-muted" }), /* @__PURE__ */ S("div", {
+									className: "space-y-1 text-sm",
+									children: [
+										/* @__PURE__ */ x("p", {
+											className: "font-medium text-text-primary",
+											children: "Correct payout model"
+										}),
+										/* @__PURE__ */ S("p", {
+											className: "text-text-muted",
+											children: [
+												"Revenue from Store sales is posted into the developer organization's linked billing account as ",
+												/* @__PURE__ */ x("strong", { children: "earned credits" }),
+												". We do not directly send cash to developer-org payment methods from this page."
+											]
+										}),
+										/* @__PURE__ */ x("p", {
+											className: "text-text-muted",
+											children: "If the developer wants to cash out, they use the billing withdrawal flow from their own billing account and payout methods."
+										})
+									]
+								})]
+							})
+						}),
+						/* @__PURE__ */ S("section", {
+							className: "rounded-card border border-border-seam bg-bg-surface p-4",
+							children: [
+								/* @__PURE__ */ x("h3", {
+									className: "text-sm font-semibold text-text-primary",
+									children: "Sales currently contributing to earned credits"
+								}),
+								/* @__PURE__ */ x("p", {
+									className: "mt-1 text-xs text-text-muted",
+									children: "These sales represent revenue that should exist as earned credits in the linked billing account until the developer withdraws them."
+								}),
+								/* @__PURE__ */ x("div", {
+									className: "mt-4 overflow-x-auto",
+									children: /* @__PURE__ */ S("table", {
+										className: "min-w-full text-sm",
+										children: [/* @__PURE__ */ x("thead", {
+											className: "bg-bg-sunken/60 text-left text-xs uppercase tracking-wide text-text-muted",
+											children: /* @__PURE__ */ S("tr", { children: [
+												/* @__PURE__ */ x("th", {
+													className: "px-3 py-2",
+													children: "Application"
+												}),
+												/* @__PURE__ */ x("th", {
+													className: "px-3 py-2",
+													children: "Purchased"
+												}),
+												/* @__PURE__ */ x("th", {
+													className: "px-3 py-2",
+													children: "Net revenue"
+												}),
+												/* @__PURE__ */ x("th", {
+													className: "px-3 py-2",
+													children: "Credit sync"
+												}),
+												/* @__PURE__ */ x("th", {
+													className: "px-3 py-2",
+													children: "Status"
+												})
+											] })
+										}), /* @__PURE__ */ x("tbody", { children: t.unpaidSales.items.length === 0 ? /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ x("td", {
+											colSpan: 5,
+											className: "px-3 py-5 text-center text-sm text-text-muted",
+											children: "No outstanding unpaid sales. Revenue has either not started yet or has already been withdrawn through billing."
+										}) }) : t.unpaidSales.items.map((t) => /* @__PURE__ */ S("tr", {
+											className: "border-t border-border-seam",
+											children: [
+												/* @__PURE__ */ S("td", {
+													className: "px-3 py-2",
+													children: [/* @__PURE__ */ x("div", {
+														className: "font-medium text-text-primary",
+														children: t.application?.name ?? "Unknown app"
+													}), /* @__PURE__ */ S("div", {
+														className: "text-xs text-text-muted",
+														children: ["/", t.application?.slug ?? "unknown"]
+													})]
+												}),
+												/* @__PURE__ */ x("td", {
+													className: "px-3 py-2 text-text-secondary",
+													children: a(t.purchasedAt)
+												}),
+												/* @__PURE__ */ x("td", {
+													className: "px-3 py-2 text-text-primary",
+													children: i(t.netAmount, t.currency)
+												}),
+												/* @__PURE__ */ S("td", {
+													className: "px-3 py-2 text-text-secondary",
+													children: [
+														/* @__PURE__ */ x("div", { children: t.billingCreditSyncStatus ?? "UNKNOWN" }),
+														t.billingCreditSyncError && /* @__PURE__ */ x("div", {
+															className: "mt-1 text-xs text-status-error-text",
+															children: t.billingCreditSyncError
+														}),
+														t.billingCreditSyncStatus !== "SYNCED" && e.billingAccountId && /* @__PURE__ */ x("button", {
+															type: "button",
+															onClick: () => s(t.id),
+															disabled: o === t.id,
+															className: "mt-2 rounded-md border border-border-subtle px-2 py-1 text-xs font-medium text-text-primary disabled:opacity-50",
+															children: o === t.id ? "Retrying…" : "Retry sync"
+														})
+													]
+												}),
+												/* @__PURE__ */ x("td", {
+													className: "px-3 py-2 text-text-secondary",
+													children: t.status
+												})
+											]
+										}, t.id)) })]
+									})
+								})
+							]
+						})
+					]
+				}) : null,
+				/* @__PURE__ */ x(D, { children: /* @__PURE__ */ x("button", {
+					type: "button",
+					onClick: c,
+					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary",
+					children: "Close"
+				}) })
+			]
+		})
+	});
+}
+var M = () => {
+	let a = s(), { apiGatewayUrl: m, authToken: h, orgId: g, navigate: v, basePath: y } = e(), [w, T] = p([]), [E, D] = p(!0), [O, k] = p(null), [M, N] = p(null), [P, F] = p(null), [I, L] = p(!1), [R, z] = p(null), [B, V] = p(null), H = f(() => ({
+		apiGatewayUrl: m,
+		authToken: h,
+		orgId: g
+	}), [
+		m,
+		h,
+		g
+	]), U = async () => {
+		D(!0), k(null);
+		try {
+			T((await l(H)).filter((e) => e.totalRevenue > 0 || e.pendingBalance > 0 || e.totalPayouts > 0));
+		} catch (e) {
+			k(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load developer revenue"));
+		} finally {
+			D(!1);
+		}
+	}, W = async (e) => {
+		N(e), L(!0), z(null);
+		try {
+			F(await c(e.id, H));
+		} catch (e) {
+			F(null), z(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load revenue detail"));
+		} finally {
+			L(!1);
+		}
+	};
+	return d(() => {
+		a.isBillingAdmin && U();
+	}, [a.isBillingAdmin, H]), a.isBillingAdmin ? O && o(O) ? /* @__PURE__ */ x(r, {
+		title: "Developer revenue unavailable",
+		message: O.message,
+		showRetry: !0,
+		onRetry: () => void U()
+	}) : /* @__PURE__ */ S("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ x(n, {
+				title: "Developer revenue",
+				description: "See store-generated revenue across developer organizations and confirm that the earnings are flowing into linked billing accounts as earned credits.",
+				actions: /* @__PURE__ */ x("button", {
+					type: "button",
+					onClick: () => v?.(`${y}/payouts`),
+					className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text",
+					children: "Open billing withdrawal queue"
+				})
+			}),
+			/* @__PURE__ */ x(C, { children: "Developer portal revenue does not pay out directly from this page. Each Store sale is credited into the developer organization's linked billing account as earned credits. Developers then withdraw those credits later using the billing withdrawal flow and their own payout methods." }),
+			E ? /* @__PURE__ */ x("div", {
+				className: "flex items-center justify-center py-16 text-text-secondary",
+				children: /* @__PURE__ */ x(_, { className: "size-8 animate-spin" })
+			}) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(A, { orgs: w }), /* @__PURE__ */ S("div", {
+				className: "overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]",
+				children: [/* @__PURE__ */ S("div", {
+					className: "border-b border-border-seam px-5 py-4",
+					children: [/* @__PURE__ */ x("h2", {
+						className: "text-base font-semibold text-text-primary",
+						children: "Organizations"
+					}), /* @__PURE__ */ x("p", {
+						className: "mt-1 text-sm text-text-muted",
+						children: "Click a row to inspect billing linkage and the unpaid sales behind the current earned-credit balance."
+					})]
+				}), w.length === 0 ? /* @__PURE__ */ x("div", {
+					className: "px-5 py-12 text-center text-sm text-text-muted",
+					children: "No developer revenue has been recorded yet."
+				}) : /* @__PURE__ */ x("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ S("table", {
+						className: "min-w-full text-sm",
+						children: [/* @__PURE__ */ x("thead", {
+							className: "bg-bg-sunken/60 text-left text-xs uppercase tracking-wide text-text-muted",
+							children: /* @__PURE__ */ S("tr", { children: [
+								/* @__PURE__ */ x("th", {
+									className: "px-4 py-3",
+									children: "Organization"
+								}),
+								/* @__PURE__ */ x("th", {
+									className: "px-4 py-3",
+									children: "Billing linked"
+								}),
+								/* @__PURE__ */ x("th", {
+									className: "px-4 py-3",
+									children: "Revenue"
+								}),
+								/* @__PURE__ */ x("th", {
+									className: "px-4 py-3",
+									children: "Platform fee"
+								}),
+								/* @__PURE__ */ x("th", {
+									className: "px-4 py-3",
+									children: "Earned credits pending withdrawal"
+								}),
+								/* @__PURE__ */ x("th", {
+									className: "px-4 py-3",
+									children: "Already withdrawn"
+								})
+							] })
+						}), /* @__PURE__ */ x("tbody", { children: [...w].sort((e, t) => t.pendingBalance - e.pendingBalance).map((e) => /* @__PURE__ */ S("tr", {
+							className: "cursor-pointer border-t border-border-seam transition-colors hover:bg-bg-sunken/30",
+							onClick: () => void W(e),
+							children: [
+								/* @__PURE__ */ S("td", {
+									className: "px-4 py-3",
+									children: [/* @__PURE__ */ x("div", {
+										className: "font-medium text-text-primary",
+										children: e.name
+									}), /* @__PURE__ */ S("div", {
+										className: "text-xs text-text-muted",
+										children: ["/", e.slug]
+									})]
+								}),
+								/* @__PURE__ */ x("td", {
+									className: "px-4 py-3 text-text-secondary",
+									children: e.billingAccountId ? "Yes" : "No"
+								}),
+								/* @__PURE__ */ x("td", {
+									className: "px-4 py-3 text-text-primary",
+									children: i(e.totalRevenue, "USD")
+								}),
+								/* @__PURE__ */ x("td", {
+									className: "px-4 py-3 text-text-secondary",
+									children: i(e.totalPlatformFees, "USD")
+								}),
+								/* @__PURE__ */ x("td", {
+									className: "px-4 py-3 font-medium text-status-warning-text",
+									children: i(e.pendingBalance, "USD")
+								}),
+								/* @__PURE__ */ x("td", {
+									className: "px-4 py-3 text-text-secondary",
+									children: i(e.totalPayouts, "USD")
+								})
+							]
+						}, e.id)) })]
+					})
+				})]
+			})] }),
+			/* @__PURE__ */ x(j, {
+				org: M,
+				detail: P,
+				loading: I,
+				error: R,
+				retryingSaleId: B,
+				onRetrySale: (e) => {
+					M && (async () => {
+						V(e), z(null);
+						try {
+							await u(e, H), await W(M);
+						} catch (e) {
+							z(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to retry credit sync"));
+						} finally {
+							V(null);
+						}
+					})();
+				},
+				onClose: () => {
+					N(null), F(null), z(null);
+				}
+			})
+		]
+	}) : /* @__PURE__ */ x(t, { message: "You don't have permission to view developer revenue." });
+};
+//#endregion
+export { M as DeveloperRevenueAdminPage };
+
+//# sourceMappingURL=DeveloperRevenueAdminPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeveloperRevenueAdminPage.js","names":[],"sources":["../../../../../src/billing/modules/earnings/pages/DeveloperRevenueAdminPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type FC } from 'react';\nimport { Building2, CreditCard, DollarSign, Loader2, Receipt, Wallet } from 'lucide-react';\n\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { AccessDenied, PageHeader, ServerError } from '../../../shared/components';\nimport { formatCurrency, formatDateTime, isServerError } from '../../../shared/utils';\nimport {\n  PagePurpose,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  fetchAdminDeveloperRevenueOrgDetail,\n  fetchAdminDeveloperRevenueOrgs,\n  retrySaleCreditSync,\n  type AdminDeveloperRevenueOrg,\n  type AdminDeveloperRevenueOrgDetail,\n} from '../api';\n\nfunction SummaryCards({ orgs }: { orgs: AdminDeveloperRevenueOrg[] }) {\n  const totals = useMemo(\n    () =>\n      orgs.reduce(\n        (acc, org) => ({\n          totalRevenue: acc.totalRevenue + org.totalRevenue,\n          totalPlatformFees: acc.totalPlatformFees + org.totalPlatformFees,\n          pendingBalance: acc.pendingBalance + org.pendingBalance,\n          totalPayouts: acc.totalPayouts + org.totalPayouts,\n        }),\n        { totalRevenue: 0, totalPlatformFees: 0, pendingBalance: 0, totalPayouts: 0 }\n      ),\n    [orgs]\n  );\n\n  return (\n    <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-4\">\n      <div className=\"rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-elevation-1)]\">\n        <div className=\"text-xs uppercase tracking-wide text-text-muted\">Gross revenue</div>\n        <div className=\"mt-1 flex items-center gap-2 text-lg font-semibold text-text-primary\">\n          <DollarSign className=\"size-4 text-text-muted\" />\n          {formatCurrency(totals.totalRevenue, 'USD')}\n        </div>\n      </div>\n      <div className=\"rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-elevation-1)]\">\n        <div className=\"text-xs uppercase tracking-wide text-text-muted\">Platform fees</div>\n        <div className=\"mt-1 flex items-center gap-2 text-lg font-semibold text-text-primary\">\n          <Receipt className=\"size-4 text-text-muted\" />\n          {formatCurrency(totals.totalPlatformFees, 'USD')}\n        </div>\n      </div>\n      <div className=\"rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-elevation-1)]\">\n        <div className=\"text-xs uppercase tracking-wide text-text-muted\">Pending earned credits</div>\n        <div className=\"mt-1 flex items-center gap-2 text-lg font-semibold text-text-primary\">\n          <Wallet className=\"size-4 text-text-muted\" />\n          {formatCurrency(totals.pendingBalance, 'USD')}\n        </div>\n      </div>\n      <div className=\"rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-elevation-1)]\">\n        <div className=\"text-xs uppercase tracking-wide text-text-muted\">Already withdrawn</div>\n        <div className=\"mt-1 flex items-center gap-2 text-lg font-semibold text-text-primary\">\n          <Building2 className=\"size-4 text-text-muted\" />\n          {formatCurrency(totals.totalPayouts, 'USD')}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction RevenueDetailDialog({\n  org,\n  detail,\n  loading,\n  error,\n  retryingSaleId,\n  onRetrySale,\n  onClose,\n}: {\n  org: AdminDeveloperRevenueOrg | null;\n  detail: AdminDeveloperRevenueOrgDetail | null;\n  loading: boolean;\n  error: Error | null;\n  retryingSaleId: string | null;\n  onRetrySale: (saleId: string) => void;\n  onClose: () => void;\n}) {\n  return (\n    <ResponsiveDialog open={org !== null} onOpenChange={(open) => !open && onClose()}>\n      <ResponsiveDialogContent className=\"sm:max-w-4xl\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>{org ? `${org.name} revenue details` : 'Revenue details'}</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Store revenue is credited into the linked billing account as earned credits. Developers withdraw those credits later through the billing withdrawal flow.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        {loading ? (\n          <div className=\"flex items-center justify-center py-14 text-text-secondary\">\n            <Loader2 className=\"size-7 animate-spin\" />\n          </div>\n        ) : error ? (\n          <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle p-4 text-sm text-status-error-text\">\n            {error.message}\n          </div>\n        ) : detail && org ? (\n          <div className=\"space-y-5\">\n            <div className=\"grid gap-3 md:grid-cols-4\">\n              <div className=\"rounded-card border border-border-seam bg-bg-surface p-4\">\n                <div className=\"text-xs uppercase tracking-wide text-text-muted\">Linked billing account</div>\n                <div className=\"mt-1 text-sm font-semibold text-text-primary\">\n                  {org.billingAccountId ? 'Connected' : 'Not linked'}\n                </div>\n                <div className=\"mt-1 break-all text-xs text-text-muted\">\n                  {org.billingAccountId ?? 'Revenue cannot be credited until a billing account is linked.'}\n                </div>\n              </div>\n              <div className=\"rounded-card border border-border-seam bg-bg-surface p-4\">\n                <div className=\"text-xs uppercase tracking-wide text-text-muted\">Earned credits awaiting withdrawal</div>\n                <div className=\"mt-1 text-lg font-semibold text-text-primary\">\n                  {formatCurrency(detail.summary?.pendingBalance ?? org.pendingBalance, 'USD')}\n                </div>\n              </div>\n              <div className=\"rounded-card border border-border-seam bg-bg-surface p-4\">\n                <div className=\"text-xs uppercase tracking-wide text-text-muted\">Unpaid sales</div>\n                <div className=\"mt-1 text-lg font-semibold text-text-primary\">{detail.unpaidSales.totalCount}</div>\n              </div>\n              <div className=\"rounded-card border border-border-seam bg-bg-surface p-4\">\n                <div className=\"text-xs uppercase tracking-wide text-text-muted\">Total sales</div>\n                <div className=\"mt-1 text-lg font-semibold text-text-primary\">{detail.summary?.totalSales ?? 0}</div>\n              </div>\n            </div>\n\n            <div className=\"rounded-card border border-border-seam bg-bg-surface p-4\">\n              <div className=\"flex items-start gap-3\">\n                <CreditCard className=\"mt-0.5 size-5 text-text-muted\" />\n                <div className=\"space-y-1 text-sm\">\n                  <p className=\"font-medium text-text-primary\">Correct payout model</p>\n                  <p className=\"text-text-muted\">\n                    Revenue from Store sales is posted into the developer organization&apos;s linked billing account as <strong>earned credits</strong>. We do not directly send cash to developer-org payment methods from this page.\n                  </p>\n                  <p className=\"text-text-muted\">\n                    If the developer wants to cash out, they use the billing withdrawal flow from their own billing account and payout methods.\n                  </p>\n                </div>\n              </div>\n            </div>\n\n            <section className=\"rounded-card border border-border-seam bg-bg-surface p-4\">\n              <h3 className=\"text-sm font-semibold text-text-primary\">Sales currently contributing to earned credits</h3>\n              <p className=\"mt-1 text-xs text-text-muted\">\n                These sales represent revenue that should exist as earned credits in the linked billing account until the developer withdraws them.\n              </p>\n              <div className=\"mt-4 overflow-x-auto\">\n                <table className=\"min-w-full text-sm\">\n                  <thead className=\"bg-bg-sunken/60 text-left text-xs uppercase tracking-wide text-text-muted\">\n                    <tr>\n                      <th className=\"px-3 py-2\">Application</th>\n                      <th className=\"px-3 py-2\">Purchased</th>\n                      <th className=\"px-3 py-2\">Net revenue</th>\n                      <th className=\"px-3 py-2\">Credit sync</th>\n                      <th className=\"px-3 py-2\">Status</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {detail.unpaidSales.items.length === 0 ? (\n                      <tr>\n                        <td colSpan={5} className=\"px-3 py-5 text-center text-sm text-text-muted\">\n                          No outstanding unpaid sales. Revenue has either not started yet or has already been withdrawn through billing.\n                        </td>\n                      </tr>\n                    ) : (\n                      detail.unpaidSales.items.map((sale) => (\n                        <tr key={sale.id} className=\"border-t border-border-seam\">\n                          <td className=\"px-3 py-2\">\n                            <div className=\"font-medium text-text-primary\">{sale.application?.name ?? 'Unknown app'}</div>\n                            <div className=\"text-xs text-text-muted\">/{sale.application?.slug ?? 'unknown'}</div>\n                          </td>\n                          <td className=\"px-3 py-2 text-text-secondary\">{formatDateTime(sale.purchasedAt)}</td>\n                          <td className=\"px-3 py-2 text-text-primary\">{formatCurrency(sale.netAmount, sale.currency)}</td>\n                          <td className=\"px-3 py-2 text-text-secondary\">\n                            <div>{sale.billingCreditSyncStatus ?? 'UNKNOWN'}</div>\n                            {sale.billingCreditSyncError && (\n                              <div className=\"mt-1 text-xs text-status-error-text\">{sale.billingCreditSyncError}</div>\n                            )}\n                            {sale.billingCreditSyncStatus !== 'SYNCED' && org.billingAccountId && (\n                              <button\n                                type=\"button\"\n                                onClick={() => onRetrySale(sale.id)}\n                                disabled={retryingSaleId === sale.id}\n                                className=\"mt-2 rounded-md border border-border-subtle px-2 py-1 text-xs font-medium text-text-primary disabled:opacity-50\"\n                              >\n                                {retryingSaleId === sale.id ? 'Retrying…' : 'Retry sync'}\n                              </button>\n                            )}\n                          </td>\n                          <td className=\"px-3 py-2 text-text-secondary\">{sale.status}</td>\n                        </tr>\n                      ))\n                    )}\n                  </tbody>\n                </table>\n              </div>\n            </section>\n          </div>\n        ) : null}\n\n        <ResponsiveDialogFooter>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary\"\n          >\n            Close\n          </button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nexport const DeveloperRevenueAdminPage: FC = () => {\n  const permissions = useBillingPermissions();\n  const { apiGatewayUrl, authToken, orgId, navigate, basePath } = useBilling();\n  const [orgs, setOrgs] = useState<AdminDeveloperRevenueOrg[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n  const [selectedOrg, setSelectedOrg] = useState<AdminDeveloperRevenueOrg | null>(null);\n  const [detail, setDetail] = useState<AdminDeveloperRevenueOrgDetail | null>(null);\n  const [detailLoading, setDetailLoading] = useState(false);\n  const [detailError, setDetailError] = useState<Error | null>(null);\n  const [retryingSaleId, setRetryingSaleId] = useState<string | null>(null);\n\n  const requestContext = useMemo(() => ({ apiGatewayUrl, authToken, orgId }), [apiGatewayUrl, authToken, orgId]);\n\n  const loadOrgs = async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const result = await fetchAdminDeveloperRevenueOrgs(requestContext);\n      setOrgs(result.filter((org) => org.totalRevenue > 0 || org.pendingBalance > 0 || org.totalPayouts > 0));\n    } catch (loadError) {\n      setError(loadError instanceof Error ? loadError : new Error('Failed to load developer revenue'));\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const loadDetail = async (org: AdminDeveloperRevenueOrg) => {\n    setSelectedOrg(org);\n    setDetailLoading(true);\n    setDetailError(null);\n    try {\n      setDetail(await fetchAdminDeveloperRevenueOrgDetail(org.id, requestContext));\n    } catch (loadError) {\n      setDetail(null);\n      setDetailError(loadError instanceof Error ? loadError : new Error('Failed to load revenue detail'));\n    } finally {\n      setDetailLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    if (!permissions.isBillingAdmin) return;\n    void loadOrgs();\n  }, [permissions.isBillingAdmin, requestContext]);\n\n  if (!permissions.isBillingAdmin) {\n    return <AccessDenied message=\"You don't have permission to view developer revenue.\" />;\n  }\n\n  if (error && isServerError(error)) {\n    return (\n      <ServerError\n        title=\"Developer revenue unavailable\"\n        message={error.message}\n        showRetry\n        onRetry={() => void loadOrgs()}\n      />\n    );\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PageHeader\n        title=\"Developer revenue\"\n        description=\"See store-generated revenue across developer organizations and confirm that the earnings are flowing into linked billing accounts as earned credits.\"\n        actions={\n          <button\n            type=\"button\"\n            onClick={() => navigate?.(`${basePath}/payouts`)}\n            className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text\"\n          >\n            Open billing withdrawal queue\n          </button>\n        }\n      />\n\n      <PagePurpose>\n        Developer portal revenue does not pay out directly from this page. Each Store sale is credited into the developer organization&apos;s linked billing account as earned credits. Developers then withdraw those credits later using the billing withdrawal flow and their own payout methods.\n      </PagePurpose>\n\n      {loading ? (\n        <div className=\"flex items-center justify-center py-16 text-text-secondary\">\n          <Loader2 className=\"size-8 animate-spin\" />\n        </div>\n      ) : (\n        <>\n          <SummaryCards orgs={orgs} />\n\n          <div className=\"overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]\">\n            <div className=\"border-b border-border-seam px-5 py-4\">\n              <h2 className=\"text-base font-semibold text-text-primary\">Organizations</h2>\n              <p className=\"mt-1 text-sm text-text-muted\">Click a row to inspect billing linkage and the unpaid sales behind the current earned-credit balance.</p>\n            </div>\n\n            {orgs.length === 0 ? (\n              <div className=\"px-5 py-12 text-center text-sm text-text-muted\">No developer revenue has been recorded yet.</div>\n            ) : (\n              <div className=\"overflow-x-auto\">\n                <table className=\"min-w-full text-sm\">\n                  <thead className=\"bg-bg-sunken/60 text-left text-xs uppercase tracking-wide text-text-muted\">\n                    <tr>\n                      <th className=\"px-4 py-3\">Organization</th>\n                      <th className=\"px-4 py-3\">Billing linked</th>\n                      <th className=\"px-4 py-3\">Revenue</th>\n                      <th className=\"px-4 py-3\">Platform fee</th>\n                      <th className=\"px-4 py-3\">Earned credits pending withdrawal</th>\n                      <th className=\"px-4 py-3\">Already withdrawn</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {[...orgs].sort((a, b) => b.pendingBalance - a.pendingBalance).map((org) => (\n                      <tr\n                        key={org.id}\n                        className=\"cursor-pointer border-t border-border-seam transition-colors hover:bg-bg-sunken/30\"\n                        onClick={() => void loadDetail(org)}\n                      >\n                        <td className=\"px-4 py-3\">\n                          <div className=\"font-medium text-text-primary\">{org.name}</div>\n                          <div className=\"text-xs text-text-muted\">/{org.slug}</div>\n                        </td>\n                        <td className=\"px-4 py-3 text-text-secondary\">{org.billingAccountId ? 'Yes' : 'No'}</td>\n                        <td className=\"px-4 py-3 text-text-primary\">{formatCurrency(org.totalRevenue, 'USD')}</td>\n                        <td className=\"px-4 py-3 text-text-secondary\">{formatCurrency(org.totalPlatformFees, 'USD')}</td>\n                        <td className=\"px-4 py-3 font-medium text-status-warning-text\">{formatCurrency(org.pendingBalance, 'USD')}</td>\n                        <td className=\"px-4 py-3 text-text-secondary\">{formatCurrency(org.totalPayouts, 'USD')}</td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            )}\n          </div>\n        </>\n      )}\n\n      <RevenueDetailDialog\n        org={selectedOrg}\n        detail={detail}\n        loading={detailLoading}\n        error={detailError}\n        retryingSaleId={retryingSaleId}\n        onRetrySale={(saleId) => {\n          if (!selectedOrg) return;\n          void (async () => {\n            setRetryingSaleId(saleId);\n            setDetailError(null);\n            try {\n              await retrySaleCreditSync(saleId, requestContext);\n              await loadDetail(selectedOrg);\n            } catch (retryError) {\n              setDetailError(retryError instanceof Error ? retryError : new Error('Failed to retry credit sync'));\n            } finally {\n              setRetryingSaleId(null);\n            }\n          })();\n        }}\n        onClose={() => {\n          setSelectedOrg(null);\n          setDetail(null);\n          setDetailError(null);\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}