@dynamic-labs/sdk-react-core 3.9.10 → 3.9.11

package/CHANGELOG.md

@@ -1,4 +1,12 @@
 
+### [3.9.11](https://github.com/dynamic-labs/DynamicAuth/compare/v3.9.10...v3.9.11) (2025-02-08)
+
+
+### Bug Fixes
+
+* ensure correct dependencies are listed in packages ([#7958](https://github.com/dynamic-labs/DynamicAuth/issues/7958)) ([0ba0035](https://github.com/dynamic-labs/DynamicAuth/commit/0ba003520136336ea69a6ac163d36acec2b67970))
+* ensure user wallets state has been updated before emitting walletAdded/walletRemoved events ([#7870](https://github.com/dynamic-labs/DynamicAuth/issues/7870)) ([5d89ad0](https://github.com/dynamic-labs/DynamicAuth/commit/5d89ad02a278ccb1b47bc46a8e36c15180ed7965)), closes [#7863](https://github.com/dynamic-labs/DynamicAuth/issues/7863)
+
 ### [3.9.10](https://github.com/dynamic-labs/DynamicAuth/compare/v3.9.9...v3.9.10) (2025-01-16)
 
 

package/package.cjs

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

package/package.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.9.10",
+  "version": "3.9.11",
   "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.9.10",
-    "@dynamic-labs/iconic": "3.9.10",
-    "@dynamic-labs/logger": "3.9.10",
-    "@dynamic-labs/multi-wallet": "3.9.10",
-    "@dynamic-labs/rpc-providers": "3.9.10",
-    "@dynamic-labs/store": "3.9.10",
-    "@dynamic-labs/types": "3.9.10",
-    "@dynamic-labs/utils": "3.9.10",
-    "@dynamic-labs/wallet-book": "3.9.10",
-    "@dynamic-labs/wallet-connector-core": "3.9.10",
+    "@dynamic-labs/assert-package-version": "3.9.11",
+    "@dynamic-labs/iconic": "3.9.11",
+    "@dynamic-labs/logger": "3.9.11",
+    "@dynamic-labs/multi-wallet": "3.9.11",
+    "@dynamic-labs/rpc-providers": "3.9.11",
+    "@dynamic-labs/store": "3.9.11",
+    "@dynamic-labs/types": "3.9.11",
+    "@dynamic-labs/utils": "3.9.11",
+    "@dynamic-labs/wallet-book": "3.9.11",
+    "@dynamic-labs/wallet-connector-core": "3.9.11",
     "bs58": "5.0.0",
     "eventemitter3": "5.0.1"
   },

package/src/lib/context/UserWalletsContext/UserWalletsContext.cjs

@@ -11,28 +11,33 @@ var dynamicEvents = require('../../events/dynamicEvents.cjs');
 const UserWalletsContext = React.createContext(undefined);
 const UserWalletsProvider = ({ children }) => {
     const [userWallets, _setUserWallets] = React.useState([]);
+    const prevUserWallets = React.useRef([]);
     const addedWalletsIds = React.useRef([]);
     const removedWalletsIds = React.useRef([]);
     const setUserWallets = React.useCallback((returnUpdatedWallets) => {
         _setUserWallets((prevWallets) => {
+            prevUserWallets.current = prevWallets;
             const updatedWallets = returnUpdatedWallets(prevWallets);
-            addedWalletsIds.current.forEach((walletId) => {
-                const wallet = updatedWallets.find(({ id }) => id === walletId);
-                if (!wallet)
-                    return;
-                dynamicEvents.dynamicEvents.emit('walletAdded', wallet, updatedWallets);
-            });
-            removedWalletsIds.current.forEach((walletId) => {
-                const wallet = prevWallets.find(({ id }) => id === walletId);
-                if (!wallet)
-                    return;
-                dynamicEvents.dynamicEvents.emit('walletRemoved', wallet, updatedWallets);
-            });
-            addedWalletsIds.current = [];
-            removedWalletsIds.current = [];
             return updatedWallets;
         });
     }, []);
+    // it's an useEffect because it needs to be called after the userWallets state is updated
+    React.useEffect(() => {
+        addedWalletsIds.current.forEach((walletId) => {
+            const wallet = userWallets.find(({ id }) => id === walletId);
+            if (!wallet)
+                return;
+            dynamicEvents.dynamicEvents.emit('walletAdded', wallet, userWallets);
+        });
+        removedWalletsIds.current.forEach((walletId) => {
+            const wallet = prevUserWallets.current.find(({ id }) => id === walletId);
+            if (!wallet)
+                return;
+            dynamicEvents.dynamicEvents.emit('walletRemoved', wallet, userWallets);
+        });
+        addedWalletsIds.current = [];
+        removedWalletsIds.current = [];
+    }, [userWallets]);
     return (jsxRuntime.jsx(UserWalletsContext.Provider, { value: {
             addedWalletsIds,
             registerUserWallet: (newWallet) => setUserWallets((userWallets) => [...userWallets, newWallet]),

package/src/lib/context/UserWalletsContext/UserWalletsContext.js

@@ -1,34 +1,39 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useRef, useCallback } from 'react';
+import { createContext, useContext, useState, useRef, useCallback, useEffect } from 'react';
 import { dynamicEvents } from '../../events/dynamicEvents.js';
 
 /** Context for accessing the current user/session's wallets */
 const UserWalletsContext = createContext(undefined);
 const UserWalletsProvider = ({ children }) => {
     const [userWallets, _setUserWallets] = useState([]);
+    const prevUserWallets = useRef([]);
     const addedWalletsIds = useRef([]);
     const removedWalletsIds = useRef([]);
     const setUserWallets = useCallback((returnUpdatedWallets) => {
         _setUserWallets((prevWallets) => {
+            prevUserWallets.current = prevWallets;
             const updatedWallets = returnUpdatedWallets(prevWallets);
-            addedWalletsIds.current.forEach((walletId) => {
-                const wallet = updatedWallets.find(({ id }) => id === walletId);
-                if (!wallet)
-                    return;
-                dynamicEvents.emit('walletAdded', wallet, updatedWallets);
-            });
-            removedWalletsIds.current.forEach((walletId) => {
-                const wallet = prevWallets.find(({ id }) => id === walletId);
-                if (!wallet)
-                    return;
-                dynamicEvents.emit('walletRemoved', wallet, updatedWallets);
-            });
-            addedWalletsIds.current = [];
-            removedWalletsIds.current = [];
             return updatedWallets;
         });
     }, []);
+    // it's an useEffect because it needs to be called after the userWallets state is updated
+    useEffect(() => {
+        addedWalletsIds.current.forEach((walletId) => {
+            const wallet = userWallets.find(({ id }) => id === walletId);
+            if (!wallet)
+                return;
+            dynamicEvents.emit('walletAdded', wallet, userWallets);
+        });
+        removedWalletsIds.current.forEach((walletId) => {
+            const wallet = prevUserWallets.current.find(({ id }) => id === walletId);
+            if (!wallet)
+                return;
+            dynamicEvents.emit('walletRemoved', wallet, userWallets);
+        });
+        addedWalletsIds.current = [];
+        removedWalletsIds.current = [];
+    }, [userWallets]);
     return (jsx(UserWalletsContext.Provider, { value: {
             addedWalletsIds,
             registerUserWallet: (newWallet) => setUserWallets((userWallets) => [...userWallets, newWallet]),

package/src/lib/context/ViewContext/types/index.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { viewToComponentMap } from '../../../views/viewToComponentMap';
-export type ViewType = 'access-blocked' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view';
+export type ViewType = 'access-blocked' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 type ComponentProps<T extends FC<any>> = T extends FC<infer P> ? P : never;
 export type ViewMap = typeof viewToComponentMap;

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

@@ -51,6 +51,9 @@ const linkWallet = (environmentId_1, _b) => _tslib.__awaiter(void 0, [environmen
     }
     catch (e) {
         const data = yield utils.logResponseError(e, 'Error linkWallet');
+        if (data.code === 'embedded_wallet_address_already_linked') {
+            throw new utils$1.EmbeddedWalletExistsError(data.code);
+        }
         if (data.code === 'reassign_wallet_confirm' ||
             data.code === 'reassign_wallet_error') {
             throw new utils$1.WalletUsedError(data.code);

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { VerifyRequestFromJSON } from '@dynamic-labs/sdk-api-core';
-import { WalletUsedError, MergeAccountsConfirmationError, SandboxMaximumThresholdReachedError, DynamicError, WalletNotDeployedError, ChainalysisError, GateBlockedError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
+import { EmbeddedWalletExistsError, WalletUsedError, MergeAccountsConfirmationError, SandboxMaximumThresholdReachedError, DynamicError, WalletNotDeployedError, ChainalysisError, GateBlockedError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
 import { sdkApi } from '../api.js';
 import { storeAuthTokenAndUser } from '../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.js';
 import '../../../store/state/user/user.js';
@@ -47,6 +47,9 @@ const linkWallet = (environmentId_1, _b) => __awaiter(void 0, [environmentId_1,
     }
     catch (e) {
         const data = yield logResponseError(e, 'Error linkWallet');
+        if (data.code === 'embedded_wallet_address_already_linked') {
+            throw new EmbeddedWalletExistsError(data.code);
+        }
         if (data.code === 'reassign_wallet_confirm' ||
             data.code === 'reassign_wallet_error') {
             throw new WalletUsedError(data.code);

package/src/lib/locale/en/translation.cjs

@@ -2008,6 +2008,10 @@ const translation = {
         },
         log_out_button: 'Log out',
         title: 'Transfer this wallet?',
+        already_exists: {
+            title: 'Wallet Already Linked',
+            description: 'This wallet is already used as an embedded wallet. You cannot link it unless you delete the existing embedded wallet.',
+        },
     },
     /**
      * @description copy keys for connecting wallets list view

package/src/lib/locale/en/translation.d.ts

@@ -2004,6 +2004,10 @@ export declare const translation: {
         };
         log_out_button: string;
         title: string;
+        already_exists: {
+            title: string;
+            description: string;
+        };
     };
     /**
      * @description copy keys for connecting wallets list view

package/src/lib/locale/en/translation.js

@@ -2004,6 +2004,10 @@ const translation = {
         },
         log_out_button: 'Log out',
         title: 'Transfer this wallet?',
+        already_exists: {
+            title: 'Wallet Already Linked',
+            description: 'This wallet is already used as an embedded wallet. You cannot link it unless you delete the existing embedded wallet.',
+        },
     },
     /**
      * @description copy keys for connecting wallets list view