@burdenoff/microfe-devportal 2026.915.11 → 2026.916.1

package/dist/devportal/pages/RevenueDashboardPage.js

@@ -6,51 +6,52 @@ import { useIsSellerSection as ee } from "../hooks/useIsSellerSection.js";
 import { useAddPaymentMethodMutation as te, useGetBillingAccountsByOrgQuery as ne, useGetMyOrganizationsQuery as re, useGetPaymentMethodsQuery as ie, useGetRevenueDashboardDataQuery as ae, useLinkDevOrgBillingAccountMutation as oe, useRequestPayoutMutation as se } from "../../generated/global-operations.js";
 import { getErrorMessage as ce } from "../hooks/useGraphQL.js";
 import { PageLayout as i, PageSection as a } from "../components/PageLayout.js";
-import { StatusBadge as o } from "../components/StatusBadge.js";
-import { StatCard as s, StatCardGrid as le } from "../components/StatCard.js";
-import { DataTable as c } from "../components/DataTable.js";
+import { StatusBadge as le } from "../components/StatusBadge.js";
+import { StatCard as o, StatCardGrid as ue } from "../components/StatCard.js";
+import { DataTable as s } from "../components/DataTable.js";
 import "../hooks/index.js";
-import { Tooltip as l } from "../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as ue } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Tooltip as c } from "../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as l } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
 import { Bar as de } from "../../node_modules/recharts/es6/cartesian/Bar.js";
-import { CartesianGrid as fe } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { Line as pe } from "../../node_modules/recharts/es6/cartesian/Line.js";
-import { XAxis as me } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as he } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { LineChart as ge } from "../../node_modules/recharts/es6/chart/LineChart.js";
-import { BarChart as _e } from "../../node_modules/recharts/es6/chart/BarChart.js";
-import { DevPortalPaymentMethodType as u } from "../../generated/global-types.js";
-import { useMemo as d, useState as f } from "react";
-import { AlertCircle as ve, ArrowDownToLine as ye, Banknote as be, Building2 as xe, Check as p, CreditCard as m, DollarSign as h, Link2 as g, Loader2 as _, Send as Se, Wallet as Ce } from "lucide-react";
-import { useSearchParams as we } from "react-router";
-import { Fragment as Te, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { EmphasisPanel as Ee, GlassCard as b } from "@burdenoff/fe-libs/ui";
+import { CartesianGrid as u } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { Line as fe } from "../../node_modules/recharts/es6/cartesian/Line.js";
+import { XAxis as pe } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as me } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { LineChart as he } from "../../node_modules/recharts/es6/chart/LineChart.js";
+import { BarChart as ge } from "../../node_modules/recharts/es6/chart/BarChart.js";
+import { formatCurrency as d } from "../utils/currency.js";
+import { DevPortalPaymentMethodType as f } from "../../generated/global-types.js";
+import { useMemo as p, useState as m } from "react";
+import { AlertCircle as _e, ArrowDownToLine as ve, Banknote as ye, Building2 as be, Check as h, CreditCard as xe, DollarSign as Se, Link2 as g, Loader2 as _, Send as Ce, Wallet as we } from "lucide-react";
+import { useSearchParams as Te } from "react-router";
+import { Fragment as Ee, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { EmphasisPanel as De, GlassCard as b } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/RevenueDashboardPage.tsx
 var x = 100, S = {
 	primary: "var(--color-chart-1)",
 	secondary: "var(--color-chart-2)",
 	tertiary: "var(--color-chart-4)"
-}, De = {
+}, Oe = {
 	"30d": 30,
 	"90d": 90,
 	"12m": 365
 }, C = () => {
-	let C = t(), { activeOrgId: Oe, activePhysicalOrgId: ke, tenantId: Ae } = e(), w = ee() ? ke : Oe, [T, je] = f("90d"), [E, D] = f(!1), [O, k] = f(null), [Me] = oe(), [A, j] = f(!1), [M, N] = f(null), [Ne] = we(), P = d(() => /* @__PURE__ */ new Date(), []), [Pe, F] = f(!1), [Fe, I] = f(null), [L, R] = f(null), [Ie, z] = f(!1), [B, Le] = f(u.BankAccount), [Re, ze] = f(""), [V, Be] = f(""), [Ve, He] = f(""), [H, Ue] = f(""), [We, U] = f(null), { data: Ge, loading: Ke } = ie({
+	let C = t(), { activeOrgId: ke, activePhysicalOrgId: Ae, tenantId: je } = e(), w = ee() ? Ae : ke, [T, Me] = m("90d"), [E, Ne] = m(!1), [D, O] = m(null), [Pe] = oe(), [k, A] = m(!1), [j, M] = m(null), [Fe] = Te(), N = p(() => /* @__PURE__ */ new Date(), []), [Ie, P] = m(!1), [Le, F] = m(null), [I, L] = m(null), [Re, R] = m(!1), [z, ze] = m(f.BankAccount), [Be, Ve] = m(""), [B, He] = m(""), [Ue, We] = m(""), [V, Ge] = m(""), [Ke, H] = m(null), { data: qe, loading: Je } = ie({
 		variables: { organizationId: w ?? "" },
 		skip: !w,
 		fetchPolicy: "cache-and-network"
-	}), [qe, { loading: Je }] = te(), [Ye, { loading: Xe }] = se(), { data: Ze, loading: W } = ne({
+	}), [Ye, { loading: Xe }] = te(), [Ze, { loading: Qe }] = se(), { data: $e, loading: U } = ne({
 		fetchPolicy: "cache-and-network",
-		context: { headers: { "x-org-id": Ae ?? "" } }
-	}), Qe = d(() => {
-		let e = new Date(P);
-		return e.setDate(e.getDate() - De[T]), e.toISOString();
-	}, [P, T]), { data: G, loading: $e, error: et } = re({ fetchPolicy: "cache-and-network" }), { data: K, loading: tt, error: nt } = ae({
+		context: { headers: { "x-org-id": je ?? "" } }
+	}), et = p(() => {
+		let e = new Date(N);
+		return e.setDate(e.getDate() - Oe[T]), e.toISOString();
+	}, [N, T]), { data: W, loading: tt, error: nt } = re({ fetchPolicy: "cache-and-network" }), { data: G, loading: rt, error: it } = ae({
 		variables: {
 			organizationId: w ?? "",
 			period: "monthly",
-			startDate: Qe,
-			endDate: P.toISOString(),
+			startDate: et,
+			endDate: N.toISOString(),
 			salesLimit: 10,
 			salesOffset: 0,
 			payoutsLimit: 10,
@@ -58,67 +59,67 @@ var x = 100, S = {
 		},
 		skip: !w,
 		fetchPolicy: "cache-and-network"
-	}), q = d(() => G?.myDeveloperOrganizations?.map((e) => e) ?? [], [G?.myDeveloperOrganizations]).find((e) => e.id === w), J = Ze?.getBillingAccountsByOrg ?? [], Y = J.find((e) => e.id === q?.billingAccountId) ?? null, rt = () => {
-		N(q?.billingAccountId ?? J.find((e) => e.isDefault)?.id ?? J[0]?.id ?? null), j(!0);
-	}, it = async () => {
-		if (!(!w || !M)) {
-			D(!0), k(null);
+	}), K = p(() => W?.myDeveloperOrganizations?.map((e) => e) ?? [], [W?.myDeveloperOrganizations]).find((e) => e.id === w), q = $e?.getBillingAccountsByOrg ?? [], J = q.find((e) => e.id === K?.billingAccountId) ?? null, at = () => {
+		M(K?.billingAccountId ?? q.find((e) => e.isDefault)?.id ?? q[0]?.id ?? null), A(!0);
+	}, Y = async () => {
+		if (!(!w || !j)) {
+			Ne(!0), O(null);
 			try {
-				await Me({
+				await Pe({
 					variables: {
 						organizationId: w,
-						billingAccountId: M
+						billingAccountId: j
 					},
 					refetchQueries: ["GetMyOrganizations"]
-				}), j(!1);
+				}), A(!1);
 			} catch (e) {
-				k(e instanceof Error ? e.message : "Failed to link billing account");
+				O(e instanceof Error ? e.message : "Failed to link billing account");
 			} finally {
-				D(!1);
+				Ne(!1);
 			}
 		}
-	}, X = (Ge?.developerOrgPaymentMethods ?? []).filter((e) => e.isActive), at = () => {
-		R((X.find((e) => e.isDefault) ?? X[0])?.id ?? null), z(X.length === 0), U(null), I(null), F(!0);
-	}, ot = async () => {
+	}, X = (qe?.developerOrgPaymentMethods ?? []).filter((e) => e.isActive), ot = () => {
+		L((X.find((e) => e.isDefault) ?? X[0])?.id ?? null), R(X.length === 0), H(null), F(null), P(!0);
+	}, st = async () => {
 		if (!w) return;
-		U(null);
-		let e = B === u.Paypal, t = e ? { email: H } : {
-			accountNumber: V,
-			routingNumber: Ve
+		H(null);
+		let e = z === f.Paypal, t = e ? { email: V } : {
+			accountNumber: B,
+			routingNumber: Ue
 		};
 		try {
-			let n = (await qe({
+			let n = (await Ye({
 				variables: {
 					organizationId: w,
 					input: {
-						type: B,
-						name: Re || (e ? "PayPal" : "Bank Account"),
+						type: z,
+						name: Be || (e ? "PayPal" : "Bank Account"),
 						accountDetails: t,
 						isDefault: X.length === 0
 					}
 				},
 				refetchQueries: ["GetPaymentMethods"]
 			})).data?.addDeveloperOrgPaymentMethod;
-			n && R(n.id), z(!1), ze(""), Be(""), He(""), Ue("");
+			n && L(n.id), R(!1), Ve(""), He(""), We(""), Ge("");
 		} catch (e) {
-			U(e instanceof Error ? e.message : "Failed to add payout method");
+			H(e instanceof Error ? e.message : "Failed to add payout method");
 		}
-	}, st = async () => {
-		if (!(!w || !L)) {
-			I(null);
+	}, ct = async () => {
+		if (!(!w || !I)) {
+			F(null);
 			try {
-				await Ye({
+				await Ze({
 					variables: {
 						organizationId: w,
-						paymentMethodId: L
+						paymentMethodId: I
 					},
 					refetchQueries: ["GetRevenueDashboardData"]
-				}), F(!1);
+				}), P(!1);
 			} catch (e) {
-				I(e instanceof Error ? e.message : "Failed to request withdrawal");
+				F(e instanceof Error ? e.message : "Failed to request withdrawal");
 			}
 		}
-	}, Z = K?.developerOrgRevenueSummary, Q = (Z?.pendingBalance ?? 0) >= x, ct = [...K?.developerOrgRevenueAnalytics ?? []].sort((e, t) => new Date(e.date).getTime() - new Date(t.date).getTime()), lt = K?.developerOrgSales?.edges?.map((e) => e.node) ?? [], ut = K?.developerOrgPayouts?.edges?.map((e) => e.node) ?? [], $ = ct.map((e) => ({
+	}, Z = G?.developerOrgRevenueSummary, Q = (Z?.pendingBalance ?? 0) >= x, lt = [...G?.developerOrgRevenueAnalytics ?? []].sort((e, t) => new Date(e.date).getTime() - new Date(t.date).getTime()), ut = G?.developerOrgSales?.edges?.map((e) => e.node) ?? [], dt = G?.developerOrgPayouts?.edges?.map((e) => e.node) ?? [], $ = lt.map((e) => ({
 		date: new Date(e.date).toLocaleDateString(void 0, {
 			month: "short",
 			day: "numeric"
@@ -129,44 +130,44 @@ var x = 100, S = {
 		refunds: e.refunds,
 		salesCount: e.salesCount
 	}));
-	return $e && !G ? /* @__PURE__ */ v(i, {
+	return tt && !W ? /* @__PURE__ */ v(i, {
 		title: C("devportal.revenue.title", "Revenue"),
 		description: C("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
 		children: /* @__PURE__ */ v("div", {
 			className: "flex items-center justify-center py-16 text-text-secondary",
 			children: /* @__PURE__ */ v(_, { className: "h-8 w-8 animate-spin" })
 		})
-	}) : et ? /* @__PURE__ */ v(i, {
+	}) : nt ? /* @__PURE__ */ v(i, {
 		title: C("devportal.revenue.title", "Revenue"),
 		description: C("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
 		children: /* @__PURE__ */ v(r, {
-			icon: /* @__PURE__ */ v(ve, {
+			icon: /* @__PURE__ */ v(_e, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
 			title: C("devportal.revenue.errorLoadOrgs", "Unable to load organizations"),
-			description: ce(et)
+			description: ce(nt)
 		})
-	}) : w ? nt ? /* @__PURE__ */ v(i, {
+	}) : w ? it ? /* @__PURE__ */ v(i, {
 		title: C("devportal.revenue.title", "Revenue"),
 		description: C("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
 		children: /* @__PURE__ */ v(r, {
-			icon: /* @__PURE__ */ v(ve, {
+			icon: /* @__PURE__ */ v(_e, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
 			title: C("devportal.revenue.errorLoadData", "Unable to load revenue data"),
-			description: ce(nt)
+			description: ce(it)
 		})
 	}) : /* @__PURE__ */ y(i, {
 		title: C("devportal.revenue.title", "Revenue"),
-		description: q ? `${C("devportal.revenue.financialPerformanceFor", "Financial performance for")} ${q.name}` : C("devportal.revenue.shortDescription", "Track revenue, sales, and payouts"),
+		description: K ? `${C("devportal.revenue.financialPerformanceFor", "Financial performance for")} ${K.name}` : C("devportal.revenue.shortDescription", "Track revenue, sales, and payouts"),
 		purpose: C("devportal.revenue.purpose", "Revenue tracks the money your paid apps earn — gross sales, platform fees, and what gets paid out to your organization. Link a billing account, then use this to reconcile payouts and watch growth across time ranges."),
 		actions: /* @__PURE__ */ v("div", {
 			className: "flex flex-wrap gap-2",
 			children: /* @__PURE__ */ y("select", {
 				value: T,
-				onChange: (e) => je(e.target.value),
+				onChange: (e) => Me(e.target.value),
 				"aria-label": C("devportal.revenue.selectRangeAria", "Select time range"),
 				className: "rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
 				children: [
@@ -186,7 +187,7 @@ var x = 100, S = {
 			})
 		}),
 		children: [
-			q && !q.billingAccountId && /* @__PURE__ */ y("div", {
+			K && !K.billingAccountId && /* @__PURE__ */ y("div", {
 				className: "mb-6 rounded-card border border-border-seam bg-status-info-bg-subtle p-4 flex flex-col gap-3",
 				children: [
 					/* @__PURE__ */ y("div", {
@@ -207,29 +208,29 @@ var x = 100, S = {
 										className: "mt-1 text-sm text-status-info-text",
 										children: C("devportal.revenue.billingNotLinkedDesc", "Once linked, net earnings from app sales will appear in your billing credits — you can spend them on platform services or withdraw to your bank.")
 									}),
-									O && /* @__PURE__ */ v("p", {
+									D && /* @__PURE__ */ v("p", {
 										className: "mt-2 text-sm text-status-error-text",
-										children: O
+										children: D
 									})
 								]
 							}),
 							/* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: rt,
-								disabled: E || W,
+								onClick: at,
+								disabled: E || U,
 								className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 flex-shrink-0",
-								children: [E || W ? /* @__PURE__ */ v(_, {
+								children: [E || U ? /* @__PURE__ */ v(_, {
 									size: 14,
 									className: "animate-spin"
 								}) : /* @__PURE__ */ v(g, { size: 14 }), E ? C("devportal.revenue.linking", "Linking...") : C("devportal.revenue.linkBillingAccount", "Link Billing Account")]
 							})
 						]
 					}),
-					A && J.length === 0 && /* @__PURE__ */ v("div", {
+					k && q.length === 0 && /* @__PURE__ */ v("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 text-sm text-text-secondary",
 						children: C("devportal.revenue.noBillingAccounts", "You don't have any billing accounts yet. Create one from your account billing settings first.")
 					}),
-					A && J.length > 0 && /* @__PURE__ */ y("div", {
+					k && q.length > 0 && /* @__PURE__ */ y("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 space-y-3",
 						children: [
 							/* @__PURE__ */ v("p", {
@@ -238,13 +239,13 @@ var x = 100, S = {
 							}),
 							/* @__PURE__ */ v("div", {
 								className: "space-y-2",
-								children: J.map((e) => /* @__PURE__ */ y("button", {
+								children: q.map((e) => /* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: () => N(e.id ?? null),
-									className: n("flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors", M === e.id ? "border-primary bg-action-primary-bg/5 text-text-primary" : "border-border-subtle hover:bg-accent text-text-primary"),
-									children: [/* @__PURE__ */ v(p, {
+									onClick: () => M(e.id ?? null),
+									className: n("flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors", j === e.id ? "border-primary bg-action-primary-bg/5 text-text-primary" : "border-border-subtle hover:bg-accent text-text-primary"),
+									children: [/* @__PURE__ */ v(h, {
 										size: 14,
-										className: n("flex-shrink-0", M === e.id ? "opacity-100 text-primary" : "opacity-0")
+										className: n("flex-shrink-0", j === e.id ? "opacity-100 text-primary" : "opacity-0")
 									}), /* @__PURE__ */ y("div", {
 										className: "flex-1 min-w-0",
 										children: [/* @__PURE__ */ v("p", {
@@ -262,14 +263,14 @@ var x = 100, S = {
 								children: [/* @__PURE__ */ v("button", {
 									type: "button",
 									onClick: () => {
-										j(!1), k(null);
+										A(!1), O(null);
 									},
 									className: "rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors",
 									children: C("devportal.cancel", "Cancel")
 								}), /* @__PURE__ */ y("button", {
 									type: "button",
-									disabled: E || !M,
-									onClick: () => void it(),
+									disabled: E || !j,
+									onClick: () => void Y(),
 									className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
 									children: [E ? /* @__PURE__ */ v(_, {
 										size: 13,
@@ -281,12 +282,12 @@ var x = 100, S = {
 					})
 				]
 			}),
-			q?.billingAccountId && /* @__PURE__ */ y("div", {
+			K?.billingAccountId && /* @__PURE__ */ y("div", {
 				className: "mb-6 rounded-lg border border-border-subtle bg-bg-surface p-3 flex flex-col gap-3",
 				children: [/* @__PURE__ */ y("div", {
 					className: "flex items-center gap-3",
 					children: [
-						/* @__PURE__ */ v(m, {
+						/* @__PURE__ */ v(xe, {
 							size: 16,
 							className: "text-text-secondary flex-shrink-0"
 						}),
@@ -294,21 +295,21 @@ var x = 100, S = {
 							className: "flex-1 min-w-0",
 							children: [/* @__PURE__ */ v("p", {
 								className: "text-sm font-medium truncate",
-								children: Y?.name ?? C("devportal.revenue.billingAccount", "Billing account")
+								children: J?.name ?? C("devportal.revenue.billingAccount", "Billing account")
 							}), /* @__PURE__ */ v("p", {
 								className: "text-xs text-text-secondary truncate",
-								children: Y ? `${Y.currency}${Y.email ? ` · ${Y.email}` : ""}` : q.billingAccountId
+								children: J ? `${J.currency}${J.email ? ` · ${J.email}` : ""}` : K.billingAccountId
 							})]
 						}),
-						!A && /* @__PURE__ */ v("button", {
+						!k && /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: rt,
-							disabled: W,
+							onClick: at,
+							disabled: U,
 							className: "text-xs text-text-secondary hover:text-text-primary transition-colors flex-shrink-0 disabled:opacity-50",
 							children: C("devportal.revenue.changeBillingAccount", "Change")
 						})
 					]
-				}), A && J.length > 0 && /* @__PURE__ */ y("div", {
+				}), k && q.length > 0 && /* @__PURE__ */ y("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 space-y-3",
 					children: [
 						/* @__PURE__ */ v("p", {
@@ -317,13 +318,13 @@ var x = 100, S = {
 						}),
 						/* @__PURE__ */ v("div", {
 							className: "space-y-2",
-							children: J.map((e) => /* @__PURE__ */ y("button", {
+							children: q.map((e) => /* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => N(e.id ?? null),
-								className: n("flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors", M === e.id ? "border-primary bg-action-primary-bg/5 text-text-primary" : "border-border-subtle hover:bg-accent text-text-primary"),
-								children: [/* @__PURE__ */ v(p, {
+								onClick: () => M(e.id ?? null),
+								className: n("flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors", j === e.id ? "border-primary bg-action-primary-bg/5 text-text-primary" : "border-border-subtle hover:bg-accent text-text-primary"),
+								children: [/* @__PURE__ */ v(h, {
 									size: 14,
-									className: n("flex-shrink-0", M === e.id ? "opacity-100 text-primary" : "opacity-0")
+									className: n("flex-shrink-0", j === e.id ? "opacity-100 text-primary" : "opacity-0")
 								}), /* @__PURE__ */ y("div", {
 									className: "flex-1 min-w-0",
 									children: [/* @__PURE__ */ v("p", {
@@ -341,14 +342,14 @@ var x = 100, S = {
 							children: [/* @__PURE__ */ v("button", {
 								type: "button",
 								onClick: () => {
-									j(!1), k(null);
+									A(!1), O(null);
 								},
 								className: "rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors",
 								children: C("devportal.cancel", "Cancel")
 							}), /* @__PURE__ */ y("button", {
 								type: "button",
-								disabled: E || !M,
-								onClick: () => void it(),
+								disabled: E || !j,
+								onClick: () => void Y(),
 								className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
 								children: [E ? /* @__PURE__ */ v(_, {
 									size: 13,
@@ -356,19 +357,19 @@ var x = 100, S = {
 								}) : /* @__PURE__ */ v(g, { size: 13 }), C("devportal.revenue.confirm", "Confirm")]
 							})]
 						}),
-						O && /* @__PURE__ */ v("p", {
+						D && /* @__PURE__ */ v("p", {
 							className: "text-xs text-status-error-text",
-							children: O
+							children: D
 						})
 					]
 				})]
 			}),
-			q?.billingAccountId && Z && /* @__PURE__ */ y("div", {
+			K?.billingAccountId && Z && /* @__PURE__ */ y("div", {
 				className: "mb-6 rounded-lg border border-border-subtle bg-bg-surface p-3 flex flex-col gap-3",
 				children: [/* @__PURE__ */ y("div", {
 					className: "flex items-center gap-3",
 					children: [
-						/* @__PURE__ */ v(be, {
+						/* @__PURE__ */ v(ye, {
 							size: 16,
 							className: "text-text-secondary flex-shrink-0"
 						}),
@@ -379,27 +380,27 @@ var x = 100, S = {
 								children: C("devportal.revenue.withdrawTitle", "Withdraw earned credits")
 							}), /* @__PURE__ */ v("p", {
 								className: "text-xs text-text-secondary",
-								children: Q ? `${C("devportal.revenue.available", "Available")}: $${Z.pendingBalance.toLocaleString()}` : `${C("devportal.revenue.belowMinimum", "Minimum payout is")} $${x} — ${C("devportal.revenue.youHave", "you have")} $${Z.pendingBalance.toLocaleString()} ${C("devportal.revenue.pending", "pending")}.`
+								children: Q ? `${C("devportal.revenue.available", "Available")}: ${d(Z.pendingBalance, Z.currency)}` : `${C("devportal.revenue.belowMinimum", "Minimum payout is")} $${x} — ${C("devportal.revenue.youHave", "you have")} ${d(Z.pendingBalance, Z.currency)} ${C("devportal.revenue.pending", "pending")}.`
 							})]
 						}),
-						!Pe && /* @__PURE__ */ y("button", {
+						!Ie && /* @__PURE__ */ y("button", {
 							type: "button",
-							onClick: at,
+							onClick: ot,
 							disabled: !Q,
 							title: Q ? void 0 : C("devportal.revenue.belowMinimumHint", `Payouts require a pending balance of at least $${x}.`),
 							className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex-shrink-0",
-							children: [/* @__PURE__ */ v(Se, { size: 14 }), C("devportal.revenue.requestWithdrawal", "Request Withdrawal")]
+							children: [/* @__PURE__ */ v(Ce, { size: 14 }), C("devportal.revenue.requestWithdrawal", "Request Withdrawal")]
 						})
 					]
-				}), Pe && /* @__PURE__ */ v("div", {
+				}), Ie && /* @__PURE__ */ v("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 space-y-3",
-					children: Ke ? /* @__PURE__ */ y("div", {
+					children: Je ? /* @__PURE__ */ y("div", {
 						className: "flex items-center gap-2 text-sm text-text-secondary",
 						children: [/* @__PURE__ */ v(_, {
 							size: 14,
 							className: "animate-spin"
 						}), C("devportal.revenue.loadingMethods", "Loading payout methods...")]
-					}) : Ie ? /* @__PURE__ */ y("div", {
+					}) : Re ? /* @__PURE__ */ y("div", {
 						className: "space-y-3",
 						children: [
 							/* @__PURE__ */ v("p", {
@@ -410,62 +411,62 @@ var x = 100, S = {
 								className: "grid grid-cols-2 gap-2",
 								children: [/* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: () => Le(u.BankAccount),
-									className: n("rounded-md border px-3 py-2 text-sm text-left transition-colors", B === u.BankAccount ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:bg-accent"),
+									onClick: () => ze(f.BankAccount),
+									className: n("rounded-md border px-3 py-2 text-sm text-left transition-colors", z === f.BankAccount ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:bg-accent"),
 									children: C("devportal.revenue.bankAccount", "Bank Account")
 								}), /* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: () => Le(u.Paypal),
-									className: n("rounded-md border px-3 py-2 text-sm text-left transition-colors", B === u.Paypal ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:bg-accent"),
+									onClick: () => ze(f.Paypal),
+									className: n("rounded-md border px-3 py-2 text-sm text-left transition-colors", z === f.Paypal ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:bg-accent"),
 									children: C("devportal.revenue.paypal", "PayPal")
 								})]
 							}),
 							/* @__PURE__ */ v("input", {
 								type: "text",
-								value: Re,
-								onChange: (e) => ze(e.target.value),
+								value: Be,
+								onChange: (e) => Ve(e.target.value),
 								placeholder: C("devportal.revenue.methodNamePlaceholder", "Label (e.g. \"Primary account\")"),
 								className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 							}),
-							B === u.Paypal ? /* @__PURE__ */ v("input", {
+							z === f.Paypal ? /* @__PURE__ */ v("input", {
 								type: "email",
-								value: H,
-								onChange: (e) => Ue(e.target.value),
+								value: V,
+								onChange: (e) => Ge(e.target.value),
 								placeholder: C("devportal.revenue.paypalEmailPlaceholder", "PayPal email"),
 								className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
-							}) : /* @__PURE__ */ y(Te, { children: [/* @__PURE__ */ v("input", {
+							}) : /* @__PURE__ */ y(Ee, { children: [/* @__PURE__ */ v("input", {
 								type: "text",
-								value: V,
-								onChange: (e) => Be(e.target.value),
+								value: B,
+								onChange: (e) => He(e.target.value),
 								placeholder: C("devportal.revenue.accountNumberPlaceholder", "Account number"),
 								className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 							}), /* @__PURE__ */ v("input", {
 								type: "text",
-								value: Ve,
-								onChange: (e) => He(e.target.value),
+								value: Ue,
+								onChange: (e) => We(e.target.value),
 								placeholder: C("devportal.revenue.routingNumberPlaceholder", "Routing number"),
 								className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 							})] }),
-							We && /* @__PURE__ */ v("p", {
+							Ke && /* @__PURE__ */ v("p", {
 								className: "text-xs text-status-error-text",
-								children: We
+								children: Ke
 							}),
 							/* @__PURE__ */ y("div", {
 								className: "flex items-center justify-end gap-2 pt-1",
 								children: [/* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: () => F(!1),
+									onClick: () => P(!1),
 									className: "rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors",
 									children: C("devportal.cancel", "Cancel")
 								}), /* @__PURE__ */ y("button", {
 									type: "button",
-									disabled: Je || (B === u.Paypal ? !H : !V),
-									onClick: () => void ot(),
+									disabled: Xe || (z === f.Paypal ? !V : !B),
+									onClick: () => void st(),
 									className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
-									children: [Je ? /* @__PURE__ */ v(_, {
+									children: [Xe ? /* @__PURE__ */ v(_, {
 										size: 13,
 										className: "animate-spin"
-									}) : /* @__PURE__ */ v(p, { size: 13 }), C("devportal.revenue.saveMethod", "Save method")]
+									}) : /* @__PURE__ */ v(h, { size: 13 }), C("devportal.revenue.saveMethod", "Save method")]
 								})]
 							})
 						]
@@ -480,11 +481,11 @@ var x = 100, S = {
 								className: "space-y-2",
 								children: [X.map((e) => /* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: () => R(e.id),
-									className: n("flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors", L === e.id ? "border-primary bg-action-primary-bg/5 text-text-primary" : "border-border-subtle hover:bg-accent text-text-primary"),
-									children: [/* @__PURE__ */ v(p, {
+									onClick: () => L(e.id),
+									className: n("flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors", I === e.id ? "border-primary bg-action-primary-bg/5 text-text-primary" : "border-border-subtle hover:bg-accent text-text-primary"),
+									children: [/* @__PURE__ */ v(h, {
 										size: 14,
-										className: n("flex-shrink-0", L === e.id ? "opacity-100 text-primary" : "opacity-0")
+										className: n("flex-shrink-0", I === e.id ? "opacity-100 text-primary" : "opacity-0")
 									}), /* @__PURE__ */ y("div", {
 										className: "flex-1 min-w-0",
 										children: [/* @__PURE__ */ v("p", {
@@ -497,7 +498,7 @@ var x = 100, S = {
 									})]
 								}, e.id)), /* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: () => z(!0),
+									onClick: () => R(!0),
 									className: "w-full rounded-md border border-dashed border-border-subtle px-3 py-2 text-sm text-text-secondary hover:bg-accent transition-colors",
 									children: [
 										"+",
@@ -506,30 +507,30 @@ var x = 100, S = {
 									]
 								})]
 							}),
-							Fe && /* @__PURE__ */ v("p", {
+							Le && /* @__PURE__ */ v("p", {
 								className: "text-xs text-status-error-text",
-								children: Fe
+								children: Le
 							}),
 							/* @__PURE__ */ y("div", {
 								className: "flex items-center justify-end gap-2 pt-1",
 								children: [/* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: () => F(!1),
+									onClick: () => P(!1),
 									className: "rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors",
 									children: C("devportal.cancel", "Cancel")
 								}), /* @__PURE__ */ y("button", {
 									type: "button",
-									disabled: Xe || !L,
-									onClick: () => void st(),
+									disabled: Qe || !I,
+									onClick: () => void ct(),
 									className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
 									children: [
-										Xe ? /* @__PURE__ */ v(_, {
+										Qe ? /* @__PURE__ */ v(_, {
 											size: 13,
 											className: "animate-spin"
-										}) : /* @__PURE__ */ v(Se, { size: 13 }),
+										}) : /* @__PURE__ */ v(Ce, { size: 13 }),
 										C("devportal.revenue.confirmWithdrawal", "Request"),
-										" $",
-										Z.pendingBalance.toLocaleString()
+										" ",
+										d(Z.pendingBalance, Z.currency)
 									]
 								})]
 							})
@@ -537,35 +538,35 @@ var x = 100, S = {
 					})
 				})]
 			}),
-			tt && !Z ? /* @__PURE__ */ v("div", {
+			rt && !Z ? /* @__PURE__ */ v("div", {
 				className: "flex items-center justify-center py-16 text-text-secondary",
 				children: /* @__PURE__ */ v(_, { className: "h-8 w-8 animate-spin" })
-			}) : Z ? /* @__PURE__ */ y(Te, { children: [
-				/* @__PURE__ */ v(Ee, {
+			}) : Z ? /* @__PURE__ */ y(Ee, { children: [
+				/* @__PURE__ */ v(De, {
 					className: "mb-6",
-					children: /* @__PURE__ */ y(le, {
+					children: /* @__PURE__ */ y(ue, {
 						columns: 4,
 						children: [
-							/* @__PURE__ */ v(s, {
+							/* @__PURE__ */ v(o, {
 								title: C("devportal.revenue.grossRevenue", "Gross Revenue"),
-								value: `$${Z.totalGrossRevenue.toLocaleString()}`,
-								icon: /* @__PURE__ */ v(h, { size: 20 })
+								value: d(Z.totalGrossRevenue, Z.currency),
+								icon: /* @__PURE__ */ v(Se, { size: 20 })
 							}),
-							/* @__PURE__ */ v(s, {
+							/* @__PURE__ */ v(o, {
 								title: C("devportal.revenue.netRevenue", "Net Revenue"),
-								value: `$${Z.totalNetRevenue.toLocaleString()}`,
-								icon: /* @__PURE__ */ v(Ce, { size: 20 })
+								value: d(Z.totalNetRevenue, Z.currency),
+								icon: /* @__PURE__ */ v(we, { size: 20 })
 							}),
-							/* @__PURE__ */ v(s, {
+							/* @__PURE__ */ v(o, {
 								title: C("devportal.revenue.pendingBalance", "Pending Balance"),
-								value: `$${Z.pendingBalance.toLocaleString()}`,
-								icon: /* @__PURE__ */ v(m, { size: 20 }),
+								value: d(Z.pendingBalance, Z.currency),
+								icon: /* @__PURE__ */ v(xe, { size: 20 }),
 								description: Z.nextPayoutDate ? `${C("devportal.revenue.nextPayout", "Next payout")} ${new Date(Z.nextPayoutDate).toLocaleDateString()}` : C("devportal.revenue.noPayoutScheduled", "No payout scheduled")
 							}),
-							/* @__PURE__ */ v(s, {
+							/* @__PURE__ */ v(o, {
 								title: C("devportal.revenue.platformFees", "Platform Fees"),
-								value: `$${Z.totalPlatformFees.toLocaleString()}`,
-								icon: /* @__PURE__ */ v(ye, { size: 20 }),
+								value: d(Z.totalPlatformFees, Z.currency),
+								icon: /* @__PURE__ */ v(ve, { size: 20 }),
 								description: `${Z.totalRefundsCount} ${C("devportal.revenue.refunds", "refunds")}`
 							})
 						]
@@ -578,38 +579,38 @@ var x = 100, S = {
 						children: /* @__PURE__ */ v(b, {
 							treatment: "insight",
 							className: "p-4",
-							children: $.length > 0 ? /* @__PURE__ */ v(ue, {
+							children: $.length > 0 ? /* @__PURE__ */ v(l, {
 								width: "100%",
 								height: 300,
-								children: /* @__PURE__ */ y(ge, {
+								children: /* @__PURE__ */ y(he, {
 									data: $,
 									children: [
-										/* @__PURE__ */ v(fe, {
+										/* @__PURE__ */ v(u, {
 											strokeDasharray: "3 3",
 											stroke: "var(--color-chart-grid)"
 										}),
-										/* @__PURE__ */ v(me, {
+										/* @__PURE__ */ v(pe, {
 											dataKey: "date",
 											stroke: "var(--color-chart-axis)",
 											fontSize: 12
 										}),
-										/* @__PURE__ */ v(he, {
+										/* @__PURE__ */ v(me, {
 											stroke: "var(--color-chart-axis)",
 											fontSize: 12
 										}),
-										/* @__PURE__ */ v(l, { contentStyle: {
+										/* @__PURE__ */ v(c, { contentStyle: {
 											backgroundColor: "var(--color-card)",
 											border: "1px solid var(--color-border-default)",
 											borderRadius: 12
 										} }),
-										/* @__PURE__ */ v(pe, {
+										/* @__PURE__ */ v(fe, {
 											type: "monotone",
 											dataKey: "grossRevenue",
 											stroke: S.primary,
 											strokeWidth: 2,
 											dot: !1
 										}),
-										/* @__PURE__ */ v(pe, {
+										/* @__PURE__ */ v(fe, {
 											type: "monotone",
 											dataKey: "netRevenue",
 											stroke: S.secondary,
@@ -650,15 +651,15 @@ var x = 100, S = {
 										]
 									})] }), /* @__PURE__ */ y("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ y("p", {
+										children: [/* @__PURE__ */ v("p", {
 											className: "font-semibold",
-											children: ["$", e.grossRevenue.toLocaleString()]
+											children: d(e.grossRevenue, e.currency)
 										}), /* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
 											children: [
 												C("devportal.revenue.net", "Net"),
-												" $",
-												e.netRevenue.toLocaleString()
+												" ",
+												d(e.netRevenue, e.currency)
 											]
 										})]
 									})]
@@ -666,7 +667,7 @@ var x = 100, S = {
 							}, e.applicationId))
 						}) : /* @__PURE__ */ v(r, {
 							illustration: "empty-data",
-							icon: /* @__PURE__ */ v(xe, { size: 24 }),
+							icon: /* @__PURE__ */ v(be, { size: 24 }),
 							title: C("devportal.revenue.noLeadersTitle", "No revenue leaders yet"),
 							description: C("devportal.revenue.noLeadersDescription", "Top-performing applications will appear here once revenue is recorded.")
 						})
@@ -677,26 +678,26 @@ var x = 100, S = {
 					children: /* @__PURE__ */ v(b, {
 						treatment: "insight",
 						className: "p-4",
-						children: $.length > 0 ? /* @__PURE__ */ v(ue, {
+						children: $.length > 0 ? /* @__PURE__ */ v(l, {
 							width: "100%",
 							height: 280,
-							children: /* @__PURE__ */ y(_e, {
+							children: /* @__PURE__ */ y(ge, {
 								data: $,
 								children: [
-									/* @__PURE__ */ v(fe, {
+									/* @__PURE__ */ v(u, {
 										strokeDasharray: "3 3",
 										stroke: "var(--color-chart-grid)"
 									}),
-									/* @__PURE__ */ v(me, {
+									/* @__PURE__ */ v(pe, {
 										dataKey: "date",
 										stroke: "var(--color-chart-axis)",
 										fontSize: 12
 									}),
-									/* @__PURE__ */ v(he, {
+									/* @__PURE__ */ v(me, {
 										stroke: "var(--color-chart-axis)",
 										fontSize: 12
 									}),
-									/* @__PURE__ */ v(l, { contentStyle: {
+									/* @__PURE__ */ v(c, { contentStyle: {
 										backgroundColor: "var(--color-card)",
 										border: "1px solid var(--color-border-default)",
 										borderRadius: 12
@@ -729,8 +730,8 @@ var x = 100, S = {
 					className: "grid gap-6 xl:grid-cols-2",
 					children: [/* @__PURE__ */ v(a, {
 						title: C("devportal.revenue.recentSales", "Recent sales"),
-						children: /* @__PURE__ */ v(c, {
-							data: lt,
+						children: /* @__PURE__ */ v(s, {
+							data: ut,
 							keyField: "id",
 							columns: [
 								{
@@ -741,17 +742,17 @@ var x = 100, S = {
 								{
 									key: "grossAmount",
 									header: C("devportal.revenue.gross", "Gross"),
-									render: (e) => `$${e.grossAmount.toLocaleString()}`
+									render: (e) => d(e.grossAmount, e.currency)
 								},
 								{
 									key: "netAmount",
 									header: C("devportal.revenue.net", "Net"),
-									render: (e) => `$${e.netAmount.toLocaleString()}`
+									render: (e) => d(e.netAmount, e.currency)
 								},
 								{
 									key: "status",
 									header: C("devportal.revenue.status", "Status"),
-									render: (e) => /* @__PURE__ */ v(o, {
+									render: (e) => /* @__PURE__ */ v(le, {
 										status: e.status,
 										type: "app"
 									})
@@ -760,8 +761,8 @@ var x = 100, S = {
 						})
 					}), /* @__PURE__ */ v(a, {
 						title: C("devportal.revenue.payoutHistory", "Payout history"),
-						children: /* @__PURE__ */ v(c, {
-							data: ut,
+						children: /* @__PURE__ */ v(s, {
+							data: dt,
 							keyField: "id",
 							columns: [
 								{
@@ -772,12 +773,12 @@ var x = 100, S = {
 								{
 									key: "netAmount",
 									header: C("devportal.revenue.netPayout", "Net payout"),
-									render: (e) => `$${e.netAmount.toLocaleString()}`
+									render: (e) => d(e.netAmount, e.currency)
 								},
 								{
 									key: "status",
 									header: C("devportal.revenue.status", "Status"),
-									render: (e) => /* @__PURE__ */ v(o, {
+									render: (e) => /* @__PURE__ */ v(le, {
 										status: e.status,
 										type: "app"
 									})
@@ -788,7 +789,7 @@ var x = 100, S = {
 				})
 			] }) : /* @__PURE__ */ v(r, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ v(h, { size: 32 }),
+				icon: /* @__PURE__ */ v(Se, { size: 32 }),
 				title: C("devportal.revenue.noDataTitle", "No revenue data yet"),
 				description: C("devportal.revenue.noDataDescription", "Revenue metrics will appear after this organization starts recording marketplace sales.")
 			})
@@ -798,7 +799,7 @@ var x = 100, S = {
 		description: C("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
 		children: /* @__PURE__ */ v(r, {
 			illustration: "empty-people",
-			icon: /* @__PURE__ */ v(xe, {
+			icon: /* @__PURE__ */ v(be, {
 				size: 32,
 				className: "text-text-secondary"
 			}),