@dynamic-labs/sdk-react-core 2.1.0-alpha.8 → 2.1.0

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

@@ -21,8 +21,8 @@ require('../../../shared/consts/index.cjs');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
+var errors = require('../../constants/errors.cjs');
 require('@dynamic-labs/multi-wallet');
-var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
 require('react-international-phone');
 var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 var getEnabledEmbeddedWalletsAuthenticators = require('../../functions/getEnabledEmbeddedWalletsAuthenticators/getEnabledEmbeddedWalletsAuthenticators.cjs');
@@ -30,9 +30,9 @@ require('viem');
 require('viem/chains');
 var getEOAWallet = require('../../functions/getEOAWallet/getEOAWallet.cjs');
 require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
 require('../../../locale/locale.cjs');
 var user = require('../../../data/api/user/user.cjs');
-var updateJWTAndCreateUserProfile = require('../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.cjs');
 var getEmbeddedWalletSessionExpiration = require('../../functions/getEmbeddedWalletSessionExpiration/getEmbeddedWalletSessionExpiration.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -45,16 +45,18 @@ require('../../../context/WalletContext/WalletContext.cjs');
 var useIsTurnkeyWallet = require('../useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
 var passkeyRecovery = require('../../../views/Passkey/utils/passkeyRecovery/passkeyRecovery.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var constants = require('../../../views/Passkey/PasskeyRecovery/constants.cjs');
 var useInitEmbeddedWalletAuthMethod = require('../useInitEmbeddedWalletAuthMethod/useInitEmbeddedWalletAuthMethod.cjs');
 require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
-require('react-i18next');
+require('../../../views/CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../../../components/Alert/Alert.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/IconButton/IconButton.cjs');
@@ -76,10 +78,11 @@ require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -90,8 +93,9 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 // Hook exposed to customers and used internally to trigger passkey recovery
 const usePasskeyRecovery = () => {
     var _a, _b;
-    const { authToken, environmentId, primaryWallet, projectSettings, setShowAuthFlow, user: user$1, setUser, } = useInternalDynamicContext.useInternalDynamicContext();
-    const iframeContainerRef = useElementById.useElementById(constants.iframeContainerId);
+    const { environmentId, primaryWallet, projectSettings, setShowAuthFlow, user: user$1, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { createRootElement } = useElementById.useElementById();
+    const iframeContainerRef = createRootElement(constants.iframeContainerId);
     const { userHasEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
     const { isTurnkeyWalletWithoutAuthenticator, hasRecoveryEmail } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const { initAuthMethod } = useInitEmbeddedWalletAuthMethod.useInitEmbeddedWalletAuthMethod();
@@ -107,10 +111,10 @@ const usePasskeyRecovery = () => {
         const sessionExpiration = getEmbeddedWalletSessionExpiration.getEmbeddedWalletSessionExpiration(projectSettings.sdk.embeddedWallets.sessionKeyDuration);
         try {
             return yield passkeyRecovery.restoreEmbeddedWalletSession({
-                authToken,
                 iframeContainer: iframeContainerRef.current,
                 iframeElementId: constants.iframeElementId,
                 sessionExpiration,
+                user: user$1,
                 wallet: primaryWallet,
             });
         }
@@ -119,7 +123,7 @@ const usePasskeyRecovery = () => {
         }
         return false;
     }), [
-        authToken,
+        user$1,
         iframeContainerRef,
         primaryWallet,
         (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.sessionKeyDuration,
@@ -140,18 +144,30 @@ const usePasskeyRecovery = () => {
     }), [wallet, isTurnkeyWalletWithoutAuthenticator, isSessionRestored]);
     const initPasskeyRecoveryProcess = React.useCallback((authenticatorType, currentAction) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _e;
+        const validateRecoveryRequest = () => {
+            if (!user$1) {
+                throw new Error(errors.USER_NOT_LOGGED_IN);
+            }
+            if (!isTurnkeyEnabled.isTurnkeyEnabled(projectSettings)) {
+                throw new Error('Dynamic embedded wallet is not enabled. Go to the dashboard and make sure to have both Dynamic embedded wallet and at least one EVM network enabled. Also, check if EthereumWalletConnectors is in the  DynamicContextProvider > settings > walletConnectors.');
+            }
+            if (!userHasEmbeddedWallet()) {
+                throw new Error('Dynamic embedded wallet not found');
+            }
+            if (wallet && !walletConnectorCore.isPasskeyWalletConnector(wallet.connector)) {
+                throw new Error('Dynamic embedded wallet not found.');
+            }
+        };
         validateRecoveryRequest();
         const turnkeyRecoveryHandler = (wallet === null || wallet === void 0 ? void 0 : wallet.connector).getAuthenticatorHandler();
         // email auth - session is still up, so create passkey authenticator usign the same session
         if (authenticatorType === 'passkey' &&
             turnkeyRecoveryHandler.isSessionActive()) {
-            const { passkeyRecoveryResponse } = yield passkeyRecovery.addNewPasskeyAuthenticator({
-                authToken,
+            yield passkeyRecovery.addNewPasskeyAuthenticator({
                 environmentId,
-                userEmail: user$1 === null || user$1 === void 0 ? void 0 : user$1.email,
+                user: user$1,
                 wallet,
             });
-            setUser(updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(passkeyRecoveryResponse.jwt, passkeyRecoveryResponse.minifiedJwt));
             setShowAuthFlow(false);
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             return wallet;
@@ -194,35 +210,31 @@ const usePasskeyRecovery = () => {
             dynamicEvents.dynamicEvents.once('passkeyRecoveryCompleted', (wallet) => resolve(wallet));
             dynamicEvents.dynamicEvents.once('passkeyRecoveryFailed', (error) => reject(error));
         });
-    }), [setShowAuthFlow, projectSettings, setView, userHasEmbeddedWallet]);
-    const validateRecoveryRequest = () => {
-        const jwt = getAuthToken.getAuthToken();
-        if (!jwt) {
-            throw new Error('User is not logged in');
-        }
-        if (!isTurnkeyEnabled.isTurnkeyEnabled(projectSettings)) {
-            throw new Error('Passkey embedded wallet is not enabled. Go to the dashboard and make sure to have both Turnkey/Passkey Embedded wallets and at least one EVM network enabled. Also, check if EthereumWalletConnectors is in the  DynamicContextProvider > settings > walletConnectors.');
-        }
-        if (!userHasEmbeddedWallet()) {
-            throw new Error('Passkey embedded wallet not found');
-        }
-        if (wallet && !walletConnectorCore.isPasskeyWalletConnector(wallet.connector)) {
-            throw new Error('Passkey embedded wallet not found.');
-        }
-    };
+    }), [
+        wallet,
+        projectSettings,
+        hasRecoveryEmail,
+        userHasEmbeddedWallet,
+        environmentId,
+        user$1,
+        setShowAuthFlow,
+        setView,
+        initAuthMethod,
+        iframeContainerRef,
+    ]);
     const addRecoveryEmail = (emailInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         try {
-            let jwt = authToken;
+            let updatedUser = user$1;
+            // TODO - This seems wrong what if the user has a different email.
+            // As well it does not verify the the email is verified
             if (!(user$1 === null || user$1 === void 0 ? void 0 : user$1.email)) {
-                jwt = yield updateUserProfile(emailInput);
+                updatedUser = yield updateUserProfile(emailInput);
             }
-            const { jwt: newerJwt, minifiedJwt } = (yield passkeyRecovery.addEmailRecovery({
-                authToken: jwt,
+            yield passkeyRecovery.addEmailRecovery({
                 environmentId,
-                userEmail: emailInput,
+                user: updatedUser,
                 wallet: primaryWallet,
-            })) || {};
-            setUser(updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(newerJwt, minifiedJwt));
+            });
             dynamicEvents.dynamicEvents.emit('embeddedWalletRecoveryEmailCompleted', '');
         }
         catch (err) {
@@ -232,19 +244,20 @@ const usePasskeyRecovery = () => {
     });
     const updateUserProfile = (emailInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         try {
-            const { nextView, emailVerification, jwt } = yield user.updateUserProfileFields(authToken, environmentId, {
+            const { nextView, emailVerification, userProfile } = yield user.updateUserProfileFields(environmentId, {
                 email: emailInput,
             });
             if (nextView === sdkApiCore.NextViewEnum.Done) {
-                return jwt;
+                return userProfile;
             }
             setView('verify-email', { isEmailRecoveryFlow: true });
             setEmailForVerification(emailInput);
             setVerificationUUID(emailVerification === null || emailVerification === void 0 ? void 0 : emailVerification.verificationUUID);
             return new Promise((resolve, reject) => {
+                // TODO - This is not the latest user, it is the not verified user
                 dynamicEvents.dynamicEvents.once('emailVerificationResult', (wasSuccessful) => {
                     if (wasSuccessful) {
-                        resolve(jwt);
+                        resolve(userProfile);
                     }
                     reject('Failed to verify email');
                 });

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

@@ -17,8 +17,8 @@ import '../../../shared/consts/index.js';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
+import { USER_NOT_LOGGED_IN } from '../../constants/errors.js';
 import '@dynamic-labs/multi-wallet';
-import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
 import 'react-international-phone';
 import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 import { getEnabledEmbeddedWalletsAuthenticators } from '../../functions/getEnabledEmbeddedWalletsAuthenticators/getEnabledEmbeddedWalletsAuthenticators.js';
@@ -26,9 +26,9 @@ import 'viem';
 import 'viem/chains';
 import { getEOAWallet } from '../../functions/getEOAWallet/getEOAWallet.js';
 import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
 import '../../../locale/locale.js';
 import { updateUserProfileFields } from '../../../data/api/user/user.js';
-import { updateJWTAndCreateUserProfile } from '../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js';
 import { getEmbeddedWalletSessionExpiration } from '../../functions/getEmbeddedWalletSessionExpiration/getEmbeddedWalletSessionExpiration.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -41,16 +41,18 @@ import '../../../context/WalletContext/WalletContext.js';
 import { useIsTurnkeyWallet } from '../useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 import { canRestoreEmbeddedWalletSession, restoreEmbeddedWalletSession, addNewPasskeyAuthenticator, addEmailRecovery } from '../../../views/Passkey/utils/passkeyRecovery/passkeyRecovery.js';
 import '../../../context/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { iframeContainerId, iframeElementId } from '../../../views/Passkey/PasskeyRecovery/constants.js';
 import { useInitEmbeddedWalletAuthMethod } from '../useInitEmbeddedWalletAuthMethod/useInitEmbeddedWalletAuthMethod.js';
 import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
-import 'react-i18next';
+import '../../../views/CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../../components/Alert/Alert.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';
@@ -72,10 +74,11 @@ import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -86,8 +89,9 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 // Hook exposed to customers and used internally to trigger passkey recovery
 const usePasskeyRecovery = () => {
     var _a, _b;
-    const { authToken, environmentId, primaryWallet, projectSettings, setShowAuthFlow, user, setUser, } = useInternalDynamicContext();
-    const iframeContainerRef = useElementById(iframeContainerId);
+    const { environmentId, primaryWallet, projectSettings, setShowAuthFlow, user, } = useInternalDynamicContext();
+    const { createRootElement } = useElementById();
+    const iframeContainerRef = createRootElement(iframeContainerId);
     const { userHasEmbeddedWallet } = useEmbeddedWallet();
     const { isTurnkeyWalletWithoutAuthenticator, hasRecoveryEmail } = useIsTurnkeyWallet();
     const { initAuthMethod } = useInitEmbeddedWalletAuthMethod();
@@ -103,10 +107,10 @@ const usePasskeyRecovery = () => {
         const sessionExpiration = getEmbeddedWalletSessionExpiration(projectSettings.sdk.embeddedWallets.sessionKeyDuration);
         try {
             return yield restoreEmbeddedWalletSession({
-                authToken,
                 iframeContainer: iframeContainerRef.current,
                 iframeElementId,
                 sessionExpiration,
+                user,
                 wallet: primaryWallet,
             });
         }
@@ -115,7 +119,7 @@ const usePasskeyRecovery = () => {
         }
         return false;
     }), [
-        authToken,
+        user,
         iframeContainerRef,
         primaryWallet,
         (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.sessionKeyDuration,
@@ -136,18 +140,30 @@ const usePasskeyRecovery = () => {
     }), [wallet, isTurnkeyWalletWithoutAuthenticator, isSessionRestored]);
     const initPasskeyRecoveryProcess = useCallback((authenticatorType, currentAction) => __awaiter(void 0, void 0, void 0, function* () {
         var _e;
+        const validateRecoveryRequest = () => {
+            if (!user) {
+                throw new Error(USER_NOT_LOGGED_IN);
+            }
+            if (!isTurnkeyEnabled(projectSettings)) {
+                throw new Error('Dynamic embedded wallet is not enabled. Go to the dashboard and make sure to have both Dynamic embedded wallet and at least one EVM network enabled. Also, check if EthereumWalletConnectors is in the  DynamicContextProvider > settings > walletConnectors.');
+            }
+            if (!userHasEmbeddedWallet()) {
+                throw new Error('Dynamic embedded wallet not found');
+            }
+            if (wallet && !isPasskeyWalletConnector(wallet.connector)) {
+                throw new Error('Dynamic embedded wallet not found.');
+            }
+        };
         validateRecoveryRequest();
         const turnkeyRecoveryHandler = (wallet === null || wallet === void 0 ? void 0 : wallet.connector).getAuthenticatorHandler();
         // email auth - session is still up, so create passkey authenticator usign the same session
         if (authenticatorType === 'passkey' &&
             turnkeyRecoveryHandler.isSessionActive()) {
-            const { passkeyRecoveryResponse } = yield addNewPasskeyAuthenticator({
-                authToken,
+            yield addNewPasskeyAuthenticator({
                 environmentId,
-                userEmail: user === null || user === void 0 ? void 0 : user.email,
+                user,
                 wallet,
             });
-            setUser(updateJWTAndCreateUserProfile(passkeyRecoveryResponse.jwt, passkeyRecoveryResponse.minifiedJwt));
             setShowAuthFlow(false);
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             return wallet;
@@ -190,35 +206,31 @@ const usePasskeyRecovery = () => {
             dynamicEvents.once('passkeyRecoveryCompleted', (wallet) => resolve(wallet));
             dynamicEvents.once('passkeyRecoveryFailed', (error) => reject(error));
         });
-    }), [setShowAuthFlow, projectSettings, setView, userHasEmbeddedWallet]);
-    const validateRecoveryRequest = () => {
-        const jwt = getAuthToken();
-        if (!jwt) {
-            throw new Error('User is not logged in');
-        }
-        if (!isTurnkeyEnabled(projectSettings)) {
-            throw new Error('Passkey embedded wallet is not enabled. Go to the dashboard and make sure to have both Turnkey/Passkey Embedded wallets and at least one EVM network enabled. Also, check if EthereumWalletConnectors is in the  DynamicContextProvider > settings > walletConnectors.');
-        }
-        if (!userHasEmbeddedWallet()) {
-            throw new Error('Passkey embedded wallet not found');
-        }
-        if (wallet && !isPasskeyWalletConnector(wallet.connector)) {
-            throw new Error('Passkey embedded wallet not found.');
-        }
-    };
+    }), [
+        wallet,
+        projectSettings,
+        hasRecoveryEmail,
+        userHasEmbeddedWallet,
+        environmentId,
+        user,
+        setShowAuthFlow,
+        setView,
+        initAuthMethod,
+        iframeContainerRef,
+    ]);
     const addRecoveryEmail = (emailInput) => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            let jwt = authToken;
+            let updatedUser = user;
+            // TODO - This seems wrong what if the user has a different email.
+            // As well it does not verify the the email is verified
             if (!(user === null || user === void 0 ? void 0 : user.email)) {
-                jwt = yield updateUserProfile(emailInput);
+                updatedUser = yield updateUserProfile(emailInput);
             }
-            const { jwt: newerJwt, minifiedJwt } = (yield addEmailRecovery({
-                authToken: jwt,
+            yield addEmailRecovery({
                 environmentId,
-                userEmail: emailInput,
+                user: updatedUser,
                 wallet: primaryWallet,
-            })) || {};
-            setUser(updateJWTAndCreateUserProfile(newerJwt, minifiedJwt));
+            });
             dynamicEvents.emit('embeddedWalletRecoveryEmailCompleted', '');
         }
         catch (err) {
@@ -228,19 +240,20 @@ const usePasskeyRecovery = () => {
     });
     const updateUserProfile = (emailInput) => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            const { nextView, emailVerification, jwt } = yield updateUserProfileFields(authToken, environmentId, {
+            const { nextView, emailVerification, userProfile } = yield updateUserProfileFields(environmentId, {
                 email: emailInput,
             });
             if (nextView === NextViewEnum.Done) {
-                return jwt;
+                return userProfile;
             }
             setView('verify-email', { isEmailRecoveryFlow: true });
             setEmailForVerification(emailInput);
             setVerificationUUID(emailVerification === null || emailVerification === void 0 ? void 0 : emailVerification.verificationUUID);
             return new Promise((resolve, reject) => {
+                // TODO - This is not the latest user, it is the not verified user
                 dynamicEvents.once('emailVerificationResult', (wasSuccessful) => {
                     if (wasSuccessful) {
-                        resolve(jwt);
+                        resolve(userProfile);
                     }
                     reject('Failed to verify email');
                 });

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

@@ -25,22 +25,19 @@ require('react-international-phone');
 require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
 require('../../../locale/locale.cjs');
 var wallets = require('../../../data/api/wallets/wallets.cjs');
-var updateJWTAndCreateUserProfile = require('../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.cjs');
 
-const usePrimaryWalletId = ({ minAuthToken, environmentId, setUser, }) => {
+const usePrimaryWalletId = ({ environmentId, user }) => {
     const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage.useLocalStorage(localStorage.PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator.primaryWalletIdValidator);
     const setPrimaryWalletId = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setPrimaryWalletIdState(walletId);
-        if (minAuthToken) {
-            const response = yield wallets.storeSelectedWallet({ environmentId, walletId }, minAuthToken);
-            // only update userProfile, authToken, and minAuthToken when response is valid from storeSelectedWallet
-            if (response) {
-                setUser(updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(response.jwt, response.minifiedJwt));
-            }
+        // should only store the selected wallet if the user is authenticated
+        if (user) {
+            yield wallets.storeSelectedWallet({ environmentId, walletId });
         }
-    }), [setPrimaryWalletIdState]);
+    }), [environmentId, setPrimaryWalletIdState, user]);
     return {
         clearPrimaryWalletId,
         primaryWalletId,

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

@@ -1,11 +1,9 @@
-import { Dispatch, SetStateAction } from 'react';
-import { UserProfile } from '@dynamic-labs/types';
+import { UserProfile } from '../../../..';
 type Props = {
-    setUser: Dispatch<SetStateAction<UserProfile | undefined>>;
     environmentId: string;
-    minAuthToken: string | undefined;
+    user: UserProfile | undefined;
 };
-export declare const usePrimaryWalletId: ({ minAuthToken, environmentId, setUser, }: Props) => {
+export declare const usePrimaryWalletId: ({ environmentId, user }: Props) => {
     clearPrimaryWalletId: () => void;
     primaryWalletId: string | undefined;
     setPrimaryWalletId: (walletId: string) => Promise<void>;

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

@@ -21,22 +21,19 @@ import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
 import '../../../locale/locale.js';
 import { storeSelectedWallet } from '../../../data/api/wallets/wallets.js';
-import { updateJWTAndCreateUserProfile } from '../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js';
 
-const usePrimaryWalletId = ({ minAuthToken, environmentId, setUser, }) => {
+const usePrimaryWalletId = ({ environmentId, user }) => {
     const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage(PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator);
     const setPrimaryWalletId = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
         setPrimaryWalletIdState(walletId);
-        if (minAuthToken) {
-            const response = yield storeSelectedWallet({ environmentId, walletId }, minAuthToken);
-            // only update userProfile, authToken, and minAuthToken when response is valid from storeSelectedWallet
-            if (response) {
-                setUser(updateJWTAndCreateUserProfile(response.jwt, response.minifiedJwt));
-            }
+        // should only store the selected wallet if the user is authenticated
+        if (user) {
+            yield storeSelectedWallet({ environmentId, walletId });
         }
-    }), [setPrimaryWalletIdState]);
+    }), [environmentId, setPrimaryWalletIdState, user]);
     return {
         clearPrimaryWalletId,
         primaryWalletId,

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

@@ -19,13 +19,14 @@ require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('../../../../../_virtual/_tslib.cjs');
 require('../../../config/ApiEndpoint.cjs');
-var settings = require('../../../data/api/settings/settings.cjs');
-require('../../../locale/locale.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
 var serializeWalletConnectors = require('../../functions/serializeWalletConnectors/serializeWalletConnectors.cjs');
+require('@dynamic-labs/store');
+var settings = require('../../../data/api/settings/settings.cjs');
+require('../../../locale/locale.cjs');
 
 const useSendDynamicProps = ({ settings: settings$1, environmentId, }) => {
     useEffectOnce.useEffectOnce(() => {

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

@@ -15,13 +15,14 @@ import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '../../../../../_virtual/_tslib.js';
 import '../../../config/ApiEndpoint.js';
-import { sendDynamicProps } from '../../../data/api/settings/settings.js';
-import '../../../locale/locale.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 import { serializeWalletConnectors } from '../../functions/serializeWalletConnectors/serializeWalletConnectors.js';
+import '@dynamic-labs/store';
+import { sendDynamicProps } from '../../../data/api/settings/settings.js';
+import '../../../locale/locale.js';
 
 const useSendDynamicProps = ({ settings, environmentId, }) => {
     useEffectOnce(() => {

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

@@ -5,6 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api-core');
+require('../../constants/values.cjs');
+require('@dynamic-labs/utils');
+require('../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
@@ -12,21 +16,17 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
-require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
-require('../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
 var getCoinbaseMPCConnectorFetchers = require('../../functions/getCoinbaseMPCConnectorFetchers/getCoinbaseMPCConnectorFetchers.cjs');
 
-const useSetWalletConnectorFetchers = (authToken, walletOptions, environmentId) => {
-    if (!authToken || !(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
+const useSetWalletConnectorFetchers = (walletOptions, environmentId) => {
+    if (!(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
-    const { fetchAuthToken, fetchBackupCode, fetchPasscode } = getCoinbaseMPCConnectorFetchers.getCoinbaseMPCConnectorFetchers({ authToken, environmentId });
+    const { fetchAuthToken, fetchBackupCode, fetchPasscode } = getCoinbaseMPCConnectorFetchers.getCoinbaseMPCConnectorFetchers({ environmentId });
     walletOptions.forEach((walletOption) => {
         if (walletConnectorCore.isCoinbaseMpcWalletConnector(walletOption.walletConnector)) {
             walletOption.walletConnector.setAuthTokenFetcher(fetchAuthToken);

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

@@ -1,2 +1,2 @@
 import { WalletOption } from '../../../shared';
-export declare const useSetWalletConnectorFetchers: (authToken: string | undefined, walletOptions: WalletOption[] | undefined, environmentId: string) => void;
+export declare const useSetWalletConnectorFetchers: (walletOptions: WalletOption[] | undefined, environmentId: string) => void;

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

@@ -1,6 +1,10 @@
 'use client'
 import { isCoinbaseMpcWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api-core';
+import '../../constants/values.js';
+import '@dynamic-labs/utils';
+import '../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
@@ -8,21 +12,17 @@ import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
-import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
-import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
-import '../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 import { getCoinbaseMPCConnectorFetchers } from '../../functions/getCoinbaseMPCConnectorFetchers/getCoinbaseMPCConnectorFetchers.js';
 
-const useSetWalletConnectorFetchers = (authToken, walletOptions, environmentId) => {
-    if (!authToken || !(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
+const useSetWalletConnectorFetchers = (walletOptions, environmentId) => {
+    if (!(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
-    const { fetchAuthToken, fetchBackupCode, fetchPasscode } = getCoinbaseMPCConnectorFetchers({ authToken, environmentId });
+    const { fetchAuthToken, fetchBackupCode, fetchPasscode } = getCoinbaseMPCConnectorFetchers({ environmentId });
     walletOptions.forEach((walletOption) => {
         if (isCoinbaseMpcWalletConnector(walletOption.walletConnector)) {
             walletOption.walletConnector.setAuthTokenFetcher(fetchAuthToken);

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

@@ -3,30 +3,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
-require('@dynamic-labs/sdk-api-core');
-require('../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('react/jsx-runtime');
-require('../../../context/ViewContext/ViewContext.cjs');
-require('react');
-require('@dynamic-labs/wallet-book');
-require('../../constants/colors.cjs');
-require('../../constants/values.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('@dynamic-labs/utils');
-require('../../../shared/consts/index.cjs');
-
-const useSetWalletConnectorVerifiedCredentials = (authToken, walletOptions) => {
-    if (!authToken || !(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
-        return;
-    const decodedJwt = decodeJwt.decodeJwt(authToken);
-    if (!decodedJwt) {
+const useSetWalletConnectorVerifiedCredentials = (user, walletOptions) => {
+    if (!user || !(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
-    }
     walletOptions.forEach((walletOption) => {
-        walletOption.walletConnector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+        walletOption.walletConnector.setVerifiedCredentials(user.verifiedCredentials);
     });
 };
 

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

@@ -1,2 +1,3 @@
+import { UserProfile } from '../../../..';
 import { WalletOption } from '../../../shared';
-export declare const useSetWalletConnectorVerifiedCredentials: (authToken: string | undefined, walletOptions: WalletOption[] | undefined) => void;
+export declare const useSetWalletConnectorVerifiedCredentials: (user: UserProfile | undefined, walletOptions: WalletOption[] | undefined) => void;