@hanzo/ui 5.3.38 → 5.3.39

package/dist/src/billing/components/index.js

@@ -0,0 +1,23 @@
+export { SubscriptionPortal } from './subscription-portal';
+export { PaymentMethodManager } from './payment-manager';
+export { InvoiceManager } from './invoice-manager';
+export { BusinessProfilePanel } from './business-profile-panel';
+export { TaxCompliancePanel } from './tax-compliance-panel';
+export { BillingWorkspace } from './billing-workspace';
+export { SpendAlertsPanel } from './spend-alerts';
+export { UsagePanel } from './usage-panel';
+export { CreditsPanel } from './credits-panel';
+export { TransactionsPanel } from './transactions-panel';
+export { PromotionsPanel } from './promotions-panel';
+export { SupportTiersPanel } from './support-tiers-panel';
+export { AccountSwitcher } from './account-switcher';
+export { AccountMembers } from './account-members';
+export { StatusBar } from './status-bar';
+export { OverviewDashboard } from './overview-dashboard';
+export { CostExplorer } from './cost-explorer';
+export { InvoicesPayments } from './invoices-payments';
+export { BillingSettings } from './billing-settings';
+export { GuidedSetup } from './guided-setup';
+export { CardForm } from './card-form';
+export { SquareCardForm } from './square-card-form';
+export { AnimatedCard } from './animated-card';

package/dist/src/billing/components/invoice-manager.d.ts

@@ -0,0 +1,10 @@
+import type { Invoice, InvoiceFilters } from '../types';
+export interface InvoiceManagerProps {
+    invoices?: Invoice[];
+    onDownload?: (invoice: Invoice) => Promise<void>;
+    onFilter?: (filters: InvoiceFilters) => void;
+    defaultView?: 'table' | 'grid';
+    pageSize?: number;
+}
+export declare function InvoiceManager(props: InvoiceManagerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=invoice-manager.d.ts.map

package/dist/src/billing/components/invoice-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoice-manager.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/invoice-manager.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEvD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAA;IAC5C,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAqED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAqQxD"}

package/dist/src/billing/components/invoice-manager.js

@@ -0,0 +1,131 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+function formatCurrency(value, currency = 'USD') {
+    return new Intl.NumberFormat('en-US', {
+        style: 'currency',
+        currency,
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+    }).format(value);
+}
+function formatDate(date) {
+    return new Intl.DateTimeFormat('en-US', {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+    }).format(date);
+}
+function invoiceAmount(invoice) {
+    if (typeof invoice.breakdown?.totalCents === 'number') {
+        return invoice.breakdown.totalCents / 100;
+    }
+    if (typeof invoice.total === 'number') {
+        return invoice.total;
+    }
+    return invoice.amount;
+}
+const statusTone = {
+    paid: {
+        label: 'Paid',
+        className: 'bg-emerald-500/10 text-emerald-500 ring-emerald-500/20',
+    },
+    pending: {
+        label: 'Pending',
+        className: 'bg-amber-500/10 text-amber-500 ring-amber-500/20',
+    },
+    unpaid: {
+        label: 'Unpaid',
+        className: 'bg-rose-500/10 text-rose-500 ring-rose-500/20',
+    },
+    failed: {
+        label: 'Failed',
+        className: 'bg-rose-500/10 text-rose-500 ring-rose-500/20',
+    },
+    refunded: {
+        label: 'Refunded',
+        className: 'bg-sky-500/10 text-sky-500 ring-sky-500/20',
+    },
+    void: {
+        label: 'Void',
+        className: 'bg-text-dim/10 text-text-muted ring-text-dim/20',
+    },
+};
+const statusOptions = [
+    'all',
+    'paid',
+    'pending',
+    'unpaid',
+    'failed',
+    'refunded',
+    'void',
+];
+export function InvoiceManager(props) {
+    const { invoices = [], onDownload, onFilter, defaultView = 'table', pageSize = 10, } = props;
+    const [view, setView] = React.useState(defaultView);
+    const [search, setSearch] = React.useState('');
+    const [status, setStatus] = React.useState('all');
+    const [page, setPage] = React.useState(1);
+    const [busyInvoiceId, setBusyInvoiceId] = React.useState(null);
+    const filtered = React.useMemo(() => {
+        const q = search.trim().toLowerCase();
+        return invoices
+            .filter((invoice) => {
+            if (status !== 'all' && invoice.status !== status) {
+                return false;
+            }
+            if (!q) {
+                return true;
+            }
+            return [
+                invoice.invoiceNumber,
+                invoice.number ?? '',
+                invoice.id,
+                invoice.status,
+            ]
+                .join(' ')
+                .toLowerCase()
+                .includes(q);
+        })
+            .sort((a, b) => b.date.getTime() - a.date.getTime());
+    }, [invoices, search, status]);
+    const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
+    const currentPageRows = React.useMemo(() => {
+        const safePage = Math.min(page, totalPages);
+        const start = (safePage - 1) * pageSize;
+        return filtered.slice(start, start + pageSize);
+    }, [filtered, page, pageSize, totalPages]);
+    React.useEffect(() => {
+        onFilter?.({
+            status: status === 'all' ? undefined : status,
+            search: search.trim() || undefined,
+        });
+    }, [onFilter, search, status]);
+    React.useEffect(() => {
+        if (page > totalPages) {
+            setPage(totalPages);
+        }
+    }, [page, totalPages]);
+    const handleDownload = React.useCallback(async (invoice) => {
+        if (!onDownload)
+            return;
+        setBusyInvoiceId(invoice.id);
+        try {
+            await onDownload(invoice);
+        }
+        finally {
+            setBusyInvoiceId(null);
+        }
+    }, [onDownload]);
+    return (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-bg-card", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b border-border p-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold text-text", children: "Invoice history" }), _jsxs("p", { className: "text-sm text-text-muted", children: [filtered.length, " invoice(s) matching current filters"] })] }), _jsxs("div", { className: "inline-flex rounded-lg border border-border p-1", children: [_jsx("button", { type: "button", onClick: () => setView('table'), className: `rounded-md px-3 py-1.5 text-sm transition ${view === 'table'
+                                        ? 'bg-text text-bg'
+                                        : 'text-text-muted hover:bg-bg-elevated'}`, children: "Table" }), _jsx("button", { type: "button", onClick: () => setView('grid'), className: `rounded-md px-3 py-1.5 text-sm transition ${view === 'grid'
+                                        ? 'bg-text text-bg'
+                                        : 'text-text-muted hover:bg-bg-elevated'}`, children: "Grid" })] })] }), _jsxs("div", { className: "flex flex-wrap gap-3 border-b border-border p-4", children: [_jsx("input", { type: "search", value: search, onChange: (e) => {
+                                setSearch(e.target.value);
+                                setPage(1);
+                            }, placeholder: "Search invoices by id, number, or status", className: "min-w-[250px] flex-1 rounded-lg border border-border bg-bg-input px-3 py-2 text-sm text-text outline-none transition focus:border-brand" }), _jsx("select", { value: status, onChange: (e) => {
+                                setStatus(e.target.value);
+                                setPage(1);
+                            }, className: "rounded-lg border border-border bg-bg-input px-3 py-2 text-sm text-text-secondary outline-none transition focus:border-brand", children: statusOptions.map((value) => (_jsx("option", { value: value, children: value === 'all' ? 'All statuses' : statusTone[value].label }, value))) })] }), view === 'table' ? (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full min-w-[720px]", children: [_jsx("thead", { className: "bg-bg-elevated", children: _jsxs("tr", { children: [_jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-text-muted", children: "Invoice" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-text-muted", children: "Date" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-text-muted", children: "Amount" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-text-muted", children: "Status" }), _jsx("th", { className: "px-4 py-3 text-right text-xs font-semibold uppercase tracking-wide text-text-muted", children: "Actions" })] }) }), _jsx("tbody", { className: "divide-y divide-border", children: currentPageRows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: 5, className: "px-4 py-10 text-center text-sm text-text-muted", children: "No invoices found." }) })) : (currentPageRows.map((invoice) => (_jsxs("tr", { children: [_jsx("td", { className: "px-4 py-3 text-sm text-text", children: invoice.number || invoice.invoiceNumber || invoice.id }), _jsx("td", { className: "px-4 py-3 text-sm text-text-secondary", children: formatDate(invoice.date) }), _jsx("td", { className: "px-4 py-3 text-sm font-medium text-text", children: formatCurrency(invoiceAmount(invoice), invoice.currency || 'USD') }), _jsx("td", { className: "px-4 py-3 text-sm", children: _jsx("span", { className: `inline-flex rounded-full px-2 py-1 text-xs font-semibold ring-1 ${statusTone[invoice.status].className}`, children: statusTone[invoice.status].label }) }), _jsx("td", { className: "px-4 py-3 text-right", children: _jsx("button", { type: "button", disabled: !onDownload || busyInvoiceId === invoice.id, onClick: () => handleDownload(invoice), className: "rounded-md border border-border px-3 py-1.5 text-xs font-medium text-text-secondary transition hover:bg-bg-elevated disabled:cursor-not-allowed disabled:opacity-60", children: busyInvoiceId === invoice.id ? 'Downloading\u2026' : 'Download PDF' }) })] }, invoice.id)))) })] }) })) : (_jsx("div", { className: "grid gap-3 p-4 md:grid-cols-2 xl:grid-cols-3", children: currentPageRows.length === 0 ? (_jsx("div", { className: "md:col-span-2 xl:col-span-3 rounded-lg border border-border p-8 text-center text-sm text-text-muted", children: "No invoices found." })) : (currentPageRows.map((invoice) => (_jsxs("div", { className: "rounded-lg border border-border bg-bg-card p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx("p", { className: "font-medium text-text", children: invoice.number || invoice.invoiceNumber || invoice.id }), _jsx("span", { className: `inline-flex rounded-full px-2 py-1 text-xs font-semibold ring-1 ${statusTone[invoice.status].className}`, children: statusTone[invoice.status].label })] }), _jsxs("p", { className: "mt-2 text-sm text-text-muted", children: ["Issued ", formatDate(invoice.date)] }), _jsx("p", { className: "mt-2 text-xl font-semibold text-text", children: formatCurrency(invoiceAmount(invoice), invoice.currency || 'USD') }), _jsx("button", { type: "button", disabled: !onDownload || busyInvoiceId === invoice.id, onClick: () => handleDownload(invoice), className: "mt-4 w-full rounded-md border border-border px-3 py-2 text-xs font-medium text-text-secondary transition hover:bg-bg-elevated disabled:cursor-not-allowed disabled:opacity-60", children: busyInvoiceId === invoice.id ? 'Downloading\u2026' : 'Download PDF' })] }, invoice.id)))) })), _jsxs("div", { className: "flex items-center justify-between border-t border-border p-4", children: [_jsxs("p", { className: "text-xs text-text-muted", children: ["Page ", Math.min(page, totalPages), " of ", totalPages] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { type: "button", onClick: () => setPage((p) => Math.max(1, p - 1)), disabled: page <= 1, className: "rounded-md border border-border px-3 py-1.5 text-xs font-medium text-text-secondary transition hover:bg-bg-elevated disabled:cursor-not-allowed disabled:opacity-60", children: "Previous" }), _jsx("button", { type: "button", onClick: () => setPage((p) => Math.min(totalPages, p + 1)), disabled: page >= totalPages, className: "rounded-md border border-border px-3 py-1.5 text-xs font-medium text-text-secondary transition hover:bg-bg-elevated disabled:cursor-not-allowed disabled:opacity-60", children: "Next" })] })] })] }) }));
+}

package/dist/src/billing/components/invoices-payments.d.ts

@@ -0,0 +1,7 @@
+import type { Invoice } from '../types';
+export interface InvoicesPaymentsProps {
+    invoices: Invoice[];
+    onDownloadInvoice?: (invoice: Invoice) => Promise<void>;
+}
+export declare function InvoicesPayments(props: InvoicesPaymentsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=invoices-payments.d.ts.map

package/dist/src/billing/components/invoices-payments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoices-payments.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/invoices-payments.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACxD;AA8BD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAkG5D"}

package/dist/src/billing/components/invoices-payments.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+function fmt(amount, currency = 'usd') {
+    return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(amount);
+}
+function fmtDate(d) {
+    return new Date(d).toLocaleDateString('en-US', { day: 'numeric', month: 'short', year: 'numeric' });
+}
+const PAGE_SIZE = 20;
+/* -- Fade-in animation -- */
+function FadeIn({ children, delay = 0 }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        el.style.opacity = '0';
+        el.style.transform = 'translateY(8px)';
+        const timer = setTimeout(() => {
+            el.style.transition = 'opacity 0.4s ease, transform 0.4s ease';
+            el.style.opacity = '1';
+            el.style.transform = 'translateY(0)';
+        }, delay);
+        return () => clearTimeout(timer);
+    }, [delay]);
+    return _jsx("div", { ref: ref, children: children });
+}
+export function InvoicesPayments(props) {
+    const [page, setPage] = useState(0);
+    const { invoices } = props;
+    const totalPages = Math.ceil(invoices.length / PAGE_SIZE);
+    const pageInvoices = invoices.slice(page * PAGE_SIZE, (page + 1) * PAGE_SIZE);
+    return (_jsx(FadeIn, { delay: 0, children: _jsxs("div", { className: "rounded-2xl border border-white/[0.08] bg-[#141419] overflow-hidden", children: [_jsx("div", { className: "px-6 py-5", children: _jsx("h3", { className: "text-[15px] font-semibold text-white", children: "All invoices" }) }), _jsx("div", { className: "border-t border-white/[0.06]", children: invoices.length === 0 ? (_jsxs("div", { className: "py-20 flex flex-col items-center justify-center gap-3", children: [_jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-2xl border border-white/[0.08] bg-white/[0.03] text-white/20", children: _jsxs("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z" }), _jsx("path", { d: "M8 7h8" }), _jsx("path", { d: "M8 11h8" }), _jsx("path", { d: "M8 15h4" })] }) }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-sm font-medium text-white/40", children: "No invoices yet" }), _jsx("p", { className: "mt-1 text-[13px] text-white/25", children: "Invoices appear here once you subscribe or make a purchase." })] })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-white/[0.06] text-left", children: [_jsx("th", { className: "px-6 py-3 text-[13px] font-medium text-white/40", children: "Invoice #" }), _jsx("th", { className: "px-6 py-3 text-[13px] font-medium text-white/40", children: "Date" }), _jsx("th", { className: "px-6 py-3 text-[13px] font-medium text-white/40", children: "Type" }), _jsx("th", { className: "px-6 py-3 text-[13px] font-medium text-white/40 text-right", children: "Amount" }), _jsx("th", { className: "px-6 py-3 text-[13px] font-medium text-white/40 text-right", children: "Status" })] }) }), _jsx("tbody", { children: pageInvoices.map((inv, i) => (_jsxs("tr", { className: "group border-b border-white/[0.04] last:border-0 hover:bg-white/[0.02] transition-colors cursor-pointer", onClick: () => props.onDownloadInvoice?.(inv), children: [_jsxs("td", { className: "px-6 py-4 text-[13px] text-white font-medium", children: ["#", inv.invoiceNumber || inv.number || inv.id.slice(0, 15)] }), _jsx("td", { className: "px-6 py-4 text-[13px] text-white/50", children: fmtDate(inv.date) }), _jsx("td", { className: "px-6 py-4 text-[13px] text-white/50", children: inv.items?.length === 1 ? 'Single Purchase' : 'Monthly Invoice' }), _jsx("td", { className: "px-6 py-4 text-[13px] text-white font-semibold text-right tabular-nums", children: fmt(inv.total, inv.currency) }), _jsx("td", { className: "px-6 py-4 text-right", children: _jsx(StatusBadge, { status: inv.status }) })] }, inv.id))) })] }) }), totalPages > 1 && (_jsxs("div", { className: "border-t border-white/[0.06] px-6 py-3 flex items-center justify-between bg-white/[0.02]", children: [_jsxs("p", { className: "text-[13px] text-white/30", children: ["Showing ", page * PAGE_SIZE + 1, '\u2013', Math.min((page + 1) * PAGE_SIZE, invoices.length), " of ", invoices.length] }), _jsxs("div", { className: "flex gap-1.5", children: [_jsx("button", { type: "button", disabled: page === 0, onClick: () => setPage(p => p - 1), className: "rounded-full border border-white/[0.1] px-3.5 py-1.5 text-[13px] font-medium text-white/70 transition-all hover:bg-white/[0.05] hover:border-white/[0.2] disabled:opacity-30 disabled:cursor-not-allowed active:scale-[0.97]", children: "Previous" }), _jsx("button", { type: "button", disabled: page >= totalPages - 1, onClick: () => setPage(p => p + 1), className: "rounded-full border border-white/[0.1] px-3.5 py-1.5 text-[13px] font-medium text-white/70 transition-all hover:bg-white/[0.05] hover:border-white/[0.2] disabled:opacity-30 disabled:cursor-not-allowed active:scale-[0.97]", children: "Next" })] })] }))] })) })] }) }));
+}
+function StatusBadge({ status }) {
+    const isPaid = status === 'paid' || status === 'active';
+    const isFailed = status === 'failed' || status === 'uncollectible';
+    return (_jsx("span", { className: `inline-flex items-center rounded-full px-3 py-1 text-[12px] font-medium transition-colors ${isPaid
+            ? 'bg-white/[0.08] text-white/80'
+            : isFailed
+                ? 'bg-red-500/15 text-red-400'
+                : 'bg-amber-500/15 text-amber-400'}`, children: status.charAt(0).toUpperCase() + status.slice(1) }));
+}

package/dist/src/billing/components/overview-dashboard.d.ts

@@ -0,0 +1,31 @@
+import type { Subscription, SubscriptionPlan, PaymentMethod, UsageSummary, CreditGrant, Invoice, SpendAlert, DiscountCode, BusinessProfile, Balance } from '../types';
+export interface OverviewDashboardProps {
+    subscription: Subscription;
+    plans: SubscriptionPlan[];
+    paymentMethods: PaymentMethod[];
+    usage: UsageSummary | null;
+    usageLoading: boolean;
+    balance: Balance | null;
+    creditGrants: CreditGrant[];
+    creditBalance: number;
+    starterCredit: CreditGrant | null;
+    onAddFunds: (amount: number) => Promise<void>;
+    onClaimStarterCredit?: () => Promise<void>;
+    isAdmin: boolean;
+    onGrantCredit?: (email: string, amount: number) => Promise<void>;
+    userEmail: string;
+    invoices: Invoice[];
+    spendAlerts: SpendAlert[];
+    onNavigate: (target: string) => void;
+    onUpgrade?: (planId: string) => Promise<void>;
+    onDowngrade?: (planId: string) => Promise<void>;
+    onCancel?: (reason: string, feedback?: string) => Promise<void>;
+    onApplyDiscount?: (code: string) => Promise<DiscountCode | null>;
+    businessProfile: BusinessProfile;
+    onSaveBusinessProfile?: (profile: BusinessProfile) => Promise<void>;
+    onAddPaymentMethod?: (method: PaymentMethod) => Promise<void>;
+    onRemovePaymentMethod?: (id: string) => Promise<void>;
+    onSetDefaultPaymentMethod?: (id: string) => Promise<void>;
+}
+export declare function OverviewDashboard(props: OverviewDashboardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=overview-dashboard.d.ts.map

package/dist/src/billing/components/overview-dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview-dashboard.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/overview-dashboard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,OAAO,EACP,UAAU,EACV,YAAY,EACZ,eAAe,EACf,OAAO,EACR,MAAM,UAAU,CAAA;AAEjB,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,YAAY,CAAA;IAC1B,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,cAAc,EAAE,aAAa,EAAE,CAAA;IAC/B,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IACvB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IACjC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7C,oBAAoB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChE,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7C,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/D,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;IAChE,eAAe,EAAE,eAAe,CAAA;IAChC,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACnE,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7D,qBAAqB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACrD,yBAAyB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC1D;AAqED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA6S9D"}

package/dist/src/billing/components/overview-dashboard.js

@@ -0,0 +1,105 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect, useRef } from 'react';
+function fmt(amount, currency = 'usd') {
+    return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(amount);
+}
+function fmtTokens(n) {
+    if (n >= 1000000000)
+        return `${(n / 1000000000).toFixed(1)}B`;
+    if (n >= 1000000)
+        return `${(n / 1000000).toFixed(1)}M`;
+    if (n >= 1000)
+        return `${(n / 1000).toFixed(0)}K`;
+    return String(n);
+}
+function daysUntil(d) {
+    const diff = new Date(d).getTime() - Date.now();
+    return Math.max(0, Math.ceil(diff / (1000 * 60 * 60 * 24)));
+}
+/* -- Fade-in animation wrapper -- */
+function FadeIn({ children, delay = 0, className = '' }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        el.style.opacity = '0';
+        el.style.transform = 'translateY(10px)';
+        const timer = setTimeout(() => {
+            el.style.transition = 'opacity 0.4s ease, transform 0.4s ease';
+            el.style.opacity = '1';
+            el.style.transform = 'translateY(0)';
+        }, delay);
+        return () => clearTimeout(timer);
+    }, [delay]);
+    return _jsx("div", { ref: ref, className: className, children: children });
+}
+/* -- Animated number counter -- */
+function AnimatedNumber({ value, duration = 1200 }) {
+    const [display, setDisplay] = React.useState(0);
+    const prev = useRef(0);
+    useEffect(() => {
+        const start = prev.current;
+        const end = value;
+        if (start === end)
+            return;
+        const startTime = Date.now();
+        const tick = () => {
+            const elapsed = Date.now() - startTime;
+            const progress = Math.min(elapsed / duration, 1);
+            // Ease out cubic
+            const eased = 1 - Math.pow(1 - progress, 3);
+            setDisplay(Math.round(start + (end - start) * eased));
+            if (progress < 1)
+                requestAnimationFrame(tick);
+            else
+                prev.current = end;
+        };
+        requestAnimationFrame(tick);
+    }, [value, duration]);
+    return _jsx(_Fragment, { children: fmtTokens(display) });
+}
+/* -- Plan tier badge -- */
+const PLAN_TIERS = {
+    'developer': { label: 'Developer', color: 'text-white/50', glow: '' },
+    'pro': { label: 'Pro', color: 'text-sky-400', glow: 'shadow-[0_0_20px_rgba(56,189,248,0.15)]' },
+    'team': { label: 'Team', color: 'text-violet-400', glow: 'shadow-[0_0_20px_rgba(167,139,250,0.15)]' },
+    'enterprise': { label: 'Enterprise', color: 'text-amber-400', glow: 'shadow-[0_0_20px_rgba(251,191,36,0.15)]' },
+    'custom': { label: 'Custom', color: 'text-emerald-400', glow: 'shadow-[0_0_20px_rgba(52,211,153,0.15)]' },
+};
+/* -- Main component -- */
+export function OverviewDashboard(props) {
+    const currentPlan = props.plans.find(p => p.id === props.subscription.planId);
+    const recommendedPlan = props.plans.find(p => p.id === 'pro') ?? props.plans[1];
+    const mtdSpend = props.usage?.totalCost ?? 0;
+    const currency = props.usage?.currency ?? 'usd';
+    const periodEnd = props.subscription.currentPeriodEnd;
+    const daysLeft = daysUntil(periodEnd);
+    const totalCreditsRemaining = (props.balance?.available ?? 0) / 100;
+    const defaultPm = props.paymentMethods.find(m => m.is_default || m.isDefault) ?? props.paymentMethods[0];
+    const hasActivePlan = !!props.subscription.id && props.subscription.status === 'active';
+    // Trial status
+    const isTrialing = props.subscription.status === 'trialing';
+    const trialDaysLeft = isTrialing ? daysUntil(props.subscription.currentPeriodEnd) : 0;
+    // Token stats from usage
+    const aiRecord = props.usage?.records.find(r => r.meterId === 'ai' || r.unit?.toLowerCase().includes('token'));
+    const tokensThisPeriod = aiRecord?.current ?? 0;
+    const apiCallsRecord = props.usage?.records.find(r => r.meterId === 'api_calls');
+    const apiCallsThisPeriod = apiCallsRecord?.current ?? 0;
+    const tier = currentPlan ? (PLAN_TIERS[currentPlan.id] ?? PLAN_TIERS['developer']) : PLAN_TIERS['developer'];
+    // Spend bar heights (deterministic)
+    const barHeights = React.useMemo(() => Array.from({ length: 28 }, (_, i) => mtdSpend > 0 ? Math.max((i * 137 + 17) % 100, 4) : (i % 3 === 0 ? 2 : 1)), [mtdSpend]);
+    return (_jsxs("div", { className: "space-y-5", children: [isTrialing && (_jsx(FadeIn, { delay: 0, children: _jsxs("div", { className: "rounded-2xl border border-sky-500/25 bg-sky-500/[0.05] p-5 flex items-center justify-between gap-4", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-sm font-semibold text-sky-400", children: ["Free trial active ", '\u00B7', " ", trialDaysLeft, " day", trialDaysLeft !== 1 ? 's' : '', " left"] }), _jsx("p", { className: "text-[13px] text-white/50 mt-1", children: "Add a payment method to continue after your trial ends." })] }), _jsx("button", { type: "button", onClick: () => props.onNavigate('payment'), className: "rounded-full bg-sky-500 px-5 py-2 text-sm font-semibold text-white transition hover:bg-sky-400 active:scale-[0.97] flex-shrink-0", children: "Add payment" })] }) })), _jsx(FadeIn, { delay: 0, children: _jsx("div", { className: `rounded-2xl border border-white/[0.08] bg-[#141419] overflow-hidden transition-all ${tier.glow}`, children: _jsxs("div", { className: "p-6", children: [_jsxs("div", { className: "flex items-start justify-between mb-5", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2.5 mb-1", children: [_jsxs("span", { className: `text-[11px] font-semibold uppercase tracking-widest ${tier.color}`, children: [tier.label, " Plan"] }), hasActivePlan && (_jsx("span", { className: "rounded-full bg-emerald-500/15 px-2 py-0.5 text-[10px] font-semibold text-emerald-400", children: "Active" }))] }), _jsx("h2", { className: "text-2xl font-bold text-white", children: tokensThisPeriod > 0
+                                                    ? _jsxs(_Fragment, { children: [_jsx(AnimatedNumber, { value: tokensThisPeriod }), " tokens"] })
+                                                    : props.usageLoading ? 'Loading\u2026' : '\u2014 tokens' }), _jsx("p", { className: "text-[13px] text-white/40 mt-1", children: "processed this billing period" })] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-[11px] text-white/30 mb-1", children: "API spend" }), _jsx("p", { className: "text-xl font-semibold text-white tabular-nums", children: fmt(mtdSpend, currency) }), _jsxs("p", { className: "text-[12px] text-white/30 mt-1", children: [daysLeft, "d until renewal"] })] })] }), _jsx("div", { className: "h-10 flex items-end gap-[2px]", children: barHeights.map((h, i) => (_jsx("div", { className: `flex-1 rounded-sm transition-all duration-700 ${mtdSpend > 0 ? 'bg-white/[0.12]' : 'bg-white/[0.04]'}`, style: { height: `${h}%`, transitionDelay: `${i * 20}ms` } }, i))) }), _jsxs("div", { className: "mt-5 grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "rounded-xl border border-white/[0.06] bg-white/[0.02] p-3", children: [_jsx("p", { className: "text-[11px] text-white/30 mb-1", children: "Tokens / period" }), _jsx("p", { className: "text-base font-semibold text-white tabular-nums", children: tokensThisPeriod > 0 ? fmtTokens(tokensThisPeriod) : '\u2014' })] }), _jsxs("div", { className: "rounded-xl border border-white/[0.06] bg-white/[0.02] p-3", children: [_jsx("p", { className: "text-[11px] text-white/30 mb-1", children: "API calls" }), _jsx("p", { className: "text-base font-semibold text-white tabular-nums", children: apiCallsThisPeriod > 0 ? fmtTokens(apiCallsThisPeriod) : '\u2014' })] }), _jsxs("div", { className: "rounded-xl border border-white/[0.06] bg-white/[0.02] p-3", children: [_jsx("p", { className: "text-[11px] text-white/30 mb-1", children: "Credits left" }), _jsx("p", { className: "text-base font-semibold text-white tabular-nums", children: fmt(totalCreditsRemaining) })] })] })] }) }) }), !hasActivePlan && !isTrialing && recommendedPlan && (_jsx(FadeIn, { delay: 60, children: _jsxs("div", { className: "relative overflow-hidden rounded-2xl border border-white/[0.12] bg-gradient-to-br from-[#1a1a2e] to-[#141419] p-6", children: [_jsx("div", { className: "pointer-events-none absolute -top-12 left-1/2 h-32 w-64 -translate-x-1/2 rounded-full bg-sky-500/10 blur-2xl" }), _jsxs("div", { className: "relative", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "text-sky-400", children: _jsx("path", { d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z" }) }), _jsx("span", { className: "text-sm font-semibold text-sky-400", children: "Unlock the full Hanzo AI suite" })] }), _jsxs("p", { className: "text-[22px] font-bold text-white mb-1", children: ["All AI models. One plan. ", _jsx("span", { className: "text-sky-400", children: "$20/mo." })] }), _jsxs("p", { className: "text-[13px] text-white/50 mb-5", children: ["14+ Zen AI models ", '\u00B7', " 1M+ token context ", '\u00B7', " Unlimited chat ", '\u00B7', " MCP tools ", '\u00B7', " Priority inference", recommendedPlan.trialDays ? ` \u00B7 ${recommendedPlan.trialDays}-day free trial` : ''] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("button", { type: "button", onClick: () => props.onUpgrade?.(recommendedPlan.id), className: "rounded-full bg-white px-6 py-2.5 text-sm font-bold text-black transition hover:bg-white/90 active:scale-[0.97]", children: recommendedPlan.trialDays ? `Start ${recommendedPlan.trialDays}-day free trial` : 'Upgrade to Unified AI' }), _jsxs("button", { type: "button", onClick: () => props.onNavigate('pricing'), className: "text-sm text-white/40 transition hover:text-white/70", children: ["View all plans ", '\u2192'] })] }), (recommendedPlan.annualPrice ?? 0) > 0 && (_jsxs("p", { className: "mt-3 text-[12px] text-emerald-400", children: ["Or go annual for $", recommendedPlan.annualPrice, "/yr ", '\u2014', " save $", (recommendedPlan.price * 12) - recommendedPlan.annualPrice] }))] })] }) })), _jsx(FadeIn, { delay: 80, children: _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [_jsxs("button", { type: "button", onClick: () => props.onNavigate('credits'), className: "rounded-2xl border border-white/[0.08] bg-[#141419] p-5 text-left transition-all hover:border-white/[0.14] hover:bg-[#16161c] group active:scale-[0.99]", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("p", { className: "text-[11px] uppercase tracking-widest text-white/30", children: "Credit Balance" }), _jsx("div", { className: "text-white/20 group-hover:text-white/40 transition-colors", children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "8", cy: "8", r: "6" }), _jsx("path", { d: "M18.09 10.37A6 6 0 1 1 10.34 18" })] }) })] }), _jsx("p", { className: "text-2xl font-bold text-white tabular-nums", children: fmt(totalCreditsRemaining) }), _jsxs("p", { className: "text-[13px] text-white/35 mt-1.5 group-hover:text-white/50 transition-colors", children: [props.creditGrants.filter(g => g.active && !g.voided).length, " active grant", props.creditGrants.filter(g => g.active && !g.voided).length !== 1 ? 's' : ''] })] }), _jsxs("button", { type: "button", onClick: () => props.onNavigate('pricing'), className: "rounded-2xl border border-white/[0.08] bg-[#141419] p-5 text-left transition-all hover:border-white/[0.14] hover:bg-[#16161c] group active:scale-[0.99]", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("p", { className: "text-[11px] uppercase tracking-widest text-white/30", children: "AI Plan" }), _jsx("div", { className: "text-white/20 group-hover:text-white/40 transition-colors", children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z" }) }) })] }), _jsx("p", { className: `text-2xl font-bold ${tier.color || 'text-white'}`, children: currentPlan?.name ?? 'Developer' }), _jsx("p", { className: "text-[13px] text-white/35 mt-1.5 group-hover:text-white/50 transition-colors", children: isTrialing ? `Trial \u00B7 ${trialDaysLeft}d left` : hasActivePlan ? 'Active' : 'Upgrade to unlock all \u2192' })] }), _jsxs("button", { type: "button", onClick: () => props.onNavigate('payment'), className: "rounded-2xl border border-white/[0.08] bg-[#141419] p-5 text-left transition-all hover:border-white/[0.14] hover:bg-[#16161c] group active:scale-[0.99]", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("p", { className: "text-[11px] uppercase tracking-widest text-white/30", children: "Payment" }), _jsx("div", { className: "text-white/20 group-hover:text-white/40 transition-colors", children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" }), _jsx("path", { d: "M2 10h20" })] }) })] }), _jsx("p", { className: "text-2xl font-bold text-white", children: defaultPm?.card ? `\u2022\u2022\u2022\u2022 ${defaultPm.card.last4}` : defaultPm ? defaultPm.type : '\u2014' }), _jsx("p", { className: "text-[13px] text-white/35 mt-1.5 group-hover:text-white/50 transition-colors", children: defaultPm?.card ? defaultPm.card.brand : defaultPm ? 'Active' : 'Add a payment method' })] })] }) }), _jsx(FadeIn, { delay: 120, children: _jsxs("div", { className: "rounded-2xl border border-white/[0.08] bg-[#141419] overflow-hidden", children: [_jsx("div", { className: "px-6 py-4 border-b border-white/[0.06]", children: _jsx("h3", { className: "text-[14px] font-semibold text-white", children: "Quick access" }) }), _jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 divide-x divide-y divide-white/[0.05]", children: [
+                                { label: 'Usage', icon: _jsx("path", { d: "M3 3v18h18" }), section: 'usage' },
+                                { label: 'Invoices', icon: _jsxs(_Fragment, { children: [_jsx("path", { d: "M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z" }), _jsx("path", { d: "M8 7h8" }), _jsx("path", { d: "M8 11h8" })] }), section: 'invoices' },
+                                { label: 'Plans', icon: _jsx("path", { d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z" }), section: 'pricing' },
+                                { label: 'Credits', icon: _jsxs(_Fragment, { children: [_jsx("circle", { cx: "8", cy: "8", r: "6" }), _jsx("path", { d: "M18.09 10.37A6 6 0 1 1 10.34 18" })] }), section: 'credits' },
+                                { label: 'Alerts', icon: _jsxs(_Fragment, { children: [_jsx("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }), _jsx("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })] }), section: 'alerts' },
+                                { label: 'Team', icon: _jsxs(_Fragment, { children: [_jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }), _jsx("circle", { cx: "9", cy: "7", r: "4" })] }), section: 'team' },
+                            ].map((item) => (_jsxs("button", { type: "button", onClick: () => props.onNavigate(item.section), className: "flex flex-col items-center gap-2 px-4 py-5 text-left transition-colors hover:bg-white/[0.03] group", children: [_jsx("div", { className: "text-white/25 group-hover:text-white/50 transition-colors", children: _jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: item.icon }) }), _jsx("p", { className: "text-[12px] font-medium text-white/35 group-hover:text-white/60 transition-colors", children: item.label })] }, item.section))) })] }) }), props.invoices.length > 0 && (_jsx(FadeIn, { delay: 160, children: _jsxs("div", { className: "rounded-2xl border border-white/[0.08] bg-[#141419] overflow-hidden", children: [_jsxs("div", { className: "px-6 py-4 border-b border-white/[0.06] flex items-center justify-between", children: [_jsx("h3", { className: "text-[14px] font-semibold text-white", children: "Recent invoices" }), _jsxs("button", { type: "button", onClick: () => props.onNavigate('invoices'), className: "text-[12px] text-white/35 hover:text-white/60 transition-colors", children: ["View all ", '\u2192'] })] }), _jsx("div", { className: "divide-y divide-white/[0.04]", children: props.invoices.slice(0, 3).map((inv) => (_jsxs("div", { className: "flex items-center justify-between px-6 py-3.5 hover:bg-white/[0.02] transition-colors", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-[13px] text-white/70", children: ["#", inv.invoiceNumber || inv.number || inv.id.slice(0, 10)] }), _jsx("p", { className: "text-[12px] text-white/30", children: new Date(inv.date).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' }) })] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-[13px] font-semibold text-white tabular-nums", children: fmt(inv.total, inv.currency) }), _jsx("span", { className: `text-[11px] font-medium ${inv.status === 'paid' ? 'text-emerald-400' :
+                                                    inv.status === 'failed' ? 'text-red-400' : 'text-amber-400'}`, children: inv.status.charAt(0).toUpperCase() + inv.status.slice(1) })] })] }, inv.id))) })] }) }))] }));
+}

package/dist/src/billing/components/payment-manager.d.ts

@@ -0,0 +1,13 @@
+import type { PaymentMethod } from '../types';
+export interface PaymentMethodManagerProps {
+    paymentMethods?: PaymentMethod[];
+    initialMethods?: PaymentMethod[];
+    onAdd?: (method: PaymentMethod) => Promise<void>;
+    onRemove?: (id: string) => Promise<void>;
+    onSetDefault?: (id: string) => Promise<void>;
+    onMethodAdded?: (method: PaymentMethod) => void;
+    onMethodRemoved?: (id: string) => void;
+    onDefaultChanged?: (id: string) => void;
+}
+export declare function PaymentMethodManager(props: PaymentMethodManagerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=payment-manager.d.ts.map

package/dist/src/billing/components/payment-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-manager.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/payment-manager.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAoC,MAAM,UAAU,CAAA;AAG/E,MAAM,WAAW,yBAAyB;IACxC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAA;IAC/C,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AA+FD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAyKpE"}