@rotateprotocol/sdk 1.0.0

package/dist/catalog.js

@@ -0,0 +1,210 @@
+"use strict";
+/**
+ * Rotate Catalog — Shared product catalog, inventory, and discount logic.
+ *
+ * Used internally by `RotateStore` and `RotateMarketplace` to avoid
+ * duplicating catalog management code.  Not exported to SDK consumers —
+ * use `RotateStore` or `RotateMarketplace` instead.
+ *
+ * @internal
+ * @packageDocumentation
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Catalog = void 0;
+// ==================== CATALOG ====================
+/**
+ * Generic product catalog with inventory and discount management.
+ *
+ * @typeParam P - Product type (must extend BaseProduct).
+ * @typeParam I - Product input type (must extend BaseProductInput).
+ */
+class Catalog {
+    constructor(createProduct) {
+        this.products = new Map();
+        this.discounts = new Map();
+        this.categories = new Set();
+        this.createProduct = createProduct;
+    }
+    // ==================== PRODUCT MANAGEMENT ====================
+    addProduct(input) {
+        const product = this.createProduct(input);
+        this.products.set(product.id, product);
+        if (product.category)
+            this.categories.add(product.category);
+        return product;
+    }
+    addProducts(inputs) {
+        return inputs.map((p) => this.addProduct(p));
+    }
+    updateProduct(id, updates) {
+        const existing = this.products.get(id);
+        if (!existing)
+            throw new Error(`Product '${id}' not found`);
+        const updated = {
+            ...existing,
+            ...updates,
+            id: existing.id, // immutable
+            updatedAt: Date.now(),
+        };
+        this.products.set(id, updated);
+        if (updated.category)
+            this.categories.add(updated.category);
+        return updated;
+    }
+    removeProduct(id) {
+        return this.products.delete(id);
+    }
+    getProduct(id) {
+        return this.products.get(id);
+    }
+    getProducts(filter) {
+        let results = Array.from(this.products.values());
+        if (filter) {
+            if (filter.active !== undefined) {
+                results = results.filter((p) => p.active === filter.active);
+            }
+            if (filter.category) {
+                results = results.filter((p) => p.category === filter.category);
+            }
+            if (filter.search) {
+                const q = filter.search.toLowerCase();
+                results = results.filter((p) => p.name.toLowerCase().includes(q) ||
+                    p.description?.toLowerCase().includes(q) ||
+                    p.id.toLowerCase().includes(q));
+            }
+            if (filter.minPrice !== undefined) {
+                results = results.filter((p) => p.price >= filter.minPrice);
+            }
+            if (filter.maxPrice !== undefined) {
+                results = results.filter((p) => p.price <= filter.maxPrice);
+            }
+            const sortBy = filter.sortBy || 'createdAt';
+            const order = filter.sortOrder === 'desc' ? -1 : 1;
+            results.sort((a, b) => {
+                if (sortBy === 'name')
+                    return a.name.localeCompare(b.name) * order;
+                if (sortBy === 'price')
+                    return (a.price - b.price) * order;
+                return (a.createdAt - b.createdAt) * order;
+            });
+            if (filter.offset)
+                results = results.slice(filter.offset);
+            if (filter.limit)
+                results = results.slice(0, filter.limit);
+        }
+        return results;
+    }
+    getCategories() {
+        return Array.from(this.categories).sort();
+    }
+    get productCount() {
+        return this.products.size;
+    }
+    /** Direct access to the internal product map (for advanced filtering). */
+    entries() {
+        return this.products.entries();
+    }
+    values() {
+        return this.products.values();
+    }
+    // ==================== INVENTORY ====================
+    isInStock(productId, quantity = 1) {
+        const product = this.products.get(productId);
+        if (!product || !product.active)
+            return false;
+        if (product.inventory === undefined)
+            return true;
+        return product.inventory >= quantity;
+    }
+    reserveInventory(productId, quantity) {
+        const product = this.products.get(productId);
+        if (!product)
+            throw new Error(`Product '${productId}' not found`);
+        if (product.inventory !== undefined) {
+            if (product.inventory < quantity) {
+                throw new Error(`Insufficient inventory for '${productId}': need ${quantity}, have ${product.inventory}`);
+            }
+            product.inventory -= quantity;
+            product.updatedAt = Date.now();
+        }
+    }
+    releaseInventory(productId, quantity) {
+        const product = this.products.get(productId);
+        if (!product)
+            throw new Error(`Product '${productId}' not found`);
+        if (product.inventory !== undefined) {
+            product.inventory += quantity;
+            product.updatedAt = Date.now();
+        }
+    }
+    // ==================== DISCOUNTS ====================
+    addDiscount(input) {
+        const discount = {
+            ...input,
+            usedCount: 0,
+            active: input.active ?? true,
+        };
+        this.discounts.set(discount.code.toUpperCase(), discount);
+        return discount;
+    }
+    getDiscount(code) {
+        return this.discounts.get(code.toUpperCase());
+    }
+    isDiscountValid(code, subtotal) {
+        const d = this.discounts.get(code.toUpperCase());
+        if (!d || !d.active)
+            return false;
+        if (d.expiresAt && Date.now() > d.expiresAt)
+            return false;
+        if (d.maxUses !== undefined && d.usedCount >= d.maxUses)
+            return false;
+        if (d.minAmount !== undefined && subtotal < d.minAmount)
+            return false;
+        return true;
+    }
+    useDiscount(code) {
+        const d = this.discounts.get(code.toUpperCase());
+        if (d)
+            d.usedCount++;
+    }
+    // ==================== SERIALIZATION ====================
+    exportProducts() {
+        return Array.from(this.products.values());
+    }
+    exportDiscounts() {
+        return Array.from(this.discounts.values());
+    }
+    importProducts(products) {
+        this.products.clear();
+        this.categories.clear();
+        for (const p of products) {
+            this.products.set(p.id, p);
+            if (p.category)
+                this.categories.add(p.category);
+        }
+    }
+    importDiscounts(discounts) {
+        this.discounts.clear();
+        for (const d of discounts) {
+            this.discounts.set(d.code.toUpperCase(), d);
+        }
+    }
+    clear() {
+        this.products.clear();
+        this.discounts.clear();
+        this.categories.clear();
+    }
+    /** Remove all products matching a predicate. Returns count removed. */
+    removeProductsWhere(predicate) {
+        let removed = 0;
+        for (const [id, product] of this.products.entries()) {
+            if (predicate(product)) {
+                this.products.delete(id);
+                removed++;
+            }
+        }
+        return removed;
+    }
+}
+exports.Catalog = Catalog;
+//# sourceMappingURL=catalog.js.map

package/dist/catalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.js","sourceRoot":"","sources":["../src/catalog.ts"],"names":[],"mappings":"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"}

package/dist/components/CheckoutForm.d.ts

@@ -0,0 +1,86 @@
+/**
+ * Rotate Checkout Form
+ *
+ * Embeddable checkout form that can be styled to match your site.
+ * Drop-in component for seamless crypto payments.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CheckoutForm
+ *   amount={99.99}
+ *   onSuccess={(payment) => {
+ *     console.log('Paid!', payment);
+ *     router.push('/success');
+ *   }}
+ * />
+ *
+ * // With product details
+ * <CheckoutForm
+ *   amount={149.99}
+ *   productName="Pro Plan"
+ *   productDescription="Unlimited access for 1 year"
+ *   productImage="/images/pro-plan.png"
+ *   onSuccess={handleSuccess}
+ *   onError={handleError}
+ * />
+ *
+ * // Embedded in your own form
+ * <form onSubmit={handleSubmit}>
+ *   <input name="email" placeholder="Email" />
+ *   <CheckoutForm
+ *     amount={total}
+ *     embedded
+ *     onSuccess={onPaymentSuccess}
+ *   />
+ * </form>
+ * ```
+ */
+import { CSSProperties } from 'react';
+export interface CheckoutFormProps {
+    /** Amount to charge */
+    amount: number;
+    /** Currency (default: USD) */
+    currency?: 'SOL' | 'USDC' | 'USDT' | 'USD';
+    /** Product name to display */
+    productName?: string;
+    /** Product description */
+    productDescription?: string;
+    /** Product image URL */
+    productImage?: string;
+    /** Your order reference ID */
+    orderRef?: string;
+    /** Allow customer tips */
+    allowTips?: boolean;
+    /** Show currency selector */
+    showCurrencySelector?: boolean;
+    /** Default payment currency */
+    defaultPaymentCurrency?: 'SOL' | 'USDC' | 'USDT';
+    /** Compact mode (no product display) */
+    compact?: boolean;
+    /** Embedded mode (no container styling) */
+    embedded?: boolean;
+    /** Success callback */
+    onSuccess?: (payment: PaymentResult) => void;
+    /** Error callback */
+    onError?: (error: Error) => void;
+    /** Custom class name */
+    className?: string;
+    /** Custom styles */
+    style?: CSSProperties;
+    /** Submit button text */
+    submitText?: string;
+    /** Show "Powered by Rotate" badge */
+    showBranding?: boolean;
+}
+export interface PaymentResult {
+    linkId: number;
+    amount: number;
+    currency: string;
+    transactionId: string;
+    paidAt: number;
+    tip?: number;
+}
+export declare function CheckoutForm({ amount, currency, productName, productDescription, productImage, orderRef, allowTips, showCurrencySelector, defaultPaymentCurrency, compact, embedded, onSuccess, onError, className, style, submitText, showBranding, }: CheckoutFormProps): import("react/jsx-runtime").JSX.Element;
+export default CheckoutForm;
+//# sourceMappingURL=CheckoutForm.d.ts.map

package/dist/components/CheckoutForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutForm.d.ts","sourceRoot":"","sources":["../../src/components/CheckoutForm.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,OAAc,EAAoC,aAAa,EAAE,MAAM,OAAO,CAAC;AAK/E,MAAM,WAAW,iBAAiB;IAChC,uBAAuB;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAC3C,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,+BAA+B;IAC/B,sBAAsB,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IACjD,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,qBAAqB;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAwND,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,QAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,SAAiB,EACjB,oBAA2B,EAC3B,sBAA+B,EAC/B,OAAe,EACf,QAAgB,EAChB,SAAS,EACT,OAAO,EACP,SAAc,EACd,KAAU,EACV,UAAU,EACV,YAAmB,GACpB,EAAE,iBAAiB,2CA2RnB;AAED,eAAe,YAAY,CAAC"}

package/dist/components/CheckoutForm.js

@@ -0,0 +1,332 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckoutForm = CheckoutForm;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Rotate Checkout Form
+ *
+ * Embeddable checkout form that can be styled to match your site.
+ * Drop-in component for seamless crypto payments.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CheckoutForm
+ *   amount={99.99}
+ *   onSuccess={(payment) => {
+ *     console.log('Paid!', payment);
+ *     router.push('/success');
+ *   }}
+ * />
+ *
+ * // With product details
+ * <CheckoutForm
+ *   amount={149.99}
+ *   productName="Pro Plan"
+ *   productDescription="Unlimited access for 1 year"
+ *   productImage="/images/pro-plan.png"
+ *   onSuccess={handleSuccess}
+ *   onError={handleError}
+ * />
+ *
+ * // Embedded in your own form
+ * <form onSubmit={handleSubmit}>
+ *   <input name="email" placeholder="Email" />
+ *   <CheckoutForm
+ *     amount={total}
+ *     embedded
+ *     onSuccess={onPaymentSuccess}
+ *   />
+ * </form>
+ * ```
+ */
+const react_1 = require("react");
+const RotateProvider_1 = require("./RotateProvider");
+// ==================== STYLES ====================
+const containerStyles = {
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+    maxWidth: '400px',
+    width: '100%',
+    background: '#ffffff',
+    borderRadius: '12px',
+    boxShadow: '0 4px 24px rgba(0, 0, 0, 0.08)',
+    overflow: 'hidden',
+};
+const headerStyles = {
+    padding: '24px',
+    background: 'linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)',
+    borderBottom: '1px solid #e2e8f0',
+};
+const productStyles = {
+    display: 'flex',
+    gap: '16px',
+    alignItems: 'center',
+};
+const productImageStyles = {
+    width: '60px',
+    height: '60px',
+    borderRadius: '8px',
+    objectFit: 'cover',
+    background: '#e2e8f0',
+};
+const bodyStyles = {
+    padding: '24px',
+};
+const sectionStyles = {
+    marginBottom: '20px',
+};
+const labelStyles = {
+    display: 'block',
+    fontSize: '13px',
+    fontWeight: 600,
+    color: '#64748b',
+    marginBottom: '8px',
+    textTransform: 'uppercase',
+    letterSpacing: '0.5px',
+};
+const currencySelectorStyles = {
+    display: 'flex',
+    gap: '8px',
+};
+const currencyOptionStyles = (selected, color) => ({
+    flex: 1,
+    padding: '12px 16px',
+    border: `2px solid ${selected ? color : '#e2e8f0'}`,
+    borderRadius: '8px',
+    background: selected ? `${color}10` : '#ffffff',
+    cursor: 'pointer',
+    transition: 'all 0.2s ease',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: '8px',
+    fontSize: '14px',
+    fontWeight: selected ? 600 : 400,
+    color: selected ? color : '#64748b',
+});
+const tipSelectorStyles = {
+    display: 'flex',
+    gap: '8px',
+};
+const tipOptionStyles = (selected, color) => ({
+    flex: 1,
+    padding: '10px',
+    border: `2px solid ${selected ? color : '#e2e8f0'}`,
+    borderRadius: '8px',
+    background: selected ? `${color}10` : '#ffffff',
+    cursor: 'pointer',
+    transition: 'all 0.2s ease',
+    textAlign: 'center',
+    fontSize: '14px',
+    fontWeight: selected ? 600 : 400,
+    color: selected ? color : '#64748b',
+});
+const summaryStyles = {
+    background: '#f8fafc',
+    borderRadius: '8px',
+    padding: '16px',
+    marginBottom: '20px',
+};
+const summaryRowStyles = {
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: '8px 0',
+    fontSize: '14px',
+    color: '#64748b',
+};
+const summaryTotalStyles = {
+    ...summaryRowStyles,
+    borderTop: '1px solid #e2e8f0',
+    marginTop: '8px',
+    paddingTop: '16px',
+    fontSize: '18px',
+    fontWeight: 700,
+    color: '#1e293b',
+};
+const buttonStyles = (color, loading) => ({
+    width: '100%',
+    padding: '16px 24px',
+    background: `linear-gradient(135deg, ${color} 0%, ${adjustColor(color, -20)} 100%)`,
+    border: 'none',
+    borderRadius: '8px',
+    color: '#ffffff',
+    fontSize: '16px',
+    fontWeight: 600,
+    cursor: loading ? 'wait' : 'pointer',
+    transition: 'all 0.2s ease',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: '8px',
+    boxShadow: `0 4px 14px ${color}40`,
+});
+const footerStyles = {
+    textAlign: 'center',
+    padding: '16px',
+    borderTop: '1px solid #e2e8f0',
+    fontSize: '12px',
+    color: '#94a3b8',
+};
+const errorStyles = {
+    padding: '12px 16px',
+    background: '#fef2f2',
+    border: '1px solid #fecaca',
+    borderRadius: '8px',
+    color: '#dc2626',
+    fontSize: '14px',
+    marginBottom: '16px',
+};
+function adjustColor(hex, percent) {
+    const num = parseInt(hex.replace('#', ''), 16);
+    const amt = Math.round(2.55 * percent);
+    const R = (num >> 16) + amt;
+    const G = (num >> 8 & 0x00FF) + amt;
+    const B = (num & 0x0000FF) + amt;
+    return '#' + (0x1000000 +
+        (R < 255 ? R < 1 ? 0 : R : 255) * 0x10000 +
+        (G < 255 ? G < 1 ? 0 : G : 255) * 0x100 +
+        (B < 255 ? B < 1 ? 0 : B : 255)).toString(16).slice(1);
+}
+// ==================== ICONS ====================
+const CurrencyIcon = {
+    SOL: () => ((0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10", fillOpacity: "0.2" }), (0, jsx_runtime_1.jsx)("text", { x: "12", y: "16", textAnchor: "middle", fontSize: "10", fontWeight: "bold", children: "\u25CE" })] })),
+    USDC: () => ((0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10", fillOpacity: "0.2" }), (0, jsx_runtime_1.jsx)("text", { x: "12", y: "16", textAnchor: "middle", fontSize: "10", fontWeight: "bold", children: "$" })] })),
+    USDT: () => ((0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10", fillOpacity: "0.2" }), (0, jsx_runtime_1.jsx)("text", { x: "12", y: "16", textAnchor: "middle", fontSize: "10", fontWeight: "bold", children: "\u20AE" })] })),
+};
+const WalletIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [(0, jsx_runtime_1.jsx)("path", { d: "M21 12V7H5a2 2 0 0 1 0-4h14v4" }), (0, jsx_runtime_1.jsx)("path", { d: "M3 5v14a2 2 0 0 0 2 2h16v-5" }), (0, jsx_runtime_1.jsx)("path", { d: "M18 12a2 2 0 0 0 0 4h4v-4h-4z" })] }));
+const SpinnerIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", style: { animation: 'rotate-spin 1s linear infinite' }, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10", strokeOpacity: "0.25" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 2a10 10 0 0 1 10 10", strokeLinecap: "round" })] }));
+const LockIcon = () => ((0, jsx_runtime_1.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { d: "M19 11H5c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7c0-1.1-.9-2-2-2zm0 9H5v-7h14v7zm-7-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm3-10V5c0-1.7-1.3-3-3-3S9 3.3 9 5v2H7V5c0-2.8 2.2-5 5-5s5 2.2 5 5v2h-2z" }) }));
+// ==================== COMPONENT ====================
+function CheckoutForm({ amount, currency = 'USD', productName, productDescription, productImage, orderRef, allowTips = false, showCurrencySelector = true, defaultPaymentCurrency = 'USDC', compact = false, embedded = false, onSuccess, onError, className = '', style = {}, submitText, showBranding = true, }) {
+    const { config, createCheckoutSession, calculateTotal, sdk } = (0, RotateProvider_1.useRotateContext)();
+    const [selectedCurrency, setSelectedCurrency] = (0, react_1.useState)(defaultPaymentCurrency);
+    const [selectedTip, setSelectedTip] = (0, react_1.useState)(0);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [solPrice, setSolPrice] = (0, react_1.useState)(null);
+    const brandColor = config.brandColor || '#8B5CF6';
+    const tipOptions = [0, 10, 15, 20]; // Percentage options
+    // Fetch SOL price
+    (0, react_1.useEffect)(() => {
+        async function fetchPrice() {
+            try {
+                const price = await sdk.getSolPrice();
+                setSolPrice(price);
+            }
+            catch (e) {
+                setSolPrice(100); // Fallback
+            }
+        }
+        fetchPrice();
+    }, [sdk]);
+    // Calculate totals
+    const tipAmount = (amount * selectedTip) / 100;
+    const subtotalWithTip = amount + tipAmount;
+    const { total, fees, merchantReceives } = calculateTotal(subtotalWithTip);
+    // Convert to selected currency
+    const getAmountInCurrency = (usdAmount) => {
+        if (selectedCurrency === 'SOL' && solPrice) {
+            return usdAmount / solPrice;
+        }
+        return usdAmount; // USDC/USDT are 1:1
+    };
+    const formatAmount = (amt, curr) => {
+        if (curr === 'SOL') {
+            const solAmt = getAmountInCurrency(amt);
+            return `${solAmt.toFixed(solAmt < 1 ? 4 : 3)} SOL`;
+        }
+        return `$${amt.toFixed(2)}`;
+    };
+    // Handle payment — creates an on-chain checkout session and opens the
+    // hosted checkout page so the buyer can connect their wallet and pay.
+    const handleSubmit = (0, react_1.useCallback)(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const session = await createCheckoutSession({
+                amount: subtotalWithTip,
+                currency,
+                description: productName,
+                orderRef,
+                allowTips,
+                metadata: {
+                    tip: tipAmount.toString(),
+                    paymentCurrency: selectedCurrency,
+                },
+            });
+            // Open hosted checkout in a popup so the buyer can connect a wallet and pay
+            const checkoutUrl = sdk.getPaymentUrl(session.linkId);
+            const width = 450;
+            const height = 700;
+            const left = window.screenX + (window.outerWidth - width) / 2;
+            const top = window.screenY + (window.outerHeight - height) / 2;
+            const popup = window.open(checkoutUrl, 'rotate_checkout', `width=${width},height=${height},left=${left},top=${top},popup=1`);
+            if (popup) {
+                const messageHandler = (event) => {
+                    if (event.data?.type === 'rotate_payment_success') {
+                        setLoading(false);
+                        window.removeEventListener('message', messageHandler);
+                        onSuccess?.({
+                            linkId: session.linkId,
+                            amount: total,
+                            currency: selectedCurrency,
+                            transactionId: event.data.payment?.transactionId || session.id,
+                            paidAt: Date.now(),
+                            tip: tipAmount,
+                        });
+                    }
+                    else if (event.data?.type === 'rotate_payment_cancel') {
+                        setLoading(false);
+                        window.removeEventListener('message', messageHandler);
+                    }
+                    else if (event.data?.type === 'rotate_payment_error') {
+                        setLoading(false);
+                        setError(event.data.message || 'Payment failed');
+                        window.removeEventListener('message', messageHandler);
+                        onError?.(new Error(event.data.message || 'Payment failed'));
+                    }
+                };
+                window.addEventListener('message', messageHandler);
+                // Detect popup closed without completing
+                const checkClosed = setInterval(() => {
+                    if (popup.closed) {
+                        clearInterval(checkClosed);
+                        setLoading(false);
+                        window.removeEventListener('message', messageHandler);
+                    }
+                }, 500);
+            }
+            else {
+                // Popup blocked — fall back to redirect
+                window.location.href = checkoutUrl;
+            }
+        }
+        catch (err) {
+            setLoading(false);
+            setError(err.message);
+            onError?.(err);
+        }
+    }, [
+        subtotalWithTip, currency, productName, orderRef, allowTips,
+        tipAmount, selectedCurrency, total, sdk,
+        createCheckoutSession, onSuccess, onError,
+    ]);
+    // Render
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("style", { children: `
+        @keyframes rotate-spin {
+          from { transform: rotate(0deg); }
+          to { transform: rotate(360deg); }
+        }
+      ` }), (0, jsx_runtime_1.jsxs)("div", { className: className, style: embedded ? style : { ...containerStyles, ...style }, children: [!compact && productName && ((0, jsx_runtime_1.jsx)("div", { style: headerStyles, children: (0, jsx_runtime_1.jsxs)("div", { style: productStyles, children: [productImage && ((0, jsx_runtime_1.jsx)("img", { src: productImage, alt: productName, style: productImageStyles })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { style: { fontSize: '16px', fontWeight: 600, color: '#1e293b' }, children: productName }), productDescription && ((0, jsx_runtime_1.jsx)("div", { style: { fontSize: '14px', color: '#64748b', marginTop: '4px' }, children: productDescription })), (0, jsx_runtime_1.jsx)("div", { style: { fontSize: '18px', fontWeight: 700, color: brandColor, marginTop: '8px' }, children: formatAmount(amount, currency) })] })] }) })), (0, jsx_runtime_1.jsxs)("div", { style: bodyStyles, children: [error && ((0, jsx_runtime_1.jsx)("div", { style: errorStyles, children: error })), showCurrencySelector && ((0, jsx_runtime_1.jsxs)("div", { style: sectionStyles, children: [(0, jsx_runtime_1.jsx)("label", { style: labelStyles, children: "Pay with" }), (0, jsx_runtime_1.jsx)("div", { style: currencySelectorStyles, children: ['SOL', 'USDC', 'USDT'].map((curr) => ((0, jsx_runtime_1.jsxs)("button", { type: "button", style: currencyOptionStyles(selectedCurrency === curr, brandColor), onClick: () => setSelectedCurrency(curr), children: [CurrencyIcon[curr](), (0, jsx_runtime_1.jsx)("span", { children: curr })] }, curr))) })] })), allowTips && ((0, jsx_runtime_1.jsxs)("div", { style: sectionStyles, children: [(0, jsx_runtime_1.jsx)("label", { style: labelStyles, children: "Add a tip" }), (0, jsx_runtime_1.jsx)("div", { style: tipSelectorStyles, children: tipOptions.map((tip) => ((0, jsx_runtime_1.jsx)("button", { type: "button", style: tipOptionStyles(selectedTip === tip, brandColor), onClick: () => setSelectedTip(tip), children: tip === 0 ? 'None' : `${tip}%` }, tip))) })] })), (0, jsx_runtime_1.jsxs)("div", { style: summaryStyles, children: [(0, jsx_runtime_1.jsxs)("div", { style: summaryRowStyles, children: [(0, jsx_runtime_1.jsx)("span", { children: "Subtotal" }), (0, jsx_runtime_1.jsx)("span", { children: formatAmount(amount, currency) })] }), tipAmount > 0 && ((0, jsx_runtime_1.jsxs)("div", { style: summaryRowStyles, children: [(0, jsx_runtime_1.jsxs)("span", { children: ["Tip (", selectedTip, "%)"] }), (0, jsx_runtime_1.jsx)("span", { children: formatAmount(tipAmount, currency) })] })), (0, jsx_runtime_1.jsxs)("div", { style: summaryRowStyles, children: [(0, jsx_runtime_1.jsx)("span", { children: "Processing fee" }), (0, jsx_runtime_1.jsx)("span", { children: formatAmount(fees, currency) })] }), (0, jsx_runtime_1.jsxs)("div", { style: summaryTotalStyles, children: [(0, jsx_runtime_1.jsx)("span", { children: "Total" }), (0, jsx_runtime_1.jsx)("span", { children: formatAmount(total, selectedCurrency) })] })] }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleSubmit, disabled: loading, style: buttonStyles(brandColor, loading), children: loading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SpinnerIcon, {}), (0, jsx_runtime_1.jsx)("span", { children: "Connecting Wallet..." })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(WalletIcon, {}), (0, jsx_runtime_1.jsx)("span", { children: submitText || `Pay ${formatAmount(total, selectedCurrency)}` })] })) }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    justifyContent: 'center',
+                                    gap: '6px',
+                                    marginTop: '16px',
+                                    fontSize: '12px',
+                                    color: '#94a3b8',
+                                }, children: [(0, jsx_runtime_1.jsx)(LockIcon, {}), (0, jsx_runtime_1.jsx)("span", { children: "Secure payment \u2022 Funds go directly to merchant" })] })] }), showBranding && !embedded && ((0, jsx_runtime_1.jsxs)("div", { style: footerStyles, children: ["Powered by ", (0, jsx_runtime_1.jsx)("strong", { style: { color: brandColor }, children: "Rotate" }), " \u2022 Non-custodial payments"] }))] })] }));
+}
+exports.default = CheckoutForm;
+//# sourceMappingURL=CheckoutForm.js.map