@n1xyz/wallet-widget 0.0.5 → 0.0.8

package/dist/Modal/NordFlow/hooks/useDepositFlow.js

@@ -37,11 +37,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import { useCallback, useEffect, useState } from 'react';
 import { FlowState } from '../types';
 import { AVAILABLE_CHAINS } from '../constants';
-import { getExplorerUrl } from '../../../Logic/transactionManager';
-import { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';
+import { getExplorerUrl, } from '../../../Logic/transactionManager';
+import { useN1WalletContext, useN1WalletInternalContext, } from '../../../Provider/hooks';
 import { N1SessionMode } from '../../../Provider/types';
 import { isNordConfigured } from '../utils/nordUtils';
 import { useNordInstance } from './useNordInstance';
+import { logger } from '../../../utils/logger';
 /**
  * Hook for handling the deposit flow
  *
@@ -117,14 +118,14 @@ export var useDepositFlow = function (options) {
      * Start deposit process
      */
     var startDeposit = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var currentSessionMode, txId_1, usdcToken, accountInitialized, i, exists, result, depositError_1, error_1, error_2;
+        var currentSessionMode, txId_1, usdcToken, accountInitialized, i, exists, result, depositError_1, errorMessage, error_1, error_2;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     if (isDepositing)
                         return [2 /*return*/];
-                    console.log("tah dah!");
+                    logger.debug('tah dah!');
                     // Validate input
                     if (!selectedChain) {
                         handleError(new Error('No chain selected'));
@@ -183,7 +184,7 @@ export var useDepositFlow = function (options) {
                     if (!accountInitialized) {
                         throw new Error('Account failed to intialize on N1.');
                     }
-                    console.log('Deposit successful using Nord-TS', txId_1);
+                    logger.debug('Deposit successful using Nord-TS', txId_1);
                     // Make sure we have a valid chain ID
                     if (selectedChain) {
                         result = {
@@ -192,15 +193,17 @@ export var useDepositFlow = function (options) {
                             amount: amount,
                             tokenSymbol: 'USDC', // Default to USDC for now
                             fromAddress: address || 'Your Wallet',
-                            toAddress: currentSessionMode === N1SessionMode.Nord ? 'Nord Account' : 'NTS Account',
+                            toAddress: currentSessionMode === N1SessionMode.Nord
+                                ? 'Exchange Account'
+                                : 'NTS Account',
                             networkName: ((_a = AVAILABLE_CHAINS.find(function (chain) { return chain.id === selectedChain; })) === null || _a === void 0 ? void 0 : _a.name) || selectedChain,
                             status: 'Completed',
-                            explorerUrl: getExplorerUrl(txId_1, selectedChain)
+                            explorerUrl: getExplorerUrl(txId_1, selectedChain),
                         };
                         // Update state with transaction result
                         setTransactionId(txId_1);
                         setTransactionResult(result);
-                        console.log("yayayyay");
+                        logger.debug('yayayyay');
                         setTxId(txId_1);
                         return [2 /*return*/]; // Exit the function early since we've handled everything
                     }
@@ -214,22 +217,28 @@ export var useDepositFlow = function (options) {
                 case 11: return [3 /*break*/, 13];
                 case 12:
                     depositError_1 = _b.sent();
-                    console.warn('Error using depositSpl, falling back to mock implementation:', depositError_1);
+                    logger.warn('Error using depositSpl, falling back to mock implementation:', depositError_1);
                     setIsDepositing(false);
-                    return [3 /*break*/, 13];
+                    errorMessage = depositError_1 instanceof Error
+                        ? depositError_1.message
+                        : 'Failed to process deposit';
+                    transition(FlowState.AMOUNT_INPUT, {
+                        depositError: errorMessage
+                    });
+                    return [2 /*return*/]; // Exit early
                 case 13: return [3 /*break*/, 15];
                 case 14:
                     error_1 = _b.sent();
-                    console.error('Error using Nord-TS for deposit:', error_1);
+                    logger.error('Error using Nord-TS for deposit:', error_1);
                     throw error_1;
                 case 15: return [3 /*break*/, 17];
                 case 16:
-                    console.log("Nord configuration issue:", {
+                    logger.debug('Nord configuration issue:', {
                         hasNord: !!nord,
                         isConfigured: nord ? isNordConfigured(nord) : false,
                         hasAddress: !!address,
                         hasWalletSignFn: !!signMessageWithWalletKey,
-                        hasSessionSignFn: !!signMessageWithSessionKey
+                        hasSessionSignFn: !!signMessageWithSessionKey,
                     });
                     throw new Error('Nord is not configured or user is not initialized');
                 case 17: return [3 /*break*/, 19];
@@ -252,7 +261,7 @@ export var useDepositFlow = function (options) {
         nord,
         signMessageWithWalletKey,
         signMessageWithSessionKey,
-        currentNordUser
+        currentNordUser,
     ]);
     /**
      * Complete the deposit process and move to the next screen
@@ -323,7 +332,9 @@ export var useDepositFlow = function (options) {
         // Ensure we have a valid session mode
         var currentSessionMode = sessionMode !== null && sessionMode !== void 0 ? sessionMode : N1SessionMode.NTS;
         // Determine account type based on session mode
-        var accountType = currentSessionMode === N1SessionMode.Nord ? 'Nord Account' : 'NTS Account';
+        var accountType = currentSessionMode === N1SessionMode.Nord
+            ? 'Exchange Account'
+            : 'NTS Account';
         if (!transactionResult) {
             // If we don't have a transaction result yet, return default values
             return {
@@ -331,7 +342,9 @@ export var useDepositFlow = function (options) {
                 tx: transactionId || 'Processing...',
                 from: address || 'Your Wallet',
                 to: accountType,
-                network: selectedChain ? ((_a = AVAILABLE_CHAINS.find(function (chain) { return chain.id === selectedChain; })) === null || _a === void 0 ? void 0 : _a.name) || selectedChain : 'Unknown',
+                network: selectedChain
+                    ? ((_a = AVAILABLE_CHAINS.find(function (chain) { return chain.id === selectedChain; })) === null || _a === void 0 ? void 0 : _a.name) || selectedChain
+                    : 'Unknown',
                 status: 'Processing',
                 explorerUrl: '',
             };
@@ -344,9 +357,17 @@ export var useDepositFlow = function (options) {
             to: transactionResult.toAddress,
             network: transactionResult.networkName,
             status: transactionResult.status,
-            explorerUrl: transactionResult.explorerUrl || getExplorerUrl(transactionResult.transactionId, selectedChain || ''),
+            explorerUrl: transactionResult.explorerUrl ||
+                getExplorerUrl(transactionResult.transactionId, selectedChain || ''),
         };
-    }, [transactionResult, amount, transactionId, address, sessionMode, selectedChain]);
+    }, [
+        transactionResult,
+        amount,
+        transactionId,
+        address,
+        sessionMode,
+        selectedChain,
+    ]);
     return {
         selectedChain: selectedChain,
         setSelectedChain: setSelectedChain,

package/dist/Modal/NordFlow/hooks/useFlowState.js

@@ -13,6 +13,7 @@ import { useCallback, useEffect, useState } from 'react';
 import { FlowState, initialFlowContext } from '../types';
 import { STATE_TRANSITIONS } from '../constants';
 import { clearStoredState, loadStateFromLocalStorage, saveStateToLocalStorage, } from '../utils/persistence';
+import { logger } from '../../../utils/logger';
 /**
  * Custom hook for managing the wallet connection flow state machine
  * @param options Configuration options
@@ -49,7 +50,7 @@ export var useFlowState = function (options) {
     var transition = useCallback(function (targetState, contextUpdates) {
         if (contextUpdates === void 0) { contextUpdates = {}; }
         if (!canTransition(targetState, __assign(__assign({}, context), contextUpdates))) {
-            console.warn("Transition from ".concat(state, " to ").concat(targetState, " is not allowed"));
+            logger.warn("Transition from ".concat(state, " to ").concat(targetState, " is not allowed"));
             return false;
         }
         setIsTransitioning(true);
@@ -62,7 +63,7 @@ export var useFlowState = function (options) {
         });
         // Then update state
         setPrevState(state);
-        console.log(targetState, "targetState");
+        logger.debug(targetState, 'targetState');
         setState(targetState);
         if (onStateChange) {
             onStateChange(targetState, state);
@@ -77,7 +78,7 @@ export var useFlowState = function (options) {
         clearStoredState();
         setContext(initialFlowContext);
         setPrevState(null);
-        console.log("resetting");
+        logger.debug('resetting');
         setState(FlowState.IDLE);
         if (onStateChange) {
             onStateChange(FlowState.IDLE, state);
@@ -103,7 +104,7 @@ export var useFlowState = function (options) {
         }
         setContext(savedState.context);
         setPrevState(state);
-        console.log(savedState.state, "savedState.state");
+        logger.debug(savedState.state, 'savedState.state');
         setState(savedState.state);
         if (onStateChange) {
             onStateChange(savedState.state, state);

package/dist/Modal/NordFlow/hooks/useNordInstance.js

@@ -39,8 +39,8 @@ import { generateSessionKeyPair, signEd25519 } from '@n1xyz/nts-sdk';
 import { PublicKey } from '@solana/web3.js';
 import { useEffect } from 'react';
 import { WalletError, WalletErrorCode } from '../../../errors/types';
-import { getSessionKeysFromLocalStorage, storeSessionKeysInLocalStorage } from '../../../Logic/utils';
-import { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';
+import { getSessionKeysFromLocalStorage, storeSessionKeysInLocalStorage, } from '../../../Logic/utils';
+import { useN1WalletContext, useN1WalletInternalContext, } from '../../../Provider/hooks';
 import { logger } from '../../../utils/logger';
 // Utility function to convert Uint8Array to base64 string
 function arrayBufferToBase64(buffer) {
@@ -138,7 +138,7 @@ export var useNordInstance = function () {
                     sessionKeyPair_1 = {
                         privateKey: storedKeys.ed25519PrivateKey,
                         // For Ed25519, the public key is the second half of the private key
-                        publicKey: tempKeyPair.publicKey
+                        publicKey: tempKeyPair.publicKey,
                     };
                     return [3 /*break*/, 4];
                 case 3:
@@ -232,7 +232,9 @@ export var useNordInstance = function () {
                                 if (storedSessionId !== null) {
                                     // Convert the stored sessionId to BigInt
                                     sessionId = BigInt(storedSessionId);
-                                    logger.debug('Found existing sessionId in localStorage', { sessionId: storedSessionId });
+                                    logger.debug('Found existing sessionId in localStorage', {
+                                        sessionId: storedSessionId,
+                                    });
                                 }
                             }
                         }
@@ -248,7 +250,7 @@ export var useNordInstance = function () {
                         transactionSignFn: signTransactionWithWalletKey,
                         sessionId: sessionId, // Pass the sessionId if it exists
                         sessionPubKey: sessionPubKey,
-                        publicKey: new PublicKey(address)
+                        publicKey: new PublicKey(address),
                     });
                     _a.label = 3;
                 case 3:
@@ -289,7 +291,10 @@ export var useNordInstance = function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        if (!(signMessageWithWalletKey && signMessageWithSessionKey && signTransactionWithWalletKey && nordUser == null)) return [3 /*break*/, 2];
+                        if (!(signMessageWithWalletKey &&
+                            signMessageWithSessionKey &&
+                            signTransactionWithWalletKey &&
+                            nordUser == null)) return [3 /*break*/, 2];
                         logger.debug('Dependencies available, initializing NordUser');
                         return [4 /*yield*/, createNordUser()];
                     case 1:
@@ -300,11 +305,15 @@ export var useNordInstance = function () {
             });
         }); };
         initNordUser();
-    }, [signMessageWithWalletKey, signMessageWithSessionKey, signTransactionWithWalletKey]);
+    }, [
+        signMessageWithWalletKey,
+        signMessageWithSessionKey,
+        signTransactionWithWalletKey,
+    ]);
     return {
         nord: nord,
         createNordUser: createNordUser,
         nordUser: nordUser,
-        createTransactionSignFunction: createTransactionSignFunction
+        createTransactionSignFunction: createTransactionSignFunction,
     };
 };

package/dist/Modal/NordFlow/hooks/useNordWalletConnect.js

@@ -35,8 +35,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { useCallback, useEffect, useState, useRef } from 'react';
-import { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';
+import { useN1WalletContext, useN1WalletInternalContext, } from '../../../Provider/hooks';
 import { N1SessionMode } from '../../../Provider/types';
+import { logger } from '../../../utils/logger';
 import { FlowState } from '../types';
 /**
  * Hook for handling wallet connection
@@ -81,7 +82,7 @@ export var useNordWalletConnect = function (state, transition, context, updateCo
                         return [2 /*return*/];
                     setIsConnecting(true);
                     setHasProcessedWallet(false);
-                    console.log('Starting wallet connection process');
+                    logger.debug('Starting wallet connection process');
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, , 4]);
@@ -90,13 +91,13 @@ export var useNordWalletConnect = function (state, transition, context, updateCo
                 case 2:
                     // Show Dynamic widget to connect wallet
                     _a.sent();
-                    console.log('Dynamic widget shown');
+                    logger.debug('Dynamic widget shown');
                     return [3 /*break*/, 4];
                 case 3:
                     error_1 = _a.sent();
                     setIsConnecting(false);
                     updateContext({ walletType: null });
-                    console.error('Error showing Dynamic widget:', error_1);
+                    logger.error('Error showing Dynamic widget:', error_1);
                     return [3 /*break*/, 4];
                 case 4: return [2 /*return*/];
             }
@@ -106,7 +107,7 @@ export var useNordWalletConnect = function (state, transition, context, updateCo
      * Disconnect wallet
      */
     var disconnectWallet = useCallback(function () {
-        console.log('Disconnecting wallet');
+        logger.debug('Disconnecting wallet');
         setWalletType(null);
         setHasProcessedWallet(false);
         updateContext({ walletType: null });
@@ -123,32 +124,36 @@ export var useNordWalletConnect = function (state, transition, context, updateCo
                             sessionId = nordUser.sessionId;
                             hasActiveSession = sessionId != null;
                             updateContext({ hasNordAccount: hasNordAccount, hasActiveSession: hasActiveSession });
-                            transitionDestination = hasNordAccount ? (sessionId != null ? FlowState.FINAL_SUCCESS : FlowState.AUTH_LOADING) : FlowState.CHAIN_SELECTION;
+                            transitionDestination = hasNordAccount
+                                ? sessionId != null
+                                    ? FlowState.FINAL_SUCCESS
+                                    : FlowState.AUTH_LOADING
+                                : FlowState.CHAIN_SELECTION;
                             if (hasNordAccount && sessionId != null) {
                                 setIsConnected(true);
                             }
                             // Force a small delay to ensure UI updates properly
                             setTimeout(function () {
                                 try {
-                                    console.log('Attempting transition to ' + transitionDestination);
+                                    logger.debug('Attempting transition to ' + transitionDestination);
                                     transition(transitionDestination, {
                                         walletType: 'solana',
                                         hasNordAccount: hasNordAccount,
-                                        hasActiveSession: hasActiveSession
+                                        hasActiveSession: hasActiveSession,
                                     });
-                                    console.log('Transition to ' + transitionDestination + ' completed');
+                                    logger.debug('Transition to ' + transitionDestination + ' completed');
                                     // Try again with a longer delay as a fallback
                                     setTimeout(function () {
-                                        console.log('Trying fallback transition after delay');
+                                        logger.debug('Trying fallback transition after delay');
                                         transition(transitionDestination, {
                                             walletType: 'solana',
                                             hasNordAccount: hasNordAccount,
-                                            hasActiveSession: hasActiveSession
+                                            hasActiveSession: hasActiveSession,
                                         });
                                     }, 500);
                                 }
                                 catch (error) {
-                                    console.error('Error during transition:', error);
+                                    logger.error('Error during transition:', error);
                                 }
                                 finally {
                                     setIsConnecting(false);
@@ -170,8 +175,9 @@ export var useNordWalletConnect = function (state, transition, context, updateCo
             return;
         }
         // If we've already processed this specific wallet address, don't process again
-        if (hasProcessedWallet && processedWalletAddressRef.current === dynamicWallet.address) {
-            console.log('Skipping wallet processing - already processed this address');
+        if (hasProcessedWallet &&
+            processedWalletAddressRef.current === dynamicWallet.address) {
+            logger.debug('Skipping wallet processing - already processed this address');
             return;
         }
         // Use an IIFE to handle the async processing
@@ -181,14 +187,14 @@ export var useNordWalletConnect = function (state, transition, context, updateCo
             return __generator(this, function (_c) {
                 // Prevent processing if already in progress
                 if (hasProcessedWallet) {
-                    console.log('Skipping wallet processing - hasProcessedWallet is true');
+                    logger.debug('Skipping wallet processing - hasProcessedWallet is true');
                     return [2 /*return*/];
                 }
-                console.log('Processing wallet connection:', {
+                logger.debug('Processing wallet connection:', {
                     wallet: (_a = dynamicWallet.connector) === null || _a === void 0 ? void 0 : _a.name,
                     address: (_b = dynamicWallet.address) === null || _b === void 0 ? void 0 : _b.slice(0, 8),
                     state: state,
-                    isNordMode: isNordMode
+                    isNordMode: isNordMode,
                 });
                 // Set processed flag first to prevent re-entry
                 setHasProcessedWallet(true);
@@ -200,20 +206,22 @@ export var useNordWalletConnect = function (state, transition, context, updateCo
         }); })();
         // Cleanup function to handle component unmount
         return function () {
-            console.log('Wallet connection effect cleanup');
+            logger.debug('Wallet connection effect cleanup');
         };
     }, [dynamicWallet, determineWalletType]);
     // Handle wallet disconnection in a separate effect
     useEffect(function () {
         if (!dynamicWallet && hasProcessedWallet) {
-            console.log('Wallet disconnected, resetting processed flag');
+            logger.debug('Wallet disconnected, resetting processed flag');
             processedWalletAddressRef.current = null;
             setHasProcessedWallet(false);
         }
     }, [dynamicWallet, hasProcessedWallet]);
     // Handle connecting state changes in a separate effect
     useEffect(function () {
-        if (state === FlowState.CONNECTING_WALLET && !dynamicWallet && isConnecting) {
+        if (state === FlowState.CONNECTING_WALLET &&
+            !dynamicWallet &&
+            isConnecting) {
             // Only keep isConnecting true if we're in the connecting state and don't have a wallet yet
             // This prevents an infinite loop of setting isConnecting
         }

package/dist/Modal/NordFlow/screens/02-EvmWalletAuthScreen.js

@@ -15,7 +15,7 @@ export function EvmWalletAuthScreen(_a) {
     // Handle signature request
     var handleSignatureRequest = function () {
         setAuthState(AuthState.WAITING_FOR_SIGNATURE);
-        // Simulate signature process - in a real implementation, 
+        // Simulate signature process - in a real implementation,
         // this would be replaced with actual wallet signature logic
         setTimeout(function () {
             setAuthState(AuthState.SUCCESS);

package/dist/Modal/NordFlow/screens/03-ChainSelectionScreen.js

@@ -2,46 +2,62 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { SolanaNetwork } from '../../../config/solana';
 import { ChainButton } from '../components/ChainButton';
+import { EVMChainsButton } from '../components/EVMChainsButton';
+import { MoreButton } from '../components/MoreButton';
+import { SolanaLogo } from '../../../components/logos';
+import Logo from '../../../components/Logo';
+import { logger } from '../../../utils/logger';
+// Custom N1Logo wrapper that responds to the group hover state
+var N1Logo = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 38 : _b;
+    return (_jsx("div", { className: "text-gray-800 dark:text-white group-hover:text-red-500 dark:group-hover:text-red-500 transition-colors duration-200", children: _jsx(Logo, { size: size }) }));
+};
 export function ChainSelectionScreen(_a) {
     var onChainSelect = _a.onChainSelect;
     var _b = useState(false), isLoading = _b[0], setIsLoading = _b[1];
-    // Only allow testnet, gray out other chains
+    // Only allow devnet, gray out other chains
     var handleChainSelect = function (chainId) {
-        console.log('Chain selected in ChainSelectionScreen:', chainId);
-        // Otherwise, only allow testnet to be selected
-        if (chainId === 'testnet') {
+        logger.debug('Chain selected in ChainSelectionScreen:', chainId);
+        // Only allow devnet to be selected
+        if (chainId === 'devnet') {
             setIsLoading(true);
             onChainSelect(chainId);
         }
         else {
-            console.log('Chain not allowed:', chainId);
+            logger.debug('Chain not allowed:', chainId);
             // Could show a toast or message here
         }
     };
-    // Otherwise, use the default Solana networks
-    // Add network information to chains
+    // Define the 4 options as requested
     var chainsWithNetworkInfo = [
         {
-            id: 'mainnet',
-            name: 'Mainnet',
-            logo: '/images/chains/solana.svg',
+            id: 'devnet',
+            name: 'Devnet',
+            logo: (_jsx("div", { className: "flex items-center justify-center", style: { width: 48, height: 48 }, children: _jsx(N1Logo, {}) })),
+            network: SolanaNetwork.DEVNET,
+            disabled: false, // Only devnet is clickable
+        },
+        {
+            id: 'solana',
+            name: 'Solana',
+            logo: (_jsx("div", { className: "flex items-center justify-center", style: { width: 48, height: 48 }, children: _jsx(SolanaLogo, { width: 36, height: 36 }) })),
             network: SolanaNetwork.MAINNET,
-            disabled: true
+            disabled: true,
         },
         {
-            id: 'testnet',
-            name: 'Testnet',
-            logo: '/images/chains/solana.svg',
-            network: SolanaNetwork.TESTNET,
-            disabled: false
+            id: 'evm-chains',
+            name: 'EVM Chains',
+            logo: '', // Not needed as we're using EVMChainsButton
+            network: '', // Empty string instead of null
+            disabled: true,
         },
         {
-            id: 'devnet',
-            name: 'Devnet',
-            logo: '/images/chains/solana.svg',
-            network: SolanaNetwork.DEVNET,
-            disabled: true
-        }
+            id: 'more',
+            name: 'More',
+            logo: '', // Not needed as we're using MoreButton
+            network: '', // Empty string instead of null
+            disabled: true,
+        },
     ];
-    return (_jsxs("div", { className: "overflow-hidden relative", children: [_jsx("h2", { className: "text-xl text-gray-800 dark:text-white font-semibold mb-6 text-center", children: "Select Network" }), isLoading ? (_jsx("div", { className: "flex justify-center items-center py-8", children: _jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main" }) })) : (_jsx("div", { className: "space-y-8", children: _jsx("div", { className: "grid grid-cols-2 gap-4", children: chainsWithNetworkInfo.map(function (chain) { return (_jsx(ChainButton, { chain: chain, onClick: function () { return handleChainSelect(chain.id); }, disabled: chain.disabled }, chain.id)); }) }) }))] }));
+    return (_jsxs("div", { className: "overflow-hidden relative", children: [_jsx("h2", { className: "text-xl text-gray-800 dark:text-white font-semibold mb-6 text-center", children: "Select Origin Network" }), isLoading ? (_jsx("div", { className: "flex justify-center items-center py-8", children: _jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main" }) })) : (_jsxs("div", { className: "space-y-8", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(ChainButton, { chain: chainsWithNetworkInfo[0], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[0].id); }, disabled: chainsWithNetworkInfo[0].disabled }, chainsWithNetworkInfo[0].id), _jsx(ChainButton, { chain: chainsWithNetworkInfo[1], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[1].id); }, disabled: chainsWithNetworkInfo[1].disabled }, chainsWithNetworkInfo[1].id)] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(EVMChainsButton, { chain: chainsWithNetworkInfo[2], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[2].id); }, disabled: chainsWithNetworkInfo[2].disabled }, chainsWithNetworkInfo[2].id), _jsx(MoreButton, { chain: chainsWithNetworkInfo[3], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[3].id); }, disabled: chainsWithNetworkInfo[3].disabled }, chainsWithNetworkInfo[3].id)] })] }))] }));
 }

package/dist/Modal/NordFlow/screens/04-AmountInputScreen.d.ts

@@ -5,6 +5,9 @@ interface AmountInputScreenProps {
     balance: number;
     faucetUrl?: string;
     refreshBalance?: () => Promise<void>;
+    depositError?: string;
 }
-export declare function AmountInputScreen({ amount, onAmountChange, onContinue, balance, faucetUrl: propFaucetUrl, refreshBalance, }: AmountInputScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare function AmountInputScreen({ amount: _amount, // Renamed to _amount since we're not using the prop
+onAmountChange, onContinue, balance: _balance, // Renamed to _balance since we're overriding it
+faucetUrl: propFaucetUrl, refreshBalance, depositError, }: AmountInputScreenProps): import("react/jsx-runtime").JSX.Element;
 export {};