@dynamic-labs/sdk-react-core 0.19.0-alpha.0 → 0.19.0-alpha.10

package/src/index.js

@@ -1,6 +1,6 @@
 import './polyfills.js';
 export { VERSION } from './version.js';
-export { getInstalledWallets, getNotInstalledWallets } from './lib/views/WalletList/data.js';
+export { getWallets } from './lib/views/WalletList/data.js';
 export { getAuthToken } from './lib/utils/functions/getAuthToken/getAuthToken.js';
 export { DynamicContext, DynamicContextProvider } from './lib/context/DynamicContext/DynamicContext.js';
 export { useDynamicContext } from './lib/context/DynamicContext/useDynamicContext.js';
@@ -73,6 +73,25 @@ export { ReactComponent as SwitchHorizontalIcon } from './lib/shared/assets/swit
 export { ReactComponent as DotsHorizontalIcon } from './lib/shared/assets/dots-horizontal.js';
 export { ReactComponent as SendIcon } from './lib/shared/assets/send.js';
 export { ReactComponent as QuestionMarkIcon } from './lib/shared/assets/question-mark.js';
+export { ReactComponent as DoubleArrowRightIcon } from './lib/shared/assets/double-arrow-right.js';
+export { ReactComponent as AtIcon } from './lib/shared/assets/at.js';
+export { ReactComponent as MailIcon } from './lib/shared/assets/mail.js';
+export { ReactComponent as PhoneIcon } from './lib/shared/assets/phone.js';
+export { ReactComponent as SizeLabelsIcon } from './lib/shared/assets/size-labels.js';
+export { ReactComponent as UserIcon } from './lib/shared/assets/user.js';
+export { ReactComponent as UserCleanIcon } from './lib/shared/assets/user-account-2.js';
+export { ReactComponent as UserCardIcon } from './lib/shared/assets/user-card.js';
+export { ReactComponent as WorkSuitcaseIcon } from './lib/shared/assets/work-suitcase.js';
+export { ReactComponent as LocationIcon } from './lib/shared/assets/location.js';
+export { ReactComponent as SparklesIcon } from './lib/shared/assets/sparkles.js';
+export { ReactComponent as JustifiedTextIcon } from './lib/shared/assets/justified-text.js';
+export { ReactComponent as SignInWithEmailIcon } from './lib/shared/assets/sign-in-with-email.js';
+export { ReactComponent as PasskeyIntroIcon } from './lib/shared/assets/passkey-intro-icon.js';
+export { ReactComponent as PasskeySuccessIcon } from './lib/shared/assets/passkey-success-icon.js';
+export { ReactComponent as AndroidFaceId } from './lib/shared/assets/android-face-id.js';
+export { ReactComponent as IPhoneFaceId } from './lib/shared/assets/iphone-face-id.js';
+export { ReactComponent as IPhoneTouchId } from './lib/shared/assets/iphone-touch-id.js';
+export { ReactComponent as EmbeddedWalletIcon } from './lib/shared/assets/embedded-wallet-icon.js';
 export { authModalZIndex, countryCodes, defaultWalletsForChains, tShirtSizes, teamNames, toolkitZIndex, tooltipZIndex, widgetModalZIndex } from './lib/shared/consts/index.js';
 export { logger } from './lib/shared/logger.js';
 import './lib/utils/constants/colors.js';
@@ -80,6 +99,7 @@ import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/utils';
 export { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
 export { DynamicJwtFromJSON } from '@dynamic-labs/sdk-api';
+import './lib/config/ApiEndpoint.js';
 export { ShadowDOM } from './lib/components/ShadowDOM/ShadowDOM.js';
 import './lib/context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -87,27 +107,34 @@ import 'react-focus-lock';
 import './lib/components/Transition/ZoomTransition/ZoomTransition.js';
 import './lib/components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import './lib/components/Transition/OpacityTransition/OpacityTransition.js';
-import './lib/config/ApiEndpoint.js';
 import './lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 export { isSameWalletName } from './lib/utils/functions/isSameWalletName/isSameWalletName.js';
 import './lib/context/ViewContext/ViewContext.js';
 import './lib/context/ErrorContext/ErrorContext.js';
 import './lib/context/AccessDeniedContext/AccessDeniedContext.js';
 import './lib/context/AccountExistsContext/AccountExistsContext.js';
-import 'ethers';
+import 'viem';
 import './lib/components/IconButton/IconButton.js';
 import '@dynamic-labs/wallet-book';
 import './lib/components/Alert/Alert.js';
+import 'formik';
+import 'yup';
+import './lib/views/CollectUserDataView/fieldsConfig.js';
+export { MockContext, MockContextProvider, MockContextWrapper, useMockContext } from './lib/context/MockContext/MockContext.js';
 export { useWalletItemActions } from './lib/utils/hooks/useWalletItemActions/useWalletItemActions.js';
-export { useUserUpdateRequest } from './lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '@dynamic-labs/iconic';
+export { useAuthenticateConnectedUser } from './lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.js';
+export { useSocialAccounts } from './lib/utils/hooks/useSocialAccounts/useSocialAccounts.js';
+export { useUserUpdateRequest } from './lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import './lib/context/UserFieldEditorContext/UserFieldEditorContext.js';
+import './lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+export { useEmbeddedWallet } from './lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
 export { DynamicConnectButton } from './lib/components/DynamicConnectButton/DynamicConnectButton.js';
 import './lib/components/Popper/Popper/Popper.js';
 import './lib/components/Popper/PopperContext/PopperContext.js';
-import 'formik';
-import 'yup';
 import './lib/components/InlineWidget/InlineWidget.js';
 import './lib/components/MenuList/Dropdown/Dropdown.js';
+import './lib/components/OverlayCard/OverlayCard.context.js';
 export { WalletList } from './lib/views/WalletList/WalletList.js';
 export { PendingSignatureView } from './lib/views/PendingSignatureView/PendingSignatureView.js';
 export { CollectUserDataView } from './lib/views/CollectUserDataView/CollectUserDataView.js';
@@ -117,12 +144,10 @@ export { NoAccess } from './lib/views/NoAccess/NoAccess.js';
 export { EmailConfirmationWaitingView } from './lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js';
 export { viewToComponentMap } from './lib/views/viewToComponentMap.js';
 export { NetworkNotSupportedSwitchManual } from './lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.js';
-export { MockContext, MockContextProvider, MockContextWrapper, useMockContext } from './lib/context/MockContext/MockContext.js';
 export { getDefaultColor, getThemeConfig, themesData } from './lib/context/ThemeContext/themesData.js';
 export { getNetwork } from './lib/utils/functions/getNetwork/getNetwork.js';
-export { useAuthenticateConnectedUser } from './lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.js';
 export { FilterAndSortWallets, FilterWallets, FilterWalletsByChainName, RemoveWallets, SortWallets, UniswapFilter } from './lib/utils/functions/walletFilters/index.js';
-export { useSocialAccounts } from './lib/utils/hooks/useSocialAccounts/useSocialAccounts.js';
 export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import './lib/context/CaptchaContext/CaptchaContext.js';
 export { useEmailVerificationRequest } from './lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js';
 export { useSendBalance } from './lib/context/SendBalanceContext/SendBalanceContext.js';

package/src/lib/Main.cjs

@@ -16,17 +16,17 @@ require('@dynamic-labs/wallet-book');
 var localStorage$1 = require('./utils/constants/localStorage.cjs');
 require('./utils/constants/colors.cjs');
 var localStorage = require('./shared/utils/classes/storage/localStorage.cjs');
-require('ethers');
+require('viem');
 var usePreventPageScroll = require('./shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index$1 = require('./shared/consts/index.cjs');
 var useInternalDynamicContext = require('./context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var isSupportedNetwork = require('./utils/functions/isSupportedNetwork/isSupportedNetwork.cjs');
+require('./config/ApiEndpoint.cjs');
 require('./components/ShadowDOM/ShadowDOM.cjs');
 require('./context/ThemeContext/ThemeContext.cjs');
 var Portal = require('./components/Portal/Portal.cjs');
 require('react-dom');
-require('./config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('./utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var isSameWalletName = require('./utils/functions/isSameWalletName/isSameWalletName.cjs');
@@ -38,15 +38,22 @@ require('./components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('./components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('./components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('./components/Alert/Alert.cjs');
+require('formik');
+require('yup');
+require('./views/CollectUserDataView/fieldsConfig.cjs');
+require('./context/MockContext/MockContext.cjs');
 var useWalletItemActions = require('./utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
-require('./utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var isConnectOnly = require('./utils/hooks/authenticationHooks/helpers/isConnectOnly.cjs');
+require('./context/CaptchaContext/CaptchaContext.cjs');
+require('./context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('@dynamic-labs/types');
+require('./utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('./context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('./components/Popper/Popper/Popper.cjs');
 var PopperContext = require('./components/Popper/PopperContext/PopperContext.cjs');
-require('formik');
-require('yup');
 require('./components/InlineWidget/InlineWidget.cjs');
 require('./components/MenuList/Dropdown/Dropdown.cjs');
+require('./components/OverlayCard/OverlayCard.context.cjs');
 var DynamicAuthLayout = require('./layout/DynamicAuthLayout/DynamicAuthLayout.cjs');
 var SocialRedirectContext = require('./context/SocialRedirectContext/SocialRedirectContext.cjs');
 var useVerifyOnAwaitingSignature = require('./utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.cjs');
@@ -54,102 +61,109 @@ var isSelectedWalletAlreadyConnected = require('./utils/functions/isSelectedWall
 var viewToComponentMap = require('./views/viewToComponentMap.cjs');
 require('./main.global.cjs');
 
-const Main = () => {
-    const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, unlinkConnectedWallet, authMode, connectedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { view, goToInitialView } = ViewContext.useViewContext();
-    const { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
-    const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
-    usePreventPageScroll.usePreventPageScroll(showAuthFlow);
-    const handleClose = () => {
-        setShowAuthFlow(false);
-        setDeniedAddress('');
-        setDeniedOauthProvider(undefined);
-        setExistentAccountData(undefined);
-        clearStatesOnBackClick();
-    };
-    const handleOnPortalExiting = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        // In the connect only mode (default and bridge)
-        // We want to disconnect wallet when users closes `network not supported` view
-        // without updating network in wallet
-        // We use onExiting instead onUnmount to avoid jump effect in inline widget
-        if (isConnectOnly.isConnectOnly(user, authMode)) {
-            const viewsToDisconnectWalletOnClose = [
-                'network-not-supported',
-                'network-not-supported-manual',
-            ];
-            if (viewsToDisconnectWalletOnClose.includes(view)) {
-                if (!selectedWalletConnector) {
-                    return;
-                }
-                const walletByConnectorName = connectedWallets.find((connectedWallet) => connectedWallet.connector.name === selectedWalletConnector.name);
-                if (!walletByConnectorName) {
-                    return;
-                }
-                // Validate the network
-                if (!isSupportedNetwork.isSupportedNetwork({
-                    network: yield walletByConnectorName.connector.getNetwork(),
-                    walletConnector: walletByConnectorName.connector,
-                })) {
-                    unlinkConnectedWallet(walletByConnectorName.id);
-                }
-            }
-        }
-    }), [
-        selectedWalletConnector,
-        authMode,
-        connectedWallets,
-        unlinkConnectedWallet,
-        user,
-        view,
-    ]);
-    const handleOnPortalUnmount = React.useCallback(() => {
-        // IMPORTANT: we need to reset the view because we reset state that the view depends on
-        // so if the previous view renders when the user reopens the widget, it will crash
-        goToInitialView();
-    }, [goToInitialView]);
-    useVerifyOnAwaitingSignature.useVerifyOnAwaitingSignature();
-    const { handleAlreadyConnectedWallet, handleCustodialWalletClick, handleInstalledExtensionClick, handleMobileWalletClick, handleUninstalledClick, } = useWalletItemActions.useWalletItemActions();
-    /* istanbul ignore next */
-    const handleNewToWeb3WalletIntent = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        setShowAuthFlow(true);
-        if (isSelectedWalletAlreadyConnected.isSelectedWalletAlreadyConnected(linkedWallets, walletConnector, user)) {
-            // wallet is already connected
-            handleAlreadyConnectedWallet(walletConnector);
-        }
-        else if (walletConnector.canConnectViaCustodialService) {
-            // providers like blocto and dapper
-            handleCustodialWalletClick(walletConnector);
-        }
-        else if (utils.isMobile()) {
-            // mobile wallets
-            handleMobileWalletClick(walletConnector);
-        }
-        else if (walletConnector.isInstalledOnBrowser()) {
-            // browser extensions or injected wallets
-            handleInstalledExtensionClick(walletConnector);
-        }
-        else {
-            // wallet requiring a qr code (wallet connect/coinbase wallet)
-            handleUninstalledClick(walletConnector);
-        }
-    });
-    React.useEffect(() => {
-        const newToWeb3WalletName = localStorage.LocalStorage.getFromLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
-        if ((wallets === null || wallets === void 0 ? void 0 : wallets.length) && newToWeb3WalletName) {
-            const wallet = wallets.find((wallet) => isSameWalletName.isSameWalletName(wallet.name, newToWeb3WalletName));
-            if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
-                handleNewToWeb3WalletIntent(wallet.walletConnector);
-            }
-            localStorage.LocalStorage.removeFromLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
-        }
-    }, [wallets]);
-    const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
-    return (jsxRuntime.jsx(SocialRedirectContext.SocialRedirectContextProvider, { children: jsxRuntime.jsx(index.FooterAnimationContextProvider, { children: jsxRuntime.jsx(Portal.Portal, Object.assign({ zIndex: index$1.authModalZIndex, isShown: showDynamicAuth, handleClose: handleClose, withBackdrop: true, transitionEvents: {
-                    onExiting: handleOnPortalExiting,
-                    onUnmount: handleOnPortalUnmount,
-                } }, { children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: jsxRuntime.jsx(DynamicAuthLayout.DynamicAuthLayout, Object.assign({ transitionProps: {
-                            isShown: showDynamicAuth,
-                        }, onClose: handleClose, projectSettings: projectSettings, walletConnector: selectedWalletConnector }, { children: viewToComponentMap.viewToComponentMap[view] })) }) })) }) }));
+const viewsToDisableCloseOnOverlayClick = [
+    'email-wallet-otp-verification-view',
+    'social-redirect-view',
+    'passkey-intro',
+];
+const Main = () => {
+    const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, unlinkConnectedWallet, authMode, connectedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { view, goToInitialView } = ViewContext.useViewContext();
+    const { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
+    const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
+    usePreventPageScroll.usePreventPageScroll(showAuthFlow);
+    const handleClose = () => {
+        if (viewsToDisableCloseOnOverlayClick.includes(view))
+            return;
+        setShowAuthFlow(false);
+        setDeniedAddress('');
+        setDeniedOauthProvider(undefined);
+        setExistentAccountData(undefined);
+        clearStatesOnBackClick();
+    };
+    const handleOnPortalExiting = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        // In the connect only mode (default and bridge)
+        // We want to disconnect wallet when users closes `network not supported` view
+        // without updating network in wallet
+        // We use onExiting instead onUnmount to avoid jump effect in inline widget
+        if (isConnectOnly.isConnectOnly(user, authMode)) {
+            const viewsToDisconnectWalletOnClose = [
+                'network-not-supported',
+                'network-not-supported-manual',
+            ];
+            if (viewsToDisconnectWalletOnClose.includes(view)) {
+                if (!selectedWalletConnector) {
+                    return;
+                }
+                const walletByConnectorName = connectedWallets.find((connectedWallet) => connectedWallet.connector.name === selectedWalletConnector.name);
+                if (!walletByConnectorName) {
+                    return;
+                }
+                // Validate the network
+                if (!isSupportedNetwork.isSupportedNetwork({
+                    network: yield walletByConnectorName.connector.getNetwork(),
+                    walletConnector: walletByConnectorName.connector,
+                })) {
+                    unlinkConnectedWallet(walletByConnectorName.id);
+                }
+            }
+        }
+    }), [
+        selectedWalletConnector,
+        authMode,
+        connectedWallets,
+        unlinkConnectedWallet,
+        user,
+        view,
+    ]);
+    const handleOnPortalUnmount = React.useCallback(() => {
+        // IMPORTANT: we need to reset the view because we reset state that the view depends on
+        // so if the previous view renders when the user reopens the widget, it will crash
+        goToInitialView();
+    }, [goToInitialView]);
+    useVerifyOnAwaitingSignature.useVerifyOnAwaitingSignature();
+    const { handleAlreadyConnectedWallet, handleCustodialWalletClick, handleInstalledExtensionClick, handleMobileWalletClick, handleUninstalledClick, } = useWalletItemActions.useWalletItemActions();
+    /* istanbul ignore next */
+    const handleNewToWeb3WalletIntent = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        setShowAuthFlow(true);
+        if (isSelectedWalletAlreadyConnected.isSelectedWalletAlreadyConnected(linkedWallets, walletConnector, user)) {
+            // wallet is already connected
+            handleAlreadyConnectedWallet(walletConnector);
+        }
+        else if (walletConnector.canConnectViaCustodialService) {
+            // providers like blocto and dapper
+            handleCustodialWalletClick(walletConnector);
+        }
+        else if (utils.isMobile()) {
+            // mobile wallets
+            handleMobileWalletClick(walletConnector);
+        }
+        else if (walletConnector.isInstalledOnBrowser()) {
+            // browser extensions or injected wallets
+            handleInstalledExtensionClick(walletConnector);
+        }
+        else {
+            // wallet requiring a qr code (wallet connect/coinbase wallet)
+            handleUninstalledClick(walletConnector);
+        }
+    });
+    React.useEffect(() => {
+        const newToWeb3WalletName = localStorage.LocalStorage.getFromLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        if ((wallets === null || wallets === void 0 ? void 0 : wallets.length) && newToWeb3WalletName) {
+            const wallet = wallets.find((wallet) => isSameWalletName.isSameWalletName(wallet.name, newToWeb3WalletName));
+            if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
+                handleNewToWeb3WalletIntent(wallet.walletConnector);
+            }
+            localStorage.LocalStorage.removeFromLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        }
+    }, [wallets]);
+    const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
+    return (jsxRuntime.jsx(SocialRedirectContext.SocialRedirectContextProvider, { children: jsxRuntime.jsx(index.FooterAnimationContextProvider, { children: jsxRuntime.jsx(Portal.Portal, { zIndex: index$1.authModalZIndex, isShown: showDynamicAuth, handleClose: handleClose, withBackdrop: true, transitionEvents: {
+                    onExiting: handleOnPortalExiting,
+                    onUnmount: handleOnPortalUnmount,
+                }, children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: jsxRuntime.jsx(DynamicAuthLayout.DynamicAuthLayout, { transitionProps: {
+                            isShown: showDynamicAuth,
+                        }, onClose: handleClose, projectSettings: projectSettings, walletConnector: selectedWalletConnector, children: viewToComponentMap.viewToComponentMap[view] }) }) }) }) }));
 };
 
 exports.Main = Main;

package/src/lib/Main.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import './main.global.scss';
-export declare const Main: FC;
-export default Main;
+import { FC } from 'react';
+import './main.global.scss';
+export declare const Main: FC;
+export default Main;

package/src/lib/Main.js

@@ -12,17 +12,17 @@ import '@dynamic-labs/wallet-book';
 import { NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY } from './utils/constants/localStorage.js';
 import './utils/constants/colors.js';
 import { LocalStorage } from './shared/utils/classes/storage/localStorage.js';
-import 'ethers';
+import 'viem';
 import { usePreventPageScroll } from './shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from './shared/consts/index.js';
 import { useInternalDynamicContext } from './context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
 import { isSupportedNetwork } from './utils/functions/isSupportedNetwork/isSupportedNetwork.js';
+import './config/ApiEndpoint.js';
 import './components/ShadowDOM/ShadowDOM.js';
 import './context/ThemeContext/ThemeContext.js';
 import { Portal } from './components/Portal/Portal.js';
 import 'react-dom';
-import './config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import './utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import { isSameWalletName } from './utils/functions/isSameWalletName/isSameWalletName.js';
@@ -34,15 +34,22 @@ import './components/Transition/ZoomTransition/ZoomTransition.js';
 import './components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import './components/Transition/OpacityTransition/OpacityTransition.js';
 import './components/Alert/Alert.js';
+import 'formik';
+import 'yup';
+import './views/CollectUserDataView/fieldsConfig.js';
+import './context/MockContext/MockContext.js';
 import { useWalletItemActions } from './utils/hooks/useWalletItemActions/useWalletItemActions.js';
-import './utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { isConnectOnly } from './utils/hooks/authenticationHooks/helpers/isConnectOnly.js';
+import './context/CaptchaContext/CaptchaContext.js';
+import './context/EmailVerificationContext/EmailVerificationContext.js';
+import '@dynamic-labs/types';
+import './utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import './context/UserFieldEditorContext/UserFieldEditorContext.js';
 import './components/Popper/Popper/Popper.js';
 import { PopperProvider } from './components/Popper/PopperContext/PopperContext.js';
-import 'formik';
-import 'yup';
 import './components/InlineWidget/InlineWidget.js';
 import './components/MenuList/Dropdown/Dropdown.js';
+import './components/OverlayCard/OverlayCard.context.js';
 import { DynamicAuthLayout } from './layout/DynamicAuthLayout/DynamicAuthLayout.js';
 import { SocialRedirectContextProvider } from './context/SocialRedirectContext/SocialRedirectContext.js';
 import { useVerifyOnAwaitingSignature } from './utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.js';
@@ -50,102 +57,109 @@ import { isSelectedWalletAlreadyConnected } from './utils/functions/isSelectedWa
 import { viewToComponentMap } from './views/viewToComponentMap.js';
 import './main.global.js';
 
-const Main = () => {
-    const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, unlinkConnectedWallet, authMode, connectedWallets, } = useInternalDynamicContext();
-    const { view, goToInitialView } = useViewContext();
-    const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
-    const { setExistentAccountData } = useAccountExistsContext();
-    usePreventPageScroll(showAuthFlow);
-    const handleClose = () => {
-        setShowAuthFlow(false);
-        setDeniedAddress('');
-        setDeniedOauthProvider(undefined);
-        setExistentAccountData(undefined);
-        clearStatesOnBackClick();
-    };
-    const handleOnPortalExiting = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        // In the connect only mode (default and bridge)
-        // We want to disconnect wallet when users closes `network not supported` view
-        // without updating network in wallet
-        // We use onExiting instead onUnmount to avoid jump effect in inline widget
-        if (isConnectOnly(user, authMode)) {
-            const viewsToDisconnectWalletOnClose = [
-                'network-not-supported',
-                'network-not-supported-manual',
-            ];
-            if (viewsToDisconnectWalletOnClose.includes(view)) {
-                if (!selectedWalletConnector) {
-                    return;
-                }
-                const walletByConnectorName = connectedWallets.find((connectedWallet) => connectedWallet.connector.name === selectedWalletConnector.name);
-                if (!walletByConnectorName) {
-                    return;
-                }
-                // Validate the network
-                if (!isSupportedNetwork({
-                    network: yield walletByConnectorName.connector.getNetwork(),
-                    walletConnector: walletByConnectorName.connector,
-                })) {
-                    unlinkConnectedWallet(walletByConnectorName.id);
-                }
-            }
-        }
-    }), [
-        selectedWalletConnector,
-        authMode,
-        connectedWallets,
-        unlinkConnectedWallet,
-        user,
-        view,
-    ]);
-    const handleOnPortalUnmount = useCallback(() => {
-        // IMPORTANT: we need to reset the view because we reset state that the view depends on
-        // so if the previous view renders when the user reopens the widget, it will crash
-        goToInitialView();
-    }, [goToInitialView]);
-    useVerifyOnAwaitingSignature();
-    const { handleAlreadyConnectedWallet, handleCustodialWalletClick, handleInstalledExtensionClick, handleMobileWalletClick, handleUninstalledClick, } = useWalletItemActions();
-    /* istanbul ignore next */
-    const handleNewToWeb3WalletIntent = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
-        setShowAuthFlow(true);
-        if (isSelectedWalletAlreadyConnected(linkedWallets, walletConnector, user)) {
-            // wallet is already connected
-            handleAlreadyConnectedWallet(walletConnector);
-        }
-        else if (walletConnector.canConnectViaCustodialService) {
-            // providers like blocto and dapper
-            handleCustodialWalletClick(walletConnector);
-        }
-        else if (isMobile()) {
-            // mobile wallets
-            handleMobileWalletClick(walletConnector);
-        }
-        else if (walletConnector.isInstalledOnBrowser()) {
-            // browser extensions or injected wallets
-            handleInstalledExtensionClick(walletConnector);
-        }
-        else {
-            // wallet requiring a qr code (wallet connect/coinbase wallet)
-            handleUninstalledClick(walletConnector);
-        }
-    });
-    useEffect(() => {
-        const newToWeb3WalletName = LocalStorage.getFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
-        if ((wallets === null || wallets === void 0 ? void 0 : wallets.length) && newToWeb3WalletName) {
-            const wallet = wallets.find((wallet) => isSameWalletName(wallet.name, newToWeb3WalletName));
-            if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
-                handleNewToWeb3WalletIntent(wallet.walletConnector);
-            }
-            LocalStorage.removeFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
-        }
-    }, [wallets]);
-    const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
-    return (jsx(SocialRedirectContextProvider, { children: jsx(FooterAnimationContextProvider, { children: jsx(Portal, Object.assign({ zIndex: authModalZIndex, isShown: showDynamicAuth, handleClose: handleClose, withBackdrop: true, transitionEvents: {
-                    onExiting: handleOnPortalExiting,
-                    onUnmount: handleOnPortalUnmount,
-                } }, { children: jsx(PopperProvider, { children: jsx(DynamicAuthLayout, Object.assign({ transitionProps: {
-                            isShown: showDynamicAuth,
-                        }, onClose: handleClose, projectSettings: projectSettings, walletConnector: selectedWalletConnector }, { children: viewToComponentMap[view] })) }) })) }) }));
+const viewsToDisableCloseOnOverlayClick = [
+    'email-wallet-otp-verification-view',
+    'social-redirect-view',
+    'passkey-intro',
+];
+const Main = () => {
+    const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, unlinkConnectedWallet, authMode, connectedWallets, } = useInternalDynamicContext();
+    const { view, goToInitialView } = useViewContext();
+    const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
+    const { setExistentAccountData } = useAccountExistsContext();
+    usePreventPageScroll(showAuthFlow);
+    const handleClose = () => {
+        if (viewsToDisableCloseOnOverlayClick.includes(view))
+            return;
+        setShowAuthFlow(false);
+        setDeniedAddress('');
+        setDeniedOauthProvider(undefined);
+        setExistentAccountData(undefined);
+        clearStatesOnBackClick();
+    };
+    const handleOnPortalExiting = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        // In the connect only mode (default and bridge)
+        // We want to disconnect wallet when users closes `network not supported` view
+        // without updating network in wallet
+        // We use onExiting instead onUnmount to avoid jump effect in inline widget
+        if (isConnectOnly(user, authMode)) {
+            const viewsToDisconnectWalletOnClose = [
+                'network-not-supported',
+                'network-not-supported-manual',
+            ];
+            if (viewsToDisconnectWalletOnClose.includes(view)) {
+                if (!selectedWalletConnector) {
+                    return;
+                }
+                const walletByConnectorName = connectedWallets.find((connectedWallet) => connectedWallet.connector.name === selectedWalletConnector.name);
+                if (!walletByConnectorName) {
+                    return;
+                }
+                // Validate the network
+                if (!isSupportedNetwork({
+                    network: yield walletByConnectorName.connector.getNetwork(),
+                    walletConnector: walletByConnectorName.connector,
+                })) {
+                    unlinkConnectedWallet(walletByConnectorName.id);
+                }
+            }
+        }
+    }), [
+        selectedWalletConnector,
+        authMode,
+        connectedWallets,
+        unlinkConnectedWallet,
+        user,
+        view,
+    ]);
+    const handleOnPortalUnmount = useCallback(() => {
+        // IMPORTANT: we need to reset the view because we reset state that the view depends on
+        // so if the previous view renders when the user reopens the widget, it will crash
+        goToInitialView();
+    }, [goToInitialView]);
+    useVerifyOnAwaitingSignature();
+    const { handleAlreadyConnectedWallet, handleCustodialWalletClick, handleInstalledExtensionClick, handleMobileWalletClick, handleUninstalledClick, } = useWalletItemActions();
+    /* istanbul ignore next */
+    const handleNewToWeb3WalletIntent = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+        setShowAuthFlow(true);
+        if (isSelectedWalletAlreadyConnected(linkedWallets, walletConnector, user)) {
+            // wallet is already connected
+            handleAlreadyConnectedWallet(walletConnector);
+        }
+        else if (walletConnector.canConnectViaCustodialService) {
+            // providers like blocto and dapper
+            handleCustodialWalletClick(walletConnector);
+        }
+        else if (isMobile()) {
+            // mobile wallets
+            handleMobileWalletClick(walletConnector);
+        }
+        else if (walletConnector.isInstalledOnBrowser()) {
+            // browser extensions or injected wallets
+            handleInstalledExtensionClick(walletConnector);
+        }
+        else {
+            // wallet requiring a qr code (wallet connect/coinbase wallet)
+            handleUninstalledClick(walletConnector);
+        }
+    });
+    useEffect(() => {
+        const newToWeb3WalletName = LocalStorage.getFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        if ((wallets === null || wallets === void 0 ? void 0 : wallets.length) && newToWeb3WalletName) {
+            const wallet = wallets.find((wallet) => isSameWalletName(wallet.name, newToWeb3WalletName));
+            if (wallet === null || wallet === void 0 ? void 0 : wallet.walletConnector) {
+                handleNewToWeb3WalletIntent(wallet.walletConnector);
+            }
+            LocalStorage.removeFromLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY);
+        }
+    }, [wallets]);
+    const showDynamicAuth = showAuthFlow && !isProjectSettingsLoading;
+    return (jsx(SocialRedirectContextProvider, { children: jsx(FooterAnimationContextProvider, { children: jsx(Portal, { zIndex: authModalZIndex, isShown: showDynamicAuth, handleClose: handleClose, withBackdrop: true, transitionEvents: {
+                    onExiting: handleOnPortalExiting,
+                    onUnmount: handleOnPortalUnmount,
+                }, children: jsx(PopperProvider, { children: jsx(DynamicAuthLayout, { transitionProps: {
+                            isShown: showDynamicAuth,
+                        }, onClose: handleClose, projectSettings: projectSettings, walletConnector: selectedWalletConnector, children: viewToComponentMap[view] }) }) }) }) }));
 };
 
 export { Main, Main as default };