@dynamic-labs/sdk-react-core 4.4.2 → 4.4.3

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.cjs

@@ -98,7 +98,7 @@ require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useRedirectSocialHandler = ({ setSocialProvider, }) => {
-    const { setView } = ViewContext.useViewContext();
+    const { clearStackAndPush } = ViewContext.useViewContext();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const [socialStorageItem, setSocialStorageItem] = React.useState(null);
     const { sdkHasLoaded, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, redirectUrl, } = useInternalDynamicContext.useInternalDynamicContext();
@@ -106,12 +106,17 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     const updateInterfaceStateForSignIn = React.useCallback((socialStorageItem) => {
         const socialSignInProvider = getSocialSignInProviderForProviderEnum.getSocialSignInProviderForProviderEnum(socialStorageItem.provider);
         setSocialProvider(socialSignInProvider);
-        setView('social-redirect-view');
+        clearStackAndPush('social-redirect-view');
         // Only open the auth flow when the embedded widget is not rendered
         if (!isRenderingEmbeddedAuthFlow.current) {
             setShowAuthFlow(true);
         }
-    }, [setSocialProvider, setView, isRenderingEmbeddedAuthFlow, setShowAuthFlow]);
+    }, [
+        setSocialProvider,
+        clearStackAndPush,
+        isRenderingEmbeddedAuthFlow,
+        setShowAuthFlow,
+    ]);
     const updateInterfaceStateForLink = React.useCallback(() => {
         setDynamicWidgetView('profile');
         setShowDynamicUserProfile(true);

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.js

@@ -94,7 +94,7 @@ import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useRedirectSocialHandler = ({ setSocialProvider, }) => {
-    const { setView } = useViewContext();
+    const { clearStackAndPush } = useViewContext();
     const { setDynamicWidgetView } = useWidgetContext();
     const [socialStorageItem, setSocialStorageItem] = useState(null);
     const { sdkHasLoaded, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, redirectUrl, } = useInternalDynamicContext();
@@ -102,12 +102,17 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     const updateInterfaceStateForSignIn = useCallback((socialStorageItem) => {
         const socialSignInProvider = getSocialSignInProviderForProviderEnum(socialStorageItem.provider);
         setSocialProvider(socialSignInProvider);
-        setView('social-redirect-view');
+        clearStackAndPush('social-redirect-view');
         // Only open the auth flow when the embedded widget is not rendered
         if (!isRenderingEmbeddedAuthFlow.current) {
             setShowAuthFlow(true);
         }
-    }, [setSocialProvider, setView, isRenderingEmbeddedAuthFlow, setShowAuthFlow]);
+    }, [
+        setSocialProvider,
+        clearStackAndPush,
+        isRenderingEmbeddedAuthFlow,
+        setShowAuthFlow,
+    ]);
     const updateInterfaceStateForLink = useCallback(() => {
         setDynamicWidgetView('profile');
         setShowDynamicUserProfile(true);

package/src/lib/context/ViewContext/ViewContext.cjs

@@ -56,10 +56,8 @@ const ViewContextProvider = ({ children, initialViewType }) => {
         clearStackAndPush,
         clearStackAndPushInitialView,
         goBack,
-        goToInitialView: clearStackAndPushInitialView,
         pushView,
         replaceView,
-        setView: pushView,
         stack,
         view,
     }), [

package/src/lib/context/ViewContext/ViewContext.d.ts

@@ -2,12 +2,6 @@ import { FC, PropsWithChildren } from 'react';
 import { ViewSetter, ViewState, ViewType } from './types';
 export type ViewContextProps = {
     /**
-     * @deprecated Instead, use either:
-     * - pushView: if you want "goBack" to go back to current view after this navigation
-     * - replaceView: if you want "goBack" to go back to the currently previous view after this navigation
-     * - clearStackAndPush: if you want the view stack to be reset and this new view be the only one in the stack
-     */
-    setView: ViewSetter;
     /**
      * Replaces the top view of the stack with a new view
      */
@@ -20,10 +14,6 @@ export type ViewContextProps = {
      * Current view at the top of the stack, or the initial view if the stack is empty
      */
     view: ViewState<ViewType>;
-    /**
-     * @deprecated use clearStackAndPushInitialView instead
-     */
-    goToInitialView: () => void;
     /**
      * Pops the current view from the stack, going back to the previous view
      */

package/src/lib/context/ViewContext/ViewContext.js

@@ -52,10 +52,8 @@ const ViewContextProvider = ({ children, initialViewType }) => {
         clearStackAndPush,
         clearStackAndPushInitialView,
         goBack,
-        goToInitialView: clearStackAndPushInitialView,
         pushView,
         replaceView,
-        setView: pushView,
         stack,
         view,
     }), [

package/src/lib/context/WalletGroupContext/WalletGroupContext.cjs

@@ -23,7 +23,7 @@ const useWalletGroupContext = () => {
 };
 const WalletGroupContextProvider = ({ children, }) => {
     const [selectedWalletGroup, setSelectedWalletGroup] = React__default["default"].useState();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { handleWalletItemClick } = useWalletItemActions.useWalletItemActions();
     const navigateToWalletGroup = React__default["default"].useCallback((walletGroup, { onSelectWallet } = {}) => {
         setSelectedWalletGroup(walletGroup);
@@ -35,10 +35,10 @@ const WalletGroupContextProvider = ({ children, }) => {
         const view = walletGroupType
             ? mapGroupTypeToView[walletGroupType]
             : mapGroupTypeToView['multi-chain'];
-        setView(view, {
+        pushView(view, {
             onSelectWallet: onSelectWallet !== null && onSelectWallet !== void 0 ? onSelectWallet : handleWalletItemClick,
         });
-    }, [handleWalletItemClick, setView]);
+    }, [handleWalletItemClick, pushView]);
     const contextValue = {
         navigateToWalletGroup,
         selectedWalletGroup,

package/src/lib/context/WalletGroupContext/WalletGroupContext.js

@@ -15,7 +15,7 @@ const useWalletGroupContext = () => {
 };
 const WalletGroupContextProvider = ({ children, }) => {
     const [selectedWalletGroup, setSelectedWalletGroup] = React__default.useState();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { handleWalletItemClick } = useWalletItemActions();
     const navigateToWalletGroup = React__default.useCallback((walletGroup, { onSelectWallet } = {}) => {
         setSelectedWalletGroup(walletGroup);
@@ -27,10 +27,10 @@ const WalletGroupContextProvider = ({ children, }) => {
         const view = walletGroupType
             ? mapGroupTypeToView[walletGroupType]
             : mapGroupTypeToView['multi-chain'];
-        setView(view, {
+        pushView(view, {
             onSelectWallet: onSelectWallet !== null && onSelectWallet !== void 0 ? onSelectWallet : handleWalletItemClick,
         });
-    }, [handleWalletItemClick, setView]);
+    }, [handleWalletItemClick, pushView]);
     const contextValue = {
         navigateToWalletGroup,
         selectedWalletGroup,

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs

@@ -121,7 +121,7 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, message, handler, o
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery.usePasskeyRecovery();
     const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const { setShowAuthFlow, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { userNeedsCrossDomainPasskey } = PasskeyContext.usePasskeyContext();
     const { t } = reactI18next.useTranslation();
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
@@ -148,11 +148,11 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, message, handler, o
         }
         catch (e) {
             if (e instanceof utils.AccessBlockedError) {
-                setView('access-blocked');
+                pushView('access-blocked');
             }
             return;
         }
-    }, [signMessageError, setView]);
+    }, [signMessageError, pushView]);
     const handleOnModalUnmount = React.useCallback(() => {
         if (signedMessage) {
             return onSignMessage(signedMessage);
@@ -176,7 +176,7 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, message, handler, o
             return;
         }
         if (isTurnkeyWallet && userNeedsCrossDomainPasskey) {
-            setView('passkey-new-domain-detected');
+            pushView('passkey-new-domain-detected');
             setShowAuthFlow(true, {
                 ignoreIfIsEmbeddedWidget: false,
                 performMultiWalletChecks: false,

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js

@@ -117,7 +117,7 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, message, handler, o
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery();
     const { isTurnkeyWallet } = useIsTurnkeyWallet();
     const { setShowAuthFlow, primaryWallet } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { userNeedsCrossDomainPasskey } = usePasskeyContext();
     const { t } = useTranslation();
     const { getEOAWallet } = useSmartWallets();
@@ -144,11 +144,11 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, message, handler, o
         }
         catch (e) {
             if (e instanceof AccessBlockedError) {
-                setView('access-blocked');
+                pushView('access-blocked');
             }
             return;
         }
-    }, [signMessageError, setView]);
+    }, [signMessageError, pushView]);
     const handleOnModalUnmount = useCallback(() => {
         if (signedMessage) {
             return onSignMessage(signedMessage);
@@ -172,7 +172,7 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, message, handler, o
             return;
         }
         if (isTurnkeyWallet && userNeedsCrossDomainPasskey) {
-            setView('passkey-new-domain-detected');
+            pushView('passkey-new-domain-detected');
             setShowAuthFlow(true, {
                 ignoreIfIsEmbeddedWidget: false,
                 performMultiWalletChecks: false,

package/src/lib/utils/functions/walletListBuilder/utils/groupWalletOptions/groupWalletOptions.cjs

@@ -39,6 +39,10 @@ const groupWalletOptions = (walletGroups, walletOptionList) => {
             return output.push(currentWalletOption);
         }
         const walletGroupData = walletGroups[currentWalletOption.group];
+        // If for some reason this is undefined, ignore it
+        if (!walletGroupData) {
+            return output.push(currentWalletOption);
+        }
         const walletGroup = {
             groupedWallets: [currentWalletOption],
             key: walletGroupData.key,

package/src/lib/utils/functions/walletListBuilder/utils/groupWalletOptions/groupWalletOptions.js

@@ -35,6 +35,10 @@ const groupWalletOptions = (walletGroups, walletOptionList) => {
             return output.push(currentWalletOption);
         }
         const walletGroupData = walletGroups[currentWalletOption.group];
+        // If for some reason this is undefined, ignore it
+        if (!walletGroupData) {
+            return output.push(currentWalletOption);
+        }
         const walletGroup = {
             groupedWallets: [currentWalletOption],
             key: walletGroupData.key,

package/src/lib/utils/hooks/authenticationHooks/helpers/showPendingConnectView.cjs

@@ -7,7 +7,7 @@ var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var getWalletProvider = require('../../../functions/getWalletProvider/getWalletProvider.cjs');
 
 const specialCareWallets = ['bloctoevm', 'perawallet', 'metamaskstarknet'];
-const showPendingConnectView = (walletConnector, setView) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const showPendingConnectView = (walletConnector, pushView) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
     // We don't want to show the pending connect view for qrCode and walletConnect
     // They have their own view with qrCode so we don't need to show the pending connect view
@@ -19,13 +19,13 @@ const showPendingConnectView = (walletConnector, setView) => _tslib.__awaiter(vo
             // bloctoevm and some other wallets works different as Justin mentioned in this commit:
             // https://github.com/dynamic-labs/DynamicAuth/commit/57233d3620611bc91439f3d4587b8516f8d16f99
             // It needs to show the connect view before getting connected accounts
-            setView('pending-connect');
+            pushView('pending-connect');
         }
     });
     const connectedAccounts = yield walletConnector.getConnectedAccounts();
     /* istanbul ignore else */
     if (connectedAccounts.length === 0) {
-        setView('pending-connect');
+        pushView('pending-connect');
     }
 });
 

package/src/lib/utils/hooks/authenticationHooks/helpers/showPendingConnectView.d.ts

@@ -1,3 +1,3 @@
 import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { ViewType } from '../../../../context/ViewContext';
-export declare const showPendingConnectView: (walletConnector: WalletConnector, setView: (view: ViewType) => void) => Promise<void>;
+export declare const showPendingConnectView: (walletConnector: WalletConnector, pushView: (view: ViewType) => void) => Promise<void>;

package/src/lib/utils/hooks/authenticationHooks/helpers/showPendingConnectView.js

@@ -3,7 +3,7 @@ import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { getWalletProvider } from '../../../functions/getWalletProvider/getWalletProvider.js';
 
 const specialCareWallets = ['bloctoevm', 'perawallet', 'metamaskstarknet'];
-const showPendingConnectView = (walletConnector, setView) => __awaiter(void 0, void 0, void 0, function* () {
+const showPendingConnectView = (walletConnector, pushView) => __awaiter(void 0, void 0, void 0, function* () {
     const walletProvider = getWalletProvider(walletConnector);
     // We don't want to show the pending connect view for qrCode and walletConnect
     // They have their own view with qrCode so we don't need to show the pending connect view
@@ -15,13 +15,13 @@ const showPendingConnectView = (walletConnector, setView) => __awaiter(void 0, v
             // bloctoevm and some other wallets works different as Justin mentioned in this commit:
             // https://github.com/dynamic-labs/DynamicAuth/commit/57233d3620611bc91439f3d4587b8516f8d16f99
             // It needs to show the connect view before getting connected accounts
-            setView('pending-connect');
+            pushView('pending-connect');
         }
     });
     const connectedAccounts = yield walletConnector.getConnectedAccounts();
     /* istanbul ignore else */
     if (connectedAccounts.length === 0) {
-        setView('pending-connect');
+        pushView('pending-connect');
     }
 });
 

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs

@@ -4,8 +4,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var utils = require('@dynamic-labs/utils');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var CaptchaContext = require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('react');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
@@ -99,7 +99,7 @@ require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = true, } = {}) => {
-    const { setView, goToInitialView, replaceView } = ViewContext.useViewContext();
+    const { pushView, clearStackAndPushInitialView, replaceView } = ViewContext.useViewContext();
     const { engageCaptcha, getCaptchaToken } = CaptchaContext.useCaptchaContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
     const { authMode, connectWallet, displaySiweStatement, environmentId, projectSettings, networkValidationMode, setIsSingleWalletAccount, user, walletUiUtils, } = useInternalDynamicContext.useInternalDynamicContext();
@@ -130,18 +130,18 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
         if (!userCancelled)
             logger.logger.debug(err);
         setErrorMessage((_a = err === null || err === void 0 ? void 0 : err.code) === null || _a === void 0 ? void 0 : _a.toString());
-        goToInitialView();
+        clearStackAndPushInitialView();
     };
     return (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ walletConnector, getAddressOpts = undefined, }) {
         var _b;
         try {
-            yield showPendingConnectView.showPendingConnectView(walletConnector, setView);
+            yield showPendingConnectView.showPendingConnectView(walletConnector, pushView);
             if (walletConnectorCore.isEmailWalletConnector(walletConnector)) {
                 if (walletConnectorCore.isEmailOTPWalletConnector(walletConnector)) {
-                    setView('email-wallet-otp-verification-view');
+                    pushView('email-wallet-otp-verification-view');
                 }
                 else if (!walletConnectorCore.isBloctoConnector(walletConnector)) {
-                    setView('wait-for-email-confirmation-view');
+                    pushView('wait-for-email-confirmation-view');
                 }
             }
             const connectionResult = yield connectWallet(walletConnector, getAddressOpts, {
@@ -160,9 +160,9 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
                 networkValidationMode === 'sign-in';
             if (!usesSupportedNetwork && isNetworkValidationEnabledForSignIn) {
                 if (!isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector)) {
-                    return setView('network-not-supported-manual');
+                    return pushView('network-not-supported-manual');
                 }
-                return setView('network-not-supported');
+                return pushView('network-not-supported');
             }
             if (isConnectOnly.isConnectOnly(user, authMode)) {
                 utils.StorageService.setItem(localStorage.LAST_USED_WALLET, walletConnector.key);

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
-import { isEmailWalletConnector, isEmailOTPWalletConnector, isBloctoConnector } from '@dynamic-labs/wallet-connector-core';
 import { StorageService } from '@dynamic-labs/utils';
+import { isEmailWalletConnector, isEmailOTPWalletConnector, isBloctoConnector } from '@dynamic-labs/wallet-connector-core';
 import { useCaptchaContext } from '../../../../context/CaptchaContext/CaptchaContext.js';
 import 'react';
 import '../../../../context/DynamicContext/DynamicContext.js';
@@ -95,7 +95,7 @@ import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = true, } = {}) => {
-    const { setView, goToInitialView, replaceView } = useViewContext();
+    const { pushView, clearStackAndPushInitialView, replaceView } = useViewContext();
     const { engageCaptcha, getCaptchaToken } = useCaptchaContext();
     const { setErrorMessage } = useErrorContext();
     const { authMode, connectWallet, displaySiweStatement, environmentId, projectSettings, networkValidationMode, setIsSingleWalletAccount, user, walletUiUtils, } = useInternalDynamicContext();
@@ -126,18 +126,18 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
         if (!userCancelled)
             logger.debug(err);
         setErrorMessage((_a = err === null || err === void 0 ? void 0 : err.code) === null || _a === void 0 ? void 0 : _a.toString());
-        goToInitialView();
+        clearStackAndPushInitialView();
     };
     return (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector, getAddressOpts = undefined, }) {
         var _b;
         try {
-            yield showPendingConnectView(walletConnector, setView);
+            yield showPendingConnectView(walletConnector, pushView);
             if (isEmailWalletConnector(walletConnector)) {
                 if (isEmailOTPWalletConnector(walletConnector)) {
-                    setView('email-wallet-otp-verification-view');
+                    pushView('email-wallet-otp-verification-view');
                 }
                 else if (!isBloctoConnector(walletConnector)) {
-                    setView('wait-for-email-confirmation-view');
+                    pushView('wait-for-email-confirmation-view');
                 }
             }
             const connectionResult = yield connectWallet(walletConnector, getAddressOpts, {
@@ -156,9 +156,9 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
                 networkValidationMode === 'sign-in';
             if (!usesSupportedNetwork && isNetworkValidationEnabledForSignIn) {
                 if (!isProgrammableNetworkSwitchSupported(walletConnector)) {
-                    return setView('network-not-supported-manual');
+                    return pushView('network-not-supported-manual');
                 }
-                return setView('network-not-supported');
+                return pushView('network-not-supported');
             }
             if (isConnectOnly(user, authMode)) {
                 StorageService.setItem(LAST_USED_WALLET, walletConnector.key);

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs

@@ -99,7 +99,7 @@ require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useConnectAndSignSplitSteps = () => {
-    const { setView, goToInitialView } = ViewContext.useViewContext();
+    const { pushView, clearStackAndPushInitialView } = ViewContext.useViewContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
     const { getCaptchaToken, engageCaptcha } = CaptchaContext.useCaptchaContext();
     const { connectWallet, displaySiweStatement, projectSettings, environmentId, networkValidationMode, setIsSingleWalletAccount, setShowAuthFlow, user, authMode, } = useInternalDynamicContext.useInternalDynamicContext();
@@ -120,7 +120,7 @@ const useConnectAndSignSplitSteps = () => {
          */
         if (err instanceof utils.MissingPublicAddressError && utils.isMobile())
             return;
-        goToInitialView();
+        clearStackAndPushInitialView();
         setErrorMessage((_a = err.code) !== null && _a !== void 0 ? _a : err.toString());
     };
     // This method is similar to useConnectAndSign, but it skips signing for now
@@ -130,7 +130,7 @@ const useConnectAndSignSplitSteps = () => {
     const onlyConnectUser = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ walletConnector, getAddressOpts = undefined, shouldShowPendingConnectView = true, }) {
         var _b;
         if (shouldShowPendingConnectView)
-            yield showPendingConnectView.showPendingConnectView(walletConnector, setView);
+            yield showPendingConnectView.showPendingConnectView(walletConnector, pushView);
         try {
             yield connectWallet(walletConnector, getAddressOpts);
             if (isConnectOnly.isConnectOnly(user, authMode)) {
@@ -143,13 +143,13 @@ const useConnectAndSignSplitSteps = () => {
                     authMethod: 'wallet',
                     onCaptchaSuccess: (_captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
                         setShowAuthFlow(true);
-                        setView('pending-signature');
+                        pushView('pending-signature');
                     }),
                 });
                 return;
             }
             setShowAuthFlow(true);
-            setView('pending-signature');
+            pushView('pending-signature');
         }
         catch (err) {
             onErrorHandler(err);
@@ -173,9 +173,9 @@ const useConnectAndSignSplitSteps = () => {
                 networkValidationMode === 'sign-in';
             if (!usesSupportedNetwork && isNetworkValidationEnabledForSignIn) {
                 if (!isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector)) {
-                    return setView('network-not-supported-manual');
+                    return pushView('network-not-supported-manual');
                 }
-                return setView('network-not-supported');
+                return pushView('network-not-supported');
             }
             yield verifyWallet({
                 captchaToken: getCaptchaToken(),

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js

@@ -95,7 +95,7 @@ import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useConnectAndSignSplitSteps = () => {
-    const { setView, goToInitialView } = useViewContext();
+    const { pushView, clearStackAndPushInitialView } = useViewContext();
     const { setErrorMessage } = useErrorContext();
     const { getCaptchaToken, engageCaptcha } = useCaptchaContext();
     const { connectWallet, displaySiweStatement, projectSettings, environmentId, networkValidationMode, setIsSingleWalletAccount, setShowAuthFlow, user, authMode, } = useInternalDynamicContext();
@@ -116,7 +116,7 @@ const useConnectAndSignSplitSteps = () => {
          */
         if (err instanceof MissingPublicAddressError && isMobile())
             return;
-        goToInitialView();
+        clearStackAndPushInitialView();
         setErrorMessage((_a = err.code) !== null && _a !== void 0 ? _a : err.toString());
     };
     // This method is similar to useConnectAndSign, but it skips signing for now
@@ -126,7 +126,7 @@ const useConnectAndSignSplitSteps = () => {
     const onlyConnectUser = (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector, getAddressOpts = undefined, shouldShowPendingConnectView = true, }) {
         var _b;
         if (shouldShowPendingConnectView)
-            yield showPendingConnectView(walletConnector, setView);
+            yield showPendingConnectView(walletConnector, pushView);
         try {
             yield connectWallet(walletConnector, getAddressOpts);
             if (isConnectOnly(user, authMode)) {
@@ -139,13 +139,13 @@ const useConnectAndSignSplitSteps = () => {
                     authMethod: 'wallet',
                     onCaptchaSuccess: (_captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
                         setShowAuthFlow(true);
-                        setView('pending-signature');
+                        pushView('pending-signature');
                     }),
                 });
                 return;
             }
             setShowAuthFlow(true);
-            setView('pending-signature');
+            pushView('pending-signature');
         }
         catch (err) {
             onErrorHandler(err);
@@ -169,9 +169,9 @@ const useConnectAndSignSplitSteps = () => {
                 networkValidationMode === 'sign-in';
             if (!usesSupportedNetwork && isNetworkValidationEnabledForSignIn) {
                 if (!isProgrammableNetworkSwitchSupported(walletConnector)) {
-                    return setView('network-not-supported-manual');
+                    return pushView('network-not-supported-manual');
                 }
-                return setView('network-not-supported');
+                return pushView('network-not-supported');
             }
             yield verifyWallet({
                 captchaToken: getCaptchaToken(),

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs

@@ -93,7 +93,7 @@ require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useSignConnectOnlyUser = () => {
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
     const { getCaptchaToken } = CaptchaContext.useCaptchaContext();
     const { connectWallet, displaySiweStatement, projectSettings, environmentId, setIsSingleWalletAccount, setShowAuthFlow, setSelectedWalletConnectorKey, walletUiUtils, } = useInternalDynamicContext.useInternalDynamicContext();
@@ -114,7 +114,7 @@ const useSignConnectOnlyUser = () => {
             // We don't want to show the back button in the pending signature view
             // because we don't want to go back to the wallet-list
             setSelectedWalletConnectorKey(walletConnector.key);
-            setView('pending-signature-without-back-button');
+            pushView('pending-signature-without-back-button');
             setShowAuthFlow(true);
             // Wallet should be already connected at this point
             // We just need to verify it

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js

@@ -89,7 +89,7 @@ import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useSignConnectOnlyUser = () => {
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { setErrorMessage } = useErrorContext();
     const { getCaptchaToken } = useCaptchaContext();
     const { connectWallet, displaySiweStatement, projectSettings, environmentId, setIsSingleWalletAccount, setShowAuthFlow, setSelectedWalletConnectorKey, walletUiUtils, } = useInternalDynamicContext();
@@ -110,7 +110,7 @@ const useSignConnectOnlyUser = () => {
             // We don't want to show the back button in the pending signature view
             // because we don't want to go back to the wallet-list
             setSelectedWalletConnectorKey(walletConnector.key);
-            setView('pending-signature-without-back-button');
+            pushView('pending-signature-without-back-button');
             setShowAuthFlow(true);
             // Wallet should be already connected at this point
             // We just need to verify it

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

@@ -97,7 +97,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 
 const useConnectedWalletsNetworkValidation = () => {
     const { connectedWallets, selectedWalletConnector, setSelectedWalletConnectorKey, setShowAuthFlow, bridgeChainsToConnect, sdkHasLoaded, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const isLoggedIn = useIsLoggedIn.useIsLoggedIn();
     const getConnectedWalletsWithInvalidNetwork = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const connectedWalletsWithInvalidNetwork = [];
@@ -133,13 +133,13 @@ const useConnectedWalletsNetworkValidation = () => {
             : 'network-not-supported-manual';
         // Doesn't rerender if it's already true
         setShowAuthFlow(true);
-        setView(networkNotSupportedView);
+        pushView(networkNotSupportedView);
     }), [
         getConnectedWalletsWithInvalidNetwork,
         selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key,
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
-        setView,
+        pushView,
     ]);
     const uniqueConnectors = React.useMemo(() => {
         const connectors = connectedWallets.map(({ connector }) => connector);

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

@@ -93,7 +93,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 
 const useConnectedWalletsNetworkValidation = () => {
     const { connectedWallets, selectedWalletConnector, setSelectedWalletConnectorKey, setShowAuthFlow, bridgeChainsToConnect, sdkHasLoaded, } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const isLoggedIn = useIsLoggedIn();
     const getConnectedWalletsWithInvalidNetwork = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         const connectedWalletsWithInvalidNetwork = [];
@@ -129,13 +129,13 @@ const useConnectedWalletsNetworkValidation = () => {
             : 'network-not-supported-manual';
         // Doesn't rerender if it's already true
         setShowAuthFlow(true);
-        setView(networkNotSupportedView);
+        pushView(networkNotSupportedView);
     }), [
         getConnectedWalletsWithInvalidNetwork,
         selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key,
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
-        setView,
+        pushView,
     ]);
     const uniqueConnectors = useMemo(() => {
         const connectors = connectedWallets.map(({ connector }) => connector);