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

package/src/lib/views/MergeUserAccountsWithSameEmailView/MergeUserAccountsWithSameEmailView.cjs

@@ -30,16 +30,20 @@ var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var shortenEmail = require('../../shared/utils/functions/shortenEmail/shortenEmail.cjs');
+require('../../store/state/nonce/nonce.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
 var user = require('../../data/api/user/user.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 var VerificationContext = require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
@@ -53,15 +57,14 @@ require('../CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../store/state/environmentId.cjs');
-require('../../store/state/walletConnectorOptions.cjs');
+require('../../store/state/walletOptions/walletOptions.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -72,23 +75,26 @@ require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
-require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../components/OverlayCard/OverlayCard.cjs');
+require('../TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');
-require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
-require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('@dynamic-labs/ethereum-aa');
 
 const MergeUserAccountsWithSameEmailView = ({ returnToView }) => {
     const { environmentId, setShowAuthFlow, setCallback, primaryWallet, user: user$1 } = useInternalDynamicContext.useInternalDynamicContext();
@@ -128,7 +134,7 @@ const MergeUserAccountsWithSameEmailView = ({ returnToView }) => {
         }
         setView('collect-user-data');
     };
-    return (jsxRuntime.jsxs("div", { className: 'merge-user-accounts-with-same-email__container', children: [jsxRuntime.jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts', children: [jsxRuntime.jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts__item', children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key, className: 'merge-user-accounts-with-same-email__accounts__item__icon' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'medium', color: 'secondary', className: 'merge-user-accounts-with-same-email__accounts__item__text', children: shortenWalletAddress.shortenWalletAddress(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address, 3, 3) })] }), jsxRuntime.jsx("div", { className: 'merge-user-accounts-with-same-email__accounts__divider', children: jsxRuntime.jsx(Icon.Icon, { color: 'text-secondary', size: 'small', children: jsxRuntime.jsx(doubleArrowRight.ReactComponent, {}) }) }), jsxRuntime.jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts__item', children: [jsxRuntime.jsx(iconic.UserProfileIcon, { className: 'merge-user-accounts-with-same-email__accounts__item__icon' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'medium', color: 'secondary', className: 'merge-user-accounts-with-same-email__accounts__item__text', children: shortenEmail.shortenEmail(email, {
+    return (jsxRuntime.jsxs("div", { className: 'merge-user-accounts-with-same-email__container', children: [jsxRuntime.jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts', children: [jsxRuntime.jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts__item', children: [jsxRuntime.jsx(walletBook.WalletIcon, { icon: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.metadata.icon, walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key, className: 'merge-user-accounts-with-same-email__accounts__item__icon' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'medium', color: 'secondary', className: 'merge-user-accounts-with-same-email__accounts__item__text', children: shortenWalletAddress.shortenWalletAddress(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address, 3, 3) })] }), jsxRuntime.jsx("div", { className: 'merge-user-accounts-with-same-email__accounts__divider', children: jsxRuntime.jsx(Icon.Icon, { color: 'text-secondary', size: 'small', children: jsxRuntime.jsx(doubleArrowRight.ReactComponent, {}) }) }), jsxRuntime.jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts__item', children: [jsxRuntime.jsx(iconic.UserProfileIcon, { className: 'merge-user-accounts-with-same-email__accounts__item__icon' }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'medium', color: 'secondary', className: 'merge-user-accounts-with-same-email__accounts__item__text', children: shortenEmail.shortenEmail(email, {
                                     breakpoint: 4,
                                     cutEnd: 1,
                                     cutStart: 2,

package/src/lib/views/MergeUserAccountsWithSameEmailView/MergeUserAccountsWithSameEmailView.js

@@ -26,16 +26,20 @@ import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { shortenEmail } from '../../shared/utils/functions/shortenEmail/shortenEmail.js';
+import '../../store/state/nonce/nonce.js';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
 import '../../locale/locale.js';
 import { mergeUserAccounts } from '../../data/api/user/user.js';
 import '../../store/state/projectSettings/projectSettings.js';
+import '../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import { useVerification } from '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
@@ -49,15 +53,14 @@ import '../CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../store/state/environmentId.js';
-import '../../store/state/walletConnectorOptions.js';
+import '../../store/state/walletOptions/walletOptions.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -68,23 +71,26 @@ import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
 import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
-import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../components/OverlayCard/OverlayCard.js';
+import '../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/IsBrowser/IsBrowser.js';
-import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '@dynamic-labs/ethereum-aa';
 
 const MergeUserAccountsWithSameEmailView = ({ returnToView }) => {
     const { environmentId, setShowAuthFlow, setCallback, primaryWallet, user } = useInternalDynamicContext();
@@ -124,7 +130,7 @@ const MergeUserAccountsWithSameEmailView = ({ returnToView }) => {
         }
         setView('collect-user-data');
     };
-    return (jsxs("div", { className: 'merge-user-accounts-with-same-email__container', children: [jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts', children: [jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts__item', children: [jsx(WalletIcon, { walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key, className: 'merge-user-accounts-with-same-email__accounts__item__icon' }), jsx(Typography, { variant: 'body_normal', weight: 'medium', color: 'secondary', className: 'merge-user-accounts-with-same-email__accounts__item__text', children: shortenWalletAddress(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address, 3, 3) })] }), jsx("div", { className: 'merge-user-accounts-with-same-email__accounts__divider', children: jsx(Icon, { color: 'text-secondary', size: 'small', children: jsx(SvgDoubleArrowRight, {}) }) }), jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts__item', children: [jsx(UserProfileIcon, { className: 'merge-user-accounts-with-same-email__accounts__item__icon' }), jsx(Typography, { variant: 'body_normal', weight: 'medium', color: 'secondary', className: 'merge-user-accounts-with-same-email__accounts__item__text', children: shortenEmail(email, {
+    return (jsxs("div", { className: 'merge-user-accounts-with-same-email__container', children: [jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts', children: [jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts__item', children: [jsx(WalletIcon, { icon: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.metadata.icon, walletKey: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key, className: 'merge-user-accounts-with-same-email__accounts__item__icon' }), jsx(Typography, { variant: 'body_normal', weight: 'medium', color: 'secondary', className: 'merge-user-accounts-with-same-email__accounts__item__text', children: shortenWalletAddress(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address, 3, 3) })] }), jsx("div", { className: 'merge-user-accounts-with-same-email__accounts__divider', children: jsx(Icon, { color: 'text-secondary', size: 'small', children: jsx(SvgDoubleArrowRight, {}) }) }), jsxs("div", { className: 'merge-user-accounts-with-same-email__accounts__item', children: [jsx(UserProfileIcon, { className: 'merge-user-accounts-with-same-email__accounts__item__icon' }), jsx(Typography, { variant: 'body_normal', weight: 'medium', color: 'secondary', className: 'merge-user-accounts-with-same-email__accounts__item__text', children: shortenEmail(email, {
                                     breakpoint: 4,
                                     cutEnd: 1,
                                     cutStart: 2,

package/src/lib/views/MfaChooseDeviceView/MfaChooseDeviceView.cjs

@@ -7,11 +7,11 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 require('react');
 var secureAccount = require('../../assets/secure-account.cjs');
+require('@dynamic-labs/utils');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/utils');
 var useDynamicContext = require('../../context/DynamicContext/useDynamicContext/useDynamicContext.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -29,15 +29,19 @@ require('../../store/state/loadingAndLifecycle.cjs');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../store/state/nonce/nonce.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
@@ -50,15 +54,14 @@ require('../CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../store/state/environmentId.cjs');
-require('../../store/state/walletConnectorOptions.cjs');
+require('../../store/state/walletOptions/walletOptions.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -68,26 +71,29 @@ require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var Button = require('../../components/Button/Button.cjs');
 require('formik');
-require('../../store/state/sendBalances.cjs');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
-require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../components/OverlayCard/OverlayCard.cjs');
+require('../TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+var TextButton = require('../../components/TextButton/TextButton.cjs');
+var getMfaOptions = require('./getMfaOptions/getMfaOptions.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
-var TextButton = require('../../components/TextButton/TextButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');
-require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
-require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-var getMfaOptions = require('./getMfaOptions/getMfaOptions.cjs');
-require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('@dynamic-labs/ethereum-aa');
 
 const MfaChooseDeviceView = ({ isInitialSetup = true, }) => {
     const { handleLogOut } = useDynamicContext.useDynamicContext();

package/src/lib/views/MfaChooseDeviceView/MfaChooseDeviceView.js

@@ -3,11 +3,11 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import 'react';
 import { ReactComponent as SvgSecureAccount } from '../../assets/secure-account.js';
+import '@dynamic-labs/utils';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
-import '@dynamic-labs/utils';
 import { useDynamicContext } from '../../context/DynamicContext/useDynamicContext/useDynamicContext.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -25,15 +25,19 @@ import '../../store/state/loadingAndLifecycle.js';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import '../../store/state/nonce/nonce.js';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
 import '../../locale/locale.js';
 import '../../store/state/projectSettings/projectSettings.js';
+import '../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
@@ -46,15 +50,14 @@ import '../CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../store/state/environmentId.js';
-import '../../store/state/walletConnectorOptions.js';
+import '../../store/state/walletOptions/walletOptions.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -64,26 +67,29 @@ import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { Button } from '../../components/Button/Button.js';
 import 'formik';
-import '../../store/state/sendBalances.js';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
+import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
-import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../components/OverlayCard/OverlayCard.js';
+import '../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import { TextButton } from '../../components/TextButton/TextButton.js';
+import { getMfaOptions } from './getMfaOptions/getMfaOptions.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
-import { TextButton } from '../../components/TextButton/TextButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/IsBrowser/IsBrowser.js';
-import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import { getMfaOptions } from './getMfaOptions/getMfaOptions.js';
-import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '@dynamic-labs/ethereum-aa';
 
 const MfaChooseDeviceView = ({ isInitialSetup = true, }) => {
     const { handleLogOut } = useDynamicContext();

package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.cjs

@@ -7,10 +7,10 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
+require('@dynamic-labs/utils');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 var Alert = require('../../components/Alert/Alert.cjs');
 require('../../events/dynamicEvents.cjs');
-require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
@@ -29,21 +29,25 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../store/state/nonce/nonce.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
 var downloadFile = require('../../utils/functions/downloadFile/downloadFile.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
-var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
@@ -52,15 +56,14 @@ require('../CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../store/state/environmentId.cjs');
-require('../../store/state/walletConnectorOptions.cjs');
+require('../../store/state/walletOptions/walletOptions.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -71,27 +74,30 @@ require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
+require('../../components/OverlayCard/OverlayCard.cjs');
 var spinner = require('../../components/Spinner/spinner.cjs');
-require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+var Checkbox = require('../../components/Checkbox/Checkbox.cjs');
 var useMfa = require('../../utils/hooks/useMfa/useMfa.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
-var Checkbox = require('../../components/Checkbox/Checkbox.cjs');
 var CopyButton = require('../../components/CopyButton/CopyButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');
-require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
-require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('@dynamic-labs/ethereum-aa');
 
 const MfaDisplayBackupCodesView = ({ regenerateCodes = false, }) => {
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.js

@@ -3,10 +3,10 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import '@dynamic-labs/utils';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import { Alert } from '../../components/Alert/Alert.js';
 import '../../events/dynamicEvents.js';
-import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
@@ -25,21 +25,25 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import '../../store/state/nonce/nonce.js';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
 import '../../locale/locale.js';
 import { downloadFile } from '../../utils/functions/downloadFile/downloadFile.js';
 import '../../store/state/projectSettings/projectSettings.js';
+import '../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
-import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
@@ -48,15 +52,14 @@ import '../CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../store/state/environmentId.js';
-import '../../store/state/walletConnectorOptions.js';
+import '../../store/state/walletOptions/walletOptions.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -67,27 +70,30 @@ import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
 import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
+import '../../components/OverlayCard/OverlayCard.js';
 import { Spinner } from '../../components/Spinner/spinner.js';
-import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import { Checkbox } from '../../components/Checkbox/Checkbox.js';
 import { useMfa } from '../../utils/hooks/useMfa/useMfa.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
-import { Checkbox } from '../../components/Checkbox/Checkbox.js';
 import { CopyButton } from '../../components/CopyButton/CopyButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/IsBrowser/IsBrowser.js';
-import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '@dynamic-labs/ethereum-aa';
 
 const MfaDisplayBackupCodesView = ({ regenerateCodes = false, }) => {
     const { setShowAuthFlow } = useInternalDynamicContext();