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

package/CHANGELOG.md

@@ -1,4 +1,15 @@
 
+## [2.1.0-alpha.8](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.7...v2.1.0-alpha.8) (2024-04-26)
+
+
+### Bug Fixes
+
+* display wallet tabs when linking a wallet ([#5491](https://github.com/dynamic-labs/DynamicAuth/issues/5491)) ([10fd6b4](https://github.com/dynamic-labs/DynamicAuth/commit/10fd6b4d9aec7596338c50e17f79f6be534cf2c1))
+* ensure zerodev viem client handles eth_accounts call ([#5477](https://github.com/dynamic-labs/DynamicAuth/issues/5477)) ([1132e1e](https://github.com/dynamic-labs/DynamicAuth/commit/1132e1e8655b58e81cb56789453ba56a059f52ec))
+* network with keplr ([#5485](https://github.com/dynamic-labs/DynamicAuth/issues/5485)) ([b86f2fc](https://github.com/dynamic-labs/DynamicAuth/commit/b86f2fce491f9752e80a86643916da9ac7fb9276))
+* refetch nameservice data and display properly ([#5476](https://github.com/dynamic-labs/DynamicAuth/issues/5476)) ([2aee798](https://github.com/dynamic-labs/DynamicAuth/commit/2aee798846f69496201bec7aa52e7ec1f370b7c3))
+* use embeddedWallet create response authToken in embeddedWalletCreated ([#5478](https://github.com/dynamic-labs/DynamicAuth/issues/5478)) ([51772da](https://github.com/dynamic-labs/DynamicAuth/commit/51772daf557a72984c757efd8301e2b510dc37f1))
+
 ## [2.1.0-alpha.7](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.6...v2.1.0-alpha.7) (2024-04-25)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.1.0-alpha.7";
+var version = "2.1.0-alpha.8";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.425",
+	"@dynamic-labs/sdk-api-core": "0.0.429",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "2.1.0-alpha.7";
+var version = "2.1.0-alpha.8";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.425",
+	"@dynamic-labs/sdk-api-core": "0.0.429",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.1.0-alpha.7",
+  "version": "2.1.0-alpha.8",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.425",
+    "@dynamic-labs/sdk-api-core": "0.0.429",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,17 +17,17 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "2.1.0-alpha.7",
-    "@dynamic-labs/logger": "2.1.0-alpha.7",
-    "@dynamic-labs/multi-wallet": "2.1.0-alpha.7",
-    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.7",
-    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.7",
-    "@dynamic-labs/rpc-providers": "2.1.0-alpha.7",
-    "@dynamic-labs/types": "2.1.0-alpha.7",
-    "@dynamic-labs/utils": "2.1.0-alpha.7",
-    "@dynamic-labs/viem-utils": "2.1.0-alpha.7",
-    "@dynamic-labs/wallet-book": "2.1.0-alpha.7",
-    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.7",
+    "@dynamic-labs/iconic": "2.1.0-alpha.8",
+    "@dynamic-labs/logger": "2.1.0-alpha.8",
+    "@dynamic-labs/multi-wallet": "2.1.0-alpha.8",
+    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.8",
+    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.8",
+    "@dynamic-labs/rpc-providers": "2.1.0-alpha.8",
+    "@dynamic-labs/types": "2.1.0-alpha.8",
+    "@dynamic-labs/utils": "2.1.0-alpha.8",
+    "@dynamic-labs/viem-utils": "2.1.0-alpha.8",
+    "@dynamic-labs/wallet-book": "2.1.0-alpha.8",
+    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.8",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -228,7 +228,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
-    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId();
+    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId({
+        environmentId,
+        minAuthToken: getMinAuthToken.getMinAuthToken(),
+        setUser,
+    });
     // this is a state because it's set based on primaryWallet and bridgeChainsToConnect,
     // which are only available further down and have would have circular dependencies
     const [requiredWalletsConnected, setRequiredWalletsConnected] = React.useState(false);

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -224,7 +224,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage(AUTH_MODE, initialAuthenticationMode);
-    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId();
+    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId({
+        environmentId,
+        minAuthToken: getMinAuthToken(),
+        setUser,
+    });
     // this is a state because it's set based on primaryWallet and bridgeChainsToConnect,
     // which are only available further down and have would have circular dependencies
     const [requiredWalletsConnected, setRequiredWalletsConnected] = useState(false);

package/src/lib/data/api/wallets/wallets.cjs

@@ -19,7 +19,22 @@ require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../shared/consts/index.cjs');
 var api = require('../api.cjs');
 
-const linkWallet = (environmentId_1, _a, userJwt_1) => _tslib.__awaiter(void 0, [environmentId_1, _a, userJwt_1], void 0, function* (environmentId, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }, userJwt) {
+const storeSelectedWallet = (_a, userJwt_1) => _tslib.__awaiter(void 0, [_a, userJwt_1], void 0, function* ({ environmentId, walletId, }, userJwt) {
+    try {
+        const response = yield api.sdkApi(userJwt).selectUserWallet({
+            environmentId,
+            userWalletSelectionRequest: {
+                walletId,
+            },
+        });
+        return response;
+    }
+    catch (e) {
+        logger.logger.error('error storing selected wallet', e);
+        return undefined;
+    }
+});
+const linkWallet = (environmentId_1, _b, userJwt_2) => _tslib.__awaiter(void 0, [environmentId_1, _b, userJwt_2], void 0, function* (environmentId, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }, userJwt) {
     const verifyRequest = sdkApiCore.VerifyRequestFromJSON({
         additionalWalletAddresses,
         backup,
@@ -57,7 +72,7 @@ const linkWallet = (environmentId_1, _a, userJwt_1) => _tslib.__awaiter(void 0,
         return undefined;
     }
 });
-const unlinkWallet = (_b, userJwt_2) => _tslib.__awaiter(void 0, [_b, userJwt_2], void 0, function* ({ environmentId, primaryWalletId, walletId, }, userJwt) {
+const unlinkWallet = (_c, userJwt_3) => _tslib.__awaiter(void 0, [_c, userJwt_3], void 0, function* ({ environmentId, primaryWalletId, walletId, }, userJwt) {
     try {
         const response = yield api.sdkApi(userJwt).verifyUnlink({
             environmentId,
@@ -72,7 +87,7 @@ const unlinkWallet = (_b, userJwt_2) => _tslib.__awaiter(void 0, [_b, userJwt_2]
         return undefined;
     }
 });
-const transferWallet = (environmentId_2, _c, userJwt_3) => _tslib.__awaiter(void 0, [environmentId_2, _c, userJwt_3], void 0, function* (environmentId, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck = false, }, userJwt) {
+const transferWallet = (environmentId_2, _d, userJwt_4) => _tslib.__awaiter(void 0, [environmentId_2, _d, userJwt_4], void 0, function* (environmentId, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck = false, }, userJwt) {
     // We should find a better way to do this than force type casting
     const verifyRequest = {
         chain,
@@ -91,11 +106,11 @@ const transferWallet = (environmentId_2, _c, userJwt_3) => _tslib.__awaiter(void
         });
         return response;
     }
-    catch (_d) {
+    catch (_e) {
         return undefined;
     }
 });
-const verifyWallet = (environmentId_3, _e) => _tslib.__awaiter(void 0, [environmentId_3, _e], void 0, function* (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, additionalWalletAddresses, }) {
+const verifyWallet = (environmentId_3, _f) => _tslib.__awaiter(void 0, [environmentId_3, _f], void 0, function* (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, additionalWalletAddresses, }) {
     const verifyRequest = sdkApiCore.VerifyRequestFromJSON({
         additionalWalletAddresses,
         captchaToken,
@@ -140,6 +155,7 @@ const verifyWallet = (environmentId_3, _e) => _tslib.__awaiter(void 0, [environm
 });
 
 exports.linkWallet = linkWallet;
+exports.storeSelectedWallet = storeSelectedWallet;
 exports.transferWallet = transferWallet;
 exports.unlinkWallet = unlinkWallet;
 exports.verifyWallet = verifyWallet;

package/src/lib/data/api/wallets/wallets.d.ts

@@ -1,5 +1,9 @@
 import { VerifyResponse } from '@dynamic-labs/sdk-api-core';
 import { VerifyWallet } from '../../../shared/types';
+export declare const storeSelectedWallet: ({ environmentId, walletId, }: {
+    environmentId: string;
+    walletId: string;
+}, userJwt: string) => Promise<VerifyResponse | undefined>;
 export declare const linkWallet: (environmentId: string, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }: VerifyWallet, userJwt: string) => Promise<VerifyResponse | undefined>;
 export declare const unlinkWallet: ({ environmentId, primaryWalletId, walletId, }: {
     environmentId: string;

package/src/lib/data/api/wallets/wallets.js

@@ -15,7 +15,22 @@ import '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../shared/consts/index.js';
 import { sdkApi } from '../api.js';
 
-const linkWallet = (environmentId_1, _a, userJwt_1) => __awaiter(void 0, [environmentId_1, _a, userJwt_1], void 0, function* (environmentId, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }, userJwt) {
+const storeSelectedWallet = (_a, userJwt_1) => __awaiter(void 0, [_a, userJwt_1], void 0, function* ({ environmentId, walletId, }, userJwt) {
+    try {
+        const response = yield sdkApi(userJwt).selectUserWallet({
+            environmentId,
+            userWalletSelectionRequest: {
+                walletId,
+            },
+        });
+        return response;
+    }
+    catch (e) {
+        logger.error('error storing selected wallet', e);
+        return undefined;
+    }
+});
+const linkWallet = (environmentId_1, _b, userJwt_2) => __awaiter(void 0, [environmentId_1, _b, userJwt_2], void 0, function* (environmentId, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }, userJwt) {
     const verifyRequest = VerifyRequestFromJSON({
         additionalWalletAddresses,
         backup,
@@ -53,7 +68,7 @@ const linkWallet = (environmentId_1, _a, userJwt_1) => __awaiter(void 0, [enviro
         return undefined;
     }
 });
-const unlinkWallet = (_b, userJwt_2) => __awaiter(void 0, [_b, userJwt_2], void 0, function* ({ environmentId, primaryWalletId, walletId, }, userJwt) {
+const unlinkWallet = (_c, userJwt_3) => __awaiter(void 0, [_c, userJwt_3], void 0, function* ({ environmentId, primaryWalletId, walletId, }, userJwt) {
     try {
         const response = yield sdkApi(userJwt).verifyUnlink({
             environmentId,
@@ -68,7 +83,7 @@ const unlinkWallet = (_b, userJwt_2) => __awaiter(void 0, [_b, userJwt_2], void
         return undefined;
     }
 });
-const transferWallet = (environmentId_2, _c, userJwt_3) => __awaiter(void 0, [environmentId_2, _c, userJwt_3], void 0, function* (environmentId, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck = false, }, userJwt) {
+const transferWallet = (environmentId_2, _d, userJwt_4) => __awaiter(void 0, [environmentId_2, _d, userJwt_4], void 0, function* (environmentId, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck = false, }, userJwt) {
     // We should find a better way to do this than force type casting
     const verifyRequest = {
         chain,
@@ -87,11 +102,11 @@ const transferWallet = (environmentId_2, _c, userJwt_3) => __awaiter(void 0, [en
         });
         return response;
     }
-    catch (_d) {
+    catch (_e) {
         return undefined;
     }
 });
-const verifyWallet = (environmentId_3, _e) => __awaiter(void 0, [environmentId_3, _e], void 0, function* (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, additionalWalletAddresses, }) {
+const verifyWallet = (environmentId_3, _f) => __awaiter(void 0, [environmentId_3, _f], void 0, function* (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, additionalWalletAddresses, }) {
     const verifyRequest = VerifyRequestFromJSON({
         additionalWalletAddresses,
         captchaToken,
@@ -135,4 +150,4 @@ const verifyWallet = (environmentId_3, _e) => __awaiter(void 0, [environmentId_3
     }
 });
 
-export { linkWallet, transferWallet, unlinkWallet, verifyWallet };
+export { linkWallet, storeSelectedWallet, transferWallet, unlinkWallet, verifyWallet };

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

@@ -131,7 +131,7 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
             }
             setUser(updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(signersResponse.jwt, signersResponse.minifiedJwt));
             setShowAuthFlow(false, { performMultiWalletChecks: false });
-            dynamicEvents.dynamicEvents.emit('embeddedWalletCreated', passkeyWallet, turnkeyVerifiedCredentials, authToken);
+            dynamicEvents.dynamicEvents.emit('embeddedWalletCreated', passkeyWallet, turnkeyVerifiedCredentials, signersResponse.jwt);
         }
         catch (err) {
             setError(err);

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

@@ -127,7 +127,7 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
             }
             setUser(updateJWTAndCreateUserProfile(signersResponse.jwt, signersResponse.minifiedJwt));
             setShowAuthFlow(false, { performMultiWalletChecks: false });
-            dynamicEvents.emit('embeddedWalletCreated', passkeyWallet, turnkeyVerifiedCredentials, authToken);
+            dynamicEvents.emit('embeddedWalletCreated', passkeyWallet, turnkeyVerifiedCredentials, signersResponse.jwt);
         }
         catch (err) {
             setError(err);

package/src/lib/utils/hooks/useEmbeddedWallet/useMPCEmbeddedWallet/useCoinbaseMPC/useCoinbaseMPC.cjs

@@ -128,7 +128,7 @@ const useCoinbaseMPC = () => {
         setPrimaryWalletId(newSelectedCredentialWallet.id);
         setUser(user);
         connector.setVerifiedCredentials(user.verifiedCredentials);
-        return newSelectedCredentialWallet;
+        return { authToken: response === null || response === void 0 ? void 0 : response.jwt, newSelectedCredentialWallet };
     }), [
         appName,
         consumeNonce,
@@ -147,7 +147,7 @@ const useCoinbaseMPC = () => {
             : sdkApiCore.PasswordSourceTypeEnum.Dynamic;
         try {
             const backupCode = yield connector.generateWallet(source, initialWalletPassword);
-            const jwtVerifiedCredential = yield linkCoinbaseMPCWallet({
+            const { authToken, newSelectedCredentialWallet } = yield linkCoinbaseMPCWallet({
                 backupCode,
                 connector,
                 jwt,
@@ -160,9 +160,9 @@ const useCoinbaseMPC = () => {
                 chain: (connector === null || connector === void 0 ? void 0 : connector.connectedChain) || '',
                 connected: true,
                 connector,
-                id: jwtVerifiedCredential.id,
+                id: newSelectedCredentialWallet.id,
             };
-            dynamicEvents.dynamicEvents.emit('embeddedWalletCreated', coinbaseMPCWallet, jwtVerifiedCredential, jwt);
+            dynamicEvents.dynamicEvents.emit('embeddedWalletCreated', coinbaseMPCWallet, newSelectedCredentialWallet, authToken);
             return coinbaseMPCWallet;
         }
         catch (error) {

package/src/lib/utils/hooks/useEmbeddedWallet/useMPCEmbeddedWallet/useCoinbaseMPC/useCoinbaseMPC.js

@@ -124,7 +124,7 @@ const useCoinbaseMPC = () => {
         setPrimaryWalletId(newSelectedCredentialWallet.id);
         setUser(user);
         connector.setVerifiedCredentials(user.verifiedCredentials);
-        return newSelectedCredentialWallet;
+        return { authToken: response === null || response === void 0 ? void 0 : response.jwt, newSelectedCredentialWallet };
     }), [
         appName,
         consumeNonce,
@@ -143,7 +143,7 @@ const useCoinbaseMPC = () => {
             : PasswordSourceTypeEnum.Dynamic;
         try {
             const backupCode = yield connector.generateWallet(source, initialWalletPassword);
-            const jwtVerifiedCredential = yield linkCoinbaseMPCWallet({
+            const { authToken, newSelectedCredentialWallet } = yield linkCoinbaseMPCWallet({
                 backupCode,
                 connector,
                 jwt,
@@ -156,9 +156,9 @@ const useCoinbaseMPC = () => {
                 chain: (connector === null || connector === void 0 ? void 0 : connector.connectedChain) || '',
                 connected: true,
                 connector,
-                id: jwtVerifiedCredential.id,
+                id: newSelectedCredentialWallet.id,
             };
-            dynamicEvents.emit('embeddedWalletCreated', coinbaseMPCWallet, jwtVerifiedCredential, jwt);
+            dynamicEvents.emit('embeddedWalletCreated', coinbaseMPCWallet, newSelectedCredentialWallet, authToken);
             return coinbaseMPCWallet;
         }
         catch (error) {

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

@@ -3,6 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
@@ -19,19 +20,27 @@ var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLo
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var primaryWalletIdValidator = require('../useWalletConnectors/utils/primaryWalletIdValidator/primaryWalletIdValidator.cjs');
-require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
+var wallets = require('../../../data/api/wallets/wallets.cjs');
+var updateJWTAndCreateUserProfile = require('../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.cjs');
 
-const usePrimaryWalletId = () => {
+const usePrimaryWalletId = ({ minAuthToken, environmentId, setUser, }) => {
     const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage.useLocalStorage(localStorage.PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator.primaryWalletIdValidator);
-    const setPrimaryWalletId = React.useCallback((walletId) => {
+    const setPrimaryWalletId = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setPrimaryWalletIdState(walletId);
-    }, [setPrimaryWalletIdState]);
+        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));
+            }
+        }
+    }), [setPrimaryWalletIdState]);
     return {
         clearPrimaryWalletId,
         primaryWalletId,

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

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

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

@@ -1,4 +1,5 @@
 'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
@@ -15,19 +16,27 @@ import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/use
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { primaryWalletIdValidator } from '../useWalletConnectors/utils/primaryWalletIdValidator/primaryWalletIdValidator.js';
-import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
+import { storeSelectedWallet } from '../../../data/api/wallets/wallets.js';
+import { updateJWTAndCreateUserProfile } from '../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js';
 
-const usePrimaryWalletId = () => {
+const usePrimaryWalletId = ({ minAuthToken, environmentId, setUser, }) => {
     const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage(PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator);
-    const setPrimaryWalletId = useCallback((walletId) => {
+    const setPrimaryWalletId = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
         setPrimaryWalletIdState(walletId);
-    }, [setPrimaryWalletIdState]);
+        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));
+            }
+        }
+    }), [setPrimaryWalletIdState]);
     return {
         clearPrimaryWalletId,
         primaryWalletId,

package/src/lib/views/WalletList/WalletList.cjs

@@ -21,7 +21,7 @@ require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
@@ -83,7 +83,6 @@ require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 var index = require('../../utils/functions/walletFilters/index.cjs');
-var isUserLinkingWallet = require('../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.cjs');
 var SearchNotFoundMessage = require('./SearchNotFoundMessage/SearchNotFoundMessage.cjs');
 var WalletListGridTabs = require('./WalletListGridTabs/WalletListGridTabs.cjs');
 var useTabState = require('./hooks/useTabState.cjs');
@@ -93,10 +92,8 @@ var getEffectiveRecommendedWallets = require('./utils/getEffectiveRecommendedWal
 localStorage.LocalStorage.setToLS(localStorage$1.WALLET_PICKER_SEARCH_KEY, '');
 const WalletList = ({ isWalletConnectList = false, }) => {
     var _a;
-    const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, user, recommendedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { view } = ViewContext.useViewContext();
+    const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, recommendedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
     const { selectedTabIndex, setSelectedTabIndex, selectedTabSettings, tabsItems, } = useTabState.useTabState();
-    const isLinkingWallet = isUserLinkingWallet.isUserLinkingWallet(user, view.type, false);
     const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const { error } = ErrorContext.useErrorContext();
     const { showDefaultFooter } = useAuthLayoutChecks.useAuthLayoutChecks();
@@ -126,7 +123,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     const isSearchEnabled = Boolean(filterValue) ||
         (numberOfWallets > defaultNumberOfWalletsToShow &&
             walletsList.length !== numberOfWallets);
-    const isTabsEnabled = Boolean((tabsItems === null || tabsItems === void 0 ? void 0 : tabsItems.length) && !isLinkingWallet);
+    const isTabsEnabled = Boolean(tabsItems === null || tabsItems === void 0 ? void 0 : tabsItems.length);
     const walletListScrollRef = React.useRef(null);
     /* istanbul ignore next */
     const handleScroll = () => {

package/src/lib/views/WalletList/WalletList.js

@@ -17,7 +17,7 @@ import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import '../../context/ViewContext/ViewContext.js';
 import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
@@ -79,7 +79,6 @@ import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import { FilterBridgeChainsName } from '../../utils/functions/walletFilters/index.js';
-import { isUserLinkingWallet } from '../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.js';
 import { SearchNotFoundMessage } from './SearchNotFoundMessage/SearchNotFoundMessage.js';
 import { WalletListGridTabs } from './WalletListGridTabs/WalletListGridTabs.js';
 import { useTabState } from './hooks/useTabState.js';
@@ -89,10 +88,8 @@ import { getEffectiveRecommendedWallets } from './utils/getEffectiveRecommendedW
 LocalStorage.setToLS(WALLET_PICKER_SEARCH_KEY, '');
 const WalletList = ({ isWalletConnectList = false, }) => {
     var _a;
-    const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, user, recommendedWallets, } = useInternalDynamicContext();
-    const { view } = useViewContext();
+    const { walletsFilter, signWithEmailWalletName, walletConnectorOptions, projectSettings, defaultNumberOfWalletsToShow, bridgeChainsToConnect, connectedWallets, authMode, multiWallet, recommendedWallets, } = useInternalDynamicContext();
     const { selectedTabIndex, setSelectedTabIndex, selectedTabSettings, tabsItems, } = useTabState();
-    const isLinkingWallet = isUserLinkingWallet(user, view.type, false);
     const { walletBook } = useWalletBookContext();
     const { error } = useErrorContext();
     const { showDefaultFooter } = useAuthLayoutChecks();
@@ -122,7 +119,7 @@ const WalletList = ({ isWalletConnectList = false, }) => {
     const isSearchEnabled = Boolean(filterValue) ||
         (numberOfWallets > defaultNumberOfWalletsToShow &&
             walletsList.length !== numberOfWallets);
-    const isTabsEnabled = Boolean((tabsItems === null || tabsItems === void 0 ? void 0 : tabsItems.length) && !isLinkingWallet);
+    const isTabsEnabled = Boolean(tabsItems === null || tabsItems === void 0 ? void 0 : tabsItems.length);
     const walletListScrollRef = useRef(null);
     /* istanbul ignore next */
     const handleScroll = () => {

package/src/lib/views/WalletLockedView/WalletLockedView.cjs

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var reactI18next = require('react-i18next');
 var walletBook = require('@dynamic-labs/wallet-book');
+require('react');
 require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
@@ -83,14 +83,8 @@ require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection
 
 const iconSize = 64;
 const WalletLockedView = () => {
-    const { handleLogOut, primaryWallet, setShowAuthFlow, appName, authToken } = useInternalDynamicContext.useInternalDynamicContext();
+    const { handleLogOut, primaryWallet, setShowAuthFlow, appName } = useInternalDynamicContext.useInternalDynamicContext();
     const { t } = reactI18next.useTranslation();
-    React.useEffect(() => {
-        // when there is no valid session, we want to log user out
-        if (!authToken) {
-            handleLogOut();
-        }
-    }, [authToken, handleLogOut]);
     if (!primaryWallet) {
         return null;
     }

package/src/lib/views/WalletLockedView/WalletLockedView.js

@@ -1,9 +1,9 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
+import 'react';
 import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
@@ -79,14 +79,8 @@ import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.
 
 const iconSize = 64;
 const WalletLockedView = () => {
-    const { handleLogOut, primaryWallet, setShowAuthFlow, appName, authToken } = useInternalDynamicContext();
+    const { handleLogOut, primaryWallet, setShowAuthFlow, appName } = useInternalDynamicContext();
     const { t } = useTranslation();
-    useEffect(() => {
-        // when there is no valid session, we want to log user out
-        if (!authToken) {
-            handleLogOut();
-        }
-    }, [authToken, handleLogOut]);
     if (!primaryWallet) {
         return null;
     }

package/src/lib/widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs

@@ -78,7 +78,7 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useD
 const useFetchNameService = (address) => {
     const { getNameService, network } = useInternalDynamicContext.useInternalDynamicContext();
     const { data: nameService } = usePromise.usePromise(() => getNameService(address), {
-        deps: [address, network],
+        deps: [address, network, getNameService],
     });
     return nameService;
 };

package/src/lib/widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.js

@@ -74,7 +74,7 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 const useFetchNameService = (address) => {
     const { getNameService, network } = useInternalDynamicContext();
     const { data: nameService } = usePromise(() => getNameService(address), {
-        deps: [address, network],
+        deps: [address, network, getNameService],
     });
     return nameService;
 };