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

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

@@ -105,7 +105,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const useDynamicModals = () => {
     const { projectSettings, user, multiWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const isLoggedIn = useIsLoggedIn.useIsLoggedIn();
-    const { setView } = ViewContext.useViewContext();
+    const { clearStackAndPush } = ViewContext.useViewContext();
     const canLink = isAllowedToLinkWallet.isAllowedToLinkWallet(projectSettings, user === null || user === void 0 ? void 0 : user.verifiedCredentials, multiWallet);
     const { setShowMfaChooseType, setShowMfaEnterBackupCodes, setShowMfaQRCode, setShowMfaViewBackupCodes, setShowOTPVerification, } = useMfaModals.useMfaModals();
     const setSetShowLinkNewWalletModalWithInit = React.useCallback((value) => {
@@ -119,7 +119,7 @@ const useDynamicModals = () => {
                 logger.logger.warn('setShowLinkNewWalletModal was called but the user is not allowed to link a wallet. This results in a no-op. Please double check that multi-wallet is enabled in the dashboard. For more information, see: https://docs.dynamic.xyz/branded-wallets/multi-wallet');
                 return;
             }
-            setView('multi-wallet-wallet-list');
+            clearStackAndPush('multi-wallet-wallet-list');
         }
         setShowAuthFlow(value, {
             emitCancelAuth: true,
@@ -127,7 +127,7 @@ const useDynamicModals = () => {
             initializeWalletConnect: true,
             performMultiWalletChecks: false,
         });
-    }, [canLink, isLoggedIn, setShowAuthFlow, setView]);
+    }, [canLink, isLoggedIn, setShowAuthFlow, clearStackAndPush]);
     return {
         setShowLinkNewWalletModal: setSetShowLinkNewWalletModalWithInit,
         setShowMfaChooseType,

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

@@ -101,7 +101,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const useDynamicModals = () => {
     const { projectSettings, user, multiWallet, setShowAuthFlow } = useInternalDynamicContext();
     const isLoggedIn = useIsLoggedIn();
-    const { setView } = useViewContext();
+    const { clearStackAndPush } = useViewContext();
     const canLink = isAllowedToLinkWallet(projectSettings, user === null || user === void 0 ? void 0 : user.verifiedCredentials, multiWallet);
     const { setShowMfaChooseType, setShowMfaEnterBackupCodes, setShowMfaQRCode, setShowMfaViewBackupCodes, setShowOTPVerification, } = useMfaModals();
     const setSetShowLinkNewWalletModalWithInit = useCallback((value) => {
@@ -115,7 +115,7 @@ const useDynamicModals = () => {
                 logger.warn('setShowLinkNewWalletModal was called but the user is not allowed to link a wallet. This results in a no-op. Please double check that multi-wallet is enabled in the dashboard. For more information, see: https://docs.dynamic.xyz/branded-wallets/multi-wallet');
                 return;
             }
-            setView('multi-wallet-wallet-list');
+            clearStackAndPush('multi-wallet-wallet-list');
         }
         setShowAuthFlow(value, {
             emitCancelAuth: true,
@@ -123,7 +123,7 @@ const useDynamicModals = () => {
             initializeWalletConnect: true,
             performMultiWalletChecks: false,
         });
-    }, [canLink, isLoggedIn, setShowAuthFlow, setView]);
+    }, [canLink, isLoggedIn, setShowAuthFlow, clearStackAndPush]);
     return {
         setShowLinkNewWalletModal: setSetShowLinkNewWalletModalWithInit,
         setShowMfaChooseType,

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

@@ -100,7 +100,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const useEmbeddedReveal = () => {
     const { primaryWallet, projectSettings, user, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { userHasEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const turnkeyChecks = ({ user, recoveryPhrase, }) => {
         var _a, _b;
@@ -144,7 +144,7 @@ const useEmbeddedReveal = () => {
             ignoreIfIsEmbeddedWidget: false,
             performMultiWalletChecks: false,
         });
-        setView('embedded-reveal-view', {
+        pushView('embedded-reveal-view', {
             exportPrivateKey: !recoveryPhrase,
             isPromptForExport,
         });
@@ -152,7 +152,7 @@ const useEmbeddedReveal = () => {
             dynamicEvents.dynamicEvents.once('embeddedWalletRevealCompleted', (wallet) => resolve(wallet));
             dynamicEvents.dynamicEvents.once('embeddedWalletRevealFailed', (error) => reject(error));
         });
-    }), [primaryWallet, isTurnkeyWallet, setShowAuthFlow, setView, user]);
+    }), [primaryWallet, isTurnkeyWallet, setShowAuthFlow, pushView, user]);
     return {
         initExportProcess,
     };

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

@@ -96,7 +96,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const useEmbeddedReveal = () => {
     const { primaryWallet, projectSettings, user, setShowAuthFlow } = useInternalDynamicContext();
     const { userHasEmbeddedWallet } = useEmbeddedWallet();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { isTurnkeyWallet } = useIsTurnkeyWallet();
     const turnkeyChecks = ({ user, recoveryPhrase, }) => {
         var _a, _b;
@@ -140,7 +140,7 @@ const useEmbeddedReveal = () => {
             ignoreIfIsEmbeddedWidget: false,
             performMultiWalletChecks: false,
         });
-        setView('embedded-reveal-view', {
+        pushView('embedded-reveal-view', {
             exportPrivateKey: !recoveryPhrase,
             isPromptForExport,
         });
@@ -148,7 +148,7 @@ const useEmbeddedReveal = () => {
             dynamicEvents.once('embeddedWalletRevealCompleted', (wallet) => resolve(wallet));
             dynamicEvents.once('embeddedWalletRevealFailed', (error) => reject(error));
         });
-    }), [primaryWallet, isTurnkeyWallet, setShowAuthFlow, setView, user]);
+    }), [primaryWallet, isTurnkeyWallet, setShowAuthFlow, pushView, user]);
     return {
         initExportProcess,
     };

package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useTurnkey/useTurnkey.cjs

@@ -105,7 +105,7 @@ var useInternalDynamicContext = require('../../../../../context/DynamicContext/u
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useTurnkey = () => {
     const { projectSettings, walletConnectorOptions, setShowAuthFlow, environmentId, user, primaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation.useCreateDynamicEmbeddedWalletMutation();
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
     const startHeadlessEmbeddedWalletCreationFlow = React.useCallback((chains, options) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -141,7 +141,7 @@ const useTurnkey = () => {
             ignoreIfIsEmbeddedWidget: false,
             performMultiWalletChecks: false,
         });
-        setView('passkey-intro', { chains });
+        pushView('passkey-intro', { chains });
         return new Promise((resolve, reject) => {
             dynamicEvents.dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
             dynamicEvents.dynamicEvents.once('embeddedWalletFailed', (error) => {
@@ -156,7 +156,7 @@ const useTurnkey = () => {
                 reject(error);
             });
         });
-    }), [setShowAuthFlow, setView]);
+    }), [setShowAuthFlow, pushView]);
     const returnEmbeddedWallet = React.useCallback((embeddedWalletVerifiedCredential) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a, _b;
         const { chain } = embeddedWalletVerifiedCredential;

package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useTurnkey/useTurnkey.js

@@ -101,7 +101,7 @@ import { useInternalDynamicContext } from '../../../../../context/DynamicContext
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useTurnkey = () => {
     const { projectSettings, walletConnectorOptions, setShowAuthFlow, environmentId, user, primaryWallet, } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation();
     const { getEOAWallet } = useSmartWallets();
     const startHeadlessEmbeddedWalletCreationFlow = useCallback((chains, options) => __awaiter(void 0, void 0, void 0, function* () {
@@ -137,7 +137,7 @@ const useTurnkey = () => {
             ignoreIfIsEmbeddedWidget: false,
             performMultiWalletChecks: false,
         });
-        setView('passkey-intro', { chains });
+        pushView('passkey-intro', { chains });
         return new Promise((resolve, reject) => {
             dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
             dynamicEvents.once('embeddedWalletFailed', (error) => {
@@ -152,7 +152,7 @@ const useTurnkey = () => {
                 reject(error);
             });
         });
-    }), [setShowAuthFlow, setView]);
+    }), [setShowAuthFlow, pushView]);
     const returnEmbeddedWallet = useCallback((embeddedWalletVerifiedCredential) => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b;
         const { chain } = embeddedWalletVerifiedCredential;

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

@@ -95,7 +95,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const useEmbeddedWalletAuthenticator = () => {
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery.usePasskeyRecovery();
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const createOrRefreshAuthenticatorSession = (authenticatorType) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         // user has passkey authenticator set up OR active session
         // there is no need to create or refresh the authenticator
@@ -105,7 +105,7 @@ const useEmbeddedWalletAuthenticator = () => {
         return initPasskeyRecoveryProcess(authenticatorType);
     });
     const addEmbeddedWalletRecoveryEmail = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        setView('passkey-recovery-add-email');
+        pushView('passkey-recovery-add-email');
         setShowAuthFlow(true);
     });
     return {

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

@@ -91,7 +91,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const useEmbeddedWalletAuthenticator = () => {
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery();
     const { setShowAuthFlow } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const createOrRefreshAuthenticatorSession = (authenticatorType) => __awaiter(void 0, void 0, void 0, function* () {
         // user has passkey authenticator set up OR active session
         // there is no need to create or refresh the authenticator
@@ -101,7 +101,7 @@ const useEmbeddedWalletAuthenticator = () => {
         return initPasskeyRecoveryProcess(authenticatorType);
     });
     const addEmbeddedWalletRecoveryEmail = () => __awaiter(void 0, void 0, void 0, function* () {
-        setView('passkey-recovery-add-email');
+        pushView('passkey-recovery-add-email');
         setShowAuthFlow(true);
     });
     return {

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

@@ -94,14 +94,14 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 
 const useEmbeddedWalletPassword = () => {
     const { primaryWallet, setShowAuthFlow, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const createPassword = React.useCallback((isClaim, isSignUp) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setShowAuthFlow(true, { ignoreIfIsEmbeddedWidget: false });
         if (isClaim) {
-            setView('wallet-claim-intro');
+            pushView('wallet-claim-intro');
         }
         else {
-            setView('create-password-view', {
+            pushView('create-password-view', {
                 isSignUp,
                 notCalledFromWalletUtils: true,
             });
@@ -110,7 +110,7 @@ const useEmbeddedWalletPassword = () => {
             dynamicEvents.dynamicEvents.once('embeddedWalletCreatePasswordCompleted', (password) => resolve(password));
             dynamicEvents.dynamicEvents.once('embeddedWalletCreatePasswordFailed', (error) => reject(error));
         });
-    }), [setShowAuthFlow, setView]);
+    }), [setShowAuthFlow, pushView]);
     const claimWallet = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         try {
             if (!primaryWallet) {

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

@@ -90,14 +90,14 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 
 const useEmbeddedWalletPassword = () => {
     const { primaryWallet, setShowAuthFlow, environmentId } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const createPassword = useCallback((isClaim, isSignUp) => __awaiter(void 0, void 0, void 0, function* () {
         setShowAuthFlow(true, { ignoreIfIsEmbeddedWidget: false });
         if (isClaim) {
-            setView('wallet-claim-intro');
+            pushView('wallet-claim-intro');
         }
         else {
-            setView('create-password-view', {
+            pushView('create-password-view', {
                 isSignUp,
                 notCalledFromWalletUtils: true,
             });
@@ -106,7 +106,7 @@ const useEmbeddedWalletPassword = () => {
             dynamicEvents.once('embeddedWalletCreatePasswordCompleted', (password) => resolve(password));
             dynamicEvents.once('embeddedWalletCreatePasswordFailed', (error) => reject(error));
         });
-    }), [setShowAuthFlow, setView]);
+    }), [setShowAuthFlow, pushView]);
     const claimWallet = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         try {
             if (!primaryWallet) {

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

@@ -99,7 +99,7 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useD
 
 const useConnectWalletForFunding = ({ externalWalletFundingEnabled, }) => {
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { clearStackAndPush } = ViewContext.useViewContext();
     const { walletOptions } = useWalletOptions.useWalletOptions();
     const internalConnectionPromiseRef = React.useRef(null);
     const connectWalletPromiseRef = React.useRef(null);
@@ -137,7 +137,7 @@ const useConnectWalletForFunding = ({ externalWalletFundingEnabled, }) => {
             return connectWalletPromiseRef.current.promise;
         }
         connectWalletPromiseRef.current = new utils.DeferredPromise();
-        setView('external-funding-wallet-list', {
+        clearStackAndPush('external-funding-wallet-list', {
             onSelectWallet: (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ walletConnector }) {
                 if (!connectWalletPromiseRef.current)
                     return;
@@ -178,7 +178,7 @@ const useConnectWalletForFunding = ({ externalWalletFundingEnabled, }) => {
         return connectWalletPromiseRef.current.promise;
     }, [
         externalWalletFundingEnabled,
-        setView,
+        clearStackAndPush,
         primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain,
         setShowAuthFlow,
         getWalletAddress,

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

@@ -95,7 +95,7 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 
 const useConnectWalletForFunding = ({ externalWalletFundingEnabled, }) => {
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { clearStackAndPush } = useViewContext();
     const { walletOptions } = useWalletOptions();
     const internalConnectionPromiseRef = useRef(null);
     const connectWalletPromiseRef = useRef(null);
@@ -133,7 +133,7 @@ const useConnectWalletForFunding = ({ externalWalletFundingEnabled, }) => {
             return connectWalletPromiseRef.current.promise;
         }
         connectWalletPromiseRef.current = new DeferredPromise();
-        setView('external-funding-wallet-list', {
+        clearStackAndPush('external-funding-wallet-list', {
             onSelectWallet: (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector }) {
                 if (!connectWalletPromiseRef.current)
                     return;
@@ -174,7 +174,7 @@ const useConnectWalletForFunding = ({ externalWalletFundingEnabled, }) => {
         return connectWalletPromiseRef.current.promise;
     }, [
         externalWalletFundingEnabled,
-        setView,
+        clearStackAndPush,
         primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain,
         setShowAuthFlow,
         getWalletAddress,

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

@@ -93,7 +93,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 
 const useHandleWalletsToConnect = () => {
     const { bridgeChains, bridgeChainsToConnect, setShowAuthFlow, bridgeOnboardingCompleted, setBridgeOnboardingCompleted, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView, goToInitialView } = ViewContext.useViewContext();
+    const { pushView, clearStackAndPushInitialView } = ViewContext.useViewContext();
     const handleWalletsToConnect = ({ walletConnector, }) => {
         if (!bridgeChains) {
             setShowAuthFlow(false);
@@ -107,26 +107,26 @@ const useHandleWalletsToConnect = () => {
         // Avoid showing wallet-list when wallet updates network to the correct one in run time (bridge mode)
         if (bridgeChainsToConnect.length === 0) {
             setShowAuthFlow(false);
-            return goToInitialView();
+            return clearStackAndPushInitialView();
         }
         if (!walletConnector || !walletConnector.connectedChain) {
             setShowAuthFlow(false);
-            return goToInitialView();
+            return clearStackAndPushInitialView();
         }
         const restOfWallets = bridgeChainsToConnect.filter((wallet) => wallet.chain !== (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain));
         const allWalletsConnected = restOfWallets.length === 0;
         if (allWalletsConnected) {
             if (!bridgeOnboardingCompleted) {
                 setBridgeOnboardingCompleted(true);
-                setView('bridge-summary');
+                pushView('bridge-summary');
             }
             else {
                 setShowAuthFlow(false);
-                goToInitialView();
+                clearStackAndPushInitialView();
             }
             return;
         }
-        setView('bridge-next-wallet-connection');
+        pushView('bridge-next-wallet-connection');
     };
     return { handleWalletsToConnect };
 };

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

@@ -89,7 +89,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 
 const useHandleWalletsToConnect = () => {
     const { bridgeChains, bridgeChainsToConnect, setShowAuthFlow, bridgeOnboardingCompleted, setBridgeOnboardingCompleted, } = useInternalDynamicContext();
-    const { setView, goToInitialView } = useViewContext();
+    const { pushView, clearStackAndPushInitialView } = useViewContext();
     const handleWalletsToConnect = ({ walletConnector, }) => {
         if (!bridgeChains) {
             setShowAuthFlow(false);
@@ -103,26 +103,26 @@ const useHandleWalletsToConnect = () => {
         // Avoid showing wallet-list when wallet updates network to the correct one in run time (bridge mode)
         if (bridgeChainsToConnect.length === 0) {
             setShowAuthFlow(false);
-            return goToInitialView();
+            return clearStackAndPushInitialView();
         }
         if (!walletConnector || !walletConnector.connectedChain) {
             setShowAuthFlow(false);
-            return goToInitialView();
+            return clearStackAndPushInitialView();
         }
         const restOfWallets = bridgeChainsToConnect.filter((wallet) => wallet.chain !== (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain));
         const allWalletsConnected = restOfWallets.length === 0;
         if (allWalletsConnected) {
             if (!bridgeOnboardingCompleted) {
                 setBridgeOnboardingCompleted(true);
-                setView('bridge-summary');
+                pushView('bridge-summary');
             }
             else {
                 setShowAuthFlow(false);
-                goToInitialView();
+                clearStackAndPushInitialView();
             }
             return;
         }
-        setView('bridge-next-wallet-connection');
+        pushView('bridge-next-wallet-connection');
     };
     return { handleWalletsToConnect };
 };

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

@@ -97,7 +97,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 // This hook needs to be async that's why it's not using useMutation
 const useInitEmbeddedWalletAuthMethod = () => {
     const { primaryWallet, environmentId, user, projectSettings, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const [isLoading, setIsLoading] = React.useState(false);
     const [error, setError] = React.useState();
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
@@ -125,7 +125,7 @@ const useInitEmbeddedWalletAuthMethod = () => {
                 wallet: wallet,
             });
             if (showEmailBundle) {
-                setView('passkey-recovery-bundle', {
+                pushView('passkey-recovery-bundle', {
                     authenticatorType,
                     currentAction,
                 });

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

@@ -93,7 +93,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 // This hook needs to be async that's why it's not using useMutation
 const useInitEmbeddedWalletAuthMethod = () => {
     const { primaryWallet, environmentId, user, projectSettings, setShowAuthFlow, } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState();
     const { getEOAWallet } = useSmartWallets();
@@ -121,7 +121,7 @@ const useInitEmbeddedWalletAuthMethod = () => {
                 wallet: wallet,
             });
             if (showEmailBundle) {
-                setView('passkey-recovery-bundle', {
+                pushView('passkey-recovery-bundle', {
                     authenticatorType,
                     currentAction,
                 });

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

@@ -94,49 +94,49 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const useMfaModals = () => {
     var _a;
     const { setShowAuthFlow, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const isMfaEnabled = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.mfa) === null || _a === void 0 ? void 0 : _a.enabled;
     const setShowMfaChooseType = React.useCallback((value) => {
         if (value) {
             if (!isMfaEnabled)
                 return;
-            setView('mfa-choose-device');
+            pushView('mfa-choose-device');
         }
         setShowAuthFlow(value, { emitCancelAuth: true });
-    }, [isMfaEnabled, setShowAuthFlow, setView]);
+    }, [isMfaEnabled, setShowAuthFlow, pushView]);
     const setShowMfaQRCode = React.useCallback((value) => {
         if (value) {
             if (!isMfaEnabled)
                 return;
             // If MFA is enabled, show the MFA setup view and set it as the initial setup
-            setView('mfa-secure-device', { isInitialSetup: true });
+            pushView('mfa-secure-device', { isInitialSetup: true });
         }
         setShowAuthFlow(value, { emitCancelAuth: true });
-    }, [isMfaEnabled, setShowAuthFlow, setView]);
+    }, [isMfaEnabled, setShowAuthFlow, pushView]);
     const setShowOTPVerification = React.useCallback((value) => {
         if (value) {
             if (!isMfaEnabled)
                 return;
-            setView('mfa-verification');
+            pushView('mfa-verification');
         }
         setShowAuthFlow(value, { emitCancelAuth: true });
-    }, [isMfaEnabled, setShowAuthFlow, setView]);
+    }, [isMfaEnabled, setShowAuthFlow, pushView]);
     const setShowMfaViewBackupCodes = React.useCallback((value) => {
         if (value) {
             if (!isMfaEnabled)
                 return;
-            setView('mfa-display-backup-codes');
+            pushView('mfa-display-backup-codes');
         }
         setShowAuthFlow(value, { emitCancelAuth: true });
-    }, [isMfaEnabled, setShowAuthFlow, setView]);
+    }, [isMfaEnabled, setShowAuthFlow, pushView]);
     const setShowMfaEnterBackupCodes = React.useCallback((value) => {
         if (value) {
             if (!isMfaEnabled)
                 return;
-            setView('mfa-recovery');
+            pushView('mfa-recovery');
         }
         setShowAuthFlow(value, { emitCancelAuth: true });
-    }, [isMfaEnabled, setShowAuthFlow, setView]);
+    }, [isMfaEnabled, setShowAuthFlow, pushView]);
     return {
         setShowMfaChooseType,
         setShowMfaEnterBackupCodes,

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

@@ -90,49 +90,49 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const useMfaModals = () => {
     var _a;
     const { setShowAuthFlow, projectSettings } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const isMfaEnabled = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.mfa) === null || _a === void 0 ? void 0 : _a.enabled;
     const setShowMfaChooseType = useCallback((value) => {
         if (value) {
             if (!isMfaEnabled)
                 return;
-            setView('mfa-choose-device');
+            pushView('mfa-choose-device');
         }
         setShowAuthFlow(value, { emitCancelAuth: true });
-    }, [isMfaEnabled, setShowAuthFlow, setView]);
+    }, [isMfaEnabled, setShowAuthFlow, pushView]);
     const setShowMfaQRCode = useCallback((value) => {
         if (value) {
             if (!isMfaEnabled)
                 return;
             // If MFA is enabled, show the MFA setup view and set it as the initial setup
-            setView('mfa-secure-device', { isInitialSetup: true });
+            pushView('mfa-secure-device', { isInitialSetup: true });
         }
         setShowAuthFlow(value, { emitCancelAuth: true });
-    }, [isMfaEnabled, setShowAuthFlow, setView]);
+    }, [isMfaEnabled, setShowAuthFlow, pushView]);
     const setShowOTPVerification = useCallback((value) => {
         if (value) {
             if (!isMfaEnabled)
                 return;
-            setView('mfa-verification');
+            pushView('mfa-verification');
         }
         setShowAuthFlow(value, { emitCancelAuth: true });
-    }, [isMfaEnabled, setShowAuthFlow, setView]);
+    }, [isMfaEnabled, setShowAuthFlow, pushView]);
     const setShowMfaViewBackupCodes = useCallback((value) => {
         if (value) {
             if (!isMfaEnabled)
                 return;
-            setView('mfa-display-backup-codes');
+            pushView('mfa-display-backup-codes');
         }
         setShowAuthFlow(value, { emitCancelAuth: true });
-    }, [isMfaEnabled, setShowAuthFlow, setView]);
+    }, [isMfaEnabled, setShowAuthFlow, pushView]);
     const setShowMfaEnterBackupCodes = useCallback((value) => {
         if (value) {
             if (!isMfaEnabled)
                 return;
-            setView('mfa-recovery');
+            pushView('mfa-recovery');
         }
         setShowAuthFlow(value, { emitCancelAuth: true });
-    }, [isMfaEnabled, setShowAuthFlow, setView]);
+    }, [isMfaEnabled, setShowAuthFlow, pushView]);
     return {
         setShowMfaChooseType,
         setShowMfaEnterBackupCodes,

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

@@ -113,7 +113,7 @@ const usePasskeyRecovery = () => {
     const { initAuthMethod } = useInitEmbeddedWalletAuthMethod.useInitEmbeddedWalletAuthMethod();
     const { setDisplayedDestination: setEmailForVerification, setVerificationUUID, } = VerificationContext.useVerification();
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const wallet = (_a = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _a !== void 0 ? _a : primaryWallet;
     const isSessionRestored = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _d, _e;
@@ -190,7 +190,7 @@ const usePasskeyRecovery = () => {
             ? Object.keys(supportedAuthenticators)
             : [];
         if (!hasRecoveryEmail) {
-            setView('passkey-recovery-add-email', { shouldInitRecovery: true });
+            pushView('passkey-recovery-add-email', { shouldInitRecovery: true });
             setShowAuthFlow(true, {
                 ignoreIfIsEmbeddedWidget: false,
                 performMultiWalletChecks: false,
@@ -198,9 +198,7 @@ const usePasskeyRecovery = () => {
         }
         else if (!authenticatorType &&
             supportedAuthenticatorMethods.length > 1) {
-            setView('embedded-wallet-auth-choice', {
-                currentAction,
-            });
+            pushView('embedded-wallet-auth-choice', { currentAction });
             setShowAuthFlow(true, {
                 ignoreIfIsEmbeddedWidget: false,
                 performMultiWalletChecks: false,
@@ -232,7 +230,7 @@ const usePasskeyRecovery = () => {
         environmentId,
         user$1,
         setShowAuthFlow,
-        setView,
+        pushView,
         initAuthMethod,
         iframeContainerRef,
     ]);
@@ -264,7 +262,7 @@ const usePasskeyRecovery = () => {
             if (nextView === sdkApiCore.NextViewEnum.Done) {
                 return userProfile;
             }
-            setView('verify-email', { isEmailRecoveryFlow: true });
+            pushView('verify-email', { isEmailRecoveryFlow: true });
             setEmailForVerification(emailInput);
             setVerificationUUID(emailVerification === null || emailVerification === void 0 ? void 0 : emailVerification.verificationUUID);
             return new Promise((resolve, reject) => {