@hanzo/ui 5.6.1 → 8.0.0

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

@@ -1,330 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { ConnectButton } from '@rainbow-me/rainbowkit';
-import { useAccount, useChainId } from 'wagmi';
-import { AnimatedCard } from './animated-card';
-// ── Display helpers ──────────────────────────────────────────────────────
-const CRYPTO_NETWORK_LABELS = {
-    bitcoin: 'Bitcoin (BTC)',
-    ethereum: 'Ethereum (ETH)',
-    solana: 'Solana (SOL)',
-    usdc: 'USDC',
-};
-const CHAIN_NAMES = {
-    1: 'Ethereum',
-    137: 'Polygon',
-    10: 'Optimism',
-    42161: 'Arbitrum',
-    8453: 'Base',
-    43114: 'Avalanche',
-    56: 'BSC',
-};
-function formatCardBrand(brand) {
-    if (!brand)
-        return 'Card';
-    return brand.charAt(0).toUpperCase() + brand.slice(1);
-}
-function methodDisplay(method) {
-    if (method.type === 'card') {
-        return `${formatCardBrand(method.card?.brand || '')} \u2022\u2022\u2022\u2022 ${method.card?.last4 || '\u2022\u2022\u2022\u2022'}`;
-    }
-    if (method.type === 'crypto') {
-        const network = method.crypto?.network ?? 'ethereum';
-        const label = CRYPTO_NETWORK_LABELS[network] ?? network;
-        const addr = method.crypto?.walletAddress ?? '';
-        const shortAddr = addr.length > 12 ? `${addr.slice(0, 6)}\u2026${addr.slice(-4)}` : addr;
-        return `${label} ${shortAddr}`;
-    }
-    if (method.type === 'wire') {
-        return method.wire?.bankName ?? 'Wire transfer';
-    }
-    if (method.type === 'bank_account' || method.type === 'sepa_debit') {
-        return `${method.bank_account?.bankName || 'Bank account'} \u2022\u2022\u2022\u2022 ${method.bank_account?.last4 || '\u2022\u2022\u2022\u2022'}`;
-    }
-    return method.type;
-}
-function methodIcon(type) {
-    switch (type) {
-        case 'card': return '\uD83D\uDCB3';
-        case 'crypto': return '\uD83D\uDD17';
-        case 'wire': return '\uD83C\uDFE6';
-        case 'bank_account':
-        case 'sepa_debit': return '\uD83C\uDFDB\uFE0F';
-        default: return '\uD83D\uDCB0';
-    }
-}
-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)}`;
-}
-function methodSubtext(method) {
-    if (method.type === 'crypto')
-        return method.crypto?.label || 'Crypto wallet';
-    if (method.type === 'wire') {
-        const parts = [];
-        if (method.wire?.swift)
-            parts.push(`SWIFT: ${method.wire.swift}`);
-        if (method.wire?.country)
-            parts.push(method.wire.country);
-        return parts.join(' \u00b7 ') || 'Wire transfer';
-    }
-    return null;
-}
-function copyToClipboard(text, label, setMsg) {
-    navigator.clipboard.writeText(text).then(() => {
-        setMsg(`${label} copied`);
-        setTimeout(() => setMsg(''), 2000);
-    });
-}
-// ── Styling ──────────────────────────────────────────────────────────────
-const TAB_CLASS = 'flex-1 rounded-lg px-3 py-2 text-sm font-medium transition';
-const TAB_ACTIVE = 'bg-bg-elevated text-text';
-const TAB_INACTIVE = 'text-text-muted hover:text-text-secondary';
-const INPUT_CLASS = 'w-full rounded-lg border border-border bg-bg-input px-3 py-2 text-sm text-text outline-none transition placeholder:text-text-dim focus:border-brand focus:ring-1 focus:ring-brand';
-const BTN_PRIMARY = 'w-full rounded-lg bg-text px-4 py-2.5 text-sm font-medium text-bg transition hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-60';
-// Main component
-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 [busyMethodId, setBusyMethodId] = React.useState(null);
-    const [showForm, setShowForm] = React.useState(false);
-    const [activeTab, setActiveTab] = React.useState('card');
-    const [status, setStatus] = React.useState(null);
-    const [error, setError] = React.useState(null);
-    React.useEffect(() => {
-        if (paymentMethods)
-            setMethods(paymentMethods);
-    }, [paymentMethods]);
-    const addMethod = React.useCallback(async (method) => {
-        try {
-            await onAdd?.(method);
-            setMethods(prev => [...prev, method]);
-            onMethodAdded?.(method);
-            setShowForm(false);
-            setError(null);
-            setStatus('Payment method added');
-            setTimeout(() => setStatus(null), 3000);
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Failed to add payment method');
-        }
-    }, [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(m => ({ ...m, is_default: m.id === id, isDefault: m.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-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: "Payment methods" }), _jsx("p", { className: "text-sm text-text-muted", children: "Add a card, crypto wallet, or bank wire transfer" })] }), _jsx("button", { type: "button", onClick: () => { setShowForm(v => !v); setError(null); }, className: "rounded-lg bg-text px-3 py-2 text-sm font-medium text-bg transition hover:opacity-80", children: showForm ? 'Cancel' : 'Add method' })] }), showForm && (_jsxs("div", { className: "border-b border-border p-4", children: [_jsx("div", { className: "mb-4 flex gap-1 rounded-xl bg-bg p-1", children: [
-                                ['card', 'Card'],
-                                ['crypto', 'Crypto'],
-                                ['wire', 'Bank Wire'],
-                            ].map(([id, label]) => (_jsx("button", { type: "button", onClick: () => { setActiveTab(id); setError(null); }, className: `${TAB_CLASS} ${activeTab === id ? TAB_ACTIVE : TAB_INACTIVE}`, children: label }, id))) }), activeTab === 'card' && (_jsx(CardForm, { onAdd: addMethod, setError: setError })), activeTab === 'crypto' && _jsx(CryptoForm, { onAdd: addMethod, setError: setError }), activeTab === 'wire' && _jsx(WireForm, { onAdd: addMethod }), error && _jsx("p", { className: "mt-3 text-sm text-danger", children: error })] })), status && (_jsx("div", { className: "border-b border-border px-4 py-2", children: _jsx("p", { className: "text-sm text-success", children: status }) })), _jsx("div", { className: "divide-y divide-border", children: methods.length === 0 ? (_jsx("div", { className: "p-6 text-sm text-text-muted", children: "No payment methods on file." })) : (methods.map(method => {
-                        const isDefault = method.is_default || method.isDefault;
-                        const isBusy = busyMethodId === method.id;
-                        const sub = methodSubtext(method);
-                        return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 p-4", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("span", { className: "mt-0.5 text-lg", children: methodIcon(method.type) }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-text", children: methodDisplay(method) }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-text-muted", children: [_jsxs("span", { children: ["Added ", new Date(method.created_at).toLocaleDateString('en-US')] }), methodExpiration(method) ? _jsxs("span", { children: ["Expires ", methodExpiration(method)] }) : null, sub ? _jsx("span", { children: sub }) : null, isDefault && (_jsx("span", { className: "rounded-full bg-brand px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-brand-foreground", children: "Default" }))] })] })] }), _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-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: isBusy ? 'Saving\u2026' : 'Set default' })), _jsx("button", { type: "button", disabled: isBusy, onClick: () => handleRemove(method.id), className: "rounded-md border border-rose-500/30 px-3 py-1.5 text-xs font-medium text-rose-500 transition hover:bg-rose-500/10 disabled:cursor-not-allowed disabled:opacity-60", children: isBusy ? 'Removing\u2026' : 'Remove' })] })] }, method.id));
-                    })) })] }) }));
-}
-function detectBrandPM(digits) {
-    if (digits.startsWith('4'))
-        return 'visa';
-    if (/^5[1-5]/.test(digits) || /^2[2-7]/.test(digits))
-        return 'mastercard';
-    if (/^3[47]/.test(digits))
-        return 'amex';
-    if (/^6(?:011|5)/.test(digits))
-        return 'discover';
-    return '';
-}
-function CardForm({ onAdd, setError }) {
-    const [number, setNumberRaw] = React.useState('');
-    const [name, setName] = React.useState('');
-    const [expiry, setExpiryRaw] = React.useState('');
-    const [cvc, setCvc] = React.useState('');
-    const [zip, setZip] = React.useState('');
-    const [loading, setLoading] = React.useState(false);
-    const [cvvFocused, setCvvFocused] = React.useState(false);
-    const rawNumber = number.replace(/\D/g, '');
-    const brand = detectBrandPM(rawNumber);
-    const cvcLength = brand === 'amex' ? 4 : 3;
-    const authToken = React.useMemo(() => {
-        return typeof window !== 'undefined' ? (localStorage.getItem('hanzo-auth-token') ?? undefined) : undefined;
-    }, []);
-    const handleSubmit = React.useCallback(async (e) => {
-        e.preventDefault();
-        setError('');
-        if (rawNumber.length < 13) {
-            setError('Invalid card number');
-            return;
-        }
-        if (!expiry.includes('/')) {
-            setError('Invalid expiry');
-            return;
-        }
-        const [mm, yy] = expiry.split('/');
-        if (!mm || !yy || mm.length !== 2 || yy.length !== 2) {
-            setError('Invalid expiry');
-            return;
-        }
-        if (cvc.length < 3) {
-            setError('Invalid CVC');
-            return;
-        }
-        if (!name.trim()) {
-            setError('Name required');
-            return;
-        }
-        setLoading(true);
-        try {
-            const base = process.env.NEXT_PUBLIC_COMMERCE_API ?? 'https://api.hanzo.ai/api/v1';
-            const headers = { 'Content-Type': 'application/json' };
-            if (authToken)
-                headers['Authorization'] = `Bearer ${authToken}`;
-            const res = await fetch(`${base}/billing/card/tokenize`, {
-                method: 'POST',
-                headers,
-                body: JSON.stringify({
-                    number: rawNumber,
-                    expiry_month: mm,
-                    expiry_year: `20${yy}`,
-                    cvc,
-                    name: name.trim(),
-                    zip: zip.trim(),
-                }),
-            });
-            if (!res.ok) {
-                const d = await res.json().catch(() => ({}));
-                throw new Error(d.error ?? `Error ${res.status}`);
-            }
-            const data = await res.json();
-            const method = {
-                id: `pm_${Math.random().toString(36).slice(2, 12)}`,
-                type: 'card',
-                is_default: false,
-                isDefault: false,
-                created_at: new Date().toISOString(),
-                card: {
-                    brand: data.brand,
-                    last4: data.last4,
-                    exp_month: parseInt(mm, 10),
-                    exp_year: parseInt(`20${yy}`, 10),
-                    funding: 'credit',
-                },
-                billing_details: { name: name.trim() },
-                _sourceToken: data.token,
-            };
-            await onAdd(method);
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Card error');
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [rawNumber, expiry, cvc, name, zip, authToken, onAdd, setError]);
-    const canSubmit = !loading && rawNumber.length >= 13 && !!expiry && !!cvc && !!name.trim();
-    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [_jsx("div", { style: { display: 'flex', justifyContent: 'center', padding: '8px 0' }, children: _jsx(AnimatedCard, { number: rawNumber, name: name, expiry: expiry.replace('/', ''), cvv: cvc, cvvFocused: cvvFocused }) }), _jsx("input", { type: "text", inputMode: "numeric", autoComplete: "cc-number", placeholder: "Card number", value: number, onChange: e => {
-                    const d = e.target.value.replace(/\D/g, '').slice(0, 16);
-                    setNumberRaw(d.replace(/(.{4})/g, '$1 ').trim());
-                }, className: INPUT_CLASS, disabled: loading, maxLength: 19 }), _jsx("input", { type: "text", autoComplete: "cc-name", placeholder: "Cardholder name", value: name, onChange: e => setName(e.target.value), className: INPUT_CLASS, disabled: loading }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsx("input", { type: "text", inputMode: "numeric", autoComplete: "cc-exp", placeholder: "MM/YY", value: expiry, onChange: e => {
-                            const d = e.target.value.replace(/\D/g, '').slice(0, 4);
-                            setExpiryRaw(d.length >= 3 ? d.slice(0, 2) + '/' + d.slice(2) : d);
-                        }, className: INPUT_CLASS, disabled: loading, maxLength: 5 }), _jsx("input", { type: "password", inputMode: "numeric", autoComplete: "cc-csc", placeholder: "CVC", value: cvc, onChange: e => setCvc(e.target.value.replace(/\D/g, '').slice(0, cvcLength)), onFocus: () => setCvvFocused(true), onBlur: () => setCvvFocused(false), className: INPUT_CLASS, disabled: loading, maxLength: cvcLength })] }), _jsx("input", { type: "text", autoComplete: "postal-code", placeholder: "ZIP (optional)", value: zip, onChange: e => setZip(e.target.value.slice(0, 10)), className: INPUT_CLASS, disabled: loading }), _jsx("button", { type: "submit", className: BTN_PRIMARY, disabled: !canSubmit, children: loading ? 'Processing...' : 'Save card' }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '6px', fontSize: '11px', color: 'rgba(255,255,255,0.3)' }, children: [_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] }), "Secured by Hanzo Commerce ", '\u00b7', " PCI DSS compliant"] })] }));
-}
-// Crypto form -- wagmi + viem + RainbowKit
-function CryptoForm({ onAdd, setError }) {
-    const { address, isConnected } = useAccount();
-    const chainId = useChainId();
-    const [label, setLabel] = React.useState('');
-    const [saving, setSaving] = React.useState(false);
-    const chainName = CHAIN_NAMES[chainId] ?? `Chain ${chainId}`;
-    const saveWallet = React.useCallback(async () => {
-        if (!address)
-            return;
-        setSaving(true);
-        try {
-            const method = {
-                id: `pm_${Math.random().toString(36).slice(2, 12)}`,
-                type: 'crypto',
-                is_default: false,
-                isDefault: false,
-                created_at: new Date().toISOString(),
-                crypto: {
-                    network: 'ethereum',
-                    walletAddress: address,
-                    label: label || `${chainName} wallet`,
-                },
-                billing_details: {},
-            };
-            await onAdd(method);
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Failed to save wallet');
-        }
-        finally {
-            setSaving(false);
-        }
-    }, [address, chainId, chainName, label, onAdd, setError]);
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-xs text-text-muted", children: "Connect your wallet to save it as a payment method. Supports Ethereum, Polygon, Arbitrum, Optimism, Base, Avalanche, BSC, and more." }), _jsx("div", { className: "flex justify-center", children: _jsx(ConnectButton, { showBalance: false }) }), isConnected && address && (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "rounded-lg border border-border bg-bg p-3", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsxs("p", { className: "text-xs text-text-dim", children: ["Connected on ", chainName] }) }), _jsx("p", { className: "mt-1 font-mono text-sm text-text break-all", children: address })] }), _jsx("input", { value: label, onChange: e => setLabel(e.target.value), placeholder: `Label (e.g. "My ${chainName} wallet")`, className: INPUT_CLASS }), _jsx("button", { type: "button", disabled: saving, onClick: saveWallet, className: BTN_PRIMARY, children: saving ? 'Saving wallet\u2026' : 'Save wallet as payment method' })] })), _jsx("p", { className: "text-xs text-text-dim", children: "Non-EVM chains (Solana, TON, Bitcoin) coming soon." })] }));
-}
-// Wire form -- bank details with copy-to-clipboard
-const BANK_DETAILS = [
-    { label: 'Beneficiary Bank', value: 'Bank of America, NA 222 Broadway, New York, NY 10038' },
-    { label: 'Beneficiary', value: 'Hanzo, Inc, 4811 Mastin Street, Merriam, KS 66203' },
-    { label: 'Routing \u2014 ACH', value: '113000023 / 111000025' },
-    { label: 'Routing \u2014 Wire', value: '026009593' },
-    { label: 'SWIFT', value: 'BOFAUS3N' },
-    { label: 'Reference', value: 'Hanzo' },
-];
-function WireForm({ onAdd }) {
-    const [copyMsg, setCopyMsg] = React.useState('');
-    const [saving, setSaving] = React.useState(false);
-    const saveWire = React.useCallback(async () => {
-        setSaving(true);
-        try {
-            const method = {
-                id: `pm_${Math.random().toString(36).slice(2, 12)}`,
-                type: 'wire',
-                is_default: false,
-                isDefault: false,
-                created_at: new Date().toISOString(),
-                wire: {
-                    bankName: 'Bank of America',
-                    accountHolder: 'Hanzo, Inc',
-                    routingNumber: '026009593',
-                    swift: 'BOFAUS3N',
-                    country: 'US',
-                },
-                billing_details: {},
-            };
-            await onAdd(method);
-        }
-        finally {
-            setSaving(false);
-        }
-    }, [onAdd]);
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-xs text-text-muted", children: "Send a wire transfer to the account below. Click any field to copy." }), _jsx("div", { className: "space-y-2", children: BANK_DETAILS.map(({ label, value }) => (_jsxs("button", { type: "button", onClick: () => copyToClipboard(value, label, setCopyMsg), className: "w-full rounded-lg border border-border bg-bg p-3 text-left transition hover:border-border-strong group", children: [_jsx("p", { className: "text-[11px] uppercase tracking-wide text-text-dim", children: label }), _jsxs("div", { className: "mt-0.5 flex items-center justify-between", children: [_jsx("p", { className: "text-sm text-text", children: value }), _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "shrink-0 text-text-dim group-hover:text-text-muted", children: [_jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] })] })] }, label))) }), copyMsg && _jsx("p", { className: "text-xs text-success", children: copyMsg }), _jsx("button", { type: "button", disabled: saving, onClick: saveWire, className: BTN_PRIMARY, children: saving ? 'Saving\u2026' : 'Confirm wire sent' })] }));
-}

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

@@ -1,7 +0,0 @@
-import type { DiscountCode, SubscriptionDiscount } from '../types';
-export interface PromotionsPanelProps {
-    discount?: SubscriptionDiscount | null;
-    onApplyDiscount?: (code: string) => Promise<DiscountCode | null>;
-}
-export declare function PromotionsPanel({ discount, onApplyDiscount }: PromotionsPanelProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=promotions-panel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"promotions-panel.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/promotions-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAElE,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACtC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CACjE;AAOD,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,oBAAoB,2CAoGlF"}

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

@@ -1,48 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-function formatDiscount(d) {
-    if (d.kind === 'percent')
-        return `${d.value}% off`;
-    return `$${d.value} off`;
-}
-export function PromotionsPanel({ discount, onApplyDiscount }) {
-    const [code, setCode] = React.useState('');
-    const [applying, setApplying] = React.useState(false);
-    const [result, setResult] = React.useState(null);
-    const handleApply = React.useCallback(async () => {
-        if (!onApplyDiscount || !code.trim())
-            return;
-        setApplying(true);
-        setResult(null);
-        try {
-            const disc = await onApplyDiscount(code.trim());
-            if (disc && disc.valid) {
-                setResult({
-                    success: true,
-                    message: `Applied: ${disc.name || disc.code} (${formatDiscount(disc)})`,
-                });
-                setCode('');
-            }
-            else {
-                setResult({ success: false, message: 'Invalid or expired code' });
-            }
-        }
-        catch (err) {
-            setResult({ success: false, message: err instanceof Error ? err.message : 'Failed to apply code' });
-        }
-        finally {
-            setApplying(false);
-        }
-    }, [onApplyDiscount, code]);
-    return (_jsxs("div", { className: "space-y-4", children: [discount && (_jsxs("div", { className: "overflow-hidden rounded-xl border border-emerald-500/30 bg-emerald-500/5", children: [_jsx("div", { className: "border-b border-emerald-500/20 px-4 py-3", children: _jsx("h4", { className: "text-sm font-semibold text-emerald-500", children: "Active discount" }) }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "text-lg font-semibold text-text", children: discount.name || discount.code || 'Discount' }), _jsxs("p", { className: "mt-1 text-sm text-text-secondary", children: [formatDiscount(discount), discount.duration === 'repeating' && discount.durationInMonths
-                                        ? ` for ${discount.durationInMonths} months`
-                                        : discount.duration === 'forever'
-                                            ? ' forever'
-                                            : discount.duration === 'once'
-                                                ? ' (one-time)'
-                                                : ''] })] })] })), _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: "Promotions & Discounts" }), _jsx("p", { className: "text-sm text-text-muted", children: "Enter a promo code, referral code, or discount code to apply to your subscription." })] }), _jsxs("div", { className: "p-4", children: [_jsxs("div", { className: "flex gap-2", children: [_jsx("input", { value: code, onChange: (e) => {
-                                            setCode(e.target.value.toUpperCase());
-                                            setResult(null);
-                                        }, placeholder: "Enter promo code", className: "flex-1 rounded-lg border border-border bg-bg-input px-3 py-2 text-sm font-mono uppercase text-text outline-none transition placeholder:text-text-dim focus:border-brand" }), _jsx("button", { type: "button", disabled: !code.trim() || applying || !onApplyDiscount, onClick: handleApply, className: "rounded-lg bg-text px-5 py-2 text-sm font-medium text-bg transition hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-60", children: applying ? 'Applying...' : 'Apply' })] }), result && (_jsx("p", { className: `mt-2 text-sm ${result.success ? 'text-success' : 'text-danger'}`, children: result.message }))] })] }), _jsxs("div", { className: "rounded-xl border border-dashed border-border p-6 text-center", children: [_jsx("p", { className: "text-sm text-text-muted", children: "Watch for promotional offers, seasonal discounts, and referral bonuses." }), _jsx("p", { className: "mt-1 text-xs text-text-dim", children: "Credits and promotions are applied automatically at billing time." })] })] }));
-}

package/dist/src/billing/components/spend-alerts.d.ts

@@ -1,9 +0,0 @@
-import type { SpendAlert } from '../types';
-export interface SpendAlertsPanelProps {
-    alerts: SpendAlert[];
-    onCreateAlert?: (title: string, threshold: number) => Promise<void>;
-    onUpdateAlert?: (id: string, title: string, threshold: number) => Promise<void>;
-    onDeleteAlert?: (id: string) => Promise<void>;
-}
-export declare function SpendAlertsPanel(props: SpendAlertsPanelProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=spend-alerts.d.ts.map

package/dist/src/billing/components/spend-alerts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spend-alerts.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/spend-alerts.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,UAAU,EAAE,CAAA;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACnE,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/E,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC9C;AAqBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAmL5D"}

package/dist/src/billing/components/spend-alerts.js

@@ -1,99 +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: 0,
-        maximumFractionDigits: 0,
-    }).format(value);
-}
-function formatDate(dateStr) {
-    return new Intl.DateTimeFormat('en-US', {
-        month: 'short',
-        day: 'numeric',
-        year: 'numeric',
-        hour: 'numeric',
-        minute: '2-digit',
-    }).format(new Date(dateStr));
-}
-export function SpendAlertsPanel(props) {
-    const { alerts, onCreateAlert, onUpdateAlert, onDeleteAlert } = props;
-    const [showForm, setShowForm] = React.useState(false);
-    const [editingId, setEditingId] = React.useState(null);
-    const [title, setTitle] = React.useState('');
-    const [threshold, setThreshold] = React.useState('');
-    const [busy, setBusy] = React.useState(false);
-    const [busyDeleteId, setBusyDeleteId] = React.useState(null);
-    const [error, setError] = React.useState(null);
-    const canSubmit = title.trim().length > 0 && parseFloat(threshold) > 0;
-    const resetForm = React.useCallback(() => {
-        setTitle('');
-        setThreshold('');
-        setEditingId(null);
-        setShowForm(false);
-        setError(null);
-    }, []);
-    const handleCreate = React.useCallback(async () => {
-        if (!canSubmit || !onCreateAlert)
-            return;
-        setBusy(true);
-        setError(null);
-        try {
-            await onCreateAlert(title.trim(), parseFloat(threshold));
-            resetForm();
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Failed to create alert');
-        }
-        finally {
-            setBusy(false);
-        }
-    }, [canSubmit, onCreateAlert, title, threshold, resetForm]);
-    const handleUpdate = React.useCallback(async () => {
-        if (!canSubmit || !editingId || !onUpdateAlert)
-            return;
-        setBusy(true);
-        setError(null);
-        try {
-            await onUpdateAlert(editingId, title.trim(), parseFloat(threshold));
-            resetForm();
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Failed to update alert');
-        }
-        finally {
-            setBusy(false);
-        }
-    }, [canSubmit, editingId, onUpdateAlert, title, threshold, resetForm]);
-    const handleDelete = React.useCallback(async (id) => {
-        if (!onDeleteAlert)
-            return;
-        setBusyDeleteId(id);
-        try {
-            await onDeleteAlert(id);
-        }
-        finally {
-            setBusyDeleteId(null);
-        }
-    }, [onDeleteAlert]);
-    const startEdit = React.useCallback((alert) => {
-        setEditingId(alert.id);
-        setTitle(alert.title);
-        setThreshold(String(alert.threshold));
-        setShowForm(true);
-        setError(null);
-    }, []);
-    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: "Spend alerts" }), _jsx("p", { className: "text-sm text-text-muted", children: "Get notified when your spending crosses a threshold. Alerts check every 90 minutes." })] }), _jsx("button", { type: "button", onClick: () => {
-                                if (showForm) {
-                                    resetForm();
-                                }
-                                else {
-                                    setShowForm(true);
-                                }
-                            }, className: "rounded-lg bg-text px-3 py-2 text-sm font-medium text-bg transition hover:opacity-80", children: showForm ? 'Cancel' : 'New alert' })] }), showForm && (_jsxs("div", { className: "border-b border-border p-4", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-3", children: [_jsx("input", { value: title, onChange: (e) => setTitle(e.target.value), placeholder: "Alert name (e.g. Monthly budget)", className: "rounded-lg border border-border bg-bg-input px-3 py-2 text-sm text-text outline-none transition focus:border-brand md:col-span-2" }), _jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx("span", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-dim", children: "$" }), _jsx("input", { type: "number", min: "1", step: "1", value: threshold, onChange: (e) => setThreshold(e.target.value), placeholder: "Threshold", className: "w-full rounded-lg border border-border bg-bg-input py-2 pl-7 pr-3 text-sm text-text outline-none transition focus:border-brand" })] }), _jsx("button", { type: "button", disabled: !canSubmit || busy, onClick: editingId ? handleUpdate : handleCreate, className: "rounded-lg bg-text px-4 py-2 text-sm font-medium text-bg transition hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-60", children: busy ? 'Saving...' : editingId ? 'Update' : 'Create' })] })] }), error && _jsx("p", { className: "mt-2 text-sm text-danger", children: error })] })), _jsx("div", { className: "divide-y divide-border", children: alerts.length === 0 ? (_jsx("div", { className: "p-6 text-sm text-text-muted", children: "No spend alerts configured." })) : (alerts.map((alert) => {
-                        const isDeleting = busyDeleteId === alert.id;
-                        return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 p-4", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "text-sm font-medium text-text", children: alert.title }), alert.triggeredAt && (_jsx("span", { className: "rounded-full bg-amber-500/10 px-2 py-0.5 text-[10px] font-semibold text-amber-500 ring-1 ring-amber-500/20", children: "Triggered" }))] }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-text-muted", children: [_jsxs("span", { children: ["Threshold: ", formatCurrency(alert.threshold, alert.currency)] }), _jsxs("span", { children: ["Created ", formatDate(alert.createdAt)] }), alert.triggeredAt && (_jsxs("span", { children: ["Triggered ", formatDate(alert.triggeredAt)] }))] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { type: "button", onClick: () => startEdit(alert), disabled: isDeleting, 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: "Edit" }), _jsx("button", { type: "button", onClick: () => handleDelete(alert.id), disabled: isDeleting, className: "rounded-md border border-rose-500/30 px-3 py-1.5 text-xs font-medium text-rose-500 transition hover:bg-rose-500/10 disabled:cursor-not-allowed disabled:opacity-60", children: isDeleting ? 'Deleting...' : 'Delete' })] })] }, alert.id));
-                    })) })] }) }));
-}

package/dist/src/billing/components/square-card-form.d.ts

@@ -1,32 +0,0 @@
-interface SquareCard {
-    attach(selector: string): Promise<void>;
-    tokenize(): Promise<{
-        status: string;
-        token?: string;
-        errors?: Array<{
-            message: string;
-        }>;
-    }>;
-    destroy(): Promise<void>;
-}
-interface SquarePayments {
-    card(options?: Record<string, unknown>): Promise<SquareCard>;
-}
-interface SquareSDK {
-    payments(appId: string, locationId: string): Promise<SquarePayments>;
-}
-declare global {
-    interface Window {
-        Square?: SquareSDK;
-    }
-}
-export interface SquareCardFormProps {
-    /** Called with the Square sourceId token when tokenization succeeds */
-    onToken: (sourceId: string) => Promise<void>;
-    /** Called when cvv input is focused (for card flip animation) */
-    onCvvFocus?: (focused: boolean) => void;
-    disabled?: boolean;
-}
-export declare function SquareCardForm({ onToken, onCvvFocus, disabled }: SquareCardFormProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=square-card-form.d.ts.map

package/dist/src/billing/components/square-card-form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"square-card-form.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/square-card-form.tsx"],"names":[],"mappings":"AAMA,UAAU,UAAU;IAClB,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACvC,QAAQ,IAAI,OAAO,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,KAAK,CAAC;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;KAAE,CAAC,CAAA;IAC5F,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;CACzB;AAED,UAAU,cAAc;IACtB,IAAI,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;CAC7D;AAED,UAAU,SAAS;IACjB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC,CAAA;CACrE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,CAAC,EAAE,SAAS,CAAA;KACnB;CACF;AAID,MAAM,WAAW,mBAAmB;IAClC,uEAAuE;IACvE,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5C,iEAAiE;IACjE,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAiED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA4JpF"}