@dynamic-labs/sdk-react-core 3.4.1 → 3.4.2

package/CHANGELOG.md

@@ -1,4 +1,13 @@
 
+### [3.4.2](https://github.com/dynamic-labs/DynamicAuth/compare/v3.4.1...v3.4.2) (2024-10-18)
+
+
+### Bug Fixes
+
+* improve displayed chain name in network switcher ([#7153](https://github.com/dynamic-labs/DynamicAuth/issues/7153)) ([#7160](https://github.com/dynamic-labs/DynamicAuth/issues/7160)) ([838f0ed](https://github.com/dynamic-labs/DynamicAuth/commit/838f0edcda86080459e8aa1dffcdb36e3aa73f1b))
+* surface relevant error message when social pop-up blocked by browser ([#7158](https://github.com/dynamic-labs/DynamicAuth/issues/7158)) ([663e81f](https://github.com/dynamic-labs/DynamicAuth/commit/663e81f45c1ab0c091690dab21a9cafb7f0cccde))
+* use embedded primaryChain when passing undefined chains list to createTurnkeyWallet ([#7156](https://github.com/dynamic-labs/DynamicAuth/issues/7156)) ([f023092](https://github.com/dynamic-labs/DynamicAuth/commit/f023092b3fecef76bcee144632c63a149e5e432f))
+
 ### [3.4.1](https://github.com/dynamic-labs/DynamicAuth/compare/v3.4.0...v3.4.1) (2024-10-17)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.4.1";
+var version = "3.4.2";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.547",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.4.1";
+var version = "3.4.2";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.547",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.4.1",
+  "version": "3.4.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,16 +17,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/assert-package-version": "3.4.1",
-    "@dynamic-labs/iconic": "3.4.1",
-    "@dynamic-labs/logger": "3.4.1",
-    "@dynamic-labs/multi-wallet": "3.4.1",
-    "@dynamic-labs/rpc-providers": "3.4.1",
-    "@dynamic-labs/store": "3.4.1",
-    "@dynamic-labs/types": "3.4.1",
-    "@dynamic-labs/utils": "3.4.1",
-    "@dynamic-labs/wallet-book": "3.4.1",
-    "@dynamic-labs/wallet-connector-core": "3.4.1",
+    "@dynamic-labs/assert-package-version": "3.4.2",
+    "@dynamic-labs/iconic": "3.4.2",
+    "@dynamic-labs/logger": "3.4.2",
+    "@dynamic-labs/multi-wallet": "3.4.2",
+    "@dynamic-labs/rpc-providers": "3.4.2",
+    "@dynamic-labs/store": "3.4.2",
+    "@dynamic-labs/types": "3.4.2",
+    "@dynamic-labs/utils": "3.4.2",
+    "@dynamic-labs/wallet-book": "3.4.2",
+    "@dynamic-labs/wallet-connector-core": "3.4.2",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useSecureEnclaveEmbeddedWallet.cjs

@@ -45,6 +45,7 @@ var errors = require('../../../constants/errors.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 var useElementById = require('../../useElementById/useElementById.cjs');
+var findPrimaryEmbeddedChain = require('../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
 var WalletContext = require('../../../../context/WalletContext/WalletContext.cjs');
 var useIsTurnkeyWallet = require('../../useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
 var turnkeyExport = require('../../../../views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.cjs');
@@ -151,7 +152,8 @@ const useSecureEnclaveEmbeddedWallet = () => {
             throw new utils.DynamicError(errors.USER_NOT_LOGGED_IN);
         }
         const userWalletsCredentials = getUserWalletsFromVerifiedCredentials.getUserWalletsFromVerifiedCredentials(user$1);
-        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(user$1, chains);
+        const primaryChain = findPrimaryEmbeddedChain.findPrimaryEmbeddedChain(projectSettings);
+        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(user$1, chains !== null && chains !== void 0 ? chains : [primaryChain]);
         const isManualMode = ((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _e === void 0 ? void 0 : _e.automaticEmbeddedWalletCreation) === false;
         // if user has a wallet and it's not embedded,
         // throw error to follow another flow and set up the right wallet
@@ -177,7 +179,8 @@ const useSecureEnclaveEmbeddedWallet = () => {
             throw new Error(errors.USER_NOT_LOGGED_IN);
         }
         validateTurnkeyProviderEnabled.validateTurnkeyProviderEnabled(projectSettings);
-        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(user$1);
+        const primaryChain = findPrimaryEmbeddedChain.findPrimaryEmbeddedChain(projectSettings);
+        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(user$1, [primaryChain]);
         const turnkeyWalletId = (_g = embeddedWalletVerifiedCredential === null || embeddedWalletVerifiedCredential === void 0 ? void 0 : embeddedWalletVerifiedCredential.walletProperties) === null || _g === void 0 ? void 0 : _g.turnkeyHDWalletId;
         if (!turnkeyWalletId) {
             throw new utils.DynamicError('No HD wallet was found for this user to derive a wallet account. Use createEmbeddedWallet first', 'NoHdWalletFound');

package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useSecureEnclaveEmbeddedWallet.js

@@ -41,6 +41,7 @@ import { USER_NOT_LOGGED_IN, ACTIVE_SESSION, SESSION_RESTORED, INVALID_REQUEST,
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import { useElementById } from '../../useElementById/useElementById.js';
+import { findPrimaryEmbeddedChain } from '../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
 import { useWalletContext } from '../../../../context/WalletContext/WalletContext.js';
 import { useIsTurnkeyWallet } from '../../useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 import { cleanupExport, initExport, exportCredential } from '../../../../views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.js';
@@ -147,7 +148,8 @@ const useSecureEnclaveEmbeddedWallet = () => {
             throw new DynamicError(USER_NOT_LOGGED_IN);
         }
         const userWalletsCredentials = getUserWalletsFromVerifiedCredentials(user);
-        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(user, chains);
+        const primaryChain = findPrimaryEmbeddedChain(projectSettings);
+        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(user, chains !== null && chains !== void 0 ? chains : [primaryChain]);
         const isManualMode = ((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _e === void 0 ? void 0 : _e.automaticEmbeddedWalletCreation) === false;
         // if user has a wallet and it's not embedded,
         // throw error to follow another flow and set up the right wallet
@@ -173,7 +175,8 @@ const useSecureEnclaveEmbeddedWallet = () => {
             throw new Error(USER_NOT_LOGGED_IN);
         }
         validateTurnkeyProviderEnabled(projectSettings);
-        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(user);
+        const primaryChain = findPrimaryEmbeddedChain(projectSettings);
+        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(user, [primaryChain]);
         const turnkeyWalletId = (_g = embeddedWalletVerifiedCredential === null || embeddedWalletVerifiedCredential === void 0 ? void 0 : embeddedWalletVerifiedCredential.walletProperties) === null || _g === void 0 ? void 0 : _g.turnkeyHDWalletId;
         if (!turnkeyWalletId) {
             throw new DynamicError('No HD wallet was found for this user to derive a wallet account. Use createEmbeddedWallet first', 'NoHdWalletFound');

package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useTurnkey/useTurnkey.cjs

@@ -193,7 +193,10 @@ const useTurnkey = () => {
         const isManualMode = ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _c === void 0 ? void 0 : _c.automaticEmbeddedWalletCreation) === false;
         const shouldCreateV2WalletsByDefault = ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _d === void 0 ? void 0 : _d.defaultWalletVersion) ===
             sdkApiCore.EmbeddedWalletVersionEnum.V2;
-        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(user, chains);
+        const primaryChain = findPrimaryEmbeddedChain.findPrimaryEmbeddedChain(projectSettings);
+        // if embedded wallet already exists
+        // get the one with the primary chain if `chains` is undefined
+        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(user, chains !== null && chains !== void 0 ? chains : [primaryChain]);
         const userWalletsCredentials = getUserWalletsFromVerifiedCredentials.getUserWalletsFromVerifiedCredentials(user);
         // If the user doesn't have a wallet, or if the customer is in Manual
         // Mode, we should attempt to create a new wallet. Note that if in manual
@@ -220,7 +223,7 @@ const useTurnkey = () => {
             if (embeddedWalletVerifiedCredential &&
                 user.newUser &&
                 ((_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _f === void 0 ? void 0 : _f.automaticEmbeddedWalletCreation)) {
-                const walletConnector = findPasskeyEmailWalletConnector.findPasskeyEmailWalletConnector(walletConnectorOptions, findPrimaryEmbeddedChain.findPrimaryEmbeddedChain(projectSettings));
+                const walletConnector = findPasskeyEmailWalletConnector.findPasskeyEmailWalletConnector(walletConnectorOptions, primaryChain);
                 if (!walletConnector) {
                     throw new Error('Could not find the embedded wallet connector');
                 }

package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useTurnkey/useTurnkey.js

@@ -189,7 +189,10 @@ const useTurnkey = () => {
         const isManualMode = ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _c === void 0 ? void 0 : _c.automaticEmbeddedWalletCreation) === false;
         const shouldCreateV2WalletsByDefault = ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _d === void 0 ? void 0 : _d.defaultWalletVersion) ===
             EmbeddedWalletVersionEnum.V2;
-        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(user, chains);
+        const primaryChain = findPrimaryEmbeddedChain(projectSettings);
+        // if embedded wallet already exists
+        // get the one with the primary chain if `chains` is undefined
+        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(user, chains !== null && chains !== void 0 ? chains : [primaryChain]);
         const userWalletsCredentials = getUserWalletsFromVerifiedCredentials(user);
         // If the user doesn't have a wallet, or if the customer is in Manual
         // Mode, we should attempt to create a new wallet. Note that if in manual
@@ -216,7 +219,7 @@ const useTurnkey = () => {
             if (embeddedWalletVerifiedCredential &&
                 user.newUser &&
                 ((_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _f === void 0 ? void 0 : _f.automaticEmbeddedWalletCreation)) {
-                const walletConnector = findPasskeyEmailWalletConnector(walletConnectorOptions, findPrimaryEmbeddedChain(projectSettings));
+                const walletConnector = findPasskeyEmailWalletConnector(walletConnectorOptions, primaryChain);
                 if (!walletConnector) {
                     throw new Error('Could not find the embedded wallet connector');
                 }

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

@@ -45,6 +45,7 @@ require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 var useOtpVerificationRequest = require('../../utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.cjs');
 require('react-dom');
+var findPrimaryEmbeddedChain = require('../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
 require('../../context/WalletContext/WalletContext.cjs');
 var useIsTurnkeyWallet = require('../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
 var usePasskeyRecovery = require('../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
@@ -181,11 +182,12 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
                 (!((_j = (_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _h === void 0 ? void 0 : _h.embeddedWallets) === null || _j === void 0 ? void 0 : _j.forceAuthenticatorAtSignup) ||
                     isSessionKeyCompatible));
             if (isUsingPregeneratedWallets) {
+                const primaryChain = findPrimaryEmbeddedChain.findPrimaryEmbeddedChain(projectSettings);
                 // Pregenerated wallet was created during an
                 // additional email validation step as part of onboarding
                 // cannot rely on newUser JWT field here due to session being counted twice
                 // when authentication happens followed by a separate email kyc step
-                const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(createUserProfile.createUserProfileFromSdkUser(updateUserProfileResponse.user));
+                const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(createUserProfile.createUserProfileFromSdkUser(updateUserProfileResponse.user), [primaryChain]);
                 if (!embeddedWalletVerifiedCredential) {
                     throw new Error('Could not find an embedded wallet');
                 }

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

@@ -41,6 +41,7 @@ import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import { useOtpVerificationRequest } from '../../utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.js';
 import 'react-dom';
+import { findPrimaryEmbeddedChain } from '../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
 import '../../context/WalletContext/WalletContext.js';
 import { useIsTurnkeyWallet } from '../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 import { usePasskeyRecovery } from '../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
@@ -177,11 +178,12 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
                 (!((_j = (_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _h === void 0 ? void 0 : _h.embeddedWallets) === null || _j === void 0 ? void 0 : _j.forceAuthenticatorAtSignup) ||
                     isSessionKeyCompatible));
             if (isUsingPregeneratedWallets) {
+                const primaryChain = findPrimaryEmbeddedChain(projectSettings);
                 // Pregenerated wallet was created during an
                 // additional email validation step as part of onboarding
                 // cannot rely on newUser JWT field here due to session being counted twice
                 // when authentication happens followed by a separate email kyc step
-                const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(createUserProfileFromSdkUser(updateUserProfileResponse.user));
+                const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(createUserProfileFromSdkUser(updateUserProfileResponse.user), [primaryChain]);
                 if (!embeddedWalletVerifiedCredential) {
                     throw new Error('Could not find an embedded wallet');
                 }

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

@@ -83,7 +83,7 @@ require('../../../../store/state/tokenBalances.cjs');
 
 const useFetchChain = (connector) => {
     const fetchChain = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+        var _a, _b;
         if (!connector)
             return { chainId: undefined, name: '', symbol: undefined };
         const chainId = yield connector.getNetwork();
@@ -97,7 +97,8 @@ const useFetchChain = (connector) => {
         /* istanbul ignore else */
         if (chainId && connector.evmNetworks) {
             const result = connector.evmNetworks.find((element) => element.chainId === chainId);
-            chainWithIcon.name = (_a = result === null || result === void 0 ? void 0 : result.vanityName) !== null && _a !== void 0 ? _a : chainWithIcon.name;
+            chainWithIcon.name =
+                (_b = (_a = result === null || result === void 0 ? void 0 : result.vanityName) !== null && _a !== void 0 ? _a : result === null || result === void 0 ? void 0 : result.name) !== null && _b !== void 0 ? _b : chainWithIcon.name;
             chainWithIcon.icon = result === null || result === void 0 ? void 0 : result.iconUrls[0];
         }
         return chainWithIcon;

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

@@ -79,7 +79,7 @@ import '../../../../store/state/tokenBalances.js';
 
 const useFetchChain = (connector) => {
     const fetchChain = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+        var _a, _b;
         if (!connector)
             return { chainId: undefined, name: '', symbol: undefined };
         const chainId = yield connector.getNetwork();
@@ -93,7 +93,8 @@ const useFetchChain = (connector) => {
         /* istanbul ignore else */
         if (chainId && connector.evmNetworks) {
             const result = connector.evmNetworks.find((element) => element.chainId === chainId);
-            chainWithIcon.name = (_a = result === null || result === void 0 ? void 0 : result.vanityName) !== null && _a !== void 0 ? _a : chainWithIcon.name;
+            chainWithIcon.name =
+                (_b = (_a = result === null || result === void 0 ? void 0 : result.vanityName) !== null && _a !== void 0 ? _a : result === null || result === void 0 ? void 0 : result.name) !== null && _b !== void 0 ? _b : chainWithIcon.name;
             chainWithIcon.icon = result === null || result === void 0 ? void 0 : result.iconUrls[0];
         }
         return chainWithIcon;