@n1xyz/wallet-widget 0.0.5 → 0.0.8

package/dist/Logic/sessionManager.d.ts

@@ -27,7 +27,7 @@ export declare function createSigningFunction(privateKey: Uint8Array): (message:
  * Store session keys in local storage
  * @param data The session key data to store
  */
-export declare function storeSessionKeys({ privKey, walletPublicKey, chainName, sessionMode }: {
+export declare function storeSessionKeys({ privKey, walletPublicKey, chainName, sessionMode, }: {
     privKey: Uint8Array;
     walletPublicKey: string;
     chainName: string;

package/dist/Logic/sessionManager.js

@@ -96,10 +96,13 @@ export function storeSessionKeys(_a) {
         walletPublicKey: walletPublicKey,
         chainName: chainName,
         createdAt: new Date().toISOString(),
-        sessionMode: sessionMode.toString()
+        sessionMode: sessionMode.toString(),
     };
     localStorage.setItem(storageKey, JSON.stringify(data));
-    logger.debug('Session keys stored in local storage', { walletPublicKey: walletPublicKey, sessionMode: sessionMode });
+    logger.debug('Session keys stored in local storage', {
+        walletPublicKey: walletPublicKey,
+        sessionMode: sessionMode,
+    });
 }
 /**
  * Retrieve session keys from local storage
@@ -119,9 +122,10 @@ export function getSessionKeys(walletPublicKey) {
         }
         // Convert sessionMode string to enum value
         if (typeof parsedData.sessionMode === 'string') {
-            parsedData.sessionMode = parsedData.sessionMode === N1SessionMode.Nord.toString()
-                ? N1SessionMode.Nord
-                : N1SessionMode.NTS;
+            parsedData.sessionMode =
+                parsedData.sessionMode === N1SessionMode.Nord.toString()
+                    ? N1SessionMode.Nord
+                    : N1SessionMode.NTS;
         }
         else if (parsedData.sessionMode === undefined) {
             // For backward compatibility, default to NTS mode if not specified

package/dist/Logic/transactionManager.js

@@ -103,7 +103,7 @@ function createAndSendNordTransaction(data, signMessage) {
                     toAddress: 'Your Account',
                     networkName: getNetworkName(data.chainId),
                     status: 'Completed',
-                    explorerUrl: "https://explorer.nord.network/tx/".concat(transactionId)
+                    explorerUrl: "https://explorer.nord.network/tx/".concat(transactionId),
                 }];
         });
     });
@@ -139,7 +139,7 @@ function createAndSendNTSTransaction(data, signMessage) {
                             toAddress: 'NTS Account',
                             networkName: getNetworkName(data.chainId),
                             status: 'Completed',
-                            explorerUrl: "https://explorer.nts.network/tx/".concat(transactionId)
+                            explorerUrl: "https://explorer.nts.network/tx/".concat(transactionId),
                         }];
             }
         });
@@ -175,7 +175,11 @@ export function checkTransactionStatus(transactionId, chainId, sessionMode) {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    logger.debug('Checking transaction status', { transactionId: transactionId, chainId: chainId, sessionMode: sessionMode });
+                    logger.debug('Checking transaction status', {
+                        transactionId: transactionId,
+                        chainId: chainId,
+                        sessionMode: sessionMode,
+                    });
                     // In a real implementation, this would query the appropriate API based on session mode
                     // For now, we'll simulate a successful transaction
                     // Simulate processing time

package/dist/Logic/utils.js

@@ -105,16 +105,16 @@ function getMsgBytes(timestamp) {
 }
 export function createWebSession(signMessageWithSessionKey, sessionPubKey, walletPubKey) {
     return __awaiter(this, void 0, void 0, function () {
-        var timestamp, msg, signature, response, _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        var timestamp, msg, signature, response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
                 case 0:
                     logger.debug('Creating web session...');
                     timestamp = new Date().getTime();
                     msg = getMsgBytes(timestamp);
                     return [4 /*yield*/, signMessageWithSessionKey(msg)];
                 case 1:
-                    signature = _c.sent();
+                    signature = _a.sent();
                     if (process.env.SKIP_ARGUS) {
                         return [2 /*return*/];
                     }
@@ -133,14 +133,11 @@ export function createWebSession(signMessageWithSessionKey, sessionPubKey, walle
                             credentials: 'include', // Include cookies in requests
                         })];
                 case 2:
-                    response = _c.sent();
-                    if (!(response.status != 200)) return [3 /*break*/, 4];
-                    _b = (_a = console).log;
-                    return [4 /*yield*/, response.json()];
-                case 3:
-                    _b.apply(_a, [_c.sent()]);
-                    throw new Error('failed to create a session!');
-                case 4: return [2 /*return*/];
+                    response = _a.sent();
+                    if (response.status != 200) {
+                        throw new Error('failed to create a session!');
+                    }
+                    return [2 /*return*/];
             }
         });
     });

package/dist/Modal/N1WalletModal.js

@@ -37,9 +37,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { bs58Decode, getEd25519PublicKey, signEd25519 } from '@n1xyz/nts-sdk';
 import { lazy, Suspense, useEffect, useState } from 'react';
-import { ANIMATION_EASE, } from './NordFlow/constants';
+import { ANIMATION_EASE } from './NordFlow/constants';
 import { WalletError, WalletErrorCode } from '../errors/types';
-import { getSessionKeysFromLocalStorage, getUser, getUserBalances } from '../Logic/utils';
+import { getSessionKeysFromLocalStorage, getUser, getUserBalances, } from '../Logic/utils';
 import { useN1WalletContext, useN1WalletInternalContext, } from '../Provider/hooks';
 import { N1ModalViewMode, N1SessionMode } from '../Provider/types';
 import { logger } from '../utils/logger';
@@ -113,7 +113,6 @@ export function N1WalletModal() {
                         _a.label = 4;
                     case 4:
                         logger.group('Session Initialization');
-                        console.log('Session Initialization started');
                         _a.label = 5;
                     case 5:
                         _a.trys.push([5, , 15, 16]);

package/dist/Modal/NTSFlow/NTSFlow.js

@@ -16,15 +16,19 @@ var SigningView = lazy(function () {
     return import('./views/SigningView').then(function (mod) { return ({ default: mod.SigningView }); });
 });
 var CreateUserView = lazy(function () {
-    return import('./views/CreateUserView').then(function (mod) { return ({ default: mod.CreateUserView }); });
+    return import('./views/CreateUserView').then(function (mod) { return ({
+        default: mod.CreateUserView,
+    }); });
 });
 var SuccessView = lazy(function () {
     return import('./views/SuccessView').then(function (mod) { return ({ default: mod.SuccessView }); });
 });
 var NoWhitelistView = lazy(function () {
-    return import('./views/NoWhitelistView').then(function (mod) { return ({ default: mod.NoWhitelistView }); });
+    return import('./views/NoWhitelistView').then(function (mod) { return ({
+        default: mod.NoWhitelistView,
+    }); });
 });
 export function NTSFlow(_a) {
     var viewMode = useN1WalletContext().viewMode;
-    return (_jsxs(Suspense, { fallback: _jsx(LoadingFallback, {}), children: [viewMode === N1ModalViewMode.Connect && _jsx(ConnectView, {}), viewMode === N1ModalViewMode.CreateSession && (_jsx(CreateSessionView, {})), viewMode === N1ModalViewMode.Signing && _jsx(SigningView, {}), viewMode === N1ModalViewMode.CreatingUser && (_jsx(CreateUserView, {})), viewMode === N1ModalViewMode.Success && _jsx(SuccessView, {}), viewMode === N1ModalViewMode.NoWhitelist && (_jsx(NoWhitelistView, {}))] }));
+    return (_jsxs(Suspense, { fallback: _jsx(LoadingFallback, {}), children: [viewMode === N1ModalViewMode.Connect && _jsx(ConnectView, {}), viewMode === N1ModalViewMode.CreateSession && _jsx(CreateSessionView, {}), viewMode === N1ModalViewMode.Signing && _jsx(SigningView, {}), viewMode === N1ModalViewMode.CreatingUser && _jsx(CreateUserView, {}), viewMode === N1ModalViewMode.Success && _jsx(SuccessView, {}), viewMode === N1ModalViewMode.NoWhitelist && _jsx(NoWhitelistView, {})] }));
 }

package/dist/Modal/NTSFlow/components/BackButton.js

@@ -9,7 +9,6 @@ export function BackButton(props) {
     var _c = useState(false), isPressed = _c[0], setIsPressed = _c[1];
     function back() {
         // todo: disconnect
-        console.log('back');
         dynamicHandleLogOut();
         setViewMode(N1ModalViewMode.Connect);
     }

package/dist/Modal/NTSFlow/views/CreateSessionView.js

@@ -172,7 +172,7 @@ export function CreateSessionView() {
                                 case 1: return [2 /*return*/, _a.sent()];
                                 case 2:
                                     _2 = _a.sent();
-                                    console.log('error', _2);
+                                    logger.error('Error signing with Ed25519:', _2);
                                     throw _2;
                                 case 3: return [2 /*return*/];
                             }

package/dist/Modal/NordFlow/NordFlow.js

@@ -37,13 +37,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useState } from 'react';
 import Logo from '../../components/Logo';
-import { useN1WalletContext, useN1WalletInternalContext } from '../../Provider/hooks';
+import { useN1WalletContext, useN1WalletInternalContext, } from '../../Provider/hooks';
 import { CHAINS } from './constants';
 import { withImageFallback } from './hoc';
-import { useDepositFlow, useFlowState, useInterruptHandler, useNordInstance, useNordWalletConnect } from './hooks';
-import { AmountInputScreen, AuthLoadingScreen, ChainSelectionScreen, ConnectWalletScreen, DepositProgressScreen, DepositSuccessScreen, ErrorScreen, EvmWalletAuthScreen, FinalSuccessScreen } from './screens';
+import { useDepositFlow, useFlowState, useInterruptHandler, useNordInstance, useNordWalletConnect, } from './hooks';
+import { AmountInputScreen, AuthLoadingScreen, ChainSelectionScreen, ConnectWalletScreen, DepositProgressScreen, DepositSuccessScreen, ErrorScreen, EvmWalletAuthScreen, FinalSuccessScreen, } from './screens';
 import { FlowState } from './types';
 import { getTokenBalance, isNordConfigured } from './utils/nordUtils';
+import { logger } from '../../utils/logger';
 // Apply the withImageFallback HOC to all screen components
 var EnhancedConnectWalletScreen = withImageFallback(ConnectWalletScreen);
 var EnhancedEvmWalletAuthScreen = withImageFallback(EvmWalletAuthScreen);
@@ -68,16 +69,16 @@ export var NordFlow = function (_a) {
     // Check if Nord is properly configured
     useEffect(function () {
         if (nord && !isNordConfigured(nord)) {
-            console.warn('Nord is available but not properly configured. Some functionality may be limited.');
+            logger.warn('Nord is available but not properly configured. Some functionality may be limited.');
         }
     }, [nord]);
     // Handle state changes
     var handleStateChange = useCallback(function (newState, prevState) {
-        console.log("State changed from ".concat(prevState, " to ").concat(newState));
+        logger.debug("State changed from ".concat(prevState, " to ").concat(newState));
     }, []);
     // Handle errors
     var handleError = useCallback(function (error) {
-        console.error('Flow error:', error);
+        logger.error('Flow error:', error);
     }, []);
     // Initialize flow state
     var _d = useFlowState({
@@ -87,9 +88,9 @@ export var NordFlow = function (_a) {
     }), state = _d.state, context = _d.context, transition = _d.transition, updateContext = _d.updateContext, recover = _d.recover, recordInterruption = _d.recordInterruption, handleFlowError = _d.handleError, isRecoveryAvailable = _d.isRecoveryAvailable;
     // Create a wrapped transition function that logs more details
     var enhancedTransition = useCallback(function (newState, contextUpdates) {
-        console.log("Attempting transition to ".concat(newState), contextUpdates);
+        logger.debug("Attempting transition to ".concat(newState), contextUpdates);
         var result = transition(newState, contextUpdates);
-        console.log("Transition to ".concat(newState, " result:"), result);
+        logger.debug("Transition to ".concat(newState, " result:"), result);
         return result;
     }, [transition]);
     // Initialize wallet connection
@@ -130,7 +131,7 @@ export var NordFlow = function (_a) {
         visible: true,
         title: 'Processing Deposit',
         subtitle: 'Please wait while we process your deposit',
-        isTyping: false
+        isTyping: false,
     }), depositMessage = _j[0], setDepositMessage = _j[1];
     var handleFinish = function () {
         if (onClose) {
@@ -139,12 +140,12 @@ export var NordFlow = function (_a) {
     };
     // Handle chain selection
     var handleChainSelect = useCallback(function (chainId) {
-        console.log('Chain selected in NordFlow:', chainId);
+        logger.debug('Chain selected in NordFlow:', chainId);
         // For testnet, we need to use the network ID
         var selectedChain = chainId;
-        console.log('Transitioning to AMOUNT_INPUT with chain:', selectedChain);
+        logger.debug('Transitioning to AMOUNT_INPUT with chain:', selectedChain);
         enhancedTransition(FlowState.AMOUNT_INPUT, {
-            selectedChain: selectedChain
+            selectedChain: selectedChain,
         });
     }, [enhancedTransition]);
     // Get the USDC balance
@@ -166,7 +167,7 @@ export var NordFlow = function (_a) {
             switch (_a.label) {
                 case 0:
                     _a.trys.push([0, 6, , 7]);
-                    console.log('Refreshing balance...');
+                    logger.debug('Refreshing balance...');
                     if (!(currentNordUser && nord && isNordConfigured(nord))) return [3 /*break*/, 5];
                     _a.label = 1;
                 case 1:
@@ -176,19 +177,19 @@ export var NordFlow = function (_a) {
                     return [4 /*yield*/, userAny.refreshBalances()];
                 case 2:
                     _a.sent();
-                    console.log('Balances refreshed using Nord-TS');
+                    logger.debug('Balances refreshed using Nord-TS');
                     return [2 /*return*/];
                 case 3: return [3 /*break*/, 5];
                 case 4:
                     error_1 = _a.sent();
-                    console.warn('Error refreshing balances using Nord-TS, falling back to default method:', error_1);
+                    logger.warn('Error refreshing balances using Nord-TS, falling back to default method:', error_1);
                     return [3 /*break*/, 5];
                 case 5:
-                    console.log('Balance refreshed using default method');
+                    logger.debug('Balance refreshed using default method');
                     return [3 /*break*/, 7];
                 case 6:
                     error_2 = _a.sent();
-                    console.error('Error refreshing balance:', error_2);
+                    logger.error('Error refreshing balance:', error_2);
                     return [3 /*break*/, 7];
                 case 7: return [2 /*return*/];
             }
@@ -196,12 +197,16 @@ export var NordFlow = function (_a) {
     }); }, [currentNordUser, nord]);
     // Get available chains from Nord if possible
     var getAvailableChains = useCallback(function () {
-        if (nord && isNordConfigured(nord) && nord.markets && nord.markets.length > 0) {
+        if (nord &&
+            isNordConfigured(nord) &&
+            nord.markets &&
+            nord.markets.length > 0) {
             // Map Nord markets to chains format
             return nord.markets.map(function (market) { return ({
                 id: market.marketId.toString(),
                 name: market.symbol,
-                logo: "/assets/chains/".concat(market.symbol.toLowerCase(), ".svg"),
+                // Use a placeholder or dynamically generated logo instead of non-existent assets
+                logo: market.symbol.toLowerCase(), // Just use the symbol as an identifier
             }); });
         }
         // Fallback to predefined chains
@@ -218,9 +223,9 @@ export var NordFlow = function (_a) {
             case FlowState.ETH_TO_SOL_AUTH:
                 return (_jsx(EnhancedEvmWalletAuthScreen, { onAuth: function () { return transition(FlowState.CHAIN_SELECTION); } }));
             case FlowState.AMOUNT_INPUT:
-                return (_jsx(EnhancedAmountInputScreen, { amount: amount, onAmountChange: updateAmount, onContinue: startDeposit, balance: getUsdcBalance(), faucetUrl: faucetUrl, refreshBalance: refreshBalance }));
+                return (_jsx(EnhancedAmountInputScreen, { amount: amount, onAmountChange: updateAmount, onContinue: startDeposit, balance: getUsdcBalance(), faucetUrl: faucetUrl, refreshBalance: refreshBalance, depositError: context.depositError }));
             case FlowState.DEPOSIT_PROGRESS:
-                return (_jsx(EnhancedDepositProgressScreen, { message: depositMessage }));
+                return _jsx(EnhancedDepositProgressScreen, { message: depositMessage });
             case FlowState.DEPOSIT_SUCCESS:
                 // Get transaction details from the deposit flow
                 var txDetails = getTransactionDetails();
@@ -248,7 +253,7 @@ export var NordFlow = function (_a) {
                         }
                     } }));
             case FlowState.FINAL_SUCCESS:
-                return (_jsx(EnhancedFinalSuccessScreen, { onDone: handleFinish }));
+                return _jsx(EnhancedFinalSuccessScreen, { onDone: handleFinish });
             case FlowState.ERROR:
                 return (_jsx(EnhancedErrorScreen, { error: context.error, onRetry: function () {
                         // Logic to go back to appropriate state based on error

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

@@ -4,5 +4,5 @@ interface ChainButtonProps {
     onClick: (chainId: string) => void;
     disabled?: boolean;
 }
-export declare function ChainButton({ chain, onClick, disabled }: ChainButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChainButton({ chain, onClick, disabled, }: ChainButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Modal/NordFlow/components/ChainButton.js

@@ -7,15 +7,15 @@ export function ChainButton(_a) {
             onClick(chain.id);
         }
     };
-    var baseClasses = "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 transition-all duration-200 group rounded-lg";
-    var enabledClasses = "hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-gray-900";
-    var disabledClasses = "opacity-50 cursor-not-allowed";
+    var baseClasses = '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 transition-all duration-200 group rounded-lg';
+    var enabledClasses = 'hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-gray-900';
+    var disabledClasses = 'opacity-50 cursor-not-allowed';
     var buttonClasses = "".concat(baseClasses, " ").concat(disabled ? disabledClasses : enabledClasses);
     var imageClasses = disabled
-        ? "opacity-50 grayscale"
-        : "opacity-90 grayscale group-hover:grayscale-0 group-hover:scale-105 transition-all duration-200";
+        ? 'opacity-50 grayscale'
+        : 'opacity-90 grayscale group-hover:grayscale-0 group-hover:scale-105 transition-all duration-200';
     var textClasses = disabled
-        ? "mt-4 font-medium text-gray-400 dark:text-gray-500"
-        : "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";
-    return (_jsxs("button", { onClick: handleClick, className: buttonClasses, disabled: disabled, children: [_jsx(ImageWithFallback, { src: chain.logo, width: 48, height: 48, alt: chain.name, className: imageClasses, fallbackClassName: "w-12 h-12 rounded-full text-lg font-bold opacity-90 group-hover:scale-105 transition-all duration-200", fallbackBgColor: "bg-main/10 dark:bg-main/20", fallbackTextColor: "text-main dark:text-main" }), _jsx("span", { className: textClasses, children: chain.name })] }));
+        ? 'mt-4 font-medium text-gray-400 dark:text-gray-500'
+        : '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';
+    return (_jsxs("button", { onClick: handleClick, className: buttonClasses, disabled: disabled, children: [typeof chain.logo === 'string' ? (_jsx(ImageWithFallback, { src: chain.logo, width: 48, height: 48, alt: chain.name, className: imageClasses, fallbackClassName: "w-12 h-12 rounded-full text-lg font-bold opacity-90 group-hover:scale-105 transition-all duration-200", fallbackBgColor: "bg-main/10 dark:bg-main/20", fallbackTextColor: "text-main dark:text-main" })) : (_jsx("div", { className: imageClasses, children: chain.logo })), _jsx("span", { className: textClasses, children: chain.name })] }));
 }

package/dist/Modal/NordFlow/components/EVMChainsButton.d.ts

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

package/dist/Modal/NordFlow/components/EVMChainsButton.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EVMChainsGroup } from '../../../components/logos';
+export function EVMChainsButton(_a) {
+    var chain = _a.chain, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
+    var handleClick = function () {
+        if (!disabled) {
+            onClick(chain.id);
+        }
+    };
+    var baseClasses = '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 transition-all duration-200 group rounded-lg';
+    var enabledClasses = 'hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-gray-900';
+    var disabledClasses = 'opacity-50 cursor-not-allowed';
+    var buttonClasses = "".concat(baseClasses, " ").concat(disabled ? disabledClasses : enabledClasses);
+    var textClasses = disabled
+        ? 'mt-4 font-medium text-gray-400 dark:text-gray-500'
+        : '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';
+    return (_jsxs("button", { onClick: handleClick, className: buttonClasses, disabled: disabled, children: [_jsx(EVMChainsGroup, { size: 32, className: disabled ? 'opacity-50 grayscale' : 'opacity-90' }), _jsx("span", { className: textClasses, children: chain.name })] }));
+}

package/dist/Modal/NordFlow/components/MoreButton.d.ts

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

package/dist/Modal/NordFlow/components/MoreButton.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoreChainsGroup } from '../../../components/logos';
+export function MoreButton(_a) {
+    var chain = _a.chain, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
+    var handleClick = function () {
+        if (!disabled) {
+            onClick(chain.id);
+        }
+    };
+    var baseClasses = '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 transition-all duration-200 group rounded-lg';
+    var enabledClasses = 'hover:border-red-500 dark:hover:border-red-500 hover:bg-red-50/50 dark:hover:bg-gray-900';
+    var disabledClasses = 'opacity-50 cursor-not-allowed';
+    var buttonClasses = "".concat(baseClasses, " ").concat(disabled ? disabledClasses : enabledClasses);
+    var textClasses = disabled
+        ? 'mt-4 font-medium text-gray-400 dark:text-gray-500'
+        : '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';
+    return (_jsxs("button", { onClick: handleClick, className: buttonClasses, disabled: disabled, children: [_jsx(MoreChainsGroup, { size: 32, className: disabled ? 'opacity-50 grayscale' : 'opacity-90' }), _jsx("span", { className: textClasses, children: chain.name })] }));
+}

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

@@ -9,5 +9,5 @@ interface TransactionTableProps {
     };
     onClose?: () => void;
 }
-export declare function TransactionTable({ tableValues, onClose }: TransactionTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function TransactionTable({ tableValues, onClose, }: TransactionTableProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Modal/NordFlow/components/TransactionTable.js

@@ -11,20 +11,22 @@ export function TransactionTable(_a) {
             from: 'From',
             to: 'To',
             network: 'Network',
-            status: 'Status'
+            status: 'Status',
         };
         return labels[key] || key;
     };
     // Get appropriate color for values based on key
     var getValueStyles = function (key, value) {
         if (key === 'status') {
-            if (value.toLowerCase().includes('success') || value.toLowerCase().includes('confirmed')) {
+            if (value.toLowerCase().includes('success') ||
+                value.toLowerCase().includes('confirmed')) {
                 return 'text-green-500 dark:text-emerald-500 font-medium';
             }
             if (value.toLowerCase().includes('pending')) {
                 return 'text-amber-500 dark:text-amber-400 font-medium';
             }
-            if (value.toLowerCase().includes('fail') || value.toLowerCase().includes('error')) {
+            if (value.toLowerCase().includes('fail') ||
+                value.toLowerCase().includes('error')) {
                 return 'text-red-500 dark:text-red-400 font-medium';
             }
         }
@@ -68,8 +70,7 @@ export function TransactionTable(_a) {
     // Order of fields to display
     var fieldOrder = ['amount', 'status', 'network', 'from', 'to', 'tx'];
     // Sort entries based on fieldOrder
-    var sortedEntries = Object.entries(tableValues)
-        .sort(function (_a, _b) {
+    var sortedEntries = Object.entries(tableValues).sort(function (_a, _b) {
         var keyA = _a[0];
         var keyB = _b[0];
         var indexA = fieldOrder.indexOf(keyA);
@@ -78,6 +79,7 @@ export function TransactionTable(_a) {
     });
     return (_jsxs("div", { className: "relative w-full h-full bg-gray-100 dark:bg-gray-950 border border-gray-200 dark:border-gray-800 p-5 rounded-sm flex flex-col justify-center", children: [onClose && (_jsx("button", { onClick: onClose, className: "absolute top-3 right-2 text-gray-500 dark:text-gray-600 hover:text-gray-500 dark:hover:text-gray-300 transition-colors duration-200 focus:outline-none", "aria-label": "Close details", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })), _jsx("div", { className: "space-y-3 text-sm pt-5", children: sortedEntries.map(function (_a) {
                     var key = _a[0], value = _a[1];
-                    return (_jsxs("div", { className: "flex items-center justify-between py-2 ", children: [_jsx("span", { className: "text-gray-500 dark:text-gray-400 font-medium min-w-[120px]", children: getLabel(key) }), _jsxs("div", { className: "relative transition-all duration-300 ".concat(value.visible ? 'opacity-100' : 'opacity-0', " max-w-[65%] text-right flex-1"), children: [(key === 'tx' || key === 'from') && getExplorerLink(key, value.text) ? (_jsxs("a", { href: getExplorerLink(key, value.text), target: "_blank", rel: "noopener noreferrer", className: "".concat(getValueStyles(key, value.text), " break-all inline-block group"), title: value.text, children: [_jsx("span", { className: 'underline hover:font-bold', children: getDisplayValue(key, value.text) }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-3 w-3 ml-1 inline-block opacity-50 group-hover:opacity-100 transition-opacity duration-200", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) })] })) : (_jsx("span", { className: "".concat(getValueStyles(key, value.text), " break-all inline-block"), title: value.text, children: value.text })), value.typing && (_jsx("span", { className: "inline-block ml-1 w-[2px] h-[14px] bg-primary-500 dark:bg-primary-400 animate-pulse" }))] })] }, key));
+                    return (_jsxs("div", { className: "flex items-center justify-between py-2 ", children: [_jsx("span", { className: "text-gray-500 dark:text-gray-400 font-medium min-w-[120px]", children: getLabel(key) }), _jsxs("div", { className: "relative transition-all duration-300 ".concat(value.visible ? 'opacity-100' : 'opacity-0', " max-w-[65%] text-right flex-1"), children: [(key === 'tx' || key === 'from') &&
+                                        getExplorerLink(key, value.text) ? (_jsxs("a", { href: getExplorerLink(key, value.text), target: "_blank", rel: "noopener noreferrer", className: "".concat(getValueStyles(key, value.text), " break-all inline-block group"), title: value.text, children: [_jsx("span", { className: "underline hover:font-bold", children: getDisplayValue(key, value.text) }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-3 w-3 ml-1 inline-block opacity-50 group-hover:opacity-100 transition-opacity duration-200", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) })] })) : (_jsx("span", { className: "".concat(getValueStyles(key, value.text), " break-all inline-block"), title: value.text, children: value.text })), value.typing && (_jsx("span", { className: "inline-block ml-1 w-[2px] h-[14px] bg-primary-500 dark:bg-primary-400 animate-pulse" }))] })] }, key));
                 }) })] }));
 }

package/dist/Modal/NordFlow/constants.js

@@ -65,9 +65,7 @@ export var STATE_TRANSITIONS = [
     {
         from: FlowState.CONNECTING_WALLET,
         to: FlowState.CHAIN_SELECTION,
-        condition: function (context) {
-            return context.walletType === 'solana';
-        }, // If Solana wallet and no Nord account
+        condition: function (context) { return context.walletType === 'solana'; }, // If Solana wallet and no Nord account
     },
     {
         from: FlowState.CONNECTING_WALLET,
@@ -80,7 +78,9 @@ export var STATE_TRANSITIONS = [
         from: FlowState.CONNECTING_WALLET,
         to: FlowState.FINAL_SUCCESS,
         condition: function (context) {
-            return context.walletType === 'solana' && context.hasNordAccount && context.hasActiveSession;
+            return context.walletType === 'solana' &&
+                context.hasNordAccount &&
+                context.hasActiveSession;
         }, // If Solana wallet and no Nord account
     },
     // From ETH_TO_SOL_AUTH state
@@ -134,6 +134,11 @@ export var STATE_TRANSITIONS = [
         to: FlowState.ERROR,
         // When deposit fails
     },
+    {
+        from: FlowState.DEPOSIT_PROGRESS,
+        to: FlowState.AMOUNT_INPUT,
+        // When deposit fails but we want to allow retry
+    },
     // From DEPOSIT_SUCCESS state
     {
         from: FlowState.DEPOSIT_SUCCESS,