npm - @burdenoff/microfe-devportal - Versions diffs - 2026.1108.1 → 2026.1108.2 - Mend

@burdenoff/microfe-devportal 2026.1108.1 → 2026.1108.2

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 (1402) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RevenueDashboardPage.js","names":[],"sources":["../../../src/devportal/pages/RevenueDashboardPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport { useSearchParams } from \"react-router\";\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 Banknote,\n Building2,\n Check,\n CreditCard,\n DollarSign,\n Link2,\n Loader2,\n Send,\n Wallet,\n} from \"lucide-react\";\nimport { EmphasisPanel, GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { useIsSellerSection } from \"../hooks/useIsSellerSection\";\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 { DevPortalPaymentMethodType } from \"../../generated/global-types\";\nimport {\n type GetMyOrganizationsQuery,\n type GetPaymentMethodsQuery,\n type GetRevenueDashboardDataQuery,\n getErrorMessage,\n useAddPaymentMethodMutation,\n useGetBillingAccountsByOrgQuery,\n useGetMyOrganizationsQuery,\n useGetPaymentMethodsQuery,\n useGetRevenueDashboardDataQuery,\n useLinkDevOrgBillingAccountMutation,\n useRequestPayoutMutation,\n} from \"../hooks\";\nimport { cn } from \"../utils/cn\";\nimport { formatCurrency } from \"../utils/currency\";\nimport { useTr } from \"../utils/i18n\";\n\n// Real business rule (devportal's createDeveloperOrgPayoutRequest resolver,\n// sales.ts) — kept in sync here so the button can be disabled with a clear\n// reason up front instead of letting the request round-trip and fail.\nconst MIN_PAYOUT_THRESHOLD = 100;\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 {\n activeOrgId: activeDigitalOrgId,\n activePhysicalOrgId,\n tenantId,\n } = useDevportal();\n const isSeller = useIsSellerSection();\n // Shared page for both kinds — reads whichever active-org slot matches the\n // section it's reached from (seller portal vs regular devportal). Every\n // existing `activeOrgId` reference below keeps working unchanged. See\n // DeveloperOrgKind (BOFF-7285).\n const activeOrgId = isSeller ? activePhysicalOrgId : activeDigitalOrgId;\n const [timeRange, setTimeRange] = useState<TimeRange>(\"90d\");\n const [linkingBilling, setLinkingBilling] = useState(false);\n const [linkBillingError, setLinkBillingError] = useState<string \| null>(null);\n\n const [linkBillingAccount] = useLinkDevOrgBillingAccountMutation();\n const [showBillingPicker, setShowBillingPicker] = useState(false);\n const [selectedBillingAccountId, setSelectedBillingAccountId] = useState<\n string \| null\n >(null);\n const [searchParams] = useSearchParams();\n const now = useMemo(() => new Date(), []);\n\n // Request Withdrawal (BOFF-7192) — the actual withdrawal executes on\n // billing's side (requestPayout mirrors a canonical PayoutRequest there);\n // this panel only starts that request and, if needed, collects a payout\n // method first.\n const [showWithdrawPanel, setShowWithdrawPanel] = useState(false);\n const [withdrawError, setWithdrawError] = useState<string \| null>(null);\n const [selectedPaymentMethodId, setSelectedPaymentMethodId] = useState<\n string \| null\n >(null);\n const [showAddMethodForm, setShowAddMethodForm] = useState(false);\n const [newMethodType, setNewMethodType] =\n useState<DevPortalPaymentMethodType>(\n DevPortalPaymentMethodType.BankAccount,\n );\n const [newMethodName, setNewMethodName] = useState(\"\");\n const [newMethodAccountNumber, setNewMethodAccountNumber] = useState(\"\");\n const [newMethodRoutingNumber, setNewMethodRoutingNumber] = useState(\"\");\n const [newMethodEmail, setNewMethodEmail] = useState(\"\");\n const [addMethodError, setAddMethodError] = useState<string \| null>(null);\n\n const { data: paymentMethodsData, loading: paymentMethodsLoading } =\n useGetPaymentMethodsQuery({\n variables: { organizationId: activeOrgId ?? \"\" },\n skip: !activeOrgId,\n fetchPolicy: \"cache-and-network\",\n });\n const [addPaymentMethod, { loading: addingMethod }] =\n useAddPaymentMethodMutation();\n const [requestPayout, { loading: requestingWithdraw }] =\n useRequestPayoutMutation();\n\n const { data: billingAccountsData, loading: billingAccountsLoading } =\n useGetBillingAccountsByOrgQuery({\n fetchPolicy: \"cache-and-network\",\n context: { headers: { \"x-org-id\": tenantId ?? \"\" } },\n });\n // searchParams kept for deep-link compatibility (URL ?org= still works via OrgSwitcher auto-select)\n void searchParams;\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: activeOrgId ?? \"\",\n period: \"monthly\",\n startDate,\n endDate: now.toISOString(),\n salesLimit: 10,\n salesOffset: 0,\n payoutsLimit: 10,\n payoutsOffset: 0,\n },\n skip: !activeOrgId,\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 const selectedOrganization = organizations.find(\n (organization) => organization.id === activeOrgId,\n );\n\n type BillingAccount = NonNullable<\n typeof billingAccountsData\n >[\"getBillingAccountsByOrg\"][number];\n const existingBillingAccounts: BillingAccount[] =\n billingAccountsData?.getBillingAccountsByOrg ?? [];\n\n const linkedBillingAccount =\n existingBillingAccounts.find(\n (a) => a.id === selectedOrganization?.billingAccountId,\n ) ?? null;\n\n const handleOpenBillingPicker = () => {\n // Pre-select the currently linked account; fall back to default or first\n setSelectedBillingAccountId(\n selectedOrganization?.billingAccountId ??\n existingBillingAccounts.find((a) => a.isDefault)?.id ??\n existingBillingAccounts[0]?.id ??\n null,\n );\n setShowBillingPicker(true);\n };\n\n const handleLinkExisting = async () => {\n if (!activeOrgId \|\| !selectedBillingAccountId) return;\n setLinkingBilling(true);\n setLinkBillingError(null);\n try {\n await linkBillingAccount({\n variables: {\n organizationId: activeOrgId,\n billingAccountId: selectedBillingAccountId,\n },\n refetchQueries: [\"GetMyOrganizations\"],\n });\n setShowBillingPicker(false);\n } catch (err) {\n setLinkBillingError(\n err instanceof Error ? err.message : \"Failed to link billing account\",\n );\n } finally {\n setLinkingBilling(false);\n }\n };\n\n type PaymentMethod =\n GetPaymentMethodsQuery[\"developerOrgPaymentMethods\"][number];\n const paymentMethods: PaymentMethod[] =\n paymentMethodsData?.developerOrgPaymentMethods ?? [];\n const activePaymentMethods = paymentMethods.filter(\n (method: PaymentMethod) => method.isActive,\n );\n\n const handleOpenWithdrawPanel = () => {\n const defaultMethod =\n activePaymentMethods.find((method: PaymentMethod) => method.isDefault) ??\n activePaymentMethods[0];\n setSelectedPaymentMethodId(defaultMethod?.id ?? null);\n setShowAddMethodForm(activePaymentMethods.length === 0);\n setAddMethodError(null);\n setWithdrawError(null);\n setShowWithdrawPanel(true);\n };\n\n const handleAddPaymentMethod = async () => {\n if (!activeOrgId) return;\n setAddMethodError(null);\n const isPaypal = newMethodType === DevPortalPaymentMethodType.Paypal;\n const accountDetails = isPaypal\n ? { email: newMethodEmail }\n : {\n accountNumber: newMethodAccountNumber,\n routingNumber: newMethodRoutingNumber,\n };\n try {\n const result = await addPaymentMethod({\n variables: {\n organizationId: activeOrgId,\n input: {\n type: newMethodType,\n name: newMethodName \|\| (isPaypal ? \"PayPal\" : \"Bank Account\"),\n accountDetails,\n isDefault: activePaymentMethods.length === 0,\n },\n },\n refetchQueries: [\"GetPaymentMethods\"],\n });\n const created = result.data?.addDeveloperOrgPaymentMethod;\n if (created) {\n setSelectedPaymentMethodId(created.id);\n }\n setShowAddMethodForm(false);\n setNewMethodName(\"\");\n setNewMethodAccountNumber(\"\");\n setNewMethodRoutingNumber(\"\");\n setNewMethodEmail(\"\");\n } catch (err) {\n setAddMethodError(\n err instanceof Error ? err.message : \"Failed to add payout method\",\n );\n }\n };\n\n const handleRequestWithdrawal = async () => {\n if (!activeOrgId \|\| !selectedPaymentMethodId) return;\n setWithdrawError(null);\n try {\n await requestPayout({\n variables: {\n organizationId: activeOrgId,\n paymentMethodId: selectedPaymentMethodId,\n },\n refetchQueries: [\"GetRevenueDashboardData\"],\n });\n setShowWithdrawPanel(false);\n } catch (err) {\n setWithdrawError(\n err instanceof Error ? err.message : \"Failed to request withdrawal\",\n );\n }\n };\n\n const summary = data?.developerOrgRevenueSummary;\n const canRequestWithdrawal =\n (summary?.pendingBalance ?? 0) >= MIN_PAYOUT_THRESHOLD;\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-text-secondary\">\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 (!activeOrgId) {\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 illustration=\"empty-people\"\n icon={<Building2 size={32} className=\"text-text-secondary\" />}\n title={tr(\n \"devportal.revenue.selectOrgTitle\",\n \"Select an organization\",\n )}\n description={tr(\n \"devportal.revenue.selectOrgHint\",\n \"Use the organization switcher in the nav bar above to choose which organization's revenue to view.\",\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 purpose={tr(\n \"devportal.revenue.purpose\",\n \"Revenue tracks the money your paid apps earn — gross sales, platform fees, and what gets paid out to your organization. Link a billing account, then use this to reconcile payouts and watch growth across time ranges.\",\n )}\n actions={\n <div className=\"flex flex-wrap gap-2\">\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-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-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 {/* Billing account link banner for orgs not yet linked /}\n {selectedOrganization && !selectedOrganization.billingAccountId && (\n <div className=\"mb-6 rounded-card border border-border-seam bg-status-info-bg-subtle p-4 flex flex-col gap-3\">\n <div className=\"flex items-start gap-3\">\n <Link2\n size={20}\n className=\"text-accent-blue flex-shrink-0 mt-0.5\"\n />\n <div className=\"flex-1 min-w-0\">\n <p className=\"text-sm font-medium text-status-info-text\">\n {tr(\n \"devportal.revenue.billingNotLinkedTitle\",\n \"Link a billing account to receive store revenue\",\n )}\n </p>\n <p className=\"mt-1 text-sm text-status-info-text\">\n {tr(\n \"devportal.revenue.billingNotLinkedDesc\",\n \"Once linked, net earnings from app sales will appear in your billing credits — you can spend them on platform services or withdraw to your bank.\",\n )}\n </p>\n {linkBillingError && (\n <p className=\"mt-2 text-sm text-status-error-text\">\n {linkBillingError}\n </p>\n )}\n </div>\n <button\n type=\"button\"\n onClick={handleOpenBillingPicker}\n disabled={linkingBilling \|\| billingAccountsLoading}\n className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 flex-shrink-0\"\n >\n {linkingBilling \|\| billingAccountsLoading ? (\n <Loader2 size={14} className=\"animate-spin\" />\n ) : (\n <Link2 size={14} />\n )}\n {linkingBilling\n ? tr(\"devportal.revenue.linking\", \"Linking...\")\n : tr(\n \"devportal.revenue.linkBillingAccount\",\n \"Link Billing Account\",\n )}\n </button>\n </div>\n\n {/ No billing accounts message /}\n {showBillingPicker && existingBillingAccounts.length === 0 && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 text-sm text-text-secondary\">\n {tr(\n \"devportal.revenue.noBillingAccounts\",\n \"You don't have any billing accounts yet. Create one from your account billing settings first.\",\n )}\n </div>\n )}\n\n {/ Billing account picker — shown when user has existing accounts /}\n {showBillingPicker && existingBillingAccounts.length > 0 && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 space-y-3\">\n <p className=\"text-sm font-medium\">\n {tr(\n \"devportal.revenue.chooseBillingAccount\",\n \"Choose a billing account to link\",\n )}\n </p>\n <div className=\"space-y-2\">\n {existingBillingAccounts.map((account) => (\n <button\n key={account.id}\n type=\"button\"\n onClick={() =>\n setSelectedBillingAccountId(account.id ?? null)\n }\n className={cn(\n \"flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors\",\n selectedBillingAccountId === account.id\n ? \"border-primary bg-action-primary-bg/5 text-text-primary\"\n : \"border-border-subtle hover:bg-accent text-text-primary\",\n )}\n >\n <Check\n size={14}\n className={cn(\n \"flex-shrink-0\",\n selectedBillingAccountId === account.id\n ? \"opacity-100 text-primary\"\n : \"opacity-0\",\n )}\n />\n <div className=\"flex-1 min-w-0\">\n <p className=\"font-medium truncate\">{account.name}</p>\n {account.isDefault && (\n <p className=\"text-xs text-text-secondary\">\n {tr(\"devportal.revenue.defaultAccount\", \"Default\")}\n </p>\n )}\n </div>\n </button>\n ))}\n </div>\n <div className=\"flex items-center justify-end gap-2 pt-1\">\n <button\n type=\"button\"\n onClick={() => {\n setShowBillingPicker(false);\n setLinkBillingError(null);\n }}\n className=\"rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors\"\n >\n {tr(\"devportal.cancel\", \"Cancel\")}\n </button>\n <button\n type=\"button\"\n disabled={linkingBilling \|\| !selectedBillingAccountId}\n onClick={() => void handleLinkExisting()}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n >\n {linkingBilling ? (\n <Loader2 size={13} className=\"animate-spin\" />\n ) : (\n <Link2 size={13} />\n )}\n {tr(\"devportal.revenue.confirm\", \"Confirm\")}\n </button>\n </div>\n </div>\n )}\n </div>\n )}\n\n {/ Linked billing account info — shown when billing is already linked /}\n {selectedOrganization?.billingAccountId && (\n <div className=\"mb-6 rounded-lg border border-border-subtle bg-bg-surface p-3 flex flex-col gap-3\">\n <div className=\"flex items-center gap-3\">\n <CreditCard\n size={16}\n className=\"text-text-secondary flex-shrink-0\"\n />\n <div className=\"flex-1 min-w-0\">\n <p className=\"text-sm font-medium truncate\">\n {linkedBillingAccount?.name ??\n tr(\"devportal.revenue.billingAccount\", \"Billing account\")}\n </p>\n <p className=\"text-xs text-text-secondary truncate\">\n {linkedBillingAccount\n ? `${linkedBillingAccount.currency}${linkedBillingAccount.email ? ` · ${linkedBillingAccount.email}` : \"\"}`\n : selectedOrganization.billingAccountId}\n </p>\n </div>\n {!showBillingPicker && (\n <button\n type=\"button\"\n onClick={handleOpenBillingPicker}\n disabled={billingAccountsLoading}\n className=\"text-xs text-text-secondary hover:text-text-primary transition-colors flex-shrink-0 disabled:opacity-50\"\n >\n {tr(\"devportal.revenue.changeBillingAccount\", \"Change\")}\n </button>\n )}\n </div>\n {/ Picker for changing the linked account /}\n {showBillingPicker && existingBillingAccounts.length > 0 && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 space-y-3\">\n <p className=\"text-sm font-medium\">\n {tr(\n \"devportal.revenue.chooseBillingAccount\",\n \"Choose a billing account to link\",\n )}\n </p>\n <div className=\"space-y-2\">\n {existingBillingAccounts.map((account) => (\n <button\n key={account.id}\n type=\"button\"\n onClick={() =>\n setSelectedBillingAccountId(account.id ?? null)\n }\n className={cn(\n \"flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors\",\n selectedBillingAccountId === account.id\n ? \"border-primary bg-action-primary-bg/5 text-text-primary\"\n : \"border-border-subtle hover:bg-accent text-text-primary\",\n )}\n >\n <Check\n size={14}\n className={cn(\n \"flex-shrink-0\",\n selectedBillingAccountId === account.id\n ? \"opacity-100 text-primary\"\n : \"opacity-0\",\n )}\n />\n <div className=\"flex-1 min-w-0\">\n <p className=\"font-medium truncate\">{account.name}</p>\n {account.isDefault && (\n <p className=\"text-xs text-text-secondary\">\n {tr(\"devportal.revenue.defaultAccount\", \"Default\")}\n </p>\n )}\n </div>\n </button>\n ))}\n </div>\n <div className=\"flex items-center justify-end gap-2 pt-1\">\n <button\n type=\"button\"\n onClick={() => {\n setShowBillingPicker(false);\n setLinkBillingError(null);\n }}\n className=\"rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors\"\n >\n {tr(\"devportal.cancel\", \"Cancel\")}\n </button>\n <button\n type=\"button\"\n disabled={linkingBilling \|\| !selectedBillingAccountId}\n onClick={() => void handleLinkExisting()}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n >\n {linkingBilling ? (\n <Loader2 size={13} className=\"animate-spin\" />\n ) : (\n <Link2 size={13} />\n )}\n {tr(\"devportal.revenue.confirm\", \"Confirm\")}\n </button>\n </div>\n {linkBillingError && (\n <p className=\"text-xs text-status-error-text\">\n {linkBillingError}\n </p>\n )}\n </div>\n )}\n </div>\n )}\n\n {/ Request Withdrawal (BOFF-7192) — only once billing is linked; the\n actual money movement happens on billing's side. */}\n {selectedOrganization?.billingAccountId && summary && (\n <div className=\"mb-6 rounded-lg border border-border-subtle bg-bg-surface p-3 flex flex-col gap-3\">\n <div className=\"flex items-center gap-3\">\n <Banknote size={16} className=\"text-text-secondary flex-shrink-0\" />\n <div className=\"flex-1 min-w-0\">\n <p className=\"text-sm font-medium\">\n {tr(\n \"devportal.revenue.withdrawTitle\",\n \"Withdraw earned credits\",\n )}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {canRequestWithdrawal\n ? `${tr(\"devportal.revenue.available\", \"Available\")}: ${formatCurrency(summary.pendingBalance, summary.currency)}`\n : `${tr(\"devportal.revenue.belowMinimum\", \"Minimum payout is\")} $${MIN_PAYOUT_THRESHOLD} — ${tr(\"devportal.revenue.youHave\", \"you have\")} ${formatCurrency(summary.pendingBalance, summary.currency)} ${tr(\"devportal.revenue.pending\", \"pending\")}.`}\n </p>\n </div>\n {!showWithdrawPanel && (\n <button\n type=\"button\"\n onClick={handleOpenWithdrawPanel}\n disabled={!canRequestWithdrawal}\n title={\n canRequestWithdrawal\n ? undefined\n : tr(\n \"devportal.revenue.belowMinimumHint\",\n `Payouts require a pending balance of at least $${MIN_PAYOUT_THRESHOLD}.`,\n )\n }\n className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex-shrink-0\"\n >\n <Send size={14} />\n {tr(\n \"devportal.revenue.requestWithdrawal\",\n \"Request Withdrawal\",\n )}\n </button>\n )}\n </div>\n\n {showWithdrawPanel && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 space-y-3\">\n {paymentMethodsLoading ? (\n <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n <Loader2 size={14} className=\"animate-spin\" />\n {tr(\n \"devportal.revenue.loadingMethods\",\n \"Loading payout methods...\",\n )}\n </div>\n ) : showAddMethodForm ? (\n <div className=\"space-y-3\">\n <p className=\"text-sm font-medium\">\n {tr(\n \"devportal.revenue.addPayoutMethod\",\n \"Add a payout method\",\n )}\n </p>\n <div className=\"grid grid-cols-2 gap-2\">\n <button\n type=\"button\"\n onClick={() =>\n setNewMethodType(DevPortalPaymentMethodType.BankAccount)\n }\n className={cn(\n \"rounded-md border px-3 py-2 text-sm text-left transition-colors\",\n newMethodType === DevPortalPaymentMethodType.BankAccount\n ? \"border-primary bg-action-primary-bg/5\"\n : \"border-border-subtle hover:bg-accent\",\n )}\n >\n {tr(\"devportal.revenue.bankAccount\", \"Bank Account\")}\n </button>\n <button\n type=\"button\"\n onClick={() =>\n setNewMethodType(DevPortalPaymentMethodType.Paypal)\n }\n className={cn(\n \"rounded-md border px-3 py-2 text-sm text-left transition-colors\",\n newMethodType === DevPortalPaymentMethodType.Paypal\n ? \"border-primary bg-action-primary-bg/5\"\n : \"border-border-subtle hover:bg-accent\",\n )}\n >\n {tr(\"devportal.revenue.paypal\", \"PayPal\")}\n </button>\n </div>\n\n <input\n type=\"text\"\n value={newMethodName}\n onChange={(event) => setNewMethodName(event.target.value)}\n placeholder={tr(\n \"devportal.revenue.methodNamePlaceholder\",\n 'Label (e.g. \"Primary account\")',\n )}\n className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n\n {newMethodType === DevPortalPaymentMethodType.Paypal ? (\n <input\n type=\"email\"\n value={newMethodEmail}\n onChange={(event) =>\n setNewMethodEmail(event.target.value)\n }\n placeholder={tr(\n \"devportal.revenue.paypalEmailPlaceholder\",\n \"PayPal email\",\n )}\n className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n ) : (\n <>\n <input\n type=\"text\"\n value={newMethodAccountNumber}\n onChange={(event) =>\n setNewMethodAccountNumber(event.target.value)\n }\n placeholder={tr(\n \"devportal.revenue.accountNumberPlaceholder\",\n \"Account number\",\n )}\n className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n <input\n type=\"text\"\n value={newMethodRoutingNumber}\n onChange={(event) =>\n setNewMethodRoutingNumber(event.target.value)\n }\n placeholder={tr(\n \"devportal.revenue.routingNumberPlaceholder\",\n \"Routing number\",\n )}\n className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n </>\n )}\n\n {addMethodError && (\n <p className=\"text-xs text-status-error-text\">\n {addMethodError}\n </p>\n )}\n\n <div className=\"flex items-center justify-end gap-2 pt-1\">\n <button\n type=\"button\"\n onClick={() => setShowWithdrawPanel(false)}\n className=\"rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors\"\n >\n {tr(\"devportal.cancel\", \"Cancel\")}\n </button>\n <button\n type=\"button\"\n disabled={\n addingMethod \|\|\n (newMethodType === DevPortalPaymentMethodType.Paypal\n ? !newMethodEmail\n : !newMethodAccountNumber)\n }\n onClick={() => void handleAddPaymentMethod()}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n >\n {addingMethod ? (\n <Loader2 size={13} className=\"animate-spin\" />\n ) : (\n <Check size={13} />\n )}\n {tr(\"devportal.revenue.saveMethod\", \"Save method\")}\n </button>\n </div>\n </div>\n ) : (\n <div className=\"space-y-3\">\n <p className=\"text-sm font-medium\">\n {tr(\n \"devportal.revenue.chooseMethod\",\n \"Choose where to send this payout\",\n )}\n </p>\n <div className=\"space-y-2\">\n {activePaymentMethods.map((method: PaymentMethod) => (\n <button\n key={method.id}\n type=\"button\"\n onClick={() => setSelectedPaymentMethodId(method.id)}\n className={cn(\n \"flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors\",\n selectedPaymentMethodId === method.id\n ? \"border-primary bg-action-primary-bg/5 text-text-primary\"\n : \"border-border-subtle hover:bg-accent text-text-primary\",\n )}\n >\n <Check\n size={14}\n className={cn(\n \"flex-shrink-0\",\n selectedPaymentMethodId === method.id\n ? \"opacity-100 text-primary\"\n : \"opacity-0\",\n )}\n />\n <div className=\"flex-1 min-w-0\">\n <p className=\"font-medium truncate\">\n {method.displayName ?? method.name}\n </p>\n {method.isDefault && (\n <p className=\"text-xs text-text-secondary\">\n {tr(\n \"devportal.revenue.defaultAccount\",\n \"Default\",\n )}\n </p>\n )}\n </div>\n </button>\n ))}\n <button\n type=\"button\"\n onClick={() => setShowAddMethodForm(true)}\n className=\"w-full rounded-md border border-dashed border-border-subtle px-3 py-2 text-sm text-text-secondary hover:bg-accent transition-colors\"\n >\n +{\" \"}\n {tr(\n \"devportal.revenue.addAnotherMethod\",\n \"Add a different method\",\n )}\n </button>\n </div>\n\n {withdrawError && (\n <p className=\"text-xs text-status-error-text\">\n {withdrawError}\n </p>\n )}\n\n <div className=\"flex items-center justify-end gap-2 pt-1\">\n <button\n type=\"button\"\n onClick={() => setShowWithdrawPanel(false)}\n className=\"rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors\"\n >\n {tr(\"devportal.cancel\", \"Cancel\")}\n </button>\n <button\n type=\"button\"\n disabled={requestingWithdraw \|\| !selectedPaymentMethodId}\n onClick={() => void handleRequestWithdrawal()}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n >\n {requestingWithdraw ? (\n <Loader2 size={13} className=\"animate-spin\" />\n ) : (\n <Send size={13} />\n )}\n {tr(\"devportal.revenue.confirmWithdrawal\", \"Request\")}{\" \"}\n {formatCurrency(summary.pendingBalance, summary.currency)}\n </button>\n </div>\n </div>\n )}\n </div>\n )}\n </div>\n )}\n\n {loading && !summary ? (\n <div className=\"flex items-center justify-center py-16 text-text-secondary\">\n <Loader2 className=\"h-8 w-8 animate-spin\" />\n </div>\n ) : summary ? (\n <>\n <EmphasisPanel className=\"mb-6\">\n <StatCardGrid columns={4}>\n <StatCard\n title={tr(\"devportal.revenue.grossRevenue\", \"Gross Revenue\")}\n value={formatCurrency(\n summary.totalGrossRevenue,\n summary.currency,\n )}\n icon={<DollarSign size={20} />}\n />\n <StatCard\n title={tr(\"devportal.revenue.netRevenue\", \"Net Revenue\")}\n value={formatCurrency(\n summary.totalNetRevenue,\n summary.currency,\n )}\n icon={<Wallet size={20} />}\n />\n <StatCard\n title={tr(\n \"devportal.revenue.pendingBalance\",\n \"Pending Balance\",\n )}\n value={formatCurrency(summary.pendingBalance, summary.currency)}\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={formatCurrency(\n summary.totalPlatformFees,\n summary.currency,\n )}\n icon={<ArrowDownToLine size={20} />}\n description={`${summary.totalRefundsCount} ${tr(\"devportal.revenue.refunds\", \"refunds\")}`}\n />\n </StatCardGrid>\n </EmphasisPanel>\n\n <div className=\"grid gap-6 xl:grid-cols-2\">\n <PageSection\n title={tr(\"devportal.revenue.revenueTrend\", \"Revenue trend\")}\n >\n <GlassCard treatment=\"insight\" className=\"p-4\">\n {chartData.length > 0 ? (\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 ) : (\n <div className=\"flex h-[300px] flex-col items-center justify-center gap-2 text-text-secondary\">\n <p className=\"text-sm font-medium\">\n {tr(\"devportal.revenue.noTrendData\", \"No trend data yet\")}\n </p>\n <p className=\"text-xs text-text-tertiary\">\n {tr(\n \"devportal.revenue.noTrendDataHint\",\n \"Revenue trend appears once daily analytics have been aggregated.\",\n )}\n </p>\n </div>\n )}\n </GlassCard>\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 <GlassCard\n key={application.applicationId}\n treatment=\"insight\"\n className=\"border-border-seam 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-text-secondary\">\n {application.salesCount}{\" \"}\n {tr(\"devportal.revenue.sales\", \"sales\")}\n </p>\n </div>\n <div className=\"text-right\">\n <p className=\"font-semibold\">\n {formatCurrency(\n application.grossRevenue,\n application.currency,\n )}\n </p>\n <p className=\"text-sm text-text-secondary\">\n {tr(\"devportal.revenue.net\", \"Net\")}{\" \"}\n {formatCurrency(\n application.netRevenue,\n application.currency,\n )}\n </p>\n </div>\n </div>\n </GlassCard>\n ),\n )}\n </div>\n ) : (\n <EmptyState\n illustration=\"empty-data\"\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 <GlassCard treatment=\"insight\" className=\"p-4\">\n {chartData.length > 0 ? (\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 ) : (\n <div className=\"flex h-[280px] flex-col items-center justify-center gap-2 text-text-secondary\">\n <p className=\"text-sm font-medium\">\n {tr(\n \"devportal.revenue.noVolumeData\",\n \"No sales volume data yet\",\n )}\n </p>\n <p className=\"text-xs text-text-tertiary\">\n {tr(\n \"devportal.revenue.noVolumeDataHint\",\n \"Sales volume by period appears once analytics have been aggregated.\",\n )}\n </p>\n </div>\n )}\n </GlassCard>\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) =>\n formatCurrency(sale.grossAmount, sale.currency),\n },\n {\n key: \"netAmount\",\n header: tr(\"devportal.revenue.net\", \"Net\"),\n render: (sale) =>\n formatCurrency(sale.netAmount, sale.currency),\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) =>\n formatCurrency(payout.netAmount, payout.currency),\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 illustration=\"empty-data\"\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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"}
1	+ {"version":3,"file":"RevenueDashboardPage.js","names":["EmptyState","_Fragment","EmptyState$1","MIN_PAYOUT_THRESHOLD","chartColors","daysByRange","RevenueDashboardPage","tr","useTr","activeDigitalOrgId","useDevportal","activeOrgId","useIsSellerSection","activePhysicalOrgId","timeRange","setTimeRange","useState","linkingBilling","setLinkingBilling","linkBillingError","setLinkBillingError","linkBillingAccount","useLinkDevOrgBillingAccountMutation","showBillingPicker","setShowBillingPicker","selectedBillingAccountId","setSelectedBillingAccountId","searchParams","useSearchParams","now","useMemo","showWithdrawPanel","setShowWithdrawPanel","withdrawError","setWithdrawError","selectedPaymentMethodId","setSelectedPaymentMethodId","showAddMethodForm","setShowAddMethodForm","newMethodType","setNewMethodType","DevPortalPaymentMethodType","newMethodName","setNewMethodName","newMethodAccountNumber","setNewMethodAccountNumber","newMethodRoutingNumber","setNewMethodRoutingNumber","newMethodEmail","setNewMethodEmail","addMethodError","setAddMethodError","paymentMethodsData","paymentMethodsLoading","useGetPaymentMethodsQuery","addPaymentMethod","addingMethod","useAddPaymentMethodMutation","requestPayout","requestingWithdraw","useRequestPayoutMutation","billingAccountsData","billingAccountsLoading","useGetBillingAccountsByOrgQuery","tenantId","startDate","nextDate","organizationsData","organizationsLoading","organizationsError","useGetMyOrganizationsQuery","useGetRevenueDashboardDataQuery","selectedOrganization","organization","existingBillingAccounts","linkedBillingAccount","a","handleOpenBillingPicker","handleLinkExisting","err","activePaymentMethods","method","handleOpenWithdrawPanel","defaultMethod","handleAddPaymentMethod","isPaypal","accountDetails","created","handleRequestWithdrawal","summary","data","canRequestWithdrawal","analytics","left","right","sales","edge","payouts","chartData","entry","PageLayout","Loader2","AlertCircle","getErrorMessage","error","event","Link2","account","cn","Check","CreditCard","Banknote","formatCurrency","Send","Fragment","loading","EmphasisPanel","StatCardGrid","StatCard","DollarSign","Wallet","ArrowDownToLine","PageSection","GlassCard","ResponsiveContainer","LineChart","CartesianGrid","XAxis","YAxis","Tooltip","Line","application","Building2","BarChart","Bar","DataTable","sale","StatusBadge","payout"],"sources":["../../../src/devportal/pages/RevenueDashboardPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport { useSearchParams } from \"react-router\";\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 Banknote,\n Building2,\n Check,\n CreditCard,\n DollarSign,\n Link2,\n Loader2,\n Send,\n Wallet,\n} from \"lucide-react\";\nimport { EmphasisPanel, GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { useIsSellerSection } from \"../hooks/useIsSellerSection\";\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 { DevPortalPaymentMethodType } from \"../../generated/global-types\";\nimport {\n type GetMyOrganizationsQuery,\n type GetPaymentMethodsQuery,\n type GetRevenueDashboardDataQuery,\n getErrorMessage,\n useAddPaymentMethodMutation,\n useGetBillingAccountsByOrgQuery,\n useGetMyOrganizationsQuery,\n useGetPaymentMethodsQuery,\n useGetRevenueDashboardDataQuery,\n useLinkDevOrgBillingAccountMutation,\n useRequestPayoutMutation,\n} from \"../hooks\";\nimport { cn } from \"../utils/cn\";\nimport { formatCurrency } from \"../utils/currency\";\nimport { useTr } from \"../utils/i18n\";\n\n// Real business rule (devportal's createDeveloperOrgPayoutRequest resolver,\n// sales.ts) — kept in sync here so the button can be disabled with a clear\n// reason up front instead of letting the request round-trip and fail.\nconst MIN_PAYOUT_THRESHOLD = 100;\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 {\n activeOrgId: activeDigitalOrgId,\n activePhysicalOrgId,\n tenantId,\n } = useDevportal();\n const isSeller = useIsSellerSection();\n // Shared page for both kinds — reads whichever active-org slot matches the\n // section it's reached from (seller portal vs regular devportal). Every\n // existing `activeOrgId` reference below keeps working unchanged. See\n // DeveloperOrgKind (BOFF-7285).\n const activeOrgId = isSeller ? activePhysicalOrgId : activeDigitalOrgId;\n const [timeRange, setTimeRange] = useState<TimeRange>(\"90d\");\n const [linkingBilling, setLinkingBilling] = useState(false);\n const [linkBillingError, setLinkBillingError] = useState<string \| null>(null);\n\n const [linkBillingAccount] = useLinkDevOrgBillingAccountMutation();\n const [showBillingPicker, setShowBillingPicker] = useState(false);\n const [selectedBillingAccountId, setSelectedBillingAccountId] = useState<\n string \| null\n >(null);\n const [searchParams] = useSearchParams();\n const now = useMemo(() => new Date(), []);\n\n // Request Withdrawal (BOFF-7192) — the actual withdrawal executes on\n // billing's side (requestPayout mirrors a canonical PayoutRequest there);\n // this panel only starts that request and, if needed, collects a payout\n // method first.\n const [showWithdrawPanel, setShowWithdrawPanel] = useState(false);\n const [withdrawError, setWithdrawError] = useState<string \| null>(null);\n const [selectedPaymentMethodId, setSelectedPaymentMethodId] = useState<\n string \| null\n >(null);\n const [showAddMethodForm, setShowAddMethodForm] = useState(false);\n const [newMethodType, setNewMethodType] =\n useState<DevPortalPaymentMethodType>(\n DevPortalPaymentMethodType.BankAccount,\n );\n const [newMethodName, setNewMethodName] = useState(\"\");\n const [newMethodAccountNumber, setNewMethodAccountNumber] = useState(\"\");\n const [newMethodRoutingNumber, setNewMethodRoutingNumber] = useState(\"\");\n const [newMethodEmail, setNewMethodEmail] = useState(\"\");\n const [addMethodError, setAddMethodError] = useState<string \| null>(null);\n\n const { data: paymentMethodsData, loading: paymentMethodsLoading } =\n useGetPaymentMethodsQuery({\n variables: { organizationId: activeOrgId ?? \"\" },\n skip: !activeOrgId,\n fetchPolicy: \"cache-and-network\",\n });\n const [addPaymentMethod, { loading: addingMethod }] =\n useAddPaymentMethodMutation();\n const [requestPayout, { loading: requestingWithdraw }] =\n useRequestPayoutMutation();\n\n const { data: billingAccountsData, loading: billingAccountsLoading } =\n useGetBillingAccountsByOrgQuery({\n fetchPolicy: \"cache-and-network\",\n context: { headers: { \"x-org-id\": tenantId ?? \"\" } },\n });\n // searchParams kept for deep-link compatibility (URL ?org= still works via OrgSwitcher auto-select)\n void searchParams;\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: activeOrgId ?? \"\",\n period: \"monthly\",\n startDate,\n endDate: now.toISOString(),\n salesLimit: 10,\n salesOffset: 0,\n payoutsLimit: 10,\n payoutsOffset: 0,\n },\n skip: !activeOrgId,\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 const selectedOrganization = organizations.find(\n (organization) => organization.id === activeOrgId,\n );\n\n type BillingAccount = NonNullable<\n typeof billingAccountsData\n >[\"getBillingAccountsByOrg\"][number];\n const existingBillingAccounts: BillingAccount[] =\n billingAccountsData?.getBillingAccountsByOrg ?? [];\n\n const linkedBillingAccount =\n existingBillingAccounts.find(\n (a) => a.id === selectedOrganization?.billingAccountId,\n ) ?? null;\n\n const handleOpenBillingPicker = () => {\n // Pre-select the currently linked account; fall back to default or first\n setSelectedBillingAccountId(\n selectedOrganization?.billingAccountId ??\n existingBillingAccounts.find((a) => a.isDefault)?.id ??\n existingBillingAccounts[0]?.id ??\n null,\n );\n setShowBillingPicker(true);\n };\n\n const handleLinkExisting = async () => {\n if (!activeOrgId \|\| !selectedBillingAccountId) return;\n setLinkingBilling(true);\n setLinkBillingError(null);\n try {\n await linkBillingAccount({\n variables: {\n organizationId: activeOrgId,\n billingAccountId: selectedBillingAccountId,\n },\n refetchQueries: [\"GetMyOrganizations\"],\n });\n setShowBillingPicker(false);\n } catch (err) {\n setLinkBillingError(\n err instanceof Error ? err.message : \"Failed to link billing account\",\n );\n } finally {\n setLinkingBilling(false);\n }\n };\n\n type PaymentMethod =\n GetPaymentMethodsQuery[\"developerOrgPaymentMethods\"][number];\n const paymentMethods: PaymentMethod[] =\n paymentMethodsData?.developerOrgPaymentMethods ?? [];\n const activePaymentMethods = paymentMethods.filter(\n (method: PaymentMethod) => method.isActive,\n );\n\n const handleOpenWithdrawPanel = () => {\n const defaultMethod =\n activePaymentMethods.find((method: PaymentMethod) => method.isDefault) ??\n activePaymentMethods[0];\n setSelectedPaymentMethodId(defaultMethod?.id ?? null);\n setShowAddMethodForm(activePaymentMethods.length === 0);\n setAddMethodError(null);\n setWithdrawError(null);\n setShowWithdrawPanel(true);\n };\n\n const handleAddPaymentMethod = async () => {\n if (!activeOrgId) return;\n setAddMethodError(null);\n const isPaypal = newMethodType === DevPortalPaymentMethodType.Paypal;\n const accountDetails = isPaypal\n ? { email: newMethodEmail }\n : {\n accountNumber: newMethodAccountNumber,\n routingNumber: newMethodRoutingNumber,\n };\n try {\n const result = await addPaymentMethod({\n variables: {\n organizationId: activeOrgId,\n input: {\n type: newMethodType,\n name: newMethodName \|\| (isPaypal ? \"PayPal\" : \"Bank Account\"),\n accountDetails,\n isDefault: activePaymentMethods.length === 0,\n },\n },\n refetchQueries: [\"GetPaymentMethods\"],\n });\n const created = result.data?.addDeveloperOrgPaymentMethod;\n if (created) {\n setSelectedPaymentMethodId(created.id);\n }\n setShowAddMethodForm(false);\n setNewMethodName(\"\");\n setNewMethodAccountNumber(\"\");\n setNewMethodRoutingNumber(\"\");\n setNewMethodEmail(\"\");\n } catch (err) {\n setAddMethodError(\n err instanceof Error ? err.message : \"Failed to add payout method\",\n );\n }\n };\n\n const handleRequestWithdrawal = async () => {\n if (!activeOrgId \|\| !selectedPaymentMethodId) return;\n setWithdrawError(null);\n try {\n await requestPayout({\n variables: {\n organizationId: activeOrgId,\n paymentMethodId: selectedPaymentMethodId,\n },\n refetchQueries: [\"GetRevenueDashboardData\"],\n });\n setShowWithdrawPanel(false);\n } catch (err) {\n setWithdrawError(\n err instanceof Error ? err.message : \"Failed to request withdrawal\",\n );\n }\n };\n\n const summary = data?.developerOrgRevenueSummary;\n const canRequestWithdrawal =\n (summary?.pendingBalance ?? 0) >= MIN_PAYOUT_THRESHOLD;\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-text-secondary\">\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 (!activeOrgId) {\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 illustration=\"empty-people\"\n icon={<Building2 size={32} className=\"text-text-secondary\" />}\n title={tr(\n \"devportal.revenue.selectOrgTitle\",\n \"Select an organization\",\n )}\n description={tr(\n \"devportal.revenue.selectOrgHint\",\n \"Use the organization switcher in the nav bar above to choose which organization's revenue to view.\",\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 purpose={tr(\n \"devportal.revenue.purpose\",\n \"Revenue tracks the money your paid apps earn — gross sales, platform fees, and what gets paid out to your organization. Link a billing account, then use this to reconcile payouts and watch growth across time ranges.\",\n )}\n actions={\n <div className=\"flex flex-wrap gap-2\">\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-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-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 {/* Billing account link banner for orgs not yet linked /}\n {selectedOrganization && !selectedOrganization.billingAccountId && (\n <div className=\"mb-6 rounded-card border border-border-seam bg-status-info-bg-subtle p-4 flex flex-col gap-3\">\n <div className=\"flex items-start gap-3\">\n <Link2\n size={20}\n className=\"text-accent-blue flex-shrink-0 mt-0.5\"\n />\n <div className=\"flex-1 min-w-0\">\n <p className=\"text-sm font-medium text-status-info-text\">\n {tr(\n \"devportal.revenue.billingNotLinkedTitle\",\n \"Link a billing account to receive store revenue\",\n )}\n </p>\n <p className=\"mt-1 text-sm text-status-info-text\">\n {tr(\n \"devportal.revenue.billingNotLinkedDesc\",\n \"Once linked, net earnings from app sales will appear in your billing credits — you can spend them on platform services or withdraw to your bank.\",\n )}\n </p>\n {linkBillingError && (\n <p className=\"mt-2 text-sm text-status-error-text\">\n {linkBillingError}\n </p>\n )}\n </div>\n <button\n type=\"button\"\n onClick={handleOpenBillingPicker}\n disabled={linkingBilling \|\| billingAccountsLoading}\n className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 flex-shrink-0\"\n >\n {linkingBilling \|\| billingAccountsLoading ? (\n <Loader2 size={14} className=\"animate-spin\" />\n ) : (\n <Link2 size={14} />\n )}\n {linkingBilling\n ? tr(\"devportal.revenue.linking\", \"Linking...\")\n : tr(\n \"devportal.revenue.linkBillingAccount\",\n \"Link Billing Account\",\n )}\n </button>\n </div>\n\n {/ No billing accounts message /}\n {showBillingPicker && existingBillingAccounts.length === 0 && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 text-sm text-text-secondary\">\n {tr(\n \"devportal.revenue.noBillingAccounts\",\n \"You don't have any billing accounts yet. Create one from your account billing settings first.\",\n )}\n </div>\n )}\n\n {/ Billing account picker — shown when user has existing accounts /}\n {showBillingPicker && existingBillingAccounts.length > 0 && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 space-y-3\">\n <p className=\"text-sm font-medium\">\n {tr(\n \"devportal.revenue.chooseBillingAccount\",\n \"Choose a billing account to link\",\n )}\n </p>\n <div className=\"space-y-2\">\n {existingBillingAccounts.map((account) => (\n <button\n key={account.id}\n type=\"button\"\n onClick={() =>\n setSelectedBillingAccountId(account.id ?? null)\n }\n className={cn(\n \"flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors\",\n selectedBillingAccountId === account.id\n ? \"border-primary bg-action-primary-bg/5 text-text-primary\"\n : \"border-border-subtle hover:bg-accent text-text-primary\",\n )}\n >\n <Check\n size={14}\n className={cn(\n \"flex-shrink-0\",\n selectedBillingAccountId === account.id\n ? \"opacity-100 text-primary\"\n : \"opacity-0\",\n )}\n />\n <div className=\"flex-1 min-w-0\">\n <p className=\"font-medium truncate\">{account.name}</p>\n {account.isDefault && (\n <p className=\"text-xs text-text-secondary\">\n {tr(\"devportal.revenue.defaultAccount\", \"Default\")}\n </p>\n )}\n </div>\n </button>\n ))}\n </div>\n <div className=\"flex items-center justify-end gap-2 pt-1\">\n <button\n type=\"button\"\n onClick={() => {\n setShowBillingPicker(false);\n setLinkBillingError(null);\n }}\n className=\"rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors\"\n >\n {tr(\"devportal.cancel\", \"Cancel\")}\n </button>\n <button\n type=\"button\"\n disabled={linkingBilling \|\| !selectedBillingAccountId}\n onClick={() => void handleLinkExisting()}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n >\n {linkingBilling ? (\n <Loader2 size={13} className=\"animate-spin\" />\n ) : (\n <Link2 size={13} />\n )}\n {tr(\"devportal.revenue.confirm\", \"Confirm\")}\n </button>\n </div>\n </div>\n )}\n </div>\n )}\n\n {/ Linked billing account info — shown when billing is already linked /}\n {selectedOrganization?.billingAccountId && (\n <div className=\"mb-6 rounded-lg border border-border-subtle bg-bg-surface p-3 flex flex-col gap-3\">\n <div className=\"flex items-center gap-3\">\n <CreditCard\n size={16}\n className=\"text-text-secondary flex-shrink-0\"\n />\n <div className=\"flex-1 min-w-0\">\n <p className=\"text-sm font-medium truncate\">\n {linkedBillingAccount?.name ??\n tr(\"devportal.revenue.billingAccount\", \"Billing account\")}\n </p>\n <p className=\"text-xs text-text-secondary truncate\">\n {linkedBillingAccount\n ? `${linkedBillingAccount.currency}${linkedBillingAccount.email ? ` · ${linkedBillingAccount.email}` : \"\"}`\n : selectedOrganization.billingAccountId}\n </p>\n </div>\n {!showBillingPicker && (\n <button\n type=\"button\"\n onClick={handleOpenBillingPicker}\n disabled={billingAccountsLoading}\n className=\"text-xs text-text-secondary hover:text-text-primary transition-colors flex-shrink-0 disabled:opacity-50\"\n >\n {tr(\"devportal.revenue.changeBillingAccount\", \"Change\")}\n </button>\n )}\n </div>\n {/ Picker for changing the linked account /}\n {showBillingPicker && existingBillingAccounts.length > 0 && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 space-y-3\">\n <p className=\"text-sm font-medium\">\n {tr(\n \"devportal.revenue.chooseBillingAccount\",\n \"Choose a billing account to link\",\n )}\n </p>\n <div className=\"space-y-2\">\n {existingBillingAccounts.map((account) => (\n <button\n key={account.id}\n type=\"button\"\n onClick={() =>\n setSelectedBillingAccountId(account.id ?? null)\n }\n className={cn(\n \"flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors\",\n selectedBillingAccountId === account.id\n ? \"border-primary bg-action-primary-bg/5 text-text-primary\"\n : \"border-border-subtle hover:bg-accent text-text-primary\",\n )}\n >\n <Check\n size={14}\n className={cn(\n \"flex-shrink-0\",\n selectedBillingAccountId === account.id\n ? \"opacity-100 text-primary\"\n : \"opacity-0\",\n )}\n />\n <div className=\"flex-1 min-w-0\">\n <p className=\"font-medium truncate\">{account.name}</p>\n {account.isDefault && (\n <p className=\"text-xs text-text-secondary\">\n {tr(\"devportal.revenue.defaultAccount\", \"Default\")}\n </p>\n )}\n </div>\n </button>\n ))}\n </div>\n <div className=\"flex items-center justify-end gap-2 pt-1\">\n <button\n type=\"button\"\n onClick={() => {\n setShowBillingPicker(false);\n setLinkBillingError(null);\n }}\n className=\"rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors\"\n >\n {tr(\"devportal.cancel\", \"Cancel\")}\n </button>\n <button\n type=\"button\"\n disabled={linkingBilling \|\| !selectedBillingAccountId}\n onClick={() => void handleLinkExisting()}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n >\n {linkingBilling ? (\n <Loader2 size={13} className=\"animate-spin\" />\n ) : (\n <Link2 size={13} />\n )}\n {tr(\"devportal.revenue.confirm\", \"Confirm\")}\n </button>\n </div>\n {linkBillingError && (\n <p className=\"text-xs text-status-error-text\">\n {linkBillingError}\n </p>\n )}\n </div>\n )}\n </div>\n )}\n\n {/ Request Withdrawal (BOFF-7192) — only once billing is linked; the\n actual money movement happens on billing's side. */}\n {selectedOrganization?.billingAccountId && summary && (\n <div className=\"mb-6 rounded-lg border border-border-subtle bg-bg-surface p-3 flex flex-col gap-3\">\n <div className=\"flex items-center gap-3\">\n <Banknote size={16} className=\"text-text-secondary flex-shrink-0\" />\n <div className=\"flex-1 min-w-0\">\n <p className=\"text-sm font-medium\">\n {tr(\n \"devportal.revenue.withdrawTitle\",\n \"Withdraw earned credits\",\n )}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {canRequestWithdrawal\n ? `${tr(\"devportal.revenue.available\", \"Available\")}: ${formatCurrency(summary.pendingBalance, summary.currency)}`\n : `${tr(\"devportal.revenue.belowMinimum\", \"Minimum payout is\")} $${MIN_PAYOUT_THRESHOLD} — ${tr(\"devportal.revenue.youHave\", \"you have\")} ${formatCurrency(summary.pendingBalance, summary.currency)} ${tr(\"devportal.revenue.pending\", \"pending\")}.`}\n </p>\n </div>\n {!showWithdrawPanel && (\n <button\n type=\"button\"\n onClick={handleOpenWithdrawPanel}\n disabled={!canRequestWithdrawal}\n title={\n canRequestWithdrawal\n ? undefined\n : tr(\n \"devportal.revenue.belowMinimumHint\",\n `Payouts require a pending balance of at least $${MIN_PAYOUT_THRESHOLD}.`,\n )\n }\n className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex-shrink-0\"\n >\n <Send size={14} />\n {tr(\n \"devportal.revenue.requestWithdrawal\",\n \"Request Withdrawal\",\n )}\n </button>\n )}\n </div>\n\n {showWithdrawPanel && (\n <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 space-y-3\">\n {paymentMethodsLoading ? (\n <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n <Loader2 size={14} className=\"animate-spin\" />\n {tr(\n \"devportal.revenue.loadingMethods\",\n \"Loading payout methods...\",\n )}\n </div>\n ) : showAddMethodForm ? (\n <div className=\"space-y-3\">\n <p className=\"text-sm font-medium\">\n {tr(\n \"devportal.revenue.addPayoutMethod\",\n \"Add a payout method\",\n )}\n </p>\n <div className=\"grid grid-cols-2 gap-2\">\n <button\n type=\"button\"\n onClick={() =>\n setNewMethodType(DevPortalPaymentMethodType.BankAccount)\n }\n className={cn(\n \"rounded-md border px-3 py-2 text-sm text-left transition-colors\",\n newMethodType === DevPortalPaymentMethodType.BankAccount\n ? \"border-primary bg-action-primary-bg/5\"\n : \"border-border-subtle hover:bg-accent\",\n )}\n >\n {tr(\"devportal.revenue.bankAccount\", \"Bank Account\")}\n </button>\n <button\n type=\"button\"\n onClick={() =>\n setNewMethodType(DevPortalPaymentMethodType.Paypal)\n }\n className={cn(\n \"rounded-md border px-3 py-2 text-sm text-left transition-colors\",\n newMethodType === DevPortalPaymentMethodType.Paypal\n ? \"border-primary bg-action-primary-bg/5\"\n : \"border-border-subtle hover:bg-accent\",\n )}\n >\n {tr(\"devportal.revenue.paypal\", \"PayPal\")}\n </button>\n </div>\n\n <input\n type=\"text\"\n value={newMethodName}\n onChange={(event) => setNewMethodName(event.target.value)}\n placeholder={tr(\n \"devportal.revenue.methodNamePlaceholder\",\n 'Label (e.g. \"Primary account\")',\n )}\n className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n\n {newMethodType === DevPortalPaymentMethodType.Paypal ? (\n <input\n type=\"email\"\n value={newMethodEmail}\n onChange={(event) =>\n setNewMethodEmail(event.target.value)\n }\n placeholder={tr(\n \"devportal.revenue.paypalEmailPlaceholder\",\n \"PayPal email\",\n )}\n className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n ) : (\n <>\n <input\n type=\"text\"\n value={newMethodAccountNumber}\n onChange={(event) =>\n setNewMethodAccountNumber(event.target.value)\n }\n placeholder={tr(\n \"devportal.revenue.accountNumberPlaceholder\",\n \"Account number\",\n )}\n className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n <input\n type=\"text\"\n value={newMethodRoutingNumber}\n onChange={(event) =>\n setNewMethodRoutingNumber(event.target.value)\n }\n placeholder={tr(\n \"devportal.revenue.routingNumberPlaceholder\",\n \"Routing number\",\n )}\n className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n />\n </>\n )}\n\n {addMethodError && (\n <p className=\"text-xs text-status-error-text\">\n {addMethodError}\n </p>\n )}\n\n <div className=\"flex items-center justify-end gap-2 pt-1\">\n <button\n type=\"button\"\n onClick={() => setShowWithdrawPanel(false)}\n className=\"rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors\"\n >\n {tr(\"devportal.cancel\", \"Cancel\")}\n </button>\n <button\n type=\"button\"\n disabled={\n addingMethod \|\|\n (newMethodType === DevPortalPaymentMethodType.Paypal\n ? !newMethodEmail\n : !newMethodAccountNumber)\n }\n onClick={() => void handleAddPaymentMethod()}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n >\n {addingMethod ? (\n <Loader2 size={13} className=\"animate-spin\" />\n ) : (\n <Check size={13} />\n )}\n {tr(\"devportal.revenue.saveMethod\", \"Save method\")}\n </button>\n </div>\n </div>\n ) : (\n <div className=\"space-y-3\">\n <p className=\"text-sm font-medium\">\n {tr(\n \"devportal.revenue.chooseMethod\",\n \"Choose where to send this payout\",\n )}\n </p>\n <div className=\"space-y-2\">\n {activePaymentMethods.map((method: PaymentMethod) => (\n <button\n key={method.id}\n type=\"button\"\n onClick={() => setSelectedPaymentMethodId(method.id)}\n className={cn(\n \"flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors\",\n selectedPaymentMethodId === method.id\n ? \"border-primary bg-action-primary-bg/5 text-text-primary\"\n : \"border-border-subtle hover:bg-accent text-text-primary\",\n )}\n >\n <Check\n size={14}\n className={cn(\n \"flex-shrink-0\",\n selectedPaymentMethodId === method.id\n ? \"opacity-100 text-primary\"\n : \"opacity-0\",\n )}\n />\n <div className=\"flex-1 min-w-0\">\n <p className=\"font-medium truncate\">\n {method.displayName ?? method.name}\n </p>\n {method.isDefault && (\n <p className=\"text-xs text-text-secondary\">\n {tr(\n \"devportal.revenue.defaultAccount\",\n \"Default\",\n )}\n </p>\n )}\n </div>\n </button>\n ))}\n <button\n type=\"button\"\n onClick={() => setShowAddMethodForm(true)}\n className=\"w-full rounded-md border border-dashed border-border-subtle px-3 py-2 text-sm text-text-secondary hover:bg-accent transition-colors\"\n >\n +{\" \"}\n {tr(\n \"devportal.revenue.addAnotherMethod\",\n \"Add a different method\",\n )}\n </button>\n </div>\n\n {withdrawError && (\n <p className=\"text-xs text-status-error-text\">\n {withdrawError}\n </p>\n )}\n\n <div className=\"flex items-center justify-end gap-2 pt-1\">\n <button\n type=\"button\"\n onClick={() => setShowWithdrawPanel(false)}\n className=\"rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors\"\n >\n {tr(\"devportal.cancel\", \"Cancel\")}\n </button>\n <button\n type=\"button\"\n disabled={requestingWithdraw \|\| !selectedPaymentMethodId}\n onClick={() => void handleRequestWithdrawal()}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n >\n {requestingWithdraw ? (\n <Loader2 size={13} className=\"animate-spin\" />\n ) : (\n <Send size={13} />\n )}\n {tr(\"devportal.revenue.confirmWithdrawal\", \"Request\")}{\" \"}\n {formatCurrency(summary.pendingBalance, summary.currency)}\n </button>\n </div>\n </div>\n )}\n </div>\n )}\n </div>\n )}\n\n {loading && !summary ? (\n <div className=\"flex items-center justify-center py-16 text-text-secondary\">\n <Loader2 className=\"h-8 w-8 animate-spin\" />\n </div>\n ) : summary ? (\n <>\n <EmphasisPanel className=\"mb-6\">\n <StatCardGrid columns={4}>\n <StatCard\n title={tr(\"devportal.revenue.grossRevenue\", \"Gross Revenue\")}\n value={formatCurrency(\n summary.totalGrossRevenue,\n summary.currency,\n )}\n icon={<DollarSign size={20} />}\n />\n <StatCard\n title={tr(\"devportal.revenue.netRevenue\", \"Net Revenue\")}\n value={formatCurrency(\n summary.totalNetRevenue,\n summary.currency,\n )}\n icon={<Wallet size={20} />}\n />\n <StatCard\n title={tr(\n \"devportal.revenue.pendingBalance\",\n \"Pending Balance\",\n )}\n value={formatCurrency(summary.pendingBalance, summary.currency)}\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={formatCurrency(\n summary.totalPlatformFees,\n summary.currency,\n )}\n icon={<ArrowDownToLine size={20} />}\n description={`${summary.totalRefundsCount} ${tr(\"devportal.revenue.refunds\", \"refunds\")}`}\n />\n </StatCardGrid>\n </EmphasisPanel>\n\n <div className=\"grid gap-6 xl:grid-cols-2\">\n <PageSection\n title={tr(\"devportal.revenue.revenueTrend\", \"Revenue trend\")}\n >\n <GlassCard treatment=\"insight\" className=\"p-4\">\n {chartData.length > 0 ? (\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 ) : (\n <div className=\"flex h-[300px] flex-col items-center justify-center gap-2 text-text-secondary\">\n <p className=\"text-sm font-medium\">\n {tr(\"devportal.revenue.noTrendData\", \"No trend data yet\")}\n </p>\n <p className=\"text-xs text-text-tertiary\">\n {tr(\n \"devportal.revenue.noTrendDataHint\",\n \"Revenue trend appears once daily analytics have been aggregated.\",\n )}\n </p>\n </div>\n )}\n </GlassCard>\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 <GlassCard\n key={application.applicationId}\n treatment=\"insight\"\n className=\"border-border-seam 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-text-secondary\">\n {application.salesCount}{\" \"}\n {tr(\"devportal.revenue.sales\", \"sales\")}\n </p>\n </div>\n <div className=\"text-right\">\n <p className=\"font-semibold\">\n {formatCurrency(\n application.grossRevenue,\n application.currency,\n )}\n </p>\n <p className=\"text-sm text-text-secondary\">\n {tr(\"devportal.revenue.net\", \"Net\")}{\" \"}\n {formatCurrency(\n application.netRevenue,\n application.currency,\n )}\n </p>\n </div>\n </div>\n </GlassCard>\n ),\n )}\n </div>\n ) : (\n <EmptyState\n illustration=\"empty-data\"\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 <GlassCard treatment=\"insight\" className=\"p-4\">\n {chartData.length > 0 ? (\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 ) : (\n <div className=\"flex h-[280px] flex-col items-center justify-center gap-2 text-text-secondary\">\n <p className=\"text-sm font-medium\">\n {tr(\n \"devportal.revenue.noVolumeData\",\n \"No sales volume data yet\",\n )}\n </p>\n <p className=\"text-xs text-text-tertiary\">\n {tr(\n \"devportal.revenue.noVolumeDataHint\",\n \"Sales volume by period appears once analytics have been aggregated.\",\n )}\n </p>\n </div>\n )}\n </GlassCard>\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) =>\n formatCurrency(sale.grossAmount, sale.currency),\n },\n {\n key: \"netAmount\",\n header: tr(\"devportal.revenue.net\", \"Net\"),\n render: (sale) =>\n formatCurrency(sale.netAmount, sale.currency),\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) =>\n formatCurrency(payout.netAmount, payout.currency),\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 illustration=\"empty-data\"\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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"}

package/dist/devportal/pages/RevenueRedirectPage.d.ts CHANGED Viewed

@@ -1,4 +1,2 @@
 import { FC } from 'react';
 export declare const RevenueRedirectPage: FC;
-//# sourceMappingURL=RevenueRedirectPage.d.ts.map

package/dist/devportal/pages/SellerDashboardPage.d.ts CHANGED Viewed

@@ -1,4 +1,2 @@
 import { FC } from 'react';
 export declare const SellerDashboardPage: FC;
-//# sourceMappingURL=SellerDashboardPage.d.ts.map

package/dist/devportal/pages/SellerDashboardPage.js CHANGED Viewed

@@ -1,16 +1,16 @@
-import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { PageLayout as e } from "../components/PageLayout.js";
 import { EmptyState as t } from "../components/EmptyState.js";
-import { PageLayout as n } from "../components/PageLayout.js";
+import { useDevportal as n } from "../providers/DevportalProvider.js";
 import { PermissionGuard as r } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { resolveGlobalGraphqlEndpoint as i } from "../utils/graphqlEndpoint.js";
-import { formatCurrency as a } from "../utils/currency.js";
+import { formatCurrency as i } from "../utils/currency.js";
+import { resolveGlobalGraphqlEndpoint as a } from "../utils/graphqlEndpoint.js";
 import { useEffect as o, useState as s } from "react";
 import { ArrowRight as c, Building2 as l, CheckCircle2 as u, Clock as d, DollarSign as f, Loader2 as p, Package as m, Plus as h } from "lucide-react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { GlassCard as b, GradientText as x } from "@burdenoff/fe-libs/ui";
-//#region src/devportal/pages/SellerDashboardPage.tsx
+// src/devportal/pages/SellerDashboardPage.tsx
 var S = {
 	PUBLISHED: {
 		label: "Published",
@@ -47,10 +47,10 @@ function T(e) {
 	return `query SellerDashboardOrgCurrencies {\n    ${e.map((e, t) => `o${t}: developerOrgRevenueSummary(organizationId: ${JSON.stringify(e)}, period: "monthly") { currency }`).join("\n    ")}\n  }`;
 }
 var E = "\n  query SellerDashboardProducts($publisherId: String!) {\n    products(filter: { publisherId: $publisherId, nature: PHYSICAL }, limit: 3, offset: 0) {\n      id\n      name\n      slug\n      type\n      status\n      price\n      currency\n      stockQuantity\n      icon\n    }\n  }\n", D = () => {
-	let { navigate: a, basePath: f, apiGatewayUrl: b, authToken: S } = e(), { t: C } = y(), D = (e, t) => {
+	let { navigate: i, basePath: f, apiGatewayUrl: b, authToken: S } = n(), { t: C } = y(), D = (e, t) => {
 		let n = C(e);
 		return n === e ? t : n;
-	}, M = i(b), [N, P] = s(!0), [F, I] = s(!1), [L, R] = s([]), [z, B] = s(null), [V, H] = s([]), [U, W] = s({});
+	}, M = a(b), [N, P] = s(!0), [F, I] = s(!1), [L, R] = s([]), [z, B] = s(null), [V, H] = s([]), [U, W] = s({});
 	o(() => {
 		let e = !1;
 		return P(!0), (async () => {
@@ -92,7 +92,7 @@ var E = "\n  query SellerDashboardProducts($publisherId: String!) {\n    product
 				if (e) return;
 				let n = await t.json();
 				if (e) return;
-				let r = new Set([
+				let r = /* @__PURE__ */ new Set([
 					"APP",
 					"NODE",
 					"WORKFLOW"
@@ -143,11 +143,11 @@ var E = "\n  query SellerDashboardProducts($publisherId: String!) {\n    product
 		S
 	]);
 	let G = N, K = N || F, q = V.length, J = V.filter((e) => e.status === "PENDING_REVIEW").length, Y = V.filter((e) => e.status === "PUBLISHED").length, X = (e) => {
-		a?.(`${f}${e}`);
+		i?.(`${f}${e}`);
 	};
 	return /* @__PURE__ */ _(r, {
 		authOnly: !0,
-		children: /* @__PURE__ */ _(n, {
+		children: /* @__PURE__ */ _(e, {
 			title: /* @__PURE__ */ v(g, { children: [
 				D("devportal.seller", "Seller"),
 				" ",
@@ -313,7 +313,7 @@ var E = "\n  query SellerDashboardProducts($publisherId: String!) {\n    product
 		})]
 	});
 }, j = ({ org: e, currency: t, onClick: n }) => {
-	let { t: r } = y(), i = (e, t) => {
+	let { t: r } = y(), a = (e, t) => {
 		let n = r(e);
 		return n === e ? t : n;
 	}, o = e.name.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
@@ -347,7 +347,7 @@ var E = "\n  query SellerDashboardProducts($publisherId: String!) {\n    product
 						children: [
 							e.publishedApps ?? 0,
 							" ",
-							i("devportal.appsPublished", "apps published")
+							a("devportal.appsPublished", "apps published")
 						]
 					})]
 				}),
@@ -365,16 +365,15 @@ var E = "\n  query SellerDashboardProducts($publisherId: String!) {\n    product
 					className: "text-text-muted shrink-0"
 				}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 					className: "text-[11px] text-text-secondary leading-none mb-0.5",
-					children: i("devportal.revenue", "Revenue")
+					children: a("devportal.revenue", "Revenue")
 				}), /* @__PURE__ */ _("p", {
 					className: "text-sm font-semibold tabular-nums",
-					children: a(e.totalRevenue ?? 0, t)
+					children: i(e.totalRevenue ?? 0, t)
 				})] })]
 			})
 		})]
 	});
 };
-//#endregion
 export { D as SellerDashboardPage };
 //# sourceMappingURL=SellerDashboardPage.js.map