@n1xyz/wallet-widget 0.0.1 → 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

@@ -1,21 +1,92 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 BlockiesSvg from 'blockies-react-svg';
+import QRCodeLoader from '../../components/QRCodeLoader';
+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
     var _a = useState(false), closing = _a[0], setClosing = _a[1];
-    var _b = useN1WalletContext(), username = _b.username, isConnected = _b.isConnected, address = _b.address;
-    var _c = useN1WalletInternalContext(), setShowSidebar = _c.setShowSidebar, showSidebar = _c.showSidebar, setStartClosingLogin = _c.setStartClosingLogin, dynamicHandleLogOut = _c.dynamicHandleLogOut;
-    var addressText = isConnected && address.substring(0, 9) + '...' + address.slice(-3);
-    var _d = useN1WalletInternalContext(), setViewMode = _d.setViewMode, setIsConnected = _d.setIsConnected;
-    function disconnect() {
+    var _b = useState(false), sending = _b[0], setSending = _b[1];
+    var _c = useState(false), receiving = _c[0], setReceiving = _c[1];
+    var _d = useState(''), success = _d[0], setSuccess = _d[1];
+    var _e = useState(false), activeSending = _e[0], setActiveSending = _e[1];
+    var _f = useState(''), tokenToSend = _f[0], setTokenToSend = _f[1];
+    var _g = useState(''), appIdAction = _g[0], setAppIdAction = _g[1];
+    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(false), isFullscreen = _l[0], setIsFullscreen = _l[1];
+    var _m = useState('balances'), currentView = _m[0], setCurrentView = _m[1];
+    // Context hooks
+    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('');
+        setTokenToSend('');
+        setRecipientAddress('');
+        setAppIdAction('');
+        setSuccess('');
+        setError('');
+    };
+    var handleClose = function () {
+        setClosing(true);
+        setStartClosingLogin(true);
+    };
+    var disconnect = function () {
         dynamicHandleLogOut();
         setViewMode(N1ModalViewMode.Connect);
         setIsConnected(false);
-        setClosing(true);
-        setStartClosingLogin(true);
-    }
+        handleClose();
+    };
+    var toggleFullscreen = function () {
+        setIsFullscreen(!isFullscreen);
+    };
+    // Effects
     useEffect(function () {
         if (showSidebar) {
             setClosing(false);
@@ -31,8 +102,90 @@ export function N1Sidebar(_) {
         }
         return function () { return clearTimeout(timeout); };
     }, [closing, setShowSidebar]);
-    return (_jsxs("div", { className: 'fixed inset-0 bg-neutral-400/45 dark:bg-neutral-700/45 h-screen w-screen duration-500 ease-in-out z-[9999] flex items-center justify-end py-3 backdrop-blur-sm ' +
-            (!showSidebar && 'hidden pointer-events-none') +
-            (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 && (_jsx("div", { className: 'relative h-full py-6 pl-6 pr-8 bg-white dark:bg-neutral-900 shadow-xl border-2 border-neutral-200 dark:border-neutral-700 rounded-l-2xl rounded-b-2xl rounded-t-2xl duration-500 ease-in-out overflow-hidden ' +
-                    (closing ? 'translate-x-full' : 'translate-x-0'), children: _jsxs("div", { className: 'flex flex-col', children: [_jsxs("div", { className: "flex w-full mb-4", children: [_jsx("div", { className: "w-16 h-16 bg-neutral-200 dark:bg-neutral-800 rounded-full flex items-center justify-center relative", children: _jsx("div", { className: "overflow-hidden rounded-full w-16 h-16", children: _jsx(BlockiesSvg, { address: address, className: "drop-shadow w-full h-full rounded-[20px]" }) }) }), _jsxs("div", { className: 'flex flex-col pl-3 py-2', children: [_jsx("div", { className: 'font-extrabold text-neutral-900 dark:text-stone-200', children: username }), _jsx("div", { className: 'font-extrabold text-neutral-400 dark:text-neutral-500', children: addressText })] })] }), _jsxs("div", { className: 'mt-4 rounded-2xl flex flex-col items-center justify-center h-24 w-full p-2 bg-red-50 dark:bg-red-900/20 hover:bg-red-100 dark:hover:bg-red-900/30 border-neutral-200 dark:border-neutral-700 border text-neutral-700 dark:text-neutral-300 cursor-pointer', onClick: disconnect, children: [_jsx("div", { className: 'bg-red-400 rounded-sm h-4 w-4 mb-2 rotate-45' }), _jsx("div", { className: 'font-bold', children: "Disconnect" }), _jsx("div", { className: 'text-xs', children: "Log out from the application" })] }), _jsxs("div", { className: 'justify-center w-full flex text-xs mt-8 mb-6 items-center', children: [_jsx("div", { className: 'h-0.5 bg-neutral-300 dark:bg-neutral-700 w-16 mx-2' }), _jsx("div", { className: 'text-neutral-600 dark:text-neutral-400 font-bold', children: "Other apps" }), _jsx("div", { className: 'h-0.5 bg-neutral-300 dark:bg-neutral-700 w-16 mx-2' })] }), _jsx("div", { className: 'flex flex-col gap-y-2', children: _jsx("div", { className: "cursor-pointer flex flex-col flex-shrink-0 mr-6 w-full h-48 bg-neutral-900 dark:bg-black rounded-xl overflow-hidden relative", children: _jsx("div", { className: 'absolute flex flex-row items-center justify-between bottom-0 w-full bg-gradient-to-t px-5 py-3 from-neutral-900 dark:from-black', children: _jsxs("div", { className: "flex flex-row gap-3 items-center", children: [_jsx("div", { className: "w-10 h-10 relative rounded-lg overflow-hidden" }), _jsxs("div", { className: "flex flex-col leading-none", children: [_jsx("div", { className: "text-white", children: "Nos" }), _jsx("div", { className: "text-neutral-200", children: "Perp Dex" })] })] }) }) }) })] }) }))] }));
+    useEffect(function () {
+        if (!isConnected && showSidebar) {
+            setShowSidebar(false);
+        }
+    }, [isConnected, showSidebar]);
+    // Send tokens handler
+    var handleSend = function (e) { return __awaiter(_this, void 0, void 0, function () {
+        var sdk, nts, idl, appClient, balances_1, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    e.preventDefault();
+                    setError('');
+                    if (!sessionPubKey || !signMessageWithSessionKey || !walletPubKey)
+                        return [2 /*return*/];
+                    if (!tokenToSend || !amount || !recipientAddress) {
+                        setError('All fields are required.');
+                        setTimeout(function () { return setError(''); }, 2000);
+                        return [2 /*return*/];
+                    }
+                    if (isNaN(Number(amount)) || Number(amount) <= 0) {
+                        setError('Amount must be a positive number.');
+                        setTimeout(function () { return setError(''); }, 2000);
+                        return [2 /*return*/];
+                    }
+                    setActiveSending(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 6, , 7]);
+                    return [4 /*yield*/, importNTSSDK()];
+                case 2:
+                    sdk = _a.sent();
+                    nts = new sdk.NTSInterface(process.env.NTS_URL);
+                    return [4 /*yield*/, nts.getAppIdl(appIdAction)];
+                case 3:
+                    idl = _a.sent();
+                    appClient = new sdk.NAppClient(process.env.NTS_URL, appIdAction, idl, walletPubKey, sessionPubKey, signMessageWithSessionKey);
+                    return [4 /*yield*/, appClient['transfer'](amount, tokenToSend, recipientAddress)];
+                case 4:
+                    _a.sent();
+                    return [4 /*yield*/, getUserBalances(address)];
+                case 5:
+                    balances_1 = _a.sent();
+                    setBalances(balances_1);
+                    setActiveSending(false);
+                    setSuccess('Tokens sent successfully!');
+                    setTimeout(function () {
+                        setSending(false);
+                        clearSendingForm();
+                    }, 2000);
+                    return [3 /*break*/, 7];
+                case 6:
+                    error_1 = _a.sent();
+                    logger.error('Error sending tokens:', error_1);
+                    setError('Error sending tokens. Please try again.');
+                    setActiveSending(false);
+                    setTimeout(function () { return setError(''); }, 2000);
+                    return [3 /*break*/, 7];
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); };
+    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) })] })] })] }), _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;