@n1xyz/wallet-widget 0.0.8 → 0.0.10

package/dist/Modal/Sidebar/NordTradingView/AccountSummary/AccountSummary.js

@@ -1,116 +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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { useN1WalletContext } from '../../../../Provider/hooks';
-import { ArrowDownToLine, ArrowUpFromLine, RefreshCw } from 'lucide-react';
-export default function AccountSummary() {
-    var _this = this;
-    var _a = useN1WalletContext(), nord = _a.nord, nordUser = _a.nordUser;
-    var _b = useState([]), balances = _b[0], setBalances = _b[1];
-    var _c = useState(false), loading = _c[0], setLoading = _c[1];
-    var _d = useState(null), error = _d[0], setError = _d[1];
-    var _e = useState(null), selectedAccount = _e[0], setSelectedAccount = _e[1];
-    // Fetch account balances
-    useEffect(function () {
-        if (!nordUser)
-            return;
-        var fetchBalances = function () { return __awaiter(_this, void 0, void 0, function () {
-            var accountBalances, err_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        setLoading(true);
-                        setError(null);
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 4, 5, 6]);
-                        if (!(nordUser.accountIds && nordUser.accountIds.length > 0)) return [3 /*break*/, 3];
-                        // Set default selected account if not already set
-                        if (!selectedAccount) {
-                            setSelectedAccount(nordUser.accountIds[0]);
-                        }
-                        // Refresh user info to get latest balances
-                        return [4 /*yield*/, nordUser.fetchInfo()];
-                    case 2:
-                        // Refresh user info to get latest balances
-                        _a.sent();
-                        accountBalances = Object.values(nordUser.balances)
-                            .flatMap(function (accountBalances) { return accountBalances; })
-                            .filter(function (balance) { return balance.accountId === (selectedAccount || nordUser.accountIds[0]); });
-                        setBalances(accountBalances);
-                        _a.label = 3;
-                    case 3: return [3 /*break*/, 6];
-                    case 4:
-                        err_1 = _a.sent();
-                        console.error('Error fetching balances:', err_1);
-                        setError('Failed to load account balances');
-                        return [3 /*break*/, 6];
-                    case 5:
-                        setLoading(false);
-                        return [7 /*endfinally*/];
-                    case 6: return [2 /*return*/];
-                }
-            });
-        }); };
-        fetchBalances();
-        // Set up polling for balance updates
-        var intervalId = setInterval(fetchBalances, 30000); // Update every 30 seconds
-        return function () { return clearInterval(intervalId); };
-    }, [nordUser, selectedAccount]);
-    // Handle account change
-    var handleAccountChange = function (accountId) {
-        setSelectedAccount(accountId);
-    };
-    // Handle deposit
-    var handleDeposit = function () { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            // This would open a deposit modal or flow
-            console.log('Open deposit flow');
-            return [2 /*return*/];
-        });
-    }); };
-    // Handle withdraw
-    var handleWithdraw = function () { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            // This would open a withdraw modal or flow
-            console.log('Open withdraw flow');
-            return [2 /*return*/];
-        });
-    }); };
-    return (_jsx("div", { className: "bg-white dark:bg-gray-900 rounded-xl shadow-sm border border-gray-200 dark:border-gray-800 overflow-hidden", children: _jsxs("div", { className: "p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: "Account Summary" }), (nordUser === null || nordUser === void 0 ? void 0 : nordUser.accountIds) && nordUser.accountIds.length > 1 && (_jsx("select", { value: selectedAccount || '', onChange: function (e) { return handleAccountChange(Number(e.target.value)); }, className: "px-2 py-1 bg-gray-100 dark:bg-gray-800 rounded-lg text-sm text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-700", children: nordUser.accountIds.map(function (accountId) { return (_jsxs("option", { value: accountId, children: ["Account ", accountId] }, accountId)); }) }))] }), _jsx("div", { className: "space-y-2", children: loading && balances.length === 0 ? (_jsx("div", { className: "flex items-center justify-center h-24", children: _jsx(RefreshCw, { size: 20, className: "text-gray-400 animate-spin" }) })) : error ? (_jsx("div", { className: "p-3 bg-red-50 dark:bg-red-900/20 rounded-lg text-red-600 dark:text-red-400 text-sm", children: error })) : balances.length === 0 ? (_jsx("div", { className: "p-3 bg-gray-50 dark:bg-gray-800 rounded-lg text-gray-500 dark:text-gray-400 text-sm", children: "No balances found" })) : (_jsxs(_Fragment, { children: [balances.map(function (balance, index) { return (_jsxs("div", { className: "p-3 bg-gray-50 dark:bg-gray-800 rounded-lg flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: balance.token || balance.symbol }), _jsxs("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: ["Account ", balance.accountId] })] }), _jsxs("div", { className: "text-right", children: [_jsx("div", { className: "font-medium text-gray-900 dark:text-gray-100 font-mono", children: balance.amount || balance.balance }), _jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Available" })] })] }, index)); }), loading && (_jsx("div", { className: "flex justify-center mt-2", children: _jsx(RefreshCw, { size: 16, className: "text-gray-400 animate-spin" }) }))] })) }), _jsxs("div", { className: "grid grid-cols-2 gap-3 mt-4", children: [_jsxs("button", { onClick: handleDeposit, className: "flex items-center justify-center px-4 py-2 bg-blue-100 dark:bg-blue-900/20 hover:bg-blue-200 dark:hover:bg-blue-900/30 text-blue-600 dark:text-blue-400 rounded-lg transition-colors duration-200", children: [_jsx(ArrowDownToLine, { size: 16, className: "mr-2" }), "Deposit"] }), _jsxs("button", { onClick: handleWithdraw, className: "flex items-center justify-center px-4 py-2 bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 rounded-lg transition-colors duration-200", children: [_jsx(ArrowUpFromLine, { size: 16, className: "mr-2" }), "Withdraw"] })] })] }) }));
-}

package/dist/Modal/Sidebar/NordTradingView/TradeHistory/TradeHistory.d.ts

@@ -1,5 +0,0 @@
-interface TradeHistoryProps {
-    marketSymbol: string | null;
-}
-export default function TradeHistory({ marketSymbol }: TradeHistoryProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Modal/Sidebar/NordTradingView/TradeHistory/TradeHistory.js

@@ -1,138 +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 };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from 'react';
-import { useN1WalletContext } from '../../../../Provider/hooks';
-import { RefreshCw, ArrowUp, ArrowDown } from 'lucide-react';
-export default function TradeHistory(_a) {
-    var _this = this;
-    var marketSymbol = _a.marketSymbol;
-    var nord = useN1WalletContext().nord;
-    var _b = useState([]), trades = _b[0], setTrades = _b[1];
-    var _c = useState(false), loading = _c[0], setLoading = _c[1];
-    var _d = useState(null), error = _d[0], setError = _d[1];
-    var _e = useState(true), autoscroll = _e[0], setAutoscroll = _e[1];
-    var tradeListRef = useRef(null);
-    // Fetch trade history
-    useEffect(function () {
-        if (!marketSymbol || !nord)
-            return;
-        var subscription = null;
-        var fetchTrades = function () { return __awaiter(_this, void 0, void 0, function () {
-            var response, formattedTrades, err_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        setLoading(true);
-                        setError(null);
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 3, 4, 5]);
-                        return [4 /*yield*/, nord.getTrades({
-                                symbol: marketSymbol,
-                                limit: 50
-                            })];
-                    case 2:
-                        response = _a.sent();
-                        formattedTrades = response.trades.map(function (trade) { return ({
-                            id: trade.id,
-                            price: trade.price,
-                            size: trade.size,
-                            side: trade.side,
-                            timestamp: trade.timestamp,
-                        }); });
-                        setTrades(formattedTrades);
-                        // Subscribe to real-time updates
-                        subscription = nord.subscribeTrades(marketSymbol);
-                        subscription.on('update', function (update) {
-                            setTrades(function (prev) {
-                                // Add new trade to the beginning of the array
-                                var newTrades = __spreadArray([
-                                    {
-                                        id: update.id,
-                                        price: update.price,
-                                        size: update.size,
-                                        side: update.side,
-                                        timestamp: update.timestamp || Date.now(),
-                                    }
-                                ], prev, true);
-                                // Limit to 50 trades
-                                return newTrades.slice(0, 50);
-                            });
-                        });
-                        return [3 /*break*/, 5];
-                    case 3:
-                        err_1 = _a.sent();
-                        console.error('Error fetching trades:', err_1);
-                        setError('Failed to load trade history');
-                        return [3 /*break*/, 5];
-                    case 4:
-                        setLoading(false);
-                        return [7 /*endfinally*/];
-                    case 5: return [2 /*return*/];
-                }
-            });
-        }); };
-        fetchTrades();
-        // Cleanup subscription on unmount or market change
-        return function () {
-            if (subscription) {
-                subscription.close();
-            }
-        };
-    }, [marketSymbol, nord]);
-    // Auto-scroll to the top when new trades come in
-    useEffect(function () {
-        if (autoscroll && tradeListRef.current) {
-            tradeListRef.current.scrollTop = 0;
-        }
-    }, [trades, autoscroll]);
-    // Format timestamp
-    var formatTime = function (timestamp) {
-        return new Date(timestamp).toLocaleTimeString();
-    };
-    return (_jsx("div", { className: "bg-white dark:bg-gray-950 rounded-xl shadow-sm border border-gray-200 dark:border-gray-800 overflow-hidden", children: _jsxs("div", { className: "p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("h2", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: ["Trade History ", marketSymbol ? "(".concat(marketSymbol, ")") : ''] }), _jsxs("div", { className: "flex items-center", children: [_jsxs("label", { className: "flex items-center text-sm text-gray-600 dark:text-gray-400 mr-3", children: [_jsx("input", { type: "checkbox", checked: autoscroll, onChange: function () { return setAutoscroll(!autoscroll); }, className: "mr-1 h-3 w-3" }), "Auto-scroll"] }), loading && (_jsx(RefreshCw, { size: 16, className: "text-gray-400 animate-spin" }))] })] }), error ? (_jsx("div", { className: "p-3 bg-red-50 dark:bg-red-900/20 rounded-lg text-red-600 dark:text-red-400 text-sm", children: error })) : !marketSymbol ? (_jsx("div", { className: "p-3 bg-gray-50 dark:bg-gray-800 rounded-lg text-gray-500 dark:text-gray-400 text-sm text-center", children: "Select a market to view trade history" })) : loading && trades.length === 0 ? (_jsx("div", { className: "flex items-center justify-center h-32", children: _jsx(RefreshCw, { size: 20, className: "text-gray-400 animate-spin" }) })) : trades.length === 0 ? (_jsx("div", { className: "p-3 bg-gray-50 dark:bg-gray-800 rounded-lg text-gray-500 dark:text-gray-400 text-sm text-center", children: "No trades found" })) : (_jsx("div", { ref: tradeListRef, className: "overflow-y-auto max-h-60", onMouseEnter: function () { return setAutoscroll(false); }, onMouseLeave: function () { return setAutoscroll(true); }, children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200 dark:divide-gray-800", children: [_jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Time" }), _jsx("th", { className: "px-3 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Side" }), _jsx("th", { className: "px-3 py-2 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Price" }), _jsx("th", { className: "px-3 py-2 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Size" })] }) }), _jsx("tbody", { className: "bg-white dark:bg-gray-950 divide-y divide-gray-200 dark:divide-gray-800", children: trades.map(function (trade) { return (_jsxs("tr", { className: "hover:bg-gray-50 dark:hover:bg-gray-800", children: [_jsx("td", { className: "px-3 py-2 whitespace-nowrap text-xs text-gray-500 dark:text-gray-400", children: formatTime(trade.timestamp) }), _jsx("td", { className: "px-3 py-2 whitespace-nowrap text-xs", children: _jsxs("div", { className: "flex items-center ".concat(trade.side === 'BUY' ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400'), children: [trade.side === 'BUY' ? (_jsx(ArrowUp, { size: 12, className: "mr-1" })) : (_jsx(ArrowDown, { size: 12, className: "mr-1" })), trade.side] }) }), _jsx("td", { className: "px-3 py-2 whitespace-nowrap text-xs text-gray-900 dark:text-gray-100 text-right font-mono", children: trade.price.toFixed(4) }), _jsx("td", { className: "px-3 py-2 whitespace-nowrap text-xs text-gray-900 dark:text-gray-100 text-right font-mono", children: trade.size.toFixed(4) })] }, trade.id)); }) })] }) }))] }) }));
-}

package/dist/Modal/SigningView.d.ts

@@ -1 +0,0 @@
-export declare function SigningView(): import("react/jsx-runtime").JSX.Element;

package/dist/Modal/SigningView.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ModalHeader } from './ModalHeader';
-export function SigningView() {
-    return (_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 max-w-sm m-4 origin-center will-change-[max-width,transform,opacity]", children: [_jsx("div", { className: "p-6 border-b border-gray-200 dark:border-gray-800", children: _jsx(ModalHeader, {}) }), _jsx("div", { className: "p-6 overflow-hidden relative", children: _jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx("div", { className: "relative", children: _jsx("div", { className: "animate-spin rounded-full h-16 w-16 border-2 border-gray-200 dark:border-gray-800", children: _jsx("div", { className: "absolute inset-0 rounded-full border-t-2 border-main" }) }) }), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsxs("h3", { className: "text-xl text-gray-900 dark:text-white transition-all duration-300 h-[32px] flex items-center justify-center relative font-semibold", children: [_jsx("span", { className: "opacity-0 absolute select-none", "aria-hidden": "true", children: "Waiting for signature" }), _jsx("div", { className: "absolute min-w-[280px]", children: "Waiting for signature" })] }), _jsxs("p", { className: "text-sm text-gray-600 dark:text-neutral-400 h-[20px] flex items-center justify-center relative", children: [_jsx("span", { className: "opacity-0 absolute select-none", "aria-hidden": "true", children: "Please sign the message in your wallet" }), _jsx("div", { className: "absolute min-w-[280px]", children: "Please sign the message in your wallet" })] })] })] }) })] }));
-}

package/dist/Modal/SuccessView.d.ts

@@ -1 +0,0 @@
-export declare function SuccessView(): import("react/jsx-runtime").JSX.Element;

package/dist/Modal/SuccessView.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ModalHeader } from './ModalHeader';
-import { useN1WalletInternalContext } from '../Provider/hooks';
-export function SuccessView() {
-    var _a = useN1WalletInternalContext(), setViewMode = _a.setViewMode, setStartClosingLogin = _a.setStartClosingLogin;
-    var close = function () {
-        setStartClosingLogin(true);
-    };
-    return (_jsxs("div", { className: "rounded-[25px] shadow-lg w-96 p-5 bg-white dark:bg-neutral-900 text-neutral-900 dark:text-stone-200", children: [_jsx(ModalHeader, {}), _jsx("div", { className: 'rounded-[25px] overflow-hidden mb-4', children: _jsx("img", { src: 'https://cdn.midjourney.com/17b152e3-2c93-4d00-b4cc-860d787a4994/0_2.png', className: 'w-full' }) }), _jsx("div", { className: "my-2", children: _jsx("div", { className: "space-y-2", children: _jsx("button", { className: "w-full py-4 border rounded-[18px] cursor-pointer duration-300 hover:opacity-80 text-white bg-neutral-900 dark:bg-white dark:text-neutral-900", onClick: close, children: "Success! Continue" }) }) })] }));
-}

package/dist/NordFlow/WalletConnectionFlow.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface WalletConnectionFlowProps {
-    onClose?: () => void;
-}
-/**
- * Main component for the wallet connection flow
- */
-export declare const WalletConnectionFlow: React.FC<WalletConnectionFlowProps>;
-export {};

package/dist/NordFlow/WalletConnectionFlow.js

@@ -1,145 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useState } from 'react';
-import Logo from '../components/Logo';
-import { CHAINS } from './constants';
-import { useDepositFlow, useFlowState, useInterruptHandler, useNordSession, useWalletConnect } from './hooks';
-import { AmountInputScreen, AuthLoadingScreen, ChainSelectionScreen, ConnectWalletScreen, DepositProgressScreen, DepositSuccessScreen, ErrorScreen, EvmWalletAuthScreen, FinalSuccessScreen, NordAuthScreen } from './screens';
-import { FlowState } from './types';
-var ConfirmationDialog = function (_a) {
-    var onConfirm = _a.onConfirm, onCancel = _a.onCancel;
-    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 max-w-sm m-4 origin-center will-change-[max-width,transform,opacity] animate-fade-in", children: [_jsx("div", { className: "p-6 border-b border-gray-200 dark:border-gray-800", children: _jsx("div", { className: "flex items-center justify-between", children: _jsx("div", { className: "flex items-center gap-3", children: _jsx("h2", { className: "text-xl text-gray-700 dark:text-gray-300", children: "Confirm Close" }) }) }) }), _jsxs("div", { className: "p-6 overflow-hidden relative", children: [_jsx("p", { className: "text-gray-700 dark:text-gray-300 text-center mb-6", children: "Are you sure you want to close? This operation is in progress." }), _jsxs("div", { className: "flex flex-col space-y-3", children: [_jsx("button", { onClick: onConfirm, className: "group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center \n            transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]\n            cursor-pointer border-gray-200 dark:border-neutral-800 hover:border-gray-400 dark:hover:border-white/60\n            text-gray-800 dark:text-gray-200", children: "Yes, close" }), _jsx("button", { onClick: onCancel, className: "group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center \n            transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]\n            cursor-pointer border-gray-200 dark:border-neutral-800 hover:border-gray-400 dark:hover:border-white/60\n            text-gray-800 dark:text-gray-200", children: "No, continue" })] })] })] }) }));
-};
-/**
- * Main component for the wallet connection flow
- */
-export var WalletConnectionFlow = function (_a) {
-    var onClose = _a.onClose;
-    // Handle state changes
-    var handleStateChange = useCallback(function (newState, prevState) {
-        console.log("State changed from ".concat(prevState, " to ").concat(newState));
-    }, []);
-    // Handle errors
-    var handleError = useCallback(function (error) {
-        console.error('Flow error:', error);
-    }, []);
-    // Initialize flow state
-    var _b = useFlowState({
-        autoRecover: false, // We'll handle recovery with a prompt
-        onStateChange: handleStateChange,
-        onError: handleError,
-    }), state = _b.state, context = _b.context, transition = _b.transition, updateContext = _b.updateContext, recover = _b.recover, recordInterruption = _b.recordInterruption, handleFlowError = _b.handleError, isRecoveryAvailable = _b.isRecoveryAvailable;
-    // Initialize wallet connection
-    var _c = useWalletConnect({
-        state: state,
-        context: context,
-        transition: transition,
-        handleError: handleFlowError,
-    }), isConnecting = _c.isConnecting, connectWallet = _c.connectWallet;
-    // Initialize Nord session
-    var hasNordAccount = useNordSession({
-        state: state,
-        context: context,
-        transition: transition,
-        handleError: handleFlowError,
-    }).hasNordAccount;
-    // Initialize deposit flow
-    var _d = useDepositFlow({
-        state: state,
-        context: context,
-        transition: transition,
-        handleError: handleFlowError,
-        updateContext: updateContext,
-    }), selectedChain = _d.selectedChain, amount = _d.amount, isDepositing = _d.isDepositing, transactionId = _d.transactionId, selectChain = _d.selectChain, updateAmount = _d.updateAmount, startDeposit = _d.startDeposit, goBackToChainSelection = _d.goBackToChainSelection;
-    // Initialize interrupt handler
-    var _e = useInterruptHandler({
-        state: state,
-        recordInterruption: recordInterruption,
-        onClose: onClose,
-    }), isClosing = _e.isClosing, showConfirmation = _e.showConfirmation, handleCloseRequest = _e.handleCloseRequest, confirmClose = _e.confirmClose, cancelClose = _e.cancelClose;
-    // Check for recovery on mount
-    var _f = useState(false), hasAttemptedRecovery = _f[0], setHasAttemptedRecovery = _f[1];
-    React.useEffect(function () {
-        if (!hasAttemptedRecovery) {
-            if (isRecoveryAvailable) {
-                // Automatically recover without showing a prompt
-                recover();
-            }
-            else {
-                // Start at CONNECTING_WALLET so we show the wallet selection screen
-                // The actual connection will only happen when the user clicks the button
-                transition(FlowState.CONNECTING_WALLET);
-            }
-            setHasAttemptedRecovery(true);
-        }
-    }, [hasAttemptedRecovery, isRecoveryAvailable, transition, recover]);
-    // For deposit progress message
-    var _g = useState({
-        visible: true,
-        title: 'Processing Deposit',
-        subtitle: 'Please wait while we process your deposit',
-        isTyping: false
-    }), depositMessage = _g[0], setDepositMessage = _g[1];
-    // Mock table values for success screen
-    var tableValues = {
-        tx: { text: transactionId || '0x123...456', visible: true, typing: false },
-        from: { text: 'Your Wallet', visible: true, typing: false },
-        to: { text: 'Nord Account', visible: true, typing: false },
-        network: { text: 'Ethereum', visible: true, typing: false },
-        status: { text: 'Completed', visible: true, typing: false }
-    };
-    var handleFinish = function () {
-        if (onClose) {
-            onClose();
-        }
-    };
-    // Render confirmation dialog if needed
-    var renderConfirmationDialog = function () {
-        if (!showConfirmation)
-            return null;
-        return (_jsx(ConfirmationDialog, { onConfirm: confirmClose, onCancel: cancelClose }));
-    };
-    // Render current screen based on state
-    var renderScreen = function () {
-        switch (state) {
-            case FlowState.IDLE:
-            case FlowState.CONNECTING_WALLET:
-                return (_jsx(ConnectWalletScreen, { onConnectWallet: connectWallet, isConnecting: isConnecting }));
-            case FlowState.ETH_TO_SOL_AUTH:
-                return (_jsx(EvmWalletAuthScreen, { onAuth: function () { return transition(FlowState.CHAIN_SELECTION); } }));
-            case FlowState.CHAIN_SELECTION:
-                return (_jsx(ChainSelectionScreen, { chains: CHAINS, onChainSelect: selectChain }));
-            case FlowState.AMOUNT_INPUT:
-                return (_jsx(AmountInputScreen, { amount: amount, onAmountChange: updateAmount, onContinue: startDeposit, balance: 100 }));
-            case FlowState.DEPOSIT_PROGRESS:
-                return (_jsx(DepositProgressScreen, { message: depositMessage, percentComplete: 75 }));
-            case FlowState.DEPOSIT_SUCCESS:
-                return (_jsx(DepositSuccessScreen, { amount: amount, tableValues: tableValues, onContinue: function () { return transition(FlowState.NORD_AUTH); } }));
-            case FlowState.NORD_AUTH:
-                return (_jsx(NordAuthScreen, { hasNordAccount: hasNordAccount, onCreateAccount: function () { return transition(FlowState.AUTH_LOADING, { hasNordAccount: false }); }, onLogin: function () { return transition(FlowState.AUTH_LOADING, { hasNordAccount: true }); } }));
-            case FlowState.AUTH_LOADING:
-                return (_jsx(AuthLoadingScreen, { isCreatingAccount: !hasNordAccount, onAuthComplete: function (success) {
-                        if (success) {
-                            console.log('Auth complete callback in WalletConnectionFlow, transitioning to FINAL_SUCCESS');
-                            // Update the context first
-                            updateContext({ hasActiveSession: true });
-                            // Then transition to success
-                            transition(FlowState.FINAL_SUCCESS, { hasActiveSession: true });
-                        }
-                        else {
-                            // Handle auth failure
-                            handleFlowError(new Error('Authentication failed'));
-                        }
-                    } }));
-            case FlowState.FINAL_SUCCESS:
-                return (_jsx(FinalSuccessScreen, { onDone: handleFinish }));
-            case FlowState.ERROR:
-                return (_jsx(ErrorScreen, { error: context.error, onRetry: function () {
-                        // Logic to go back to appropriate state based on error
-                        transition(FlowState.CONNECTING_WALLET);
-                    }, onCancel: handleFinish }));
-            default:
-                return _jsx("div", { children: "Loading..." });
-        }
-    };
-    return (_jsx("div", { className: "z-50 flex items-center justify-center overflow-auto font-era ".concat(isClosing ? 'animate-fade-out' : 'animate-fade-in'), 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 max-w-sm m-4 origin-center will-change-[max-width,transform,opacity min-w-96", children: [_jsx("div", { className: "p-6 border-b border-gray-200 dark:border-gray-800 w-full max-w-2xl mx-auto", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "flex items-center gap-3", children: _jsx("div", { className: "w-6 h-6 text-gray-50", children: _jsx(Logo, { size: 24 }) }) }), _jsx("button", { onClick: handleCloseRequest, className: "\n                text-neutral-400 hover:text-gray-900 dark:hover:text-white \n                transition-colors duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]\n                h-10 w-10 rounded-full hover:bg-gray-100 dark:hover:bg-gray-800\n                flex items-center justify-center\n              ", children: _jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" }) }) })] }) }), _jsxs("div", { className: "wallet-connection-flow-content p-6 overflow-hidden", children: [renderConfirmationDialog(), renderScreen()] })] }) }));
-};

package/dist/NordFlow/components/AnimatedButton.d.ts

@@ -1,14 +0,0 @@
-import { ButtonKey, ButtonStates } from '../types';
-interface AnimatedButtonProps {
-    onClick: () => void;
-    text: string;
-    isTyping: boolean;
-    disabled?: boolean;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-}
-export declare const AnimatedButton: ({ onClick, text, isTyping, disabled, onMouseEnter, onMouseLeave, }: AnimatedButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useButtonTyping: (buttonStates: ButtonStates, setButtonStates: React.Dispatch<React.SetStateAction<ButtonStates>>, buttonConfigs: Record<ButtonKey, {
-    text: string;
-}>) => void;
-export {};

package/dist/NordFlow/components/AnimatedButton.js

@@ -1,75 +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 } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ANIMATION_EASE } from '../constants';
-var formatButtonText = function (text) {
-    return text.split('').join(' ');
-};
-export var AnimatedButton = function (_a) {
-    var onClick = _a.onClick, text = _a.text, isTyping = _a.isTyping, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
-    var _c = useState(false), isHovered = _c[0], setIsHovered = _c[1];
-    var _d = useState(false), isPressed = _d[0], setIsPressed = _d[1];
-    var handleMouseEnter = function () {
-        setIsHovered(true);
-        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter();
-    };
-    var handleMouseLeave = function () {
-        setIsHovered(false);
-        setIsPressed(false);
-        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave();
-    };
-    return (_jsxs("button", { onClick: onClick, disabled: disabled, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseDown: function () { return setIsPressed(true); }, onMouseUp: function () { return setIsPressed(false); }, className: "group relative w-full overflow-hidden rounded-md border-2 ".concat(disabled
-            ? 'border-gray-200 dark:border-gray-800 bg-gray-100 dark:bg-neutral-950 cursor-not-allowed'
-            : isPressed
-                ? 'border-main bg-main/10 dark:bg-main/5'
-                : isHovered
-                    ? 'border-main bg-gray-100 dark:bg-neutral-950'
-                    : 'border-gray-200 dark:border-gray-800 bg-gray-100 dark:bg-neutral-950 hover:border-main', " py-4 text-center \n      transition-all duration-300 ease-[").concat(ANIMATION_EASE, "]"), children: [_jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-main/10 to-transparent -translate-x-full group-hover:animate-shimmer", style: {
-                    backgroundSize: '200% 100%',
-                } }), _jsx("div", { className: "relative flex items-center justify-center", children: _jsx("span", { className: "text-lg font-medium tracking-wide ".concat(disabled
-                        ? 'text-gray-400 dark:text-gray-600'
-                        : isPressed
-                            ? 'text-main'
-                            : isHovered
-                                ? 'text-main'
-                                : 'text-gray-700 dark:text-gray-300 group-hover:text-main', " transition-colors duration-300"), children: isTyping ? (_jsxs("span", { className: "inline-flex items-center", children: [_jsx("span", { className: "tracking-widest", children: formatButtonText(text) }), _jsx("span", { className: "ml-1 h-5 w-0.5 bg-main animate-cursor-blink" })] })) : (text || '\u00A0') }) })] }));
-};
-export var useButtonTyping = function (buttonStates, setButtonStates, buttonConfigs) {
-    var BUTTON_CONFIGS = buttonConfigs || {
-        deposit: { text: 'Deposit' },
-        continue: { text: 'Continue' },
-        openApp: { text: 'Launch' },
-    };
-    useState(function () {
-        Object.entries(buttonStates).forEach(function (_a) {
-            var key = _a[0], state = _a[1];
-            if (state.isTyping) {
-                var config_1 = BUTTON_CONFIGS[key];
-                var index_1 = 0;
-                var interval_1 = setInterval(function () {
-                    if (index_1 <= config_1.text.length) {
-                        setButtonStates(function (prev) {
-                            var _a;
-                            return (__assign(__assign({}, prev), (_a = {}, _a[key] = __assign(__assign({}, prev[key]), { text: config_1.text.slice(0, index_1) }), _a)));
-                        });
-                        index_1++;
-                    }
-                    else {
-                        clearInterval(interval_1);
-                    }
-                }, 50);
-                return function () { return clearInterval(interval_1); };
-            }
-        });
-    });
-};

package/dist/NordFlow/components/ChainButton.d.ts

@@ -1,7 +0,0 @@
-import { Chain } from '../types';
-interface ChainButtonProps {
-    chain: Chain;
-    onClick: (chainId: string) => void;
-}
-export declare function ChainButton({ chain, onClick }: ChainButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/NordFlow/components/ChainButton.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ChainButton(_a) {
-    var chain = _a.chain, onClick = _a.onClick;
-    return (_jsxs("button", { onClick: function () { return onClick(chain.id); }, className: "flex flex-col items-center justify-center p-6 bg-gray-50 dark:bg-gray-950 border-2 border-gray-100 dark:border-gray-800 hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-gray-900 transition-all duration-200 group rounded-lg", children: [_jsx("img", { src: chain.logo, width: 48, height: 48, alt: chain.name, className: "opacity-90 grayscale group-hover:grayscale-0 group-hover:scale-105 transition-all duration-200" }), _jsx("span", { className: "mt-4 font-medium text-gray-600 dark:text-gray-400 group-hover:text-red-500 dark:group-hover:text-gray-50 transition-colors duration-200", children: chain.name })] }));
-}

package/dist/NordFlow/components/LoadingSquares.d.ts

@@ -1 +0,0 @@
-export declare function LoadingSquares(): import("react/jsx-runtime").JSX.Element;

package/dist/NordFlow/components/LoadingSquares.js

@@ -1,5 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function LoadingSquares() {
-    return (_jsx("div", { className: "relative w-32 h-32 animate-fade-up", style: { animationDelay: '0.2s' }, children: _jsxs("div", { className: "absolute inset-0 grid grid-cols-2 gap-2", children: [_jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-main/40 dark:bg-main/20 animate-square-loader" }) }), _jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-main/40 dark:bg-main/20 animate-square-loader", style: { animationDelay: '0.2s' } }) }), _jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-main/40 dark:bg-main/20 animate-square-loader", style: { animationDelay: '0.4s' } }) }), _jsx("div", { className: "relative bg-white dark:bg-neutral-900 border-2 border-gray-100 dark:border-neutral-800 overflow-hidden", children: _jsx("div", { className: "absolute inset-x-0 bottom-0 h-full bg-main/40 dark:bg-main/20 animate-square-loader", style: { animationDelay: '0.6s' } }) })] }) }));
-}

package/dist/NordFlow/components/TransactionTable.d.ts

@@ -1,13 +0,0 @@
-import { TableValues } from '../types';
-interface TransactionTableProps {
-    tableValues: TableValues & {
-        amount?: {
-            text: string;
-            visible: boolean;
-            typing: boolean;
-        };
-    };
-    onClose?: () => void;
-}
-export declare function TransactionTable({ tableValues, onClose }: TransactionTableProps): import("react/jsx-runtime").JSX.Element;
-export {};