npm - @burdenoff/microfe-billing - Versions diffs - 2026.912.6 → 2026.914.1 - Mend

@burdenoff/microfe-billing 2026.912.6 → 2026.914.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

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

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

package/dist/billing/modules/earnings/pages/DeveloperRevenueOrgDetailPage.js ADDED Viewed

@@ -0,0 +1,545 @@
+import { useBilling as e } from "../../../providers/BillingProvider.js";
+import { AccessDenied as t } from "../../../shared/components/AccessDenied.js";
+import { PageHeader as n } from "../../../shared/components/PageHeader.js";
+import { StatCard as r } from "../../../shared/components/StatCard.js";
+import { ServerError as i } from "../../../shared/components/ServerError.js";
+import "../../../shared/components/index.js";
+import { formatCredits as a, formatCurrency as o, formatDateTime as s } from "../../../shared/utils/format.js";
+import { isServerError as ee } from "../../../shared/utils/error.js";
+import "../../../shared/utils/index.js";
+import { useBillingPermissions as te } from "../../../hooks/useBillingPermissions.js";
+import { useBillingNavigate as ne } from "../../../hooks/useBillingNavigate.js";
+import { fetchAdminDeveloperRevenueOrg as re, fetchAdminDeveloperRevenueOrgDetail as c, fetchAdminDeveloperRevenueOrgMonthly as l, fetchAdminPayoutRequests as u, fetchBillingAccountCreditBalance as ie, fetchCreditCost as ae, retrySaleCreditSync as oe } from "../api.js";
+import { useCallback as d, useEffect as f, useMemo as p, useState as m } from "react";
+import { ArrowLeft as h, BadgeCheck as se, CreditCard as ce, Loader2 as g, TrendingDown as _, TrendingUp as v, Wallet as le } from "lucide-react";
+import { useParams as ue } from "react-router";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { PagePurpose as S } from "@burdenoff/fe-libs/ui";
+//#region src/billing/modules/earnings/pages/DeveloperRevenueOrgDetailPage.tsx
+var C = "all", w = {
+	REQUESTED: "Requested",
+	APPROVED: "Approved",
+	REJECTED: "Rejected",
+	PROCESSING: "Processing",
+	PAID: "Paid",
+	FAILED: "Failed",
+	CANCELED: "Canceled"
+}, T = {
+	REQUESTED: "bg-status-warning-bg-subtle text-status-warning-text",
+	APPROVED: "bg-status-info-bg-subtle text-status-info-text",
+	REJECTED: "bg-status-error-bg-subtle text-status-error-text",
+	PROCESSING: "bg-status-info-bg-subtle text-status-info-text",
+	PAID: "bg-status-success-bg-subtle text-status-success-text",
+	FAILED: "bg-status-error-bg-subtle text-status-error-text",
+	CANCELED: "bg-bg-sunken text-text-muted"
+};
+function E({ status: e }) {
+	return /* @__PURE__ */ b("span", {
+		className: `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${T[e] ?? "bg-bg-sunken text-text-muted"}`,
+		children: w[e] ?? e
+	});
+}
+function D(e) {
+	return new Date(e).toLocaleDateString("en-US", {
+		month: "short",
+		year: "numeric"
+	});
+}
+function de(e) {
+	if (e === C) return {};
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? {} : {
+		startDate: new Date(Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), 1)).toISOString(),
+		endDate: (/* @__PURE__ */ new Date(Date.UTC(t.getUTCFullYear(), t.getUTCMonth() + 1, 1) - 1)).toISOString()
+	};
+}
+function fe({ points: e }) {
+	return e.length === 0 ? /* @__PURE__ */ b("div", {
+		className: "px-5 py-10 text-center text-sm text-text-muted",
+		children: "No sales recorded yet — the revenue trend will appear once the first sale comes in."
+	}) : /* @__PURE__ */ b("div", {
+		className: "overflow-x-auto",
+		children: /* @__PURE__ */ x("table", {
+			className: "min-w-full text-sm",
+			children: [/* @__PURE__ */ b("thead", {
+				className: "bg-bg-sunken/60 text-left text-xs uppercase tracking-wide text-text-muted",
+				children: /* @__PURE__ */ x("tr", { children: [
+					/* @__PURE__ */ b("th", {
+						className: "px-4 py-3",
+						children: "Month"
+					}),
+					/* @__PURE__ */ b("th", {
+						className: "px-4 py-3",
+						children: "Gross revenue"
+					}),
+					/* @__PURE__ */ b("th", {
+						className: "px-4 py-3",
+						children: "Platform fee"
+					}),
+					/* @__PURE__ */ b("th", {
+						className: "px-4 py-3",
+						children: "Net revenue"
+					}),
+					/* @__PURE__ */ b("th", {
+						className: "px-4 py-3",
+						children: "Sales"
+					}),
+					/* @__PURE__ */ b("th", {
+						className: "px-4 py-3",
+						children: "Growth (MoM)"
+					})
+				] })
+			}), /* @__PURE__ */ b("tbody", { children: e.map((t, n) => {
+				let r = n > 0 ? e[n - 1] : null, i = r && r.grossRevenue > 0 ? (t.grossRevenue - r.grossRevenue) / r.grossRevenue * 100 : null;
+				return /* @__PURE__ */ x("tr", {
+					className: "border-t border-border-seam",
+					children: [
+						/* @__PURE__ */ b("td", {
+							className: "px-4 py-3 font-medium text-text-primary",
+							children: D(t.month)
+						}),
+						/* @__PURE__ */ b("td", {
+							className: "px-4 py-3 text-text-primary",
+							children: o(t.grossRevenue, "USD")
+						}),
+						/* @__PURE__ */ b("td", {
+							className: "px-4 py-3 text-text-secondary",
+							children: o(t.platformFees, "USD")
+						}),
+						/* @__PURE__ */ b("td", {
+							className: "px-4 py-3 text-text-secondary",
+							children: o(t.netRevenue, "USD")
+						}),
+						/* @__PURE__ */ b("td", {
+							className: "px-4 py-3 text-text-secondary",
+							children: t.salesCount
+						}),
+						/* @__PURE__ */ b("td", {
+							className: "px-4 py-3",
+							children: i === null ? /* @__PURE__ */ b("span", {
+								className: "text-text-muted",
+								children: "—"
+							}) : /* @__PURE__ */ x("span", {
+								className: `inline-flex items-center gap-1 font-medium ${i >= 0 ? "text-status-success-text" : "text-status-error-text"}`,
+								children: [
+									b(i >= 0 ? v : _, { className: "size-3.5" }),
+									i >= 0 ? "+" : "",
+									i.toFixed(1),
+									"%"
+								]
+							})
+						})
+					]
+				}, t.month);
+			}) })]
+		})
+	});
+}
+function pe({ requests: e }) {
+	return e.length === 0 ? /* @__PURE__ */ b("div", {
+		className: "px-5 py-10 text-center text-sm text-text-muted",
+		children: "No withdrawal requests in this period."
+	}) : /* @__PURE__ */ b("div", {
+		className: "overflow-x-auto",
+		children: /* @__PURE__ */ x("table", {
+			className: "min-w-full text-sm",
+			children: [/* @__PURE__ */ b("thead", {
+				className: "bg-bg-sunken/60 text-left text-xs uppercase tracking-wide text-text-muted",
+				children: /* @__PURE__ */ x("tr", { children: [
+					/* @__PURE__ */ b("th", {
+						className: "px-4 py-3",
+						children: "Requested"
+					}),
+					/* @__PURE__ */ b("th", {
+						className: "px-4 py-3",
+						children: "Kind"
+					}),
+					/* @__PURE__ */ b("th", {
+						className: "px-4 py-3",
+						children: "Amount"
+					}),
+					/* @__PURE__ */ b("th", {
+						className: "px-4 py-3",
+						children: "Status"
+					}),
+					/* @__PURE__ */ b("th", {
+						className: "px-4 py-3",
+						children: "Paid"
+					}),
+					/* @__PURE__ */ b("th", {
+						className: "px-4 py-3",
+						children: "Notes"
+					})
+				] })
+			}), /* @__PURE__ */ b("tbody", { children: e.map((e) => /* @__PURE__ */ x("tr", {
+				className: "border-t border-border-seam",
+				children: [
+					/* @__PURE__ */ b("td", {
+						className: "px-4 py-3 text-text-secondary",
+						children: s(e.createdAt)
+					}),
+					/* @__PURE__ */ b("td", {
+						className: "px-4 py-3 text-text-secondary",
+						children: e.requestKind === "CREDIT_CONVERSION" ? "Revenue-share credits" : "Cash payout"
+					}),
+					/* @__PURE__ */ b("td", {
+						className: "px-4 py-3 font-medium text-text-primary",
+						children: o(e.requestedAmount, e.currency)
+					}),
+					/* @__PURE__ */ b("td", {
+						className: "px-4 py-3",
+						children: /* @__PURE__ */ b(E, { status: e.status })
+					}),
+					/* @__PURE__ */ b("td", {
+						className: "px-4 py-3 text-text-secondary",
+						children: e.paidAt ? s(e.paidAt) : "—"
+					}),
+					/* @__PURE__ */ b("td", {
+						className: "px-4 py-3 text-text-muted",
+						children: e.failureReason || e.userNotes || "—"
+					})
+				]
+			}, e.id)) })]
+		})
+	});
+}
+var O = () => {
+	let { organizationId: _ } = ue(), w = te(), { apiGatewayUrl: T, authToken: E, orgId: O } = e(), k = ne(), [A, j] = m(null), [M, N] = m([]), [P, F] = m(null), [I, L] = m(null), [R, z] = m([]), [B, me] = m(null), [he, ge] = m([]), [V, H] = m(C), [_e, U] = m(!0), [W, G] = m(!1), [K, q] = m(null), [J, Y] = m(null), X = p(() => ({
+		apiGatewayUrl: T,
+		authToken: E,
+		orgId: O
+	}), [
+		T,
+		E,
+		O
+	]), Z = d(async (e, t, n) => {
+		let r = de(n), [i, a] = await Promise.all([c(e, X, r), t ? u(X, {
+			limit: 100,
+			filter: {
+				billingAccountId: t,
+				...r
+			}
+		}) : Promise.resolve({
+			items: [],
+			totalCount: 0,
+			hasMore: !1
+		})]);
+		me(i), ge(a.items);
+	}, [X]), Q = d(async () => {
+		if (_) {
+			U(!0), q(null);
+			try {
+				let [e, t] = await Promise.all([re(_, X), l(_, X, 12)]);
+				j(e), N(t);
+				let n = e?.billingAccountId ?? null, r = t.length > 0 ? t[t.length - 1].month : C;
+				H(r);
+				let [i, a] = await Promise.all([
+					n ? ie(n, X) : Promise.resolve(null),
+					n ? u(X, {
+						limit: 100,
+						filter: { billingAccountId: n }
+					}) : Promise.resolve({
+						items: [],
+						totalCount: 0,
+						hasMore: !1
+					}),
+					Z(_, n, r)
+				]);
+				F(i), z(a.items), i && i.total > 0 ? ae(i.total, "USD", X).then(L).catch(() => L(null)) : L(0);
+			} catch (e) {
+				q(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load revenue detail"));
+			} finally {
+				U(!1);
+			}
+		}
+	}, [
+		_,
+		X,
+		Z
+	]);
+	f(() => {
+		w.isBillingAdmin && Q();
+	}, [Q, w.isBillingAdmin]);
+	let ve = (e) => {
+		!_ || !A || (H(e), G(!0), Z(_, A.billingAccountId, e).catch((e) => {
+			q(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load period data"));
+		}).finally(() => G(!1)));
+	};
+	if (!w.isBillingAdmin) return /* @__PURE__ */ b(t, { message: "You don't have permission to view developer revenue." });
+	if (K && ee(K)) return /* @__PURE__ */ b(i, {
+		title: "Developer revenue unavailable",
+		message: K.message,
+		showRetry: !0,
+		onRetry: () => void Q()
+	});
+	if (_e || !A) return /* @__PURE__ */ b("div", {
+		className: "flex items-center justify-center py-20 text-text-secondary",
+		children: /* @__PURE__ */ b(g, { className: "size-8 animate-spin" })
+	});
+	let ye = R.filter((e) => e.status === "PAID").reduce((e, t) => e + (t.approvedAmount ?? t.requestedAmount), 0), $ = R.filter((e) => [
+		"REQUESTED",
+		"APPROVED",
+		"PROCESSING"
+	].includes(e.status)).reduce((e, t) => e + t.requestedAmount, 0), be = [...M].reverse();
+	return /* @__PURE__ */ x("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ b(n, {
+				title: A.name,
+				description: `/${A.slug}${A.isVerified ? " · Verified developer organization" : ""}`,
+				actions: /* @__PURE__ */ x("button", {
+					type: "button",
+					onClick: () => k("/developer-revenue"),
+					className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary",
+					children: [/* @__PURE__ */ b(h, { className: "size-4" }), "Back to developer revenue"]
+				})
+			}),
+			/* @__PURE__ */ b(S, { children: "Store revenue for this org is credited into its linked billing account as earned credits. The developer withdraws those credits later through their own billing withdrawal flow — this page is a read-and-verify view of that whole loop, from sale to payout." }),
+			/* @__PURE__ */ x("div", {
+				className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4",
+				children: [
+					/* @__PURE__ */ b(r, {
+						label: "Gross revenue (all time)",
+						value: o(A.totalRevenue, "USD"),
+						icon: /* @__PURE__ */ b(v, { className: "size-4" })
+					}),
+					/* @__PURE__ */ b(r, {
+						label: "Platform fees (all time)",
+						value: o(A.totalPlatformFees, "USD"),
+						icon: /* @__PURE__ */ b(ce, { className: "size-4" })
+					}),
+					/* @__PURE__ */ b(r, {
+						label: "Pending earned credits",
+						value: o(B?.summary?.pendingBalance ?? A.pendingBalance, "USD"),
+						icon: /* @__PURE__ */ b(le, { className: "size-4" })
+					}),
+					/* @__PURE__ */ b(r, {
+						label: "Already withdrawn (all time)",
+						value: o(ye, "USD"),
+						icon: /* @__PURE__ */ b(se, { className: "size-4" })
+					})
+				]
+			}),
+			/* @__PURE__ */ x("section", {
+				className: "overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]",
+				children: [
+					/* @__PURE__ */ x("div", {
+						className: "border-b border-border-seam px-5 py-4",
+						children: [/* @__PURE__ */ b("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Billing account balance"
+						}), /* @__PURE__ */ b("p", {
+							className: "mt-1 text-sm text-text-muted",
+							children: "The current credit ledger on the org's linked billing account, right now. These are credit units, not currency — 1 credit is worth a small fraction of $1 at the platform's current credit rate."
+						})]
+					}),
+					A.billingAccountId ? P ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("div", {
+						className: "grid gap-3 p-5 md:grid-cols-3 xl:grid-cols-5",
+						children: [
+							/* @__PURE__ */ b(r, {
+								label: "Earned",
+								value: a(P.earned)
+							}),
+							/* @__PURE__ */ b(r, {
+								label: "Purchased",
+								value: a(P.purchased)
+							}),
+							/* @__PURE__ */ b(r, {
+								label: "Granted",
+								value: a(P.granted)
+							}),
+							/* @__PURE__ */ b(r, {
+								label: "Withdrawable",
+								value: a(P.withdrawable)
+							}),
+							/* @__PURE__ */ b(r, {
+								label: "Total balance",
+								value: a(P.total)
+							})
+						]
+					}), /* @__PURE__ */ b("div", {
+						className: "px-5 pb-4 text-xs text-text-muted",
+						children: I === null ? "Estimated cash value could not be loaded." : `≈ ${o(I, "USD")} total at the current credit rate.`
+					})] }) : /* @__PURE__ */ b("div", {
+						className: "px-5 py-8 text-center text-sm text-text-muted",
+						children: "Credit balance could not be loaded."
+					}) : /* @__PURE__ */ b("div", {
+						className: "px-5 py-8 text-center text-sm text-text-muted",
+						children: "No billing account is linked yet — revenue cannot be credited until this org links one."
+					}),
+					$ > 0 && /* @__PURE__ */ x("div", {
+						className: "border-t border-border-seam bg-status-warning-bg-subtle px-5 py-3 text-xs text-status-warning-text",
+						children: [o($, "USD"), " is currently tied up in a pending or approved withdrawal request — it has already left the withdrawable balance above."]
+					})
+				]
+			}),
+			/* @__PURE__ */ x("section", {
+				className: "overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]",
+				children: [/* @__PURE__ */ x("div", {
+					className: "border-b border-border-seam px-5 py-4",
+					children: [/* @__PURE__ */ b("h2", {
+						className: "text-base font-semibold text-text-primary",
+						children: "Monthly revenue trend"
+					}), /* @__PURE__ */ b("p", {
+						className: "mt-1 text-sm text-text-muted",
+						children: "Last 12 months of gross/net revenue for this org, computed from completed sales."
+					})]
+				}), /* @__PURE__ */ b(fe, { points: M })]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "flex flex-wrap items-center justify-between gap-3 rounded-card border border-border-seam bg-bg-surface px-5 py-4 shadow-[var(--shadow-elevation-1)]",
+				children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
+					className: "text-sm font-semibold text-text-primary",
+					children: "Viewing activity for"
+				}), /* @__PURE__ */ b("p", {
+					className: "mt-1 text-xs text-text-muted",
+					children: "Scopes both the withdrawal history and sales tables below — pick a single month to keep long-running orgs easy to review, or switch to all time."
+				})] }), /* @__PURE__ */ x("div", {
+					className: "flex items-center gap-2",
+					children: [W && /* @__PURE__ */ b(g, { className: "size-4 animate-spin text-text-muted" }), /* @__PURE__ */ x("select", {
+						value: V,
+						onChange: (e) => ve(e.target.value),
+						disabled: W,
+						className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary disabled:opacity-50",
+						children: [/* @__PURE__ */ b("option", {
+							value: C,
+							children: "All time"
+						}), be.map((e) => /* @__PURE__ */ b("option", {
+							value: e.month,
+							children: D(e.month)
+						}, e.month))]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ x("section", {
+				className: "overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]",
+				children: [/* @__PURE__ */ x("div", {
+					className: "border-b border-border-seam px-5 py-4",
+					children: [/* @__PURE__ */ b("h2", {
+						className: "text-base font-semibold text-text-primary",
+						children: "Withdrawal history"
+					}), /* @__PURE__ */ x("p", {
+						className: "mt-1 text-sm text-text-muted",
+						children: [
+							"Payout requests this org made in",
+							" ",
+							V === C ? "all time" : D(V),
+							" — both revenue-share credit conversions and cash payouts — with current status."
+						]
+					})]
+				}), /* @__PURE__ */ b("div", {
+					className: W ? "pointer-events-none opacity-50" : void 0,
+					children: /* @__PURE__ */ b(pe, { requests: he })
+				})]
+			}),
+			/* @__PURE__ */ x("section", {
+				className: "overflow-hidden rounded-card border border-border-seam bg-bg-surface shadow-[var(--shadow-elevation-1)]",
+				children: [/* @__PURE__ */ x("div", {
+					className: "border-b border-border-seam px-5 py-4",
+					children: [/* @__PURE__ */ b("h2", {
+						className: "text-base font-semibold text-text-primary",
+						children: "Sales currently contributing to earned credits"
+					}), /* @__PURE__ */ x("p", {
+						className: "mt-1 text-xs text-text-muted",
+						children: [
+							"Unpaid sales purchased in",
+							" ",
+							V === C ? "all time" : D(V),
+							" that should exist as earned credits in the linked billing account until the developer withdraws them."
+						]
+					})]
+				}), /* @__PURE__ */ b("div", {
+					className: `overflow-x-auto ${W ? "pointer-events-none opacity-50" : ""}`,
+					children: /* @__PURE__ */ x("table", {
+						className: "min-w-full text-sm",
+						children: [/* @__PURE__ */ b("thead", {
+							className: "bg-bg-sunken/60 text-left text-xs uppercase tracking-wide text-text-muted",
+							children: /* @__PURE__ */ x("tr", { children: [
+								/* @__PURE__ */ b("th", {
+									className: "px-4 py-3",
+									children: "Application"
+								}),
+								/* @__PURE__ */ b("th", {
+									className: "px-4 py-3",
+									children: "Purchased"
+								}),
+								/* @__PURE__ */ b("th", {
+									className: "px-4 py-3",
+									children: "Net revenue"
+								}),
+								/* @__PURE__ */ b("th", {
+									className: "px-4 py-3",
+									children: "Credit sync"
+								}),
+								/* @__PURE__ */ b("th", {
+									className: "px-4 py-3",
+									children: "Status"
+								})
+							] })
+						}), /* @__PURE__ */ b("tbody", { children: !B || B.unpaidSales.items.length === 0 ? /* @__PURE__ */ b("tr", { children: /* @__PURE__ */ b("td", {
+							colSpan: 5,
+							className: "px-4 py-8 text-center text-sm text-text-muted",
+							children: "No outstanding unpaid sales in this period."
+						}) }) : B.unpaidSales.items.map((e) => /* @__PURE__ */ x("tr", {
+							className: "border-t border-border-seam",
+							children: [
+								/* @__PURE__ */ x("td", {
+									className: "px-4 py-3",
+									children: [/* @__PURE__ */ b("div", {
+										className: "font-medium text-text-primary",
+										children: e.application?.name ?? "Unknown app"
+									}), /* @__PURE__ */ x("div", {
+										className: "text-xs text-text-muted",
+										children: ["/", e.application?.slug ?? "unknown"]
+									})]
+								}),
+								/* @__PURE__ */ b("td", {
+									className: "px-4 py-3 text-text-secondary",
+									children: s(e.purchasedAt)
+								}),
+								/* @__PURE__ */ b("td", {
+									className: "px-4 py-3 text-text-primary",
+									children: o(e.netAmount, e.currency)
+								}),
+								/* @__PURE__ */ x("td", {
+									className: "px-4 py-3 text-text-secondary",
+									children: [
+										/* @__PURE__ */ b("div", { children: e.billingCreditSyncStatus ?? "UNKNOWN" }),
+										e.billingCreditSyncError && /* @__PURE__ */ b("div", {
+											className: "mt-1 text-xs text-status-error-text",
+											children: e.billingCreditSyncError
+										}),
+										e.billingCreditSyncStatus !== "SYNCED" && A.billingAccountId && /* @__PURE__ */ b("button", {
+											type: "button",
+											onClick: () => {
+												_ && (async () => {
+													Y(e.id);
+													try {
+														await oe(e.id, X), await Z(_, A.billingAccountId, V);
+													} finally {
+														Y(null);
+													}
+												})();
+											},
+											disabled: J === e.id,
+											className: "mt-2 rounded-md border border-border-subtle px-2 py-1 text-xs font-medium text-text-primary disabled:opacity-50",
+											children: J === e.id ? "Retrying…" : "Retry sync"
+										})
+									]
+								}),
+								/* @__PURE__ */ b("td", {
+									className: "px-4 py-3 text-text-secondary",
+									children: e.status
+								})
+							]
+						}, e.id)) })]
+					})
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { O as DeveloperRevenueOrgDetailPage };
+//# sourceMappingURL=DeveloperRevenueOrgDetailPage.js.map