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

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

@@ -109,7 +109,7 @@ const usePasskeyRecovery = () => {
     const { initAuthMethod } = useInitEmbeddedWalletAuthMethod();
     const { setDisplayedDestination: setEmailForVerification, setVerificationUUID, } = useVerification();
     const { getEOAWallet } = useSmartWallets();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const wallet = (_a = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _a !== void 0 ? _a : primaryWallet;
     const isSessionRestored = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         var _d, _e;
@@ -186,7 +186,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,
@@ -194,9 +194,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,
@@ -228,7 +226,7 @@ const usePasskeyRecovery = () => {
         environmentId,
         user,
         setShowAuthFlow,
-        setView,
+        pushView,
         initAuthMethod,
         iframeContainerRef,
     ]);
@@ -260,7 +258,7 @@ const usePasskeyRecovery = () => {
             if (nextView === 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) => {

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

@@ -100,10 +100,10 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const useSocialAccounts = () => {
     var _a;
     const { environmentId, user, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { setSocialProvider } = SocialRedirectContext.useSocialRedirectContext();
     const { handleError, setError, setIsProcessing, checkValidProvider, error, isProcessing, connectSocialAccount, } = useSocialAuth.useSocialAuth({
-        onFarcasterUrl: (url) => setView('farcaster-connect-view', { url }, {
+        onFarcasterUrl: (url) => pushView('farcaster-connect-view', { url }, {
             onBackClick: () => {
                 setSocialProvider(undefined);
                 dynamicEvents.dynamicEvents.emit('farcasterConnectCancelled');
@@ -118,32 +118,28 @@ const useSocialAccounts = () => {
     const verifiedOAuthCredentialsMap = React.useMemo(() => {
         var _a, _b;
         const verifiedOAuthCredential = (_b = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.filter((credential) => credential.format === 'oauth')) !== null && _b !== void 0 ? _b : [];
-        return Object.fromEntries(new Map(verifiedOAuthCredential.map((credential) => {
-            var _a;
-            return [
-                (_a = credential.oauthProvider) !== null && _a !== void 0 ? _a : credential.id,
-                credential,
-            ];
-        })));
+        const credentialMap = new Map();
+        verifiedOAuthCredential.forEach((credential) => {
+            var _a, _b;
+            const key = (_a = credential.oauthProvider) !== null && _a !== void 0 ? _a : credential.id;
+            const existing = (_b = credentialMap.get(key)) !== null && _b !== void 0 ? _b : [];
+            credentialMap.set(key, [...existing, credential]);
+        });
+        return Object.fromEntries(credentialMap);
     }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials]);
     const checkValidOAuthLinking = React.useCallback((provider) => {
         if (!isSocialKycEnabled.isSocialKycEnabled(projectSettings)) {
             handleError(provider, types.SocialOAuthErrorCode.SOCIAL_LINKING_NOT_ENABLED, 'Social linking is not enabled in Information Capture on the dashboard', { raiseAuthFailure: false });
             return false;
         }
-        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
-        if (verifiedCredential) {
-            handleError(provider, types.SocialOAuthErrorCode.ACCOUNT_ALREADY_LINKED, `Account already linked for provider: ${provider}`, { raiseAuthFailure: false });
-            return false;
-        }
         const oauthProviders = index.getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
-        const oauthProvider = oauthProviders.find((p) => p.provider === provider);
+        const oauthProvider = oauthProviders === null || oauthProviders === void 0 ? void 0 : oauthProviders.find((p) => p.provider === provider);
         if (!oauthProvider) {
             handleError(provider, types.SocialOAuthErrorCode.PROVIDER_NOT_ENABLED, `Social linking provider is not enabled in Information Capture on the dashboard: ${provider}`, { raiseAuthFailure: false });
             return false;
         }
         return true;
-    }, [handleError, projectSettings, verifiedOAuthCredentialsMap]);
+    }, [handleError, projectSettings]);
     const linkSocialAccount = React.useCallback((provider_1, ...args_1) => _tslib.__awaiter(void 0, [provider_1, ...args_1], void 0, function* (provider, { redirectUrl } = { redirectUrl: undefined }) {
         connectSocialAccount({
             authMode: 'link',
@@ -152,14 +148,22 @@ const useSocialAccounts = () => {
             validator: checkValidOAuthLinking,
         });
     }), [checkValidOAuthLinking, connectSocialAccount]);
-    const unlinkSocialAccount = React.useCallback((provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const findVerifiedCredentialById = (provider, verifiedCredentialId) => {
+        var _a;
+        const verifiedCredentials = (_a = verifiedOAuthCredentialsMap[provider]) !== null && _a !== void 0 ? _a : [];
+        const verifiedCredential = verifiedCredentialId
+            ? verifiedCredentials.find((cred) => cred.id === verifiedCredentialId)
+            : verifiedCredentials[0];
+        return verifiedCredential;
+    };
+    const unlinkSocialAccount = React.useCallback((provider, verifiedCredentialId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _b;
         setError(undefined);
         setIsProcessing(true);
         if (!checkValidProvider(provider, 'unlink')) {
             return;
         }
-        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
+        const verifiedCredential = findVerifiedCredentialById(provider, verifiedCredentialId);
         if (!verifiedCredential) {
             handleError(provider, types.SocialOAuthErrorCode.NO_ACCOUNT_LINKED, `No account linked for provider: ${provider}`, { raiseAuthFailure: false });
             return;
@@ -188,12 +192,8 @@ const useSocialAccounts = () => {
         setIsProcessing,
         verifiedOAuthCredentialsMap,
     ]);
-    const isLinked = React.useCallback((provider) => Boolean(verifiedOAuthCredentialsMap[provider]), [verifiedOAuthCredentialsMap]);
-    const getLinkedAccountInformation = React.useCallback((provider) => {
-        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
-        if (!verifiedCredential) {
-            return;
-        }
+    const isLinked = React.useCallback((provider) => { var _a; return Boolean((_a = verifiedOAuthCredentialsMap[provider]) === null || _a === void 0 ? void 0 : _a.length); }, [verifiedOAuthCredentialsMap]);
+    const getAccountInformation = (verifiedCredential) => {
         const { id, oauthAccountId, oauthAccountPhotos, oauthDisplayName, oauthEmails, oauthProvider, oauthUsername, publicIdentifier, } = verifiedCredential;
         return {
             accountId: oauthAccountId !== null && oauthAccountId !== void 0 ? oauthAccountId : undefined,
@@ -205,6 +205,18 @@ const useSocialAccounts = () => {
             publicIdentifier,
             username: oauthUsername,
         };
+    };
+    const getLinkedAccountInformation = React.useCallback((provider, verifiedCredentialId) => {
+        const verifiedCredential = findVerifiedCredentialById(provider, verifiedCredentialId);
+        if (!verifiedCredential) {
+            return;
+        }
+        return getAccountInformation(verifiedCredential);
+    }, [verifiedOAuthCredentialsMap]);
+    const getLinkedAccounts = React.useCallback((provider) => {
+        var _a;
+        const verifiedCredentials = (_a = verifiedOAuthCredentialsMap[provider]) !== null && _a !== void 0 ? _a : [];
+        return verifiedCredentials.map((credential) => getAccountInformation(credential));
     }, [verifiedOAuthCredentialsMap]);
     const checkValidOAuthSignIn = React.useCallback((provider) => {
         var _a;
@@ -226,6 +238,7 @@ const useSocialAccounts = () => {
     return React.useMemo(() => ({
         error,
         getLinkedAccountInformation,
+        getLinkedAccounts,
         isLinked,
         isProcessing,
         linkSocialAccount,
@@ -234,6 +247,7 @@ const useSocialAccounts = () => {
     }), [
         error,
         getLinkedAccountInformation,
+        getLinkedAccounts,
         isLinked,
         isProcessing,
         linkSocialAccount,

package/src/lib/utils/hooks/useSocialAccounts/useSocialAccounts.d.ts

@@ -8,11 +8,12 @@ type ConnectSocialProps = {
 };
 export declare const useSocialAccounts: () => {
     readonly error: import("@dynamic-labs/types").SocialOAuthError | undefined;
-    readonly getLinkedAccountInformation: (provider: ProviderEnum) => SocialAccountInformation | undefined;
+    readonly getLinkedAccountInformation: (provider: ProviderEnum, verifiedCredentialId?: string) => SocialAccountInformation | undefined;
+    readonly getLinkedAccounts: (provider: ProviderEnum) => SocialAccountInformation[];
     readonly isLinked: (provider: ProviderEnum) => boolean;
     readonly isProcessing: boolean;
     readonly linkSocialAccount: (provider: ProviderEnum, { redirectUrl }?: ConnectSocialProps) => Promise<void>;
     readonly signInWithSocialAccount: (provider: ProviderEnum, { redirectUrl }?: ConnectSocialProps) => Promise<void>;
-    readonly unlinkSocialAccount: (provider: ProviderEnum) => Promise<void>;
+    readonly unlinkSocialAccount: (provider: ProviderEnum, verifiedCredentialId?: string) => Promise<void>;
 };
 export {};

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

@@ -96,10 +96,10 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const useSocialAccounts = () => {
     var _a;
     const { environmentId, user, projectSettings } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { setSocialProvider } = useSocialRedirectContext();
     const { handleError, setError, setIsProcessing, checkValidProvider, error, isProcessing, connectSocialAccount, } = useSocialAuth({
-        onFarcasterUrl: (url) => setView('farcaster-connect-view', { url }, {
+        onFarcasterUrl: (url) => pushView('farcaster-connect-view', { url }, {
             onBackClick: () => {
                 setSocialProvider(undefined);
                 dynamicEvents.emit('farcasterConnectCancelled');
@@ -114,32 +114,28 @@ const useSocialAccounts = () => {
     const verifiedOAuthCredentialsMap = useMemo(() => {
         var _a, _b;
         const verifiedOAuthCredential = (_b = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.filter((credential) => credential.format === 'oauth')) !== null && _b !== void 0 ? _b : [];
-        return Object.fromEntries(new Map(verifiedOAuthCredential.map((credential) => {
-            var _a;
-            return [
-                (_a = credential.oauthProvider) !== null && _a !== void 0 ? _a : credential.id,
-                credential,
-            ];
-        })));
+        const credentialMap = new Map();
+        verifiedOAuthCredential.forEach((credential) => {
+            var _a, _b;
+            const key = (_a = credential.oauthProvider) !== null && _a !== void 0 ? _a : credential.id;
+            const existing = (_b = credentialMap.get(key)) !== null && _b !== void 0 ? _b : [];
+            credentialMap.set(key, [...existing, credential]);
+        });
+        return Object.fromEntries(credentialMap);
     }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials]);
     const checkValidOAuthLinking = useCallback((provider) => {
         if (!isSocialKycEnabled(projectSettings)) {
             handleError(provider, SocialOAuthErrorCode.SOCIAL_LINKING_NOT_ENABLED, 'Social linking is not enabled in Information Capture on the dashboard', { raiseAuthFailure: false });
             return false;
         }
-        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
-        if (verifiedCredential) {
-            handleError(provider, SocialOAuthErrorCode.ACCOUNT_ALREADY_LINKED, `Account already linked for provider: ${provider}`, { raiseAuthFailure: false });
-            return false;
-        }
         const oauthProviders = getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
-        const oauthProvider = oauthProviders.find((p) => p.provider === provider);
+        const oauthProvider = oauthProviders === null || oauthProviders === void 0 ? void 0 : oauthProviders.find((p) => p.provider === provider);
         if (!oauthProvider) {
             handleError(provider, SocialOAuthErrorCode.PROVIDER_NOT_ENABLED, `Social linking provider is not enabled in Information Capture on the dashboard: ${provider}`, { raiseAuthFailure: false });
             return false;
         }
         return true;
-    }, [handleError, projectSettings, verifiedOAuthCredentialsMap]);
+    }, [handleError, projectSettings]);
     const linkSocialAccount = useCallback((provider_1, ...args_1) => __awaiter(void 0, [provider_1, ...args_1], void 0, function* (provider, { redirectUrl } = { redirectUrl: undefined }) {
         connectSocialAccount({
             authMode: 'link',
@@ -148,14 +144,22 @@ const useSocialAccounts = () => {
             validator: checkValidOAuthLinking,
         });
     }), [checkValidOAuthLinking, connectSocialAccount]);
-    const unlinkSocialAccount = useCallback((provider) => __awaiter(void 0, void 0, void 0, function* () {
+    const findVerifiedCredentialById = (provider, verifiedCredentialId) => {
+        var _a;
+        const verifiedCredentials = (_a = verifiedOAuthCredentialsMap[provider]) !== null && _a !== void 0 ? _a : [];
+        const verifiedCredential = verifiedCredentialId
+            ? verifiedCredentials.find((cred) => cred.id === verifiedCredentialId)
+            : verifiedCredentials[0];
+        return verifiedCredential;
+    };
+    const unlinkSocialAccount = useCallback((provider, verifiedCredentialId) => __awaiter(void 0, void 0, void 0, function* () {
         var _b;
         setError(undefined);
         setIsProcessing(true);
         if (!checkValidProvider(provider, 'unlink')) {
             return;
         }
-        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
+        const verifiedCredential = findVerifiedCredentialById(provider, verifiedCredentialId);
         if (!verifiedCredential) {
             handleError(provider, SocialOAuthErrorCode.NO_ACCOUNT_LINKED, `No account linked for provider: ${provider}`, { raiseAuthFailure: false });
             return;
@@ -184,12 +188,8 @@ const useSocialAccounts = () => {
         setIsProcessing,
         verifiedOAuthCredentialsMap,
     ]);
-    const isLinked = useCallback((provider) => Boolean(verifiedOAuthCredentialsMap[provider]), [verifiedOAuthCredentialsMap]);
-    const getLinkedAccountInformation = useCallback((provider) => {
-        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
-        if (!verifiedCredential) {
-            return;
-        }
+    const isLinked = useCallback((provider) => { var _a; return Boolean((_a = verifiedOAuthCredentialsMap[provider]) === null || _a === void 0 ? void 0 : _a.length); }, [verifiedOAuthCredentialsMap]);
+    const getAccountInformation = (verifiedCredential) => {
         const { id, oauthAccountId, oauthAccountPhotos, oauthDisplayName, oauthEmails, oauthProvider, oauthUsername, publicIdentifier, } = verifiedCredential;
         return {
             accountId: oauthAccountId !== null && oauthAccountId !== void 0 ? oauthAccountId : undefined,
@@ -201,6 +201,18 @@ const useSocialAccounts = () => {
             publicIdentifier,
             username: oauthUsername,
         };
+    };
+    const getLinkedAccountInformation = useCallback((provider, verifiedCredentialId) => {
+        const verifiedCredential = findVerifiedCredentialById(provider, verifiedCredentialId);
+        if (!verifiedCredential) {
+            return;
+        }
+        return getAccountInformation(verifiedCredential);
+    }, [verifiedOAuthCredentialsMap]);
+    const getLinkedAccounts = useCallback((provider) => {
+        var _a;
+        const verifiedCredentials = (_a = verifiedOAuthCredentialsMap[provider]) !== null && _a !== void 0 ? _a : [];
+        return verifiedCredentials.map((credential) => getAccountInformation(credential));
     }, [verifiedOAuthCredentialsMap]);
     const checkValidOAuthSignIn = useCallback((provider) => {
         var _a;
@@ -222,6 +234,7 @@ const useSocialAccounts = () => {
     return useMemo(() => ({
         error,
         getLinkedAccountInformation,
+        getLinkedAccounts,
         isLinked,
         isProcessing,
         linkSocialAccount,
@@ -230,6 +243,7 @@ const useSocialAccounts = () => {
     }), [
         error,
         getLinkedAccountInformation,
+        getLinkedAccounts,
         isLinked,
         isProcessing,
         linkSocialAccount,

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

@@ -11,15 +11,15 @@ var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 
 const useSwitchNetwork = () => {
     const { setShowAuthFlow } = useDynamicContext.useDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const switchNetwork = React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ wallet, network, }) {
         if (wallet.connector.switchNetworkOnlyFromWallet) {
             setShowAuthFlow(true);
-            setView('network-not-supported-manual');
+            pushView('network-not-supported-manual');
             return;
         }
         yield wallet.connector.switchNetwork({ networkChainId: network });
-    }), [setShowAuthFlow, setView]);
+    }), [setShowAuthFlow, pushView]);
     return switchNetwork;
 };
 

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

@@ -7,15 +7,15 @@ import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 
 const useSwitchNetwork = () => {
     const { setShowAuthFlow } = useDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const switchNetwork = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ wallet, network, }) {
         if (wallet.connector.switchNetworkOnlyFromWallet) {
             setShowAuthFlow(true);
-            setView('network-not-supported-manual');
+            pushView('network-not-supported-manual');
             return;
         }
         yield wallet.connector.switchNetwork({ networkChainId: network });
-    }), [setShowAuthFlow, setView]);
+    }), [setShowAuthFlow, pushView]);
     return switchNetwork;
 };
 

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

@@ -99,7 +99,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
  */
 const useSyncMfaFlow = ({ handler: headlessHandler, } = {}) => {
     const { setShowAuthFlow, userWithMissingInfo, sdkHasLoaded } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { getUserDevices } = useMfa.useMfa();
     // this is used to make sure we only trigger the effect once
     const triggered = React.useRef(false);
@@ -141,21 +141,21 @@ const useSyncMfaFlow = ({ handler: headlessHandler, } = {}) => {
         if ((_a = userWithMissingInfo.scope) === null || _a === void 0 ? void 0 : _a.includes('requiresAdditionalAuth')) {
             getUserDevices().then((devices) => {
                 if (devices.length === 0) {
-                    setView('mfa-choose-device');
+                    pushView('mfa-choose-device');
                 }
                 else {
-                    setView('mfa-verification');
+                    pushView('mfa-verification');
                 }
             });
         }
         else {
-            setView('mfa-display-backup-codes');
+            pushView('mfa-display-backup-codes');
         }
     }, [
         getUserDevices,
         sdkHasLoaded,
         setShowAuthFlow,
-        setView,
+        pushView,
         userWithMissingInfo,
         headlessHandler,
     ]);

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

@@ -95,7 +95,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
  */
 const useSyncMfaFlow = ({ handler: headlessHandler, } = {}) => {
     const { setShowAuthFlow, userWithMissingInfo, sdkHasLoaded } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { getUserDevices } = useMfa();
     // this is used to make sure we only trigger the effect once
     const triggered = useRef(false);
@@ -137,21 +137,21 @@ const useSyncMfaFlow = ({ handler: headlessHandler, } = {}) => {
         if ((_a = userWithMissingInfo.scope) === null || _a === void 0 ? void 0 : _a.includes('requiresAdditionalAuth')) {
             getUserDevices().then((devices) => {
                 if (devices.length === 0) {
-                    setView('mfa-choose-device');
+                    pushView('mfa-choose-device');
                 }
                 else {
-                    setView('mfa-verification');
+                    pushView('mfa-verification');
                 }
             });
         }
         else {
-            setView('mfa-display-backup-codes');
+            pushView('mfa-display-backup-codes');
         }
     }, [
         getUserDevices,
         sdkHasLoaded,
         setShowAuthFlow,
-        setView,
+        pushView,
         userWithMissingInfo,
         headlessHandler,
     ]);

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

@@ -97,7 +97,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 
 const useSyncOnboardingFlow = ({ handler: headlessHandler, } = {}) => {
     const { setShowAuthFlow, userWithMissingInfo, sdkHasLoaded, setSelectedWalletConnectorKey, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
         validationSchemaStripUnknown: false,
     });
@@ -156,18 +156,18 @@ const useSyncOnboardingFlow = ({ handler: headlessHandler, } = {}) => {
             switch (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.format) {
                 case sdkApiCore.JwtVerifiedCredentialFormatEnum.Email:
                 case sdkApiCore.JwtVerifiedCredentialFormatEnum.Oauth:
-                    setView('collect-user-data-login-no-wallet', {
+                    pushView('collect-user-data-login-no-wallet', {
                         userIdentification: 'email',
                     });
                     break;
                 case sdkApiCore.JwtVerifiedCredentialFormatEnum.PhoneNumber:
-                    setView('collect-user-data-login-no-wallet', {
+                    pushView('collect-user-data-login-no-wallet', {
                         userIdentification: 'phoneNumber',
                         userIdentificationOverride: formattedPhone,
                     });
                     break;
                 default:
-                    setView('collect-user-data');
+                    pushView('collect-user-data');
             }
         });
         if (!sdkHasLoaded ||
@@ -189,7 +189,7 @@ const useSyncOnboardingFlow = ({ handler: headlessHandler, } = {}) => {
         completeAuth,
         updateUser,
         setShowAuthFlow,
-        setView,
+        pushView,
         formattedPhone,
         handleAuthError,
         setSelectedWalletConnectorKey,

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

@@ -93,7 +93,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 
 const useSyncOnboardingFlow = ({ handler: headlessHandler, } = {}) => {
     const { setShowAuthFlow, userWithMissingInfo, sdkHasLoaded, setSelectedWalletConnectorKey, } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { pushView } = useViewContext();
     const { updateUser } = useUserUpdateRequestInternal({
         validationSchemaStripUnknown: false,
     });
@@ -152,18 +152,18 @@ const useSyncOnboardingFlow = ({ handler: headlessHandler, } = {}) => {
             switch (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.format) {
                 case JwtVerifiedCredentialFormatEnum.Email:
                 case JwtVerifiedCredentialFormatEnum.Oauth:
-                    setView('collect-user-data-login-no-wallet', {
+                    pushView('collect-user-data-login-no-wallet', {
                         userIdentification: 'email',
                     });
                     break;
                 case JwtVerifiedCredentialFormatEnum.PhoneNumber:
-                    setView('collect-user-data-login-no-wallet', {
+                    pushView('collect-user-data-login-no-wallet', {
                         userIdentification: 'phoneNumber',
                         userIdentificationOverride: formattedPhone,
                     });
                     break;
                 default:
-                    setView('collect-user-data');
+                    pushView('collect-user-data');
             }
         });
         if (!sdkHasLoaded ||
@@ -185,7 +185,7 @@ const useSyncOnboardingFlow = ({ handler: headlessHandler, } = {}) => {
         completeAuth,
         updateUser,
         setShowAuthFlow,
-        setView,
+        pushView,
         formattedPhone,
         handleAuthError,
         setSelectedWalletConnectorKey,

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

@@ -99,7 +99,7 @@ const sleepToShowSuccessMessage = () => utils.sleep(1500);
 const useUserAuth = ({ authMethod, }) => {
     const { handleLogOut, setShowAuthFlow, setCallback, setMultiWalletWidgetState, walletConnectorOptions, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setDeniedOauthUsername, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
-    const { view, setView, goToInitialView } = ViewContext.useViewContext();
+    const { view, pushView, clearStackAndPushInitialView } = ViewContext.useViewContext();
     const { setLoading } = LoadingContext.useLoadingContext();
     const { setErrorMessage, setError } = ErrorContext.useErrorContext();
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
@@ -183,21 +183,21 @@ const useUserAuth = ({ authMethod, }) => {
         if (error instanceof utils.NoAccessError) {
             setDeniedOauthProvider(error === null || error === void 0 ? void 0 : error.socialProvider);
             setDeniedOauthUsername((_a = error === null || error === void 0 ? void 0 : error.socialUsername) !== null && _a !== void 0 ? _a : '');
-            setView('no-access');
+            pushView('no-access');
             return;
         }
         if (error instanceof utils.AccountExistsError) {
             setExistentAccountData(error.errorPayload);
-            setView('account-exists');
+            pushView('account-exists');
             return;
         }
         if (error instanceof utils.SandboxMaximumThresholdReachedError) {
-            setView('sandbox-maximum-threshold-reached');
+            pushView('sandbox-maximum-threshold-reached');
             return;
         }
         // Handle the case where the user has already an account with the email
         if (error instanceof utils.UserHasAccountWithEmailError) {
-            setView('merge-user-accounts-with-same-email', {
+            pushView('merge-user-accounts-with-same-email', {
                 returnToView: 'isEmailRecoveryFlow' in options && options.isEmailRecoveryFlow
                     ? 'passkey-recovery-add-email'
                     : undefined,
@@ -218,15 +218,15 @@ const useUserAuth = ({ authMethod, }) => {
     const handleVerifyMissingFields = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ missingFields, isEmailVerificationRequired, isSmsVerificationRequired, }) {
         if (isEmailVerificationRequired &&
             missingFields.find((field) => field.name === 'email')) {
-            setView('verify-email');
+            pushView('verify-email');
             return;
         }
         if (isSmsVerificationRequired &&
             missingFields.find((field) => field.name === 'phoneNumber')) {
-            setView('verify-sms');
+            pushView('verify-sms');
             return;
         }
-        setView(view.type);
+        pushView(view.type);
     });
     const completeAuth = (_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ completeSignInFlow, updateJwtFunction, onValidUpdatedJwt, options = {}, }) {
         logger.logger.debug('completeAuth', { authMethod });
@@ -275,7 +275,7 @@ const useUserAuth = ({ authMethod, }) => {
     const cancelAuth = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         logger.logger.debug('cancelAuth', { authMethod });
         yield handleLogOut();
-        goToInitialView();
+        clearStackAndPushInitialView();
     });
     return {
         cancelAuth,

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

@@ -95,7 +95,7 @@ const sleepToShowSuccessMessage = () => sleep(1500);
 const useUserAuth = ({ authMethod, }) => {
     const { handleLogOut, setShowAuthFlow, setCallback, setMultiWalletWidgetState, walletConnectorOptions, } = useInternalDynamicContext();
     const { setDeniedOauthUsername, setDeniedOauthProvider } = useAccessDeniedContext();
-    const { view, setView, goToInitialView } = useViewContext();
+    const { view, pushView, clearStackAndPushInitialView } = useViewContext();
     const { setLoading } = useLoadingContext();
     const { setErrorMessage, setError } = useErrorContext();
     const { setExistentAccountData } = useAccountExistsContext();
@@ -179,21 +179,21 @@ const useUserAuth = ({ authMethod, }) => {
         if (error instanceof NoAccessError) {
             setDeniedOauthProvider(error === null || error === void 0 ? void 0 : error.socialProvider);
             setDeniedOauthUsername((_a = error === null || error === void 0 ? void 0 : error.socialUsername) !== null && _a !== void 0 ? _a : '');
-            setView('no-access');
+            pushView('no-access');
             return;
         }
         if (error instanceof AccountExistsError) {
             setExistentAccountData(error.errorPayload);
-            setView('account-exists');
+            pushView('account-exists');
             return;
         }
         if (error instanceof SandboxMaximumThresholdReachedError) {
-            setView('sandbox-maximum-threshold-reached');
+            pushView('sandbox-maximum-threshold-reached');
             return;
         }
         // Handle the case where the user has already an account with the email
         if (error instanceof UserHasAccountWithEmailError) {
-            setView('merge-user-accounts-with-same-email', {
+            pushView('merge-user-accounts-with-same-email', {
                 returnToView: 'isEmailRecoveryFlow' in options && options.isEmailRecoveryFlow
                     ? 'passkey-recovery-add-email'
                     : undefined,
@@ -214,15 +214,15 @@ const useUserAuth = ({ authMethod, }) => {
     const handleVerifyMissingFields = (_c) => __awaiter(void 0, [_c], void 0, function* ({ missingFields, isEmailVerificationRequired, isSmsVerificationRequired, }) {
         if (isEmailVerificationRequired &&
             missingFields.find((field) => field.name === 'email')) {
-            setView('verify-email');
+            pushView('verify-email');
             return;
         }
         if (isSmsVerificationRequired &&
             missingFields.find((field) => field.name === 'phoneNumber')) {
-            setView('verify-sms');
+            pushView('verify-sms');
             return;
         }
-        setView(view.type);
+        pushView(view.type);
     });
     const completeAuth = (_d) => __awaiter(void 0, [_d], void 0, function* ({ completeSignInFlow, updateJwtFunction, onValidUpdatedJwt, options = {}, }) {
         logger.debug('completeAuth', { authMethod });
@@ -271,7 +271,7 @@ const useUserAuth = ({ authMethod, }) => {
     const cancelAuth = () => __awaiter(void 0, void 0, void 0, function* () {
         logger.debug('cancelAuth', { authMethod });
         yield handleLogOut();
-        goToInitialView();
+        clearStackAndPushInitialView();
     });
     return {
         cancelAuth,