@hanzo/ui 5.3.39 → 5.3.41

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"}

package/dist/src/billing/components/square-card-form.js

@@ -1,179 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-// -- Square environment config --
-const SQUARE_APP_ID = process.env.NEXT_PUBLIC_SQUARE_APPLICATION_ID ?? '';
-const SQUARE_LOCATION_ID = process.env.NEXT_PUBLIC_SQUARE_LOCATION_ID ?? '';
-const SQUARE_ENV = process.env.NEXT_PUBLIC_SQUARE_ENVIRONMENT ?? 'sandbox';
-const SQUARE_SCRIPT_URL = SQUARE_ENV === 'production'
-    ? 'https://web.squarecdn.com/v1/square.js'
-    : 'https://sandbox.web.squarecdn.com/v1/square.js';
-// -- Script loader --
-let scriptLoadPromise = null;
-function loadSquareScript() {
-    if (scriptLoadPromise)
-        return scriptLoadPromise;
-    if (typeof window !== 'undefined' && window.Square) {
-        return (scriptLoadPromise = Promise.resolve());
-    }
-    scriptLoadPromise = new Promise((resolve, reject) => {
-        const existing = document.querySelector(`script[src="${SQUARE_SCRIPT_URL}"]`);
-        if (existing) {
-            existing.addEventListener('load', () => resolve());
-            return;
-        }
-        const script = document.createElement('script');
-        script.src = SQUARE_SCRIPT_URL;
-        script.async = true;
-        script.onload = () => resolve();
-        script.onerror = () => reject(new Error('Failed to load Square Web Payments SDK'));
-        document.head.appendChild(script);
-    });
-    return scriptLoadPromise;
-}
-// -- Square card appearance (dark theme) --
-const SQUARE_STYLE = {
-    '.input-wrapper': {
-        backgroundColor: 'transparent',
-    },
-    input: {
-        backgroundColor: 'transparent',
-        color: '#fafafa',
-        fontFamily: 'ui-sans-serif, system-ui, sans-serif',
-        fontSize: '14px',
-    },
-    'input::placeholder': {
-        color: '#52525b',
-    },
-    '.message-text': {
-        color: '#f87171',
-    },
-    '.message-icon': {
-        color: '#f87171',
-    },
-};
-// -- Component --
-const CONTAINER_ID = 'sq-card-container';
-export function SquareCardForm({ onToken, onCvvFocus, disabled }) {
-    const cardRef = React.useRef(null);
-    const [loading, setLoading] = React.useState(true);
-    const [submitting, setSubmitting] = React.useState(false);
-    const [error, setError] = React.useState(null);
-    const [ready, setReady] = React.useState(false);
-    const mountedRef = React.useRef(true);
-    React.useEffect(() => {
-        mountedRef.current = true;
-        let card = null;
-        async function init() {
-            try {
-                await loadSquareScript();
-                if (!mountedRef.current)
-                    return;
-                if (!window.Square)
-                    throw new Error('Square SDK not available');
-                if (!SQUARE_APP_ID)
-                    throw new Error('NEXT_PUBLIC_SQUARE_APPLICATION_ID is not set');
-                if (!SQUARE_LOCATION_ID)
-                    throw new Error('NEXT_PUBLIC_SQUARE_LOCATION_ID is not set');
-                const payments = await window.Square.payments(SQUARE_APP_ID, SQUARE_LOCATION_ID);
-                card = await payments.card({ style: SQUARE_STYLE });
-                await card.attach(`#${CONTAINER_ID}`);
-                if (mountedRef.current) {
-                    cardRef.current = card;
-                    setReady(true);
-                }
-                else {
-                    await card.destroy();
-                }
-            }
-            catch (err) {
-                if (mountedRef.current) {
-                    setError(err instanceof Error ? err.message : 'Failed to initialize payment form');
-                }
-            }
-            finally {
-                if (mountedRef.current)
-                    setLoading(false);
-            }
-        }
-        void init();
-        return () => {
-            mountedRef.current = false;
-            cardRef.current?.destroy().catch(() => undefined);
-            cardRef.current = null;
-        };
-    }, []);
-    const handleSubmit = React.useCallback(async () => {
-        if (!cardRef.current || !ready || submitting || disabled)
-            return;
-        setSubmitting(true);
-        setError(null);
-        try {
-            const result = await cardRef.current.tokenize();
-            if (result.status === 'OK' && result.token) {
-                await onToken(result.token);
-            }
-            else {
-                const msg = result.errors?.map(e => e.message).join('; ') ?? 'Tokenization failed';
-                setError(msg);
-            }
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : 'Payment processing error');
-        }
-        finally {
-            if (mountedRef.current)
-                setSubmitting(false);
-        }
-    }, [onToken, ready, submitting, disabled]);
-    // Wire up CVV focus detection via DOM event listener on the Square iframe container.
-    React.useEffect(() => {
-        if (!onCvvFocus)
-            return;
-        const container = document.getElementById(CONTAINER_ID);
-        if (!container)
-            return;
-        let cvvFrame = null;
-        function findAndAttach() {
-            const frames = container.querySelectorAll('iframe');
-            frames.forEach(frame => {
-                const name = frame.getAttribute('name') ?? frame.id ?? '';
-                if (name.toLowerCase().includes('cvv') || name.toLowerCase().includes('cvc')) {
-                    if (cvvFrame !== frame) {
-                        cvvFrame = frame;
-                        try {
-                            frame.contentWindow?.document.body?.addEventListener('focus', () => onCvvFocus(true), true);
-                            frame.contentWindow?.document.body?.addEventListener('blur', () => onCvvFocus(false), true);
-                        }
-                        catch {
-                            // cross-origin access blocked -- Square SDK handles its own events
-                        }
-                    }
-                }
-            });
-        }
-        const observer = new MutationObserver(findAndAttach);
-        observer.observe(container, { childList: true, subtree: true });
-        findAndAttach();
-        return () => observer.disconnect();
-    }, [onCvvFocus, ready]);
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx("div", { id: CONTAINER_ID, style: {
-                    minHeight: loading ? '120px' : undefined,
-                    borderRadius: '8px',
-                    border: '1px solid rgba(255,255,255,0.1)',
-                    backgroundColor: 'rgba(255,255,255,0.04)',
-                    padding: '12px',
-                    transition: 'border-color 0.2s',
-                }, children: loading && (_jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', height: '96px' }, children: [_jsx("div", { style: { width: '20px', height: '20px', border: '2px solid rgba(255,255,255,0.15)', borderTopColor: 'rgba(255,255,255,0.7)', borderRadius: '50%', animation: 'spin 0.8s linear infinite' } }), _jsx("style", { children: `@keyframes spin { to { transform: rotate(360deg); } }` })] })) }), error && (_jsx("p", { className: "text-sm", style: { color: '#f87171' }, children: error })), _jsx("button", { type: "button", disabled: !ready || submitting || !!disabled, onClick: handleSubmit, style: {
-                    width: '100%',
-                    borderRadius: '8px',
-                    backgroundColor: ready && !submitting && !disabled ? 'rgb(250,250,250)' : 'rgba(250,250,250,0.3)',
-                    color: ready && !submitting && !disabled ? 'rgb(9,9,11)' : 'rgba(9,9,11,0.5)',
-                    padding: '10px 16px',
-                    fontSize: '14px',
-                    fontWeight: '500',
-                    cursor: ready && !submitting && !disabled ? 'pointer' : 'not-allowed',
-                    border: 'none',
-                    transition: 'opacity 0.15s',
-                }, children: submitting ? 'Processing\u2026' : 'Add card' }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '6px', fontSize: '11px', color: 'rgba(255,255,255,0.35)' }, 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 Square ", '\u2014', " PCI DSS compliant tokenization"] })] }));
-}

package/dist/src/billing/components/status-bar.d.ts

@@ -1,12 +0,0 @@
-import type { Subscription, SubscriptionPlan, PaymentMethod } from '../types';
-export type BillingSection = 'overview' | 'usage' | 'invoices' | 'pricing' | 'credits' | 'transactions' | 'alerts' | 'payment' | 'team' | 'settings';
-export interface StatusBarProps {
-    subscription: Subscription;
-    currentPlan: SubscriptionPlan | undefined;
-    mtdSpend: number;
-    currency: string;
-    paymentMethods: PaymentMethod[];
-    onNavigate: (target: string) => void;
-}
-export declare function StatusBar({ subscription, currentPlan, mtdSpend, currency, paymentMethods, onNavigate }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=status-bar.d.ts.map

package/dist/src/billing/components/status-bar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"status-bar.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/status-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE7E,MAAM,MAAM,cAAc,GACtB,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAC7C,SAAS,GAAG,cAAc,GAAG,QAAQ,GACrC,SAAS,GAAG,MAAM,GAAG,UAAU,CAAA;AAEnC,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,YAAY,CAAA;IAC1B,WAAW,EAAE,gBAAgB,GAAG,SAAS,CAAA;IACzC,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,aAAa,EAAE,CAAA;IAC/B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAUD,wBAAgB,SAAS,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,cAAc,2CAyEtH"}

package/dist/src/billing/components/status-bar.js

@@ -1,32 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function fmt(amount, currency = 'usd') {
-    return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(amount);
-}
-function fmtDate(d) {
-    return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
-}
-export function StatusBar({ subscription, currentPlan, mtdSpend, currency, paymentMethods, onNavigate }) {
-    const planName = currentPlan?.name ?? 'Pay-as-you-go';
-    const hasActivePlan = !!subscription.id && subscription.status === 'active';
-    const renewalDate = subscription.currentPeriodEnd ? fmtDate(new Date(subscription.currentPeriodEnd)) : null;
-    const defaultPm = paymentMethods.find(m => m.is_default || m.isDefault);
-    const hasPm = paymentMethods.length > 0;
-    const isPastDue = subscription.status === 'past_due';
-    // Dynamic CTA
-    let ctaLabel;
-    let ctaSection;
-    if (!hasPm) {
-        ctaLabel = 'Add payment method';
-        ctaSection = 'invoices:payment-methods';
-    }
-    else if (!hasActivePlan) {
-        ctaLabel = 'Choose a plan';
-        ctaSection = 'overview';
-    }
-    else {
-        ctaLabel = 'View costs';
-        ctaSection = 'usage';
-    }
-    return (_jsx("div", { className: "rounded-2xl border border-border bg-bg-card p-1", children: _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 divide-x divide-border", children: [_jsxs("div", { className: "p-4", children: [_jsx("p", { className: "text-[11px] uppercase tracking-wide text-text-dim mb-1", children: "Plan" }), _jsx("p", { className: "text-sm font-semibold text-text", children: planName }), renewalDate && hasActivePlan && (_jsxs("p", { className: "text-xs text-text-muted mt-0.5", children: [subscription.cancelAt ? 'Cancels' : 'Renews', " ", renewalDate] }))] }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "text-[11px] uppercase tracking-wide text-text-dim mb-1", children: "This Period" }), _jsx("p", { className: "text-sm font-semibold text-text", children: fmt(mtdSpend, currency) }), _jsx("p", { className: "text-xs text-text-muted mt-0.5", children: "Month-to-date" })] }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "text-[11px] uppercase tracking-wide text-text-dim mb-1", children: "Payment" }), isPastDue ? (_jsx("p", { className: "text-sm font-semibold text-warning", children: "Past due" })) : hasPm ? (_jsx("p", { className: "text-sm font-semibold text-text", children: defaultPm?.card ? `${defaultPm.card.brand} \u00B7\u00B7\u00B7\u00B7${defaultPm.card.last4}` : 'Active' })) : (_jsx("p", { className: "text-sm font-semibold text-danger", children: "No payment method" })), hasPm && !isPastDue && (_jsx("p", { className: "text-xs text-success mt-0.5", children: "Healthy" }))] }), _jsx("div", { className: "p-4 flex items-center justify-center", children: _jsx("button", { type: "button", onClick: () => onNavigate(ctaSection), className: "w-full rounded-lg bg-brand px-4 py-2 text-sm font-medium text-brand-foreground transition hover:bg-brand-hover", children: ctaLabel }) })] }) }));
-}

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

@@ -1,17 +0,0 @@
-import type { BillingMetric, Subscription, SubscriptionPlan, RetentionOffer, SubscriptionHistory, DiscountCode } 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>;
-    onApplyDiscount?: (code: string) => Promise<DiscountCode | null>;
-    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,EACnB,YAAY,EACb,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,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;IAChE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,CAAA;CAC/C;AAgDD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA+chE"}

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

@@ -1,185 +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-500/10 text-emerald-500 ring-emerald-500/20',
-    },
-    canceled: {
-        label: 'Canceled',
-        className: 'bg-rose-500/10 text-rose-500 ring-rose-500/20',
-    },
-    past_due: {
-        label: 'Past due',
-        className: 'bg-amber-500/10 text-amber-500 ring-amber-500/20',
-    },
-    trialing: {
-        label: 'Trialing',
-        className: 'bg-sky-500/10 text-sky-500 ring-sky-500/20',
-    },
-    unpaid: {
-        label: 'Unpaid',
-        className: 'bg-rose-500/10 text-rose-500 ring-rose-500/20',
-    },
-    incomplete: {
-        label: 'Incomplete',
-        className: 'bg-text-dim/10 text-text-muted ring-text-dim/20',
-    },
-};
-export function SubscriptionPortal(props) {
-    const { subscription, availablePlans, usageMetrics = [], retentionOffers = [], subscriptionHistory = [], onUpgrade, onDowngrade, onCancel, onApplyDiscount, defaultView = 'overview', } = props;
-    const [view, setView] = React.useState(defaultView);
-    const [busyPlanId, setBusyPlanId] = React.useState(null);
-    // Discount code state
-    const [discountCode, setDiscountCode] = React.useState('');
-    const [applyingDiscount, setApplyingDiscount] = React.useState(false);
-    const [discountResult, setDiscountResult] = React.useState(null);
-    // Cancel confirmation
-    const [showCancelConfirm, setShowCancelConfirm] = React.useState(false);
-    const [cancelReason, setCancelReason] = React.useState('');
-    const [canceling, setCanceling] = React.useState(false);
-    const currentPlan = React.useMemo(() => availablePlans.find((p) => p.id === subscription.planId), [availablePlans, subscription.planId]);
-    const handlePlanChange = React.useCallback(async (plan) => {
-        // External / contact-sales plans
-        if (plan.externalUrl) {
-            window.open(plan.externalUrl, '_blank', 'noopener,noreferrer');
-            return;
-        }
-        if (plan.id === currentPlan?.id)
-            return;
-        setBusyPlanId(plan.id);
-        try {
-            if (!currentPlan || plan.price >= (currentPlan?.price ?? 0)) {
-                await onUpgrade?.(plan.id);
-            }
-            else {
-                await onDowngrade?.(plan.id);
-            }
-        }
-        finally {
-            setBusyPlanId(null);
-        }
-    }, [currentPlan, onDowngrade, onUpgrade]);
-    const handleApplyDiscount = React.useCallback(async () => {
-        if (!onApplyDiscount || !discountCode.trim())
-            return;
-        setApplyingDiscount(true);
-        setDiscountResult(null);
-        try {
-            const result = await onApplyDiscount(discountCode.trim());
-            if (result && result.valid) {
-                const desc = result.kind === 'percent'
-                    ? `${result.value}% off`
-                    : `${formatCurrency(result.value)} off`;
-                setDiscountResult({ success: true, message: `Applied: ${result.name || result.code} (${desc})` });
-                setDiscountCode('');
-            }
-            else {
-                setDiscountResult({ success: false, message: 'Invalid or expired discount code' });
-            }
-        }
-        catch (err) {
-            setDiscountResult({ success: false, message: err instanceof Error ? err.message : 'Failed to apply code' });
-        }
-        finally {
-            setApplyingDiscount(false);
-        }
-    }, [onApplyDiscount, discountCode]);
-    const handleCancel = React.useCallback(async () => {
-        if (!onCancel || !cancelReason.trim())
-            return;
-        setCanceling(true);
-        try {
-            await onCancel(cancelReason.trim());
-            setShowCancelConfirm(false);
-            setCancelReason('');
-        }
-        finally {
-            setCanceling(false);
-        }
-    }, [onCancel, cancelReason]);
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "overflow-hidden rounded-2xl border border-border bg-bg-card 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-text-muted", children: "Subscription" }), _jsx("h2", { className: "text-2xl font-semibold text-text", children: currentPlan?.name ?? 'No active plan' }), _jsx("p", { className: "text-sm text-text-secondary", children: subscription.id
-                                            ? `Billing period ends on ${formatDate(subscription.currentPeriodEnd)}`
-                                            : 'Select a plan to get started' }), subscription.discount && (_jsxs("p", { className: "text-sm text-emerald-500", children: ["Discount: ", subscription.discount.name || subscription.discount.code, " (", subscription.discount.kind === 'percent'
-                                                ? `${subscription.discount.value}% off`
-                                                : `${formatCurrency(subscription.discount.value)} off`, subscription.discount.duration === 'repeating' && subscription.discount.durationInMonths
-                                                ? ` for ${subscription.discount.durationInMonths} months`
-                                                : subscription.discount.duration === 'forever'
-                                                    ? ' forever'
-                                                    : '', ")"] }))] }), subscription.id && (_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-border bg-bg-elevated p-1", children: [_jsx("button", { type: "button", onClick: () => setView('overview'), className: `rounded-lg px-3 py-1.5 text-sm transition ${view === 'overview'
-                                    ? 'bg-text text-bg'
-                                    : 'text-text-muted hover:bg-bg-card hover:text-text'}`, children: "Overview" }), _jsx("button", { type: "button", onClick: () => setView('plans'), className: `rounded-lg px-3 py-1.5 text-sm transition ${view === 'plans'
-                                    ? 'bg-text text-bg'
-                                    : 'text-text-muted hover:bg-bg-card hover:text-text'}`, children: "Plans" }), _jsx("button", { type: "button", onClick: () => setView('history'), className: `rounded-lg px-3 py-1.5 text-sm transition ${view === 'history'
-                                    ? 'bg-text text-bg'
-                                    : 'text-text-muted hover:bg-bg-card hover:text-text'}`, children: "History" })] })] }), view === 'overview' && (_jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [_jsxs("div", { className: "rounded-xl border border-border bg-bg-card p-4", children: [_jsx("p", { className: "text-xs uppercase tracking-wide text-text-muted", children: "Current spend" }), _jsxs("p", { className: "mt-2 text-2xl font-semibold text-text", children: [formatCurrency(currentPlan?.price ?? 0), _jsxs("span", { className: "text-sm font-normal text-text-muted", children: ["/", currentPlan?.billingPeriod ?? 'monthly'] })] })] }), _jsxs("div", { className: "rounded-xl border border-border bg-bg-card p-4", children: [_jsx("p", { className: "text-xs uppercase tracking-wide text-text-muted", children: "Next invoice" }), _jsx("p", { className: "mt-2 text-lg font-semibold text-text", children: subscription.id ? formatDate(subscription.currentPeriodEnd) : '\u2014' })] }), _jsxs("div", { className: "rounded-xl border border-border bg-bg-card p-4", children: [_jsx("p", { className: "text-xs uppercase tracking-wide text-text-muted", children: "Status" }), _jsx("p", { className: "mt-2 text-lg font-semibold text-text", children: subscription.cancelAtPeriodEnd
-                                    ? 'Cancels at period end'
-                                    : subscription.id
-                                        ? 'Auto-renewing'
-                                        : 'No subscription' })] }), onApplyDiscount && subscription.id && (_jsxs("div", { className: "md:col-span-3 rounded-xl border border-border bg-bg-card p-4", children: [_jsx("p", { className: "text-xs uppercase tracking-wide text-text-muted", children: "Discount code" }), _jsxs("div", { className: "mt-3 flex gap-2", children: [_jsx("input", { value: discountCode, onChange: (e) => {
-                                            setDiscountCode(e.target.value.toUpperCase());
-                                            setDiscountResult(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 focus:border-brand" }), _jsx("button", { type: "button", disabled: !discountCode.trim() || applyingDiscount, onClick: handleApplyDiscount, 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: applyingDiscount ? 'Applying\u2026' : 'Apply' })] }), discountResult && (_jsx("p", { className: `mt-2 text-sm ${discountResult.success ? 'text-success' : 'text-danger'}`, children: discountResult.message }))] })), usageMetrics.length > 0 && (_jsxs("div", { className: "md:col-span-3 rounded-xl border border-border bg-bg-card p-4", children: [_jsx("p", { className: "text-xs uppercase tracking-wide text-text-muted", 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-border p-3", children: [_jsx("p", { className: "text-sm text-text-secondary", children: metric.label }), _jsxs("p", { className: "mt-1 text-lg font-semibold text-text", children: [metric.current.toLocaleString(), metric.unit ? ` ${metric.unit}` : ''] }), metric.limit ? (_jsxs(_Fragment, { children: [_jsxs("p", { className: "text-xs text-text-muted", children: ["of ", metric.limit.toLocaleString(), " ", metric.unit ?? ''] }), _jsx("div", { className: "mt-2 h-2 rounded-full bg-bg-elevated", children: _jsx("div", { className: "h-2 rounded-full bg-brand transition-all", style: { width: `${utilization}%` } }) })] })) : null] }, metric.id));
-                                }) })] })), retentionOffers.length > 0 && (_jsxs("div", { className: "md:col-span-3 rounded-xl border border-warning/30 bg-warning/5 p-4", children: [_jsx("p", { className: "text-xs uppercase tracking-wide text-warning", 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-warning/30 bg-bg-card p-3", children: [_jsx("p", { className: "font-medium text-text", children: offer.title }), _jsx("p", { className: "mt-1 text-sm text-text-secondary", children: offer.description }), _jsxs("p", { className: "mt-2 text-sm font-semibold text-warning", children: ["Save ", offer.discount, "% for ", offer.durationMonths, " months"] })] }, offer.id))) })] })), subscription.id && subscription.status === 'active' && !subscription.cancelAtPeriodEnd && onCancel && (_jsx("div", { className: "md:col-span-3", children: showCancelConfirm ? (_jsxs("div", { className: "rounded-xl border border-rose-500/30 bg-rose-500/5 p-4", children: [_jsx("p", { className: "text-sm font-medium text-rose-400", children: "Cancel subscription" }), _jsxs("p", { className: "mt-1 text-sm text-text-muted", children: ["Your subscription will remain active until ", formatDate(subscription.currentPeriodEnd), "."] }), _jsx("textarea", { value: cancelReason, onChange: (e) => setCancelReason(e.target.value), placeholder: "Why are you canceling? (required)", rows: 2, className: "mt-3 w-full rounded-lg border border-rose-500/30 bg-bg-input px-3 py-2 text-sm text-text outline-none transition focus:border-rose-500" }), _jsxs("div", { className: "mt-3 flex gap-2", children: [_jsx("button", { type: "button", disabled: !cancelReason.trim() || canceling, onClick: handleCancel, className: "rounded-lg bg-rose-600 px-4 py-2 text-sm font-medium text-white transition hover:bg-rose-500 disabled:cursor-not-allowed disabled:opacity-60", children: canceling ? 'Canceling\u2026' : 'Confirm cancellation' }), _jsx("button", { type: "button", onClick: () => {
-                                                setShowCancelConfirm(false);
-                                                setCancelReason('');
-                                            }, className: "rounded-lg border border-border px-4 py-2 text-sm font-medium text-text-secondary transition hover:bg-bg-elevated", children: "Keep subscription" })] })] })) : (_jsx("button", { type: "button", onClick: () => setShowCancelConfirm(true), className: "text-sm text-text-muted transition hover:text-rose-500", children: "Cancel subscription" })) }))] })), view === 'plans' && (_jsx("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4", children: availablePlans.map((plan) => {
-                    const isCurrent = plan.id === subscription.planId;
-                    const isBusy = busyPlanId === plan.id;
-                    const isFree = plan.price === 0;
-                    const hasTrial = (plan.trialDays ?? 0) > 0;
-                    const isExternal = !!plan.externalUrl || plan.contactSales;
-                    const periodPrice = isFree ? 'Free' : `$${plan.price}/mo`;
-                    const buttonLabel = isCurrent
-                        ? 'Current plan'
-                        : isBusy
-                            ? 'Applying\u2026'
-                            : isExternal
-                                ? plan.contactSales ? 'Contact Sales \u2192' : 'Get started \u2192'
-                                : hasTrial && !subscription.id
-                                    ? `Start ${plan.trialDays}-day free trial`
-                                    : currentPlan && plan.price < (currentPlan?.price ?? 0)
-                                        ? 'Downgrade'
-                                        : 'Upgrade';
-                    return (_jsxs("div", { className: `relative flex flex-col rounded-2xl border p-5 transition ${plan.highlighted && !isCurrent
-                            ? 'border-white/[0.2] bg-[#141419]'
-                            : isCurrent
-                                ? 'border-white/[0.25] bg-[#141419]'
-                                : 'border-white/[0.08] bg-[#141419]'}`, children: [plan.highlighted && !isCurrent && (_jsx("div", { className: "absolute -top-px left-0 right-0 h-px rounded-t-2xl bg-gradient-to-r from-transparent via-white/40 to-transparent" })), _jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("p", { className: "text-[15px] font-semibold text-white", children: plan.name }), plan.badge ? (_jsx("span", { className: `rounded-full px-2 py-1 text-[11px] font-semibold flex-shrink-0 ${isCurrent
-                                            ? 'bg-white/10 text-white/60'
-                                            : plan.contactSales
-                                                ? 'bg-amber-500/15 text-amber-400'
-                                                : hasTrial
-                                                    ? 'bg-sky-500/15 text-sky-400'
-                                                    : 'bg-white/[0.07] text-white/40'}`, children: plan.badge })) : null] }), _jsxs("div", { className: "mt-4", children: [_jsxs("p", { className: "text-2xl font-bold text-white", children: [isExternal && !isFree ? `$${formatCurrency(plan.price).replace('$', '').split('.')[0]}` : periodPrice, !isFree && !isExternal && _jsx("span", { className: "text-sm font-normal text-white/40", children: "/mo" }), isExternal && !isFree && _jsx("span", { className: "text-sm font-normal text-white/40", children: "/mo+" })] }), plan.annualPrice && !isCurrent && (_jsxs("p", { className: "mt-0.5 text-[12px] text-emerald-400", children: ["$", plan.annualPrice, "/yr ", '\u2014', " save $", plan.price * 12 - plan.annualPrice] })), (plan.trialCreditCents ?? 0) > 0 && !isCurrent && (_jsxs("p", { className: "mt-0.5 text-[12px] text-emerald-400", children: ["+$", (plan.trialCreditCents / 100).toFixed(0), " credit included"] }))] }), _jsx("p", { className: "mt-3 text-[13px] leading-relaxed text-white/40", children: plan.description }), _jsx("ul", { className: "mt-4 flex-1 space-y-1.5", children: plan.features.map((feature) => (_jsxs("li", { className: "flex items-start gap-2 text-[13px] text-white/50", children: [_jsx("span", { className: "mt-0.5 flex-shrink-0 text-white/30", children: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M20 6L9 17l-5-5" }) }) }), feature] }, feature))) }), _jsx("button", { type: "button", disabled: isCurrent || isBusy, onClick: () => handlePlanChange(plan), className: `mt-5 w-full rounded-xl px-3 py-2.5 text-sm font-semibold transition active:scale-[0.98] ${isCurrent
-                                    ? 'cursor-not-allowed bg-white/[0.06] text-white/30'
-                                    : isBusy
-                                        ? 'cursor-wait bg-white/[0.06] text-white/30'
-                                        : plan.highlighted
-                                            ? 'bg-white text-black hover:bg-white/90'
-                                            : isExternal
-                                                ? 'bg-white/[0.08] text-white/70 hover:bg-white/[0.12] hover:text-white'
-                                                : hasTrial && !subscription.id
-                                                    ? 'bg-sky-500/20 text-sky-300 hover:bg-sky-500/30'
-                                                    : 'bg-white/[0.08] text-white/70 hover:bg-white/[0.12] hover:text-white'}`, children: buttonLabel })] }, plan.id));
-                }) })), view === 'history' && (_jsxs("div", { className: "rounded-xl border border-border bg-bg-card", children: [_jsx("div", { className: "border-b border-border px-4 py-3", children: _jsx("h3", { className: "text-sm font-semibold text-text", children: "Subscription timeline" }) }), subscriptionHistory.length === 0 ? (_jsx("div", { className: "p-6 text-sm text-text-muted", children: "No history entries yet." })) : (_jsx("div", { className: "divide-y divide-border", 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-text", children: entry.action }), _jsx("p", { className: "text-sm text-text-secondary", children: entry.details }), entry.fromPlan || entry.toPlan ? (_jsxs("p", { className: "text-xs text-text-muted", children: [entry.fromPlan ?? '\u2014', " ", '\u2192', " ", entry.toPlan ?? '\u2014'] })) : null] }), _jsx("p", { className: "text-xs text-text-muted", children: formatDate(entry.date) })] }, entry.id))) }))] }))] }));
-}

package/dist/src/billing/components/support-tiers-panel.d.ts

@@ -1,6 +0,0 @@
-export interface SupportTiersPanelProps {
-    currentTier?: string;
-    onSubscribe?: (tierId: string) => Promise<void>;
-}
-export declare function SupportTiersPanel({ currentTier, onSubscribe }: SupportTiersPanelProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=support-tiers-panel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"support-tiers-panel.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/support-tiers-panel.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAChD;AAsDD,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,sBAAsB,2CA6FrF"}