@hanzo/ui 5.3.39 → 5.3.41

package/dist/src/billing/components/credits-panel.d.ts

@@ -1,8 +0,0 @@
-import type { CreditGrant } from '../types';
-export interface CreditsPanelProps {
-    creditGrants: CreditGrant[];
-    creditBalance?: number;
-    onClaimStarterCredit?: () => Promise<void>;
-}
-export declare function CreditsPanel({ creditGrants, creditBalance, onClaimStarterCredit }: CreditsPanelProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=credits-panel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"credits-panel.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/credits-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oBAAoB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3C;AA4BD,wBAAgB,YAAY,CAAC,EAAE,YAAY,EAAE,aAAiB,EAAE,oBAAoB,EAAE,EAAE,iBAAiB,2CAwJxG"}

package/dist/src/billing/components/credits-panel.js

@@ -1,58 +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,
-    }).format(value);
-}
-function formatCountdown(expiresAt) {
-    const diff = new Date(expiresAt).getTime() - Date.now();
-    if (diff <= 0)
-        return 'Expired';
-    const days = Math.floor(diff / (1000 * 60 * 60 * 24));
-    const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
-    if (days > 0)
-        return `${days}d ${hours}h remaining`;
-    const mins = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
-    return `${hours}h ${mins}m remaining`;
-}
-function formatDate(dateStr) {
-    return new Intl.DateTimeFormat('en-US', {
-        month: 'short',
-        day: 'numeric',
-        year: 'numeric',
-    }).format(new Date(dateStr));
-}
-export function CreditsPanel({ creditGrants, creditBalance = 0, onClaimStarterCredit }) {
-    const [claiming, setClaiming] = React.useState(false);
-    const [claimError, setClaimError] = React.useState(null);
-    const hasStarterCredit = creditGrants.some((g) => g.name.toLowerCase().includes('starter') && g.active);
-    const activeGrants = creditGrants.filter((g) => g.active && !g.voided);
-    const expiredGrants = creditGrants.filter((g) => !g.active || g.voided);
-    const handleClaim = React.useCallback(async () => {
-        if (!onClaimStarterCredit)
-            return;
-        setClaiming(true);
-        setClaimError(null);
-        try {
-            await onClaimStarterCredit();
-        }
-        catch (err) {
-            setClaimError(err instanceof Error ? err.message : 'Failed to claim credit');
-        }
-        finally {
-            setClaiming(false);
-        }
-    }, [onClaimStarterCredit]);
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-bg-card", children: [_jsxs("div", { className: "border-b border-border p-4", children: [_jsx("h3", { className: "text-lg font-semibold text-text", children: "Credits" }), _jsx("p", { className: "text-sm text-text-muted", children: "View your credit grants, starter credits, and promotional balances" })] }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4 p-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-text-muted", children: "Total credit balance" }), _jsx("p", { className: "mt-1 text-3xl font-bold text-text", children: formatCurrency(creditBalance / 100) })] }), onClaimStarterCredit && !hasStarterCredit && (_jsx("button", { type: "button", disabled: claiming, onClick: handleClaim, className: "rounded-lg bg-brand px-5 py-2.5 text-sm font-semibold text-brand-foreground transition hover:bg-brand-hover active:scale-[0.97] disabled:cursor-not-allowed disabled:opacity-60", children: claiming ? 'Claiming...' : 'Claim $5 Starter Credit' }))] }), claimError && (_jsx("div", { className: "border-t border-border px-4 py-2", children: _jsx("p", { className: "text-sm text-danger", children: claimError }) }))] }), activeGrants.length > 0 && (_jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-bg-card", children: [_jsx("div", { className: "border-b border-border px-4 py-3", children: _jsx("h4", { className: "text-sm font-semibold text-text", children: "Active credits" }) }), _jsx("div", { className: "divide-y divide-border", children: activeGrants.map((grant) => {
-                            const pct = grant.amountCents > 0
-                                ? Math.round((grant.remainingCents / grant.amountCents) * 100)
-                                : 0;
-                            return (_jsxs("div", { className: "p-4", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-text", children: grant.name }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-text-muted", children: [_jsxs("span", { children: [formatCurrency(grant.remainingCents / 100, grant.currency), " of ", formatCurrency(grant.amountCents / 100, grant.currency), " remaining"] }), grant.createdAt && (_jsxs("span", { children: ["Granted ", formatDate(grant.createdAt)] }))] })] }), grant.expiresAt && (_jsx("span", { className: `rounded-full px-3 py-1 text-xs font-semibold ${new Date(grant.expiresAt).getTime() - Date.now() < 7 * 24 * 60 * 60 * 1000
-                                                    ? 'bg-warning/10 text-warning'
-                                                    : 'bg-bg-elevated text-text-muted'}`, children: formatCountdown(grant.expiresAt) }))] }), _jsxs("div", { className: "mt-3", children: [_jsx("div", { className: "h-2 rounded-full bg-bg-elevated", children: _jsx("div", { className: "h-2 rounded-full bg-brand transition-all", style: { width: `${pct}%` } }) }), _jsxs("p", { className: "mt-1 text-xs text-text-dim", children: [pct, "% remaining"] })] })] }, grant.id));
-                        }) })] })), expiredGrants.length > 0 && (_jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-bg-card", children: [_jsx("div", { className: "border-b border-border px-4 py-3", children: _jsx("h4", { className: "text-sm font-semibold text-text-muted", children: "Expired / used credits" }) }), _jsx("div", { className: "divide-y divide-border", children: expiredGrants.map((grant) => (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 px-4 py-3 opacity-60", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-text-muted", children: grant.name }), _jsxs("p", { className: "text-xs text-text-dim", children: [formatCurrency(grant.amountCents / 100, grant.currency), " ", grant.voided ? 'Voided' : 'Expired'] })] }), grant.expiresAt && (_jsxs("p", { className: "text-xs text-text-dim", children: ["Expired ", formatDate(grant.expiresAt)] }))] }, grant.id))) })] })), creditGrants.length === 0 && (_jsxs("div", { className: "rounded-xl border border-dashed border-border p-8 text-center", children: [_jsx("p", { className: "text-sm text-text-muted", children: "No credit grants yet." }), onClaimStarterCredit && !hasStarterCredit && (_jsx("p", { className: "mt-2 text-xs text-text-dim", children: "Claim your $5 starter credit above to get started." }))] }))] }));
-}

package/dist/src/billing/components/guided-setup.d.ts

@@ -1,13 +0,0 @@
-export interface GuidedSetupProps {
-    hasPaymentMethod: boolean;
-    hasSubscription: boolean;
-    hasSpendAlert: boolean;
-    hasCredits: boolean;
-    onAddPaymentMethod: () => void;
-    onPickPlan: () => void;
-    onSetSpendLimit: () => void;
-    onBuyCredits: () => void;
-    onDismiss: () => void;
-}
-export declare function GuidedSetup(props: GuidedSetupProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=guided-setup.d.ts.map

package/dist/src/billing/components/guided-setup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"guided-setup.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/guided-setup.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,gBAAgB,EAAE,OAAO,CAAA;IACzB,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAWD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAsHlD"}

package/dist/src/billing/components/guided-setup.js

@@ -1,44 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function GuidedSetup(props) {
-    const steps = [
-        {
-            label: 'Add a payment method',
-            description: 'Required to activate your account and start using Hanzo services.',
-            done: props.hasPaymentMethod,
-            required: true,
-            action: props.onAddPaymentMethod,
-            actionLabel: 'Add payment method',
-        },
-        {
-            label: 'Pick a billing mode',
-            description: 'Choose a monthly plan for predictable costs, or pay-as-you-go for flexible usage.',
-            done: props.hasSubscription,
-            required: true,
-            action: props.onPickPlan,
-            actionLabel: 'Choose plan',
-        },
-        {
-            label: 'Set a spend limit',
-            description: 'Prevent surprise bills by setting a monthly budget with automatic alerts.',
-            done: props.hasSpendAlert,
-            required: false,
-            action: props.onSetSpendLimit,
-            actionLabel: 'Set limit',
-        },
-        {
-            label: 'Buy credits',
-            description: 'Pre-pay for usage at a discount. Credits are applied before card charges.',
-            done: props.hasCredits,
-            required: false,
-            action: props.onBuyCredits,
-            actionLabel: 'Buy credits',
-        },
-    ];
-    const completedCount = steps.filter(s => s.done).length;
-    return (_jsx("div", { className: "mx-auto max-w-lg py-8", children: _jsxs("div", { className: "rounded-2xl border border-border bg-bg-card p-8", children: [_jsx("h2", { className: "text-lg font-semibold text-text mb-1", children: "Get billing ready" }), _jsxs("p", { className: "text-sm text-text-muted mb-6", children: ["Complete these steps to activate your account. ", completedCount, " of ", steps.length, " done."] }), _jsx("div", { className: "h-1.5 rounded-full bg-bg-elevated mb-8 overflow-hidden", children: _jsx("div", { className: "h-full rounded-full bg-success transition-all duration-500", style: { width: `${(completedCount / steps.length) * 100}%` } }) }), _jsx("div", { className: "space-y-4", children: steps.map((step, i) => (_jsxs("div", { className: `flex items-start gap-4 rounded-xl border p-4 transition ${step.done
-                            ? 'border-success/20 bg-success/5'
-                            : 'border-border bg-bg'}`, children: [_jsx("div", { className: `mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-xs font-semibold ${step.done
-                                    ? 'bg-success text-white'
-                                    : 'bg-bg-elevated text-text-muted border border-border'}`, children: step.done ? (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })) : (i + 1) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 mb-0.5", children: [_jsx("p", { className: `text-sm font-medium ${step.done ? 'text-success' : 'text-text'}`, children: step.label }), !step.required && !step.done && (_jsx("span", { className: "text-[10px] uppercase tracking-wider text-text-dim", children: "Optional" }))] }), _jsx("p", { className: "text-xs text-text-muted", children: step.description })] }), !step.done && (_jsx("button", { type: "button", onClick: step.action, className: "shrink-0 rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-text transition hover:bg-bg-elevated", children: step.actionLabel }))] }, step.label))) }), _jsx("div", { className: "mt-6 text-center", children: _jsx("button", { type: "button", onClick: props.onDismiss, className: "text-sm text-text-muted transition hover:text-text", children: "Skip setup" }) })] }) }));
-}

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

@@ -1,47 +0,0 @@
-export { SubscriptionPortal } from './subscription-portal';
-export type { SubscriptionPortalProps } from './subscription-portal';
-export { PaymentMethodManager } from './payment-manager';
-export type { PaymentMethodManagerProps } from './payment-manager';
-export { InvoiceManager } from './invoice-manager';
-export type { InvoiceManagerProps } from './invoice-manager';
-export { BusinessProfilePanel } from './business-profile-panel';
-export type { BusinessProfilePanelProps } from './business-profile-panel';
-export { TaxCompliancePanel } from './tax-compliance-panel';
-export type { TaxCompliancePanelProps } from './tax-compliance-panel';
-export { BillingWorkspace } from './billing-workspace';
-export type { BillingWorkspaceProps } from './billing-workspace';
-export { SpendAlertsPanel } from './spend-alerts';
-export type { SpendAlertsPanelProps } from './spend-alerts';
-export { UsagePanel } from './usage-panel';
-export type { UsagePanelProps } from './usage-panel';
-export { CreditsPanel } from './credits-panel';
-export type { CreditsPanelProps } from './credits-panel';
-export { TransactionsPanel } from './transactions-panel';
-export type { TransactionsPanelProps } from './transactions-panel';
-export { PromotionsPanel } from './promotions-panel';
-export type { PromotionsPanelProps } from './promotions-panel';
-export { SupportTiersPanel } from './support-tiers-panel';
-export type { SupportTiersPanelProps } from './support-tiers-panel';
-export { AccountSwitcher } from './account-switcher';
-export type { AccountSwitcherProps } from './account-switcher';
-export { AccountMembers } from './account-members';
-export type { AccountMembersProps } from './account-members';
-export { StatusBar } from './status-bar';
-export type { StatusBarProps } from './status-bar';
-export { OverviewDashboard } from './overview-dashboard';
-export type { OverviewDashboardProps } from './overview-dashboard';
-export { CostExplorer } from './cost-explorer';
-export type { CostExplorerProps } from './cost-explorer';
-export { InvoicesPayments } from './invoices-payments';
-export type { InvoicesPaymentsProps } from './invoices-payments';
-export { BillingSettings } from './billing-settings';
-export type { BillingSettingsProps } from './billing-settings';
-export { GuidedSetup } from './guided-setup';
-export type { GuidedSetupProps } from './guided-setup';
-export { CardForm } from './card-form';
-export type { CardFormProps } from './card-form';
-export { SquareCardForm } from './square-card-form';
-export type { SquareCardFormProps } from './square-card-form';
-export { AnimatedCard } from './animated-card';
-export type { AnimatedCardProps } from './animated-card';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AACxD,YAAY,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAA;AAEzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAA;AAErE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAEhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,YAAY,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAElE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAEhE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA"}

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

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

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

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

@@ -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-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

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

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

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

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

@@ -1 +0,0 @@
-{"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"}