@hanzo/ui 5.3.35 → 5.3.38

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

@@ -1,131 +0,0 @@
-'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-50 text-emerald-700 ring-emerald-600/20',
-    },
-    pending: {
-        label: 'Pending',
-        className: 'bg-amber-50 text-amber-700 ring-amber-600/20',
-    },
-    unpaid: {
-        label: 'Unpaid',
-        className: 'bg-rose-50 text-rose-700 ring-rose-600/20',
-    },
-    failed: {
-        label: 'Failed',
-        className: 'bg-rose-50 text-rose-700 ring-rose-600/20',
-    },
-    refunded: {
-        label: 'Refunded',
-        className: 'bg-sky-50 text-sky-700 ring-sky-600/20',
-    },
-    void: {
-        label: 'Void',
-        className: 'bg-zinc-100 text-zinc-700 ring-zinc-600/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-zinc-200 bg-white", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b border-zinc-200 p-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold text-zinc-900", children: "Invoice history" }), _jsxs("p", { className: "text-sm text-zinc-500", children: [filtered.length, " invoice(s) matching current filters"] })] }), _jsxs("div", { className: "inline-flex rounded-lg border border-zinc-200 p-1", children: [_jsx("button", { type: "button", onClick: () => setView('table'), className: `rounded-md px-3 py-1.5 text-sm transition ${view === 'table'
-                                        ? 'bg-zinc-900 text-white'
-                                        : 'text-zinc-600 hover:bg-zinc-100'}`, children: "Table" }), _jsx("button", { type: "button", onClick: () => setView('grid'), className: `rounded-md px-3 py-1.5 text-sm transition ${view === 'grid'
-                                        ? 'bg-zinc-900 text-white'
-                                        : 'text-zinc-600 hover:bg-zinc-100'}`, children: "Grid" })] })] }), _jsxs("div", { className: "flex flex-wrap gap-3 border-b border-zinc-200 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-zinc-300 px-3 py-2 text-sm outline-none transition focus:border-zinc-900" }), _jsx("select", { value: status, onChange: (e) => {
-                                setStatus(e.target.value);
-                                setPage(1);
-                            }, className: "rounded-lg border border-zinc-300 px-3 py-2 text-sm text-zinc-700 outline-none transition focus:border-zinc-900", 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-zinc-50", children: _jsxs("tr", { children: [_jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-zinc-500", children: "Invoice" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-zinc-500", children: "Date" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-zinc-500", children: "Amount" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-zinc-500", children: "Status" }), _jsx("th", { className: "px-4 py-3 text-right text-xs font-semibold uppercase tracking-wide text-zinc-500", children: "Actions" })] }) }), _jsx("tbody", { className: "divide-y divide-zinc-200", children: currentPageRows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: 5, className: "px-4 py-10 text-center text-sm text-zinc-500", children: "No invoices found." }) })) : (currentPageRows.map((invoice) => (_jsxs("tr", { className: "bg-white", children: [_jsx("td", { className: "px-4 py-3 text-sm text-zinc-900", children: invoice.number || invoice.invoiceNumber || invoice.id }), _jsx("td", { className: "px-4 py-3 text-sm text-zinc-600", children: formatDate(invoice.date) }), _jsx("td", { className: "px-4 py-3 text-sm font-medium text-zinc-900", 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-zinc-300 px-3 py-1.5 text-xs font-medium text-zinc-700 transition hover:bg-zinc-100 disabled:cursor-not-allowed disabled:opacity-60", children: busyInvoiceId === invoice.id ? 'Downloading…' : '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-zinc-200 p-8 text-center text-sm text-zinc-500", children: "No invoices found." })) : (currentPageRows.map((invoice) => (_jsxs("div", { className: "rounded-lg border border-zinc-200 bg-white p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx("p", { className: "font-medium text-zinc-900", 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-zinc-500", children: ["Issued ", formatDate(invoice.date)] }), _jsx("p", { className: "mt-2 text-xl font-semibold text-zinc-900", 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-zinc-300 px-3 py-2 text-xs font-medium text-zinc-700 transition hover:bg-zinc-100 disabled:cursor-not-allowed disabled:opacity-60", children: busyInvoiceId === invoice.id ? 'Downloading…' : 'Download PDF' })] }, invoice.id)))) })), _jsxs("div", { className: "flex items-center justify-between border-t border-zinc-200 p-4", children: [_jsxs("p", { className: "text-xs text-zinc-500", 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-zinc-300 px-3 py-1.5 text-xs font-medium text-zinc-700 transition hover:bg-zinc-100 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-zinc-300 px-3 py-1.5 text-xs font-medium text-zinc-700 transition hover:bg-zinc-100 disabled:cursor-not-allowed disabled:opacity-60", children: "Next" })] })] })] }) }));
-}

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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"payment-manager.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/payment-manager.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE7C,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;AAqFD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAyNpE"}

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

@@ -1,146 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-const defaultDraft = {
-    holderName: '',
-    type: 'card',
-    cardBrand: 'visa',
-    last4: '',
-    expMonth: '',
-    expYear: '',
-};
-function formatCardBrand(brand) {
-    if (!brand)
-        return 'Card';
-    return brand.charAt(0).toUpperCase() + brand.slice(1);
-}
-function buildPaymentMethodFromDraft(draft) {
-    const now = new Date().toISOString();
-    const id = `pm_${Math.random().toString(36).slice(2, 12)}`;
-    if (draft.type === 'card') {
-        return {
-            id,
-            type: 'card',
-            is_default: false,
-            created_at: now,
-            isDefault: false,
-            card: {
-                brand: draft.cardBrand,
-                last4: draft.last4,
-                exp_month: Number(draft.expMonth),
-                exp_year: Number(draft.expYear),
-                funding: 'credit',
-            },
-            billing_details: {
-                name: draft.holderName,
-            },
-        };
-    }
-    return {
-        id,
-        type: draft.type,
-        is_default: false,
-        created_at: now,
-        isDefault: false,
-        billing_details: {
-            name: draft.holderName,
-        },
-    };
-}
-function methodDisplay(method) {
-    if (method.type === 'card') {
-        return `${formatCardBrand(method.card?.brand || '')} •••• ${method.card?.last4 || '••••'}`;
-    }
-    if (method.type === 'paypal') {
-        return `PayPal ${method.paypal?.email ? `(${method.paypal.email})` : ''}`;
-    }
-    if (method.type === 'bank_account' || method.type === 'sepa_debit') {
-        return `${method.bank_account?.bankName || 'Bank account'} •••• ${method.bank_account?.last4 || '••••'}`;
-    }
-    if (method.type === 'apple_pay') {
-        return 'Apple Pay';
-    }
-    return 'Google Pay';
-}
-function methodExpiration(method) {
-    if (method.type !== 'card')
-        return null;
-    const month = method.card?.exp_month;
-    const year = method.card?.exp_year;
-    if (!month || !year)
-        return null;
-    return `${String(month).padStart(2, '0')}/${String(year).slice(-2)}`;
-}
-export function PaymentMethodManager(props) {
-    const { paymentMethods, initialMethods, onAdd, onRemove, onSetDefault, onMethodAdded, onMethodRemoved, onDefaultChanged, } = props;
-    const [methods, setMethods] = React.useState(paymentMethods && paymentMethods.length > 0
-        ? paymentMethods
-        : initialMethods || []);
-    const [draft, setDraft] = React.useState(defaultDraft);
-    const [isAdding, setIsAdding] = React.useState(false);
-    const [busyMethodId, setBusyMethodId] = React.useState(null);
-    const [showForm, setShowForm] = React.useState(false);
-    React.useEffect(() => {
-        if (paymentMethods) {
-            setMethods(paymentMethods);
-        }
-    }, [paymentMethods]);
-    const canCreate = draft.holderName.trim().length > 1 &&
-        (draft.type !== 'card' || (draft.last4.length === 4 && draft.expMonth && draft.expYear));
-    const handleCreate = React.useCallback(async () => {
-        if (!canCreate)
-            return;
-        setIsAdding(true);
-        const method = buildPaymentMethodFromDraft(draft);
-        try {
-            await onAdd?.(method);
-            setMethods((prev) => [...prev, method]);
-            onMethodAdded?.(method);
-            setDraft(defaultDraft);
-            setShowForm(false);
-        }
-        finally {
-            setIsAdding(false);
-        }
-    }, [canCreate, draft, onAdd, onMethodAdded]);
-    const handleRemove = React.useCallback(async (id) => {
-        setBusyMethodId(id);
-        try {
-            await onRemove?.(id);
-            setMethods((prev) => prev.filter((m) => m.id !== id));
-            onMethodRemoved?.(id);
-        }
-        finally {
-            setBusyMethodId(null);
-        }
-    }, [onMethodRemoved, onRemove]);
-    const handleSetDefault = React.useCallback(async (id) => {
-        setBusyMethodId(id);
-        try {
-            await onSetDefault?.(id);
-            setMethods((prev) => prev.map((method) => ({
-                ...method,
-                is_default: method.id === id,
-                isDefault: method.id === id,
-            })));
-            onDefaultChanged?.(id);
-        }
-        finally {
-            setBusyMethodId(null);
-        }
-    }, [onDefaultChanged, onSetDefault]);
-    return (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "overflow-hidden rounded-xl border border-zinc-200 bg-white", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b border-zinc-200 p-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold text-zinc-900", children: "Payment methods" }), _jsx("p", { className: "text-sm text-zinc-500", children: "Securely manage cards, wallets, and bank methods" })] }), _jsx("button", { type: "button", onClick: () => setShowForm((v) => !v), className: "rounded-lg bg-zinc-900 px-3 py-2 text-sm font-medium text-white transition hover:bg-zinc-700", children: showForm ? 'Cancel' : 'Add method' })] }), showForm ? (_jsxs("div", { className: "grid gap-3 border-b border-zinc-200 p-4 md:grid-cols-2 xl:grid-cols-5", children: [_jsx("input", { value: draft.holderName, onChange: (e) => setDraft((prev) => ({ ...prev, holderName: e.target.value })), placeholder: "Cardholder name", className: "rounded-lg border border-zinc-300 px-3 py-2 text-sm outline-none transition focus:border-zinc-900" }), _jsxs("select", { value: draft.type, onChange: (e) => setDraft((prev) => ({ ...prev, type: e.target.value })), className: "rounded-lg border border-zinc-300 px-3 py-2 text-sm outline-none transition focus:border-zinc-900", children: [_jsx("option", { value: "card", children: "Card" }), _jsx("option", { value: "paypal", children: "PayPal" }), _jsx("option", { value: "apple_pay", children: "Apple Pay" }), _jsx("option", { value: "google_pay", children: "Google Pay" }), _jsx("option", { value: "bank_account", children: "Bank account" })] }), _jsx("input", { value: draft.last4, onChange: (e) => setDraft((prev) => ({
-                                ...prev,
-                                last4: e.target.value.replace(/\D/g, '').slice(0, 4),
-                            })), placeholder: "Last 4 digits", className: "rounded-lg border border-zinc-300 px-3 py-2 text-sm outline-none transition focus:border-zinc-900" }), _jsx("input", { value: draft.expMonth, onChange: (e) => setDraft((prev) => ({
-                                ...prev,
-                                expMonth: e.target.value.replace(/\D/g, '').slice(0, 2),
-                            })), placeholder: "MM", className: "rounded-lg border border-zinc-300 px-3 py-2 text-sm outline-none transition focus:border-zinc-900" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("input", { value: draft.expYear, onChange: (e) => setDraft((prev) => ({
-                                        ...prev,
-                                        expYear: e.target.value.replace(/\D/g, '').slice(0, 4),
-                                    })), placeholder: "YYYY", className: "w-full rounded-lg border border-zinc-300 px-3 py-2 text-sm outline-none transition focus:border-zinc-900" }), _jsx("button", { type: "button", disabled: !canCreate || isAdding, onClick: handleCreate, className: "rounded-lg border border-zinc-300 px-3 py-2 text-sm font-medium text-zinc-700 transition hover:bg-zinc-100 disabled:cursor-not-allowed disabled:opacity-60", children: isAdding ? 'Saving…' : 'Save' })] })] })) : null, _jsx("div", { className: "divide-y divide-zinc-200", children: methods.length === 0 ? (_jsx("div", { className: "p-6 text-sm text-zinc-500", children: "No payment methods on file." })) : (methods.map((method) => {
-                        const isDefault = method.is_default || method.isDefault;
-                        const isBusy = busyMethodId === method.id;
-                        return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 p-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-zinc-900", children: methodDisplay(method) }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-zinc-500", children: [_jsxs("span", { children: ["Added ", new Date(method.created_at).toLocaleDateString('en-US')] }), methodExpiration(method) ? _jsxs("span", { children: ["Expires ", methodExpiration(method)] }) : null, isDefault ? (_jsx("span", { className: "rounded-full bg-zinc-900 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-white", children: "Default" })) : null] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [!isDefault ? (_jsx("button", { type: "button", disabled: isBusy, onClick: () => handleSetDefault(method.id), className: "rounded-md border border-zinc-300 px-3 py-1.5 text-xs font-medium text-zinc-700 transition hover:bg-zinc-100 disabled:cursor-not-allowed disabled:opacity-60", children: isBusy ? 'Saving…' : 'Set default' })) : null, _jsx("button", { type: "button", disabled: isBusy, onClick: () => handleRemove(method.id), className: "rounded-md border border-rose-200 px-3 py-1.5 text-xs font-medium text-rose-700 transition hover:bg-rose-50 disabled:cursor-not-allowed disabled:opacity-60", children: isBusy ? 'Removing…' : 'Remove' })] })] }, method.id));
-                    })) })] }) }));
-}

package/dist/src/billing/components/subscription-portal.d.ts

@@ -1,16 +0,0 @@
-import type { BillingMetric, Subscription, SubscriptionPlan, RetentionOffer, SubscriptionHistory } from '../types';
-export interface SubscriptionPortalProps {
-    subscription: Subscription;
-    availablePlans: SubscriptionPlan[];
-    usageMetrics?: BillingMetric[];
-    retentionOffers?: RetentionOffer[];
-    subscriptionHistory?: SubscriptionHistory[];
-    onUpgrade?: (planId: string) => Promise<void>;
-    onDowngrade?: (planId: string) => Promise<void>;
-    onCancel?: (reason: string, feedback?: string) => Promise<void>;
-    onAcceptOffer?: (offerId: string) => Promise<void>;
-    showHistory?: boolean;
-    defaultView?: 'overview' | 'plans' | 'history';
-}
-export declare function SubscriptionPortal(props: SubscriptionPortalProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=subscription-portal.d.ts.map

package/dist/src/billing/components/subscription-portal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"subscription-portal.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/subscription-portal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACpB,MAAM,UAAU,CAAA;AAEjB,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,YAAY,CAAA;IAC1B,cAAc,EAAE,gBAAgB,EAAE,CAAA;IAClC,YAAY,CAAC,EAAE,aAAa,EAAE,CAAA;IAC9B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,mBAAmB,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAC3C,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,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,CAAA;CAC/C;AAgDD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAyQhE"}

package/dist/src/billing/components/subscription-portal.js

@@ -1,88 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from 'react';
-function formatCurrency(value, currency = 'USD') {
-    return new Intl.NumberFormat('en-US', {
-        style: 'currency',
-        currency,
-        maximumFractionDigits: 0,
-    }).format(value);
-}
-function formatDate(date) {
-    return new Intl.DateTimeFormat('en-US', {
-        month: 'short',
-        day: 'numeric',
-        year: 'numeric',
-    }).format(date);
-}
-const statusTone = {
-    active: {
-        label: 'Active',
-        className: 'bg-emerald-50 text-emerald-700 ring-emerald-600/20',
-    },
-    canceled: {
-        label: 'Canceled',
-        className: 'bg-rose-50 text-rose-700 ring-rose-600/20',
-    },
-    past_due: {
-        label: 'Past due',
-        className: 'bg-amber-50 text-amber-800 ring-amber-600/20',
-    },
-    trialing: {
-        label: 'Trialing',
-        className: 'bg-sky-50 text-sky-700 ring-sky-600/20',
-    },
-    unpaid: {
-        label: 'Unpaid',
-        className: 'bg-rose-50 text-rose-700 ring-rose-600/20',
-    },
-    incomplete: {
-        label: 'Incomplete',
-        className: 'bg-zinc-100 text-zinc-700 ring-zinc-600/20',
-    },
-};
-export function SubscriptionPortal(props) {
-    const { subscription, availablePlans, usageMetrics = [], retentionOffers = [], subscriptionHistory = [], onUpgrade, onDowngrade, defaultView = 'overview', } = props;
-    const [view, setView] = React.useState(defaultView);
-    const [busyPlanId, setBusyPlanId] = React.useState(null);
-    const currentPlan = React.useMemo(() => availablePlans.find((p) => p.id === subscription.planId), [availablePlans, subscription.planId]);
-    const handlePlanChange = React.useCallback(async (plan) => {
-        if (!currentPlan || plan.id === currentPlan.id)
-            return;
-        setBusyPlanId(plan.id);
-        try {
-            if (plan.price >= currentPlan.price) {
-                await onUpgrade?.(plan.id);
-            }
-            else {
-                await onDowngrade?.(plan.id);
-            }
-        }
-        finally {
-            setBusyPlanId(null);
-        }
-    }, [currentPlan, onDowngrade, onUpgrade]);
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "overflow-hidden rounded-2xl border border-zinc-200 bg-gradient-to-b from-zinc-50 to-white p-6", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-zinc-500", children: "Subscription Control" }), _jsx("h2", { className: "text-2xl font-semibold text-zinc-900", children: currentPlan?.name ?? 'No active plan' }), _jsxs("p", { className: "text-sm text-zinc-600", children: ["Billing period ends on ", formatDate(subscription.currentPeriodEnd)] })] }), _jsx("span", { className: `inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold ring-1 ${statusTone[subscription.status].className}`, children: statusTone[subscription.status].label })] }), _jsxs("div", { className: "mt-6 flex flex-wrap gap-2 rounded-xl border border-zinc-200 bg-white p-1", children: [_jsx("button", { type: "button", onClick: () => setView('overview'), className: `rounded-lg px-3 py-1.5 text-sm transition ${view === 'overview'
-                                    ? 'bg-zinc-900 text-white'
-                                    : 'text-zinc-600 hover:bg-zinc-100'}`, children: "Overview" }), _jsx("button", { type: "button", onClick: () => setView('plans'), className: `rounded-lg px-3 py-1.5 text-sm transition ${view === 'plans'
-                                    ? 'bg-zinc-900 text-white'
-                                    : 'text-zinc-600 hover:bg-zinc-100'}`, children: "Plans" }), _jsx("button", { type: "button", onClick: () => setView('history'), className: `rounded-lg px-3 py-1.5 text-sm transition ${view === 'history'
-                                    ? 'bg-zinc-900 text-white'
-                                    : 'text-zinc-600 hover:bg-zinc-100'}`, children: "History" })] })] }), view === 'overview' && (_jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [_jsxs("div", { className: "rounded-xl border border-zinc-200 bg-white p-4", children: [_jsx("p", { className: "text-xs uppercase tracking-wide text-zinc-500", children: "Current spend" }), _jsxs("p", { className: "mt-2 text-2xl font-semibold text-zinc-900", children: [formatCurrency(currentPlan?.price ?? 0), _jsxs("span", { className: "text-sm font-normal text-zinc-500", children: ["/", currentPlan?.billingPeriod ?? 'monthly'] })] })] }), _jsxs("div", { className: "rounded-xl border border-zinc-200 bg-white p-4", children: [_jsx("p", { className: "text-xs uppercase tracking-wide text-zinc-500", children: "Next invoice" }), _jsx("p", { className: "mt-2 text-lg font-semibold text-zinc-900", children: formatDate(subscription.currentPeriodEnd) })] }), _jsxs("div", { className: "rounded-xl border border-zinc-200 bg-white p-4", children: [_jsx("p", { className: "text-xs uppercase tracking-wide text-zinc-500", children: "Cancellation" }), _jsx("p", { className: "mt-2 text-lg font-semibold text-zinc-900", children: subscription.cancelAtPeriodEnd ? 'At period end' : 'Auto-renewing' })] }), usageMetrics.length > 0 && (_jsxs("div", { className: "md:col-span-3 rounded-xl border border-zinc-200 bg-white p-4", children: [_jsx("p", { className: "text-xs uppercase tracking-wide text-zinc-500", children: "Usage metrics" }), _jsx("div", { className: "mt-3 grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: usageMetrics.map((metric) => {
-                                    const utilization = metric.limit && metric.limit > 0
-                                        ? Math.min((metric.current / metric.limit) * 100, 100)
-                                        : 0;
-                                    return (_jsxs("div", { className: "rounded-lg border border-zinc-200 p-3", children: [_jsx("p", { className: "text-sm text-zinc-600", children: metric.label }), _jsxs("p", { className: "mt-1 text-lg font-semibold text-zinc-900", children: [metric.current.toLocaleString(), metric.unit ? ` ${metric.unit}` : ''] }), metric.limit ? (_jsxs(_Fragment, { children: [_jsxs("p", { className: "text-xs text-zinc-500", children: ["of ", metric.limit.toLocaleString(), " ", metric.unit ?? ''] }), _jsx("div", { className: "mt-2 h-2 rounded-full bg-zinc-100", children: _jsx("div", { className: "h-2 rounded-full bg-zinc-900", style: { width: `${utilization}%` } }) })] })) : null] }, metric.id));
-                                }) })] })), retentionOffers.length > 0 && (_jsxs("div", { className: "md:col-span-3 rounded-xl border border-amber-200 bg-amber-50/60 p-4", children: [_jsx("p", { className: "text-xs uppercase tracking-wide text-amber-700", children: "Retention offers" }), _jsx("div", { className: "mt-3 grid gap-3 md:grid-cols-2", children: retentionOffers.map((offer) => (_jsxs("div", { className: "rounded-lg border border-amber-200 bg-white p-3", children: [_jsx("p", { className: "font-medium text-zinc-900", children: offer.title }), _jsx("p", { className: "mt-1 text-sm text-zinc-600", children: offer.description }), _jsxs("p", { className: "mt-2 text-sm font-semibold text-amber-700", children: ["Save ", offer.discount, "% for ", offer.durationMonths, " months"] })] }, offer.id))) })] }))] })), view === 'plans' && (_jsx("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3", children: availablePlans.map((plan) => {
-                    const isCurrent = plan.id === subscription.planId;
-                    const isBusy = busyPlanId === plan.id;
-                    const periodPrice = `${formatCurrency(plan.price)}/${plan.billingPeriod}`;
-                    return (_jsxs("div", { className: `rounded-xl border p-5 ${isCurrent
-                            ? 'border-zinc-900 bg-zinc-900 text-white'
-                            : 'border-zinc-200 bg-white text-zinc-900'}`, children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { children: [_jsx("p", { className: "text-lg font-semibold", children: plan.name }), _jsx("p", { className: `text-sm ${isCurrent ? 'text-zinc-300' : 'text-zinc-600'}`, children: plan.description })] }), plan.badge ? (_jsx("span", { className: `rounded-full px-2 py-1 text-xs font-semibold ${isCurrent ? 'bg-zinc-700 text-zinc-100' : 'bg-zinc-100 text-zinc-700'}`, children: plan.badge })) : null] }), _jsx("p", { className: "mt-4 text-2xl font-semibold", children: periodPrice }), _jsx("ul", { className: `mt-4 space-y-2 text-sm ${isCurrent ? 'text-zinc-200' : 'text-zinc-700'}`, children: plan.features.map((feature) => (_jsxs("li", { children: ["\u2022 ", feature] }, feature))) }), _jsx("button", { type: "button", disabled: isCurrent || isBusy, onClick: () => handlePlanChange(plan), className: `mt-5 w-full rounded-lg px-3 py-2 text-sm font-medium transition ${isCurrent
-                                    ? 'cursor-not-allowed bg-zinc-700 text-zinc-300'
-                                    : isBusy
-                                        ? 'cursor-wait bg-zinc-300 text-zinc-600'
-                                        : 'bg-zinc-900 text-white hover:bg-zinc-700'}`, children: isCurrent ? 'Current plan' : isBusy ? 'Applying…' : 'Switch plan' })] }, plan.id));
-                }) })), view === 'history' && (_jsxs("div", { className: "rounded-xl border border-zinc-200 bg-white", children: [_jsx("div", { className: "border-b border-zinc-200 px-4 py-3", children: _jsx("h3", { className: "text-sm font-semibold text-zinc-900", children: "Subscription timeline" }) }), subscriptionHistory.length === 0 ? (_jsx("div", { className: "p-6 text-sm text-zinc-500", children: "No history entries yet." })) : (_jsx("div", { className: "divide-y divide-zinc-200", children: subscriptionHistory.map((entry) => (_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2 px-4 py-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-zinc-900", children: entry.action }), _jsx("p", { className: "text-sm text-zinc-600", children: entry.details }), entry.fromPlan || entry.toPlan ? (_jsxs("p", { className: "text-xs text-zinc-500", children: [entry.fromPlan ?? '—', " \u2192 ", entry.toPlan ?? '—'] })) : null] }), _jsx("p", { className: "text-xs text-zinc-500", children: formatDate(entry.date) })] }, entry.id))) }))] }))] }));
-}

package/dist/src/billing/components/tax-compliance-panel.d.ts

@@ -1,8 +0,0 @@
-import type { ComplianceItem, TaxSettings } from '../types';
-export interface TaxCompliancePanelProps {
-    taxSettings: TaxSettings;
-    complianceItems: ComplianceItem[];
-    onToggleAutomaticTax?: (enabled: boolean) => Promise<void>;
-}
-export declare function TaxCompliancePanel(props: TaxCompliancePanelProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=tax-compliance-panel.d.ts.map

package/dist/src/billing/components/tax-compliance-panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tax-compliance-panel.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/tax-compliance-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3D,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,WAAW,CAAA;IACxB,eAAe,EAAE,cAAc,EAAE,CAAA;IACjC,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3D;AAwBD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA4HhE"}

package/dist/src/billing/components/tax-compliance-panel.js

@@ -1,41 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-const complianceTone = {
-    complete: {
-        label: 'Complete',
-        className: 'bg-emerald-50 text-emerald-700 ring-emerald-600/20',
-    },
-    required: {
-        label: 'Required',
-        className: 'bg-rose-50 text-rose-700 ring-rose-600/20',
-    },
-    review: {
-        label: 'Review',
-        className: 'bg-amber-50 text-amber-700 ring-amber-600/20',
-    },
-    blocked: {
-        label: 'Blocked',
-        className: 'bg-zinc-100 text-zinc-700 ring-zinc-600/20',
-    },
-};
-export function TaxCompliancePanel(props) {
-    const { taxSettings, complianceItems, onToggleAutomaticTax } = props;
-    const [automaticTax, setAutomaticTax] = React.useState(taxSettings.automaticCollection);
-    const [saving, setSaving] = React.useState(false);
-    React.useEffect(() => {
-        setAutomaticTax(taxSettings.automaticCollection);
-    }, [taxSettings.automaticCollection]);
-    const handleToggle = React.useCallback(async () => {
-        const next = !automaticTax;
-        setAutomaticTax(next);
-        setSaving(true);
-        try {
-            await onToggleAutomaticTax?.(next);
-        }
-        finally {
-            setSaving(false);
-        }
-    }, [automaticTax, onToggleAutomaticTax]);
-    return (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "grid gap-4 xl:grid-cols-5", children: [_jsxs("div", { className: "xl:col-span-2 overflow-hidden rounded-xl border border-zinc-200 bg-white", children: [_jsxs("div", { className: "border-b border-zinc-200 p-4", children: [_jsx("h3", { className: "text-lg font-semibold text-zinc-900", children: "Tax settings" }), _jsx("p", { className: "text-sm text-zinc-500", children: "Manage registrations, nexus, and tax collection behavior" })] }), _jsxs("div", { className: "space-y-4 p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-4 rounded-lg border border-zinc-200 p-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-zinc-900", children: "Automatic tax" }), _jsx("p", { className: "text-xs text-zinc-500", children: "Calculate and collect tax where required" })] }), _jsx("button", { type: "button", onClick: handleToggle, disabled: saving, className: `relative inline-flex h-6 w-11 items-center rounded-full transition ${automaticTax ? 'bg-zinc-900' : 'bg-zinc-300'}`, children: _jsx("span", { className: `inline-block h-4 w-4 transform rounded-full bg-white transition ${automaticTax ? 'translate-x-6' : 'translate-x-1'}` }) })] }), _jsxs("div", { children: [_jsx("p", { className: "mb-2 text-sm font-medium text-zinc-900", children: "Registrations" }), _jsx("div", { className: "space-y-2", children: taxSettings.registrations.length === 0 ? (_jsx("p", { className: "rounded-lg border border-dashed border-zinc-300 p-3 text-sm text-zinc-500", children: "No tax registrations configured." })) : (taxSettings.registrations.map((registration) => (_jsxs("div", { className: "rounded-lg border border-zinc-200 p-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("p", { className: "text-sm font-medium text-zinc-900", children: registration.region }), _jsx("span", { className: "rounded-full bg-zinc-100 px-2 py-1 text-[10px] font-semibold uppercase tracking-wide text-zinc-700", children: registration.status })] }), _jsxs("p", { className: "mt-1 text-xs text-zinc-500", children: [registration.type.toUpperCase(), " \u00B7 ", registration.registrationId] })] }, registration.id)))) })] })] })] }), _jsxs("div", { className: "xl:col-span-3 overflow-hidden rounded-xl border border-zinc-200 bg-white", children: [_jsxs("div", { className: "border-b border-zinc-200 p-4", children: [_jsx("h3", { className: "text-lg font-semibold text-zinc-900", children: "Compliance checklist" }), _jsx("p", { className: "text-sm text-zinc-500", children: "Track KYC/KYB, tax filings, and policy requirements" })] }), _jsx("div", { className: "divide-y divide-zinc-200", children: complianceItems.length === 0 ? (_jsx("div", { className: "p-6 text-sm text-zinc-500", children: "No compliance tasks yet." })) : (complianceItems.map((item) => (_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3 p-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-zinc-900", children: item.title }), _jsx("p", { className: "mt-1 text-sm text-zinc-600", children: item.description }), _jsxs("p", { className: "mt-1 text-xs text-zinc-500", children: ["Category: ", item.category.toUpperCase(), item.owner ? ` · Owner: ${item.owner}` : ''] })] }), _jsxs("div", { className: "flex flex-col items-end gap-2", children: [_jsx("span", { className: `inline-flex rounded-full px-2 py-1 text-xs font-semibold ring-1 ${complianceTone[item.status].className}`, children: complianceTone[item.status].label }), item.actionLabel ? (_jsx("button", { type: "button", className: "rounded-md border border-zinc-300 px-3 py-1.5 text-xs font-medium text-zinc-700 transition hover:bg-zinc-100", children: item.actionLabel })) : null] })] }, item.id)))) })] })] }) }));
-}

package/dist/src/billing/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * @hanzo/ui/billing
- * Billing, subscription, payment, and invoice management components
- */
-export * from './components';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/billing/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/billing/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,cAAc,cAAc,CAAA;AAG5B,cAAc,SAAS,CAAA"}

package/dist/src/billing/index.js

@@ -1,8 +0,0 @@
-/**
- * @hanzo/ui/billing
- * Billing, subscription, payment, and invoice management components
- */
-// Components
-export * from './components';
-// Types
-export * from './types';