@n1xyz/wallet-widget 0.0.8 → 0.0.10

package/dist/components/WalletDeposit/index.js

@@ -1,136 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ArrowLeft, X } from 'lucide-react';
-import { useState } from 'react';
-import Logo from '../Logo';
-import { INITIAL_APPS } from './constants';
-import { useButtonTyping, useTableValues, useWaitingMessage } from './hooks';
-import { AmountInputScreen } from './screens/AmountInputScreen';
-import { AppsTableScreen } from './screens/AppsTableScreen';
-import { ChainSelectionScreen } from './screens/ChainSelectionScreen';
-import { InitialScreen } from './screens/InitialScreen';
-import { SigningScreen } from './screens/SigningScreen';
-import { SuccessScreen } from './screens/SuccessScreen';
-export default function WalletDeposit() {
-    // View states
-    var _a = useState(null), selectedChain = _a[0], setSelectedChain = _a[1];
-    var _b = useState(''), amount = _b[0], setAmount = _b[1];
-    var _c = useState(false), isSigningView = _c[0], setIsSigningView = _c[1];
-    var _d = useState(false), isSuccessView = _d[0], setIsSuccessView = _d[1];
-    var _e = useState(false), isClosing = _e[0], setIsClosing = _e[1];
-    var _f = useState(false), showChainSelect = _f[0], setShowChainSelect = _f[1];
-    var _g = useState(true), showInitialScreen = _g[0], setShowInitialScreen = _g[1];
-    var _h = useState(false), isWaitingForTx = _h[0], setIsWaitingForTx = _h[1];
-    var _j = useState(false), showAppsTable = _j[0], setShowAppsTable = _j[1];
-    var _k = useState(INITIAL_APPS), apps = _k[0], setApps = _k[1];
-    var _l = useState(false), showModal = _l[0], setShowModal = _l[1];
-    var _m = useState(0), blurIntensity = _m[0], setBlurIntensity = _m[1];
-    // Animation states
-    var _o = useState({
-        deposit: { text: '', isTyping: false, showCursor: false },
-        continue: { text: '', isTyping: false, showCursor: false },
-        openApp: { text: '', isTyping: false, showCursor: false },
-    }), buttonStates = _o[0], setButtonStates = _o[1];
-    // Custom hooks
-    useButtonTyping(buttonStates, setButtonStates);
-    var _p = useWaitingMessage(isSigningView, isWaitingForTx, setIsWaitingForTx, setIsSuccessView, setIsSigningView), waitingMessage = _p.waitingMessage, setHasError = _p.setHasError;
-    var tableValues = useTableValues(isSuccessView, selectedChain);
-    // Event handlers
-    var handleClose = function () {
-        setIsClosing(true);
-        setTimeout(function () {
-            setShowAppsTable(true);
-            var completedApps = 0;
-            var totalApps = apps.length;
-            setTimeout(function () {
-                var blurInterval = setInterval(function () {
-                    setBlurIntensity(function (prev) {
-                        if (prev < 3)
-                            return prev + 0.15;
-                        clearInterval(blurInterval);
-                        return prev;
-                    });
-                }, 50);
-            }, 1400);
-            apps.forEach(function (_, index) {
-                setTimeout(function () {
-                    var progress = 0;
-                    var progressInterval = setInterval(function () {
-                        if (progress < 100) {
-                            progress += 1;
-                            setApps(function (prevApps) {
-                                return prevApps.map(function (app, i) {
-                                    return i === index ? __assign(__assign({}, app), { progress: progress }) : app;
-                                });
-                            });
-                        }
-                        else {
-                            clearInterval(progressInterval);
-                            completedApps++;
-                            if (completedApps === Math.floor(totalApps * 0.8)) {
-                                setShowModal(true);
-                            }
-                        }
-                    }, 5);
-                }, index * 150);
-            });
-        }, 700);
-    };
-    var handleButtonMouseEnter = function (buttonKey) {
-        setButtonStates(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[buttonKey] = { text: '', isTyping: true, showCursor: true }, _a)));
-        });
-    };
-    var handleButtonMouseLeave = function (buttonKey) {
-        setButtonStates(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[buttonKey] = { text: '', isTyping: false, showCursor: false }, _a)));
-        });
-    };
-    if (showAppsTable) {
-        return (_jsx("div", { className: "fixed inset-0 bg-white dark:bg-black flex items-center justify-center z-50 font-era overflow-auto", children: _jsx(AppsTableScreen, { apps: apps, blurIntensity: blurIntensity, showModal: showModal }) }));
-    }
-    return (_jsx("div", { className: "fixed inset-0 bg-gray-50 dark:bg-gray-950 flex items-center justify-center z-50 font-era overflow-auto", children: _jsxs("div", { className: "bg-gray-50 dark:bg-gray-950 relative border border-gray-200 dark:border-gray-800 rounded-md transition-[max-width,transform,opacity] duration-[3000ms] ease-[cubic-bezier(0.16,1,0.3,1)] w-full ".concat(!showChainSelect
-                ? 'max-w-sm'
-                : isSigningView || isSuccessView
-                    ? 'max-w-2xl'
-                    : 'max-w-lg', " ").concat(isClosing ? 'animate-fade-out' : 'animate-fade-in', " m-4 origin-center will-change-[max-width,transform,opacity]"), children: [_jsxs("div", { className: "flex justify-between items-center p-6 ".concat(showInitialScreen ? '' : 'border-b border-gray-200 dark:border-gray-800', " rounded-t-md"), children: [_jsx("div", { className: "flex items-center gap-4", children: !showChainSelect ? (_jsx("div", { className: "w-6 h-6 opacity-0" })) : (_jsxs(_Fragment, { children: [selectedChain && !isSigningView && !isSuccessView && (_jsx("button", { onClick: function () {
-                                            if (showChainSelect && !amount) {
-                                                setSelectedChain(null);
-                                            }
-                                            else {
-                                                setShowChainSelect(false);
-                                                setAmount('');
-                                            }
-                                        }, className: "text-gray-500 hover:text-main dark:text-gray-400 dark:hover:text-main transition-colors duration-200", children: _jsx(ArrowLeft, { size: 20 }) })), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-6 h-6 text-gray-50", children: _jsx(Logo, { size: 24 }) }), _jsxs("h2", { className: "text-xl text-gray-400 flex items-center gap-2 ml-2", children: ["Deposit", selectedChain && !isSigningView && !isSuccessView && (_jsx("span", { className: "text-gray-700 font-normal", children: "/ / Amount" })), isSigningView && !isSuccessView && (_jsx("span", { className: "text-gray-700 font-normal", children: "/ / Sign" })), isSuccessView && (_jsx("span", { className: "text-gray-700 font-normal", children: "/ / Success" }))] })] })] })) }), _jsx("button", { onClick: handleClose, className: "text-neutral-400 hover:text-main transition-colors duration-200 h-6 flex items-center", children: _jsx(X, { size: 20 }) })] }), _jsxs("div", { className: "p-6 overflow-hidden relative transition-[height] duration-[3000ms] delay-500 ease-in-out", children: [_jsx("div", { className: "transition-all duration-[3000ms] ease-[cubic-bezier(0.16,1,0.3,1)] ".concat(!showInitialScreen
-                                ? 'opacity-0 -translate-y-[120%] absolute inset-x-6 pointer-events-none'
-                                : 'opacity-100 translate-y-0 pointer-events-auto animate-content-appear'), children: _jsx(InitialScreen, { onStart: function () {
-                                    setShowInitialScreen(false);
-                                    setShowChainSelect(true);
-                                }, buttonStates: buttonStates, onButtonMouseEnter: handleButtonMouseEnter, onButtonMouseLeave: handleButtonMouseLeave }) }), _jsx("div", { className: "transition-all duration-[3000ms] ease-[cubic-bezier(0.16,1,0.3,1)] ".concat(!showChainSelect || selectedChain
-                                ? 'opacity-0 -translate-x-[120%] absolute inset-x-6 pointer-events-none'
-                                : 'opacity-100 translate-x-0 pointer-events-auto animate-content-appear'), children: _jsx(ChainSelectionScreen, { onChainSelect: function (chainId) {
-                                    setSelectedChain(chainId);
-                                    setShowChainSelect(true);
-                                } }) }), _jsx("div", { className: "transition-all duration-[3000ms] ease-[cubic-bezier(0.16,1,0.3,1)] ".concat(!showChainSelect ||
-                                !selectedChain ||
-                                isSigningView ||
-                                isSuccessView
-                                ? 'opacity-0 translate-x-[120%] absolute inset-x-6 pointer-events-none'
-                                : 'opacity-100 translate-x-0 pointer-events-auto animate-content-appear'), children: _jsx(AmountInputScreen, { amount: amount, onAmountChange: setAmount, onContinue: function () { return setIsSigningView(true); }, balance: 100, buttonStates: buttonStates, onButtonMouseEnter: handleButtonMouseEnter, onButtonMouseLeave: handleButtonMouseLeave }) }), _jsx("div", { className: "transition-all duration-[3000ms] ease-[cubic-bezier(0.16,1,0.3,1)] ".concat(!isSigningView || isSuccessView
-                                ? 'opacity-0 translate-x-[120%] absolute inset-x-6 pointer-events-none'
-                                : 'opacity-100 translate-x-0 pointer-events-auto'), children: _jsx(SigningScreen, { waitingMessage: waitingMessage }) }), _jsx("div", { className: "transition-all duration-[800ms] ease-[cubic-bezier(0.16,1,0.3,1)] ".concat(!isSuccessView
-                                ? 'opacity-0 translate-x-[120%] absolute inset-x-6 pointer-events-none'
-                                : 'opacity-100 translate-x-0 pointer-events-auto'), children: _jsx(SuccessScreen, { amount: amount, tableValues: tableValues, onOpenApp: handleClose, buttonStates: buttonStates, onButtonMouseEnter: handleButtonMouseEnter, onButtonMouseLeave: handleButtonMouseLeave }) })] })] }) }));
-}

package/dist/components/WalletDeposit/screens/AmountInputScreen.d.ts

@@ -1,12 +0,0 @@
-import type { ButtonStates } from '../AnimatedButton';
-interface AmountInputScreenProps {
-    amount: string;
-    onAmountChange: (amount: string) => void;
-    onContinue: () => void;
-    balance: number;
-    buttonStates: ButtonStates;
-    onButtonMouseEnter: (buttonKey: 'deposit' | 'continue' | 'openApp') => void;
-    onButtonMouseLeave: (buttonKey: 'deposit' | 'continue' | 'openApp') => void;
-}
-export declare function AmountInputScreen({ amount, onAmountChange, onContinue, balance, buttonStates, onButtonMouseEnter, onButtonMouseLeave, }: AmountInputScreenProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/WalletDeposit/screens/AmountInputScreen.js

@@ -1,18 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AnimatedButton } from '../AnimatedButton';
-import { MIN_DEPOSIT, MAX_DEPOSIT } from '../constants';
-export function AmountInputScreen(_a) {
-    var amount = _a.amount, onAmountChange = _a.onAmountChange, onContinue = _a.onContinue, balance = _a.balance, buttonStates = _a.buttonStates, onButtonMouseEnter = _a.onButtonMouseEnter, onButtonMouseLeave = _a.onButtonMouseLeave;
-    var handleAmountChange = function (e) {
-        var value = e.target.value;
-        if (/^\d*\.?\d*$/.test(value)) {
-            onAmountChange(value);
-        }
-    };
-    var isValidAmount = amount !== '' &&
-        Number(amount) >= MIN_DEPOSIT &&
-        Number(amount) <= MAX_DEPOSIT &&
-        Number(amount) <= balance;
-    return (_jsxs("div", { className: "space-y-8", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-sm text-gray-500 dark:text-neutral-400", children: "Amount" }), _jsxs("span", { className: "text-sm text-gray-500 dark:text-neutral-400", children: ["Balance: ", balance, " USDC"] })] }), _jsxs("div", { className: "relative", children: [_jsx("input", { type: "text", value: amount, onChange: handleAmountChange, placeholder: "0.00", className: "w-full bg-white dark:bg-neutral-950 border-2 border-gray-100 dark:border-neutral-800 rounded-md px-4 py-3 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-neutral-500 focus:outline-none focus:ring-0 focus:border-main dark:focus:border-main transition-colors duration-200" }), _jsxs("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 flex items-center gap-2", children: [_jsx("img", { src: "/images/tokens/usdc.svg", width: 20, height: 20, alt: "USDC" }), _jsx("span", { className: "text-gray-400 dark:text-neutral-500", children: "USDC" })] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("span", { className: "text-xs text-gray-400 dark:text-neutral-500", children: ["Min: ", MIN_DEPOSIT, " USDC"] }), _jsxs("span", { className: "text-xs text-gray-400 dark:text-neutral-500", children: ["Max: ", MAX_DEPOSIT, " USDC"] })] })] }), _jsx(AnimatedButton, { onClick: onContinue, text: "Continue", isTyping: buttonStates.continue.isTyping, disabled: !isValidAmount, onMouseEnter: function () { return onButtonMouseEnter('continue'); }, onMouseLeave: function () { return onButtonMouseLeave('continue'); } })] }));
-}

package/dist/components/WalletDeposit/screens/AppsTableScreen.d.ts

@@ -1,8 +0,0 @@
-import { App } from '../types';
-interface AppsTableScreenProps {
-    apps: App[];
-    blurIntensity: number;
-    showModal: boolean;
-}
-export declare function AppsTableScreen({ apps, blurIntensity, showModal, }: AppsTableScreenProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/WalletDeposit/screens/AppsTableScreen.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Logo from '../../Logo';
-export function AppsTableScreen(_a) {
-    var apps = _a.apps, blurIntensity = _a.blurIntensity, showModal = _a.showModal;
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "grid grid-cols-4 gap-4 w-full min-h-full p-8 pb-32 animate-fade-in", children: apps.map(function (app, index) { return (_jsxs("div", { className: "relative h-[200px] overflow-hidden bg-white dark:bg-neutral-950/50 border border-gray-100 dark:border-neutral-800/50 rounded-lg", style: {
-                        opacity: (app.progress / 100) * 0.6,
-                        transform: "scale(".concat(0.8 + app.progress / 500, ")"),
-                        borderColor: 'rgb(var(--main-color), 0.5)',
-                        borderStyle: 'solid',
-                        borderWidth: "".concat((app.progress / 100) * 1, "px"),
-                        transition: 'all 800ms cubic-bezier(0.16, 1, 0.3, 1)',
-                        filter: "blur(".concat(blurIntensity, "px)"),
-                    }, children: [_jsx("div", { className: "absolute inset-0 opacity-0 transition-all duration-800 ease-[cubic-bezier(0.16,1,0.3,1)]", style: {
-                                opacity: app.progress / 2000,
-                                background: 'rgb(var(--main-color))',
-                            } }), _jsxs("div", { className: "absolute inset-0 flex flex-col", style: {
-                                opacity: (app.progress / 100) * 0.7,
-                                transform: "scale(".concat(0.9 + app.progress / 1000, ")"),
-                                transition: 'all 800ms cubic-bezier(0.16, 1, 0.3, 1)',
-                            }, children: [_jsx("div", { className: "h-[1px] w-full bg-gradient-to-r from-transparent via-main/50 dark:via-main/70 to-transparent" }), _jsxs("div", { className: "flex-1 p-4 flex flex-col justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-1 h-1 bg-main/50 dark:bg-main/70" }), _jsx("div", { className: "h-[1px] w-12 bg-gradient-to-r from-main/50 dark:from-main/70 to-transparent" })] }), _jsx("div", { className: "flex items-center justify-center", children: _jsx("div", { className: "w-16 h-16 border-2 border-main/50 dark:border-main/70", style: {
-                                                    transform: "rotate(".concat(app.progress * 3.6, "deg)"),
-                                                    transition: 'transform 800ms cubic-bezier(0.16, 1, 0.3, 1)',
-                                                } }) }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx("div", { className: "h-[1px] w-12 bg-gradient-to-l from-main/50 dark:from-main/70 to-transparent" }), _jsx("div", { className: "w-1 h-1 bg-main/50 dark:bg-main/70" })] })] })] })] }, app.name)); }) }), showModal && (_jsx("div", { className: "fixed inset-0 pointer-events-none flex items-center justify-center z-100 brightness-125", children: _jsx("div", { className: "relative border-2 border-gray-100 dark:border-neutral-900 bg-white/90 dark:bg-neutral-950 backdrop-blur-sm rounded-lg transform transition-all duration-500 p-4 -mt-64", style: {
-                        opacity: 0,
-                        animation: 'fadeIn 3s cubic-bezier(0.16, 1, 0.3, 1) forwards',
-                        animationDelay: '1.4s',
-                    }, children: _jsxs("div", { className: "relative px-8 py-4", children: [_jsx("div", { className: "absolute -top-2 -left-2 w-2 h-2 bg-main/50 dark:bg-neutral-900" }), _jsx("div", { className: "absolute -top-2 -right-2 w-2 h-2 bg-main/50 dark:bg-neutral-900" }), _jsx("div", { className: "absolute -bottom-2 -left-2 w-2 h-2 bg-main/50 dark:bg-neutral-900" }), _jsx("div", { className: "absolute -bottom-2 -right-2 w-2 h-2 bg-main/50 dark:bg-neutral-900" }), _jsx("div", { className: "flex flex-col items-center gap-3", children: _jsxs("h2", { className: "text-xl font-medium tracking-wide text-gray-800 dark:text-neutral-200 flex justify-center items-end", children: [_jsx("span", { className: "text-main/90 dark:text-white/80 px-1", children: "\u2728" }), ' ', "Build something magical on", _jsx("div", { className: "pb-0.5 pl-1", children: _jsx(Logo, { size: 28 }) }), _jsx("span", { className: "text-main/90 dark:text-white/60 px-1", children: "\u2728" })] }) })] }) }) }))] }));
-}

package/dist/components/WalletDeposit/screens/ChainSelectionScreen.d.ts

@@ -1,5 +0,0 @@
-interface ChainSelectionScreenProps {
-    onChainSelect: (chainId: string) => void;
-}
-export declare function ChainSelectionScreen({ onChainSelect, }: ChainSelectionScreenProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/WalletDeposit/screens/ChainSelectionScreen.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Plus } from 'lucide-react';
-import { CHAINS } from '../constants';
-import { ChainButton } from '../components/ChainButton';
-export function ChainSelectionScreen(_a) {
-    var onChainSelect = _a.onChainSelect;
-    return (_jsxs("div", { className: "space-y-8", children: [_jsx("div", { className: "grid grid-cols-2 gap-4", children: CHAINS.map(function (chain) { return (_jsx(ChainButton, { chain: chain, onClick: onChainSelect }, chain.id)); }) }), _jsxs("button", { className: "w-full flex items-center justify-center p-6 bg-white dark:bg-neutral-950 border-2 border-gray-100 dark:border-neutral-800 hover:border-main dark:hover:border-main hover:bg-main/5 dark:hover:bg-neutral-900 transition-all duration-200 group rounded-lg", children: [_jsx(Plus, { className: "w-6 h-6 text-gray-400 dark:text-neutral-400 group-hover:text-main dark:group-hover:text-white group-hover:scale-110 transition-all duration-200 mr-2" }), _jsx("span", { className: "font-medium text-gray-600 dark:text-neutral-400 group-hover:text-main dark:group-hover:text-white transition-colors duration-200", children: "More" })] })] }));
-}

package/dist/components/WalletDeposit/screens/InitialScreen.d.ts

@@ -1,9 +0,0 @@
-import { type ButtonStates } from '../AnimatedButton';
-interface InitialScreenProps {
-    onStart: () => void;
-    buttonStates: ButtonStates;
-    onButtonMouseEnter: (buttonKey: 'deposit' | 'continue' | 'openApp') => void;
-    onButtonMouseLeave: (buttonKey: 'deposit' | 'continue' | 'openApp') => void;
-}
-export declare function InitialScreen({ onStart, buttonStates, onButtonMouseEnter, onButtonMouseLeave, }: InitialScreenProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/WalletDeposit/screens/InitialScreen.js

@@ -1,18 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Logo from '../../Logo';
-import { AnimatedButton } from '../AnimatedButton';
-import { useState } from 'react';
-export function InitialScreen(_a) {
-    var onStart = _a.onStart, buttonStates = _a.buttonStates, onButtonMouseEnter = _a.onButtonMouseEnter, onButtonMouseLeave = _a.onButtonMouseLeave;
-    var _b = useState(0), logoOpacity = _b[0], setLogoOpacity = _b[1];
-    var handleMouseEnter = function () {
-        setLogoOpacity(1);
-        onButtonMouseEnter('deposit');
-    };
-    var handleMouseLeave = function () {
-        setLogoOpacity(0);
-        onButtonMouseLeave('deposit');
-    };
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center pb-8", children: [_jsx("div", { className: "flex justify-center items-center py-8 -mt-8", children: _jsx(Logo, { size: 140, fillOpacity: logoOpacity }) }), _jsx(AnimatedButton, { onClick: onStart, text: "Deposit", isTyping: buttonStates.deposit.isTyping, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave })] }));
-}

package/dist/components/WalletDeposit/screens/SigningScreen.d.ts

@@ -1,6 +0,0 @@
-import { WaitingMessageState } from '../types';
-interface SigningScreenProps {
-    waitingMessage: WaitingMessageState;
-}
-export declare function SigningScreen({ waitingMessage }: SigningScreenProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/WalletDeposit/screens/SigningScreen.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { WaitingMessage } from '../components/WaitingMessage';
-export function SigningScreen(_a) {
-    var waitingMessage = _a.waitingMessage;
-    return _jsx(WaitingMessage, { message: waitingMessage });
-}

package/dist/components/WalletDeposit/screens/SuccessScreen.d.ts

@@ -1,12 +0,0 @@
-import type { ButtonStates } from '../AnimatedButton';
-import type { TableValues } from '../types';
-interface SuccessScreenProps {
-    amount: string;
-    tableValues: TableValues;
-    onOpenApp: () => void;
-    buttonStates: ButtonStates;
-    onButtonMouseEnter: (buttonKey: 'deposit' | 'continue' | 'openApp') => void;
-    onButtonMouseLeave: (buttonKey: 'deposit' | 'continue' | 'openApp') => void;
-}
-export declare function SuccessScreen({ amount, tableValues, onOpenApp, buttonStates, }: SuccessScreenProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/WalletDeposit/screens/SuccessScreen.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AnimatedButton } from '../AnimatedButton';
-import { TransactionTable } from '../components/TransactionTable';
-export function SuccessScreen(_a) {
-    var amount = _a.amount, tableValues = _a.tableValues, onOpenApp = _a.onOpenApp, buttonStates = _a.buttonStates;
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [_jsxs("div", { className: "w-full flex items-start justify-between space-x-4 py-8", children: [_jsx("div", { className: "w-1/2 p-4", children: _jsxs("div", { className: "relative w-full h-full px-5 py-14 rounded-md", children: [_jsx("div", { className: "w-2 h-2 bg-gray-200 dark:bg-neutral-800 absolute -top-2 -left-2" }), _jsx("div", { className: "w-2 h-2 bg-gray-200 dark:bg-neutral-800 absolute -top-2 -right-2" }), _jsx("div", { className: "w-2 h-2 bg-gray-200 dark:bg-neutral-800 absolute -bottom-2 -left-2" }), _jsx("div", { className: "w-2 h-2 bg-gray-200 dark:bg-neutral-800 absolute -bottom-2 -right-2" }), _jsxs("p", { className: "text-7xl tracking-tight text-green-500/80 dark:text-emerald-500/80 font-medium pt-4 underline text-center animate-fade-up", style: { animationDelay: '0.3s' }, children: ["+", Number(amount).toLocaleString(), _jsx("span", { className: "text-2xl text-green-500/50 dark:text-emerald-500/50 ml-2", children: "USDC" })] })] }) }), _jsx(TransactionTable, { tableValues: tableValues })] }), _jsx(AnimatedButton, { onClick: onOpenApp, text: "Launch", isTyping: buttonStates.openApp.isTyping })] }));
-}

package/dist/components/WalletDeposit/types.d.ts

@@ -1,48 +0,0 @@
-export interface TableValues {
-    amount?: {
-        text: string;
-        visible: boolean;
-        typing: boolean;
-    };
-    tx: {
-        text: string;
-        visible: boolean;
-        typing: boolean;
-    };
-    from: {
-        text: string;
-        visible: boolean;
-        typing: boolean;
-    };
-    to: {
-        text: string;
-        visible: boolean;
-        typing: boolean;
-    };
-    network: {
-        text: string;
-        visible: boolean;
-        typing: boolean;
-    };
-    status: {
-        text: string;
-        visible: boolean;
-        typing: boolean;
-    };
-}
-export interface WaitingMessageState {
-    title: string;
-    subtitle: string;
-    visible: boolean;
-    isTyping: boolean;
-}
-export interface Chain {
-    id: string;
-    name: string;
-    logo: string;
-}
-export interface App {
-    name: string;
-    color: string;
-    progress: number;
-}

package/dist/components/WalletDeposit/types.js

@@ -1 +0,0 @@
-export {};

package/dist/config/dynamic.d.ts

@@ -1,20 +0,0 @@
-/**
- * Dynamic widget configuration
- */
-import { DynamicContextProps } from '@dynamic-labs/sdk-react-core';
-import { N1SessionMode } from '../Provider/types';
-/**
- * Get Dynamic widget settings based on session mode
- *
- * @param environmentId - Dynamic environment ID
- * @param sessionMode - Session mode (Nord or NTS)
- * @returns Dynamic widget settings
- */
-export declare function getDynamicSettings(environmentId: string, sessionMode?: N1SessionMode | null): DynamicContextProps['settings'];
-/**
- * Set nordflow context flag in Dynamic widget
- *
- * @param setCustomData - Dynamic setCustomData function
- * @param isNordflow - Whether the context is nordflow
- */
-export declare function setDynamicNordflowContext(setCustomData: (data: Record<string, any>) => void, isNordflow: boolean): void;

package/dist/config/dynamic.js

@@ -1,47 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { SolanaWalletConnectors } from '@dynamic-labs/solana';
-import { N1SessionMode } from '../Provider/types';
-/**
- * Get Dynamic widget settings based on session mode
- *
- * @param environmentId - Dynamic environment ID
- * @param sessionMode - Session mode (Nord or NTS)
- * @returns Dynamic widget settings
- */
-export function getDynamicSettings(environmentId, sessionMode) {
-    if (sessionMode === void 0) { sessionMode = null; }
-    // Base settings for all contexts
-    var baseSettings = {
-        environmentId: environmentId,
-        appName: 'N1 Wallet',
-        appLogoUrl: 'https://n1.xyz/logo.png',
-        walletConnectorExtensions: [],
-    };
-    // Nord-specific settings
-    if (sessionMode === N1SessionMode.Nord) {
-        return __assign(__assign({}, baseSettings), { 
-            // Only include Solana wallets when in Nord mode
-            walletConnectors: [SolanaWalletConnectors] });
-    }
-    // Default settings for NTS mode or when sessionMode is null
-    return baseSettings;
-}
-/**
- * Set nordflow context flag in Dynamic widget
- *
- * @param setCustomData - Dynamic setCustomData function
- * @param isNordflow - Whether the context is nordflow
- */
-export function setDynamicNordflowContext(setCustomData, isNordflow) {
-    setCustomData({ isNordflow: isNordflow });
-}

package/dist/hooks/useSolanaSession.d.ts

@@ -1,17 +0,0 @@
-/**
- * Hook for managing Solana session keys
- *
- * @returns Object with session key management functions and state
- */
-export declare function useSolanaSession(): {
-    hasSession: boolean;
-    isGeneratingKeys: boolean;
-    generateSessionKeys: () => Promise<{
-        publicKey: Uint8Array;
-        privateKey: Uint8Array;
-    } | null>;
-    rotateKeys: () => Promise<{
-        publicKey: Uint8Array;
-        privateKey: Uint8Array;
-    } | null>;
-};

package/dist/hooks/useSolanaSession.js

@@ -1,180 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { useCallback, useEffect, useState } from 'react';
-import { useN1WalletContext, useN1WalletInternalContext } from '../Provider/hooks';
-import { N1SessionMode } from '../Provider/types';
-import { WalletError, WalletErrorCode } from '../errors/types';
-import { logger } from '../utils/logger';
-import { createSessionSigningFunction, generateSolanaSessionKeyPair, getSessionKeysFromLocalStorage, hasValidSession, rotateSessionKeys, storeSessionKeysInLocalStorage, } from '../utils/solana-session';
-/**
- * Hook for managing Solana session keys
- *
- * @returns Object with session key management functions and state
- */
-export function useSolanaSession() {
-    var _this = this;
-    var _a = useN1WalletContext(), address = _a.address, sessionMode = _a.sessionMode, walletPubKey = _a.walletPubKey, signMessageWithWalletKey = _a.signMessageWithWalletKey;
-    var _b = useN1WalletInternalContext(), setSessionPubKey = _b.setSessionPubKey, setSignMessageWithSessionKey = _b.setSignMessageWithSessionKey, handleError = _b.handleError;
-    var _c = useState(false), isGeneratingKeys = _c[0], setIsGeneratingKeys = _c[1];
-    var _d = useState(false), hasSession = _d[0], setHasSession = _d[1];
-    // Check if we have a valid session on mount and when address changes
-    useEffect(function () {
-        if (address && sessionMode === N1SessionMode.Nord) {
-            var hasExistingSession = hasValidSession(address);
-            setHasSession(hasExistingSession);
-            // If we have a valid session, set up the session key and signing function
-            if (hasExistingSession) {
-                var sessionData_1 = getSessionKeysFromLocalStorage(address);
-                if (sessionData_1) {
-                    setSessionPubKey(base64ToUint8Array(sessionData_1.ed25519PrivateKey));
-                    setSignMessageWithSessionKey(function () {
-                        return createSessionSigningFunction(sessionData_1.ed25519PrivateKey);
-                    });
-                    logger.debug('Restored existing Solana session', { address: address });
-                }
-            }
-        }
-        else {
-            setHasSession(false);
-        }
-    }, [address, sessionMode, setSessionPubKey, setSignMessageWithSessionKey]);
-    /**
-     * Generate new session keys
-     */
-    var generateSessionKeys = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        var keyPair, signFn_1, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!address || sessionMode !== N1SessionMode.Nord) {
-                        handleError(new WalletError(WalletErrorCode.INVALID_STATE, 'Cannot generate session keys: wallet not connected or not in Nord mode'));
-                        return [2 /*return*/, null];
-                    }
-                    if (!signMessageWithWalletKey) {
-                        handleError(new WalletError(WalletErrorCode.WALLET_NOT_FOUND, 'Cannot generate session keys: wallet signing function not available'));
-                        return [2 /*return*/, null];
-                    }
-                    setIsGeneratingKeys(true);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, generateSolanaSessionKeyPair()];
-                case 2:
-                    keyPair = _a.sent();
-                    // Store in local storage
-                    storeSessionKeysInLocalStorage({
-                        privKey: keyPair.privateKey,
-                        walletPublicKey: address,
-                        chainName: 'solana',
-                    });
-                    // Set up session key and signing function
-                    setSessionPubKey(keyPair.publicKey);
-                    signFn_1 = createSessionSigningFunction(keyPair.privateKey);
-                    setSignMessageWithSessionKey(function () { return signFn_1; });
-                    setHasSession(true);
-                    logger.debug('Generated new Solana session keys', { address: address });
-                    return [2 /*return*/, keyPair];
-                case 3:
-                    error_1 = _a.sent();
-                    handleError(new WalletError(WalletErrorCode.SESSION_CREATION_FAILED, 'Failed to generate session keys', { originalError: error_1 }));
-                    return [2 /*return*/, null];
-                case 4:
-                    setIsGeneratingKeys(false);
-                    return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); }, [
-        address,
-        sessionMode,
-        signMessageWithWalletKey,
-        handleError,
-        setSessionPubKey,
-        setSignMessageWithSessionKey,
-    ]);
-    /**
-     * Rotate session keys
-     */
-    var rotateKeys = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        var keyPair, signFn_2, error_2;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!address || sessionMode !== N1SessionMode.Nord) {
-                        handleError(new WalletError(WalletErrorCode.INVALID_STATE, 'Cannot rotate session keys: wallet not connected or not in Nord mode'));
-                        return [2 /*return*/, null];
-                    }
-                    setIsGeneratingKeys(true);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, rotateSessionKeys(address, 'solana')];
-                case 2:
-                    keyPair = _a.sent();
-                    if (keyPair) {
-                        // Set up session key and signing function
-                        setSessionPubKey(keyPair.publicKey);
-                        signFn_2 = createSessionSigningFunction(keyPair.privateKey);
-                        setSignMessageWithSessionKey(function () { return signFn_2; });
-                        setHasSession(true);
-                        logger.debug('Rotated Solana session keys', { address: address });
-                    }
-                    return [2 /*return*/, keyPair];
-                case 3:
-                    error_2 = _a.sent();
-                    handleError(new WalletError(WalletErrorCode.SESSION_CREATION_FAILED, 'Failed to rotate session keys', { originalError: error_2 }));
-                    return [2 /*return*/, null];
-                case 4:
-                    setIsGeneratingKeys(false);
-                    return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); }, [
-        address,
-        sessionMode,
-        handleError,
-        setSessionPubKey,
-        setSignMessageWithSessionKey,
-    ]);
-    return {
-        hasSession: hasSession,
-        isGeneratingKeys: isGeneratingKeys,
-        generateSessionKeys: generateSessionKeys,
-        rotateKeys: rotateKeys,
-    };
-}

package/dist/utils/lazyLoad.d.ts

@@ -1,3 +0,0 @@
-export declare function lazyLoad(importFunc: () => Promise<{
-    [key: string]: any;
-}>, name?: string): import("react").LazyExoticComponent<any>;