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

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,

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.cjs

@@ -93,7 +93,7 @@ require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 /** Saves the values updated by the user */
-const saveUserValues = (_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1) => _tslib.__awaiter(void 0, [_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1], void 0, function* ({ fields: newValues, updateUserResult: { isEmailVerificationRequired, isSmsVerificationRequired, }, }, setShowAuthFlow, setView, resolve, reject) {
+const saveUserValues = (_a, setShowAuthFlow_1, pushView_1, resolve_1, reject_1) => _tslib.__awaiter(void 0, [_a, setShowAuthFlow_1, pushView_1, resolve_1, reject_1], void 0, function* ({ fields: newValues, updateUserResult: { isEmailVerificationRequired, isSmsVerificationRequired, }, }, setShowAuthFlow, pushView, resolve, reject) {
     // If no verification is needed, we are done
     if (!isEmailVerificationRequired && !isSmsVerificationRequired) {
         resolve(newValues);
@@ -105,7 +105,7 @@ const saveUserValues = (_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1) =
         performMultiWalletChecks: false,
     });
     if (isEmailVerificationRequired) {
-        setView('verify-email');
+        pushView('verify-email');
         // Subscribe to email verification result
         dynamicEvents.dynamicEvents.once('emailVerificationResult', (wasSuccessful, newEmail) => {
             // Make sure we're using the correct, updated email. User might have changed it mid-OTP
@@ -116,7 +116,7 @@ const saveUserValues = (_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1) =
         });
         return;
     }
-    setView('verify-sms');
+    pushView('verify-sms');
     // Subscribe to sms verification result
     dynamicEvents.dynamicEvents.once('smsVerificationResult', (wasSuccessful, { phone: newPhone }) => {
         // Make sure we're using the correct, updated phone number. User might have changed it mid-OTP
@@ -132,7 +132,7 @@ const saveUserValues = (_a, setShowAuthFlow_1, setView_1, resolve_1, reject_1) =
  */
 const useUpdateUserWithModal = (updateUser) => {
     const { user, projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { pushView } = ViewContext.useViewContext();
     const editorContext = React.useContext(UserFieldEditorContext.UserFieldEditorContext);
     if (!editorContext)
         throw new utils.DynamicError('useUserUpdateRequest can only be used inside the context of DynamicContextProvider');
@@ -151,7 +151,7 @@ const useUpdateUserWithModal = (updateUser) => {
             subtitle: options === null || options === void 0 ? void 0 : options.subtitle,
             title: options === null || options === void 0 ? void 0 : options.title,
         }, updateUser)
-            .then((updateValues) => saveUserValues(updateValues, setShowAuthFlow, setView, resolve, reject))
+            .then((updateValues) => saveUserValues(updateValues, setShowAuthFlow, pushView, resolve, reject))
             .catch((error) => {
             if (/email already exists/gi.test(error))
                 throw error;
@@ -163,7 +163,7 @@ const useUpdateUserWithModal = (updateUser) => {
         promptUserForValues,
         updateUser,
         setShowAuthFlow,
-        setView,
+        pushView,
     ]);
     return updateUserWithModal;
 };