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

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+### [4.4.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.4.2...v4.4.3) (2025-01-30)
+
+
+### Bug Fixes
+
+* remove extra useOnClickOutside hook ([#7910](https://github.com/dynamic-labs/dynamic-auth/issues/7910)) ([42fce2e](https://github.com/dynamic-labs/dynamic-auth/commit/42fce2e91e814514a72c97b3ea06930db805a200))
+
 ### [4.4.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.4.1...v4.4.2) (2025-01-30)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.4.2";
+var version = "4.4.3";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.599",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.4.2";
+var version = "4.4.3";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.599",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.4.2",
+  "version": "4.4.3",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.599",
     "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -13,16 +13,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/assert-package-version": "4.4.2",
-    "@dynamic-labs/iconic": "4.4.2",
-    "@dynamic-labs/logger": "4.4.2",
-    "@dynamic-labs/multi-wallet": "4.4.2",
-    "@dynamic-labs/rpc-providers": "4.4.2",
-    "@dynamic-labs/store": "4.4.2",
-    "@dynamic-labs/types": "4.4.2",
-    "@dynamic-labs/utils": "4.4.2",
-    "@dynamic-labs/wallet-book": "4.4.2",
-    "@dynamic-labs/wallet-connector-core": "4.4.2",
+    "@dynamic-labs/assert-package-version": "4.4.3",
+    "@dynamic-labs/iconic": "4.4.3",
+    "@dynamic-labs/logger": "4.4.3",
+    "@dynamic-labs/multi-wallet": "4.4.3",
+    "@dynamic-labs/rpc-providers": "4.4.3",
+    "@dynamic-labs/store": "4.4.3",
+    "@dynamic-labs/types": "4.4.3",
+    "@dynamic-labs/utils": "4.4.3",
+    "@dynamic-labs/wallet-book": "4.4.3",
+    "@dynamic-labs/wallet-connector-core": "4.4.3",
     "bs58": "5.0.0",
     "eventemitter3": "5.0.1"
   },

package/src/lib/Main.cjs

@@ -103,7 +103,7 @@ const viewsToDisableCloseOnOverlayClick = [
 ];
 const Main = () => {
     const { selectedWalletConnector, linkedWallets, projectSettings, setShowAuthFlow, showAuthFlow, walletConnectorOptions, clearStatesOnBackClick, user, disconnectWallet, authMode, connectedWallets, handleLogOut, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { view, goToInitialView } = ViewContext.useViewContext();
+    const { view, clearStackAndPushInitialView } = ViewContext.useViewContext();
     const { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     const { setSocialProvider } = SocialRedirectContext.useSocialRedirectContext();
@@ -167,8 +167,8 @@ const Main = () => {
     const handleOnPortalUnmount = React.useCallback(() => {
         // IMPORTANT: we need to reset the view because we reset state that the view depends on
         // so if the previous view renders when the user reopens the widget, it will crash
-        goToInitialView();
-    }, [goToInitialView]);
+        clearStackAndPushInitialView();
+    }, [clearStackAndPushInitialView]);
     useVerifyOnAwaitingSignature.useVerifyOnAwaitingSignature();
     const { handleAlreadyConnectedWallet, handleCustodialWalletClick, handleInstalledExtensionClick, handleMobileWalletClick, handleUninstalledClick, } = useWalletItemActions.useWalletItemActions();
     /* istanbul ignore next */

package/src/lib/Main.js

@@ -99,7 +99,7 @@ const viewsToDisableCloseOnOverlayClick = [
 ];
 const Main = () => {
     const { selectedWalletConnector, linkedWallets, projectSettings, setShowAuthFlow, showAuthFlow, walletConnectorOptions, clearStatesOnBackClick, user, disconnectWallet, authMode, connectedWallets, handleLogOut, } = useInternalDynamicContext();
-    const { view, goToInitialView } = useViewContext();
+    const { view, clearStackAndPushInitialView } = useViewContext();
     const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
     const { setExistentAccountData } = useAccountExistsContext();
     const { setSocialProvider } = useSocialRedirectContext();
@@ -163,8 +163,8 @@ const Main = () => {
     const handleOnPortalUnmount = useCallback(() => {
         // IMPORTANT: we need to reset the view because we reset state that the view depends on
         // so if the previous view renders when the user reopens the widget, it will crash
-        goToInitialView();
-    }, [goToInitialView]);
+        clearStackAndPushInitialView();
+    }, [clearStackAndPushInitialView]);
     useVerifyOnAwaitingSignature();
     const { handleAlreadyConnectedWallet, handleCustodialWalletClick, handleInstalledExtensionClick, handleMobileWalletClick, handleUninstalledClick, } = useWalletItemActions();
     /* istanbul ignore next */

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.cjs

@@ -11,7 +11,7 @@ require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
@@ -94,7 +94,6 @@ var useInternalDynamicContext = require('../../context/DynamicContext/useDynamic
 
 const DynamicConnectButton = ({ buttonContainerClassName = '', buttonClassName = '', children, copykey, }) => {
     const { projectSettings, setShowAuthFlow, setSelectedWalletConnectorKey } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
     const [didUserClick, setUserClicked] = React.useState(false);
     const handleOnClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!didUserClick) {
@@ -102,7 +101,7 @@ const DynamicConnectButton = ({ buttonContainerClassName = '', buttonClassName =
         }
         setSelectedWalletConnectorKey(null);
         setShowAuthFlow(true);
-    }), [didUserClick, setSelectedWalletConnectorKey, setShowAuthFlow, setView]);
+    }), [didUserClick, setSelectedWalletConnectorKey, setShowAuthFlow]);
     return (jsxRuntime.jsx(ConnectButton.ConnectButton, { isLoading: !projectSettings, isActive: didUserClick, onClick: handleOnClick, buttonContainerClassName: buttonContainerClassName, buttonClassName: buttonClassName, copykey: copykey, children: children }));
 };
 

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.js

@@ -7,7 +7,7 @@ import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
@@ -90,7 +90,6 @@ import { useInternalDynamicContext } from '../../context/DynamicContext/useDynam
 
 const DynamicConnectButton = ({ buttonContainerClassName = '', buttonClassName = '', children, copykey, }) => {
     const { projectSettings, setShowAuthFlow, setSelectedWalletConnectorKey } = useInternalDynamicContext();
-    const { setView } = useViewContext();
     const [didUserClick, setUserClicked] = useState(false);
     const handleOnClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         if (!didUserClick) {
@@ -98,7 +97,7 @@ const DynamicConnectButton = ({ buttonContainerClassName = '', buttonClassName =
         }
         setSelectedWalletConnectorKey(null);
         setShowAuthFlow(true);
-    }), [didUserClick, setSelectedWalletConnectorKey, setShowAuthFlow, setView]);
+    }), [didUserClick, setSelectedWalletConnectorKey, setShowAuthFlow]);
     return (jsx(ConnectButton, { isLoading: !projectSettings, isActive: didUserClick, onClick: handleOnClick, buttonContainerClassName: buttonContainerClassName, buttonClassName: buttonClassName, copykey: copykey, children: children }));
 };
 

package/src/lib/components/NeedHelpSection/NeedHelpSection.cjs

@@ -100,7 +100,7 @@ const NeedHelpSection = ({ isRecoveryFlow = false, isExport = false, }) => {
     var _a, _b, _c, _d, _e;
     const { projectSettings, user } = useInternalDynamicContext.useInternalDynamicContext();
     const { t } = reactI18next.useTranslation();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { initPasskeyRecoveryProcess } = usePasskeyRecovery.usePasskeyRecovery();
     const supportEmail = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportEmail;
     const supportUrls = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _b === void 0 ? void 0 : _b.supportUrls;
@@ -119,7 +119,7 @@ const NeedHelpSection = ({ isRecoveryFlow = false, isExport = false, }) => {
                     settings: isExport
                         ? {
                             goBack: () => {
-                                setView('embedded-reveal-view');
+                                pushView('embedded-reveal-view');
                             },
                         }
                         : undefined,

package/src/lib/components/NeedHelpSection/NeedHelpSection.js

@@ -96,7 +96,7 @@ const NeedHelpSection = ({ isRecoveryFlow = false, isExport = false, }) => {
     var _a, _b, _c, _d, _e;
     const { projectSettings, user } = useInternalDynamicContext();
     const { t } = useTranslation();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { initPasskeyRecoveryProcess } = usePasskeyRecovery();
     const supportEmail = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportEmail;
     const supportUrls = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _b === void 0 ? void 0 : _b.supportUrls;
@@ -115,7 +115,7 @@ const NeedHelpSection = ({ isRecoveryFlow = false, isExport = false, }) => {
                     settings: isExport
                         ? {
                             goBack: () => {
-                                setView('embedded-reveal-view');
+                                pushView('embedded-reveal-view');
                             },
                         }
                         : undefined,

package/src/lib/components/QrCodeWrapper/QrCodeContainer/QrCodeContainer.cjs

@@ -101,7 +101,7 @@ var LoadingQrCode = require('../../LoadingQrCode/LoadingQrCode.cjs');
 
 const QrCodeContainer = ({ accentColor, walletConnector, qrcodeValue, Icon: MainIcon, showCopyToClipboardButton = false, desktopUri, showQrCodeMessage, showQrCodeImage, }) => {
     const { t } = reactI18next.useTranslation();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const downloadLinks = useWalletDownloadLinks.useWalletDownloadLinks(walletConnector);
     const renderAppOrExtensionButton = () => {
         if (desktopUri) {
@@ -110,7 +110,7 @@ const QrCodeContainer = ({ accentColor, walletConnector, qrcodeValue, Icon: Main
                 jsxRuntime.jsx(Icon.Icon, { size: 'xsmall', color: 'text-tertiary', children: jsxRuntime.jsx(externalLink.ReactComponent, {}) }), children: t('dyn_qr_code.open_button') }));
         }
         if (downloadLinks === null || downloadLinks === void 0 ? void 0 : downloadLinks.length) {
-            return (jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, dataTestId: 'get-extension-button', buttonPadding: 'small', buttonVariant: 'primary', buttonClassName: 'qr-code-button', onClick: () => setView('no-qr-not-installed'), copykey: 'dyn_qr_code.get_extension_button', typographyProps: { variant: 'button_secondary' }, startSlot: 
+            return (jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, dataTestId: 'get-extension-button', buttonPadding: 'small', buttonVariant: 'primary', buttonClassName: 'qr-code-button', onClick: () => pushView('no-qr-not-installed'), copykey: 'dyn_qr_code.get_extension_button', typographyProps: { variant: 'button_secondary' }, startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
                 jsxRuntime.jsx(Icon.Icon, { size: 'xsmall', color: 'text-tertiary', children: jsxRuntime.jsx(externalLink.ReactComponent, {}) }), children: t('dyn_qr_code.get_extension_button') }));
         }

package/src/lib/components/QrCodeWrapper/QrCodeContainer/QrCodeContainer.js

@@ -97,7 +97,7 @@ import { LoadingQrCode } from '../../LoadingQrCode/LoadingQrCode.js';
 
 const QrCodeContainer = ({ accentColor, walletConnector, qrcodeValue, Icon: MainIcon, showCopyToClipboardButton = false, desktopUri, showQrCodeMessage, showQrCodeImage, }) => {
     const { t } = useTranslation();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const downloadLinks = useWalletDownloadLinks(walletConnector);
     const renderAppOrExtensionButton = () => {
         if (desktopUri) {
@@ -106,7 +106,7 @@ const QrCodeContainer = ({ accentColor, walletConnector, qrcodeValue, Icon: Main
                 jsx(Icon, { size: 'xsmall', color: 'text-tertiary', children: jsx(SvgExternalLink, {}) }), children: t('dyn_qr_code.open_button') }));
         }
         if (downloadLinks === null || downloadLinks === void 0 ? void 0 : downloadLinks.length) {
-            return (jsx(TypographyButton, { expanded: true, dataTestId: 'get-extension-button', buttonPadding: 'small', buttonVariant: 'primary', buttonClassName: 'qr-code-button', onClick: () => setView('no-qr-not-installed'), copykey: 'dyn_qr_code.get_extension_button', typographyProps: { variant: 'button_secondary' }, startSlot: 
+            return (jsx(TypographyButton, { expanded: true, dataTestId: 'get-extension-button', buttonPadding: 'small', buttonVariant: 'primary', buttonClassName: 'qr-code-button', onClick: () => pushView('no-qr-not-installed'), copykey: 'dyn_qr_code.get_extension_button', typographyProps: { variant: 'button_secondary' }, startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
                 jsx(Icon, { size: 'xsmall', color: 'text-tertiary', children: jsx(SvgExternalLink, {}) }), children: t('dyn_qr_code.get_extension_button') }));
         }

package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.cjs

@@ -115,7 +115,7 @@ const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBac
     const { t } = reactI18next.useTranslation();
     const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { userNeedsCrossDomainPasskey } = PasskeyContext.usePasskeyContext();
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery.usePasskeyRecovery();
     const { currency } = useFetchCurrency.useFetchCurrency(walletConnector);
@@ -128,7 +128,7 @@ const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBac
         userNeedsCrossDomainPasskey,
         usingSessionKey: usingSessionKeys.usingSessionKey,
         walletConnector,
-    }, { initPasskeyRecoveryProcess, shouldInitRecovery }, { setShowAuthFlow, setView });
+    }, { initPasskeyRecoveryProcess, shouldInitRecovery }, { pushView, setShowAuthFlow });
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close', disabled: isLoading, children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const backButton = onClickBack && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
     const gasFiatValue = fiatUtils.getGasFiatValue(currentToken, transaction, nativePrice);

package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.js

@@ -111,7 +111,7 @@ const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBac
     const { t } = useTranslation();
     const { isTurnkeyWallet } = useIsTurnkeyWallet();
     const { setShowAuthFlow } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { userNeedsCrossDomainPasskey } = usePasskeyContext();
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery();
     const { currency } = useFetchCurrency(walletConnector);
@@ -124,7 +124,7 @@ const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBac
         userNeedsCrossDomainPasskey,
         usingSessionKey,
         walletConnector,
-    }, { initPasskeyRecoveryProcess, shouldInitRecovery }, { setShowAuthFlow, setView });
+    }, { initPasskeyRecoveryProcess, shouldInitRecovery }, { pushView, setShowAuthFlow });
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close', disabled: isLoading, children: jsx(SvgClose, {}) }));
     const backButton = onClickBack && (jsx(IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsx(SvgArrowLeft, {}) }));
     const gasFiatValue = getGasFiatValue(currentToken, transaction, nativePrice);

package/src/lib/components/TransactionConfirmationPageLayout/utils.cjs

@@ -67,7 +67,7 @@ const useHandleRecovery = (walletConnector, usingSessionKey, onSuccess, shouldIn
 const useHandleSubmitWithChecks = (config, recoveryHandlers, viewHandlers) => (e) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const { walletConnector, usingSessionKey, onClickSend, isTurnkeyWallet, userNeedsCrossDomainPasskey, } = config;
     const { shouldInitRecovery, initPasskeyRecoveryProcess } = recoveryHandlers;
-    const { setView, setShowAuthFlow } = viewHandlers;
+    const { pushView, setShowAuthFlow } = viewHandlers;
     if (walletConnector && usingSessionKey(walletConnector)) {
         onClickSend(e);
         return;
@@ -78,7 +78,7 @@ const useHandleSubmitWithChecks = (config, recoveryHandlers, viewHandlers) => (e
         });
     }
     if (isTurnkeyWallet && userNeedsCrossDomainPasskey) {
-        setView('passkey-new-domain-detected');
+        pushView('passkey-new-domain-detected');
         setShowAuthFlow(true, {
             ignoreIfIsEmbeddedWidget: false,
             performMultiWalletChecks: false,

package/src/lib/components/TransactionConfirmationPageLayout/utils.d.ts

@@ -20,7 +20,7 @@ interface RecoveryHandlers {
     initPasskeyRecoveryProcess: (authenticatorType?: AuthenticatorType, currentAction?: EmbeddedWalletCurrentAction) => Promise<Wallet>;
 }
 interface ViewHandlers {
-    setView: (view: ViewType) => void;
+    pushView: (view: ViewType) => void;
     setShowAuthFlow: (show: boolean, options: AuthFlowOptions) => void;
 }
 export declare const useCurrencySymbol: (currentToken: TokenBalance | undefined, currency: string | undefined) => string | undefined;

package/src/lib/components/TransactionConfirmationPageLayout/utils.js

@@ -63,7 +63,7 @@ const useHandleRecovery = (walletConnector, usingSessionKey, onSuccess, shouldIn
 const useHandleSubmitWithChecks = (config, recoveryHandlers, viewHandlers) => (e) => __awaiter(void 0, void 0, void 0, function* () {
     const { walletConnector, usingSessionKey, onClickSend, isTurnkeyWallet, userNeedsCrossDomainPasskey, } = config;
     const { shouldInitRecovery, initPasskeyRecoveryProcess } = recoveryHandlers;
-    const { setView, setShowAuthFlow } = viewHandlers;
+    const { pushView, setShowAuthFlow } = viewHandlers;
     if (walletConnector && usingSessionKey(walletConnector)) {
         onClickSend(e);
         return;
@@ -74,7 +74,7 @@ const useHandleSubmitWithChecks = (config, recoveryHandlers, viewHandlers) => (e
         });
     }
     if (isTurnkeyWallet && userNeedsCrossDomainPasskey) {
-        setView('passkey-new-domain-detected');
+        pushView('passkey-new-domain-detected');
         setShowAuthFlow(true, {
             ignoreIfIsEmbeddedWidget: false,
             performMultiWalletChecks: false,

package/src/lib/context/CaptchaContext/CaptchaContext.cjs

@@ -20,13 +20,13 @@ require('../../shared/consts/index.cjs');
 
 const CaptchaContext = React.createContext(undefined);
 const CaptchaContextProvider = ({ children, }) => {
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const [captchaToken, setCaptchaToken, removeCaptchaToken] = useLocalStorage.useLocalStorage(localStorage.CAPTCHA_TOKEN, undefined);
     const [captchaAuthState, setCaptchaAuthState] = React.useState();
     const engageCaptcha = React.useCallback(({ authMethod, onCaptchaSuccess, }) => {
         setCaptchaAuthState({ authMethod, onCaptchaSuccess });
-        setView('captcha');
-    }, [setView, setCaptchaAuthState]);
+        pushView('captcha');
+    }, [pushView, setCaptchaAuthState]);
     const getCaptchaToken = React.useCallback(() => {
         const token = captchaToken;
         removeCaptchaToken();

package/src/lib/context/CaptchaContext/CaptchaContext.js

@@ -16,13 +16,13 @@ import '../../shared/consts/index.js';
 
 const CaptchaContext = createContext(undefined);
 const CaptchaContextProvider = ({ children, }) => {
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const [captchaToken, setCaptchaToken, removeCaptchaToken] = useLocalStorage(CAPTCHA_TOKEN, undefined);
     const [captchaAuthState, setCaptchaAuthState] = useState();
     const engageCaptcha = useCallback(({ authMethod, onCaptchaSuccess, }) => {
         setCaptchaAuthState({ authMethod, onCaptchaSuccess });
-        setView('captcha');
-    }, [setView, setCaptchaAuthState]);
+        pushView('captcha');
+    }, [pushView, setCaptchaAuthState]);
     const getCaptchaToken = useCallback(() => {
         const token = captchaToken;
         removeCaptchaToken();

package/src/lib/context/MockContext/MockContext.cjs

@@ -93,10 +93,8 @@ const MockContextProvider = ({ children, view, customerTheme, dynamicLayoutClass
         clearStackAndPush: () => { },
         clearStackAndPushInitialView: () => { },
         goBack: () => { },
-        goToInitialView: () => { },
         pushView: () => { },
         replaceView: () => { },
-        setView: () => { },
         stack: [],
         view,
     };

package/src/lib/context/MockContext/MockContext.js

@@ -89,10 +89,8 @@ const MockContextProvider = ({ children, view, customerTheme, dynamicLayoutClass
         clearStackAndPush: () => { },
         clearStackAndPushInitialView: () => { },
         goBack: () => { },
-        goToInitialView: () => { },
         pushView: () => { },
         replaceView: () => { },
-        setView: () => { },
         stack: [],
         view,
     };

package/src/lib/context/PhantomRedirectContext/useResponseHandlers.cjs

@@ -97,7 +97,7 @@ require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 const useResponseHandlers = () => {
     const { walletConnectorOptions, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, connectWallet, setShowAuthFlow, setSelectedWalletConnectorKey, siweStatement, appName, user, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
     const { getCaptchaToken } = CaptchaContext.useCaptchaContext();
     const verifyWallet = useVerifyWallet.useVerifyWallet({
@@ -117,14 +117,14 @@ const useResponseHandlers = () => {
         yield phantomRedirectConnector.getSession();
         yield connectWallet(phantomRedirectConnector);
         setShowAuthFlow(true, { ignoreIfIsEmbeddedWidget: true });
-        setView('pending-signature');
+        pushView('pending-signature');
         setSelectedWalletConnectorKey('phantom');
     }), [
         connectWallet,
         phantomRedirectConnector,
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
-        setView,
+        pushView,
     ]);
     const completeWalletTransfer = useTransferWallet.useTransferWallet();
     const handleUserResponse = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -172,7 +172,7 @@ const useResponseHandlers = () => {
                 }
                 else if ((signatureState === null || signatureState === void 0 ? void 0 : signatureState.verificationType) === 'awaiting_verification' ||
                     !user) {
-                    setView('wallet-redirect-view');
+                    pushView('wallet-redirect-view');
                     yield verifyWallet({
                         captchaToken: getCaptchaToken(),
                         messageToSignOverride: message,
@@ -196,7 +196,7 @@ const useResponseHandlers = () => {
         appName,
         siweStatement,
         completeWalletTransfer,
-        setView,
+        pushView,
         verifyWallet,
         getCaptchaToken,
     ]);

package/src/lib/context/PhantomRedirectContext/useResponseHandlers.js

@@ -93,7 +93,7 @@ import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 const useResponseHandlers = () => {
     const { walletConnectorOptions, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, connectWallet, setShowAuthFlow, setSelectedWalletConnectorKey, siweStatement, appName, user, } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { setErrorMessage } = useErrorContext();
     const { getCaptchaToken } = useCaptchaContext();
     const verifyWallet = useVerifyWallet({
@@ -113,14 +113,14 @@ const useResponseHandlers = () => {
         yield phantomRedirectConnector.getSession();
         yield connectWallet(phantomRedirectConnector);
         setShowAuthFlow(true, { ignoreIfIsEmbeddedWidget: true });
-        setView('pending-signature');
+        pushView('pending-signature');
         setSelectedWalletConnectorKey('phantom');
     }), [
         connectWallet,
         phantomRedirectConnector,
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
-        setView,
+        pushView,
     ]);
     const completeWalletTransfer = useTransferWallet();
     const handleUserResponse = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
@@ -168,7 +168,7 @@ const useResponseHandlers = () => {
                 }
                 else if ((signatureState === null || signatureState === void 0 ? void 0 : signatureState.verificationType) === 'awaiting_verification' ||
                     !user) {
-                    setView('wallet-redirect-view');
+                    pushView('wallet-redirect-view');
                     yield verifyWallet({
                         captchaToken: getCaptchaToken(),
                         messageToSignOverride: message,
@@ -192,7 +192,7 @@ const useResponseHandlers = () => {
         appName,
         siweStatement,
         completeWalletTransfer,
-        setView,
+        pushView,
         verifyWallet,
         getCaptchaToken,
     ]);

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

@@ -100,7 +100,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
     var _a, _b, _c, _d;
     const { setShowAuthFlow, walletConnectorOptions, setSelectedWalletConnectorKey, walletUiUtils, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, secondaryWallets, sdkHasLoaded, user, connectWallet, primaryWallet, socialProvidersFilter = (providers) => providers, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
-    const { setView } = ViewContext.useViewContext();
+    const { clearStackAndPush, pushView } = ViewContext.useViewContext();
     const { getCaptchaToken } = CaptchaContext.useCaptchaContext();
     const verifyWallet = useVerifyWallet.useVerifyWallet({
         displaySiweStatement,
@@ -133,7 +133,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
         }
         else {
             setShowAuthFlow(true);
-            setView('wallet-list');
+            clearStackAndPush('wallet-list');
             setErrorMessage('-1');
         }
     }, [
@@ -141,16 +141,14 @@ const SocialRedirectContextProvider = ({ children, }) => {
         setErrorMessage,
         setShowAuthFlow,
         setShowDynamicUserProfile,
-        setView,
+        clearStackAndPush,
     ]);
     React.useEffect(() => {
         var _a, _b;
         if (!projectSettings || !socialWalletConnector || !sdkHasLoaded) {
-            // todo: we are competing with the useEffect in ViewContext.
-            // once that is cleaned up, we can remove this code
             const params = new URLSearchParams(window.location.search);
             if (params.has('magic_oauth_request_id')) {
-                setView('social-redirect-view');
+                clearStackAndPush('social-redirect-view');
                 setShowAuthFlow(true);
             }
             return;
@@ -167,7 +165,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
             const providerFromParams = params.get('provider');
             setSocialProvider(providerFromParams);
             setRedirectStatus('loading');
-            setView('social-redirect-view');
+            clearStackAndPush('social-redirect-view');
             setShowAuthFlow(true);
             if (!user) {
                 setSelectedWalletConnectorKey(socialWalletConnector.key);
@@ -213,7 +211,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
                     }
                     else {
                         yield socialWalletConnector.endSession();
-                        setView('social-wrong-account');
+                        pushView('social-wrong-account');
                     }
                 }
                 else {
@@ -253,7 +251,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowDynamicUserProfile,
-        setView,
+        pushView,
         socialWalletConnector,
         verifyWallet,
         walletUiUtils,
@@ -262,6 +260,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
         connectWallet,
         primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id,
         getCaptchaToken,
+        clearStackAndPush,
     ]);
     useRedirectSocialHandler.useRedirectSocialHandler({
         setSocialProvider,

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

@@ -96,7 +96,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
     var _a, _b, _c, _d;
     const { setShowAuthFlow, walletConnectorOptions, setSelectedWalletConnectorKey, walletUiUtils, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, secondaryWallets, sdkHasLoaded, user, connectWallet, primaryWallet, socialProvidersFilter = (providers) => providers, } = useInternalDynamicContext();
     const { setErrorMessage } = useErrorContext();
-    const { setView } = useViewContext();
+    const { clearStackAndPush, pushView } = useViewContext();
     const { getCaptchaToken } = useCaptchaContext();
     const verifyWallet = useVerifyWallet({
         displaySiweStatement,
@@ -129,7 +129,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
         }
         else {
             setShowAuthFlow(true);
-            setView('wallet-list');
+            clearStackAndPush('wallet-list');
             setErrorMessage('-1');
         }
     }, [
@@ -137,16 +137,14 @@ const SocialRedirectContextProvider = ({ children, }) => {
         setErrorMessage,
         setShowAuthFlow,
         setShowDynamicUserProfile,
-        setView,
+        clearStackAndPush,
     ]);
     useEffect(() => {
         var _a, _b;
         if (!projectSettings || !socialWalletConnector || !sdkHasLoaded) {
-            // todo: we are competing with the useEffect in ViewContext.
-            // once that is cleaned up, we can remove this code
             const params = new URLSearchParams(window.location.search);
             if (params.has('magic_oauth_request_id')) {
-                setView('social-redirect-view');
+                clearStackAndPush('social-redirect-view');
                 setShowAuthFlow(true);
             }
             return;
@@ -163,7 +161,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
             const providerFromParams = params.get('provider');
             setSocialProvider(providerFromParams);
             setRedirectStatus('loading');
-            setView('social-redirect-view');
+            clearStackAndPush('social-redirect-view');
             setShowAuthFlow(true);
             if (!user) {
                 setSelectedWalletConnectorKey(socialWalletConnector.key);
@@ -209,7 +207,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
                     }
                     else {
                         yield socialWalletConnector.endSession();
-                        setView('social-wrong-account');
+                        pushView('social-wrong-account');
                     }
                 }
                 else {
@@ -249,7 +247,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowDynamicUserProfile,
-        setView,
+        pushView,
         socialWalletConnector,
         verifyWallet,
         walletUiUtils,
@@ -258,6 +256,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
         connectWallet,
         primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id,
         getCaptchaToken,
+        clearStackAndPush,
     ]);
     useRedirectSocialHandler({
         setSocialProvider,