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

package/src/lib/views/LoginView/LoginView.cjs

@@ -9,13 +9,14 @@ var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var utils = require('@dynamic-labs/utils');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
+var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var DefaultFooter = require('../../layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var useAuthLayoutChecks = require('../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
-var WalletList = require('../WalletList/WalletList.cjs');
-var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+var useWalletItemActions = require('../../utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 var FarcasterQrCodeView = require('../FarcasterQrCodeView/FarcasterQrCodeView.cjs');
+var WalletList = require('../WalletList/WalletList.cjs');
 var LoginViewSection = require('./LoginViewSection/LoginViewSection.cjs');
 var useLoginView = require('./useLoginView/useLoginView.cjs');
 var showFarcasterQrCodeView = require('./utils/showFarcasterQrCodeView/showFarcasterQrCodeView.cjs');
@@ -27,6 +28,7 @@ const LoginView = () => {
     const { isWalletOnly, loginViewSections } = useLoginView.useLoginView();
     const { enabledSocialProviders } = SocialRedirectContext.useSocialRedirectContext();
     const { showDefaultFooter } = useAuthLayoutChecks.useAuthLayoutChecks();
+    const { handleWalletItemClick } = useWalletItemActions.useWalletItemActions();
     const numOfWallets = ((_a = loginViewSections.find((section) => section.type === sdkApiCore.SdkViewSectionType.Wallet)) === null || _a === void 0 ? void 0 : _a.numOfItemsToDisplay) || 0;
     const renderViewSections = React.useMemo(() => loginViewSections.map((viewSection, index) => (jsxRuntime.jsx("div", { className: classNames.classNames('login-view__scroll__section', `login-view__scroll__section--${viewSection.type}`), children: jsxRuntime.jsx(LoginViewSection.LoginViewSection, { gotToWalletList: () => setView('login-with-email-or-wallet-full-wallet-list'), index: index, viewSection: viewSection, walletCount: numOfWallets }) }, `${viewSection.type}__${index}`))), [loginViewSections, numOfWallets]);
     const errorElement = error && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { className: 'login-view__error-container', withIcon: false, children: error }));
@@ -34,7 +36,7 @@ const LoginView = () => {
         return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [errorElement, jsxRuntime.jsx(FarcasterQrCodeView.FarcasterQrCodeView, {})] }));
     }
     if (isWalletOnly) {
-        return jsxRuntime.jsx(WalletList.WalletList, {});
+        return jsxRuntime.jsx(WalletList.WalletList, { onSelectWallet: handleWalletItemClick });
     }
     const shouldShowFooter = utils.isMobile() && showDefaultFooter;
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [errorElement, jsxRuntime.jsx("div", { className: classNames.classNames('login-view__container', {

package/src/lib/views/LoginView/LoginView.js

@@ -5,13 +5,14 @@ import { SdkViewSectionType } from '@dynamic-labs/sdk-api-core';
 import { isMobile } from '@dynamic-labs/utils';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
+import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { DefaultFooter } from '../../layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { useAuthLayoutChecks } from '../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
-import { WalletList } from '../WalletList/WalletList.js';
-import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import { useWalletItemActions } from '../../utils/hooks/useWalletItemActions/useWalletItemActions.js';
 import { FarcasterQrCodeView } from '../FarcasterQrCodeView/FarcasterQrCodeView.js';
+import { WalletList } from '../WalletList/WalletList.js';
 import { LoginViewSection } from './LoginViewSection/LoginViewSection.js';
 import { useLoginView } from './useLoginView/useLoginView.js';
 import { showFarcasterQrCodeView } from './utils/showFarcasterQrCodeView/showFarcasterQrCodeView.js';
@@ -23,6 +24,7 @@ const LoginView = () => {
     const { isWalletOnly, loginViewSections } = useLoginView();
     const { enabledSocialProviders } = useSocialRedirectContext();
     const { showDefaultFooter } = useAuthLayoutChecks();
+    const { handleWalletItemClick } = useWalletItemActions();
     const numOfWallets = ((_a = loginViewSections.find((section) => section.type === SdkViewSectionType.Wallet)) === null || _a === void 0 ? void 0 : _a.numOfItemsToDisplay) || 0;
     const renderViewSections = useMemo(() => loginViewSections.map((viewSection, index) => (jsx("div", { className: classNames('login-view__scroll__section', `login-view__scroll__section--${viewSection.type}`), children: jsx(LoginViewSection, { gotToWalletList: () => setView('login-with-email-or-wallet-full-wallet-list'), index: index, viewSection: viewSection, walletCount: numOfWallets }) }, `${viewSection.type}__${index}`))), [loginViewSections, numOfWallets]);
     const errorElement = error && (jsx(ErrorContainer, { className: 'login-view__error-container', withIcon: false, children: error }));
@@ -30,7 +32,7 @@ const LoginView = () => {
         return (jsxs(Fragment, { children: [errorElement, jsx(FarcasterQrCodeView, {})] }));
     }
     if (isWalletOnly) {
-        return jsx(WalletList, {});
+        return jsx(WalletList, { onSelectWallet: handleWalletItemClick });
     }
     const shouldShowFooter = isMobile() && showDefaultFooter;
     return (jsxs(Fragment, { children: [errorElement, jsx("div", { className: classNames('login-view__container', {

package/src/lib/views/LoginView/LoginViewSection/LoginViewSection.cjs

@@ -26,6 +26,7 @@ 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');
@@ -33,7 +34,6 @@ require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../utils/functions/compareChains/compareChains.cjs');
@@ -49,7 +49,8 @@ require('../../CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../store/state/walletConnectorOptions.cjs');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/walletOptions/walletOptions.cjs');
 var Typography = require('../../../components/Typography/Typography.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -90,6 +91,7 @@ require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
+require('@dynamic-labs/ethereum-aa');
 
 const LoginViewSection = ({ viewSection, index, walletCount, gotToWalletList, }) => {
     const { loading } = LoadingContext.useLoadingContext();

package/src/lib/views/LoginView/LoginViewSection/LoginViewSection.js

@@ -22,6 +22,7 @@ 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';
@@ -29,7 +30,6 @@ import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../utils/functions/compareChains/compareChains.js';
@@ -45,7 +45,8 @@ import '../../CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../store/state/walletConnectorOptions.js';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/walletOptions/walletOptions.js';
 import { Typography } from '../../../components/Typography/Typography.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
@@ -86,6 +87,7 @@ import '../../../components/IsBrowser/IsBrowser.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
+import '@dynamic-labs/ethereum-aa';
 
 const LoginViewSection = ({ viewSection, index, walletCount, gotToWalletList, }) => {
     const { loading } = useLoadingContext();

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.cjs

@@ -26,6 +26,7 @@ var CaptchaContext = require('../../../../context/CaptchaContext/CaptchaContext.
 var ErrorContext = require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../../../store/state/nonce/nonce.cjs');
 var isEmailProviderEnabled = require('../../../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../store/state/user/user.cjs');
@@ -34,7 +35,6 @@ require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 var findEmailOtpWalletConnector = require('../../../Passkey/utils/findEmailOtpWalletConnector/findEmailOtpWalletConnector.cjs');
@@ -51,7 +51,8 @@ require('../../../CollectUserDataView/useFields.cjs');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../store/state/walletConnectorOptions.cjs');
+require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -87,6 +88,7 @@ require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
+require('@dynamic-labs/ethereum-aa');
 var EmailForm = require('../../../../components/EmailForm/EmailForm.cjs');
 
 const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError, currentEmail, className, style, }) => {

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.js

@@ -22,6 +22,7 @@ import { useCaptchaContext } from '../../../../context/CaptchaContext/CaptchaCon
 import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import '../../../../store/state/nonce/nonce.js';
 import { isEmailProviderEnabled } from '../../../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../store/state/user/user.js';
@@ -30,7 +31,6 @@ import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import { findEmailOtpWalletConnector } from '../../../Passkey/utils/findEmailOtpWalletConnector/findEmailOtpWalletConnector.js';
@@ -47,7 +47,8 @@ import '../../../CollectUserDataView/useFields.js';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../store/state/walletConnectorOptions.js';
+import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
@@ -83,6 +84,7 @@ import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
+import '@dynamic-labs/ethereum-aa';
 import { EmailForm } from '../../../../components/EmailForm/EmailForm.js';
 
 const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError, currentEmail, className, style, }) => {

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs

@@ -29,6 +29,7 @@ var isPhoneNumberProviderEnabled = require('../../../../utils/functions/isPhoneN
 var validatePhoneLength = require('../../../../utils/functions/validatePhoneLength/validatePhoneLength.cjs');
 require('react-international-phone');
 var getCustomCountries = require('../../../../utils/functions/getCustomCountries/getCustomCountries.cjs');
+require('../../../../store/state/nonce/nonce.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
@@ -38,7 +39,6 @@ var getDefaultCountriesIfEmpty = require('../../../../utils/functions/getDefault
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
@@ -54,7 +54,8 @@ require('../../../CollectUserDataView/useFields.cjs');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../store/state/walletConnectorOptions.cjs');
+require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -93,6 +94,7 @@ var PhoneNumberField = require('../../../../components/PhoneNumberField/PhoneNum
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
+require('@dynamic-labs/ethereum-aa');
 
 const PhoneNumberSignInSection = ({ isLoading, onSubmit, onSubmitError, }) => {
     var _a, _b;

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js

@@ -25,6 +25,7 @@ import { isPhoneNumberProviderEnabled } from '../../../../utils/functions/isPhon
 import { validatePhoneLength } from '../../../../utils/functions/validatePhoneLength/validatePhoneLength.js';
 import 'react-international-phone';
 import { getCustomCountries } from '../../../../utils/functions/getCustomCountries/getCustomCountries.js';
+import '../../../../store/state/nonce/nonce.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
@@ -34,7 +35,6 @@ import { getDefaultCountriesIfEmpty } from '../../../../utils/functions/getDefau
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
@@ -50,7 +50,8 @@ import '../../../CollectUserDataView/useFields.js';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../store/state/walletConnectorOptions.js';
+import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
@@ -89,6 +90,7 @@ import { PhoneNumberField } from '../../../../components/PhoneNumberField/PhoneN
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
+import '@dynamic-labs/ethereum-aa';
 
 const PhoneNumberSignInSection = ({ isLoading, onSubmit, onSubmitError, }) => {
     var _a, _b;

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/useSubmitPhoneNumber/useSubmitPhoneNumber.cjs

@@ -25,6 +25,7 @@ var dynamicEvents = require('../../../../../events/dynamicEvents.cjs');
 require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var formatPhone = require('../../../../../utils/functions/formatPhone/formatPhone.cjs');
+require('../../../../../store/state/nonce/nonce.cjs');
 require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../store/state/user/user.cjs');
 var sms = require('../../../../../data/api/sms/sms.cjs');
@@ -32,7 +33,6 @@ require('../../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 var VerificationContext = require('../../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../../utils/functions/compareChains/compareChains.cjs');
@@ -48,7 +48,8 @@ var useFields = require('../../../../CollectUserDataView/useFields.cjs');
 require('../../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../../store/state/walletConnectorOptions.cjs');
+require('../../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../../../store/state/walletOptions/walletOptions.cjs');
 require('../../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../../../components/Alert/Alert.cjs');
 require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -79,6 +80,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../../store/state/sendBalances.cjs');
+require('@dynamic-labs/ethereum-aa');
 require('../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../TransactionConfirmationView/TransactionConfirmationView.cjs');

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/useSubmitPhoneNumber/useSubmitPhoneNumber.js

@@ -21,6 +21,7 @@ import { dynamicEvents } from '../../../../../events/dynamicEvents.js';
 import '../../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { formatPhone } from '../../../../../utils/functions/formatPhone/formatPhone.js';
+import '../../../../../store/state/nonce/nonce.js';
 import '../../../../../config/ApiEndpoint.js';
 import '../../../../../store/state/user/user.js';
 import { createSmsVerification } from '../../../../../data/api/sms/sms.js';
@@ -28,7 +29,6 @@ import '../../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import { useVerification } from '../../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../../utils/functions/compareChains/compareChains.js';
@@ -44,7 +44,8 @@ import { useFields } from '../../../../CollectUserDataView/useFields.js';
 import '../../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../../store/state/walletConnectorOptions.js';
+import '../../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../../store/state/walletOptions/walletOptions.js';
 import '../../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../../components/Alert/Alert.js';
 import '../../../../../components/ShadowDOM/ShadowDOM.js';
@@ -75,6 +76,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../../store/state/sendBalances.js';
+import '@dynamic-labs/ethereum-aa';
 import '../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../TransactionConfirmationView/TransactionConfirmationView.js';

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.cjs

@@ -27,6 +27,7 @@ require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var getProviderEnumForSocialSignInProvider = require('../../../../../utils/functions/getProviderEnumForSocialSignInProvider/getProviderEnumForSocialSignInProvider.cjs');
+require('../../../../../store/state/nonce/nonce.cjs');
 require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../store/state/user/user.cjs');
 require('../../../../../locale/locale.cjs');
@@ -34,7 +35,6 @@ require('../../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../../utils/functions/compareChains/compareChains.cjs');
@@ -50,7 +50,8 @@ require('../../../../CollectUserDataView/useFields.cjs');
 require('../../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../../store/state/walletConnectorOptions.cjs');
+require('../../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -87,6 +88,7 @@ require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
 var SocialSignIn = require('../../../../../components/SocialSignIn/SocialSignIn.cjs');
+require('@dynamic-labs/ethereum-aa');
 
 const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLayout, }) => {
     const { setShowAuthFlow, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.js

@@ -23,6 +23,7 @@ import '../../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { getProviderEnumForSocialSignInProvider } from '../../../../../utils/functions/getProviderEnumForSocialSignInProvider/getProviderEnumForSocialSignInProvider.js';
+import '../../../../../store/state/nonce/nonce.js';
 import '../../../../../config/ApiEndpoint.js';
 import '../../../../../store/state/user/user.js';
 import '../../../../../locale/locale.js';
@@ -30,7 +31,6 @@ import '../../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../../utils/functions/compareChains/compareChains.js';
@@ -46,7 +46,8 @@ import '../../../../CollectUserDataView/useFields.js';
 import '../../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../../store/state/walletConnectorOptions.js';
+import '../../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../components/ShadowDOM/ShadowDOM.js';
@@ -83,6 +84,7 @@ import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
 import { SocialSignIn } from '../../../../../components/SocialSignIn/SocialSignIn.js';
+import '@dynamic-labs/ethereum-aa';
 
 const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLayout, }) => {
     const { setShowAuthFlow, projectSettings } = useInternalDynamicContext();

package/src/lib/views/LoginView/sections/SocialSignInSection/MagicSocialSignIn/MagicSocialSignIn.cjs

@@ -26,6 +26,7 @@ var CaptchaContext = require('../../../../../context/CaptchaContext/CaptchaConte
 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');
@@ -33,7 +34,6 @@ require('../../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../../utils/functions/compareChains/compareChains.cjs');
@@ -50,7 +50,8 @@ require('../../../../CollectUserDataView/useFields.cjs');
 require('../../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../../store/state/walletConnectorOptions.cjs');
+require('../../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -86,6 +87,7 @@ require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
 var SocialSignIn = require('../../../../../components/SocialSignIn/SocialSignIn.cjs');
+require('@dynamic-labs/ethereum-aa');
 
 const MagicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLayout, }) => {
     const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/views/LoginView/sections/SocialSignInSection/MagicSocialSignIn/MagicSocialSignIn.js

@@ -22,6 +22,7 @@ import { useCaptchaContext } from '../../../../../context/CaptchaContext/Captcha
 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';
@@ -29,7 +30,6 @@ import '../../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../../utils/functions/compareChains/compareChains.js';
@@ -46,7 +46,8 @@ import '../../../../CollectUserDataView/useFields.js';
 import '../../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../../store/state/walletConnectorOptions.js';
+import '../../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../components/ShadowDOM/ShadowDOM.js';
@@ -82,6 +83,7 @@ import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
 import { SocialSignIn } from '../../../../../components/SocialSignIn/SocialSignIn.js';
+import '@dynamic-labs/ethereum-aa';
 
 const MagicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLayout, }) => {
     const { projectSettings } = useInternalDynamicContext();

package/src/lib/views/LoginView/sections/SocialSignInSection/SocialSignInSection.cjs

@@ -24,6 +24,7 @@ require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var getSocialSignInProviderFromString = require('../../../../utils/functions/getSocialSignInProviderFromString/getSocialSignInProviderFromString.cjs');
+require('../../../../store/state/nonce/nonce.cjs');
 var isProviderEnabled = require('../../../../utils/functions/isProviderEnabled/isProviderEnabled.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../store/state/user/user.cjs');
@@ -32,7 +33,6 @@ require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
@@ -48,7 +48,8 @@ require('../../../CollectUserDataView/useFields.cjs');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../store/state/walletConnectorOptions.cjs');
+require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../../components/Alert/Alert.cjs');
@@ -80,6 +81,7 @@ var MagicSocialSignIn = require('./MagicSocialSignIn/MagicSocialSignIn.cjs');
 var DynamicSocialSignIn = require('./DynamicSocialSignIn/DynamicSocialSignIn.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
+require('@dynamic-labs/ethereum-aa');
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../TransactionConfirmationView/TransactionConfirmationView.cjs');

package/src/lib/views/LoginView/sections/SocialSignInSection/SocialSignInSection.js

@@ -20,6 +20,7 @@ import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { getSocialSignInProviderFromString } from '../../../../utils/functions/getSocialSignInProviderFromString/getSocialSignInProviderFromString.js';
+import '../../../../store/state/nonce/nonce.js';
 import { isProviderEnabled } from '../../../../utils/functions/isProviderEnabled/isProviderEnabled.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../store/state/user/user.js';
@@ -28,7 +29,6 @@ import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
@@ -44,7 +44,8 @@ import '../../../CollectUserDataView/useFields.js';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../store/state/walletConnectorOptions.js';
+import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../components/Alert/Alert.js';
@@ -76,6 +77,7 @@ import { MagicSocialSignIn } from './MagicSocialSignIn/MagicSocialSignIn.js';
 import { DynamicSocialSignIn } from './DynamicSocialSignIn/DynamicSocialSignIn.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
+import '@dynamic-labs/ethereum-aa';
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../TransactionConfirmationView/TransactionConfirmationView.js';

package/src/lib/views/LoginView/sections/ToggleableSection/ToggleableSection.cjs

@@ -25,6 +25,7 @@ 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');
@@ -32,7 +33,6 @@ require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
@@ -48,7 +48,8 @@ require('../../../CollectUserDataView/useFields.cjs');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../store/state/walletConnectorOptions.cjs');
+require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
@@ -84,6 +85,7 @@ require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
+require('@dynamic-labs/ethereum-aa');
 
 const ToggleableSection = ({ sections }) => {
     /** When true, shows first section. When false, shows second */