@dynamic-labs/sdk-react-core 2.1.0-alpha.12 → 2.1.0-alpha.14

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

@@ -5,7 +5,6 @@ import { isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import 'react';
 import '../../../events/dynamicEvents.js';
 import '../../../context/DynamicContext/DynamicContext.js';
-import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -20,11 +19,9 @@ import '../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
-import { createUserProfile } from '../../functions/createUserProfile/createUserProfile.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { getVerifyArgs } from '../../functions/getVerifyArgs/getVerifyArgs.js';
-import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
 import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
@@ -40,7 +37,7 @@ import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
-import { useHandleVerifiedUser } from '../useHandleVerifiedUser/useHandleVerifiedUser.js';
+import { useUserAuth } from '../useUserAuth/useUserAuth.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
 import 'react-i18next';
@@ -83,20 +80,19 @@ import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCar
 // Since we are re-using the different screens to authenticate or link the wallet.
 // This logic is the best place to determine whether we should verify or verify and link.
 const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, }) => {
-    const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
-    const { handleVerifiedUserWithUser } = useHandleVerifiedUser();
     const { setExistentAccountData } = useAccountExistsContext();
+    const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
     const { setView, goToInitialView } = useViewContext();
     const { setErrorMessage, setError } = useErrorContext();
-    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallets, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, events, primaryWallet, enableConnectOnlyFallback, setMultiWalletWidgetState, setLogInWithEmail, } = useInternalDynamicContext();
+    const { multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallets, authMode, authToken, setAuthMode, removeConnectedWalletsInfo, events, primaryWallet, enableConnectOnlyFallback, } = useInternalDynamicContext();
     const { addedWalletsIds } = useInternalUserWallets();
+    const { initAuth } = useUserAuth({ authMethod: 'wallet' });
     // If the user is not already logged it means that we only need to verify
     // We need this boolean for the part of the logic where we already persisted a new authToken,
     // and need to distinguish between logic for verify or linking.
     const verifyOnly = !authToken;
     const shouldFallbackToConnectOnly = enableConnectOnlyFallback && (verifyOnly || !multiWalletEnabled);
     const generateJWT = (walletConnector, walletProvider, getAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride) => __awaiter(void 0, void 0, void 0, function* () {
-        let response;
         const nonce = consumeNonce();
         if (nonce === undefined)
             throw new DynamicError('Missing nonce');
@@ -112,27 +108,24 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
             walletConnector,
             walletProvider,
         });
+        let verifyResponse;
         if (authToken === undefined || !multiWalletEnabled) {
-            response = yield verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken,
+            verifyResponse = verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken,
                 oauth }));
         }
         else {
-            response = yield linkWallet(environmentId, verifyArgs, authToken);
+            verifyResponse = linkWallet(environmentId, verifyArgs, authToken);
         }
-        if (response === undefined)
-            throw new DynamicError('Could not obtain a valid JWT');
-        // TODO DYN-523: add verification here that the JWT is valid with the publicKey
-        return { response, verifyArgs };
+        return { verifyArgs, verifyFunction: () => verifyResponse };
     });
     // Overrides the stored primary wallet id when the
     // user logs in for the first time.
     // Or when the user is linking an additional
     // account on the same wallet as the primary wallet.
-    const updatePrimaryWalletId = (walletConnector, user) => {
-        const newSelectedCredentialWallet = user.verifiedCredentials.find((cred) => cred.id === user.lastVerifiedCredentialId &&
-            cred.format === 'blockchain');
+    const updatePrimaryWalletId = ({ walletConnector, verifiedCredentials, lastVerifiedCredentialId, }) => {
+        const newSelectedCredentialWallet = verifiedCredentials.find((cred) => cred.id === lastVerifiedCredentialId && cred.format === 'blockchain');
         if (newSelectedCredentialWallet) {
-            const currentPrimaryWallet = user.verifiedCredentials.find((a) => a.id === primaryWalletId);
+            const currentPrimaryWallet = verifiedCredentials.find((a) => a.id === primaryWalletId);
             if (verifyOnly ||
                 !primaryWallet ||
                 (multiWalletWidgetState === 'awaiting_signature' &&
@@ -231,51 +224,43 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
         }
     };
     return (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector, getAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride, }) {
-        var _b;
         const walletProvider = getWalletProvider(walletConnector);
         try {
-            const { response, verifyArgs } = yield generateJWT(walletConnector, walletProvider, getAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride);
-            const decodedJwt = decodeJwt(response.jwt);
-            if (decodedJwt === undefined)
-                throw new DynamicError('Invalid token!');
-            try {
-                (_b = events === null || events === void 0 ? void 0 : events.onSignedMessage) === null || _b === void 0 ? void 0 : _b.call(events, {
-                    messageToSign: verifyArgs.messageToSign,
-                    signedMessage: verifyArgs.signedMessage,
-                });
-            }
-            catch (_c) {
-                logger.warn('Error calling onSignedMessage callback');
-            }
-            const user = yield createUserProfile(decodedJwt);
-            const isKycRequired = decodedJwt.missingFields.length;
-            setOnboardingOnlyJwt(response.jwt);
-            LocalStorage.setToLS(LAST_USED_WALLET, walletConnector.key);
-            setAuthMode('connect-and-sign');
-            updatePrimaryWalletId(walletConnector, user);
-            const walletId = decodedJwt.lastVerifiedCredentialId;
-            if (walletId) {
-                addedWalletsIds.current.push(walletId);
-            }
-            // TODO: how can projectSettings be undefined?
-            if (verifyOnly && projectSettings && isKycRequired) {
-                setShowAuthFlow(true);
-                return setView('collect-user-data');
-            }
-            yield handleVerifiedUserWithUser(user);
-            storeAuthToken(response.jwt, response.minifiedJwt);
-            setOnboardingOnlyJwt(undefined);
-            setMultiWalletWidgetState('idle');
-            setUser(user); // The user should only be set if no KYC is needed.
-            setLogInWithEmail(false);
-            setShowAuthFlow(false);
-            /* istanbul ignore else */
-            if (verifyOnly) {
-                setCallback('authSuccess');
-            }
-            else {
-                setView('wallet-list');
-            }
+            const { verifyFunction, verifyArgs } = yield generateJWT(walletConnector, walletProvider, getAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride);
+            yield initAuth({
+                isSignIn: verifyOnly,
+                onError: (e) => {
+                    handleError(e, walletConnector, publicWalletAddress, oauth);
+                },
+                onVerifySuccess: (decodedJwt) => {
+                    var _a;
+                    if (decodedJwt === undefined)
+                        throw new DynamicError('Invalid token!');
+                    try {
+                        (_a = events === null || events === void 0 ? void 0 : events.onSignedMessage) === null || _a === void 0 ? void 0 : _a.call(events, {
+                            messageToSign: verifyArgs.messageToSign,
+                            signedMessage: verifyArgs.signedMessage,
+                        });
+                    }
+                    catch (_b) {
+                        logger.warn('Error calling onSignedMessage callback');
+                    }
+                    LocalStorage.setToLS(LAST_USED_WALLET, walletConnector.key);
+                    setAuthMode('connect-and-sign');
+                    updatePrimaryWalletId({
+                        lastVerifiedCredentialId: decodedJwt.lastVerifiedCredentialId,
+                        verifiedCredentials: decodedJwt.verifiedCredentials,
+                        walletConnector,
+                    });
+                    const walletId = decodedJwt.lastVerifiedCredentialId;
+                    if (walletId) {
+                        addedWalletsIds.current.push(walletId);
+                    }
+                },
+                options: { walletAddress: publicWalletAddress, walletConnector },
+                skipDefaultErrorHandling: true,
+                verifyFunction,
+            });
         }
         catch (e) {
             handleError(e, walletConnector, publicWalletAddress, oauth);

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

@@ -35,6 +35,7 @@ require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
@@ -63,7 +64,6 @@ require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');

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

@@ -31,6 +31,7 @@ import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
 import 'react-i18next';
@@ -59,7 +60,6 @@ import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';

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

@@ -14,9 +14,10 @@ require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
+var localStorage$1 = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
+var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../shared/consts/index.cjs');
 require('../../../events/dynamicEvents.cjs');
 var useConnectAndSign = require('../authenticationHooks/useConnectAndSign/useConnectAndSign.cjs');
@@ -27,17 +28,18 @@ require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+var useConnectAndSignSplitSteps = require('../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-international-phone');
 var requiresTwoStepAuthentication = require('../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.cjs');
 require('viem');
 require('viem/chains');
-require('../../../context/CaptchaContext/CaptchaContext.cjs');
-var useConnectAndSignSplitSteps = require('../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs');
-require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 var MockContext = require('../../../context/MockContext/MockContext.cjs');
 require('react-i18next');
@@ -67,7 +69,6 @@ require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
@@ -100,7 +101,23 @@ const useWalletItemActions = () => {
         setView('pending-signature');
     });
     const handleMobileWalletClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         setSelectedWalletConnectorKey(walletConnector.key);
+        // We need to set to LS when about to verify phantom wallet on mobile
+        // because the deeplink interrupts this code execution and then redirects back on a new tab.
+        // This resets all state (except for LS obviously). When we receive the phantom signature in this new tab,
+        // we can't tell whether it's supposed to be used to sign a message, verify a wallet sign in/link,
+        // or conclude a wallet transfer, which is why we need this LS variable: it will indicate whether it
+        // is a signature, authentication or transfer.
+        // Check method handleUserResponse in file useResponseHandlers, case 'signMessage'.
+        if (walletConnector.key === 'phantom') {
+            const currentState = localStorage.LocalStorage.getFromLS(localStorage$1.PHANTOM_SIGNATURE_STATE);
+            localStorage.LocalStorage.setToLS(localStorage$1.PHANTOM_SIGNATURE_STATE, {
+                loseOriginalAccountOnTransfer: (_a = currentState === null || currentState === void 0 ? void 0 : currentState.loseOriginalAccountOnTransfer) !== null && _a !== void 0 ? _a : false,
+                submittedAtTimestamp: new Date().toString(),
+                verificationType: 'awaiting_verification',
+            });
+        }
         onlyConnectUser({ walletConnector });
     });
     const handleInstalledExtensionClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {

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

@@ -1,4 +1,5 @@
-import { WalletConnector, WalletOption } from '../../../..';
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { WalletOption } from '../../../shared/types/wallets';
 import { OpenWalletHandler } from './useWalletItemActions.types';
 export declare const useWalletItemActions: () => {
     handleAlreadyConnectedWallet: (walletConnector: WalletConnector) => Promise<void>;

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

@@ -10,9 +10,10 @@ import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
+import { PHANTOM_SIGNATURE_STATE } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
 import '../../constants/values.js';
-import '../../../shared/utils/classes/storage/localStorage.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../shared/consts/index.js';
 import '../../../events/dynamicEvents.js';
 import { useConnectAndSign } from '../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
@@ -23,17 +24,18 @@ import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import { useConnectAndSignSplitSteps } from '../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js';
+import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-international-phone';
 import { requiresTwoStepAuthentication } from '../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.js';
 import 'viem';
 import 'viem/chains';
-import '../../../context/CaptchaContext/CaptchaContext.js';
-import { useConnectAndSignSplitSteps } from '../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js';
-import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import { useMockContext } from '../../../context/MockContext/MockContext.js';
 import 'react-i18next';
@@ -63,7 +65,6 @@ import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
@@ -96,7 +97,23 @@ const useWalletItemActions = () => {
         setView('pending-signature');
     });
     const handleMobileWalletClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         setSelectedWalletConnectorKey(walletConnector.key);
+        // We need to set to LS when about to verify phantom wallet on mobile
+        // because the deeplink interrupts this code execution and then redirects back on a new tab.
+        // This resets all state (except for LS obviously). When we receive the phantom signature in this new tab,
+        // we can't tell whether it's supposed to be used to sign a message, verify a wallet sign in/link,
+        // or conclude a wallet transfer, which is why we need this LS variable: it will indicate whether it
+        // is a signature, authentication or transfer.
+        // Check method handleUserResponse in file useResponseHandlers, case 'signMessage'.
+        if (walletConnector.key === 'phantom') {
+            const currentState = LocalStorage.getFromLS(PHANTOM_SIGNATURE_STATE);
+            LocalStorage.setToLS(PHANTOM_SIGNATURE_STATE, {
+                loseOriginalAccountOnTransfer: (_a = currentState === null || currentState === void 0 ? void 0 : currentState.loseOriginalAccountOnTransfer) !== null && _a !== void 0 ? _a : false,
+                submittedAtTimestamp: new Date().toString(),
+                verificationType: 'awaiting_verification',
+            });
+        }
         onlyConnectUser({ walletConnector });
     });
     const handleInstalledExtensionClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {

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

@@ -36,6 +36,7 @@ var useConfirmationModal = require('../useConfirmationModal/useConfirmationModal
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
@@ -64,7 +65,6 @@ require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');

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

@@ -32,6 +32,7 @@ import { useConfirmationModal } from '../useConfirmationModal/useConfirmationMod
 import '../../../context/WalletContext/WalletContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
@@ -60,7 +61,6 @@ import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';

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

@@ -40,6 +40,7 @@ var useFindSocialIcon = require('../../utils/hooks/useFindSocialIcon/useFindSoci
 require('../../context/ThemeContext/ThemeContext.cjs');
 var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
@@ -58,7 +59,6 @@ require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');

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

@@ -36,6 +36,7 @@ import { useFindSocialIcon } from '../../utils/hooks/useFindSocialIcon/useFindSo
 import '../../context/ThemeContext/ThemeContext.js';
 import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
@@ -54,7 +55,6 @@ import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';

package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.cjs

@@ -37,6 +37,7 @@ require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
 require('react-i18next');
@@ -65,7 +66,6 @@ require('../WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');

package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.js

@@ -33,6 +33,7 @@ import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
 import 'react-i18next';
@@ -61,7 +62,6 @@ import '../WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';

package/src/lib/views/BridgeSummaryView/BridgeSummaryView.cjs

@@ -37,6 +37,7 @@ require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
@@ -68,7 +69,6 @@ var DynamicBridgeWalletCardBody = require('../../widgets/DynamicBridgeWidget/com
 var SecondaryWallets = require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var Balance = require('../../widgets/DynamicWidget/components/Balance/Balance.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');

package/src/lib/views/BridgeSummaryView/BridgeSummaryView.js

@@ -33,6 +33,7 @@ import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
@@ -64,7 +65,6 @@ import { DynamicBridgeWalletCardBody } from '../../widgets/DynamicBridgeWidget/c
 import { MemoSecondaryWallets } from '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import { Balance } from '../../widgets/DynamicWidget/components/Balance/Balance.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';

package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.cjs

@@ -37,6 +37,7 @@ require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
@@ -65,7 +66,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var BridgeWelcomeLayout = require('../../layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');

package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.js

@@ -33,6 +33,7 @@ import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
@@ -61,7 +62,6 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import { BridgeWelcomeLayout } from '../../layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';

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

@@ -36,6 +36,7 @@ require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
@@ -53,7 +54,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');

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

@@ -32,6 +32,7 @@ import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
@@ -49,7 +50,6 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.cjs

@@ -41,6 +41,7 @@ require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
@@ -58,7 +59,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.js

@@ -37,6 +37,7 @@ import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
@@ -54,7 +55,6 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';

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

@@ -42,6 +42,7 @@ require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
@@ -59,7 +60,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
-require('../../context/LoadingContext/LoadingContext.cjs');
 var AuthProviderIcon = require('../../components/AuthProviderIcon/AuthProviderIcon.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var Icon = require('../../components/Icon/Icon.cjs');