@burdenoff/microfe-devportal 2026.914.5 → 2026.914.7

package/dist/devportal/pages/RevenueDashboardPage.js

@@ -3,76 +3,122 @@ import { useTr as t } from "../utils/i18n.js";
 import { cn as n } from "../utils/cn.js";
 import { EmptyState as r } from "../components/EmptyState.js";
 import { useIsSellerSection as ee } from "../hooks/useIsSellerSection.js";
-import { useGetBillingAccountsByOrgQuery as te, useGetMyOrganizationsQuery as ne, useGetRevenueDashboardDataQuery as re, useLinkDevOrgBillingAccountMutation as ie } from "../../generated/global-operations.js";
-import { getErrorMessage as i } from "../hooks/useGraphQL.js";
-import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
-import { StatusBadge as s } from "../components/StatusBadge.js";
-import { StatCard as c, StatCardGrid as ae } from "../components/StatCard.js";
-import { DataTable as l } from "../components/DataTable.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 "../hooks/index.js";
-import { Tooltip as u } from "../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as d } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { Bar as oe } from "../../node_modules/recharts/es6/cartesian/Bar.js";
-import { CartesianGrid as f } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { Line as p } from "../../node_modules/recharts/es6/cartesian/Line.js";
-import { XAxis as m } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as h } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { LineChart as se } from "../../node_modules/recharts/es6/chart/LineChart.js";
-import { BarChart as ce } from "../../node_modules/recharts/es6/chart/BarChart.js";
-import { useMemo as g, useState as _ } from "react";
-import { AlertCircle as v, ArrowDownToLine as le, Building2 as y, Check as b, CreditCard as x, DollarSign as S, Link2 as C, Loader2 as w, Wallet as ue } from "lucide-react";
-import { useSearchParams as de } from "react-router";
-import { Fragment as fe, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { EmphasisPanel as pe, GlassCard as D } from "@burdenoff/fe-libs/ui";
+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 { 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";
 //#region src/devportal/pages/RevenueDashboardPage.tsx
-var O = {
+var x = 100, S = {
 	primary: "var(--color-chart-1)",
 	secondary: "var(--color-chart-2)",
 	tertiary: "var(--color-chart-4)"
-}, me = {
+}, De = {
 	"30d": 30,
 	"90d": 90,
 	"12m": 365
-}, k = () => {
-	let k = t(), { activeOrgId: he, activePhysicalOrgId: ge, tenantId: A } = e(), j = ee() ? ge : he, [M, _e] = _("90d"), [N, P] = _(!1), [F, I] = _(null), [ve] = ie(), [L, R] = _(!1), [z, B] = _(null), [ye] = de(), V = g(() => /* @__PURE__ */ new Date(), []), { data: be, loading: H } = te({
+}, 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({
+		variables: { organizationId: w ?? "" },
+		skip: !w,
+		fetchPolicy: "cache-and-network"
+	}), [qe, { loading: Je }] = te(), [Ye, { loading: Xe }] = se(), { data: Ze, loading: W } = ne({
 		fetchPolicy: "cache-and-network",
-		context: { headers: { "x-org-id": A ?? "" } }
-	}), xe = g(() => {
-		let e = new Date(V);
-		return e.setDate(e.getDate() - me[M]), e.toISOString();
-	}, [V, M]), { data: U, loading: Se, error: W } = ne({ fetchPolicy: "cache-and-network" }), { data: G, loading: Ce, error: K } = re({
+		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({
 		variables: {
-			organizationId: j ?? "",
+			organizationId: w ?? "",
 			period: "monthly",
-			startDate: xe,
-			endDate: V.toISOString(),
+			startDate: Qe,
+			endDate: P.toISOString(),
 			salesLimit: 10,
 			salesOffset: 0,
 			payoutsLimit: 10,
 			payoutsOffset: 0
 		},
-		skip: !j,
+		skip: !w,
 		fetchPolicy: "cache-and-network"
-	}), q = g(() => U?.myDeveloperOrganizations?.map((e) => e) ?? [], [U?.myDeveloperOrganizations]).find((e) => e.id === j), J = be?.getBillingAccountsByOrg ?? [], Y = J.find((e) => e.id === q?.billingAccountId) ?? null, X = () => {
-		B(q?.billingAccountId ?? J.find((e) => e.isDefault)?.id ?? J[0]?.id ?? null), R(!0);
-	}, Z = async () => {
-		if (!(!j || !z)) {
-			P(!0), I(null);
+	}), 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);
 			try {
-				await ve({
+				await Me({
 					variables: {
-						organizationId: j,
-						billingAccountId: z
+						organizationId: w,
+						billingAccountId: M
 					},
 					refetchQueries: ["GetMyOrganizations"]
-				}), R(!1);
+				}), j(!1);
 			} catch (e) {
-				I(e instanceof Error ? e.message : "Failed to link billing account");
+				k(e instanceof Error ? e.message : "Failed to link billing account");
 			} finally {
-				P(!1);
+				D(!1);
 			}
 		}
-	}, Q = G?.developerOrgRevenueSummary, we = [...G?.developerOrgRevenueAnalytics ?? []].sort((e, t) => new Date(e.date).getTime() - new Date(t.date).getTime()), Te = G?.developerOrgSales?.edges?.map((e) => e.node) ?? [], Ee = G?.developerOrgPayouts?.edges?.map((e) => e.node) ?? [], $ = we.map((e) => ({
+	}, 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 () => {
+		if (!w) return;
+		U(null);
+		let e = B === u.Paypal, t = e ? { email: H } : {
+			accountNumber: V,
+			routingNumber: Ve
+		};
+		try {
+			let n = (await qe({
+				variables: {
+					organizationId: w,
+					input: {
+						type: B,
+						name: Re || (e ? "PayPal" : "Bank Account"),
+						accountDetails: t,
+						isDefault: X.length === 0
+					}
+				},
+				refetchQueries: ["GetPaymentMethods"]
+			})).data?.addDeveloperOrgPaymentMethod;
+			n && R(n.id), z(!1), ze(""), Be(""), He(""), Ue("");
+		} catch (e) {
+			U(e instanceof Error ? e.message : "Failed to add payout method");
+		}
+	}, st = async () => {
+		if (!(!w || !L)) {
+			I(null);
+			try {
+				await Ye({
+					variables: {
+						organizationId: w,
+						paymentMethodId: L
+					},
+					refetchQueries: ["GetRevenueDashboardData"]
+				}), F(!1);
+			} catch (e) {
+				I(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) => ({
 		date: new Date(e.date).toLocaleDateString(void 0, {
 			month: "short",
 			day: "numeric"
@@ -83,360 +129,534 @@ var O = {
 		refunds: e.refunds,
 		salesCount: e.salesCount
 	}));
-	return Se && !U ? /* @__PURE__ */ T(a, {
-		title: k("devportal.revenue.title", "Revenue"),
-		description: k("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
-		children: /* @__PURE__ */ T("div", {
+	return $e && !G ? /* @__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__ */ T(w, { className: "h-8 w-8 animate-spin" })
+			children: /* @__PURE__ */ v(_, { className: "h-8 w-8 animate-spin" })
 		})
-	}) : W ? /* @__PURE__ */ T(a, {
-		title: k("devportal.revenue.title", "Revenue"),
-		description: k("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
-		children: /* @__PURE__ */ T(r, {
-			icon: /* @__PURE__ */ T(v, {
+	}) : et ? /* @__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, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
-			title: k("devportal.revenue.errorLoadOrgs", "Unable to load organizations"),
-			description: i(W)
+			title: C("devportal.revenue.errorLoadOrgs", "Unable to load organizations"),
+			description: ce(et)
 		})
-	}) : j ? K ? /* @__PURE__ */ T(a, {
-		title: k("devportal.revenue.title", "Revenue"),
-		description: k("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
-		children: /* @__PURE__ */ T(r, {
-			icon: /* @__PURE__ */ T(v, {
+	}) : w ? 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, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
-			title: k("devportal.revenue.errorLoadData", "Unable to load revenue data"),
-			description: i(K)
+			title: C("devportal.revenue.errorLoadData", "Unable to load revenue data"),
+			description: ce(nt)
 		})
-	}) : /* @__PURE__ */ E(a, {
-		title: k("devportal.revenue.title", "Revenue"),
-		description: q ? `${k("devportal.revenue.financialPerformanceFor", "Financial performance for")} ${q.name}` : k("devportal.revenue.shortDescription", "Track revenue, sales, and payouts"),
-		purpose: k("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__ */ T("div", {
+	}) : /* @__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"),
+		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__ */ E("select", {
-				value: M,
-				onChange: (e) => _e(e.target.value),
-				"aria-label": k("devportal.revenue.selectRangeAria", "Select time range"),
+			children: /* @__PURE__ */ y("select", {
+				value: T,
+				onChange: (e) => je(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: [
-					/* @__PURE__ */ T("option", {
+					/* @__PURE__ */ v("option", {
 						value: "30d",
-						children: k("devportal.revenue.range.30d", "Last 30 days")
+						children: C("devportal.revenue.range.30d", "Last 30 days")
 					}),
-					/* @__PURE__ */ T("option", {
+					/* @__PURE__ */ v("option", {
 						value: "90d",
-						children: k("devportal.revenue.range.90d", "Last 90 days")
+						children: C("devportal.revenue.range.90d", "Last 90 days")
 					}),
-					/* @__PURE__ */ T("option", {
+					/* @__PURE__ */ v("option", {
 						value: "12m",
-						children: k("devportal.revenue.range.12m", "Last 12 months")
+						children: C("devportal.revenue.range.12m", "Last 12 months")
 					})
 				]
 			})
 		}),
 		children: [
-			q && !q.billingAccountId && /* @__PURE__ */ E("div", {
+			q && !q.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__ */ E("div", {
+					/* @__PURE__ */ y("div", {
 						className: "flex items-start gap-3",
 						children: [
-							/* @__PURE__ */ T(C, {
+							/* @__PURE__ */ v(g, {
 								size: 20,
 								className: "text-accent-blue flex-shrink-0 mt-0.5"
 							}),
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ y("div", {
 								className: "flex-1 min-w-0",
 								children: [
-									/* @__PURE__ */ T("p", {
+									/* @__PURE__ */ v("p", {
 										className: "text-sm font-medium text-status-info-text",
-										children: k("devportal.revenue.billingNotLinkedTitle", "Link a billing account to receive store revenue")
+										children: C("devportal.revenue.billingNotLinkedTitle", "Link a billing account to receive store revenue")
 									}),
-									/* @__PURE__ */ T("p", {
+									/* @__PURE__ */ v("p", {
 										className: "mt-1 text-sm text-status-info-text",
-										children: k("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.")
+										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.")
 									}),
-									F && /* @__PURE__ */ T("p", {
+									O && /* @__PURE__ */ v("p", {
 										className: "mt-2 text-sm text-status-error-text",
-										children: F
+										children: O
 									})
 								]
 							}),
-							/* @__PURE__ */ E("button", {
+							/* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: X,
-								disabled: N || H,
+								onClick: rt,
+								disabled: E || W,
 								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: [N || H ? /* @__PURE__ */ T(w, {
+								children: [E || W ? /* @__PURE__ */ v(_, {
 									size: 14,
 									className: "animate-spin"
-								}) : /* @__PURE__ */ T(C, { size: 14 }), N ? k("devportal.revenue.linking", "Linking...") : k("devportal.revenue.linkBillingAccount", "Link Billing Account")]
+								}) : /* @__PURE__ */ v(g, { size: 14 }), E ? C("devportal.revenue.linking", "Linking...") : C("devportal.revenue.linkBillingAccount", "Link Billing Account")]
 							})
 						]
 					}),
-					L && J.length === 0 && /* @__PURE__ */ T("div", {
+					A && J.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: k("devportal.revenue.noBillingAccounts", "You don't have any billing accounts yet. Create one from your account billing settings first.")
+						children: C("devportal.revenue.noBillingAccounts", "You don't have any billing accounts yet. Create one from your account billing settings first.")
 					}),
-					L && J.length > 0 && /* @__PURE__ */ E("div", {
+					A && J.length > 0 && /* @__PURE__ */ y("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 space-y-3",
 						children: [
-							/* @__PURE__ */ T("p", {
+							/* @__PURE__ */ v("p", {
 								className: "text-sm font-medium",
-								children: k("devportal.revenue.chooseBillingAccount", "Choose a billing account to link")
+								children: C("devportal.revenue.chooseBillingAccount", "Choose a billing account to link")
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ v("div", {
 								className: "space-y-2",
-								children: J.map((e) => /* @__PURE__ */ E("button", {
+								children: J.map((e) => /* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: () => B(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", z === e.id ? "border-primary bg-action-primary-bg/5 text-text-primary" : "border-border-subtle hover:bg-accent text-text-primary"),
-									children: [/* @__PURE__ */ T(b, {
+									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, {
 										size: 14,
-										className: n("flex-shrink-0", z === e.id ? "opacity-100 text-primary" : "opacity-0")
-									}), /* @__PURE__ */ E("div", {
+										className: n("flex-shrink-0", M === e.id ? "opacity-100 text-primary" : "opacity-0")
+									}), /* @__PURE__ */ y("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ v("p", {
 											className: "font-medium truncate",
 											children: e.name
-										}), e.isDefault && /* @__PURE__ */ T("p", {
+										}), e.isDefault && /* @__PURE__ */ v("p", {
 											className: "text-xs text-text-secondary",
-											children: k("devportal.revenue.defaultAccount", "Default")
+											children: C("devportal.revenue.defaultAccount", "Default")
 										})]
 									})]
 								}, e.id))
 							}),
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ y("div", {
 								className: "flex items-center justify-end gap-2 pt-1",
-								children: [/* @__PURE__ */ T("button", {
+								children: [/* @__PURE__ */ v("button", {
 									type: "button",
 									onClick: () => {
-										R(!1), I(null);
+										j(!1), k(null);
 									},
 									className: "rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors",
-									children: k("devportal.cancel", "Cancel")
-								}), /* @__PURE__ */ E("button", {
+									children: C("devportal.cancel", "Cancel")
+								}), /* @__PURE__ */ y("button", {
 									type: "button",
-									disabled: N || !z,
-									onClick: () => void Z(),
+									disabled: E || !M,
+									onClick: () => void it(),
 									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: [N ? /* @__PURE__ */ T(w, {
+									children: [E ? /* @__PURE__ */ v(_, {
 										size: 13,
 										className: "animate-spin"
-									}) : /* @__PURE__ */ T(C, { size: 13 }), k("devportal.revenue.confirm", "Confirm")]
+									}) : /* @__PURE__ */ v(g, { size: 13 }), C("devportal.revenue.confirm", "Confirm")]
 								})]
 							})
 						]
 					})
 				]
 			}),
-			q?.billingAccountId && /* @__PURE__ */ E("div", {
+			q?.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__ */ E("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex items-center gap-3",
 					children: [
-						/* @__PURE__ */ T(x, {
+						/* @__PURE__ */ v(m, {
 							size: 16,
 							className: "text-text-secondary flex-shrink-0"
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ y("div", {
 							className: "flex-1 min-w-0",
-							children: [/* @__PURE__ */ T("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "text-sm font-medium truncate",
-								children: Y?.name ?? k("devportal.revenue.billingAccount", "Billing account")
-							}), /* @__PURE__ */ T("p", {
+								children: Y?.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
 							})]
 						}),
-						!L && /* @__PURE__ */ T("button", {
+						!A && /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: X,
-							disabled: H,
+							onClick: rt,
+							disabled: W,
 							className: "text-xs text-text-secondary hover:text-text-primary transition-colors flex-shrink-0 disabled:opacity-50",
-							children: k("devportal.revenue.changeBillingAccount", "Change")
+							children: C("devportal.revenue.changeBillingAccount", "Change")
 						})
 					]
-				}), L && J.length > 0 && /* @__PURE__ */ E("div", {
+				}), A && J.length > 0 && /* @__PURE__ */ y("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-4 space-y-3",
 					children: [
-						/* @__PURE__ */ T("p", {
+						/* @__PURE__ */ v("p", {
 							className: "text-sm font-medium",
-							children: k("devportal.revenue.chooseBillingAccount", "Choose a billing account to link")
+							children: C("devportal.revenue.chooseBillingAccount", "Choose a billing account to link")
 						}),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ v("div", {
 							className: "space-y-2",
-							children: J.map((e) => /* @__PURE__ */ E("button", {
+							children: J.map((e) => /* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => B(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", z === e.id ? "border-primary bg-action-primary-bg/5 text-text-primary" : "border-border-subtle hover:bg-accent text-text-primary"),
-								children: [/* @__PURE__ */ T(b, {
+								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, {
 									size: 14,
-									className: n("flex-shrink-0", z === e.id ? "opacity-100 text-primary" : "opacity-0")
-								}), /* @__PURE__ */ E("div", {
+									className: n("flex-shrink-0", M === e.id ? "opacity-100 text-primary" : "opacity-0")
+								}), /* @__PURE__ */ y("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ T("p", {
+									children: [/* @__PURE__ */ v("p", {
 										className: "font-medium truncate",
 										children: e.name
-									}), e.isDefault && /* @__PURE__ */ T("p", {
+									}), e.isDefault && /* @__PURE__ */ v("p", {
 										className: "text-xs text-text-secondary",
-										children: k("devportal.revenue.defaultAccount", "Default")
+										children: C("devportal.revenue.defaultAccount", "Default")
 									})]
 								})]
 							}, e.id))
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ y("div", {
 							className: "flex items-center justify-end gap-2 pt-1",
-							children: [/* @__PURE__ */ T("button", {
+							children: [/* @__PURE__ */ v("button", {
 								type: "button",
 								onClick: () => {
-									R(!1), I(null);
+									j(!1), k(null);
 								},
 								className: "rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors",
-								children: k("devportal.cancel", "Cancel")
-							}), /* @__PURE__ */ E("button", {
+								children: C("devportal.cancel", "Cancel")
+							}), /* @__PURE__ */ y("button", {
 								type: "button",
-								disabled: N || !z,
-								onClick: () => void Z(),
+								disabled: E || !M,
+								onClick: () => void it(),
 								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: [N ? /* @__PURE__ */ T(w, {
+								children: [E ? /* @__PURE__ */ v(_, {
 									size: 13,
 									className: "animate-spin"
-								}) : /* @__PURE__ */ T(C, { size: 13 }), k("devportal.revenue.confirm", "Confirm")]
+								}) : /* @__PURE__ */ v(g, { size: 13 }), C("devportal.revenue.confirm", "Confirm")]
 							})]
 						}),
-						F && /* @__PURE__ */ T("p", {
+						O && /* @__PURE__ */ v("p", {
 							className: "text-xs text-status-error-text",
-							children: F
+							children: O
 						})
 					]
 				})]
 			}),
-			Ce && !Q ? /* @__PURE__ */ T("div", {
+			q?.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, {
+							size: 16,
+							className: "text-text-secondary flex-shrink-0"
+						}),
+						/* @__PURE__ */ y("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ v("p", {
+								className: "text-sm font-medium",
+								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")}.`
+							})]
+						}),
+						!Pe && /* @__PURE__ */ y("button", {
+							type: "button",
+							onClick: at,
+							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")]
+						})
+					]
+				}), Pe && /* @__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", {
+						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", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ v("p", {
+								className: "text-sm font-medium",
+								children: C("devportal.revenue.addPayoutMethod", "Add a payout method")
+							}),
+							/* @__PURE__ */ y("div", {
+								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"),
+									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"),
+									children: C("devportal.revenue.paypal", "PayPal")
+								})]
+							}),
+							/* @__PURE__ */ v("input", {
+								type: "text",
+								value: Re,
+								onChange: (e) => ze(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", {
+								type: "email",
+								value: H,
+								onChange: (e) => Ue(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", {
+								type: "text",
+								value: V,
+								onChange: (e) => Be(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),
+								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", {
+								className: "text-xs text-status-error-text",
+								children: We
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "flex items-center justify-end gap-2 pt-1",
+								children: [/* @__PURE__ */ v("button", {
+									type: "button",
+									onClick: () => F(!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(),
+									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(_, {
+										size: 13,
+										className: "animate-spin"
+									}) : /* @__PURE__ */ v(p, { size: 13 }), C("devportal.revenue.saveMethod", "Save method")]
+								})]
+							})
+						]
+					}) : /* @__PURE__ */ y("div", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ v("p", {
+								className: "text-sm font-medium",
+								children: C("devportal.revenue.chooseMethod", "Choose where to send this payout")
+							}),
+							/* @__PURE__ */ y("div", {
+								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, {
+										size: 14,
+										className: n("flex-shrink-0", L === e.id ? "opacity-100 text-primary" : "opacity-0")
+									}), /* @__PURE__ */ y("div", {
+										className: "flex-1 min-w-0",
+										children: [/* @__PURE__ */ v("p", {
+											className: "font-medium truncate",
+											children: e.displayName ?? e.name
+										}), e.isDefault && /* @__PURE__ */ v("p", {
+											className: "text-xs text-text-secondary",
+											children: C("devportal.revenue.defaultAccount", "Default")
+										})]
+									})]
+								}, e.id)), /* @__PURE__ */ y("button", {
+									type: "button",
+									onClick: () => z(!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: [
+										"+",
+										" ",
+										C("devportal.revenue.addAnotherMethod", "Add a different method")
+									]
+								})]
+							}),
+							Fe && /* @__PURE__ */ v("p", {
+								className: "text-xs text-status-error-text",
+								children: Fe
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "flex items-center justify-end gap-2 pt-1",
+								children: [/* @__PURE__ */ v("button", {
+									type: "button",
+									onClick: () => F(!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(),
+									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(_, {
+											size: 13,
+											className: "animate-spin"
+										}) : /* @__PURE__ */ v(Se, { size: 13 }),
+										C("devportal.revenue.confirmWithdrawal", "Request"),
+										" $",
+										Z.pendingBalance.toLocaleString()
+									]
+								})]
+							})
+						]
+					})
+				})]
+			}),
+			tt && !Z ? /* @__PURE__ */ v("div", {
 				className: "flex items-center justify-center py-16 text-text-secondary",
-				children: /* @__PURE__ */ T(w, { className: "h-8 w-8 animate-spin" })
-			}) : Q ? /* @__PURE__ */ E(fe, { children: [
-				/* @__PURE__ */ T(pe, {
+				children: /* @__PURE__ */ v(_, { className: "h-8 w-8 animate-spin" })
+			}) : Z ? /* @__PURE__ */ y(Te, { children: [
+				/* @__PURE__ */ v(Ee, {
 					className: "mb-6",
-					children: /* @__PURE__ */ E(ae, {
+					children: /* @__PURE__ */ y(le, {
 						columns: 4,
 						children: [
-							/* @__PURE__ */ T(c, {
-								title: k("devportal.revenue.grossRevenue", "Gross Revenue"),
-								value: `$${Q.totalGrossRevenue.toLocaleString()}`,
-								icon: /* @__PURE__ */ T(S, { size: 20 })
+							/* @__PURE__ */ v(s, {
+								title: C("devportal.revenue.grossRevenue", "Gross Revenue"),
+								value: `$${Z.totalGrossRevenue.toLocaleString()}`,
+								icon: /* @__PURE__ */ v(h, { size: 20 })
 							}),
-							/* @__PURE__ */ T(c, {
-								title: k("devportal.revenue.netRevenue", "Net Revenue"),
-								value: `$${Q.totalNetRevenue.toLocaleString()}`,
-								icon: /* @__PURE__ */ T(ue, { size: 20 })
+							/* @__PURE__ */ v(s, {
+								title: C("devportal.revenue.netRevenue", "Net Revenue"),
+								value: `$${Z.totalNetRevenue.toLocaleString()}`,
+								icon: /* @__PURE__ */ v(Ce, { size: 20 })
 							}),
-							/* @__PURE__ */ T(c, {
-								title: k("devportal.revenue.pendingBalance", "Pending Balance"),
-								value: `$${Q.pendingBalance.toLocaleString()}`,
-								icon: /* @__PURE__ */ T(x, { size: 20 }),
-								description: Q.nextPayoutDate ? `${k("devportal.revenue.nextPayout", "Next payout")} ${new Date(Q.nextPayoutDate).toLocaleDateString()}` : k("devportal.revenue.noPayoutScheduled", "No payout scheduled")
+							/* @__PURE__ */ v(s, {
+								title: C("devportal.revenue.pendingBalance", "Pending Balance"),
+								value: `$${Z.pendingBalance.toLocaleString()}`,
+								icon: /* @__PURE__ */ v(m, { size: 20 }),
+								description: Z.nextPayoutDate ? `${C("devportal.revenue.nextPayout", "Next payout")} ${new Date(Z.nextPayoutDate).toLocaleDateString()}` : C("devportal.revenue.noPayoutScheduled", "No payout scheduled")
 							}),
-							/* @__PURE__ */ T(c, {
-								title: k("devportal.revenue.platformFees", "Platform Fees"),
-								value: `$${Q.totalPlatformFees.toLocaleString()}`,
-								icon: /* @__PURE__ */ T(le, { size: 20 }),
-								description: `${Q.totalRefundsCount} ${k("devportal.revenue.refunds", "refunds")}`
+							/* @__PURE__ */ v(s, {
+								title: C("devportal.revenue.platformFees", "Platform Fees"),
+								value: `$${Z.totalPlatformFees.toLocaleString()}`,
+								icon: /* @__PURE__ */ v(ye, { size: 20 }),
+								description: `${Z.totalRefundsCount} ${C("devportal.revenue.refunds", "refunds")}`
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ y("div", {
 					className: "grid gap-6 xl:grid-cols-2",
-					children: [/* @__PURE__ */ T(o, {
-						title: k("devportal.revenue.revenueTrend", "Revenue trend"),
-						children: /* @__PURE__ */ T(D, {
+					children: [/* @__PURE__ */ v(a, {
+						title: C("devportal.revenue.revenueTrend", "Revenue trend"),
+						children: /* @__PURE__ */ v(b, {
 							treatment: "insight",
 							className: "p-4",
-							children: $.length > 0 ? /* @__PURE__ */ T(d, {
+							children: $.length > 0 ? /* @__PURE__ */ v(ue, {
 								width: "100%",
 								height: 300,
-								children: /* @__PURE__ */ E(se, {
+								children: /* @__PURE__ */ y(ge, {
 									data: $,
 									children: [
-										/* @__PURE__ */ T(f, {
+										/* @__PURE__ */ v(fe, {
 											strokeDasharray: "3 3",
 											stroke: "var(--color-chart-grid)"
 										}),
-										/* @__PURE__ */ T(m, {
+										/* @__PURE__ */ v(me, {
 											dataKey: "date",
 											stroke: "var(--color-chart-axis)",
 											fontSize: 12
 										}),
-										/* @__PURE__ */ T(h, {
+										/* @__PURE__ */ v(he, {
 											stroke: "var(--color-chart-axis)",
 											fontSize: 12
 										}),
-										/* @__PURE__ */ T(u, { contentStyle: {
+										/* @__PURE__ */ v(l, { contentStyle: {
 											backgroundColor: "var(--color-card)",
 											border: "1px solid var(--color-border-default)",
 											borderRadius: 12
 										} }),
-										/* @__PURE__ */ T(p, {
+										/* @__PURE__ */ v(pe, {
 											type: "monotone",
 											dataKey: "grossRevenue",
-											stroke: O.primary,
+											stroke: S.primary,
 											strokeWidth: 2,
 											dot: !1
 										}),
-										/* @__PURE__ */ T(p, {
+										/* @__PURE__ */ v(pe, {
 											type: "monotone",
 											dataKey: "netRevenue",
-											stroke: O.secondary,
+											stroke: S.secondary,
 											strokeWidth: 2,
 											dot: !1
 										})
 									]
 								})
-							}) : /* @__PURE__ */ E("div", {
+							}) : /* @__PURE__ */ y("div", {
 								className: "flex h-[300px] flex-col items-center justify-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ T("p", {
+								children: [/* @__PURE__ */ v("p", {
 									className: "text-sm font-medium",
-									children: k("devportal.revenue.noTrendData", "No trend data yet")
-								}), /* @__PURE__ */ T("p", {
+									children: C("devportal.revenue.noTrendData", "No trend data yet")
+								}), /* @__PURE__ */ v("p", {
 									className: "text-xs text-text-tertiary",
-									children: k("devportal.revenue.noTrendDataHint", "Revenue trend appears once daily analytics have been aggregated.")
+									children: C("devportal.revenue.noTrendDataHint", "Revenue trend appears once daily analytics have been aggregated.")
 								})]
 							})
 						})
-					}), /* @__PURE__ */ T(o, {
-						title: k("devportal.revenue.topApps", "Top applications by revenue"),
-						children: Q.topApps.length > 0 ? /* @__PURE__ */ T("div", {
+					}), /* @__PURE__ */ v(a, {
+						title: C("devportal.revenue.topApps", "Top applications by revenue"),
+						children: Z.topApps.length > 0 ? /* @__PURE__ */ v("div", {
 							className: "space-y-2",
-							children: Q.topApps.map((e) => /* @__PURE__ */ T(D, {
+							children: Z.topApps.map((e) => /* @__PURE__ */ v(b, {
 								treatment: "insight",
 								className: "border-border-seam p-4",
-								children: /* @__PURE__ */ E("div", {
+								children: /* @__PURE__ */ y("div", {
 									className: "flex items-start justify-between gap-3",
-									children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "font-medium",
 										children: e.applicationName
-									}), /* @__PURE__ */ E("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary",
 										children: [
 											e.salesCount,
 											" ",
-											k("devportal.revenue.sales", "sales")
+											C("devportal.revenue.sales", "sales")
 										]
-									})] }), /* @__PURE__ */ E("div", {
+									})] }), /* @__PURE__ */ y("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ E("p", {
+										children: [/* @__PURE__ */ y("p", {
 											className: "font-semibold",
 											children: ["$", e.grossRevenue.toLocaleString()]
-										}), /* @__PURE__ */ E("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary",
 											children: [
-												k("devportal.revenue.net", "Net"),
+												C("devportal.revenue.net", "Net"),
 												" $",
 												e.netRevenue.toLocaleString()
 											]
@@ -444,46 +664,46 @@ var O = {
 									})]
 								})
 							}, e.applicationId))
-						}) : /* @__PURE__ */ T(r, {
+						}) : /* @__PURE__ */ v(r, {
 							illustration: "empty-data",
-							icon: /* @__PURE__ */ T(y, { size: 24 }),
-							title: k("devportal.revenue.noLeadersTitle", "No revenue leaders yet"),
-							description: k("devportal.revenue.noLeadersDescription", "Top-performing applications will appear here once revenue is recorded.")
+							icon: /* @__PURE__ */ v(xe, { 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.")
 						})
 					})]
 				}),
-				/* @__PURE__ */ T(o, {
-					title: k("devportal.revenue.salesVolume", "Sales volume"),
-					children: /* @__PURE__ */ T(D, {
+				/* @__PURE__ */ v(a, {
+					title: C("devportal.revenue.salesVolume", "Sales volume"),
+					children: /* @__PURE__ */ v(b, {
 						treatment: "insight",
 						className: "p-4",
-						children: $.length > 0 ? /* @__PURE__ */ T(d, {
+						children: $.length > 0 ? /* @__PURE__ */ v(ue, {
 							width: "100%",
 							height: 280,
-							children: /* @__PURE__ */ E(ce, {
+							children: /* @__PURE__ */ y(_e, {
 								data: $,
 								children: [
-									/* @__PURE__ */ T(f, {
+									/* @__PURE__ */ v(fe, {
 										strokeDasharray: "3 3",
 										stroke: "var(--color-chart-grid)"
 									}),
-									/* @__PURE__ */ T(m, {
+									/* @__PURE__ */ v(me, {
 										dataKey: "date",
 										stroke: "var(--color-chart-axis)",
 										fontSize: 12
 									}),
-									/* @__PURE__ */ T(h, {
+									/* @__PURE__ */ v(he, {
 										stroke: "var(--color-chart-axis)",
 										fontSize: 12
 									}),
-									/* @__PURE__ */ T(u, { contentStyle: {
+									/* @__PURE__ */ v(l, { contentStyle: {
 										backgroundColor: "var(--color-card)",
 										border: "1px solid var(--color-border-default)",
 										borderRadius: 12
 									} }),
-									/* @__PURE__ */ T(oe, {
+									/* @__PURE__ */ v(de, {
 										dataKey: "salesCount",
-										fill: O.tertiary,
+										fill: S.tertiary,
 										radius: [
 											6,
 											6,
@@ -493,71 +713,71 @@ var O = {
 									})
 								]
 							})
-						}) : /* @__PURE__ */ E("div", {
+						}) : /* @__PURE__ */ y("div", {
 							className: "flex h-[280px] flex-col items-center justify-center gap-2 text-text-secondary",
-							children: [/* @__PURE__ */ T("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "text-sm font-medium",
-								children: k("devportal.revenue.noVolumeData", "No sales volume data yet")
-							}), /* @__PURE__ */ T("p", {
+								children: C("devportal.revenue.noVolumeData", "No sales volume data yet")
+							}), /* @__PURE__ */ v("p", {
 								className: "text-xs text-text-tertiary",
-								children: k("devportal.revenue.noVolumeDataHint", "Sales volume by period appears once analytics have been aggregated.")
+								children: C("devportal.revenue.noVolumeDataHint", "Sales volume by period appears once analytics have been aggregated.")
 							})]
 						})
 					})
 				}),
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ y("div", {
 					className: "grid gap-6 xl:grid-cols-2",
-					children: [/* @__PURE__ */ T(o, {
-						title: k("devportal.revenue.recentSales", "Recent sales"),
-						children: /* @__PURE__ */ T(l, {
-							data: Te,
+					children: [/* @__PURE__ */ v(a, {
+						title: C("devportal.revenue.recentSales", "Recent sales"),
+						children: /* @__PURE__ */ v(c, {
+							data: lt,
 							keyField: "id",
 							columns: [
 								{
 									key: "application",
-									header: k("devportal.revenue.application", "Application"),
-									render: (e) => e.application?.name || e.planName || k("devportal.common.unknown", "Unknown")
+									header: C("devportal.revenue.application", "Application"),
+									render: (e) => e.application?.name || e.planName || C("devportal.common.unknown", "Unknown")
 								},
 								{
 									key: "grossAmount",
-									header: k("devportal.revenue.gross", "Gross"),
+									header: C("devportal.revenue.gross", "Gross"),
 									render: (e) => `$${e.grossAmount.toLocaleString()}`
 								},
 								{
 									key: "netAmount",
-									header: k("devportal.revenue.net", "Net"),
+									header: C("devportal.revenue.net", "Net"),
 									render: (e) => `$${e.netAmount.toLocaleString()}`
 								},
 								{
 									key: "status",
-									header: k("devportal.revenue.status", "Status"),
-									render: (e) => /* @__PURE__ */ T(s, {
+									header: C("devportal.revenue.status", "Status"),
+									render: (e) => /* @__PURE__ */ v(o, {
 										status: e.status,
 										type: "app"
 									})
 								}
 							]
 						})
-					}), /* @__PURE__ */ T(o, {
-						title: k("devportal.revenue.payoutHistory", "Payout history"),
-						children: /* @__PURE__ */ T(l, {
-							data: Ee,
+					}), /* @__PURE__ */ v(a, {
+						title: C("devportal.revenue.payoutHistory", "Payout history"),
+						children: /* @__PURE__ */ v(c, {
+							data: ut,
 							keyField: "id",
 							columns: [
 								{
 									key: "periodLabel",
-									header: k("devportal.revenue.period", "Period"),
+									header: C("devportal.revenue.period", "Period"),
 									render: (e) => e.periodLabel
 								},
 								{
 									key: "netAmount",
-									header: k("devportal.revenue.netPayout", "Net payout"),
+									header: C("devportal.revenue.netPayout", "Net payout"),
 									render: (e) => `$${e.netAmount.toLocaleString()}`
 								},
 								{
 									key: "status",
-									header: k("devportal.revenue.status", "Status"),
-									render: (e) => /* @__PURE__ */ T(s, {
+									header: C("devportal.revenue.status", "Status"),
+									render: (e) => /* @__PURE__ */ v(o, {
 										status: e.status,
 										type: "app"
 									})
@@ -566,28 +786,28 @@ var O = {
 						})
 					})]
 				})
-			] }) : /* @__PURE__ */ T(r, {
+			] }) : /* @__PURE__ */ v(r, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ T(S, { size: 32 }),
-				title: k("devportal.revenue.noDataTitle", "No revenue data yet"),
-				description: k("devportal.revenue.noDataDescription", "Revenue metrics will appear after this organization starts recording marketplace sales.")
+				icon: /* @__PURE__ */ v(h, { 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.")
 			})
 		]
-	}) : /* @__PURE__ */ T(a, {
-		title: k("devportal.revenue.title", "Revenue"),
-		description: k("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
-		children: /* @__PURE__ */ T(r, {
+	}) : /* @__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, {
 			illustration: "empty-people",
-			icon: /* @__PURE__ */ T(y, {
+			icon: /* @__PURE__ */ v(xe, {
 				size: 32,
 				className: "text-text-secondary"
 			}),
-			title: k("devportal.revenue.selectOrgTitle", "Select an organization"),
-			description: k("devportal.revenue.selectOrgHint", "Use the organization switcher in the nav bar above to choose which organization's revenue to view.")
+			title: C("devportal.revenue.selectOrgTitle", "Select an organization"),
+			description: C("devportal.revenue.selectOrgHint", "Use the organization switcher in the nav bar above to choose which organization's revenue to view.")
 		})
 	});
 };
 //#endregion
-export { k as RevenueDashboardPage };
+export { C as RevenueDashboardPage };
 
 //# sourceMappingURL=RevenueDashboardPage.js.map