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

package/src/lib/components/NetworkPicker/components/EvmNetworkControl/EvmNetworkControl.js

@@ -23,15 +23,19 @@ 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 '../../../../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';
@@ -44,8 +48,7 @@ import '../../../../views/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 'react-i18next';
 import { Typography } from '../../../Typography/Typography.js';
 import '../../../../context/FooterAnimationContext/index.js';
@@ -53,7 +56,7 @@ import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
-import '../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -63,26 +66,36 @@ import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../Input/Input.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../OverlayCard/OverlayCard.js';
+import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../index.js';
+import { NetworkControlSkeleton } from '../NetworkControlSkeleton/NetworkControlSkeleton.js';
+import { UnsupportedNetwork } from '../UnsupportedNetwork/UnsupportedNetwork.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../IsBrowser/IsBrowser.js';
-import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
 import 'qrcode';
-import { NetworkControlSkeleton } from '../NetworkControlSkeleton/NetworkControlSkeleton.js';
-import { UnsupportedNetwork } from '../UnsupportedNetwork/UnsupportedNetwork.js';
-import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '@dynamic-labs/ethereum-aa';
 
+/**
+ * Icon and name to use when network is undefined and connector is unavailable
+ */
+const fallbackChainData = {
+    iconUrl: 'https://app.dynamic.xyz/assets/networks/eth.svg',
+    name: 'Ethereum',
+};
 const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '', network, walletConnector, isOpen, setIsOpen, showNetworkName = false, }) => {
     var _a;
     const currentEvmNetwork = evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.find((element) => network && element.chainId === parseChainId(network));
@@ -90,6 +103,13 @@ const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '',
         return (jsx("div", { "data-testid": 'EvmNetworkControl', className: classNames('evm-network-control__container evm-network-control__container--error', className), children: jsx(UnsupportedNetwork, { showMsg: showNetworkName }) }));
     }
     if (!network) {
+        // If this connector is not available, just show a generic "Ethereum" network
+        // As it will never be able to load a network
+        if (walletConnector && !walletConnector.isAvailable) {
+            return (jsxs("div", { "data-testid": 'EvmNetworkControl', className: classNames(className, {
+                    'evm-network-control__container': Boolean(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.supportsNetworkSwitching()),
+                }), children: [jsx(Icon, { size: 'small', children: jsx("img", { src: fallbackChainData.iconUrl, alt: `${fallbackChainData.name} icon` }) }), showNetworkName && (jsx(Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: fallbackChainData.name }))] }));
+        }
         return (jsx("div", { "data-testid": 'EvmNetworkControl', className: classNames('evm-network-control__container', className), children: jsx(NetworkControlSkeleton, {}) }));
     }
     if ((evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.length) === 1) {
@@ -118,4 +138,4 @@ const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '',
                 }), children: jsx(SvgStroke, {}) }))] }));
 };
 
-export { EvmNetworkControl };
+export { EvmNetworkControl, fallbackChainData };

package/src/lib/components/NetworkPicker/components/Network/Network.cjs

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../Alert/Alert.cjs');
@@ -28,15 +29,19 @@ 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');
 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');
@@ -49,16 +54,14 @@ require('../../../../views/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('react-i18next');
+require('../../../../store/state/walletOptions/walletOptions.cjs');
 var Typography = require('../../../Typography/Typography.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -68,28 +71,34 @@ require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../Input/Input.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../OverlayCard/OverlayCard.cjs');
+require('../../../../views/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('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../IsBrowser/IsBrowser.cjs');
-require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../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 Network = ({ iconUrl, isActive, networkName, className, checkboxClassName = '', isChanging, notSupported = false, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('network', className, {
-        'network--not-supported': notSupported,
-    }), children: [jsxRuntime.jsxs("div", { className: 'network__container', children: [iconUrl ? (jsxRuntime.jsx("img", { src: iconUrl, className: 'network__title-icon', alt: `${networkName} icon` })) : (jsxRuntime.jsx(error.ReactComponent, {})), jsxRuntime.jsxs("div", { className: 'network__title-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'button_primary', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', children: networkName }), notSupported && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', "data-testid": 'network-not-supported', children: "Switch network in your wallet" }))] })] }), jsxRuntime.jsxs("div", { className: classNames.classNames('network__status-container', {
-                'network__status-container--active': isActive,
-            }, checkboxClassName), "data-testid": 'single-network-checkbox', children: [isActive && jsxRuntime.jsx(check.ReactComponent, { className: 'network__status-icon' }), isChanging && (jsxRuntime.jsx(Spinner.Spinner, { className: 'network__status-spinner-icon', size: 12 }))] })] }));
+const Network = ({ iconUrl, isActive, networkName, className, checkboxClassName = '', isChanging, notSupported = false, }) => {
+    const { t } = reactI18next.useTranslation();
+    return (jsxRuntime.jsxs("div", { className: classNames.classNames('network', className, {
+            'network--not-supported': notSupported,
+        }), children: [jsxRuntime.jsxs("div", { className: 'network__container', children: [iconUrl ? (jsxRuntime.jsx("img", { src: iconUrl, className: 'network__title-icon', alt: `${networkName} icon` })) : (jsxRuntime.jsx(error.ReactComponent, {})), jsxRuntime.jsxs("div", { className: 'network__title-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'button_primary', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', children: networkName }), notSupported && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', "data-testid": 'network-not-supported', children: t('dyn_network_not_supported.wallet') }))] })] }), jsxRuntime.jsxs("div", { className: classNames.classNames('network__status-container', {
+                    'network__status-container--active': isActive,
+                }, checkboxClassName), "data-testid": 'single-network-checkbox', children: [isActive && jsxRuntime.jsx(check.ReactComponent, { className: 'network__status-icon' }), isChanging && (jsxRuntime.jsx(Spinner.Spinner, { className: 'network__status-spinner-icon', size: 12 }))] })] }));
+};
 
 exports.Network = Network;

package/src/lib/components/NetworkPicker/components/Network/Network.js

@@ -1,5 +1,6 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import '../../../Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../Alert/Alert.js';
@@ -24,15 +25,19 @@ 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 '../../../../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';
@@ -45,16 +50,14 @@ import '../../../../views/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 'react-i18next';
+import '../../../../store/state/walletOptions/walletOptions.js';
 import { Typography } from '../../../Typography/Typography.js';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
-import '../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -64,28 +67,34 @@ import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../Input/Input.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../OverlayCard/OverlayCard.js';
+import '../../../../views/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 '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../IsBrowser/IsBrowser.js';
-import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../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 Network = ({ iconUrl, isActive, networkName, className, checkboxClassName = '', isChanging, notSupported = false, }) => (jsxs("div", { className: classNames('network', className, {
-        'network--not-supported': notSupported,
-    }), children: [jsxs("div", { className: 'network__container', children: [iconUrl ? (jsx("img", { src: iconUrl, className: 'network__title-icon', alt: `${networkName} icon` })) : (jsx(SvgError, {})), jsxs("div", { className: 'network__title-container', children: [jsx(Typography, { variant: 'button_primary', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', children: networkName }), notSupported && (jsx(Typography, { variant: 'body_mini', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', "data-testid": 'network-not-supported', children: "Switch network in your wallet" }))] })] }), jsxs("div", { className: classNames('network__status-container', {
-                'network__status-container--active': isActive,
-            }, checkboxClassName), "data-testid": 'single-network-checkbox', children: [isActive && jsx(SvgCheck, { className: 'network__status-icon' }), isChanging && (jsx(Spinner, { className: 'network__status-spinner-icon', size: 12 }))] })] }));
+const Network = ({ iconUrl, isActive, networkName, className, checkboxClassName = '', isChanging, notSupported = false, }) => {
+    const { t } = useTranslation();
+    return (jsxs("div", { className: classNames('network', className, {
+            'network--not-supported': notSupported,
+        }), children: [jsxs("div", { className: 'network__container', children: [iconUrl ? (jsx("img", { src: iconUrl, className: 'network__title-icon', alt: `${networkName} icon` })) : (jsx(SvgError, {})), jsxs("div", { className: 'network__title-container', children: [jsx(Typography, { variant: 'button_primary', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', children: networkName }), notSupported && (jsx(Typography, { variant: 'body_mini', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', "data-testid": 'network-not-supported', children: t('dyn_network_not_supported.wallet') }))] })] }), jsxs("div", { className: classNames('network__status-container', {
+                    'network__status-container--active': isActive,
+                }, checkboxClassName), "data-testid": 'single-network-checkbox', children: [isActive && jsx(SvgCheck, { className: 'network__status-icon' }), isChanging && (jsx(Spinner, { className: 'network__status-spinner-icon', size: 12 }))] })] }));
+};
 
 export { Network };

package/src/lib/components/NetworkPicker/components/NetworkControlSkeleton/NetworkControlSkeleton.cjs

@@ -26,15 +26,19 @@ 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');
 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');
@@ -47,15 +51,14 @@ require('../../../../views/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');
 require('react-i18next');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 var Skeleton = require('../../../Skeleton/Skeleton.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
@@ -65,23 +68,26 @@ require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../Input/Input.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../OverlayCard/OverlayCard.cjs');
+require('../../../../views/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('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../IsBrowser/IsBrowser.cjs');
-require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../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 NetworkControlSkeleton = ({ className, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('network-control-skeleton', className), "data-testid": 'network-control-loading', children: [jsxRuntime.jsx("div", { className: 'network-control-skeleton__icon' }), jsxRuntime.jsx(Skeleton.Skeleton, { className: 'network-control-skeleton__skeleton' })] }));
 

package/src/lib/components/NetworkPicker/components/NetworkControlSkeleton/NetworkControlSkeleton.js

@@ -22,15 +22,19 @@ 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 '../../../../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';
@@ -43,15 +47,14 @@ import '../../../../views/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 'react-i18next';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
-import '../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import { Skeleton } from '../../../Skeleton/Skeleton.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
@@ -61,23 +64,26 @@ import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../Input/Input.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../OverlayCard/OverlayCard.js';
+import '../../../../views/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 '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../IsBrowser/IsBrowser.js';
-import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../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 NetworkControlSkeleton = ({ className, }) => (jsxs("div", { className: classNames('network-control-skeleton', className), "data-testid": 'network-control-loading', children: [jsx("div", { className: 'network-control-skeleton__icon' }), jsx(Skeleton, { className: 'network-control-skeleton__skeleton' })] }));
 

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.cjs

@@ -28,15 +28,19 @@ 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');
 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');
@@ -49,8 +53,7 @@ require('../../../../views/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');
 require('react-i18next');
 var Typography = require('../../../Typography/Typography.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
@@ -58,7 +61,7 @@ require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -69,24 +72,27 @@ require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../Input/Input.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../OverlayCard/OverlayCard.cjs');
+require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../index.cjs');
+var NetworkControlSkeleton = require('../NetworkControlSkeleton/NetworkControlSkeleton.cjs');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../IsBrowser/IsBrowser.cjs');
-require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
-var NetworkControlSkeleton = require('../NetworkControlSkeleton/NetworkControlSkeleton.cjs');
-require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('@dynamic-labs/ethereum-aa');
 
 const NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showNetworkName = false, }) => {
     const { chain, isLoading } = useFetchChain.useFetchChain(walletConnector);
@@ -95,7 +101,7 @@ const NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showN
     if (isLoading) {
         return jsxRuntime.jsx(NetworkControlSkeleton.NetworkControlSkeleton, { className: className });
     }
-    return (jsxRuntime.jsxs("div", { "data-testid": 'NonNetworkSwitchingSupportedControl', className: classNames.classNames('non-network-switching-supported-control', className), children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', children: (chain === null || chain === void 0 ? void 0 : chain.icon) ? (jsxRuntime.jsx("img", { src: chain.icon, alt: `${chain.name} icon` })) : (jsxRuntime.jsx(ChainIcon, {})) }), showNetworkName && (jsxRuntime.jsx(Typography.Typography, { className: classNames.classNames('non-network-switching-supported-control__network-name'), as: 'span', variant: 'body_small', children: capitalize.capitalize(chainName) })), jsxRuntime.jsx("span", {})] }));
+    return (jsxRuntime.jsxs("div", { "data-testid": 'NonNetworkSwitchingSupportedControl', className: classNames.classNames('non-network-switching-supported-control', className), children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', children: (chain === null || chain === void 0 ? void 0 : chain.icon) ? (jsxRuntime.jsx("img", { src: chain.icon, alt: `${chain.name} icon` })) : (jsxRuntime.jsx(ChainIcon, {})) }), showNetworkName && (jsxRuntime.jsx(Typography.Typography, { className: classNames.classNames('non-network-switching-supported-control__network-name'), as: 'span', variant: 'body_small', children: capitalize.capitalize(chainName) }))] }));
 };
 
 exports.NonNetworkSwitchingSupportedControl = NonNetworkSwitchingSupportedControl;