@dynamic-labs/sdk-react-core 0.17.4 → 0.17.5

package/CHANGELOG.md

@@ -1,4 +1,13 @@
 
+### [0.17.5](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.4...v0.17.5) (2023-06-15)
+
+
+### Bug Fixes
+
+* don't remove project settings from ls if there's a connected wallet ([#2335](https://github.com/dynamic-labs/DynamicAuth/issues/2335)) ([a4d3f0e](https://github.com/dynamic-labs/DynamicAuth/commit/a4d3f0ef8667d0a67d489b05a7a46e5b401ed1a6))
+* setting initial view when error in auth flow ([#2346](https://github.com/dynamic-labs/DynamicAuth/issues/2346)) ([35e0e47](https://github.com/dynamic-labs/DynamicAuth/commit/35e0e47a649f3a88f12126f539ec12167ce27486))
+* **widget:** add fallback icon when oauth provider does not exist ([#2351](https://github.com/dynamic-labs/DynamicAuth/issues/2351)) ([af9f64f](https://github.com/dynamic-labs/DynamicAuth/commit/af9f64f4f4a287fff666109e19d969b351016b62)), closes [#2349](https://github.com/dynamic-labs/DynamicAuth/issues/2349)
+
 ### [0.17.4](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.3...v0.17.4) (2023-06-14)
 
 ### [0.17.3](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.2...v0.17.3) (2023-06-14)

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.17.4";
+var version = "0.17.5";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.17.4";
+var version = "0.17.5";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.17.4",
+  "version": "0.17.5",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -16,13 +16,13 @@
     "formik": "2.2.9",
     "qrcode": "1.5.1",
     "ethers": "5.7.2",
-    "@dynamic-labs/logger": "0.17.4",
-    "@dynamic-labs/multi-wallet": "0.17.4",
-    "@dynamic-labs/rpc-providers": "0.17.4",
-    "@dynamic-labs/types": "0.17.4",
-    "@dynamic-labs/utils": "0.17.4",
-    "@dynamic-labs/wallet-book": "0.17.4",
-    "@dynamic-labs/wallet-connector-core": "0.17.4"
+    "@dynamic-labs/logger": "0.17.5",
+    "@dynamic-labs/multi-wallet": "0.17.5",
+    "@dynamic-labs/rpc-providers": "0.17.5",
+    "@dynamic-labs/types": "0.17.5",
+    "@dynamic-labs/utils": "0.17.5",
+    "@dynamic-labs/wallet-book": "0.17.5",
+    "@dynamic-labs/wallet-connector-core": "0.17.5"
   },
   "devDependencies": {
     "semver": "7.3.8"

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -7,7 +7,7 @@ var walletBook = require('@dynamic-labs/wallet-book');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var iconic = require('@dynamic-labs/iconic');
 require('@dynamic-labs/sdk-api');
-require('../../shared/logger.cjs');
+var logger = require('../../shared/logger.cjs');
 require('../../config/LSSuffix.cjs');
 require('../../context/ViewContext/ViewContext.cjs');
 require('react');
@@ -44,16 +44,25 @@ require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var useGetSocialIcon = require('../../utils/hooks/useGetSocialIcon/useGetSocialIcon.cjs');
 
 const getMagicEmailOrSocialIcon = ({ getSocialIcon, wallet, jwt, }) => {
-    let Icon = null;
     if (walletConnectorCore.isEmailOTPWalletConnector(wallet.connector)) {
-        Icon = iconic.SignInWithEmailIcon;
+        return iconic.SignInWithEmailIcon;
     }
     if (walletConnectorCore.isSocialWalletConnector(wallet.connector)) {
         const socialAccountDataForWallet = getReferencedAccount.getReferencedAccount(jwt, wallet.id);
-        const MagicSocialWalletIcon = getSocialIcon(socialAccountDataForWallet === null || socialAccountDataForWallet === void 0 ? void 0 : socialAccountDataForWallet.oauthProvider);
-        Icon = MagicSocialWalletIcon;
+        if (!socialAccountDataForWallet ||
+            !socialAccountDataForWallet.oauthProvider) {
+            return iconic.SignInWithEmailIcon;
+        }
+        const { oauthProvider } = socialAccountDataForWallet;
+        try {
+            const MagicSocialWalletIcon = getSocialIcon(oauthProvider);
+            return MagicSocialWalletIcon;
+        }
+        catch (err) {
+            logger.logger.error(err);
+        }
     }
-    return Icon;
+    return null;
 };
 const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
     const { primaryWallet, selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -3,7 +3,7 @@ import { WalletIcon } from '@dynamic-labs/wallet-book';
 import { isEmailOTPWalletConnector, isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
 import '@dynamic-labs/sdk-api';
-import '../../shared/logger.js';
+import { logger } from '../../shared/logger.js';
 import '../../config/LSSuffix.js';
 import '../../context/ViewContext/ViewContext.js';
 import 'react';
@@ -40,16 +40,25 @@ import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { useGetSocialIcon } from '../../utils/hooks/useGetSocialIcon/useGetSocialIcon.js';
 
 const getMagicEmailOrSocialIcon = ({ getSocialIcon, wallet, jwt, }) => {
-    let Icon = null;
     if (isEmailOTPWalletConnector(wallet.connector)) {
-        Icon = SignInWithEmailIcon;
+        return SignInWithEmailIcon;
     }
     if (isSocialWalletConnector(wallet.connector)) {
         const socialAccountDataForWallet = getReferencedAccount(jwt, wallet.id);
-        const MagicSocialWalletIcon = getSocialIcon(socialAccountDataForWallet === null || socialAccountDataForWallet === void 0 ? void 0 : socialAccountDataForWallet.oauthProvider);
-        Icon = MagicSocialWalletIcon;
+        if (!socialAccountDataForWallet ||
+            !socialAccountDataForWallet.oauthProvider) {
+            return SignInWithEmailIcon;
+        }
+        const { oauthProvider } = socialAccountDataForWallet;
+        try {
+            const MagicSocialWalletIcon = getSocialIcon(oauthProvider);
+            return MagicSocialWalletIcon;
+        }
+        catch (err) {
+            logger.error(err);
+        }
     }
-    return Icon;
+    return null;
 };
 const AuthProviderIcon = ({ jwt, iconSize = 64, showStatus, wallet, }) => {
     const { primaryWallet, selectedWalletConnector } = useInternalDynamicContext();

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

@@ -25,7 +25,7 @@ var useVerifyWallet = require('../../useVerifyWallet/useVerifyWallet.cjs');
 var CaptchaContext = require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 
 const useConnectAndSign = () => {
-    const { setView } = ViewContext.useViewContext();
+    const { setView, goToInitialView } = ViewContext.useViewContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
     const { captchaToken } = CaptchaContext.useCaptchaContext();
     const { authMode, connectWallet, consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, setShowAuthFlow, user, walletUiUtils, setCallback, } = useInternalDynamicContext.useInternalDynamicContext();
@@ -73,7 +73,7 @@ const useConnectAndSign = () => {
         }
         catch (err) {
             setErrorMessage((_b = err === null || err === void 0 ? void 0 : err.code) === null || _b === void 0 ? void 0 : _b.toString());
-            setView('wallet-list');
+            goToInitialView();
             return;
         }
     });

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

@@ -21,7 +21,7 @@ import { useVerifyWallet } from '../../useVerifyWallet/useVerifyWallet.js';
 import { useCaptchaContext } from '../../../../context/CaptchaContext/CaptchaContext.js';
 
 const useConnectAndSign = () => {
-    const { setView } = useViewContext();
+    const { setView, goToInitialView } = useViewContext();
     const { setErrorMessage } = useErrorContext();
     const { captchaToken } = useCaptchaContext();
     const { authMode, connectWallet, consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, setShowAuthFlow, user, walletUiUtils, setCallback, } = useInternalDynamicContext();
@@ -69,7 +69,7 @@ const useConnectAndSign = () => {
         }
         catch (err) {
             setErrorMessage((_b = err === null || err === void 0 ? void 0 : err.code) === null || _b === void 0 ? void 0 : _b.toString());
-            setView('wallet-list');
+            goToInitialView();
             return;
         }
     });

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

@@ -25,7 +25,7 @@ require('../../../../shared/consts/index.cjs');
 var CaptchaContext = require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 
 const useConnectAndSignSplitSteps = () => {
-    const { setView } = ViewContext.useViewContext();
+    const { setView, goToInitialView } = ViewContext.useViewContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
     const { captchaToken } = CaptchaContext.useCaptchaContext();
     const { connectWallet, consumeNonce, displayTermsOfService, projectSettings, environmentId, setIsSingleWalletAccount, setShowAuthFlow, user, authMode, setCallback, } = useInternalDynamicContext.useInternalDynamicContext();
@@ -60,7 +60,7 @@ const useConnectAndSignSplitSteps = () => {
         }
         catch (err) {
             setErrorMessage(err.toString());
-            setView('wallet-list');
+            goToInitialView();
             return;
         }
     });
@@ -77,7 +77,7 @@ const useConnectAndSignSplitSteps = () => {
         }
         catch (err) {
             setErrorMessage(err.toString());
-            setView('wallet-list');
+            goToInitialView();
             return;
         }
     });

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

@@ -21,7 +21,7 @@ import '../../../../shared/consts/index.js';
 import { useCaptchaContext } from '../../../../context/CaptchaContext/CaptchaContext.js';
 
 const useConnectAndSignSplitSteps = () => {
-    const { setView } = useViewContext();
+    const { setView, goToInitialView } = useViewContext();
     const { setErrorMessage } = useErrorContext();
     const { captchaToken } = useCaptchaContext();
     const { connectWallet, consumeNonce, displayTermsOfService, projectSettings, environmentId, setIsSingleWalletAccount, setShowAuthFlow, user, authMode, setCallback, } = useInternalDynamicContext();
@@ -56,7 +56,7 @@ const useConnectAndSignSplitSteps = () => {
         }
         catch (err) {
             setErrorMessage(err.toString());
-            setView('wallet-list');
+            goToInitialView();
             return;
         }
     });
@@ -73,7 +73,7 @@ const useConnectAndSignSplitSteps = () => {
         }
         catch (err) {
             setErrorMessage(err.toString());
-            setView('wallet-list');
+            goToInitialView();
             return;
         }
     });

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

@@ -22,12 +22,12 @@ require('@dynamic-labs/sdk-api');
 
 const useCreateUserProfileByJWTCallback = () => {
     const { setUser, handleLogOut } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { goToInitialView } = ViewContext.useViewContext();
     const createUserProfileByJWT = React.useCallback((jwt) => {
         const decodedJWT = decodeJwt.decodeJwt(jwt);
         if (!decodedJWT) {
             handleLogOut();
-            setView('wallet-list');
+            goToInitialView();
             return;
         }
         const userProfile = createUserProfile.createUserProfile(decodedJWT);

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

@@ -18,12 +18,12 @@ import '@dynamic-labs/sdk-api';
 
 const useCreateUserProfileByJWTCallback = () => {
     const { setUser, handleLogOut } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { goToInitialView } = useViewContext();
     const createUserProfileByJWT = useCallback((jwt) => {
         const decodedJWT = decodeJwt(jwt);
         if (!decodedJWT) {
             handleLogOut();
-            setView('wallet-list');
+            goToInitialView();
             return;
         }
         const userProfile = createUserProfile(decodedJWT);

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

@@ -7,6 +7,7 @@ var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
+var getFromLS = require('../../../shared/utils/functions/storage/getFromLS.cjs');
 require('../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -32,10 +33,11 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, })
         removeLsSettings();
     }
     React.useEffect(() => {
-        if (!authToken) {
+        const connectedWalletData = getFromLS.getFromLS(localStorage.CONNECTED_WALLET_CONNECTOR_DATA);
+        if (!authToken && !connectedWalletData) {
             removeLsSettings();
         }
-    }, [authToken]);
+    }, [authToken, removeLsSettings]);
     React.useEffect(() => {
         if (!lsSettingsExists &&
             !isLoading &&

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

@@ -3,12 +3,13 @@ import { DynamicError } from '@dynamic-labs/utils';
 import { fetchProjectSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
+import { getFromLS } from '../../../shared/utils/functions/storage/getFromLS.js';
 import '../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
-import { PROJECT_SETTINGS_STORAGE_KEY } from '../../constants/localStorage.js';
+import { PROJECT_SETTINGS_STORAGE_KEY, CONNECTED_WALLET_CONNECTOR_DATA } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
 import 'ethers';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
@@ -28,10 +29,11 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, })
         removeLsSettings();
     }
     useEffect(() => {
-        if (!authToken) {
+        const connectedWalletData = getFromLS(CONNECTED_WALLET_CONNECTOR_DATA);
+        if (!authToken && !connectedWalletData) {
             removeLsSettings();
         }
-    }, [authToken]);
+    }, [authToken, removeLsSettings]);
     useEffect(() => {
         if (!lsSettingsExists &&
             !isLoading &&

package/src/lib/views/EmailUpdate/EmailUpdate.cjs

@@ -49,7 +49,7 @@ const EmailUpdate = () => {
     const [updatedEmail, setUpdatedEmail] = React.useState('');
     const { setError, setErrorMessage } = ErrorContext.useErrorContext();
     const { loading, setLoading } = LoadingContext.useLoadingContext();
-    const { setView } = ViewContext.useViewContext();
+    const { setView, goToInitialView } = ViewContext.useViewContext();
     const { email, setEmail, setVerificationUUID } = EmailVerificationContext.useEmailVerificationContext();
     const { environmentId, handleLogOut, onboardingOnlyJwt } = useInternalDynamicContext.useInternalDynamicContext();
     const handleBackClick = () => {
@@ -65,7 +65,7 @@ const EmailUpdate = () => {
             const { emailVerification } = yield api.updateUserProfileFields(onboardingOnlyJwt, environmentId, { email: updatedEmail });
             if (!emailVerification) {
                 yield handleLogOut();
-                setView('wallet-list');
+                goToInitialView();
                 return;
             }
             setError(undefined);

package/src/lib/views/EmailUpdate/EmailUpdate.js

@@ -45,7 +45,7 @@ const EmailUpdate = () => {
     const [updatedEmail, setUpdatedEmail] = useState('');
     const { setError, setErrorMessage } = useErrorContext();
     const { loading, setLoading } = useLoadingContext();
-    const { setView } = useViewContext();
+    const { setView, goToInitialView } = useViewContext();
     const { email, setEmail, setVerificationUUID } = useEmailVerificationContext();
     const { environmentId, handleLogOut, onboardingOnlyJwt } = useInternalDynamicContext();
     const handleBackClick = () => {
@@ -61,7 +61,7 @@ const EmailUpdate = () => {
             const { emailVerification } = yield updateUserProfileFields(onboardingOnlyJwt, environmentId, { email: updatedEmail });
             if (!emailVerification) {
                 yield handleLogOut();
-                setView('wallet-list');
+                goToInitialView();
                 return;
             }
             setError(undefined);

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -76,7 +76,7 @@ const EmailVerification = () => {
         setLoading(true);
         if (!verificationUUID || (!authToken && !onboardingOnlyJwt)) {
             yield handleLogOut();
-            setView('wallet-list');
+            goToInitialView();
             return;
         }
         try {
@@ -104,7 +104,7 @@ const EmailVerification = () => {
         authToken,
         onboardingOnlyJwt,
         handleLogOut,
-        setView,
+        goToInitialView,
         verifyEmail,
         setShowAuthFlow,
         setOnboardingOnlyJwt,
@@ -116,7 +116,7 @@ const EmailVerification = () => {
         setLoading(true);
         if (!verificationUUID) {
             yield handleLogOut();
-            setView('wallet-list');
+            goToInitialView();
             return;
         }
         try {
@@ -127,7 +127,7 @@ const EmailVerification = () => {
             });
             if (!jwt) {
                 yield handleLogOut();
-                setView('wallet-list');
+                goToInitialView();
                 return;
             }
             const decodedJwt = decodeJwt.decodeJwt(jwt);
@@ -160,10 +160,11 @@ const EmailVerification = () => {
         setLoading,
         verificationUUID,
         handleLogOut,
-        setView,
+        goToInitialView,
         environmentId,
         setCallback,
         setOnboardingOnlyJwt,
+        setView,
         createUserProfileByJWT,
         setShowAuthFlow,
         setErrorMessage,

package/src/lib/views/EmailVerification/EmailVerification.js

@@ -72,7 +72,7 @@ const EmailVerification = () => {
         setLoading(true);
         if (!verificationUUID || (!authToken && !onboardingOnlyJwt)) {
             yield handleLogOut();
-            setView('wallet-list');
+            goToInitialView();
             return;
         }
         try {
@@ -100,7 +100,7 @@ const EmailVerification = () => {
         authToken,
         onboardingOnlyJwt,
         handleLogOut,
-        setView,
+        goToInitialView,
         verifyEmail,
         setShowAuthFlow,
         setOnboardingOnlyJwt,
@@ -112,7 +112,7 @@ const EmailVerification = () => {
         setLoading(true);
         if (!verificationUUID) {
             yield handleLogOut();
-            setView('wallet-list');
+            goToInitialView();
             return;
         }
         try {
@@ -123,7 +123,7 @@ const EmailVerification = () => {
             });
             if (!jwt) {
                 yield handleLogOut();
-                setView('wallet-list');
+                goToInitialView();
                 return;
             }
             const decodedJwt = decodeJwt(jwt);
@@ -156,10 +156,11 @@ const EmailVerification = () => {
         setLoading,
         verificationUUID,
         handleLogOut,
-        setView,
+        goToInitialView,
         environmentId,
         setCallback,
         setOnboardingOnlyJwt,
+        setView,
         createUserProfileByJWT,
         setShowAuthFlow,
         setErrorMessage,

package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.cjs

@@ -45,7 +45,7 @@ require('formik');
 require('yup');
 
 const WalletSignSpinnerView = () => {
-    const { setView } = ViewContext.useViewContext();
+    const { goToInitialView } = ViewContext.useViewContext();
     const { setMultiWalletWidgetState, setSelectedWalletConnector, selectedWalletConnector: walletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
     if (!walletConnector) {
         return null;
@@ -53,7 +53,7 @@ const WalletSignSpinnerView = () => {
     const { name } = walletConnector;
     const iconSize = 80;
     const handleClose = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        setView('wallet-list');
+        goToInitialView();
         setMultiWalletWidgetState('idle');
         setSelectedWalletConnector(null);
         yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession());

package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.js

@@ -41,7 +41,7 @@ import 'formik';
 import 'yup';
 
 const WalletSignSpinnerView = () => {
-    const { setView } = useViewContext();
+    const { goToInitialView } = useViewContext();
     const { setMultiWalletWidgetState, setSelectedWalletConnector, selectedWalletConnector: walletConnector, } = useInternalDynamicContext();
     if (!walletConnector) {
         return null;
@@ -49,7 +49,7 @@ const WalletSignSpinnerView = () => {
     const { name } = walletConnector;
     const iconSize = 80;
     const handleClose = () => __awaiter(void 0, void 0, void 0, function* () {
-        setView('wallet-list');
+        goToInitialView();
         setMultiWalletWidgetState('idle');
         setSelectedWalletConnector(null);
         yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession());

package/src/lib/views/WalletUsedView/WalletUsedView.cjs

@@ -56,7 +56,7 @@ const WalletUsedView = () => {
     const [walletAddress, setWalletAddress] = React.useState(undefined);
     const { setErrorMessage } = ErrorContext.useErrorContext();
     const { loading, setLoading } = LoadingContext.useLoadingContext();
-    const { setView } = ViewContext.useViewContext();
+    const { setView, goToInitialView } = ViewContext.useViewContext();
     const { environmentId, displayTermsOfService, authToken, setCallback, setShowAuthFlow, setUser, appName, siweStatement, setPrimaryWalletId, primaryWallet, setMultiWalletWidgetState, connectWallet, selectedWalletConnector: walletConnector, isSingleWalletAccount, consumeNonce, handleLogOut, } = useInternalDynamicContext.useInternalDynamicContext();
     React.useEffect(() => {
         const _fetchPublicAddress = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -90,7 +90,7 @@ const WalletUsedView = () => {
             return;
         const nonce = consumeNonce();
         if (!nonce) {
-            setView('wallet-list');
+            goToInitialView();
             setErrorMessage('missing-nonce');
             return;
         }

package/src/lib/views/WalletUsedView/WalletUsedView.js

@@ -52,7 +52,7 @@ const WalletUsedView = () => {
     const [walletAddress, setWalletAddress] = useState(undefined);
     const { setErrorMessage } = useErrorContext();
     const { loading, setLoading } = useLoadingContext();
-    const { setView } = useViewContext();
+    const { setView, goToInitialView } = useViewContext();
     const { environmentId, displayTermsOfService, authToken, setCallback, setShowAuthFlow, setUser, appName, siweStatement, setPrimaryWalletId, primaryWallet, setMultiWalletWidgetState, connectWallet, selectedWalletConnector: walletConnector, isSingleWalletAccount, consumeNonce, handleLogOut, } = useInternalDynamicContext();
     useEffect(() => {
         const _fetchPublicAddress = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -86,7 +86,7 @@ const WalletUsedView = () => {
             return;
         const nonce = consumeNonce();
         if (!nonce) {
-            setView('wallet-list');
+            goToInitialView();
             setErrorMessage('missing-nonce');
             return;
         }