@dynamic-labs/sdk-react-core 4.5.3 → 4.6.1

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

@@ -0,0 +1,115 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useState } from 'react';
+import '@dynamic-labs/utils';
+import '@dynamic-labs/sdk-api-core';
+import '../../../config/ApiEndpoint.js';
+import '../../constants/values.js';
+import '@dynamic-labs/multi-wallet';
+import '../../../shared/logger.js';
+import '../../constants/colors.js';
+import 'react-international-phone';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../shared/consts/index.js';
+import '../../../store/state/nonce/nonce.js';
+import '../../../store/state/projectSettings/projectSettings.js';
+import { useEnvironmentId } from '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../store/state/user/user.js';
+import '../../../locale/locale.js';
+import { hardDeleteUser } from '../../../data/api/user/user.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../events/dynamicEvents.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
+import '@dynamic-labs/types';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../context/WalletContext/WalletContext.js';
+import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import '../../../views/CollectUserDataView/useFields.js';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../store/state/loadingAndLifecycle.js';
+import '@dynamic-labs/store';
+import '../../../store/state/walletOptions/walletOptions.js';
+import 'react-i18next';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/OverlayCard/OverlayCard.js';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../useSubdomainCheck/useSubdomainCheck.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../context/ConnectWithOtpContext/constants.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../store/state/sendBalances.js';
+import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../context/OnrampContext/OnrampContext.js';
+import '../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../../../index.js';
+import '../../../store/state/tokenBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+
+const useDeleteUserAccount = () => {
+    const environmentId = useEnvironmentId();
+    const { handleLogOut } = useInternalDynamicContext();
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const deleteUser = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setIsLoading(true);
+            setError(null);
+            yield hardDeleteUser(environmentId);
+            yield handleLogOut();
+        }
+        catch (err) {
+            setError(err);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    });
+    return { deleteUser, error, isLoading };
+};
+
+export { useDeleteUserAccount };

package/src/lib/utils/hooks/useFundWithWallet/useConnectWalletForFunding/useConnectWalletForFunding.cjs

@@ -93,6 +93,7 @@ require('../../../../context/OnrampContext/OnrampContext.cjs');
 var rejectPromiseRef = require('../../../functions/rejectPromiseRef/rejectPromiseRef.cjs');
 var resolvePromiseRef = require('../../../functions/resolvePromiseRef/resolvePromiseRef.cjs');
 var useWalletOptions = require('../../useWalletOptions/useWalletOptions.cjs');
+var FilterWalletsForExternalFunding = require('../utils/FilterWalletsForExternalFunding.cjs');
 require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');
@@ -107,6 +108,13 @@ const useConnectWalletForFunding = () => {
     const internalConnectionPromiseRef = React.useRef(null);
     const connectWalletPromiseRef = React.useRef(null);
     const handleWalletMethod = React.useCallback((props) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        // This is for phantom redirect: store the reason for this connection
+        // so we don't lose the flow when redirected back
+        const connectionType = {
+            connectorConsumed: false,
+            type: 'external-wallet-funding',
+        };
+        utils.StorageService.setItem(utils.PHANTOM_REDIRECT_CONNECTION_TYPE_KEY, connectionType);
         const address = yield props.walletConnector.getAddress(props.getAddressOpts);
         if (!address) {
             rejectPromiseRef.rejectPromiseRef(internalConnectionPromiseRef, new utils.DynamicError('No wallet address found'));
@@ -182,9 +190,7 @@ const useConnectWalletForFunding = () => {
                 }
             }),
             showDefaultFooter: true,
-            viewWalletsFilter: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
-                ? index.FilterChain(primaryWallet.chain)
-                : undefined,
+            viewWalletsFilter: utils.pipe(FilterWalletsForExternalFunding.FilterWalletsForExternalFunding).pipe(index.FilterChain(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)),
         });
         setShowAuthFlow(true, {
             emitCancelAuth: false,

package/src/lib/utils/hooks/useFundWithWallet/useConnectWalletForFunding/useConnectWalletForFunding.js

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useRef, useCallback } from 'react';
-import { DynamicError, DeferredPromise } from '@dynamic-labs/utils';
+import { StorageService, PHANTOM_REDIRECT_CONNECTION_TYPE_KEY, DynamicError, DeferredPromise, pipe } from '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
@@ -89,6 +89,7 @@ import '../../../../context/OnrampContext/OnrampContext.js';
 import { rejectPromiseRef } from '../../../functions/rejectPromiseRef/rejectPromiseRef.js';
 import { resolvePromiseRef } from '../../../functions/resolvePromiseRef/resolvePromiseRef.js';
 import { useWalletOptions } from '../../useWalletOptions/useWalletOptions.js';
+import { FilterWalletsForExternalFunding } from '../utils/FilterWalletsForExternalFunding.js';
 import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
@@ -103,6 +104,13 @@ const useConnectWalletForFunding = () => {
     const internalConnectionPromiseRef = useRef(null);
     const connectWalletPromiseRef = useRef(null);
     const handleWalletMethod = useCallback((props) => __awaiter(void 0, void 0, void 0, function* () {
+        // This is for phantom redirect: store the reason for this connection
+        // so we don't lose the flow when redirected back
+        const connectionType = {
+            connectorConsumed: false,
+            type: 'external-wallet-funding',
+        };
+        StorageService.setItem(PHANTOM_REDIRECT_CONNECTION_TYPE_KEY, connectionType);
         const address = yield props.walletConnector.getAddress(props.getAddressOpts);
         if (!address) {
             rejectPromiseRef(internalConnectionPromiseRef, new DynamicError('No wallet address found'));
@@ -178,9 +186,7 @@ const useConnectWalletForFunding = () => {
                 }
             }),
             showDefaultFooter: true,
-            viewWalletsFilter: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
-                ? FilterChain(primaryWallet.chain)
-                : undefined,
+            viewWalletsFilter: pipe(FilterWalletsForExternalFunding).pipe(FilterChain(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)),
         });
         setShowAuthFlow(true, {
             emitCancelAuth: false,

package/src/lib/utils/hooks/useFundWithWallet/utils/FilterWalletsForExternalFunding.cjs

@@ -0,0 +1,27 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@dynamic-labs/utils');
+
+const SPECIFIC_WALLETS_WITHOUT_REDIRECTS = [
+    'coinbase',
+    'phantomevm',
+    'magiceden',
+];
+const FilterWalletsForExternalFunding = (wallets) => {
+    if (!utils.isMobile()) {
+        return wallets;
+    }
+    return wallets.filter((wallet) => {
+        if (SPECIFIC_WALLETS_WITHOUT_REDIRECTS.includes(wallet.key)) {
+            return false;
+        }
+        const mobileCondition = wallet.walletConnector.isWalletConnect ||
+            wallet.walletConnector.mobileExperience !== 'in-app-browser';
+        return mobileCondition;
+    });
+};
+
+exports.FilterWalletsForExternalFunding = FilterWalletsForExternalFunding;

package/src/lib/utils/hooks/useFundWithWallet/utils/FilterWalletsForExternalFunding.d.ts

@@ -0,0 +1,2 @@
+import { WalletOption } from '../../../../shared';
+export declare const FilterWalletsForExternalFunding: (wallets: WalletOption[]) => WalletOption[];

package/src/lib/utils/hooks/useFundWithWallet/utils/FilterWalletsForExternalFunding.js

@@ -0,0 +1,23 @@
+'use client'
+import { isMobile } from '@dynamic-labs/utils';
+
+const SPECIFIC_WALLETS_WITHOUT_REDIRECTS = [
+    'coinbase',
+    'phantomevm',
+    'magiceden',
+];
+const FilterWalletsForExternalFunding = (wallets) => {
+    if (!isMobile()) {
+        return wallets;
+    }
+    return wallets.filter((wallet) => {
+        if (SPECIFIC_WALLETS_WITHOUT_REDIRECTS.includes(wallet.key)) {
+            return false;
+        }
+        const mobileCondition = wallet.walletConnector.isWalletConnect ||
+            wallet.walletConnector.mobileExperience !== 'in-app-browser';
+        return mobileCondition;
+    });
+};
+
+export { FilterWalletsForExternalFunding };

package/src/lib/utils/hooks/useFundWithWallet/utils/index.d.ts

@@ -0,0 +1 @@
+export { FilterWalletsForExternalFunding } from './FilterWalletsForExternalFunding';

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

@@ -20,10 +20,10 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../store/state/nonce/nonce.cjs');
 var isCookieEnabled = require('../../functions/isCookieEnabled/isCookieEnabled.cjs');
+var projectSettings = require('../../../store/state/projectSettings/projectSettings.cjs');
 var updatePrimaryWalletId = require('../../functions/updatePrimaryWalletId/updatePrimaryWalletId.cjs');
 require('../../../config/ApiEndpoint.cjs');
 var user = require('../../../store/state/user/user.cjs');
-var projectSettings = require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../locale/locale.cjs');
 var user$1 = require('../../../data/api/user/user.cjs');
 var useDynamicEvents = require('../events/useDynamicEvents/useDynamicEvents.cjs');
@@ -61,7 +61,10 @@ const useResetCookieLocalStorage = () => {
          * so attempt to set it here.
          */
         const maybeInitUserRefresh = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            if (!user$2 && isCookieEnabled.isCookieEnabled() && !hasLoggedOut.current) {
+            if (!user$2 &&
+                projectSettings$1 &&
+                isCookieEnabled.isCookieEnabled(projectSettings$1) &&
+                !hasLoggedOut.current) {
                 // Disable all next calls to this method
                 didRefreshUserRef.current = true;
                 try {
@@ -86,8 +89,8 @@ const useResetCookieLocalStorage = () => {
                 setIsLoading(false);
             }
         });
-        // Ensure this effect only runs once
-        if (didRefreshUserRef.current)
+        // Ensure this effect only runs once projectSettings is available
+        if (didRefreshUserRef.current || !projectSettings$1)
             return;
         maybeInitUserRefresh();
     }, [user$2, projectSettings$1, environmentId]);

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

@@ -16,10 +16,10 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../store/state/nonce/nonce.js';
 import { isCookieEnabled } from '../../functions/isCookieEnabled/isCookieEnabled.js';
+import { useProjectSettings } from '../../../store/state/projectSettings/projectSettings.js';
 import { updatePrimaryWalletId } from '../../functions/updatePrimaryWalletId/updatePrimaryWalletId.js';
 import '../../../config/ApiEndpoint.js';
 import { getUser } from '../../../store/state/user/user.js';
-import { useProjectSettings } from '../../../store/state/projectSettings/projectSettings.js';
 import '../../../locale/locale.js';
 import { refreshUserJwt } from '../../../data/api/user/user.js';
 import { useInternalDynamicEvents } from '../events/useDynamicEvents/useDynamicEvents.js';
@@ -57,7 +57,10 @@ const useResetCookieLocalStorage = () => {
          * so attempt to set it here.
          */
         const maybeInitUserRefresh = () => __awaiter(void 0, void 0, void 0, function* () {
-            if (!user && isCookieEnabled() && !hasLoggedOut.current) {
+            if (!user &&
+                projectSettings &&
+                isCookieEnabled(projectSettings) &&
+                !hasLoggedOut.current) {
                 // Disable all next calls to this method
                 didRefreshUserRef.current = true;
                 try {
@@ -82,8 +85,8 @@ const useResetCookieLocalStorage = () => {
                 setIsLoading(false);
             }
         });
-        // Ensure this effect only runs once
-        if (didRefreshUserRef.current)
+        // Ensure this effect only runs once projectSettings is available
+        if (didRefreshUserRef.current || !projectSettings)
             return;
         maybeInitUserRefresh();
     }, [user, projectSettings, environmentId]);

package/src/lib/utils/hooks/useValidateSession/handleUserDataOutOfSync/handleUserDataOutOfSync.cjs

@@ -16,8 +16,8 @@ var getAuthToken = require('../../../functions/getAuthToken/getAuthToken.cjs');
  * Detects mismatch between user and auth token.
  * @returns true if there is no mismatch.
  */
-const handleUserDataOutOfSync = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ environmentId, logout, }) {
-    const cookieEnabled = isCookieEnabled.isCookieEnabled();
+const handleUserDataOutOfSync = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ environmentId, logout, projectSettings, }) {
+    const cookieEnabled = isCookieEnabled.isCookieEnabled(projectSettings);
     const authToken = getAuthToken.getAuthToken();
     const user$2 = user.getUser();
     if (authToken || !user$2) {

package/src/lib/utils/hooks/useValidateSession/handleUserDataOutOfSync/handleUserDataOutOfSync.d.ts

@@ -1,9 +1,11 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
 export type HandleUserDataOutOfSyncParams = {
     environmentId: string;
     logout: (reason: string, params: any) => Promise<void>;
+    projectSettings: ProjectSettings;
 };
 /**
  * Detects mismatch between user and auth token.
  * @returns true if there is no mismatch.
  */
-export declare const handleUserDataOutOfSync: ({ environmentId, logout, }: HandleUserDataOutOfSyncParams) => Promise<boolean>;
+export declare const handleUserDataOutOfSync: ({ environmentId, logout, projectSettings, }: HandleUserDataOutOfSyncParams) => Promise<boolean>;

package/src/lib/utils/hooks/useValidateSession/handleUserDataOutOfSync/handleUserDataOutOfSync.js

@@ -12,8 +12,8 @@ import { getAuthToken } from '../../../functions/getAuthToken/getAuthToken.js';
  * Detects mismatch between user and auth token.
  * @returns true if there is no mismatch.
  */
-const handleUserDataOutOfSync = (_a) => __awaiter(void 0, [_a], void 0, function* ({ environmentId, logout, }) {
-    const cookieEnabled = isCookieEnabled();
+const handleUserDataOutOfSync = (_a) => __awaiter(void 0, [_a], void 0, function* ({ environmentId, logout, projectSettings, }) {
+    const cookieEnabled = isCookieEnabled(projectSettings);
     const authToken = getAuthToken();
     const user = getUser();
     if (authToken || !user) {

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

@@ -6,24 +6,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var logger = require('../../../shared/logger.cjs');
-var useEffectOnce = require('../useEffectOnce/useEffectOnce.cjs');
 var loadingAndLifecycle = require('../../../store/state/loadingAndLifecycle.cjs');
 var useDynamicEvents = require('../events/useDynamicEvents/useDynamicEvents.cjs');
+var projectSettings = require('../../../store/state/projectSettings/projectSettings.cjs');
 var handleStoreAndEnvironmentMismatch = require('./handleStoreAndEnvironmentMismatch/handleStoreAndEnvironmentMismatch.cjs');
 var handleUserDataOutOfSync = require('./handleUserDataOutOfSync/handleUserDataOutOfSync.cjs');
 var handleStoreVersionChanged = require('./handleStoreVersionChanged/handleStoreVersionChanged.cjs');
 
 const useValidateSession = ({ environmentId, handleLogOut }) => {
+    const didRunRef = React.useRef(false);
+    const projectSettings$1 = projectSettings.useProjectSettings();
     const logout = React.useCallback(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (reason, params) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        logger.logger.debug(`Logging out due to invalid session - Reason: ${reason}`, Object.assign({}, params));
+        logger.logger.info(`Logging out due to invalid session - Reason: ${reason}`, Object.assign({}, params));
         return handleLogOut();
     }), [handleLogOut]);
-    const validateSession = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const validateSession = React.useCallback((projectSettings) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const params = {
             environmentId,
             logout,
+            projectSettings,
         };
         yield Promise.all([
             handleStoreAndEnvironmentMismatch.handleStoreAndEnvironmentMismatch(params),
@@ -33,10 +36,17 @@ const useValidateSession = ({ environmentId, handleLogOut }) => {
         // Regardless of whether we logged out or not, session validation is now complete
         loadingAndLifecycle.setLoadingAndLifecycle({ sessionValidation: true });
     }), [logout, environmentId]);
-    useEffectOnce.useEffectOnce(() => {
-        validateSession();
+    React.useEffect(() => {
+        if (didRunRef.current || !projectSettings$1)
+            return;
+        didRunRef.current = true;
+        validateSession(projectSettings$1);
+    }, [validateSession, projectSettings$1]);
+    useDynamicEvents.useInternalDynamicEvents('triggerSessionValidation', () => {
+        if (!projectSettings$1)
+            return;
+        validateSession(projectSettings$1);
     });
-    useDynamicEvents.useInternalDynamicEvents('triggerSessionValidation', validateSession);
 };
 
 exports.useValidateSession = useValidateSession;

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

@@ -1,25 +1,28 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useCallback } from 'react';
+import { useRef, useCallback, useEffect } from 'react';
 import { logger } from '../../../shared/logger.js';
-import { useEffectOnce } from '../useEffectOnce/useEffectOnce.js';
 import { setLoadingAndLifecycle } from '../../../store/state/loadingAndLifecycle.js';
 import { useInternalDynamicEvents } from '../events/useDynamicEvents/useDynamicEvents.js';
+import { useProjectSettings } from '../../../store/state/projectSettings/projectSettings.js';
 import { handleStoreAndEnvironmentMismatch } from './handleStoreAndEnvironmentMismatch/handleStoreAndEnvironmentMismatch.js';
 import { handleUserDataOutOfSync } from './handleUserDataOutOfSync/handleUserDataOutOfSync.js';
 import { handleStoreVersionChanged } from './handleStoreVersionChanged/handleStoreVersionChanged.js';
 
 const useValidateSession = ({ environmentId, handleLogOut }) => {
+    const didRunRef = useRef(false);
+    const projectSettings = useProjectSettings();
     const logout = useCallback(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (reason, params) => __awaiter(void 0, void 0, void 0, function* () {
-        logger.debug(`Logging out due to invalid session - Reason: ${reason}`, Object.assign({}, params));
+        logger.info(`Logging out due to invalid session - Reason: ${reason}`, Object.assign({}, params));
         return handleLogOut();
     }), [handleLogOut]);
-    const validateSession = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    const validateSession = useCallback((projectSettings) => __awaiter(void 0, void 0, void 0, function* () {
         const params = {
             environmentId,
             logout,
+            projectSettings,
         };
         yield Promise.all([
             handleStoreAndEnvironmentMismatch(params),
@@ -29,10 +32,17 @@ const useValidateSession = ({ environmentId, handleLogOut }) => {
         // Regardless of whether we logged out or not, session validation is now complete
         setLoadingAndLifecycle({ sessionValidation: true });
     }), [logout, environmentId]);
-    useEffectOnce(() => {
-        validateSession();
+    useEffect(() => {
+        if (didRunRef.current || !projectSettings)
+            return;
+        didRunRef.current = true;
+        validateSession(projectSettings);
+    }, [validateSession, projectSettings]);
+    useInternalDynamicEvents('triggerSessionValidation', () => {
+        if (!projectSettings)
+            return;
+        validateSession(projectSettings);
     });
-    useInternalDynamicEvents('triggerSessionValidation', validateSession);
 };
 
 export { useValidateSession };

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

@@ -114,6 +114,8 @@ const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLa
                     provider: sdkApiCore.ProviderEnum.Farcaster,
                     type: 'social',
                 }, 'user-cancelled');
+                // Navigate back to the initial login view.
+                clearStackAndPushInitialView();
             },
         }),
         onSettled: () => {

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

@@ -110,6 +110,8 @@ const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLa
                     provider: ProviderEnum.Farcaster,
                     type: 'social',
                 }, 'user-cancelled');
+                // Navigate back to the initial login view.
+                clearStackAndPushInitialView();
             },
         }),
         onSettled: () => {

package/src/lib/views/Passkey/PasskeyRecovery/AddRecoveryEmail/AddRecoveryEmail.cjs

@@ -57,7 +57,6 @@ require('../../../CollectUserDataView/useFields.cjs');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-var useEffectOnce = require('../../../../utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('../../../../store/state/loadingAndLifecycle.cjs');
 require('@dynamic-labs/store');
 require('../../../../store/state/walletOptions/walletOptions.cjs');
@@ -81,6 +80,7 @@ var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/OverlayCard/OverlayCard.cjs');
+var useEffectOnce = require('../../../../utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('../../../TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');

package/src/lib/views/Passkey/PasskeyRecovery/AddRecoveryEmail/AddRecoveryEmail.js

@@ -53,7 +53,6 @@ import '../../../CollectUserDataView/useFields.js';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import { useEffectOnce } from '../../../../utils/hooks/useEffectOnce/useEffectOnce.js';
 import '../../../../store/state/loadingAndLifecycle.js';
 import '@dynamic-labs/store';
 import '../../../../store/state/walletOptions/walletOptions.js';
@@ -77,6 +76,7 @@ import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/OverlayCard/OverlayCard.js';
+import { useEffectOnce } from '../../../../utils/hooks/useEffectOnce/useEffectOnce.js';
 import '../../../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.cjs

@@ -55,7 +55,6 @@ require('../CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-var useEffectOnce = require('../../utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('../../store/state/loadingAndLifecycle.cjs');
 require('@dynamic-labs/store');
 require('../../store/state/walletOptions/walletOptions.cjs');
@@ -80,6 +79,7 @@ require('qrcode');
 var useFetchCurrency = require('../../widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs');
 require('formik');
 require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
+var useEffectOnce = require('../../utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.js

@@ -51,7 +51,6 @@ import '../CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import { useEffectOnce } from '../../utils/hooks/useEffectOnce/useEffectOnce.js';
 import '../../store/state/loadingAndLifecycle.js';
 import '@dynamic-labs/store';
 import '../../store/state/walletOptions/walletOptions.js';
@@ -76,6 +75,7 @@ import 'qrcode';
 import { useFetchCurrency } from '../../widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.js';
 import 'formik';
 import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
+import { useEffectOnce } from '../../utils/hooks/useEffectOnce/useEffectOnce.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';

package/src/lib/views/WalletList/WalletList.cjs

@@ -55,7 +55,6 @@ require('../CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-var useEffectOnce = require('../../utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('../../store/state/loadingAndLifecycle.cjs');
 require('@dynamic-labs/store');
 require('../../store/state/walletOptions/walletOptions.cjs');
@@ -80,6 +79,7 @@ require('qrcode');
 require('formik');
 require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 var DefaultFooter = require('../../layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.cjs');
+var useEffectOnce = require('../../utils/hooks/useEffectOnce/useEffectOnce.cjs');
 var useWalletList = require('../../utils/hooks/useWalletList/useWalletList.cjs');
 var SearchNotFoundMessage = require('./SearchNotFoundMessage/SearchNotFoundMessage.cjs');
 var WalletListGridTabs = require('./WalletListGridTabs/WalletListGridTabs.cjs');

package/src/lib/views/WalletList/WalletList.js

@@ -51,7 +51,6 @@ import '../CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import { useEffectOnce } from '../../utils/hooks/useEffectOnce/useEffectOnce.js';
 import '../../store/state/loadingAndLifecycle.js';
 import '@dynamic-labs/store';
 import '../../store/state/walletOptions/walletOptions.js';
@@ -76,6 +75,7 @@ import 'qrcode';
 import 'formik';
 import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import { DefaultFooter } from '../../layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.js';
+import { useEffectOnce } from '../../utils/hooks/useEffectOnce/useEffectOnce.js';
 import { useWalletList } from '../../utils/hooks/useWalletList/useWalletList.js';
 import { SearchNotFoundMessage } from './SearchNotFoundMessage/SearchNotFoundMessage.js';
 import { WalletListGridTabs } from './WalletListGridTabs/WalletListGridTabs.js';