@varity-labs/ui-kit 2.0.0-alpha.1 → 2.0.0-beta.10

package/dist/components/Navigation/CommandPalette.js

@@ -0,0 +1,172 @@
+'use client';
+import React, { useState, useEffect, useRef, useCallback } from 'react';
+import { Search, FolderKanban, ListTodo, Users, LayoutDashboard, Settings, ArrowRight, } from 'lucide-react';
+// Icon map for runtime rendering
+const ICON_MAP = {
+    LayoutDashboard,
+    FolderKanban,
+    ListTodo,
+    Users,
+    Settings,
+};
+// Helper to render icon from string identifier
+function getIcon(iconName, className = 'h-4 w-4') {
+    const Icon = ICON_MAP[iconName];
+    return React.createElement(Icon, { className: className });
+}
+const NAV_ITEMS = [
+    { id: 'nav-dashboard', label: 'Dashboard', category: 'navigation', icon: 'LayoutDashboard', path: '/dashboard' },
+    { id: 'nav-projects', label: 'Projects', category: 'navigation', icon: 'FolderKanban', path: '/dashboard/projects' },
+    { id: 'nav-tasks', label: 'Tasks', category: 'navigation', icon: 'ListTodo', path: '/dashboard/tasks' },
+    { id: 'nav-team', label: 'Team', category: 'navigation', icon: 'Users', path: '/dashboard/team' },
+    { id: 'nav-settings', label: 'Settings', category: 'navigation', icon: 'Settings', path: '/dashboard/settings' },
+];
+const CATEGORY_LABELS = {
+    navigation: 'Navigation',
+    project: 'Projects',
+    task: 'Tasks',
+    team: 'Team',
+};
+export function CommandPalette({ open, onClose, onNavigate, projects = [], tasks = [], team = [] }) {
+    const inputRef = useRef(null);
+    const [query, setQuery] = useState('');
+    const [activeIndex, setActiveIndex] = useState(0);
+    const getResults = useCallback(() => {
+        const q = query.toLowerCase().trim();
+        if (!q)
+            return NAV_ITEMS;
+        const results = [];
+        // Navigation matches
+        NAV_ITEMS.forEach((item) => {
+            if (item.label.toLowerCase().includes(q)) {
+                results.push(item);
+            }
+        });
+        // Project matches (top 3)
+        projects
+            .filter((p) => p.name.toLowerCase().includes(q) || p.description?.toLowerCase().includes(q))
+            .slice(0, 3)
+            .forEach((p) => {
+            results.push({
+                id: `project-${p.id}`,
+                label: p.name,
+                description: p.status,
+                category: 'project',
+                icon: 'FolderKanban',
+                path: '/dashboard/projects',
+            });
+        });
+        // Task matches (top 3)
+        tasks
+            .filter((t) => t.title.toLowerCase().includes(q) || t.description?.toLowerCase().includes(q))
+            .slice(0, 3)
+            .forEach((t) => {
+            results.push({
+                id: `task-${t.id}`,
+                label: t.title,
+                description: t.status,
+                category: 'task',
+                icon: 'ListTodo',
+                path: '/dashboard/tasks',
+            });
+        });
+        // Team matches (top 3)
+        team
+            .filter((m) => m.name.toLowerCase().includes(q) || m.email.toLowerCase().includes(q))
+            .slice(0, 3)
+            .forEach((m) => {
+            results.push({
+                id: `team-${m.id}`,
+                label: m.name,
+                description: m.email,
+                category: 'team',
+                icon: 'Users',
+                path: '/dashboard/team',
+            });
+        });
+        return results;
+    }, [query, projects, tasks, team]);
+    const results = getResults();
+    // Group results by category
+    const grouped = results.reduce((acc, result) => {
+        if (!acc[result.category])
+            acc[result.category] = [];
+        acc[result.category].push(result);
+        return acc;
+    }, {});
+    // Reset on open
+    useEffect(() => {
+        if (open) {
+            setQuery('');
+            setActiveIndex(0);
+            setTimeout(() => inputRef.current?.focus(), 0);
+        }
+    }, [open]);
+    // Clamp active index when results change
+    useEffect(() => {
+        if (activeIndex >= results.length) {
+            setActiveIndex(Math.max(0, results.length - 1));
+        }
+    }, [results.length, activeIndex]);
+    function selectResult(result) {
+        onClose();
+        onNavigate(result.path);
+    }
+    function handleKeyDown(e) {
+        if (e.key === 'ArrowDown') {
+            e.preventDefault();
+            setActiveIndex((i) => Math.min(i + 1, results.length - 1));
+        }
+        else if (e.key === 'ArrowUp') {
+            e.preventDefault();
+            setActiveIndex((i) => Math.max(i - 1, 0));
+        }
+        else if (e.key === 'Enter' && results[activeIndex]) {
+            e.preventDefault();
+            selectResult(results[activeIndex]);
+        }
+        else if (e.key === 'Escape') {
+            onClose();
+        }
+    }
+    if (!open)
+        return null;
+    let flatIndex = 0;
+    return (React.createElement("div", { className: "fixed inset-0 z-[70] flex items-start justify-center pt-[15vh]" },
+        React.createElement("div", { className: "absolute inset-0 bg-black/50 backdrop-blur-sm", onClick: onClose }),
+        React.createElement("div", { className: "relative w-full max-w-lg rounded-xl border border-gray-200 bg-white shadow-2xl" },
+            React.createElement("div", { className: "flex items-center gap-3 border-b border-gray-100 px-4 py-3" },
+                React.createElement(Search, { className: "h-5 w-5 shrink-0 text-gray-400" }),
+                React.createElement("input", { ref: inputRef, type: "text", value: query, onChange: (e) => {
+                        setQuery(e.target.value);
+                        setActiveIndex(0);
+                    }, onKeyDown: handleKeyDown, placeholder: "Search projects, tasks, team members...", className: "flex-1 bg-transparent text-sm text-gray-900 outline-none placeholder:text-gray-400" }),
+                React.createElement("kbd", { className: "hidden rounded border border-gray-200 bg-gray-50 px-1.5 py-0.5 text-xs text-gray-400 sm:inline-block" }, "ESC")),
+            React.createElement("div", { className: "max-h-72 overflow-y-auto p-2" }, results.length === 0 ? (React.createElement("div", { className: "px-3 py-8 text-center text-sm text-gray-500" },
+                "No results found for \u201C",
+                query,
+                "\u201D")) : (Object.entries(grouped).map(([category, items]) => (React.createElement("div", { key: category },
+                React.createElement("div", { className: "px-3 pb-1 pt-2 text-xs font-semibold uppercase tracking-wider text-gray-400" }, CATEGORY_LABELS[category] || category),
+                items.map((result) => {
+                    const idx = flatIndex++;
+                    const isActive = idx === activeIndex;
+                    return (React.createElement("button", { key: result.id, onClick: () => selectResult(result), onMouseEnter: () => setActiveIndex(idx), className: `flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm transition-colors ${isActive
+                            ? 'bg-primary-50 text-primary-700'
+                            : 'text-gray-700 hover:bg-gray-50'}` },
+                        React.createElement("span", { className: isActive ? 'text-primary-500' : 'text-gray-400' }, getIcon(result.icon)),
+                        React.createElement("span", { className: "flex-1 truncate text-left font-medium" }, result.label),
+                        result.description && (React.createElement("span", { className: "truncate text-xs text-gray-400" }, result.description)),
+                        isActive && React.createElement(ArrowRight, { className: "h-3 w-3 shrink-0 text-primary-400" })));
+                })))))),
+            React.createElement("div", { className: "flex items-center gap-4 border-t border-gray-100 px-4 py-2 text-xs text-gray-400" },
+                React.createElement("span", { className: "flex items-center gap-1" },
+                    React.createElement("kbd", { className: "rounded border border-gray-200 bg-gray-50 px-1 py-0.5" }, "\u2191\u2193"),
+                    "navigate"),
+                React.createElement("span", { className: "flex items-center gap-1" },
+                    React.createElement("kbd", { className: "rounded border border-gray-200 bg-gray-50 px-1 py-0.5" }, "\u21B5"),
+                    "select"),
+                React.createElement("span", { className: "flex items-center gap-1" },
+                    React.createElement("kbd", { className: "rounded border border-gray-200 bg-gray-50 px-1 py-0.5" }, "esc"),
+                    "close")))));
+}
+//# sourceMappingURL=CommandPalette.js.map

package/dist/components/Navigation/CommandPalette.js.map

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

package/dist/components/Navigation/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Navigation Components
+ *
+ * Navigation components for Varity dashboards
+ */
+export { CommandPalette } from './CommandPalette';
+export { Breadcrumb } from './Breadcrumb';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/Navigation/index.js

@@ -0,0 +1,8 @@
+/**
+ * Navigation Components
+ *
+ * Navigation components for Varity dashboards
+ */
+export { CommandPalette } from './CommandPalette';
+export { Breadcrumb } from './Breadcrumb';
+//# sourceMappingURL=index.js.map

package/dist/components/Navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Navigation/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/Onramp/BuyUSDCButton.d.ts

@@ -1,15 +1,16 @@
 /**
- * BuyUSDCButton - Simple button to buy USDC with fiat
+ * BuyUSDCButton - Add funds via credit card
  *
- * Opens Thirdweb Pay widget for credit card purchases
- * Supports credit card, debit card, Apple Pay, Google Pay
+ * Opens a seamless credit card payment modal.
+ * Supports credit card, debit card, Apple Pay, Google Pay.
+ * No crypto terminology visible to end users.
  *
  * @example
  * ```tsx
  * <BuyUSDCButton
  *   walletAddress="0x..."
  *   amount={100}
- *   onSuccess={(tx) => console.log('Purchase complete:', tx)}
+ *   onSuccess={() => console.log('Funding initiated')}
  * />
  * ```
  */
@@ -17,11 +18,12 @@ import React from 'react';
 export interface BuyUSDCButtonProps {
     walletAddress: string;
     amount?: number;
-    onSuccess?: (transaction: any) => void;
+    onSuccess?: () => void;
     onError?: (error: Error) => void;
     buttonText?: string;
     className?: string;
-    clientId: string;
+    /** @deprecated clientId is no longer needed — Privy uses the app-level config */
+    clientId?: string;
 }
-export declare function BuyUSDCButton({ walletAddress, amount, onSuccess: _onSuccess, onError: _onError, buttonText, className, clientId }: BuyUSDCButtonProps): React.JSX.Element;
+export declare function BuyUSDCButton({ walletAddress, amount, onSuccess, onError, buttonText, className, }: BuyUSDCButtonProps): React.JSX.Element;
 //# sourceMappingURL=BuyUSDCButton.d.ts.map

package/dist/components/Onramp/BuyUSDCButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BuyUSDCButton.d.ts","sourceRoot":"","sources":["../../../src/components/Onramp/BuyUSDCButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,MAAY,EACZ,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,QAAQ,EACjB,UAAuB,EACvB,SAAS,EACT,QAAQ,EACT,EAAE,kBAAkB,qBAgFpB"}
+{"version":3,"file":"BuyUSDCButton.d.ts","sourceRoot":"","sources":["../../../src/components/Onramp/BuyUSDCButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,MAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAwB,EACxB,SAAS,GACV,EAAE,kBAAkB,qBAqDpB"}

package/dist/components/Onramp/BuyUSDCButton.js

@@ -1,25 +1,25 @@
 /**
- * BuyUSDCButton - Simple button to buy USDC with fiat
+ * BuyUSDCButton - Add funds via credit card
  *
- * Opens Thirdweb Pay widget for credit card purchases
- * Supports credit card, debit card, Apple Pay, Google Pay
+ * Opens a seamless credit card payment modal.
+ * Supports credit card, debit card, Apple Pay, Google Pay.
+ * No crypto terminology visible to end users.
  *
  * @example
  * ```tsx
  * <BuyUSDCButton
  *   walletAddress="0x..."
  *   amount={100}
- *   onSuccess={(tx) => console.log('Purchase complete:', tx)}
+ *   onSuccess={() => console.log('Funding initiated')}
  * />
  * ```
  */
-import React, { useState } from 'react';
-import { PayEmbed } from 'thirdweb/react';
-import { createThirdwebClient } from 'thirdweb';
-import { varityL3Testnet, VARITY_USDC_ADDRESS } from '../../config/chains';
-export function BuyUSDCButton({ walletAddress, amount = 100, onSuccess: _onSuccess, onError: _onError, buttonText = 'Buy USDC', className, clientId }) {
-    const [showWidget, setShowWidget] = useState(false);
-    const client = React.useMemo(() => createThirdwebClient({ clientId }), [clientId]);
+import React, { useState, useCallback } from 'react';
+import { useFundWallet } from '@privy-io/react-auth';
+import { arbitrum } from 'viem/chains';
+export function BuyUSDCButton({ walletAddress, amount = 100, onSuccess, onError, buttonText = 'Add Funds', className, }) {
+    const [isLoading, setIsLoading] = useState(false);
+    const { fundWallet } = useFundWallet();
     const defaultClassName = `
     px-6 py-3
     bg-gradient-to-r from-blue-600 to-indigo-600
@@ -30,41 +30,31 @@ export function BuyUSDCButton({ walletAddress, amount = 100, onSuccess: _onSucce
     flex items-center justify-center gap-2
     shadow-lg hover:shadow-xl
   `;
-    const handleClick = () => {
-        setShowWidget(true);
-    };
-    if (showWidget) {
-        return (React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4" },
-            React.createElement("div", { className: "bg-white rounded-2xl p-6 max-w-md w-full relative" },
-                React.createElement("button", { onClick: () => setShowWidget(false), className: "absolute top-4 right-4 text-gray-400 hover:text-gray-600" },
-                    React.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
-                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))),
-                React.createElement("h3", { className: "text-xl font-bold mb-4" }, "Buy USDC"),
-                React.createElement(PayEmbed, { client: client, theme: "light", payOptions: {
-                        mode: 'fund_wallet',
-                        prefillBuy: {
-                            chain: varityL3Testnet,
-                            amount: amount.toString(),
-                            token: {
-                                // Use actual USDC contract address on Varity L3
-                                address: VARITY_USDC_ADDRESS,
-                                name: 'USDC',
-                                symbol: 'USDC',
-                            },
-                            allowEdits: {
-                                amount: true,
-                                token: false,
-                                chain: false,
-                            },
-                        },
-                        metadata: {
-                            name: 'Buy USDC on Varity L3',
-                        },
-                    } }))));
-    }
-    return (React.createElement("button", { onClick: handleClick, disabled: !walletAddress, className: className || defaultClassName },
-        React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
-            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" })),
-        buttonText));
+    const handleClick = useCallback(async () => {
+        if (!walletAddress)
+            return;
+        setIsLoading(true);
+        try {
+            await fundWallet(walletAddress, {
+                chain: arbitrum,
+                asset: 'USDC',
+                amount: amount.toString(),
+            });
+            onSuccess?.();
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error('Funding failed');
+            onError?.(error);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [walletAddress, amount, fundWallet, onSuccess, onError]);
+    return (React.createElement("button", { onClick: handleClick, disabled: !walletAddress || isLoading, className: className || defaultClassName },
+        isLoading ? (React.createElement("svg", { className: "w-5 h-5 animate-spin", fill: "none", viewBox: "0 0 24 24" },
+            React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+            React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" }))) : (React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" }))),
+        isLoading ? 'Opening...' : buttonText));
 }
 //# sourceMappingURL=BuyUSDCButton.js.map

package/dist/components/Onramp/BuyUSDCButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuyUSDCButton.js","sourceRoot":"","sources":["../../../src/components/Onramp/BuyUSDCButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAY3E,MAAM,UAAU,aAAa,CAAC,EAC5B,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,QAAQ,EACjB,UAAU,GAAG,UAAU,EACvB,SAAS,EACT,QAAQ,EACW;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,QAAQ,EAAE,CAAC,EACxC,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAG;;;;;;;;;GASxB,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,6BAAK,SAAS,EAAC,qEAAqE;YAClF,6BAAK,SAAS,EAAC,mDAAmD;gBAChE,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACnC,SAAS,EAAC,0DAA0D;oBAEpE,6BAAK,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW;wBAC5E,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,sBAAsB,GAAG,CAC1F,CACC;gBAET,4BAAI,SAAS,EAAC,wBAAwB,eAAc;gBAEpD,oBAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,KAAK,EAAC,OAAO,EACb,UAAU,EAAE;wBACV,IAAI,EAAE,aAAa;wBACnB,UAAU,EAAE;4BACV,KAAK,EAAE,eAAe;4BACtB,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE;4BACzB,KAAK,EAAE;gCACL,gDAAgD;gCAChD,OAAO,EAAE,mBAAmB;gCAC5B,IAAI,EAAE,MAAM;gCACZ,MAAM,EAAE,MAAM;6BACf;4BACD,UAAU,EAAE;gCACV,MAAM,EAAE,IAAI;gCACZ,KAAK,EAAE,KAAK;gCACZ,KAAK,EAAE,KAAK;6BACb;yBACF;wBACD,QAAQ,EAAE;4BACR,IAAI,EAAE,uBAAuB;yBAC9B;qBACF,GACD,CACE,CACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,gCACE,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,aAAa,EACxB,SAAS,EAAE,SAAS,IAAI,gBAAgB;QAExC,6BAAK,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW;YAC5E,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,wFAAwF,GAAG,CAC5J;QACL,UAAU,CACJ,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"BuyUSDCButton.js","sourceRoot":"","sources":["../../../src/components/Onramp/BuyUSDCButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAavC,MAAM,UAAU,aAAa,CAAC,EAC5B,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,EACP,UAAU,GAAG,WAAW,EACxB,SAAS,GACU;IACnB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IAEvC,MAAM,gBAAgB,GAAG;;;;;;;;;GASxB,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACzC,IAAI,CAAC,aAAa;YAAE,OAAO;QAE3B,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC;YACH,MAAM,UAAU,CAAC,aAAa,EAAE;gBAC9B,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE;aAC1B,CAAC,CAAC;YACH,SAAS,EAAE,EAAE,CAAC;QAChB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,KAAK,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC;YACvE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5D,OAAO,CACL,gCACE,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,aAAa,IAAI,SAAS,EACrC,SAAS,EAAE,SAAS,IAAI,gBAAgB;QAEvC,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW;YACnE,gCAAQ,SAAS,EAAC,YAAY,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,GAAG;YAC9F,8BAAM,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,6CAA6C,GAAG,CAC/F,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW;YAC5E,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,wFAAwF,GAAG,CAC5J,CACP;QACA,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC/B,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Onramp/OnrampWidget.d.ts

@@ -1,14 +1,14 @@
 /**
- * OnrampWidget - Full embedded Thirdweb Pay widget
+ * OnrampWidget - Add funds to your account
  *
- * Complete payment widget with KYC, payment processing, and status tracking
- * Automatically handles payment providers, KYC verification, and transaction receipts
+ * Seamless credit card payment widget for adding funds.
+ * Users see a familiar checkout experience — no crypto terminology.
+ * Supports credit card, debit card, Apple Pay, Google Pay.
  *
  * @example
  * ```tsx
  * <OnrampWidget
  *   walletAddress="0x..."
- *   clientId="your-client-id"
  *   defaultAmount={100}
  *   onComplete={(status) => console.log('Purchase:', status)}
  * />
@@ -25,7 +25,8 @@ export interface Purchase {
 }
 export interface OnrampWidgetProps {
     walletAddress: string;
-    clientId: string;
+    /** @deprecated clientId is no longer needed — Privy uses the app-level config */
+    clientId?: string;
     defaultAmount?: number;
     minAmount?: number;
     maxAmount?: number;
@@ -34,5 +35,5 @@ export interface OnrampWidgetProps {
     showHistory?: boolean;
     theme?: 'light' | 'dark';
 }
-export declare function OnrampWidget({ walletAddress: _walletAddress, clientId, defaultAmount, minAmount, maxAmount, onComplete, onError, showHistory, theme }: OnrampWidgetProps): React.JSX.Element;
+export declare function OnrampWidget({ walletAddress, defaultAmount, onComplete, onError, showHistory, theme }: OnrampWidgetProps): React.JSX.Element;
 //# sourceMappingURL=OnrampWidget.d.ts.map

package/dist/components/Onramp/OnrampWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OnrampWidget.d.ts","sourceRoot":"","sources":["../../../src/components/Onramp/OnrampWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC1D,SAAS,EAAE,IAAI,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,aAAa,EAAE,cAAc,EAC7B,QAAQ,EACR,aAAmB,EACnB,SAAc,EACd,SAAiB,EACjB,UAAU,EACV,OAAO,EACP,WAAkB,EAClB,KAAe,EAChB,EAAE,iBAAiB,qBA4JnB"}
+{"version":3,"file":"OnrampWidget.d.ts","sourceRoot":"","sources":["../../../src/components/Onramp/OnrampWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC1D,SAAS,EAAE,IAAI,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,aAAa,EACb,aAAmB,EACnB,UAAU,EACV,OAAO,EACP,WAAkB,EAClB,KAAe,EAChB,EAAE,iBAAiB,qBA4LnB"}

package/dist/components/Onramp/OnrampWidget.js

@@ -1,27 +1,26 @@
 /**
- * OnrampWidget - Full embedded Thirdweb Pay widget
+ * OnrampWidget - Add funds to your account
  *
- * Complete payment widget with KYC, payment processing, and status tracking
- * Automatically handles payment providers, KYC verification, and transaction receipts
+ * Seamless credit card payment widget for adding funds.
+ * Users see a familiar checkout experience — no crypto terminology.
+ * Supports credit card, debit card, Apple Pay, Google Pay.
  *
  * @example
  * ```tsx
  * <OnrampWidget
  *   walletAddress="0x..."
- *   clientId="your-client-id"
  *   defaultAmount={100}
  *   onComplete={(status) => console.log('Purchase:', status)}
  * />
  * ```
  */
-import React, { useState } from 'react';
-import { PayEmbed } from 'thirdweb/react';
-import { createThirdwebClient } from 'thirdweb';
-import { varityL3Testnet, VARITY_USDC_ADDRESS } from '../../config/chains';
-export function OnrampWidget({ walletAddress: _walletAddress, clientId, defaultAmount = 100, minAmount = 10, maxAmount = 10000, onComplete, onError, showHistory = true, theme = 'light' }) {
+import React, { useState, useCallback } from 'react';
+import { useFundWallet } from '@privy-io/react-auth';
+import { arbitrum } from 'viem/chains';
+export function OnrampWidget({ walletAddress, defaultAmount = 100, onComplete, onError, showHistory = true, theme = 'light' }) {
     const [purchases, setPurchases] = useState([]);
-    const [currentPurchase, setCurrentPurchase] = useState(null);
-    const client = React.useMemo(() => createThirdwebClient({ clientId }), [clientId]);
+    const [isLoading, setIsLoading] = useState(false);
+    const { fundWallet } = useFundWallet();
     const formatDate = (date) => {
         return new Intl.DateTimeFormat('en-US', {
             month: 'short',
@@ -44,12 +43,44 @@ export function OnrampWidget({ walletAddress: _walletAddress, clientId, defaultA
                 return 'text-gray-600 bg-gray-100';
         }
     };
+    const handleBuy = useCallback(async () => {
+        if (!walletAddress)
+            return;
+        const purchase = {
+            id: crypto.randomUUID(),
+            amount: defaultAmount,
+            currency: 'USDC',
+            status: 'pending',
+            timestamp: new Date(),
+        };
+        setIsLoading(true);
+        setPurchases(prev => [purchase, ...prev]);
+        try {
+            await fundWallet(walletAddress, {
+                chain: arbitrum,
+                asset: 'USDC',
+                amount: defaultAmount.toString(),
+            });
+            const completedPurchase = { ...purchase, status: 'completed' };
+            setPurchases(prev => prev.map(p => p.id === purchase.id ? completedPurchase : p));
+            onComplete?.(completedPurchase);
+        }
+        catch (err) {
+            const failedPurchase = { ...purchase, status: 'failed' };
+            setPurchases(prev => prev.map(p => p.id === purchase.id ? failedPurchase : p));
+            const error = err instanceof Error ? err : new Error('Funding failed');
+            onError?.(error);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [walletAddress, defaultAmount, fundWallet, onComplete, onError]);
     return (React.createElement("div", { className: "space-y-6" },
         React.createElement("div", { className: `rounded-2xl overflow-hidden ${theme === 'dark' ? 'bg-gray-900' : 'bg-white'}` },
             React.createElement("div", { className: "p-6 space-y-4" },
                 React.createElement("div", { className: "flex items-center justify-between" },
-                    React.createElement("h3", { className: `text-xl font-bold ${theme === 'dark' ? 'text-white' : 'text-gray-900'}` }, "Buy USDC"),
-                    React.createElement("div", { className: `px-3 py-1 rounded-full text-xs font-medium ${theme === 'dark' ? 'bg-gray-800 text-gray-300' : 'bg-gray-100 text-gray-600'}` }, "Varity L3")),
+                    React.createElement("h3", { className: `text-xl font-bold ${theme === 'dark' ? 'text-white' : 'text-gray-900'}` }, "Add Funds"),
+                    React.createElement("div", { className: `px-3 py-1 rounded-full text-xs font-medium ${theme === 'dark' ? 'bg-gray-800 text-gray-300' : 'bg-gray-100 text-gray-600'}` }, "Secure Checkout")),
                 React.createElement("div", { className: `p-4 rounded-xl ${theme === 'dark' ? 'bg-gray-800' : 'bg-gradient-to-br from-blue-50 to-indigo-50'}` },
                     React.createElement("div", { className: "flex items-center gap-3" },
                         React.createElement("svg", { className: "w-8 h-8 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
@@ -57,27 +88,18 @@ export function OnrampWidget({ walletAddress: _walletAddress, clientId, defaultA
                         React.createElement("div", null,
                             React.createElement("p", { className: `font-semibold ${theme === 'dark' ? 'text-white' : 'text-gray-900'}` }, "Supported Payment Methods"),
                             React.createElement("p", { className: `text-sm ${theme === 'dark' ? 'text-gray-400' : 'text-gray-600'}` }, "Credit/Debit Card \u2022 Apple Pay \u2022 Google Pay")))),
-                React.createElement(PayEmbed, { client: client, theme: theme, payOptions: {
-                        mode: 'fund_wallet',
-                        prefillBuy: {
-                            chain: varityL3Testnet,
-                            amount: defaultAmount.toString(),
-                            token: {
-                                // Use actual USDC contract address on Varity L3
-                                address: VARITY_USDC_ADDRESS,
-                                name: 'USDC',
-                                symbol: 'USDC',
-                            },
-                            allowEdits: {
-                                amount: true,
-                                token: false,
-                                chain: false,
-                            },
-                        },
-                        metadata: {
-                            name: 'Buy USDC on Varity L3',
-                        },
-                    } }))),
+                React.createElement("button", { onClick: handleBuy, disabled: !walletAddress || isLoading, className: `w-full px-6 py-3 rounded-lg font-semibold transition-all duration-200 flex items-center justify-center gap-2 ${theme === 'dark'
+                        ? 'bg-blue-600 hover:bg-blue-700 text-white disabled:bg-gray-700 disabled:text-gray-500'
+                        : 'bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 text-white disabled:opacity-50'} disabled:cursor-not-allowed` }, isLoading ? (React.createElement(React.Fragment, null,
+                    React.createElement("svg", { className: "w-5 h-5 animate-spin", fill: "none", viewBox: "0 0 24 24" },
+                        React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+                        React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })),
+                    "Opening...")) : (React.createElement(React.Fragment, null,
+                    React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" })),
+                    "Add $",
+                    defaultAmount,
+                    " USD"))))),
         showHistory && purchases.length > 0 && (React.createElement("div", { className: `rounded-2xl p-6 ${theme === 'dark' ? 'bg-gray-900' : 'bg-white'}` },
             React.createElement("h4", { className: `font-semibold mb-4 ${theme === 'dark' ? 'text-white' : 'text-gray-900'}` }, "Recent Purchases"),
             React.createElement("div", { className: "space-y-3" }, purchases.map((purchase) => (React.createElement("div", { key: purchase.id, className: `p-4 rounded-xl border ${theme === 'dark' ? 'border-gray-800 bg-gray-800/50' : 'border-gray-200 bg-gray-50'}` },
@@ -87,11 +109,10 @@ export function OnrampWidget({ walletAddress: _walletAddress, clientId, defaultA
                             React.createElement("p", { className: `font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-900'}` },
                                 "$",
                                 purchase.amount,
-                                " ",
-                                purchase.currency),
+                                " USD"),
                             React.createElement("span", { className: `px-2 py-0.5 rounded-full text-xs font-medium ${getStatusColor(purchase.status)}` }, purchase.status)),
                         React.createElement("p", { className: `text-sm ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}` }, formatDate(purchase.timestamp))),
-                    purchase.txHash && (React.createElement("a", { href: `https://explorer.varity.io/tx/${purchase.txHash}`, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-700" },
+                    purchase.txHash && (React.createElement("a", { href: `https://arbiscan.io/tx/${purchase.txHash}`, title: "View receipt", target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-700" },
                         React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
                             React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }))))))))))),
         React.createElement("div", { className: `p-4 rounded-xl ${theme === 'dark' ? 'bg-gray-800' : 'bg-blue-50'}` },

package/dist/components/Onramp/OnrampWidget.js.map

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

package/dist/components/Onramp/index.d.ts

@@ -1,11 +1,9 @@
 /**
- * Onramp Components Export
+ * Payment Components Export
  *
- * Thirdweb Pay for buying crypto with fiat currency
- * - Credit/Debit card payments
+ * Seamless credit card payments for adding funds.
+ * - Credit/Debit card
  * - Apple Pay & Google Pay
- * - KYC verification handling
- * - Transaction status tracking
  */
 export { BuyUSDCButton } from './BuyUSDCButton';
 export { OnrampWidget } from './OnrampWidget';