@burdenoff/microfe-devportal 2026.609.4 → 2026.611.1

package/dist/devportal/pages/RevenueDashboardPage.js

@@ -0,0 +1,405 @@
+import { EmptyState as e } from "../components/EmptyState.js";
+import { PageLayout as t, PageSection as n } from "../components/PageLayout.js";
+import { StatCard as r, StatCardGrid as i } from "../components/StatCard.js";
+import { StatusBadge as a } from "../components/StatusBadge.js";
+import { DataTable as o } from "../components/DataTable.js";
+import { useGetMyOrganizationsQuery as s, useGetRevenueDashboardDataQuery as c } from "../../generated/global-operations.js";
+import { getErrorMessage as l } from "../hooks/useGraphQL.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 f } from "../../node_modules/recharts/es6/cartesian/Bar.js";
+import { CartesianGrid as p } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { Line as m } from "../../node_modules/recharts/es6/cartesian/Line.js";
+import { XAxis as h } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as g } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { LineChart as _ } from "../../node_modules/recharts/es6/chart/LineChart.js";
+import { BarChart as v } from "../../node_modules/recharts/es6/chart/BarChart.js";
+import { useTr as y } from "../utils/i18n.js";
+import { useEffect as b, useMemo as x, useState as S } from "react";
+import { AlertCircle as C, ArrowDownToLine as w, Building2 as T, CreditCard as E, DollarSign as D, Loader2 as O, Wallet as ee } from "lucide-react";
+import { useSearchParams as k } from "react-router-dom";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+//#region src/devportal/pages/RevenueDashboardPage.tsx
+var N = {
+	primary: "var(--color-chart-1)",
+	secondary: "var(--color-chart-2)",
+	tertiary: "var(--color-chart-4)"
+}, P = {
+	"30d": 30,
+	"90d": 90,
+	"12m": 365
+}, F = () => {
+	let F = y(), [I, L] = S("90d"), [R, z] = S(""), [B] = k(), V = x(() => /* @__PURE__ */ new Date(), []), H = B.get("org"), U = x(() => {
+		let e = new Date(V);
+		return e.setDate(e.getDate() - P[I]), e.toISOString();
+	}, [V, I]), { data: W, loading: G, error: K } = s({ fetchPolicy: "cache-and-network" }), { data: q, loading: J, error: Y } = c({
+		variables: {
+			organizationId: R,
+			period: "monthly",
+			startDate: U,
+			endDate: V.toISOString(),
+			salesLimit: 10,
+			salesOffset: 0,
+			payoutsLimit: 10,
+			payoutsOffset: 0
+		},
+		skip: !R,
+		fetchPolicy: "cache-and-network"
+	}), X = x(() => W?.myDeveloperOrganizations?.map((e) => e) ?? [], [W?.myDeveloperOrganizations]);
+	b(() => {
+		if (!R) {
+			if (H && X.some((e) => e.id === H)) {
+				z(H);
+				return;
+			}
+			X.length === 1 && z(X[0]?.id ?? "");
+		}
+	}, [
+		X,
+		H,
+		R
+	]);
+	let Z = X.find((e) => e.id === R), Q = q?.developerOrgRevenueSummary, te = [...q?.developerOrgRevenueAnalytics ?? []].sort((e, t) => new Date(e.date).getTime() - new Date(t.date).getTime()), ne = q?.developerOrgSales?.edges?.map((e) => e.node) ?? [], re = q?.developerOrgPayouts?.edges?.map((e) => e.node) ?? [], $ = te.map((e) => ({
+		date: new Date(e.date).toLocaleDateString(void 0, {
+			month: "short",
+			day: "numeric"
+		}),
+		grossRevenue: e.grossRevenue,
+		netRevenue: e.netRevenue,
+		platformFees: e.platformFees,
+		refunds: e.refunds,
+		salesCount: e.salesCount
+	}));
+	return G && !W ? /* @__PURE__ */ j(t, {
+		title: F("devportal.revenue.title", "Revenue"),
+		description: F("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
+		children: /* @__PURE__ */ j("div", {
+			className: "flex items-center justify-center py-16 text-muted-foreground",
+			children: /* @__PURE__ */ j(O, { className: "h-8 w-8 animate-spin" })
+		})
+	}) : K ? /* @__PURE__ */ j(t, {
+		title: F("devportal.revenue.title", "Revenue"),
+		description: F("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
+		children: /* @__PURE__ */ j(e, {
+			icon: /* @__PURE__ */ j(C, {
+				size: 32,
+				className: "text-status-error-text"
+			}),
+			title: F("devportal.revenue.errorLoadOrgs", "Unable to load organizations"),
+			description: l(K)
+		})
+	}) : R ? Y ? /* @__PURE__ */ j(t, {
+		title: F("devportal.revenue.title", "Revenue"),
+		description: F("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
+		children: /* @__PURE__ */ j(e, {
+			icon: /* @__PURE__ */ j(C, {
+				size: 32,
+				className: "text-status-error-text"
+			}),
+			title: F("devportal.revenue.errorLoadData", "Unable to load revenue data"),
+			description: l(Y)
+		})
+	}) : /* @__PURE__ */ j(t, {
+		title: F("devportal.revenue.title", "Revenue"),
+		description: Z ? `${F("devportal.revenue.financialPerformanceFor", "Financial performance for")} ${Z.name}` : F("devportal.revenue.shortDescription", "Track revenue, sales, and payouts"),
+		actions: /* @__PURE__ */ M("div", {
+			className: "flex flex-wrap gap-2",
+			children: [/* @__PURE__ */ j("select", {
+				value: R,
+				onChange: (e) => z(e.target.value),
+				"aria-label": F("devportal.revenue.selectOrgAria", "Select organization"),
+				className: "rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
+				children: X.map((e) => /* @__PURE__ */ j("option", {
+					value: e.id,
+					children: e.name
+				}, e.id))
+			}), /* @__PURE__ */ M("select", {
+				value: I,
+				onChange: (e) => L(e.target.value),
+				"aria-label": F("devportal.revenue.selectRangeAria", "Select time range"),
+				className: "rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
+				children: [
+					/* @__PURE__ */ j("option", {
+						value: "30d",
+						children: F("devportal.revenue.range.30d", "Last 30 days")
+					}),
+					/* @__PURE__ */ j("option", {
+						value: "90d",
+						children: F("devportal.revenue.range.90d", "Last 90 days")
+					}),
+					/* @__PURE__ */ j("option", {
+						value: "12m",
+						children: F("devportal.revenue.range.12m", "Last 12 months")
+					})
+				]
+			})]
+		}),
+		children: J && !Q ? /* @__PURE__ */ j("div", {
+			className: "flex items-center justify-center py-16 text-muted-foreground",
+			children: /* @__PURE__ */ j(O, { className: "h-8 w-8 animate-spin" })
+		}) : Q ? /* @__PURE__ */ M(A, { children: [
+			/* @__PURE__ */ M(i, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ j(r, {
+						title: F("devportal.revenue.grossRevenue", "Gross Revenue"),
+						value: `$${Q.totalGrossRevenue.toLocaleString()}`,
+						icon: /* @__PURE__ */ j(D, { size: 20 })
+					}),
+					/* @__PURE__ */ j(r, {
+						title: F("devportal.revenue.netRevenue", "Net Revenue"),
+						value: `$${Q.totalNetRevenue.toLocaleString()}`,
+						icon: /* @__PURE__ */ j(ee, { size: 20 })
+					}),
+					/* @__PURE__ */ j(r, {
+						title: F("devportal.revenue.pendingBalance", "Pending Balance"),
+						value: `$${Q.pendingBalance.toLocaleString()}`,
+						icon: /* @__PURE__ */ j(E, { size: 20 }),
+						description: Q.nextPayoutDate ? `${F("devportal.revenue.nextPayout", "Next payout")} ${new Date(Q.nextPayoutDate).toLocaleDateString()}` : F("devportal.revenue.noPayoutScheduled", "No payout scheduled")
+					}),
+					/* @__PURE__ */ j(r, {
+						title: F("devportal.revenue.platformFees", "Platform Fees"),
+						value: `$${Q.totalPlatformFees.toLocaleString()}`,
+						icon: /* @__PURE__ */ j(w, { size: 20 }),
+						description: `${Q.totalRefundsCount} ${F("devportal.revenue.refunds", "refunds")}`
+					})
+				]
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "grid gap-6 xl:grid-cols-2",
+				children: [/* @__PURE__ */ j(n, {
+					title: F("devportal.revenue.revenueTrend", "Revenue trend"),
+					children: /* @__PURE__ */ j("div", {
+						className: "rounded-lg border bg-card p-4",
+						children: /* @__PURE__ */ j(d, {
+							width: "100%",
+							height: 300,
+							children: /* @__PURE__ */ M(_, {
+								data: $,
+								children: [
+									/* @__PURE__ */ j(p, {
+										strokeDasharray: "3 3",
+										stroke: "var(--color-chart-grid)"
+									}),
+									/* @__PURE__ */ j(h, {
+										dataKey: "date",
+										stroke: "var(--color-chart-axis)",
+										fontSize: 12
+									}),
+									/* @__PURE__ */ j(g, {
+										stroke: "var(--color-chart-axis)",
+										fontSize: 12
+									}),
+									/* @__PURE__ */ j(u, { contentStyle: {
+										backgroundColor: "var(--color-card)",
+										border: "1px solid var(--color-border-default)",
+										borderRadius: 12
+									} }),
+									/* @__PURE__ */ j(m, {
+										type: "monotone",
+										dataKey: "grossRevenue",
+										stroke: N.primary,
+										strokeWidth: 2,
+										dot: !1
+									}),
+									/* @__PURE__ */ j(m, {
+										type: "monotone",
+										dataKey: "netRevenue",
+										stroke: N.secondary,
+										strokeWidth: 2,
+										dot: !1
+									})
+								]
+							})
+						})
+					})
+				}), /* @__PURE__ */ j(n, {
+					title: F("devportal.revenue.topApps", "Top applications by revenue"),
+					children: Q.topApps.length > 0 ? /* @__PURE__ */ j("div", {
+						className: "space-y-2",
+						children: Q.topApps.map((e) => /* @__PURE__ */ j("div", {
+							className: "rounded-lg border bg-card p-4",
+							children: /* @__PURE__ */ M("div", {
+								className: "flex items-start justify-between gap-3",
+								children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									className: "font-medium",
+									children: e.applicationName
+								}), /* @__PURE__ */ M("p", {
+									className: "text-sm text-muted-foreground",
+									children: [
+										e.salesCount,
+										" ",
+										F("devportal.revenue.sales", "sales")
+									]
+								})] }), /* @__PURE__ */ M("div", {
+									className: "text-right",
+									children: [/* @__PURE__ */ M("p", {
+										className: "font-semibold",
+										children: ["$", e.grossRevenue.toLocaleString()]
+									}), /* @__PURE__ */ M("p", {
+										className: "text-sm text-muted-foreground",
+										children: [
+											F("devportal.revenue.net", "Net"),
+											" $",
+											e.netRevenue.toLocaleString()
+										]
+									})]
+								})]
+							})
+						}, e.applicationId))
+					}) : /* @__PURE__ */ j(e, {
+						icon: /* @__PURE__ */ j(T, { size: 24 }),
+						title: F("devportal.revenue.noLeadersTitle", "No revenue leaders yet"),
+						description: F("devportal.revenue.noLeadersDescription", "Top-performing applications will appear here once revenue is recorded.")
+					})
+				})]
+			}),
+			/* @__PURE__ */ j(n, {
+				title: F("devportal.revenue.salesVolume", "Sales volume"),
+				children: /* @__PURE__ */ j("div", {
+					className: "rounded-lg border bg-card p-4",
+					children: /* @__PURE__ */ j(d, {
+						width: "100%",
+						height: 280,
+						children: /* @__PURE__ */ M(v, {
+							data: $,
+							children: [
+								/* @__PURE__ */ j(p, {
+									strokeDasharray: "3 3",
+									stroke: "var(--color-chart-grid)"
+								}),
+								/* @__PURE__ */ j(h, {
+									dataKey: "date",
+									stroke: "var(--color-chart-axis)",
+									fontSize: 12
+								}),
+								/* @__PURE__ */ j(g, {
+									stroke: "var(--color-chart-axis)",
+									fontSize: 12
+								}),
+								/* @__PURE__ */ j(u, { contentStyle: {
+									backgroundColor: "var(--color-card)",
+									border: "1px solid var(--color-border-default)",
+									borderRadius: 12
+								} }),
+								/* @__PURE__ */ j(f, {
+									dataKey: "salesCount",
+									fill: N.tertiary,
+									radius: [
+										6,
+										6,
+										0,
+										0
+									]
+								})
+							]
+						})
+					})
+				})
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "grid gap-6 xl:grid-cols-2",
+				children: [/* @__PURE__ */ j(n, {
+					title: F("devportal.revenue.recentSales", "Recent sales"),
+					children: /* @__PURE__ */ j(o, {
+						data: ne,
+						keyField: "id",
+						columns: [
+							{
+								key: "application",
+								header: F("devportal.revenue.application", "Application"),
+								render: (e) => e.application?.name || e.planName || F("devportal.common.unknown", "Unknown")
+							},
+							{
+								key: "grossAmount",
+								header: F("devportal.revenue.gross", "Gross"),
+								render: (e) => `$${e.grossAmount.toLocaleString()}`
+							},
+							{
+								key: "netAmount",
+								header: F("devportal.revenue.net", "Net"),
+								render: (e) => `$${e.netAmount.toLocaleString()}`
+							},
+							{
+								key: "status",
+								header: F("devportal.revenue.status", "Status"),
+								render: (e) => /* @__PURE__ */ j(a, {
+									status: e.status,
+									type: "app"
+								})
+							}
+						]
+					})
+				}), /* @__PURE__ */ j(n, {
+					title: F("devportal.revenue.payoutHistory", "Payout history"),
+					children: /* @__PURE__ */ j(o, {
+						data: re,
+						keyField: "id",
+						columns: [
+							{
+								key: "periodLabel",
+								header: F("devportal.revenue.period", "Period"),
+								render: (e) => e.periodLabel
+							},
+							{
+								key: "netAmount",
+								header: F("devportal.revenue.netPayout", "Net payout"),
+								render: (e) => `$${e.netAmount.toLocaleString()}`
+							},
+							{
+								key: "status",
+								header: F("devportal.revenue.status", "Status"),
+								render: (e) => /* @__PURE__ */ j(a, {
+									status: e.status,
+									type: "app"
+								})
+							}
+						]
+					})
+				})]
+			})
+		] }) : /* @__PURE__ */ j(e, {
+			icon: /* @__PURE__ */ j(D, { size: 32 }),
+			title: F("devportal.revenue.noDataTitle", "No revenue data yet"),
+			description: F("devportal.revenue.noDataDescription", "Revenue metrics will appear after this organization starts recording marketplace sales.")
+		})
+	}) : /* @__PURE__ */ j(t, {
+		title: F("devportal.revenue.title", "Revenue"),
+		description: F("devportal.revenue.selectOrgDescription", "Select an organization to review real sales and payout data through the public gateway"),
+		children: X.length > 0 ? /* @__PURE__ */ j("div", {
+			className: "space-y-2",
+			children: X.map((e) => /* @__PURE__ */ j("button", {
+				type: "button",
+				onClick: () => z(e.id),
+				className: "flex w-full items-start justify-between rounded-lg border bg-card p-4 text-left transition-colors hover:bg-accent",
+				children: /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ j(T, { className: "h-4 w-4 text-primary" }), /* @__PURE__ */ j("span", {
+						className: "font-medium",
+						children: e.name
+					})]
+				}), /* @__PURE__ */ M("p", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: [
+						e.totalApps ?? 0,
+						" ",
+						F("devportal.revenue.apps", "apps"),
+						" · $",
+						e.totalRevenue?.toLocaleString() ?? 0,
+						" ",
+						F("devportal.revenue.revenue", "revenue")
+					]
+				})] })
+			}, e.id))
+		}) : /* @__PURE__ */ j(e, {
+			icon: /* @__PURE__ */ j(D, { size: 32 }),
+			title: F("devportal.revenue.noOrgsTitle", "No organizations available"),
+			description: F("devportal.revenue.noOrgsDescription", "Create a developer organization before reviewing revenue data.")
+		})
+	});
+};
+//#endregion
+export { F as RevenueDashboardPage };
+
+//# sourceMappingURL=RevenueDashboardPage.js.map

package/dist/devportal/pages/RevenueDashboardPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevenueDashboardPage.js","names":[],"sources":["../../../src/devportal/pages/RevenueDashboardPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useSearchParams } from \"react-router-dom\";\nimport {\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Line,\n  LineChart,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from \"recharts\";\nimport {\n  AlertCircle,\n  ArrowDownToLine,\n  Building2,\n  CreditCard,\n  DollarSign,\n  Loader2,\n  Wallet,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { DataTable } from \"../components/DataTable\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { StatCard, StatCardGrid } from \"../components/StatCard\";\nimport { StatusBadge } from \"../components/StatusBadge\";\nimport type { DeveloperOrganization } from \"../types\";\nimport {\n  type GetMyOrganizationsQuery,\n  type GetRevenueDashboardDataQuery,\n  getErrorMessage,\n  useGetMyOrganizationsQuery,\n  useGetRevenueDashboardDataQuery,\n} from \"../hooks\";\nimport { useTr } from \"../utils/i18n\";\n\ntype TimeRange = \"30d\" | \"90d\" | \"12m\";\n\nconst chartColors = {\n  primary: \"var(--color-chart-1)\",\n  secondary: \"var(--color-chart-2)\",\n  tertiary: \"var(--color-chart-4)\",\n};\n\ntype RevenueSale =\n  GetRevenueDashboardDataQuery[\"developerOrgSales\"][\"edges\"][number][\"node\"];\ntype RevenuePayout =\n  GetRevenueDashboardDataQuery[\"developerOrgPayouts\"][\"edges\"][number][\"node\"];\n\nconst daysByRange: Record<TimeRange, number> = {\n  \"30d\": 30,\n  \"90d\": 90,\n  \"12m\": 365,\n};\n\nexport const RevenueDashboardPage: FC = () => {\n  const tr = useTr();\n  const [timeRange, setTimeRange] = useState<TimeRange>(\"90d\");\n  const [selectedOrganizationId, setSelectedOrganizationId] = useState(\"\");\n  const [searchParams] = useSearchParams();\n  const now = useMemo(() => new Date(), []);\n  const requestedOrganizationId = searchParams.get(\"org\");\n  const startDate = useMemo(() => {\n    const nextDate = new Date(now);\n    nextDate.setDate(nextDate.getDate() - daysByRange[timeRange]);\n    return nextDate.toISOString();\n  }, [now, timeRange]);\n\n  const {\n    data: organizationsData,\n    loading: organizationsLoading,\n    error: organizationsError,\n  } = useGetMyOrganizationsQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n  const { data, loading, error } = useGetRevenueDashboardDataQuery({\n    variables: {\n      organizationId: selectedOrganizationId,\n      period: \"monthly\",\n      startDate,\n      endDate: now.toISOString(),\n      salesLimit: 10,\n      salesOffset: 0,\n      payoutsLimit: 10,\n      payoutsOffset: 0,\n    },\n    skip: !selectedOrganizationId,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const organizations: DeveloperOrganization[] = useMemo(\n    () =>\n      organizationsData?.myDeveloperOrganizations?.map(\n        (\n          organization: GetMyOrganizationsQuery[\"myDeveloperOrganizations\"][number],\n        ) => organization as unknown as DeveloperOrganization,\n      ) ?? [],\n    [organizationsData?.myDeveloperOrganizations],\n  );\n\n  useEffect(() => {\n    if (selectedOrganizationId) {\n      return;\n    }\n\n    if (\n      requestedOrganizationId &&\n      organizations.some(\n        (organization) => organization.id === requestedOrganizationId,\n      )\n    ) {\n      setSelectedOrganizationId(requestedOrganizationId);\n      return;\n    }\n\n    if (organizations.length === 1) {\n      setSelectedOrganizationId(organizations[0]?.id ?? \"\");\n    }\n  }, [organizations, requestedOrganizationId, selectedOrganizationId]);\n\n  const selectedOrganization = organizations.find(\n    (organization) => organization.id === selectedOrganizationId,\n  );\n  const summary = data?.developerOrgRevenueSummary;\n  const analytics = [...(data?.developerOrgRevenueAnalytics ?? [])].sort(\n    (left, right) =>\n      new Date(left.date).getTime() - new Date(right.date).getTime(),\n  );\n  const sales: RevenueSale[] =\n    data?.developerOrgSales?.edges?.map(\n      (\n        edge: GetRevenueDashboardDataQuery[\"developerOrgSales\"][\"edges\"][number],\n      ) => edge.node,\n    ) ?? [];\n  const payouts: RevenuePayout[] =\n    data?.developerOrgPayouts?.edges?.map(\n      (\n        edge: GetRevenueDashboardDataQuery[\"developerOrgPayouts\"][\"edges\"][number],\n      ) => edge.node,\n    ) ?? [];\n\n  const chartData = analytics.map((entry) => ({\n    date: new Date(entry.date).toLocaleDateString(undefined, {\n      month: \"short\",\n      day: \"numeric\",\n    }),\n    grossRevenue: entry.grossRevenue,\n    netRevenue: entry.netRevenue,\n    platformFees: entry.platformFees,\n    refunds: entry.refunds,\n    salesCount: entry.salesCount,\n  }));\n\n  if (organizationsLoading && !organizationsData) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.revenue.title\", \"Revenue\")}\n        description={tr(\n          \"devportal.revenue.description\",\n          \"Track real revenue, sales, and payout activity for your developer organizations\",\n        )}\n      >\n        <div className=\"flex items-center justify-center py-16 text-muted-foreground\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (organizationsError) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.revenue.title\", \"Revenue\")}\n        description={tr(\n          \"devportal.revenue.description\",\n          \"Track real revenue, sales, and payout activity for your developer organizations\",\n        )}\n      >\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title={tr(\n            \"devportal.revenue.errorLoadOrgs\",\n            \"Unable to load organizations\",\n          )}\n          description={getErrorMessage(organizationsError)}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (!selectedOrganizationId) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.revenue.title\", \"Revenue\")}\n        description={tr(\n          \"devportal.revenue.selectOrgDescription\",\n          \"Select an organization to review real sales and payout data through the public gateway\",\n        )}\n      >\n        {organizations.length > 0 ? (\n          <div className=\"space-y-2\">\n            {organizations.map((organization) => (\n              <button\n                key={organization.id}\n                type=\"button\"\n                onClick={() => setSelectedOrganizationId(organization.id)}\n                className=\"flex w-full items-start justify-between rounded-lg border bg-card p-4 text-left transition-colors hover:bg-accent\"\n              >\n                <div>\n                  <div className=\"flex items-center gap-2\">\n                    <Building2 className=\"h-4 w-4 text-primary\" />\n                    <span className=\"font-medium\">{organization.name}</span>\n                  </div>\n                  <p className=\"mt-1 text-sm text-muted-foreground\">\n                    {organization.totalApps ?? 0}{\" \"}\n                    {tr(\"devportal.revenue.apps\", \"apps\")} · $\n                    {organization.totalRevenue?.toLocaleString() ?? 0}{\" \"}\n                    {tr(\"devportal.revenue.revenue\", \"revenue\")}\n                  </p>\n                </div>\n              </button>\n            ))}\n          </div>\n        ) : (\n          <EmptyState\n            icon={<DollarSign size={32} />}\n            title={tr(\n              \"devportal.revenue.noOrgsTitle\",\n              \"No organizations available\",\n            )}\n            description={tr(\n              \"devportal.revenue.noOrgsDescription\",\n              \"Create a developer organization before reviewing revenue data.\",\n            )}\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.revenue.title\", \"Revenue\")}\n        description={tr(\n          \"devportal.revenue.description\",\n          \"Track real revenue, sales, and payout activity for your developer organizations\",\n        )}\n      >\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title={tr(\n            \"devportal.revenue.errorLoadData\",\n            \"Unable to load revenue data\",\n          )}\n          description={getErrorMessage(error)}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={tr(\"devportal.revenue.title\", \"Revenue\")}\n      description={\n        selectedOrganization\n          ? `${tr(\"devportal.revenue.financialPerformanceFor\", \"Financial performance for\")} ${selectedOrganization.name}`\n          : tr(\n              \"devportal.revenue.shortDescription\",\n              \"Track revenue, sales, and payouts\",\n            )\n      }\n      actions={\n        <div className=\"flex flex-wrap gap-2\">\n          <select\n            value={selectedOrganizationId}\n            onChange={(event) => setSelectedOrganizationId(event.target.value)}\n            aria-label={tr(\n              \"devportal.revenue.selectOrgAria\",\n              \"Select organization\",\n            )}\n            className=\"rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n          >\n            {organizations.map((organization) => (\n              <option key={organization.id} value={organization.id}>\n                {organization.name}\n              </option>\n            ))}\n          </select>\n          <select\n            value={timeRange}\n            onChange={(event) => setTimeRange(event.target.value as TimeRange)}\n            aria-label={tr(\n              \"devportal.revenue.selectRangeAria\",\n              \"Select time range\",\n            )}\n            className=\"rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n          >\n            <option value=\"30d\">\n              {tr(\"devportal.revenue.range.30d\", \"Last 30 days\")}\n            </option>\n            <option value=\"90d\">\n              {tr(\"devportal.revenue.range.90d\", \"Last 90 days\")}\n            </option>\n            <option value=\"12m\">\n              {tr(\"devportal.revenue.range.12m\", \"Last 12 months\")}\n            </option>\n          </select>\n        </div>\n      }\n    >\n      {loading && !summary ? (\n        <div className=\"flex items-center justify-center py-16 text-muted-foreground\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      ) : summary ? (\n        <>\n          <StatCardGrid columns={4}>\n            <StatCard\n              title={tr(\"devportal.revenue.grossRevenue\", \"Gross Revenue\")}\n              value={`$${summary.totalGrossRevenue.toLocaleString()}`}\n              icon={<DollarSign size={20} />}\n            />\n            <StatCard\n              title={tr(\"devportal.revenue.netRevenue\", \"Net Revenue\")}\n              value={`$${summary.totalNetRevenue.toLocaleString()}`}\n              icon={<Wallet size={20} />}\n            />\n            <StatCard\n              title={tr(\"devportal.revenue.pendingBalance\", \"Pending Balance\")}\n              value={`$${summary.pendingBalance.toLocaleString()}`}\n              icon={<CreditCard size={20} />}\n              description={\n                summary.nextPayoutDate\n                  ? `${tr(\"devportal.revenue.nextPayout\", \"Next payout\")} ${new Date(summary.nextPayoutDate).toLocaleDateString()}`\n                  : tr(\n                      \"devportal.revenue.noPayoutScheduled\",\n                      \"No payout scheduled\",\n                    )\n              }\n            />\n            <StatCard\n              title={tr(\"devportal.revenue.platformFees\", \"Platform Fees\")}\n              value={`$${summary.totalPlatformFees.toLocaleString()}`}\n              icon={<ArrowDownToLine size={20} />}\n              description={`${summary.totalRefundsCount} ${tr(\"devportal.revenue.refunds\", \"refunds\")}`}\n            />\n          </StatCardGrid>\n\n          <div className=\"grid gap-6 xl:grid-cols-2\">\n            <PageSection\n              title={tr(\"devportal.revenue.revenueTrend\", \"Revenue trend\")}\n            >\n              <div className=\"rounded-lg border bg-card p-4\">\n                <ResponsiveContainer width=\"100%\" height={300}>\n                  <LineChart data={chartData}>\n                    <CartesianGrid\n                      strokeDasharray=\"3 3\"\n                      stroke=\"var(--color-chart-grid)\"\n                    />\n                    <XAxis\n                      dataKey=\"date\"\n                      stroke=\"var(--color-chart-axis)\"\n                      fontSize={12}\n                    />\n                    <YAxis stroke=\"var(--color-chart-axis)\" fontSize={12} />\n                    <Tooltip\n                      contentStyle={{\n                        backgroundColor: \"var(--color-card)\",\n                        border: \"1px solid var(--color-border-default)\",\n                        borderRadius: 12,\n                      }}\n                    />\n                    <Line\n                      type=\"monotone\"\n                      dataKey=\"grossRevenue\"\n                      stroke={chartColors.primary}\n                      strokeWidth={2}\n                      dot={false}\n                    />\n                    <Line\n                      type=\"monotone\"\n                      dataKey=\"netRevenue\"\n                      stroke={chartColors.secondary}\n                      strokeWidth={2}\n                      dot={false}\n                    />\n                  </LineChart>\n                </ResponsiveContainer>\n              </div>\n            </PageSection>\n\n            <PageSection\n              title={tr(\n                \"devportal.revenue.topApps\",\n                \"Top applications by revenue\",\n              )}\n            >\n              {summary.topApps.length > 0 ? (\n                <div className=\"space-y-2\">\n                  {summary.topApps.map(\n                    (\n                      application: GetRevenueDashboardDataQuery[\"developerOrgRevenueSummary\"][\"topApps\"][number],\n                    ) => (\n                      <div\n                        key={application.applicationId}\n                        className=\"rounded-lg border bg-card p-4\"\n                      >\n                        <div className=\"flex items-start justify-between gap-3\">\n                          <div>\n                            <p className=\"font-medium\">\n                              {application.applicationName}\n                            </p>\n                            <p className=\"text-sm text-muted-foreground\">\n                              {application.salesCount}{\" \"}\n                              {tr(\"devportal.revenue.sales\", \"sales\")}\n                            </p>\n                          </div>\n                          <div className=\"text-right\">\n                            <p className=\"font-semibold\">\n                              ${application.grossRevenue.toLocaleString()}\n                            </p>\n                            <p className=\"text-sm text-muted-foreground\">\n                              {tr(\"devportal.revenue.net\", \"Net\")} $\n                              {application.netRevenue.toLocaleString()}\n                            </p>\n                          </div>\n                        </div>\n                      </div>\n                    ),\n                  )}\n                </div>\n              ) : (\n                <EmptyState\n                  icon={<Building2 size={24} />}\n                  title={tr(\n                    \"devportal.revenue.noLeadersTitle\",\n                    \"No revenue leaders yet\",\n                  )}\n                  description={tr(\n                    \"devportal.revenue.noLeadersDescription\",\n                    \"Top-performing applications will appear here once revenue is recorded.\",\n                  )}\n                />\n              )}\n            </PageSection>\n          </div>\n\n          <PageSection\n            title={tr(\"devportal.revenue.salesVolume\", \"Sales volume\")}\n          >\n            <div className=\"rounded-lg border bg-card p-4\">\n              <ResponsiveContainer width=\"100%\" height={280}>\n                <BarChart data={chartData}>\n                  <CartesianGrid\n                    strokeDasharray=\"3 3\"\n                    stroke=\"var(--color-chart-grid)\"\n                  />\n                  <XAxis\n                    dataKey=\"date\"\n                    stroke=\"var(--color-chart-axis)\"\n                    fontSize={12}\n                  />\n                  <YAxis stroke=\"var(--color-chart-axis)\" fontSize={12} />\n                  <Tooltip\n                    contentStyle={{\n                      backgroundColor: \"var(--color-card)\",\n                      border: \"1px solid var(--color-border-default)\",\n                      borderRadius: 12,\n                    }}\n                  />\n                  <Bar\n                    dataKey=\"salesCount\"\n                    fill={chartColors.tertiary}\n                    radius={[6, 6, 0, 0]}\n                  />\n                </BarChart>\n              </ResponsiveContainer>\n            </div>\n          </PageSection>\n\n          <div className=\"grid gap-6 xl:grid-cols-2\">\n            <PageSection\n              title={tr(\"devportal.revenue.recentSales\", \"Recent sales\")}\n            >\n              <DataTable\n                data={sales}\n                keyField=\"id\"\n                columns={[\n                  {\n                    key: \"application\",\n                    header: tr(\"devportal.revenue.application\", \"Application\"),\n                    render: (sale) =>\n                      sale.application?.name ||\n                      sale.planName ||\n                      tr(\"devportal.common.unknown\", \"Unknown\"),\n                  },\n                  {\n                    key: \"grossAmount\",\n                    header: tr(\"devportal.revenue.gross\", \"Gross\"),\n                    render: (sale) => `$${sale.grossAmount.toLocaleString()}`,\n                  },\n                  {\n                    key: \"netAmount\",\n                    header: tr(\"devportal.revenue.net\", \"Net\"),\n                    render: (sale) => `$${sale.netAmount.toLocaleString()}`,\n                  },\n                  {\n                    key: \"status\",\n                    header: tr(\"devportal.revenue.status\", \"Status\"),\n                    render: (sale) => (\n                      <StatusBadge status={sale.status} type=\"app\" />\n                    ),\n                  },\n                ]}\n              />\n            </PageSection>\n\n            <PageSection\n              title={tr(\"devportal.revenue.payoutHistory\", \"Payout history\")}\n            >\n              <DataTable\n                data={payouts}\n                keyField=\"id\"\n                columns={[\n                  {\n                    key: \"periodLabel\",\n                    header: tr(\"devportal.revenue.period\", \"Period\"),\n                    render: (payout) => payout.periodLabel,\n                  },\n                  {\n                    key: \"netAmount\",\n                    header: tr(\"devportal.revenue.netPayout\", \"Net payout\"),\n                    render: (payout) => `$${payout.netAmount.toLocaleString()}`,\n                  },\n                  {\n                    key: \"status\",\n                    header: tr(\"devportal.revenue.status\", \"Status\"),\n                    render: (payout) => (\n                      <StatusBadge status={payout.status} type=\"app\" />\n                    ),\n                  },\n                ]}\n              />\n            </PageSection>\n          </div>\n        </>\n      ) : (\n        <EmptyState\n          icon={<DollarSign size={32} />}\n          title={tr(\"devportal.revenue.noDataTitle\", \"No revenue data yet\")}\n          description={tr(\n            \"devportal.revenue.noDataDescription\",\n            \"Revenue metrics will appear after this organization starts recording marketplace sales.\",\n          )}\n        />\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}