@n1xyz/wallet-widget 0.0.4 → 0.0.5

package/dist/Modal/NordFlow/utils/imageUtils.js

@@ -0,0 +1,109 @@
+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 };
+    }
+};
+/**
+ * Checks if an image URL is valid and accessible
+ * @param url The image URL to check
+ * @returns A promise that resolves to true if the image is valid, false otherwise
+ */
+export var isImageValid = function (url) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        if (!url)
+            return [2 /*return*/, false];
+        return [2 /*return*/, new Promise(function (resolve) {
+                var img = new Image();
+                img.onload = function () { return resolve(true); };
+                img.onerror = function () { return resolve(false); };
+                img.src = url;
+            })];
+    });
+}); };
+/**
+ * Gets chain icon URL with fallback
+ * @param chainId The chain ID
+ * @param fallbackUrl Optional fallback URL
+ * @returns The chain icon URL or fallback
+ */
+export var getChainIconUrl = function (chainId, fallbackUrl) {
+    try {
+        // Example implementation - replace with actual logic
+        var baseUrl = 'https://raw.githubusercontent.com/trustwallet/assets/master/blockchains';
+        // Map of chain IDs to their respective paths
+        var chainPaths = {
+            '1': 'ethereum/info/logo.png',
+            '56': 'smartchain/info/logo.png',
+            '137': 'polygon/info/logo.png',
+            // Add more chains as needed
+        };
+        var chainIdStr = chainId.toString();
+        if (chainPaths[chainIdStr]) {
+            return "".concat(baseUrl, "/").concat(chainPaths[chainIdStr]);
+        }
+        return fallbackUrl || '';
+    }
+    catch (error) {
+        console.error('Error getting chain icon URL:', error);
+        return fallbackUrl || '';
+    }
+};
+/**
+ * Gets token icon URL with fallback
+ * @param tokenSymbol The token symbol (e.g., 'ETH', 'USDC')
+ * @param chainId Optional chain ID for chain-specific tokens
+ * @param fallbackUrl Optional fallback URL
+ * @returns The token icon URL or fallback
+ */
+export var getTokenIconUrl = function (tokenSymbol, fallbackUrl) {
+    try {
+        // Example implementation - replace with actual logic
+        var baseUrl = 'https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets';
+        // Map of token symbols to their respective contract addresses
+        var tokenAddresses = {
+            'USDC': '0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48',
+            'USDT': '0xdAC17F958D2ee523a2206206994597C13D831ec7',
+            'DAI': '0x6B175474E89094C44Da98b954EedeAC495271d0F',
+            // Add more tokens as needed
+        };
+        if (tokenAddresses[tokenSymbol.toUpperCase()]) {
+            return "".concat(baseUrl, "/").concat(tokenAddresses[tokenSymbol.toUpperCase()], "/logo.png");
+        }
+        return fallbackUrl || '';
+    }
+    catch (error) {
+        console.error('Error getting token icon URL:', error);
+        return fallbackUrl || '';
+    }
+};

package/dist/Modal/NordFlow/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './imageUtils';
+export * from './persistence';
+export * from './nordUtils';

package/dist/Modal/NordFlow/utils/index.js

@@ -0,0 +1,3 @@
+export * from './imageUtils';
+export * from './persistence';
+export * from './nordUtils';

package/dist/Modal/NordFlow/utils/nordUtils.d.ts

@@ -0,0 +1,40 @@
+import { NordUser } from '@n1xyz/nord-ts';
+/**
+ * Format a Nord transaction for display
+ *
+ * @param tx Transaction object
+ * @returns Formatted transaction ID
+ */
+export declare function formatNordTransaction(tx: any): string;
+/**
+ * Get token balance for a specific token
+ *
+ * @param nordUser NordUser instance
+ * @param tokenSymbol Token symbol
+ * @returns Token balance
+ */
+export declare function getTokenBalance(nordUser: NordUser | null, tokenSymbol: string): number;
+/**
+ * Check if Nord is properly configured
+ *
+ * @param nord Nord instance
+ * @returns Whether Nord is properly configured
+ */
+export declare function isNordConfigured(nord: any): boolean;
+/**
+ * Format an amount with the appropriate number of decimal places
+ *
+ * @param amount Amount to format
+ * @param decimals Number of decimal places
+ * @returns Formatted amount
+ */
+export declare function formatAmount(amount: number | string, decimals?: number): string;
+/**
+ * Shorten an address for display
+ *
+ * @param address Address to shorten
+ * @param startChars Number of characters to show at the start
+ * @param endChars Number of characters to show at the end
+ * @returns Shortened address
+ */
+export declare function shortenAddress(address: string, startChars?: number, endChars?: number): string;

package/dist/Modal/NordFlow/utils/nordUtils.js

@@ -0,0 +1,61 @@
+/**
+ * Format a Nord transaction for display
+ *
+ * @param tx Transaction object
+ * @returns Formatted transaction ID
+ */
+export function formatNordTransaction(tx) {
+    return tx.id ? tx.id.substring(0, 8) + '...' + tx.id.substring(tx.id.length - 8) : 'Unknown';
+}
+/**
+ * Get token balance for a specific token
+ *
+ * @param nordUser NordUser instance
+ * @param tokenSymbol Token symbol
+ * @returns Token balance
+ */
+export function getTokenBalance(nordUser, tokenSymbol) {
+    if (!nordUser || !nordUser.balances || !nordUser.balances[tokenSymbol]) {
+        return 0;
+    }
+    var tokenBalances = nordUser.balances[tokenSymbol];
+    return tokenBalances.reduce(function (total, balance) { return total + balance.balance; }, 0);
+}
+/**
+ * Check if Nord is properly configured
+ *
+ * @param nord Nord instance
+ * @returns Whether Nord is properly configured
+ */
+export function isNordConfigured(nord) {
+    return !!nord && !!nord.webServerUrl && !!nord.solanaProgramId;
+}
+/**
+ * Format an amount with the appropriate number of decimal places
+ *
+ * @param amount Amount to format
+ * @param decimals Number of decimal places
+ * @returns Formatted amount
+ */
+export function formatAmount(amount, decimals) {
+    if (decimals === void 0) { decimals = 2; }
+    var numAmount = typeof amount === 'string' ? parseFloat(amount) : amount;
+    return numAmount.toFixed(decimals);
+}
+/**
+ * Shorten an address for display
+ *
+ * @param address Address to shorten
+ * @param startChars Number of characters to show at the start
+ * @param endChars Number of characters to show at the end
+ * @returns Shortened address
+ */
+export function shortenAddress(address, startChars, endChars) {
+    if (startChars === void 0) { startChars = 6; }
+    if (endChars === void 0) { endChars = 4; }
+    if (!address)
+        return '';
+    if (address.length <= startChars + endChars)
+        return address;
+    return "".concat(address.substring(0, startChars), "...").concat(address.substring(address.length - endChars));
+}

package/dist/Modal/NordFlow/utils/persistence.d.ts

@@ -0,0 +1,24 @@
+import { FlowContext, FlowState } from '../types';
+/**
+ * Saves the current flow state and context to localStorage
+ * @param state Current flow state
+ * @param context Current flow context
+ */
+export declare const saveStateToLocalStorage: (state: FlowState, context: FlowContext) => void;
+/**
+ * Loads the flow state and context from localStorage if available and not expired
+ * @returns The loaded state and context, or null if not available or expired
+ */
+export declare const loadStateFromLocalStorage: () => {
+    state: FlowState;
+    context: FlowContext;
+} | null;
+/**
+ * Clears the stored flow state from localStorage
+ */
+export declare const clearStoredState: () => void;
+/**
+ * Checks if there is a stored state that can be recovered
+ * @returns True if there is a recoverable state, false otherwise
+ */
+export declare const hasRecoverableState: () => boolean;

package/dist/Modal/NordFlow/utils/persistence.js

@@ -0,0 +1,83 @@
+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 { initialFlowContext } from '../types';
+import { FLOW_STATE_STORAGE_KEY, STATE_EXPIRY_TIME } from '../constants';
+/**
+ * Saves the current flow state and context to localStorage
+ * @param state Current flow state
+ * @param context Current flow context
+ */
+export var saveStateToLocalStorage = function (state, context) {
+    try {
+        var persistedData = {
+            state: state,
+            context: __assign(__assign({}, context), { 
+                // Filter out any sensitive data or error objects that shouldn't be persisted
+                error: context.error
+                    ? {
+                        message: context.error.message,
+                        name: context.error.name,
+                    }
+                    : null }),
+            timestamp: Date.now(),
+        };
+        localStorage.setItem(FLOW_STATE_STORAGE_KEY, JSON.stringify(persistedData));
+    }
+    catch (error) {
+        console.error('Failed to save flow state:', error);
+    }
+};
+/**
+ * Loads the flow state and context from localStorage if available and not expired
+ * @returns The loaded state and context, or null if not available or expired
+ */
+export var loadStateFromLocalStorage = function () {
+    try {
+        var storedData = localStorage.getItem(FLOW_STATE_STORAGE_KEY);
+        if (!storedData) {
+            return null;
+        }
+        var parsedData = JSON.parse(storedData);
+        var state = parsedData.state, context = parsedData.context, timestamp = parsedData.timestamp;
+        // Check if data is expired
+        if (Date.now() - timestamp > STATE_EXPIRY_TIME) {
+            localStorage.removeItem(FLOW_STATE_STORAGE_KEY);
+            return null;
+        }
+        return {
+            state: state,
+            context: __assign(__assign({}, initialFlowContext), context),
+        };
+    }
+    catch (error) {
+        console.error('Failed to load flow state:', error);
+        return null;
+    }
+};
+/**
+ * Clears the stored flow state from localStorage
+ */
+export var clearStoredState = function () {
+    try {
+        localStorage.removeItem(FLOW_STATE_STORAGE_KEY);
+    }
+    catch (error) {
+        console.error('Failed to clear flow state:', error);
+    }
+};
+/**
+ * Checks if there is a stored state that can be recovered
+ * @returns True if there is a recoverable state, false otherwise
+ */
+export var hasRecoverableState = function () {
+    return loadStateFromLocalStorage() !== null;
+};

package/dist/Modal/Sidebar/N1Sidebar.js

@@ -37,14 +37,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import BlockiesSvg from 'blockies-react-svg';
 import QRCodeLoader from '../../components/QRCodeLoader';
-import { ArrowDown, ArrowUp, X, ArrowLeft } from 'lucide-react';
+import { ArrowDown, ArrowUp, X, ArrowLeft, Maximize2, Minimize2 } from 'lucide-react';
 import { useEffect, useState } from 'react';
-import { N1ModalViewMode } from '../../Provider/types';
+import { N1ModalViewMode, N1SessionMode } from '../../Provider/types';
 import { shortenAddress } from '../../utils/shortenString';
 import { useN1WalletContext, useN1WalletInternalContext, } from '../../Provider/hooks';
 import { importNTSSDK } from '../../utils/dynamicImports';
 import { getUserBalances } from '../../Logic/utils';
 import { logger } from '../../utils/logger';
+import NordTradingView from './NordTradingView/NordTradingView';
 export function N1Sidebar(_) {
     var _this = this;
     // State management
@@ -58,10 +59,11 @@ export function N1Sidebar(_) {
     var _h = useState(''), amount = _h[0], setAmount = _h[1];
     var _j = useState(''), recipientAddress = _j[0], setRecipientAddress = _j[1];
     var _k = useState(''), error = _k[0], setError = _k[1];
-    var _l = useState('balances'), currentView = _l[0], setCurrentView = _l[1];
+    var _l = useState(false), isFullscreen = _l[0], setIsFullscreen = _l[1];
+    var _m = useState('balances'), currentView = _m[0], setCurrentView = _m[1];
     // Context hooks
-    var _m = useN1WalletContext(), username = _m.username, isConnected = _m.isConnected, address = _m.address, balances = _m.balances, walletPubKey = _m.walletPubKey, sessionPubKey = _m.sessionPubKey, signMessageWithSessionKey = _m.signMessageWithSessionKey;
-    var _o = useN1WalletInternalContext(), setShowSidebar = _o.setShowSidebar, showSidebar = _o.showSidebar, setStartClosingLogin = _o.setStartClosingLogin, dynamicHandleLogOut = _o.dynamicHandleLogOut, setBalances = _o.setBalances, setViewMode = _o.setViewMode, setIsConnected = _o.setIsConnected;
+    var _o = useN1WalletContext(), username = _o.username, isConnected = _o.isConnected, address = _o.address, balances = _o.balances, walletPubKey = _o.walletPubKey, sessionPubKey = _o.sessionPubKey, signMessageWithSessionKey = _o.signMessageWithSessionKey, sessionMode = _o.sessionMode;
+    var _p = useN1WalletInternalContext(), setShowSidebar = _p.setShowSidebar, showSidebar = _p.showSidebar, setStartClosingLogin = _p.setStartClosingLogin, dynamicHandleLogOut = _p.dynamicHandleLogOut, setBalances = _p.setBalances, setViewMode = _p.setViewMode, setIsConnected = _p.setIsConnected;
     // Utility functions
     var clearSendingForm = function () {
         setAmount('');
@@ -81,6 +83,9 @@ export function N1Sidebar(_) {
         setIsConnected(false);
         handleClose();
     };
+    var toggleFullscreen = function () {
+        setIsFullscreen(!isFullscreen);
+    };
     // Effects
     useEffect(function () {
         if (showSidebar) {
@@ -159,19 +164,28 @@ export function N1Sidebar(_) {
             }
         });
     }); };
-    return (_jsxs("div", { className: "fixed inset-0 bg-white/45 dark:bg-black/45 h-screen w-screen duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] z-[9999] flex items-stretch justify-end backdrop-blur-sm ".concat(!showSidebar ? 'hidden pointer-events-none' : '', " ").concat(closing ? 'opacity-0' : 'opacity-100'), children: [showSidebar && (_jsx("div", { className: "w-screen h-screen fixed top-0 left-0", onClick: function () { return setClosing(true); } })), showSidebar && (_jsxs("div", { className: "relative h-screen w-[420px] bg-gray-50 dark:bg-gray-950 shadow-xl border-l border-gray-200 dark:border-gray-800 duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] overflow-hidden ".concat(closing ? 'translate-x-full' : 'translate-x-0'), children: [_jsxs("div", { className: "flex justify-between items-center px-6 py-4 border-b border-gray-200 dark:border-gray-800", children: [_jsxs("div", { className: "flex items-center gap-4", children: [currentView !== 'balances' && (_jsx("button", { onClick: function () {
+    return (_jsxs("div", { className: "fixed inset-0 bg-white/45 dark:bg-black/45 h-screen w-screen duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] z-[9999] flex items-stretch justify-end backdrop-blur-sm ".concat(!showSidebar ? 'hidden pointer-events-none' : '', " ").concat(closing ? 'opacity-0' : 'opacity-100'), children: [showSidebar && (_jsx("div", { className: "w-screen h-screen fixed top-0 left-0", onClick: function () { return setClosing(true); } })), showSidebar && (_jsxs("div", { className: "relative h-screen bg-gray-50 dark:bg-gray-950 shadow-xl border-l border-gray-200 dark:border-gray-800 duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] overflow-hidden ".concat(closing ? 'translate-x-full' : 'translate-x-0', " ").concat(isFullscreen ? 'w-screen' : 'w-[420px]'), children: [_jsxs("div", { className: "flex justify-between items-center px-6 py-4 border-b border-gray-200 dark:border-gray-800", children: [_jsxs("div", { className: "flex items-center gap-4", children: [currentView !== 'balances' && (_jsx("button", { onClick: function () {
                                             setCurrentView('balances');
                                             clearSendingForm();
-                                        }, className: "text-gray-500 hover:text-red-500 dark:text-gray-400 dark:hover:text-red-500 transition-colors duration-200", children: _jsx(ArrowLeft, { size: 20 }) })), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(BlockiesSvg, { address: address, className: "w-10 h-10 rounded-full" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium text-gray-900 dark:text-gray-50", children: username }), _jsx("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: shortenAddress(address) })] })] })] }), _jsx("button", { onClick: handleClose, className: "text-gray-400 hover:text-red-500 transition-colors duration-200 h-6 flex items-center", children: _jsx(X, { size: 20 }) })] }), _jsxs("div", { className: "p-6 overflow-y-auto h-[calc(100vh-144px)]", children: [currentView === 'balances' && (_jsxs("div", { className: "flex justify-center gap-4 mb-6", children: [_jsxs("button", { onClick: function () { return setCurrentView('receive'); }, className: "flex flex-col items-center gap-2 group", children: [_jsx("div", { className: "w-12 h-12 flex items-center justify-center rounded-full bg-white dark:bg-neutral-950 border-2 border-gray-100 dark:border-neutral-800 group-hover:border-main dark:group-hover:border-main transition-colors duration-200", children: _jsx(ArrowDown, { size: 20, className: "text-gray-500 dark:text-neutral-400 group-hover:text-main dark:group-hover:text-main transition-colors duration-200" }) }), _jsx("span", { className: "text-sm text-gray-500 dark:text-neutral-400 group-hover:text-main dark:group-hover:text-main transition-colors duration-200", children: "Receive" })] }), balances.length > 0 && (_jsxs("button", { onClick: function () { return setCurrentView('send'); }, className: "flex flex-col items-center gap-2 group", children: [_jsx("div", { className: "w-12 h-12 flex items-center justify-center rounded-full bg-white dark:bg-neutral-950 border-2 border-gray-100 dark:border-neutral-800 group-hover:border-main dark:group-hover:border-main transition-colors duration-200", children: _jsx(ArrowUp, { size: 20, className: "text-gray-500 dark:text-neutral-400 group-hover:text-main dark:group-hover:text-main transition-colors duration-200" }) }), _jsx("span", { className: "text-sm text-gray-500 dark:text-neutral-400 group-hover:text-main dark:group-hover:text-main transition-colors duration-200", children: "Send" })] }))] })), _jsxs("div", { className: "space-y-4", children: [currentView === 'balances' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900 dark:text-gray-50", children: "Tokens" }), _jsx("div", { className: "h-px flex-1 mx-4 bg-gray-200 dark:bg-gray-800" })] }), _jsx("div", { className: "space-y-3", children: balances
-                                                    .sort(function (a, b) { return Number(b.balance) - Number(a.balance); })
-                                                    .map(function (balance) { return (_jsx("div", { className: "p-4 bg-gray-50 dark:bg-gray-950 rounded-xl border-2 border-gray-100 dark:border-gray-800 hover:border-red-400 dark:hover:border-[#ff2b1f] transition-colors duration-200", children: _jsx("div", { className: "flex items-center justify-between", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(BlockiesSvg, { address: balance.mint, className: "w-10 h-10 rounded-lg" }), _jsxs("div", { children: [_jsx("div", { className: "font-medium text-gray-900 dark:text-gray-50", children: shortenAddress(balance.mint) }), _jsxs("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: ["Balance: ", balance.balance.toLocaleString()] })] })] }) }) }, balance.mint)); }) })] })), currentView === 'send' && (_jsxs("form", { onSubmit: handleSend, className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-neutral-300 mb-2", children: "Select Token" }), _jsxs("select", { onChange: function (e) {
-                                                            var value = e.target.value.split('-');
-                                                            setAppIdAction(value[0]);
-                                                            setTokenToSend(value[1]);
-                                                            setAmount('');
-                                                        }, className: "w-full bg-white dark:bg-neutral-950 border-2 border-gray-100 dark:border-neutral-800 rounded-xl 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-red-400 dark:focus:border-[#ff2b1f] transition-colors duration-200", children: [_jsx("option", { value: "", children: "Select Token" }), balances.map(function (token) { return (_jsx("option", { value: token.appId + '-' + token.mint, children: shortenAddress(token.mint) }, token.mint)); })] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-neutral-300 mb-2", children: "Amount" }), _jsx("input", { type: "number", placeholder: "0.00", value: amount, onChange: function (e) { return setAmount(e.target.value); }, className: "w-full bg-white dark:bg-neutral-950 border-2 border-gray-100 dark:border-neutral-800 rounded-xl 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-red-400 dark:focus:border-[#ff2b1f] transition-colors duration-200" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-neutral-300 mb-2", children: "Recipient Address" }), _jsx("input", { type: "text", placeholder: "Enter recipient address", value: recipientAddress, onChange: function (e) { return setRecipientAddress(e.target.value); }, className: "w-full bg-white dark:bg-neutral-950 border-2 border-gray-100 dark:border-neutral-800 rounded-xl 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-red-400 dark:focus:border-[#ff2b1f] transition-colors duration-200" })] }), error && (_jsx("div", { className: "text-red-500 text-sm text-center", children: error })), success && (_jsx("div", { className: "text-green-500 text-sm text-center", children: success })), _jsx("button", { type: "submit", disabled: activeSending, className: "w-full px-6 py-3 rounded-xl bg-main hover:bg-main/90 text-white font-medium disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200 flex items-center justify-center gap-2", children: activeSending ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "Sending" }), _jsx("div", { className: "w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin" })] })) : ('Send Tokens') })] })), currentView === 'receive' && (_jsxs("div", { className: "flex flex-col items-center gap-6", children: [_jsx("div", { className: "w-64 h-64 p-4 bg-white dark:bg-neutral-950 border-2 border-gray-100 dark:border-neutral-800 rounded-xl", children: _jsx(QRCodeLoader, { address: address }) }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-sm text-gray-500 dark:text-neutral-400 mb-2", children: "Your wallet address" }), _jsx("p", { className: "font-medium text-gray-900 dark:text-white break-all px-4", children: address })] }), _jsx("button", { onClick: function () {
-                                                    navigator.clipboard.writeText(address);
-                                                    setSuccess('Address copied!');
-                                                    setTimeout(function () { return setSuccess(''); }, 2000);
-                                                }, className: "px-6 py-3 rounded-xl bg-white dark:bg-neutral-950 border-2 border-gray-100 dark:border-neutral-800 hover:border-main dark:hover:border-main text-gray-900 dark:text-white font-medium transition-colors duration-200", children: success === 'Address copied!' ? 'Copied!' : 'Copy Address' })] }))] })] }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 p-6 border-t border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-950", children: _jsx("button", { onClick: disconnect, className: "w-full px-6 py-3 rounded-xl bg-red-100 dark:bg-red-900/20 hover:bg-red-200 dark:hover:bg-red-900/30 text-red-600 dark:text-red-400 font-medium transition-colors duration-200", children: "Disconnect" }) })] }))] }));
+                                        }, className: "text-gray-500 hover:text-red-500 dark:text-gray-400 dark:hover:text-red-500 transition-colors duration-200", children: _jsx(ArrowLeft, { size: 20 }) })), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(BlockiesSvg, { address: address, className: "w-10 h-10 rounded-full" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium text-gray-900 dark:text-gray-50", children: username }), _jsx("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: shortenAddress(address) })] })] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("button", { onClick: toggleFullscreen, className: "text-gray-400 hover:text-red-500 transition-colors duration-200 h-6 flex items-center", "aria-label": isFullscreen ? "Exit fullscreen" : "Enter fullscreen", children: isFullscreen ? _jsx(Minimize2, { size: 20 }) : _jsx(Maximize2, { size: 20 }) }), _jsx("button", { onClick: handleClose, className: "text-gray-400 hover:text-red-500 transition-colors duration-200 h-6 flex items-center", children: _jsx(X, { size: 20 }) })] })] }), _jsx("div", { className: "p-6 overflow-y-auto h-[calc(100vh-144px)]", children: _jsx("div", { className: "space-y-4", children: sessionMode === N1SessionMode.Nord ? (_jsx(NordTradingView, {})) : (_jsxs(_Fragment, { children: [currentView === 'balances' && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-gray-50", children: "Balances" }), _jsxs("div", { className: "flex space-x-2", children: [_jsxs("button", { onClick: function () {
+                                                                    setReceiving(true);
+                                                                    setSending(false);
+                                                                    setCurrentView('receive');
+                                                                }, className: "px-3 py-1.5 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 flex items-center", children: [_jsx(ArrowDown, { size: 16, className: "mr-1.5" }), "Receive"] }), _jsxs("button", { onClick: function () {
+                                                                    setSending(true);
+                                                                    setReceiving(false);
+                                                                    setCurrentView('send');
+                                                                }, className: "px-3 py-1.5 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 flex items-center", children: [_jsx(ArrowUp, { size: 16, className: "mr-1.5" }), "Send"] })] })] }), balances && balances.length > 0 ? (_jsx("div", { className: "space-y-3", children: balances.map(function (balance, index) { return (_jsxs("div", { className: "p-4 bg-white dark:bg-gray-900 rounded-xl shadow-sm border border-gray-200 dark:border-gray-800 flex justify-between items-center", children: [_jsxs("div", { children: [_jsx("div", { className: "font-medium text-gray-900 dark:text-gray-50", children: balance.appType }), _jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: balance.appId })] }), _jsxs("div", { className: "text-right", children: [_jsx("div", { className: "font-medium text-gray-900 dark:text-gray-50", children: balance.balance.toString() }), _jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Available" })] })] }, index)); }) })) : (_jsx("div", { className: "p-4 bg-gray-50 dark:bg-gray-800 rounded-xl text-gray-500 dark:text-gray-400 text-center", children: "No balances found" }))] })), currentView === 'send' && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center", children: [_jsx("button", { onClick: function () {
+                                                            setCurrentView('balances');
+                                                            clearSendingForm();
+                                                        }, className: "mr-3 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200", children: _jsx(ArrowLeft, { size: 20 }) }), _jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-gray-50", children: "Send Tokens" })] }), error && (_jsx("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 rounded-xl text-red-600 dark:text-red-400 text-sm", children: error })), success && (_jsx("div", { className: "p-4 bg-green-50 dark:bg-green-900/20 rounded-xl text-green-600 dark:text-green-400 text-sm", children: success })), _jsxs("form", { onSubmit: handleSend, className: "space-y-4", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Token" }), _jsxs("select", { value: tokenToSend, onChange: function (e) { return setTokenToSend(e.target.value); }, className: "w-full px-3 py-2 bg-gray-100 dark:bg-gray-800 rounded-lg text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-800", required: true, children: [_jsx("option", { value: "", children: "Select Token" }), balances && balances.map(function (balance, index) { return (_jsxs("option", { value: balance.mint, children: [balance.appType, " (", balance.balance.toString(), ")"] }, index)); })] })] }), tokenToSend && (_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "App ID" }), _jsxs("select", { value: appIdAction, onChange: function (e) { return setAppIdAction(e.target.value); }, className: "w-full px-3 py-2 bg-gray-100 dark:bg-gray-800 rounded-lg text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-800", required: true, children: [_jsx("option", { value: "", children: "Select App ID" }), balances && balances
+                                                                        .filter(function (balance) { return balance.mint === tokenToSend; })
+                                                                        .map(function (balance, index) { return (_jsx("option", { value: balance.appId, children: balance.appId }, index)); })] })] })), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Amount" }), _jsx("input", { type: "text", value: amount, onChange: function (e) { return setAmount(e.target.value); }, className: "w-full px-3 py-2 bg-gray-100 dark:bg-gray-800 rounded-lg text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-800", placeholder: "Enter amount", required: true })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: "Recipient Address" }), _jsx("input", { type: "text", value: recipientAddress, onChange: function (e) { return setRecipientAddress(e.target.value); }, className: "w-full px-3 py-2 bg-gray-100 dark:bg-gray-800 rounded-lg text-gray-900 dark:text-gray-100 border border-gray-200 dark:border-gray-800", placeholder: "Enter recipient address", required: true })] }), _jsx("button", { type: "submit", disabled: activeSending, className: "w-full py-3 rounded-xl font-medium transition-colors duration-200 ".concat(activeSending
+                                                            ? 'bg-gray-300 dark:bg-gray-700 text-gray-500 dark:text-gray-400 cursor-not-allowed'
+                                                            : 'bg-blue-600 hover:bg-blue-700 text-white'), children: activeSending ? 'Sending...' : 'Send Tokens' })] })] })), currentView === 'receive' && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center", children: [_jsx("button", { onClick: function () {
+                                                            setCurrentView('balances');
+                                                            setReceiving(false);
+                                                        }, className: "mr-3 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200", children: _jsx(ArrowLeft, { size: 20 }) }), _jsx("h2", { className: "text-xl font-semibold text-gray-900 dark:text-gray-50", children: "Receive Tokens" })] }), _jsxs("div", { className: "p-4 bg-white dark:bg-gray-900 rounded-xl shadow-sm border border-gray-200 dark:border-gray-800 flex flex-col items-center", children: [_jsx("div", { className: "mb-4 bg-white p-2 rounded-lg", children: _jsx(QRCodeLoader, { address: address }) }), _jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400 mb-2", children: "Your wallet address:" }), _jsx("div", { className: "font-mono text-sm text-gray-900 dark:text-gray-100 mb-4 break-all text-center", children: address }), _jsx("button", { onClick: function () {
+                                                            navigator.clipboard.writeText(address);
+                                                        }, className: "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: "Copy Address" })] })] }))] })) }) }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 p-6 border-t border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-950", children: _jsxs("button", { onClick: disconnect, className: "group relative w-full px-6 py-3 rounded-sm bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 font-medium transition-all duration-300 ease-in-out overflow-hidden", children: [_jsx("div", { className: "relative z-10 flex items-center justify-center", children: _jsx("span", { className: "text-gray-900 dark:text-gray-100 group-hover:text-white dark:group-hover:text-white transition-colors duration-300 ease-in-out", children: "Disconnect" }) }), _jsx("div", { className: "absolute inset-0 bg-red-700 transform scale-x-0 group-hover:scale-x-100 transition-transform duration-300 ease-in-out origin-left" })] }) })] }))] }));
 }

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

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

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

@@ -0,0 +1,116 @@
+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/MarketOverview/MarketOverview.d.ts

@@ -0,0 +1,7 @@
+interface MarketOverviewProps {
+    selectedMarket: string | null;
+    onMarketChange: (market: string) => void;
+    className?: string;
+}
+export default function MarketOverview({ selectedMarket, onMarketChange, className }: MarketOverviewProps): import("react/jsx-runtime").JSX.Element;
+export {};