@burdenoff/microfe-devportal 2026.623.3 → 2026.623.5

package/dist/devportal/pages/RevenueDashboardPage.js

@@ -1,22 +1,22 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { cn as t } from "../utils/cn.js";
 import { EmptyState as n } from "../components/EmptyState.js";
-import { useCreateBillingAccountMutation as ee, useGetBillingAccountsByOrgQuery as te, useGetMyOrganizationsQuery as ne, useGetRevenueDashboardDataQuery as re, useLinkDevOrgBillingAccountMutation as ie } from "../../generated/global-operations.js";
-import { getErrorMessage as r } from "../hooks/useGraphQL.js";
-import { PageLayout as i, PageSection as a } from "../components/PageLayout.js";
-import { StatCard as o, StatCardGrid as ae } from "../components/StatCard.js";
-import { StatusBadge as s } from "../components/StatusBadge.js";
-import { DataTable as c } from "../components/DataTable.js";
+import { PageLayout as r, PageSection as i } from "../components/PageLayout.js";
+import { StatCard as a, StatCardGrid as ee } from "../components/StatCard.js";
+import { StatusBadge as o } from "../components/StatusBadge.js";
+import { DataTable as s } from "../components/DataTable.js";
+import { useCreateBillingAccountMutation as te, useGetBillingAccountsByOrgQuery as ne, useGetMyOrganizationsQuery as re, useGetRevenueDashboardDataQuery as ie, useLinkDevOrgBillingAccountMutation as ae } from "../../generated/global-operations.js";
+import { getErrorMessage as c } from "../hooks/useGraphQL.js";
 import "../hooks/index.js";
-import { Tooltip as l } from "../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as u } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { Bar as oe } from "../../node_modules/recharts/es6/cartesian/Bar.js";
-import { CartesianGrid as d } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { Line as f } from "../../node_modules/recharts/es6/cartesian/Line.js";
-import { XAxis as p } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as m } 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 { Tooltip as l } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as u } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Bar as oe } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/cartesian/Bar.js";
+import { CartesianGrid as d } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { Line as f } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/cartesian/Line.js";
+import { XAxis as p } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as m } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/cartesian/YAxis.js";
+import { LineChart as se } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/chart/LineChart.js";
+import { BarChart as ce } from "../../node_modules/.bun/recharts@2.15.4_21ccd8898788a04d/node_modules/recharts/es6/chart/BarChart.js";
 import { useTr as le } from "../utils/i18n.js";
 import { useMemo as h, useState as g } from "react";
 import { AlertCircle as _, ArrowDownToLine as ue, Building2 as v, Check as y, CreditCard as b, DollarSign as x, Link2 as S, Loader2 as C, Plus as w, Wallet as de } from "lucide-react";
@@ -32,13 +32,13 @@ var D = {
 	"90d": 90,
 	"12m": 365
 }, O = () => {
-	let O = le(), { activeOrgId: k, currentUser: he } = e(), [A, ge] = g("90d"), [j, M] = g(!1), [N, P] = g(null), [_e] = ee(), [F] = ie(), [I, L] = g(!1), [R, z] = g(null), [ve] = fe(), B = h(() => /* @__PURE__ */ new Date(), []), { data: ye, loading: V } = te({
+	let O = le(), { activeOrgId: k, currentUser: he } = e(), [A, ge] = g("90d"), [j, M] = g(!1), [N, P] = g(null), [_e] = te(), [F] = ae(), [I, L] = g(!1), [R, z] = g(null), [ve] = fe(), B = h(() => /* @__PURE__ */ new Date(), []), { data: ye, loading: V } = ne({
 		fetchPolicy: "cache-and-network",
 		skip: !k
 	}), be = h(() => {
 		let e = new Date(B);
 		return e.setDate(e.getDate() - me[A]), e.toISOString();
-	}, [B, A]), { data: H, loading: xe, error: U } = ne({ fetchPolicy: "cache-and-network" }), { data: W, loading: Se, error: G } = re({
+	}, [B, A]), { data: H, loading: xe, error: U } = re({ fetchPolicy: "cache-and-network" }), { data: W, loading: Se, error: G } = ie({
 		variables: {
 			organizationId: k ?? "",
 			period: "monthly",
@@ -102,14 +102,14 @@ var D = {
 		refunds: e.refunds,
 		salesCount: e.salesCount
 	}));
-	return xe && !H ? /* @__PURE__ */ T(i, {
+	return xe && !H ? /* @__PURE__ */ T(r, {
 		title: O("devportal.revenue.title", "Revenue"),
 		description: O("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
 		children: /* @__PURE__ */ T("div", {
 			className: "flex items-center justify-center py-16 text-muted-foreground",
 			children: /* @__PURE__ */ T(C, { className: "h-8 w-8 animate-spin" })
 		})
-	}) : U ? /* @__PURE__ */ T(i, {
+	}) : U ? /* @__PURE__ */ T(r, {
 		title: O("devportal.revenue.title", "Revenue"),
 		description: O("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
 		children: /* @__PURE__ */ T(n, {
@@ -118,9 +118,9 @@ var D = {
 				className: "text-status-error-text"
 			}),
 			title: O("devportal.revenue.errorLoadOrgs", "Unable to load organizations"),
-			description: r(U)
+			description: c(U)
 		})
-	}) : k ? G ? /* @__PURE__ */ T(i, {
+	}) : k ? G ? /* @__PURE__ */ T(r, {
 		title: O("devportal.revenue.title", "Revenue"),
 		description: O("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
 		children: /* @__PURE__ */ T(n, {
@@ -129,9 +129,9 @@ var D = {
 				className: "text-status-error-text"
 			}),
 			title: O("devportal.revenue.errorLoadData", "Unable to load revenue data"),
-			description: r(G)
+			description: c(G)
 		})
-	}) : /* @__PURE__ */ E(i, {
+	}) : /* @__PURE__ */ E(r, {
 		title: O("devportal.revenue.title", "Revenue"),
 		description: K ? `${O("devportal.revenue.financialPerformanceFor", "Financial performance for")} ${K.name}` : O("devportal.revenue.shortDescription", "Track revenue, sales, and payouts"),
 		actions: /* @__PURE__ */ T("div", {
@@ -366,26 +366,26 @@ var D = {
 				className: "flex items-center justify-center py-16 text-muted-foreground",
 				children: /* @__PURE__ */ T(C, { className: "h-8 w-8 animate-spin" })
 			}) : Q ? /* @__PURE__ */ E(pe, { children: [
-				/* @__PURE__ */ E(ae, {
+				/* @__PURE__ */ E(ee, {
 					columns: 4,
 					children: [
-						/* @__PURE__ */ T(o, {
+						/* @__PURE__ */ T(a, {
 							title: O("devportal.revenue.grossRevenue", "Gross Revenue"),
 							value: `$${Q.totalGrossRevenue.toLocaleString()}`,
 							icon: /* @__PURE__ */ T(x, { size: 20 })
 						}),
-						/* @__PURE__ */ T(o, {
+						/* @__PURE__ */ T(a, {
 							title: O("devportal.revenue.netRevenue", "Net Revenue"),
 							value: `$${Q.totalNetRevenue.toLocaleString()}`,
 							icon: /* @__PURE__ */ T(de, { size: 20 })
 						}),
-						/* @__PURE__ */ T(o, {
+						/* @__PURE__ */ T(a, {
 							title: O("devportal.revenue.pendingBalance", "Pending Balance"),
 							value: `$${Q.pendingBalance.toLocaleString()}`,
 							icon: /* @__PURE__ */ T(b, { size: 20 }),
 							description: Q.nextPayoutDate ? `${O("devportal.revenue.nextPayout", "Next payout")} ${new Date(Q.nextPayoutDate).toLocaleDateString()}` : O("devportal.revenue.noPayoutScheduled", "No payout scheduled")
 						}),
-						/* @__PURE__ */ T(o, {
+						/* @__PURE__ */ T(a, {
 							title: O("devportal.revenue.platformFees", "Platform Fees"),
 							value: `$${Q.totalPlatformFees.toLocaleString()}`,
 							icon: /* @__PURE__ */ T(ue, { size: 20 }),
@@ -395,7 +395,7 @@ var D = {
 				}),
 				/* @__PURE__ */ E("div", {
 					className: "grid gap-6 xl:grid-cols-2",
-					children: [/* @__PURE__ */ T(a, {
+					children: [/* @__PURE__ */ T(i, {
 						title: O("devportal.revenue.revenueTrend", "Revenue trend"),
 						children: /* @__PURE__ */ T("div", {
 							className: "rounded-lg border bg-card p-4",
@@ -441,7 +441,7 @@ var D = {
 								})
 							})
 						})
-					}), /* @__PURE__ */ T(a, {
+					}), /* @__PURE__ */ T(i, {
 						title: O("devportal.revenue.topApps", "Top applications by revenue"),
 						children: Q.topApps.length > 0 ? /* @__PURE__ */ T("div", {
 							className: "space-y-2",
@@ -482,7 +482,7 @@ var D = {
 						})
 					})]
 				}),
-				/* @__PURE__ */ T(a, {
+				/* @__PURE__ */ T(i, {
 					title: O("devportal.revenue.salesVolume", "Sales volume"),
 					children: /* @__PURE__ */ T("div", {
 						className: "rounded-lg border bg-card p-4",
@@ -527,9 +527,9 @@ var D = {
 				}),
 				/* @__PURE__ */ E("div", {
 					className: "grid gap-6 xl:grid-cols-2",
-					children: [/* @__PURE__ */ T(a, {
+					children: [/* @__PURE__ */ T(i, {
 						title: O("devportal.revenue.recentSales", "Recent sales"),
-						children: /* @__PURE__ */ T(c, {
+						children: /* @__PURE__ */ T(s, {
 							data: we,
 							keyField: "id",
 							columns: [
@@ -551,16 +551,16 @@ var D = {
 								{
 									key: "status",
 									header: O("devportal.revenue.status", "Status"),
-									render: (e) => /* @__PURE__ */ T(s, {
+									render: (e) => /* @__PURE__ */ T(o, {
 										status: e.status,
 										type: "app"
 									})
 								}
 							]
 						})
-					}), /* @__PURE__ */ T(a, {
+					}), /* @__PURE__ */ T(i, {
 						title: O("devportal.revenue.payoutHistory", "Payout history"),
-						children: /* @__PURE__ */ T(c, {
+						children: /* @__PURE__ */ T(s, {
 							data: Te,
 							keyField: "id",
 							columns: [
@@ -577,7 +577,7 @@ var D = {
 								{
 									key: "status",
 									header: O("devportal.revenue.status", "Status"),
-									render: (e) => /* @__PURE__ */ T(s, {
+									render: (e) => /* @__PURE__ */ T(o, {
 										status: e.status,
 										type: "app"
 									})
@@ -592,7 +592,7 @@ var D = {
 				description: O("devportal.revenue.noDataDescription", "Revenue metrics will appear after this organization starts recording marketplace sales.")
 			})
 		]
-	}) : /* @__PURE__ */ T(i, {
+	}) : /* @__PURE__ */ T(r, {
 		title: O("devportal.revenue.title", "Revenue"),
 		description: O("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
 		children: /* @__PURE__ */ T(n, {

package/dist/devportal/pages/SettingsPage.js

@@ -1,9 +1,9 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { EmptyState as t } from "../components/EmptyState.js";
-import { useGetDeveloperPortalSettingsOverviewQuery as n } from "../../generated/global-operations.js";
-import { getErrorMessage as r } from "../hooks/useGraphQL.js";
-import { PageLayout as i, PageSection as a } from "../components/PageLayout.js";
-import { VerifiedBadge as o } from "../components/StatusBadge.js";
+import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
+import { VerifiedBadge as i } from "../components/StatusBadge.js";
+import { useGetDeveloperPortalSettingsOverviewQuery as a } from "../../generated/global-operations.js";
+import { getErrorMessage as o } from "../hooks/useGraphQL.js";
 import "../hooks/index.js";
 import { useTr as s } from "../utils/i18n.js";
 import { AlertCircle as c, Building2 as l, ExternalLink as u, KeyRound as d, Loader2 as f, Mail as p, Settings as m, Shield as h, UserCircle2 as g, Webhook as _, Workflow as v } from "lucide-react";
@@ -14,10 +14,10 @@ var x = (e, t) => {
 	let n = new Date(e);
 	return Number.isNaN(n.getTime()) ? t : n.toLocaleDateString();
 }, S = () => {
-	let { navigate: S, basePath: C } = e(), w = s(), { data: T, loading: E, error: D } = n({ fetchPolicy: "cache-and-network" }), O = (e) => {
+	let { navigate: S, basePath: C } = e(), w = s(), { data: T, loading: E, error: D } = a({ fetchPolicy: "cache-and-network" }), O = (e) => {
 		S?.(`${C}${e}`);
 	}, k = w("devportal.settings.never", "Never"), A = w("devportal.settings.title", "Settings"), j = w("devportal.settings.description", "Review your developer portal account, credentials, and support options");
-	if (E && !T) return /* @__PURE__ */ y(i, {
+	if (E && !T) return /* @__PURE__ */ y(n, {
 		title: A,
 		description: j,
 		children: /* @__PURE__ */ y("div", {
@@ -28,7 +28,7 @@ var x = (e, t) => {
 			children: /* @__PURE__ */ y(f, { className: "h-8 w-8 animate-spin" })
 		})
 	});
-	if (D) return /* @__PURE__ */ y(i, {
+	if (D) return /* @__PURE__ */ y(n, {
 		title: A,
 		description: j,
 		children: /* @__PURE__ */ y(t, {
@@ -37,11 +37,11 @@ var x = (e, t) => {
 				className: "text-status-error-text"
 			}),
 			title: w("devportal.settings.errorTitle", "Unable to load settings"),
-			description: r(D)
+			description: o(D)
 		})
 	});
 	let M = T?.myDeveloperProfile, N = T?.myDeveloperOrganizations ?? [], P = T?.myApiKeys?.apiKeys ?? [], F = T?.myApiKeys?.totalCount ?? P.length, I = P[0], L = N.reduce((e, t) => e + (t.totalRevenue ?? 0), 0);
-	return /* @__PURE__ */ y(i, {
+	return /* @__PURE__ */ y(n, {
 		title: A,
 		description: j,
 		children: /* @__PURE__ */ b("div", {
@@ -49,7 +49,7 @@ var x = (e, t) => {
 			children: [/* @__PURE__ */ b("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ y(a, {
+					/* @__PURE__ */ y(r, {
 						title: w("devportal.settings.profile", "Profile"),
 						children: /* @__PURE__ */ y("div", {
 							className: "rounded-lg border bg-card p-6",
@@ -69,7 +69,7 @@ var x = (e, t) => {
 													className: "text-lg font-semibold",
 													children: w("devportal.settings.developerProfile", "Developer profile")
 												}),
-												M?.isVerified && /* @__PURE__ */ y(o, { verified: !0 })
+												M?.isVerified && /* @__PURE__ */ y(i, { verified: !0 })
 											]
 										}),
 										/* @__PURE__ */ y("p", {
@@ -124,7 +124,7 @@ var x = (e, t) => {
 					}),
 					/* @__PURE__ */ b("div", {
 						className: "grid gap-6 lg:grid-cols-2",
-						children: [/* @__PURE__ */ y(a, {
+						children: [/* @__PURE__ */ y(r, {
 							title: w("devportal.settings.credentials", "Credentials"),
 							children: /* @__PURE__ */ y("div", {
 								className: "rounded-lg border bg-card p-6",
@@ -181,7 +181,7 @@ var x = (e, t) => {
 									})]
 								})
 							})
-						}), /* @__PURE__ */ y(a, {
+						}), /* @__PURE__ */ y(r, {
 							title: w("devportal.settings.organizations", "Organizations"),
 							children: /* @__PURE__ */ b("div", {
 								className: "rounded-lg border bg-card p-6",
@@ -222,7 +222,7 @@ var x = (e, t) => {
 							})
 						})]
 					}),
-					/* @__PURE__ */ y(a, {
+					/* @__PURE__ */ y(r, {
 						title: w("devportal.settings.deliveryAutomation", "Delivery & automation"),
 						children: /* @__PURE__ */ y("div", {
 							className: "rounded-lg border bg-card p-6",
@@ -256,7 +256,7 @@ var x = (e, t) => {
 			}), /* @__PURE__ */ b("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ y(a, {
+					/* @__PURE__ */ y(r, {
 						title: w("devportal.settings.securitySupport", "Security & support"),
 						children: /* @__PURE__ */ b("div", {
 							className: "rounded-lg border bg-card p-6",
@@ -288,7 +288,7 @@ var x = (e, t) => {
 							})]
 						})
 					}),
-					/* @__PURE__ */ y(a, {
+					/* @__PURE__ */ y(r, {
 						title: w("devportal.settings.recentCredentialActivity", "Recent credential activity"),
 						children: /* @__PURE__ */ y("div", {
 							className: "rounded-lg border bg-card p-6",
@@ -330,7 +330,7 @@ var x = (e, t) => {
 							})
 						})
 					}),
-					/* @__PURE__ */ y(a, {
+					/* @__PURE__ */ y(r, {
 						title: w("devportal.settings.accountActions", "Account actions"),
 						children: /* @__PURE__ */ b("div", {
 							className: "rounded-lg border border-status-warning-border bg-status-warning-bg-subtle p-6",