@dynamic-labs/sdk-react-core 4.0.0-alpha.11 → 4.0.0-alpha.13

package/src/lib/views/SendBalanceView/SendBalanceView.cjs

@@ -112,7 +112,6 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
     const { showFiat } = useInternalDynamicContext.useInternalDynamicContext();
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
     const { chain } = useFetchChain.useFetchChain(walletConnector);
-    const { chainName } = sendBalances.useSendBalanceState();
     const { tokenBalances: unorderedTokenBalances, isLoading } = useTokenBalances.useTokenBalances({
         chainName: (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'SOL'
             ? sdkApiCore.ChainEnum.Sol
@@ -193,7 +192,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         }
     });
     const networkCurrency = (currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol) || networkData.nativeCurrency.symbol;
-    const currencyIcon = chain && (jsxRuntime.jsx(ChainIcon.ChainIcon, { chain: chain, chainName: chainName }));
+    const currencyIcon = (chain === null || chain === void 0 ? void 0 : chain.name) && (jsxRuntime.jsx(ChainIcon.ChainIcon, { chain: chain, chainName: chain.name }));
     const buildFormStage = () => (jsxRuntime.jsx(SendBalancePageLayout.SendBalancePageLayout, { transaction: transaction, onClickBack: onClickBack, networkName: networkData.vanityName || networkData.name, networkIcon: currencyIcon, networkCurrencyDecimals: networkData.nativeCurrency.symbol === 'SOL'
             ? 9
             : networkData.nativeCurrency.decimals, walletAddress: shortenWalletAddress.shortenWalletAddress(currentToken === null || currentToken === void 0 ? void 0 : currentToken.address, 3, 3), walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key, onClickClose: onClickClose, displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, onSubmit: () => setStage('confirmation'), tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, isNativeToken: isNativeToken }));
@@ -209,7 +208,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         }), currentToken: currentToken, isNativeToken: isNativeToken, transactionValue: getTransactionValue(transaction, isNativeToken) }));
     const buildSuccessState = () => {
         var _a;
-        return (jsxRuntime.jsx(TransactionStatusLayout.TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: chainName || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken }));
+        return (jsxRuntime.jsx(TransactionStatusLayout.TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: networkData.name || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken }));
     };
     const getCurrentView = () => {
         switch (stage) {

package/src/lib/views/SendBalanceView/SendBalanceView.js

@@ -76,7 +76,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
-import { useSendBalanceState, setSendBalanceVariable, resetSendBalanceState } from '../../store/state/sendBalances.js';
+import { setSendBalanceVariable, resetSendBalanceState } from '../../store/state/sendBalances.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import { TransactionConfirmationView } from '../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
@@ -108,7 +108,6 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
     const { showFiat } = useInternalDynamicContext();
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
     const { chain } = useFetchChain(walletConnector);
-    const { chainName } = useSendBalanceState();
     const { tokenBalances: unorderedTokenBalances, isLoading } = useTokenBalances({
         chainName: (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'SOL'
             ? ChainEnum.Sol
@@ -189,7 +188,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         }
     });
     const networkCurrency = (currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol) || networkData.nativeCurrency.symbol;
-    const currencyIcon = chain && (jsx(ChainIcon, { chain: chain, chainName: chainName }));
+    const currencyIcon = (chain === null || chain === void 0 ? void 0 : chain.name) && (jsx(ChainIcon, { chain: chain, chainName: chain.name }));
     const buildFormStage = () => (jsx(SendBalancePageLayout, { transaction: transaction, onClickBack: onClickBack, networkName: networkData.vanityName || networkData.name, networkIcon: currencyIcon, networkCurrencyDecimals: networkData.nativeCurrency.symbol === 'SOL'
             ? 9
             : networkData.nativeCurrency.decimals, walletAddress: shortenWalletAddress(currentToken === null || currentToken === void 0 ? void 0 : currentToken.address, 3, 3), walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key, onClickClose: onClickClose, displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, onSubmit: () => setStage('confirmation'), tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, isNativeToken: isNativeToken }));
@@ -205,7 +204,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         }), currentToken: currentToken, isNativeToken: isNativeToken, transactionValue: getTransactionValue(transaction, isNativeToken) }));
     const buildSuccessState = () => {
         var _a;
-        return (jsx(TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: chainName || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken }));
+        return (jsx(TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: networkData.name || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken }));
     };
     const getCurrentView = () => {
         switch (stage) {

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.cjs

@@ -72,6 +72,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
+var useFetchChain = require('../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.cjs');
 var useFetchCurrency = require('../../widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs');
 require('formik');
 require('../../context/FooterAnimationContext/index.cjs');
@@ -82,13 +83,14 @@ require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
-var sendBalances = require('../../store/state/sendBalances.cjs');
+require('../../store/state/sendBalances.cjs');
 var TransactionConfirmationPageLayout = require('../../components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 var useTransactionTotal = require('./hooks/useTransactionTotal/useTransactionTotal.cjs');
 var transactionErrorMessage = require('./helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');
+var useNetworkDataFromWallet = require('../../utils/hooks/useNetworkDataFromWallet/useNetworkDataFromWallet.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
@@ -101,14 +103,14 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
     const update = useForceUpdate.useForceUpdate();
     const { t } = reactI18next.useTranslation();
     const { currency } = useFetchCurrency.useFetchCurrency(walletConnector);
-    const { chainName } = sendBalances.useSendBalanceState();
+    const { chain } = useFetchChain.useFetchChain(walletConnector);
     /**
      * Update transaction fee and trigger a react update
      * to reflect the new fee on the UI
      */
     const fetchTransactionFee = () => {
         // solana fee doesnt need to be refreshed
-        if (chainName === 'Solana' && transaction.fee.gas !== undefined)
+        if ((chain === null || chain === void 0 ? void 0 : chain.name) === 'Solana' && transaction.fee.gas !== undefined)
             return;
         transaction.fetchFee().finally(update);
     };
@@ -206,9 +208,10 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         isNativeToken,
         isLoading,
     ]);
+    const networkData = useNetworkDataFromWallet.useNetworkDataFromWallet(primaryWallet);
     return (jsxRuntime.jsxs(TransactionConfirmationPageLayout.TransactionConfirmationPageLayout, { onClickBack: onClickBack, onClickClose: onClickClose, copykey: copykey, title: title, appOrigin: appOrigin, appName: appName, appLogoUrl: appLogoUrl, hideModal: hideModal, isLoading: isLoading, onClickSend: () => send(), onSuccess: (tx) => onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(tx), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, disableSendButton: isBalanceLoading, error: errorMessage, alert: alert, walletConnector: walletConnector, transaction: transaction, total: total, currentToken: currentToken, transactionValue: transactionValue, isNativeToken: isNativeToken, isGasSponsored: isGasSponsored, isGasSponsoredLoading: isGasSponsoredLoading, walletKey: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key) || '', children: [jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-wallet_used', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.wallet_used') }), jsxRuntime.jsxs(Typography.Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key, width: 20, height: 20 }), ' ', shortenWalletAddress.shortenWalletAddress(transaction.from, 4, 4)] })] }), isModal && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-destination', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.destination') }), jsxRuntime.jsxs(Typography.Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key, width: 20, height: 20 }), ' ', shortenWalletAddress.shortenWalletAddress(transaction.to, 4, 4)] })] }), jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-amount', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.amount') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: transaction.value
                                     ? transaction.format(transaction.value, { precision: 6 })
-                                    : '' })] })] })), jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-network_used', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.network_used') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'primary', children: chainName })] })] }));
+                                    : '' })] })] })), jsxRuntime.jsxs("div", { className: 'row flex', "data-testid": 'transaction-network_used', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.network_used') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'primary', children: networkData === null || networkData === void 0 ? void 0 : networkData.name })] })] }));
 };
 
 exports.FEE_REFRESH_INTERVAL = FEE_REFRESH_INTERVAL;

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.js

@@ -68,6 +68,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
+import { useFetchChain } from '../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js';
 import { useFetchCurrency } from '../../widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.js';
 import 'formik';
 import '../../context/FooterAnimationContext/index.js';
@@ -78,13 +79,14 @@ import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
-import { useSendBalanceState } from '../../store/state/sendBalances.js';
+import '../../store/state/sendBalances.js';
 import { TransactionConfirmationPageLayout } from '../../components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import { useTransactionTotal } from './hooks/useTransactionTotal/useTransactionTotal.js';
 import { transactionErrorMessage } from './helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';
+import { useNetworkDataFromWallet } from '../../utils/hooks/useNetworkDataFromWallet/useNetworkDataFromWallet.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
@@ -97,14 +99,14 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
     const update = useForceUpdate();
     const { t } = useTranslation();
     const { currency } = useFetchCurrency(walletConnector);
-    const { chainName } = useSendBalanceState();
+    const { chain } = useFetchChain(walletConnector);
     /**
      * Update transaction fee and trigger a react update
      * to reflect the new fee on the UI
      */
     const fetchTransactionFee = () => {
         // solana fee doesnt need to be refreshed
-        if (chainName === 'Solana' && transaction.fee.gas !== undefined)
+        if ((chain === null || chain === void 0 ? void 0 : chain.name) === 'Solana' && transaction.fee.gas !== undefined)
             return;
         transaction.fetchFee().finally(update);
     };
@@ -202,9 +204,10 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         isNativeToken,
         isLoading,
     ]);
+    const networkData = useNetworkDataFromWallet(primaryWallet);
     return (jsxs(TransactionConfirmationPageLayout, { onClickBack: onClickBack, onClickClose: onClickClose, copykey: copykey, title: title, appOrigin: appOrigin, appName: appName, appLogoUrl: appLogoUrl, hideModal: hideModal, isLoading: isLoading, onClickSend: () => send(), onSuccess: (tx) => onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(tx), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, disableSendButton: isBalanceLoading, error: errorMessage, alert: alert, walletConnector: walletConnector, transaction: transaction, total: total, currentToken: currentToken, transactionValue: transactionValue, isNativeToken: isNativeToken, isGasSponsored: isGasSponsored, isGasSponsoredLoading: isGasSponsoredLoading, walletKey: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key) || '', children: [jsxs("div", { className: 'row flex', "data-testid": 'transaction-wallet_used', children: [jsx(Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.wallet_used') }), jsxs(Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: [jsx(WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key, width: 20, height: 20 }), ' ', shortenWalletAddress(transaction.from, 4, 4)] })] }), isModal && (jsxs(Fragment, { children: [jsxs("div", { className: 'row flex', "data-testid": 'transaction-destination', children: [jsx(Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.destination') }), jsxs(Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: [jsx(WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key, width: 20, height: 20 }), ' ', shortenWalletAddress(transaction.to, 4, 4)] })] }), jsxs("div", { className: 'row flex', "data-testid": 'transaction-amount', children: [jsx(Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.amount') }), jsx(Typography, { weight: 'regular', color: 'primary', className: 'flex gap', children: transaction.value
                                     ? transaction.format(transaction.value, { precision: 6 })
-                                    : '' })] })] })), jsxs("div", { className: 'row flex', "data-testid": 'transaction-network_used', children: [jsx(Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.network_used') }), jsx(Typography, { weight: 'regular', color: 'primary', children: chainName })] })] }));
+                                    : '' })] })] })), jsxs("div", { className: 'row flex', "data-testid": 'transaction-network_used', children: [jsx(Typography, { weight: 'regular', color: 'secondary', className: 'label', children: t('dyn_send_transaction.confirmation.data.network_used') }), jsx(Typography, { weight: 'regular', color: 'primary', children: networkData === null || networkData === void 0 ? void 0 : networkData.name })] })] }));
 };
 
 export { FEE_REFRESH_INTERVAL, TransactionConfirmationView };

package/src/lib/views/UserFieldEditorView/UserFieldEditorView.cjs

@@ -67,9 +67,9 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var UserProfileForm = require('../../components/UserProfileForm/UserProfileForm.cjs');
-require('../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 require('formik');
+require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/UserFieldEditorView/UserFieldEditorView.js

@@ -63,9 +63,9 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { UserProfileForm } from '../../components/UserProfileForm/UserProfileForm.js';
-import '../../store/state/sendBalances.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import 'formik';
+import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/WalletList/WalletList.cjs

@@ -99,7 +99,7 @@ require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const WalletList = ({ isWalletConnectList = false, }) => {
-    var _a;
+    var _a, _b;
     /**
      * Clear search key on unmount
      */
@@ -121,7 +121,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
         groupWallets: true,
         inputList: filteredBridgeChains || walletConnectorOptions,
         isWalletConnectList,
-        lastUsedWalletKey: utils.StorageService.getItem(localStorage.LAST_USED_WALLET),
+        lastUsedWalletKey: (_b = utils.StorageService.getItem(localStorage.LAST_USED_WALLET)) !== null && _b !== void 0 ? _b : undefined,
         multiWallet,
         numberOfWalletsToShow: defaultNumberOfWalletsToShow,
         recommendedWallets: effectiveRecommendedWallets,

package/src/lib/views/WalletList/WalletList.js

@@ -95,7 +95,7 @@ import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const WalletList = ({ isWalletConnectList = false, }) => {
-    var _a;
+    var _a, _b;
     /**
      * Clear search key on unmount
      */
@@ -117,7 +117,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
         groupWallets: true,
         inputList: filteredBridgeChains || walletConnectorOptions,
         isWalletConnectList,
-        lastUsedWalletKey: StorageService.getItem(LAST_USED_WALLET),
+        lastUsedWalletKey: (_b = StorageService.getItem(LAST_USED_WALLET)) !== null && _b !== void 0 ? _b : undefined,
         multiWallet,
         numberOfWalletsToShow: defaultNumberOfWalletsToShow,
         recommendedWallets: effectiveRecommendedWallets,

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCardBody/DynamicBridgeWalletCardBody.cjs

@@ -62,8 +62,8 @@ require('react-focus-lock');
 require('../../../DynamicWidget/context/DynamicWidgetContext.cjs');
 var DotsMenu = require('../../../DynamicWidget/components/DotsMenu/DotsMenu.cjs');
 require('formik');
-require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
+require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCardBody/DynamicBridgeWalletCardBody.js

@@ -58,8 +58,8 @@ import 'react-focus-lock';
 import '../../../DynamicWidget/context/DynamicWidgetContext.js';
 import { DotsMenu } from '../../../DynamicWidget/components/DotsMenu/DotsMenu.js';
 import 'formik';
-import '../../../../store/state/sendBalances.js';
 import '../../../../components/IconButton/IconButton.js';
+import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';

package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedUserProfile/DynamicEmbeddedUserProfile.cjs

@@ -59,9 +59,9 @@ require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 var DynamicUserProfileLayout = require('../../../layout/DynamicUserProfileLayout/DynamicUserProfileLayout.cjs');
-require('../../../store/state/sendBalances.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('formik');
+require('../../../store/state/sendBalances.cjs');
 require('../../../components/Input/Input.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');

package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedUserProfile/DynamicEmbeddedUserProfile.js

@@ -55,9 +55,9 @@ import '../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import { DynamicUserProfileLayout } from '../../../layout/DynamicUserProfileLayout/DynamicUserProfileLayout.js';
-import '../../../store/state/sendBalances.js';
 import '../../../components/IconButton/IconButton.js';
 import 'formik';
+import '../../../store/state/sendBalances.js';
 import '../../../components/Input/Input.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.cjs

@@ -67,8 +67,8 @@ var Icon = require('../../../../../components/Icon/Icon.cjs');
 require('../../../context/DynamicWidgetContext.cjs');
 var DotsMenu = require('../../DotsMenu/DotsMenu.cjs');
 require('formik');
-require('../../../../../store/state/sendBalances.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
+require('../../../../../store/state/sendBalances.cjs');
 require('../../../../../components/Input/Input.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.js

@@ -63,8 +63,8 @@ import { Icon } from '../../../../../components/Icon/Icon.js';
 import '../../../context/DynamicWidgetContext.js';
 import { DotsMenu } from '../../DotsMenu/DotsMenu.js';
 import 'formik';
-import '../../../../../store/state/sendBalances.js';
 import '../../../../../components/IconButton/IconButton.js';
+import '../../../../../store/state/sendBalances.js';
 import '../../../../../components/Input/Input.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.cjs

@@ -66,8 +66,8 @@ require('react-focus-lock');
 require('../../../context/DynamicWidgetContext.cjs');
 var DotsMenu = require('../../DotsMenu/DotsMenu.cjs');
 require('formik');
-require('../../../../../store/state/sendBalances.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
+require('../../../../../store/state/sendBalances.cjs');
 require('../../../../../components/Input/Input.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.js

@@ -62,8 +62,8 @@ import 'react-focus-lock';
 import '../../../context/DynamicWidgetContext.js';
 import { DotsMenu } from '../../DotsMenu/DotsMenu.js';
 import 'formik';
-import '../../../../../store/state/sendBalances.js';
 import '../../../../../components/IconButton/IconButton.js';
+import '../../../../../store/state/sendBalances.js';
 import '../../../../../components/Input/Input.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';

package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.cjs

@@ -60,9 +60,9 @@ require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 var DynamicUserProfileLayout = require('../../../../layout/DynamicUserProfileLayout/DynamicUserProfileLayout.cjs');
-require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('formik');
+require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.js

@@ -56,9 +56,9 @@ import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.j
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import { DynamicUserProfileLayout } from '../../../../layout/DynamicUserProfileLayout/DynamicUserProfileLayout.js';
-import '../../../../store/state/sendBalances.js';
 import '../../../../components/IconButton/IconButton.js';
 import 'formik';
+import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.cjs

@@ -69,8 +69,8 @@ var EmptyWallets = require('../EmptyWallets/EmptyWallets.cjs');
 var Wallet = require('../Wallet/Wallet.cjs');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
-require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
+require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.js

@@ -65,8 +65,8 @@ import { EmptyWallets } from '../EmptyWallets/EmptyWallets.js';
 import { Wallet } from '../Wallet/Wallet.js';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
 import 'formik';
-import '../../../../store/state/sendBalances.js';
 import '../../../../components/IconButton/IconButton.js';
+import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';

package/src/lib/widgets/DynamicWidget/components/UnknownWalletInformation/UnknownWalletInformation.cjs

@@ -65,8 +65,8 @@ require('react-focus-lock');
 require('../../context/DynamicWidgetContext.cjs');
 var DotsMenu = require('../DotsMenu/DotsMenu.cjs');
 require('formik');
-require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
+require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');

package/src/lib/widgets/DynamicWidget/components/UnknownWalletInformation/UnknownWalletInformation.js

@@ -61,8 +61,8 @@ import 'react-focus-lock';
 import '../../context/DynamicWidgetContext.js';
 import { DotsMenu } from '../DotsMenu/DotsMenu.js';
 import 'formik';
-import '../../../../store/state/sendBalances.js';
 import '../../../../components/IconButton/IconButton.js';
+import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';

package/src/lib/widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.cjs

@@ -84,7 +84,7 @@ require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 const useFetchChain = (connector) => {
     const fetchChain = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+        var _a, _b;
         if (!connector)
             return { chainId: undefined, name: '', symbol: undefined };
         const chainId = yield connector.getNetwork();
@@ -98,7 +98,8 @@ const useFetchChain = (connector) => {
         /* istanbul ignore else */
         if (chainId && connector.evmNetworks) {
             const result = connector.evmNetworks.find((element) => element.chainId === chainId);
-            chainWithIcon.name = (_a = result === null || result === void 0 ? void 0 : result.vanityName) !== null && _a !== void 0 ? _a : chainWithIcon.name;
+            chainWithIcon.name =
+                (_b = (_a = result === null || result === void 0 ? void 0 : result.vanityName) !== null && _a !== void 0 ? _a : result === null || result === void 0 ? void 0 : result.name) !== null && _b !== void 0 ? _b : chainWithIcon.name;
             chainWithIcon.icon = result === null || result === void 0 ? void 0 : result.iconUrls[0];
         }
         return chainWithIcon;

package/src/lib/widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js

@@ -80,7 +80,7 @@ import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 const useFetchChain = (connector) => {
     const fetchChain = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+        var _a, _b;
         if (!connector)
             return { chainId: undefined, name: '', symbol: undefined };
         const chainId = yield connector.getNetwork();
@@ -94,7 +94,8 @@ const useFetchChain = (connector) => {
         /* istanbul ignore else */
         if (chainId && connector.evmNetworks) {
             const result = connector.evmNetworks.find((element) => element.chainId === chainId);
-            chainWithIcon.name = (_a = result === null || result === void 0 ? void 0 : result.vanityName) !== null && _a !== void 0 ? _a : chainWithIcon.name;
+            chainWithIcon.name =
+                (_b = (_a = result === null || result === void 0 ? void 0 : result.vanityName) !== null && _a !== void 0 ? _a : result === null || result === void 0 ? void 0 : result.name) !== null && _b !== void 0 ? _b : chainWithIcon.name;
             chainWithIcon.icon = result === null || result === void 0 ? void 0 : result.iconUrls[0];
         }
         return chainWithIcon;

package/src/lib/widgets/DynamicWidget/views/EditProfileView/EditProfileView.cjs

@@ -67,8 +67,8 @@ var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var UserProfileForm = require('../../../../components/UserProfileForm/UserProfileForm.cjs');
-require('../../../../store/state/sendBalances.cjs');
 require('formik');
+require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/widgets/DynamicWidget/views/EditProfileView/EditProfileView.js

@@ -63,8 +63,8 @@ import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { UserProfileForm } from '../../../../components/UserProfileForm/UserProfileForm.js';
-import '../../../../store/state/sendBalances.js';
 import 'formik';
+import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/widgets/DynamicWidget/views/ManageMfaWidgetView/ManageMfaWidgetView.cjs

@@ -70,8 +70,8 @@ var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
-require('../../../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
+require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/widgets/DynamicWidget/views/ManageMfaWidgetView/ManageMfaWidgetView.js

@@ -66,8 +66,8 @@ import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
 import 'formik';
-import '../../../../store/state/sendBalances.js';
 import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
+import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/ManagePasskeysWidgetView.cjs

@@ -70,8 +70,8 @@ var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
-require('../../../../store/state/sendBalances.cjs');
 var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
+require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var PasskeyContext = require('../../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/ManagePasskeysWidgetView.js

@@ -66,8 +66,8 @@ import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
 import 'formik';
-import '../../../../store/state/sendBalances.js';
 import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
+import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { usePasskeyContext } from '../../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs

@@ -68,8 +68,8 @@ require('../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../context/DynamicWidgetContext.cjs');
 require('formik');
-require('../../../../../store/state/sendBalances.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
+require('../../../../../store/state/sendBalances.cjs');
 require('../../../../../components/Input/Input.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js

@@ -64,8 +64,8 @@ import '../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../context/DynamicWidgetContext.js';
 import 'formik';
-import '../../../../../store/state/sendBalances.js';
 import '../../../../../components/IconButton/IconButton.js';
+import '../../../../../store/state/sendBalances.js';
 import '../../../../../components/Input/Input.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';

package/src/lib/utils/hooks/useWalletConnectorOptions/index.d.ts

@@ -1 +0,0 @@
-export { useWalletConnectorOptions } from './useWalletConnectorOptions';