@dynamic-labs/sdk-react-core 3.0.0-alpha.51 → 3.0.0-alpha.53

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

@@ -211,7 +211,7 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         isNativeToken,
         isLoading,
     ]);
-    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, isModal: isModal, isNativeToken: isNativeToken, isGasSponsored: isGasSponsored, isGasSponsoredLoading: isGasSponsoredLoading, chainName: chainName, nativePrice: nativePrice, 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
+    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, chainName: chainName, nativePrice: nativePrice, 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 })] })] }));
 };

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

@@ -207,7 +207,7 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         isNativeToken,
         isLoading,
     ]);
-    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, isModal: isModal, isNativeToken: isNativeToken, isGasSponsored: isGasSponsored, isGasSponsoredLoading: isGasSponsoredLoading, chainName: chainName, nativePrice: nativePrice, 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
+    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, chainName: chainName, nativePrice: nativePrice, 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 })] })] }));
 };

package/src/lib/views/WalletGroupView/WalletGroupView.cjs

@@ -103,8 +103,8 @@ const WalletGroupView = () => {
     const walletBookData = walletBook.getWalletGroup(walletBook$1, selectedWalletGroup === null || selectedWalletGroup === void 0 ? void 0 : selectedWalletGroup.key);
     const hardwareWalletConnectors = selectedWalletGroup.groupedWallets
         .map(({ walletConnector }) => walletConnector)
-        .filter(walletConnectorCore.isHardwareWalletConnector)
-        .filter((connector) => connector.canConnectWithHardwareWallet());
+        .filter((connector) => walletConnectorCore.isHardwareWalletConnector(connector) &&
+        connector.canConnectWithHardwareWallet());
     return (jsxRuntime.jsx(WalletGroupViewLayout.WalletGroupViewLayout, { icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletBookData.key }), title: t('dyn_select_chain.description'), titleCopyKey: 'dyn_select_chain.description', children: jsxRuntime.jsxs("div", { className: 'wallet-group__list', children: [Boolean(hardwareWalletConnectors.length) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(HardwareWalletToggle.HardwareWalletToggle, { connectors: hardwareWalletConnectors, copykey: 'dyn_select_chain.using_hardware_wallet_toggle_label', label: t('dyn_select_chain.using_hardware_wallet_toggle_label') }), jsxRuntime.jsx(Divider.Divider, {})] })), jsxRuntime.jsx("div", { className: 'wallet-group-view-layout__list', children: selectedWalletGroup.groupedWallets.map((wallet, index) => (jsxRuntime.jsx(WalletGroupItem.WalletGroupItem, { wallet: wallet, onClick: () => handleWalletItemClick(wallet) }, `${wallet.key}_${index}`))) })] }) }));
 };
 

package/src/lib/views/WalletGroupView/WalletGroupView.js

@@ -99,8 +99,8 @@ const WalletGroupView = () => {
     const walletBookData = getWalletGroup(walletBook, selectedWalletGroup === null || selectedWalletGroup === void 0 ? void 0 : selectedWalletGroup.key);
     const hardwareWalletConnectors = selectedWalletGroup.groupedWallets
         .map(({ walletConnector }) => walletConnector)
-        .filter(isHardwareWalletConnector)
-        .filter((connector) => connector.canConnectWithHardwareWallet());
+        .filter((connector) => isHardwareWalletConnector(connector) &&
+        connector.canConnectWithHardwareWallet());
     return (jsx(WalletGroupViewLayout, { icon: jsx(WalletIcon, { walletKey: walletBookData.key }), title: t('dyn_select_chain.description'), titleCopyKey: 'dyn_select_chain.description', children: jsxs("div", { className: 'wallet-group__list', children: [Boolean(hardwareWalletConnectors.length) && (jsxs(Fragment, { children: [jsx(HardwareWalletToggle, { connectors: hardwareWalletConnectors, copykey: 'dyn_select_chain.using_hardware_wallet_toggle_label', label: t('dyn_select_chain.using_hardware_wallet_toggle_label') }), jsx(Divider, {})] })), jsx("div", { className: 'wallet-group-view-layout__list', children: selectedWalletGroup.groupedWallets.map((wallet, index) => (jsx(WalletGroupItem, { wallet: wallet, onClick: () => handleWalletItemClick(wallet) }, `${wallet.key}_${index}`))) })] }) }));
 };
 

package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.cjs

@@ -74,6 +74,7 @@ require('../../../../components/Input/Input.cjs');
 require('@dynamic-labs/ethereum-core');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var Badge = require('../../../../components/Badge/Badge.cjs');
 require('../../../../../polyfills.cjs');
 require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
 require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
@@ -87,7 +88,6 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../WalletList/WalletList.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-var Badge = require('../../../../components/Badge/Badge.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');

package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.js

@@ -70,6 +70,7 @@ import '../../../../components/Input/Input.js';
 import '@dynamic-labs/ethereum-core';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { Badge } from '../../../../components/Badge/Badge.js';
 import '../../../../../polyfills.js';
 import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
 import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
@@ -83,7 +84,6 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../WalletList/WalletList.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import { Badge } from '../../../../components/Badge/Badge.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/SendBalanceContext/SendBalanceContext.js';

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

@@ -75,6 +75,7 @@ require('../../../components/Input/Input.cjs');
 require('@dynamic-labs/ethereum-core');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var Badge = require('../../../components/Badge/Badge.cjs');
 require('../../../../polyfills.cjs');
 require('../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
 require('../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
@@ -88,7 +89,6 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../WalletList.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-var Badge = require('../../../components/Badge/Badge.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/SendBalanceContext/SendBalanceContext.cjs');

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

@@ -71,6 +71,7 @@ import '../../../components/Input/Input.js';
 import '@dynamic-labs/ethereum-core';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { Badge } from '../../../components/Badge/Badge.js';
 import '../../../../polyfills.js';
 import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
 import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
@@ -84,7 +85,6 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import '../WalletList.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import { Badge } from '../../../components/Badge/Badge.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../context/SendBalanceContext/SendBalanceContext.js';

package/src/lib/views/WalletUsedView/WalletUsedView.cjs

@@ -86,6 +86,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+var Checkbox = require('../../components/Checkbox/Checkbox.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 var useTransferWallet = require('../../utils/hooks/useTransferWallet/useTransferWallet.cjs');
@@ -93,7 +94,6 @@ require('../../context/SendBalanceContext/SendBalanceContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../context/ConnectWithOtpContext/constants.cjs');
 require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
-var Checkbox = require('../../components/Checkbox/Checkbox.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('qrcode');
 

package/src/lib/views/WalletUsedView/WalletUsedView.js

@@ -82,6 +82,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import '../WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import { Checkbox } from '../../components/Checkbox/Checkbox.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import { useTransferWallet } from '../../utils/hooks/useTransferWallet/useTransferWallet.js';
@@ -89,7 +90,6 @@ import '../../context/SendBalanceContext/SendBalanceContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../context/ConnectWithOtpContext/constants.js';
 import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
-import { Checkbox } from '../../components/Checkbox/Checkbox.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import 'qrcode';
 

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

@@ -33,7 +33,6 @@ require('react-international-phone');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');
-var getEOAWallet = require('../../../../utils/functions/getEOAWallet/getEOAWallet.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -41,6 +40,7 @@ require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../context/WalletContext/WalletContext.cjs');
 var useIsTurnkeyWallet = require('../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
+var useSmartWallets = require('../../../../utils/hooks/useSmartWallets/useSmartWallets.cjs');
 require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
@@ -109,7 +109,7 @@ var TokenBalanceList = require('./TokenBalanceList/TokenBalanceList.cjs');
 
 const ICON_SIZE = 28;
 const ActiveWalletInformation = ({ isLoading = false, }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const { t } = reactI18next.useTranslation();
     const [isNetworkPickerOpen, setIsNetworkPickerOpen] = React.useState(false);
     const [balanceIsExpanded, setBalanceIsExpanded] = React.useState(false);
@@ -127,14 +127,15 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
     const filteredTokenBalances = (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.filter((token) => token.name)) || [];
     const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
     const nameService = useFetchNameService.useFetchNameService(address);
+    const { getEOAWallet } = useSmartWallets.useSmartWallets();
     const { data: testnet } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () { return Boolean(yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isTestnet())); }), { deps: [network] });
     const exportKeysOption = helpers.getExportKeysOption(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     const { showAlert } = PasskeyContext.usePasskeyContext();
-    const wallet = getEOAWallet.getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
+    const wallet = (_a = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _a !== void 0 ? _a : primaryWallet;
     const isBitcoin = primaryWallet && walletConnectorCore.isBitcoinConnector(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
     const isEmbeddedWallet = Boolean(wallet &&
-        (((_b = (_a = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.startsWith('turnkey')) ||
-            ((_d = (_c = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _c === void 0 ? void 0 : _c.key) === null || _d === void 0 ? void 0 : _d.startsWith('coinbasempc'))));
+        (((_c = (_b = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _b === void 0 ? void 0 : _b.key) === null || _c === void 0 ? void 0 : _c.startsWith('turnkey')) ||
+            ((_e = (_d = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _d === void 0 ? void 0 : _d.key) === null || _e === void 0 ? void 0 : _e.startsWith('coinbasempc'))));
     const options = [
         {
             Icon: null,

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

@@ -29,7 +29,6 @@ import 'react-international-phone';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';
-import { getEOAWallet } from '../../../../utils/functions/getEOAWallet/getEOAWallet.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -37,6 +36,7 @@ import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
 import { useIsTurnkeyWallet } from '../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
+import { useSmartWallets } from '../../../../utils/hooks/useSmartWallets/useSmartWallets.js';
 import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
@@ -105,7 +105,7 @@ import { TokenBalanceList } from './TokenBalanceList/TokenBalanceList.js';
 
 const ICON_SIZE = 28;
 const ActiveWalletInformation = ({ isLoading = false, }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const { t } = useTranslation();
     const [isNetworkPickerOpen, setIsNetworkPickerOpen] = useState(false);
     const [balanceIsExpanded, setBalanceIsExpanded] = useState(false);
@@ -123,14 +123,15 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
     const filteredTokenBalances = (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.filter((token) => token.name)) || [];
     const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
     const nameService = useFetchNameService(address);
+    const { getEOAWallet } = useSmartWallets();
     const { data: testnet } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () { return Boolean(yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isTestnet())); }), { deps: [network] });
     const exportKeysOption = getExportKeysOption(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     const { showAlert } = usePasskeyContext();
-    const wallet = getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
+    const wallet = (_a = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _a !== void 0 ? _a : primaryWallet;
     const isBitcoin = primaryWallet && isBitcoinConnector(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
     const isEmbeddedWallet = Boolean(wallet &&
-        (((_b = (_a = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.startsWith('turnkey')) ||
-            ((_d = (_c = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _c === void 0 ? void 0 : _c.key) === null || _d === void 0 ? void 0 : _d.startsWith('coinbasempc'))));
+        (((_c = (_b = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _b === void 0 ? void 0 : _b.key) === null || _c === void 0 ? void 0 : _c.startsWith('turnkey')) ||
+            ((_e = (_d = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _d === void 0 ? void 0 : _d.key) === null || _e === void 0 ? void 0 : _e.startsWith('coinbasempc'))));
     const options = [
         {
             Icon: null,

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

@@ -68,6 +68,7 @@ require('../../../../components/Input/Input.cjs');
 require('@dynamic-labs/ethereum-core');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var Badge = require('../../../../components/Badge/Badge.cjs');
 require('../../../../../polyfills.cjs');
 require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
 require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
@@ -81,7 +82,6 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-var Badge = require('../../../../components/Badge/Badge.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');

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

@@ -64,6 +64,7 @@ import '../../../../components/Input/Input.js';
 import '@dynamic-labs/ethereum-core';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { Badge } from '../../../../components/Badge/Badge.js';
 import '../../../../../polyfills.js';
 import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
 import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
@@ -77,7 +78,6 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import { Badge } from '../../../../components/Badge/Badge.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/SendBalanceContext/SendBalanceContext.js';

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

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../utils/constants/values.cjs');
 require('@dynamic-labs/utils');
@@ -12,6 +11,7 @@ require('../../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../../shared/logger.cjs');
 var getChainIcon = require('../../../../shared/utils/functions/chain/getChainIcon.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');

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

@@ -1,6 +1,5 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
-import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../utils/constants/values.js';
 import '@dynamic-labs/utils';
@@ -8,6 +7,7 @@ import '../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../../shared/logger.js';
 import { getChainIcon } from '../../../../shared/utils/functions/chain/getChainIcon.js';
+import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';

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

@@ -90,7 +90,7 @@ require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('qrcode');
 
-const WidgetPortal = ({ children, onClose, disablePadding }) => (jsxRuntime.jsx("div", { className: 'widget-portal', onClick: onClose, "data-testid": 'backdrop', children: jsxRuntime.jsxs("div", { className: classNames.classNames('widget-portal__container', {
+const WidgetPortal = ({ children, onClose, disablePadding, portalClassName, portalContainerClassName, }) => (jsxRuntime.jsx("div", { className: classNames.classNames(portalClassName, 'widget-portal'), onClick: onClose, "data-testid": 'backdrop', children: jsxRuntime.jsxs("div", { className: classNames.classNames(portalContainerClassName, 'widget-portal__container', {
             'widget-portal__container--no-padding': disablePadding,
         }), onClick: (e) => e.stopPropagation(), children: [onClose && (jsxRuntime.jsx("div", { className: 'widget-portal__container__header', children: jsxRuntime.jsx(IconButton.IconButton, { className: 'widget-portal__container__close-button', onClick: (e) => onClose(e), type: 'button', "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }) })), children] }) }));
 

package/src/lib/widgets/DynamicWidget/components/WidgetPortal/WidgetPortal.d.ts

@@ -5,6 +5,8 @@ type Props = {
     onClose?: (e: {
         stopPropagation: VoidFunction;
     }) => void;
+    portalClassName?: string;
+    portalContainerClassName?: string;
 };
-export declare const WidgetPortal: ({ children, onClose, disablePadding }: Props) => JSX.Element;
+export declare const WidgetPortal: ({ children, onClose, disablePadding, portalClassName, portalContainerClassName, }: Props) => JSX.Element;
 export {};

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

@@ -86,7 +86,7 @@ import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import 'qrcode';
 
-const WidgetPortal = ({ children, onClose, disablePadding }) => (jsx("div", { className: 'widget-portal', onClick: onClose, "data-testid": 'backdrop', children: jsxs("div", { className: classNames('widget-portal__container', {
+const WidgetPortal = ({ children, onClose, disablePadding, portalClassName, portalContainerClassName, }) => (jsx("div", { className: classNames(portalClassName, 'widget-portal'), onClick: onClose, "data-testid": 'backdrop', children: jsxs("div", { className: classNames(portalContainerClassName, 'widget-portal__container', {
             'widget-portal__container--no-padding': disablePadding,
         }), onClick: (e) => e.stopPropagation(), children: [onClose && (jsx("div", { className: 'widget-portal__container__header', children: jsx(IconButton, { className: 'widget-portal__container__close-button', onClick: (e) => onClose(e), type: 'button', "data-testid": 'close-button', children: jsx(SvgClose, {}) }) })), children] }) }));
 

package/src/lib/widgets/DynamicWidget/prompts/DefaultPromptModal/DefaultPromptModal.cjs

@@ -92,8 +92,8 @@ require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('qrcode');
 
-const DefaultPromptLayout = ({ children, className = '', dataTestId = '', icon, title, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('default-prompt-modal', className), "data-testid": dataTestId, children: [icon && (jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: 96, isSpinning: true, className: 'default-prompt-modal__icon-with-spinner' })), jsxRuntime.jsxs("div", { className: 'default-prompt-modal__content', children: [title && (jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', "data-testid": 'title', children: title })), children] })] }));
-const DefaultPromptModal = (props) => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { onClose: props.onClose, children: jsxRuntime.jsx(DefaultPromptLayout, Object.assign({}, props)) }));
+const DefaultPromptLayout = ({ children, className = '', dataTestId = '', icon, showSpinnerInIcon = true, title, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('default-prompt-modal', className), "data-testid": dataTestId, children: [icon && (jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: 96, isSpinning: showSpinnerInIcon, className: 'default-prompt-modal__icon-with-spinner' })), jsxRuntime.jsxs("div", { className: 'default-prompt-modal__content', children: [title && (jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', "data-testid": 'title', children: title })), children] })] }));
+const DefaultPromptModal = (props) => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { onClose: props.onClose, portalClassName: 'prompt-modal-portal', portalContainerClassName: 'prompt-modal-portal__container', children: jsxRuntime.jsx(DefaultPromptLayout, Object.assign({}, props)) }));
 
 exports.DefaultPromptLayout = DefaultPromptLayout;
 exports.DefaultPromptModal = DefaultPromptModal;

package/src/lib/widgets/DynamicWidget/prompts/DefaultPromptModal/DefaultPromptModal.d.ts

@@ -6,6 +6,7 @@ type Props = {
     className?: string;
     dataTestId?: string;
     icon?: Icon | Iconic | ReactElement;
+    showSpinnerInIcon?: boolean;
     onClose?: (e: {
         stopPropagation: VoidFunction;
     }) => void;

package/src/lib/widgets/DynamicWidget/prompts/DefaultPromptModal/DefaultPromptModal.js

@@ -88,7 +88,7 @@ import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import 'qrcode';
 
-const DefaultPromptLayout = ({ children, className = '', dataTestId = '', icon, title, }) => (jsxs("div", { className: classNames('default-prompt-modal', className), "data-testid": dataTestId, children: [icon && (jsx(IconWithSpinner, { Icon: icon, iconSize: 96, isSpinning: true, className: 'default-prompt-modal__icon-with-spinner' })), jsxs("div", { className: 'default-prompt-modal__content', children: [title && (jsx(Typography, { variant: 'title', color: 'primary', "data-testid": 'title', children: title })), children] })] }));
-const DefaultPromptModal = (props) => (jsx(WidgetPortal, { onClose: props.onClose, children: jsx(DefaultPromptLayout, Object.assign({}, props)) }));
+const DefaultPromptLayout = ({ children, className = '', dataTestId = '', icon, showSpinnerInIcon = true, title, }) => (jsxs("div", { className: classNames('default-prompt-modal', className), "data-testid": dataTestId, children: [icon && (jsx(IconWithSpinner, { Icon: icon, iconSize: 96, isSpinning: showSpinnerInIcon, className: 'default-prompt-modal__icon-with-spinner' })), jsxs("div", { className: 'default-prompt-modal__content', children: [title && (jsx(Typography, { variant: 'title', color: 'primary', "data-testid": 'title', children: title })), children] })] }));
+const DefaultPromptModal = (props) => (jsx(WidgetPortal, { onClose: props.onClose, portalClassName: 'prompt-modal-portal', portalContainerClassName: 'prompt-modal-portal__container', children: jsx(DefaultPromptLayout, Object.assign({}, props)) }));
 
 export { DefaultPromptLayout, DefaultPromptModal };

package/src/lib/widgets/DynamicWidget/prompts/DetectedNewWalletModal/DetectedNewWalletModal.cjs

@@ -63,7 +63,6 @@ var WidgetPortal = require('../../components/WidgetPortal/WidgetPortal.cjs');
 var useCloseMultiWalletPrompt = require('../../hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.cjs');
 var DefaultPromptModal = require('../DefaultPromptModal/DefaultPromptModal.cjs');
 var HardwareWalletToggle = require('../../../../components/HardwareWalletToggle/HardwareWalletToggle.cjs');
-var Divider = require('../../../../components/Divider/Divider.cjs');
 require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -94,7 +93,6 @@ require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
-var LogoutButton = require('../../../../components/LogoutButton/LogoutButton.cjs');
 require('react-focus-lock');
 require('qrcode');
 
@@ -105,13 +103,13 @@ const DetectedNewWalletContent = () => {
         setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
     };
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
-    return (jsxRuntime.jsxs(DefaultPromptModal.DefaultPromptLayout, { dataTestId: 'detected-new-wallet-modal', icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key }), title: t('dyn_detected_new_wallet.title'), children: [jsxRuntime.jsxs("div", { className: 'detected-new-wallet-modal__top-section', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: t('dyn_detected_new_wallet.description', {
-                            walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name,
-                        }) }), walletConnector &&
-                        walletConnectorCore.isHardwareWalletConnector(walletConnector) &&
-                        walletConnector.canConnectWithHardwareWallet() && (jsxRuntime.jsx(HardwareWalletToggle.HardwareWalletToggle, { connectors: [walletConnector], copykey: 'dyn_select_chain.using_hardware_wallet_toggle_label', label: t('dyn_select_chain.using_hardware_wallet_toggle_label') })), jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, onClick: handleClick, typographyProps: {
-                            variant: 'button_secondary',
-                        }, children: t('dyn_detected_new_wallet.confirm_button') })] }), jsxRuntime.jsx(Divider.Divider, { fullWidth: true, text: 'Or' }), jsxRuntime.jsx(LogoutButton.LogoutButton, { isTextButton: false, buttonClassName: 'detected-new-wallet-modal__log-out-button' })] }));
+    return (jsxRuntime.jsx(DefaultPromptModal.DefaultPromptLayout, { dataTestId: 'detected-new-wallet-modal', icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key }), title: t('dyn_detected_new_wallet.title'), children: jsxRuntime.jsxs("div", { className: 'detected-new-wallet-modal__top-section', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: t('dyn_detected_new_wallet.description', {
+                        walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name,
+                    }) }), walletConnector &&
+                    walletConnectorCore.isHardwareWalletConnector(walletConnector) &&
+                    walletConnector.canConnectWithHardwareWallet() && (jsxRuntime.jsx(HardwareWalletToggle.HardwareWalletToggle, { connectors: [walletConnector], copykey: 'dyn_select_chain.using_hardware_wallet_toggle_label', label: t('dyn_select_chain.using_hardware_wallet_toggle_label') })), jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, onClick: handleClick, typographyProps: {
+                        variant: 'button_secondary',
+                    }, children: t('dyn_detected_new_wallet.confirm_button') })] }) }));
 };
 const DetectedNewWalletWidgetPortal = () => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { onClose: useCloseMultiWalletPrompt.useCloseMultiWalletPrompt(), children: jsxRuntime.jsx(DetectedNewWalletContent, {}) }));
 const DetectedNewWalletModal = () => (jsxRuntime.jsx(PromptModal.PromptModal, { onClose: useCloseMultiWalletPrompt.useCloseMultiWalletPrompt(), children: jsxRuntime.jsx(DetectedNewWalletContent, {}) }));

package/src/lib/widgets/DynamicWidget/prompts/DetectedNewWalletModal/DetectedNewWalletModal.js

@@ -59,7 +59,6 @@ import { WidgetPortal } from '../../components/WidgetPortal/WidgetPortal.js';
 import { useCloseMultiWalletPrompt } from '../../hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.js';
 import { DefaultPromptLayout } from '../DefaultPromptModal/DefaultPromptModal.js';
 import { HardwareWalletToggle } from '../../../../components/HardwareWalletToggle/HardwareWalletToggle.js';
-import { Divider } from '../../../../components/Divider/Divider.js';
 import '../../context/DynamicWidgetContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
@@ -90,7 +89,6 @@ import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
-import { LogoutButton } from '../../../../components/LogoutButton/LogoutButton.js';
 import 'react-focus-lock';
 import 'qrcode';
 
@@ -101,13 +99,13 @@ const DetectedNewWalletContent = () => {
         setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
     };
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
-    return (jsxs(DefaultPromptLayout, { dataTestId: 'detected-new-wallet-modal', icon: jsx(WalletIcon, { walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key }), title: t('dyn_detected_new_wallet.title'), children: [jsxs("div", { className: 'detected-new-wallet-modal__top-section', children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: t('dyn_detected_new_wallet.description', {
-                            walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name,
-                        }) }), walletConnector &&
-                        isHardwareWalletConnector(walletConnector) &&
-                        walletConnector.canConnectWithHardwareWallet() && (jsx(HardwareWalletToggle, { connectors: [walletConnector], copykey: 'dyn_select_chain.using_hardware_wallet_toggle_label', label: t('dyn_select_chain.using_hardware_wallet_toggle_label') })), jsx(TypographyButton, { expanded: true, onClick: handleClick, typographyProps: {
-                            variant: 'button_secondary',
-                        }, children: t('dyn_detected_new_wallet.confirm_button') })] }), jsx(Divider, { fullWidth: true, text: 'Or' }), jsx(LogoutButton, { isTextButton: false, buttonClassName: 'detected-new-wallet-modal__log-out-button' })] }));
+    return (jsx(DefaultPromptLayout, { dataTestId: 'detected-new-wallet-modal', icon: jsx(WalletIcon, { walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key }), title: t('dyn_detected_new_wallet.title'), children: jsxs("div", { className: 'detected-new-wallet-modal__top-section', children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: t('dyn_detected_new_wallet.description', {
+                        walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name,
+                    }) }), walletConnector &&
+                    isHardwareWalletConnector(walletConnector) &&
+                    walletConnector.canConnectWithHardwareWallet() && (jsx(HardwareWalletToggle, { connectors: [walletConnector], copykey: 'dyn_select_chain.using_hardware_wallet_toggle_label', label: t('dyn_select_chain.using_hardware_wallet_toggle_label') })), jsx(TypographyButton, { expanded: true, onClick: handleClick, typographyProps: {
+                        variant: 'button_secondary',
+                    }, children: t('dyn_detected_new_wallet.confirm_button') })] }) }));
 };
 const DetectedNewWalletWidgetPortal = () => (jsx(WidgetPortal, { onClose: useCloseMultiWalletPrompt(), children: jsx(DetectedNewWalletContent, {}) }));
 const DetectedNewWalletModal = () => (jsx(PromptModal, { onClose: useCloseMultiWalletPrompt(), children: jsx(DetectedNewWalletContent, {}) }));