@dynamic-labs/sdk-react-core 0.19.0-alpha.5 → 0.19.0-alpha.7

package/src/lib/utils/hooks/useDynamicLayoutData/useDynamicLayoutData.js

@@ -0,0 +1,70 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import { WalletConnectIcon } from '@dynamic-labs/iconic';
+
+const useDynamicLayoutData = ({ view }) => {
+    const { t } = useTranslation();
+    if (view === 'no-access') {
+        const headerData = {
+            heading: t('dyn_no_access.title'),
+        };
+        return { headerData };
+    }
+    const helpHeaderMap = {
+        'login-with-email-or-wallet-full-wallet-list': {
+            heading: t('dyn_login.helper.all_wallet_list'),
+        },
+        'login-with-wallet-only': {
+            heading: t('dyn_login.helper.wallet_only'),
+        },
+        'pending-connect': {
+            heading: t('dyn_login.helper.pending_connect'),
+        },
+        'pending-signature': {
+            heading: t('dyn_login.helper.pending_signature'),
+        },
+        'pending-signature-without-back-button': {
+            heading: t('dyn_login.helper.pending_signature_without_back_button'),
+        },
+        'qr-code': {
+            heading: t('dyn_login.helper.qr_code.title'),
+        },
+        'wallet-connect-mobile-wallets-list': {
+            heading: t('dyn_wallet_conect.mobile.wallet_list.helper'),
+        },
+        'wallet-list': {
+            heading: t('dyn_wallet_list.helper'),
+        },
+    };
+    const headerMap = {
+        'account-exists': { heading: t('dyn_account_exists.title') },
+        'chainalysis-blocked-wallet': {
+            heading: t('dyn_chainalysis_blocked_wallet.title'),
+        },
+        'login-with-email-or-wallet': { heading: t('dyn_login.title.all') },
+        'login-with-email-or-wallet-full-wallet-list': {
+            heading: t('dyn_login.title.all_wallet_list'),
+        },
+        'login-with-wallet-only': {
+            heading: t('dyn_login.title.wallet_only'),
+        },
+        'multi-wallet-wallet-list': {
+            heading: t('dyn_wallet_list.title.link'),
+        },
+        'wallet-connect-mobile-wallets-list': {
+            heading: (jsxs(Fragment, { children: [jsx(WalletConnectIcon, { style: { height: '1.5rem', width: '1.5rem' } }), ' ', t('dyn_wallet_conect.mobile.wallet_list.title')] })),
+        },
+        'wallet-list': {
+            heading: t('dyn_wallet_list.title.select'),
+        },
+        'wallet-sign': { heading: t('dyn_wallet_transfer.sign.title') },
+    };
+    const helpHeaderData = helpHeaderMap[view];
+    const headerData = headerMap[view];
+    return {
+        headerData,
+        helpHeaderData,
+    };
+};
+
+export { useDynamicLayoutData };

package/src/lib/utils/hooks/useSocialAccounts/useSocialAccounts.cjs

@@ -147,6 +147,7 @@ const useSocialAccounts = ({ sessionTimeout } = {
             if (!isValidMessage) {
                 return;
             }
+            setIsProcessing(true);
             if (!((_c = providersWaitingOauthMessages.current) === null || _c === void 0 ? void 0 : _c[provider])) {
                 handleError(types.SocialOAuthErrorCode.SESSION_TIMEOUT, `Linking ${provider} account session timeout.`);
                 return;
@@ -201,15 +202,9 @@ const useSocialAccounts = ({ sessionTimeout } = {
         if (!providersWithoutWindowOpenerRefence.includes(provider)) {
             // For provider that support window.opener, we need to clear all states/listeners when the window is closed
             authWindowInterval.current = setInterval(() => {
-                var _a;
                 if (!(authWindow === null || authWindow === void 0 ? void 0 : authWindow.closed)) {
                     return;
                 }
-                // window was closed by user, before completing oauth
-                if ((_a = providersWaitingOauthMessages.current) === null || _a === void 0 ? void 0 : _a[provider]) {
-                    clearListeners();
-                    handleError(types.SocialOAuthErrorCode.OAUTH_WINDOW_CLOSED, `Linking ${provider} account window closed.`);
-                }
                 clearInterval(authWindowInterval.current);
                 setIsProcessing(false);
             });

package/src/lib/utils/hooks/useSocialAccounts/useSocialAccounts.js

@@ -143,6 +143,7 @@ const useSocialAccounts = ({ sessionTimeout } = {
             if (!isValidMessage) {
                 return;
             }
+            setIsProcessing(true);
             if (!((_c = providersWaitingOauthMessages.current) === null || _c === void 0 ? void 0 : _c[provider])) {
                 handleError(SocialOAuthErrorCode.SESSION_TIMEOUT, `Linking ${provider} account session timeout.`);
                 return;
@@ -197,15 +198,9 @@ const useSocialAccounts = ({ sessionTimeout } = {
         if (!providersWithoutWindowOpenerRefence.includes(provider)) {
             // For provider that support window.opener, we need to clear all states/listeners when the window is closed
             authWindowInterval.current = setInterval(() => {
-                var _a;
                 if (!(authWindow === null || authWindow === void 0 ? void 0 : authWindow.closed)) {
                     return;
                 }
-                // window was closed by user, before completing oauth
-                if ((_a = providersWaitingOauthMessages.current) === null || _a === void 0 ? void 0 : _a[provider]) {
-                    clearListeners();
-                    handleError(SocialOAuthErrorCode.OAUTH_WINDOW_CLOSED, `Linking ${provider} account window closed.`);
-                }
                 clearInterval(authWindowInterval.current);
                 setIsProcessing(false);
             });

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.cjs

@@ -11,17 +11,19 @@ var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 var validateUpdateRequest = require('./validateUpdateRequest/validateUpdateRequest.cjs');
 
 /** Saves the values updated by the user */
-const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerificationRequired }, }, internalEvents, setShowAuthFlow, setView, resolve, reject) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerificationRequired }, }, internalEvents, internalSetShowAuthFlow, setView, resolve, reject) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     // If no verification is needed, we are done
     if (!isEmailVerificationRequired) {
         resolve(newValues);
         return;
     }
     // Show email verification view
-    setShowAuthFlow(true);
+    internalSetShowAuthFlow(true);
     setView('verify-email');
     // Subscribe to email verification result
-    internalEvents.current.once('emailVerificationResult', (wasSuccessful) => {
+    internalEvents.current.once('emailVerificationResult', (wasSuccessful, newEmail) => {
+        // Make sure we're using the correct, updated email. User might have changed it mid-OTP
+        newValues.email = newEmail;
         wasSuccessful
             ? resolve(newValues)
             : reject('Failed to verify email, no fields were updated');
@@ -32,7 +34,7 @@ const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerifica
  * The fields must have been previously enabled in the dashboard
  */
 const useUpdateUserWithModal = (updateUser) => {
-    const { user, projectSettings, setShowAuthFlow, internalEvents } = useInternalDynamicContext.useInternalDynamicContext();
+    const { user, projectSettings, internalSetShowAuthFlow, internalEvents } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const editorContext = React.useContext(UserFieldEditorContext.UserFieldEditorContext);
     if (!editorContext)
@@ -52,7 +54,7 @@ const useUpdateUserWithModal = (updateUser) => {
             subtitle: options === null || options === void 0 ? void 0 : options.subtitle,
             title: options === null || options === void 0 ? void 0 : options.title,
         }, updateUser)
-            .then((updateValues) => saveUserValues(updateValues, internalEvents, setShowAuthFlow, setView, resolve, reject))
+            .then((updateValues) => saveUserValues(updateValues, internalEvents, internalSetShowAuthFlow, setView, resolve, reject))
             .catch((error) => {
             if (/email already exists/gi.test(error))
                 throw error;
@@ -63,7 +65,7 @@ const useUpdateUserWithModal = (updateUser) => {
         projectSettings,
         promptUserForValues,
         updateUser,
-        setShowAuthFlow,
+        internalSetShowAuthFlow,
         setView,
         internalEvents,
     ]);

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.js

@@ -7,17 +7,19 @@ import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import { validateUpdateRequest } from './validateUpdateRequest/validateUpdateRequest.js';
 
 /** Saves the values updated by the user */
-const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerificationRequired }, }, internalEvents, setShowAuthFlow, setView, resolve, reject) => __awaiter(void 0, void 0, void 0, function* () {
+const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerificationRequired }, }, internalEvents, internalSetShowAuthFlow, setView, resolve, reject) => __awaiter(void 0, void 0, void 0, function* () {
     // If no verification is needed, we are done
     if (!isEmailVerificationRequired) {
         resolve(newValues);
         return;
     }
     // Show email verification view
-    setShowAuthFlow(true);
+    internalSetShowAuthFlow(true);
     setView('verify-email');
     // Subscribe to email verification result
-    internalEvents.current.once('emailVerificationResult', (wasSuccessful) => {
+    internalEvents.current.once('emailVerificationResult', (wasSuccessful, newEmail) => {
+        // Make sure we're using the correct, updated email. User might have changed it mid-OTP
+        newValues.email = newEmail;
         wasSuccessful
             ? resolve(newValues)
             : reject('Failed to verify email, no fields were updated');
@@ -28,7 +30,7 @@ const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerifica
  * The fields must have been previously enabled in the dashboard
  */
 const useUpdateUserWithModal = (updateUser) => {
-    const { user, projectSettings, setShowAuthFlow, internalEvents } = useInternalDynamicContext();
+    const { user, projectSettings, internalSetShowAuthFlow, internalEvents } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const editorContext = useContext(UserFieldEditorContext);
     if (!editorContext)
@@ -48,7 +50,7 @@ const useUpdateUserWithModal = (updateUser) => {
             subtitle: options === null || options === void 0 ? void 0 : options.subtitle,
             title: options === null || options === void 0 ? void 0 : options.title,
         }, updateUser)
-            .then((updateValues) => saveUserValues(updateValues, internalEvents, setShowAuthFlow, setView, resolve, reject))
+            .then((updateValues) => saveUserValues(updateValues, internalEvents, internalSetShowAuthFlow, setView, resolve, reject))
             .catch((error) => {
             if (/email already exists/gi.test(error))
                 throw error;
@@ -59,7 +61,7 @@ const useUpdateUserWithModal = (updateUser) => {
         projectSettings,
         promptUserForValues,
         updateUser,
-        setShowAuthFlow,
+        internalSetShowAuthFlow,
         setView,
         internalEvents,
     ]);

package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.cjs

@@ -90,21 +90,26 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
             }
         }
     };
+    const handleWalletUsedError = (e) => {
+        var _a;
+        // This is a special case where the user is trying to link a wallet
+        // and the wallet is already linked and we don't want to kill the session.
+        setShowAuthFlow(true);
+        setView('wallet-used');
+        setIsSingleWalletAccount(false);
+        if (e.code === 'reassign_wallet_error') {
+            if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.preventOrphanedAccounts) {
+                setView('wallet-cannot-be-transferred');
+            }
+            setIsSingleWalletAccount(true);
+        }
+    };
     const handleError = (e, walletConnector, address, oauth) => {
         removeConnectedWalletsInfo();
         // Ensure auth verification flag is taken down
         setIsVerificationInProgress(false);
-        // This is a special case where the user is trying to link a wallet
-        // and the wallet is already linked and we don't want to kill the session.
         if (e instanceof utils.WalletUsedError) {
-            setShowAuthFlow(true);
-            setView('wallet-used');
-            setIsSingleWalletAccount(false);
-            if (e.code === 'reassign_wallet_error') {
-                setView('wallet-cannot-be-transferred');
-                setIsSingleWalletAccount(true);
-            }
-            return;
+            return handleWalletUsedError(e);
         }
         walletConnector.endSession();
         if (e instanceof utils.ChainalysisError) {

package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.js

@@ -86,21 +86,26 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
             }
         }
     };
+    const handleWalletUsedError = (e) => {
+        var _a;
+        // This is a special case where the user is trying to link a wallet
+        // and the wallet is already linked and we don't want to kill the session.
+        setShowAuthFlow(true);
+        setView('wallet-used');
+        setIsSingleWalletAccount(false);
+        if (e.code === 'reassign_wallet_error') {
+            if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.preventOrphanedAccounts) {
+                setView('wallet-cannot-be-transferred');
+            }
+            setIsSingleWalletAccount(true);
+        }
+    };
     const handleError = (e, walletConnector, address, oauth) => {
         removeConnectedWalletsInfo();
         // Ensure auth verification flag is taken down
         setIsVerificationInProgress(false);
-        // This is a special case where the user is trying to link a wallet
-        // and the wallet is already linked and we don't want to kill the session.
         if (e instanceof WalletUsedError) {
-            setShowAuthFlow(true);
-            setView('wallet-used');
-            setIsSingleWalletAccount(false);
-            if (e.code === 'reassign_wallet_error') {
-                setView('wallet-cannot-be-transferred');
-                setIsSingleWalletAccount(true);
-            }
-            return;
+            return handleWalletUsedError(e);
         }
         walletConnector.endSession();
         if (e instanceof ChainalysisError) {

package/src/lib/utils/hooks/useWalletConnectorEvent/useWalletConnectorEvent.cjs

@@ -19,11 +19,6 @@ const useWalletConnectorEvent = (eventEmitters, eventName, handler) => {
         /**
          * Initialize the event listeners for the wallet connectors
          * to ensure they were initialized before listening to events
-         *
-         * This will be removed when all wallets are migrated to
-         * use the event emitter "emit" method
-         *
-         * Ticket todo - QNTM-88
          */
         eventEmittersArray.forEach((connector) => connector.initEventListener());
         const uniqueEventEmitters = Array.from(new Set(eventEmittersArray));

package/src/lib/utils/hooks/useWalletConnectorEvent/useWalletConnectorEvent.js

@@ -15,11 +15,6 @@ const useWalletConnectorEvent = (eventEmitters, eventName, handler) => {
         /**
          * Initialize the event listeners for the wallet connectors
          * to ensure they were initialized before listening to events
-         *
-         * This will be removed when all wallets are migrated to
-         * use the event emitter "emit" method
-         *
-         * Ticket todo - QNTM-88
          */
         eventEmittersArray.forEach((connector) => connector.initEventListener());
         const uniqueEventEmitters = Array.from(new Set(eventEmittersArray));

package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.cjs

@@ -50,8 +50,6 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, wallets: a
      * initialize the bridge between the old event listeners and the new event emitter.
      * When the wallet connectors are migrated to the new event emitter, there will be no
      * need to initialize or teardown event listeners, then we can remove this useEffect.
-     * @todo remove this useEffect
-     * Ticket todo - QNTM-88
      */
     React.useEffect(() => walletsBasedOnAuthMode.forEach((wallet) => {
         wallet.connector.initEventListener();

package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.js

@@ -46,8 +46,6 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, wallets: a
      * initialize the bridge between the old event listeners and the new event emitter.
      * When the wallet connectors are migrated to the new event emitter, there will be no
      * need to initialize or teardown event listeners, then we can remove this useEffect.
-     * @todo remove this useEffect
-     * Ticket todo - QNTM-88
      */
     useEffect(() => walletsBasedOnAuthMode.forEach((wallet) => {
         wallet.connector.initEventListener();

package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs

@@ -131,6 +131,13 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
     }));
     useWalletConnectorEvent.useWalletConnectorEvent(uniqueNonPrimaryWallets, 'disconnect', () => {
         logger.logger.debug('secondary wallet disconnect');
+        // argent sends a disconnect event when the user adds a new account
+        if (authMode === 'connect-only' &&
+            secondaryWallets.length &&
+            secondaryWallets[0].connector.key === 'argentx') {
+            refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector);
+            return;
+        }
         computeConnectedStateForWallets();
     });
     const handleAccountChangeWhenAwaitingAccountSwitch = React.useCallback((isPrimaryWallet, newAddress) => {

package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.js

@@ -127,6 +127,13 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
     }));
     useWalletConnectorEvent(uniqueNonPrimaryWallets, 'disconnect', () => {
         logger.debug('secondary wallet disconnect');
+        // argent sends a disconnect event when the user adds a new account
+        if (authMode === 'connect-only' &&
+            secondaryWallets.length &&
+            secondaryWallets[0].connector.key === 'argentx') {
+            refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector);
+            return;
+        }
         computeConnectedStateForWallets();
     });
     const handleAccountChangeWhenAwaitingAccountSwitch = useCallback((isPrimaryWallet, newAddress) => {

package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs

@@ -49,6 +49,7 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/OverlayCard/OverlayCard.context.cjs');
 
 const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
     const confirmationStateRef = React.useRef('enabled');

package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.js

@@ -45,6 +45,7 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/OverlayCard/OverlayCard.context.js';
 
 const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
     const confirmationStateRef = useRef('enabled');

package/src/lib/utils/hooks/useWallets/useWallets.cjs

@@ -6,7 +6,7 @@ var React = require('react');
 var data = require('../../../views/WalletList/data.cjs');
 var verifyMagicIsSetup = require('./utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 
-const useWallets = ({ projectSettings, appLogoUrl, appName, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, }) => {
+const useWallets = ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, }) => {
     const wallets = React.useMemo(() => {
         if (!projectSettings || !Object.keys(walletBook !== null && walletBook !== void 0 ? walletBook : {}).length)
             return [];
@@ -14,6 +14,7 @@ const useWallets = ({ projectSettings, appLogoUrl, appName, flowNetwork, network
             appLogoUrl,
             appName,
             customerApiProviders: projectSettings.providers || [],
+            deepLinkPreference,
             flowNetwork,
             networkConfigurations,
             skipMemo: true,
@@ -26,6 +27,7 @@ const useWallets = ({ projectSettings, appLogoUrl, appName, flowNetwork, network
             appLogoUrl,
             appName,
             customerApiProviders: projectSettings.providers || [],
+            deepLinkPreference,
             flowNetwork,
             networkConfigurations,
             skipMemo: true,

package/src/lib/utils/hooks/useWallets/useWallets.d.ts

@@ -1,10 +1,11 @@
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
 import { NetworkConfigurationMap, WalletUiUtils } from '@dynamic-labs/types';
-import { WalletConnector, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
+import { DeepLinkVariant, WalletConnector, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
 import { WalletBookSchema } from '@dynamic-labs/wallet-book';
 type Props = {
     appLogoUrl?: string;
     appName?: string;
+    deepLinkPreference?: DeepLinkVariant;
     flowNetwork?: 'mainnet' | 'testnet';
     networkConfigurations: NetworkConfigurationMap | undefined;
     projectSettings: ProjectSettings | undefined;
@@ -13,7 +14,7 @@ type Props = {
     walletConnectorsProp?: WalletConnectorsMethod[];
     walletUiUtils: WalletUiUtils<WalletConnector>;
 };
-export declare const useWallets: ({ projectSettings, appLogoUrl, appName, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, }: Props) => {
+export declare const useWallets: ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, }: Props) => {
     wallets: import("../../../shared").WalletOption[];
 };
 export {};

package/src/lib/utils/hooks/useWallets/useWallets.js

@@ -2,7 +2,7 @@ import { useMemo, useEffect } from 'react';
 import { getInstalledWallets, getNotInstalledWallets } from '../../../views/WalletList/data.js';
 import { verifyMagicIsSetup } from './utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 
-const useWallets = ({ projectSettings, appLogoUrl, appName, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, }) => {
+const useWallets = ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, }) => {
     const wallets = useMemo(() => {
         if (!projectSettings || !Object.keys(walletBook !== null && walletBook !== void 0 ? walletBook : {}).length)
             return [];
@@ -10,6 +10,7 @@ const useWallets = ({ projectSettings, appLogoUrl, appName, flowNetwork, network
             appLogoUrl,
             appName,
             customerApiProviders: projectSettings.providers || [],
+            deepLinkPreference,
             flowNetwork,
             networkConfigurations,
             skipMemo: true,
@@ -22,6 +23,7 @@ const useWallets = ({ projectSettings, appLogoUrl, appName, flowNetwork, network
             appLogoUrl,
             appName,
             customerApiProviders: projectSettings.providers || [],
+            deepLinkPreference,
             flowNetwork,
             networkConfigurations,
             skipMemo: true,

package/src/lib/views/AccountExistsView/AccountExistsView.cjs

@@ -52,8 +52,9 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var capitalize = require('../../shared/utils/functions/capitalize/capitalize.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-var LoginEmailForm = require('../LoginView/components/EmailSignIn/LoginEmailForm.cjs');
+var LoginEmailForm = require('../LoginView/sections/EmailSignInSection/LoginEmailForm.cjs');
 
 const AccountExistsView = () => {
     const { existentAccountData } = AccountExistsContext.useAccountExistsContext();

package/src/lib/views/AccountExistsView/AccountExistsView.js

@@ -48,8 +48,9 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { capitalize } from '../../shared/utils/functions/capitalize/capitalize.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
-import { LoginEmailForm } from '../LoginView/components/EmailSignIn/LoginEmailForm.js';
+import { LoginEmailForm } from '../LoginView/sections/EmailSignInSection/LoginEmailForm.js';
 
 const AccountExistsView = () => {
     const { existentAccountData } = useAccountExistsContext();

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.cjs

@@ -48,6 +48,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 var Captcha = require('../../components/Captcha/Captcha.cjs');
 
 const CaptchaVerifyUser = () => {

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.js

@@ -44,6 +44,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 import { Captcha } from '../../components/Captcha/Captcha.js';
 
 const CaptchaVerifyUser = () => {

package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs

@@ -50,6 +50,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 var NetworkPicker = require('../../components/NetworkPicker/NetworkPicker.cjs');
 var UserAddress = require('../../components/UserAddress/UserAddress.cjs');
 var useFetchNameService = require('../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs');

package/src/lib/views/CollectUserDataView/CollectUserDataView.js

@@ -46,6 +46,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 import { NetworkPicker } from '../../components/NetworkPicker/NetworkPicker.js';
 import { UserAddress } from '../../components/UserAddress/UserAddress.js';
 import { useFetchNameService } from '../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.js';

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs

@@ -50,9 +50,10 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('yup');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/OverlayCard/OverlayCard.context.cjs');
 
 const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
-    const { policiesConsentInnerComponent, onboardingOnlyJwt, setShowAuthFlow, setCallback, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { policiesConsentInnerComponent, onboardingOnlyJwt, internalSetShowAuthFlow, setCallback, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView, view } = ViewContext.useViewContext();
     const decodedJwt = decodeJwt.decodeJwt(onboardingOnlyJwt);
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
@@ -71,9 +72,9 @@ const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
             setView(view);
             return;
         }
-        setShowAuthFlow(false);
+        internalSetShowAuthFlow(false);
         setCallback('authSuccess');
-    }), [setCallback, setShowAuthFlow, setView, updateUser]);
+    }), [setCallback, internalSetShowAuthFlow, setView, updateUser]);
     const { fetch: loading, formikInitialValues, formikValidationSchema, enforcePolicies, onFormSubmit, } = useUserDataForm.useUserDataForm({
         fields: (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) || [],
         onSubmit,

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js

@@ -46,9 +46,10 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'yup';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/OverlayCard/OverlayCard.context.js';
 
 const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
-    const { policiesConsentInnerComponent, onboardingOnlyJwt, setShowAuthFlow, setCallback, } = useInternalDynamicContext();
+    const { policiesConsentInnerComponent, onboardingOnlyJwt, internalSetShowAuthFlow, setCallback, } = useInternalDynamicContext();
     const { setView, view } = useViewContext();
     const decodedJwt = decodeJwt(onboardingOnlyJwt);
     const { updateUser } = useUserUpdateRequestInternal({
@@ -67,9 +68,9 @@ const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
             setView(view);
             return;
         }
-        setShowAuthFlow(false);
+        internalSetShowAuthFlow(false);
         setCallback('authSuccess');
-    }), [setCallback, setShowAuthFlow, setView, updateUser]);
+    }), [setCallback, internalSetShowAuthFlow, setView, updateUser]);
     const { fetch: loading, formikInitialValues, formikValidationSchema, enforcePolicies, onFormSubmit, } = useUserDataForm({
         fields: (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) || [],
         onSubmit,

package/src/lib/views/CollectUserDataView/UserDataFields/index.cjs

@@ -52,6 +52,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/OverlayCard/OverlayCard.context.cjs');
 
 const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields, touched, }) => (jsxRuntime.jsx("div", Object.assign({ className: 'user-data-fields__fields-column' }, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ name, required, enabled }) => {
         const { label, type } = index.getValueByKey(fieldsConfig.fieldsConfig, name);

package/src/lib/views/CollectUserDataView/UserDataFields/index.js

@@ -48,6 +48,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/OverlayCard/OverlayCard.context.js';
 
 const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields, touched, }) => (jsx("div", Object.assign({ className: 'user-data-fields__fields-column' }, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ name, required, enabled }) => {
         const { label, type } = getValueByKey(fieldsConfig, name);

package/src/lib/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.cjs

@@ -48,6 +48,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 var OnboardingUserDataForm = require('../CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs');
 
 const CollectUserDataViewLoginWithEmail = () => {

package/src/lib/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.js

@@ -44,6 +44,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 import { OnboardingUserDataForm } from '../CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js';
 
 const CollectUserDataViewLoginWithEmail = () => {

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs

@@ -51,6 +51,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 
 const EmailConfirmationWaitingView = () => {
     const { setView } = ViewContext.useViewContext();