@dynamic-labs/sdk-react-core 4.31.3 → 4.32.0

package/CHANGELOG.md

@@ -1,4 +1,23 @@
 
+## [4.32.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.31.4...v4.32.0) (2025-09-17)
+
+
+### Features
+
+* add methods to check if mfa recovery codes are ackowledged and generate new ones ([#9511](https://github.com/dynamic-labs/dynamic-auth/issues/9511)) ([23598b3](https://github.com/dynamic-labs/dynamic-auth/commit/23598b38b1b3ec75b9aa601a00971a9d5268ab8f))
+
+
+### Bug Fixes
+
+* primaryWalletChanged not emitted on login with same wallet ([#9515](https://github.com/dynamic-labs/dynamic-auth/issues/9515)) ([cf42dfa](https://github.com/dynamic-labs/dynamic-auth/commit/cf42dfa69daf123c4a796d0fc926c72b44427734))
+
+### [4.31.4](https://github.com/dynamic-labs/dynamic-auth/compare/v4.31.3...v4.31.4) (2025-09-16)
+
+
+### Bug Fixes
+
+* prevent useUserWallets from returning empty array when cancelling wallet connect connection ([#9500](https://github.com/dynamic-labs/dynamic-auth/issues/9500)) ([850f03c](https://github.com/dynamic-labs/dynamic-auth/commit/850f03cdc954da5a2af5285d873fc02a2f95e09e))
+
 ### [4.31.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.31.2...v4.31.3) (2025-09-15)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.31.3";
+var version = "4.32.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.762",
 	"@dynamic-labs-sdk/client": "0.1.0-alpha.3",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.31.3";
+var version = "4.32.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.762",
 	"@dynamic-labs-sdk/client": "0.1.0-alpha.3",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.31.3",
+  "version": "4.32.0",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.762",
     "@dynamic-labs-sdk/client": "0.1.0-alpha.3",
@@ -15,16 +15,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.31.3",
-    "@dynamic-labs/iconic": "4.31.3",
-    "@dynamic-labs/logger": "4.31.3",
-    "@dynamic-labs/multi-wallet": "4.31.3",
-    "@dynamic-labs/rpc-providers": "4.31.3",
-    "@dynamic-labs/store": "4.31.3",
-    "@dynamic-labs/types": "4.31.3",
-    "@dynamic-labs/utils": "4.31.3",
-    "@dynamic-labs/wallet-book": "4.31.3",
-    "@dynamic-labs/wallet-connector-core": "4.31.3",
+    "@dynamic-labs/assert-package-version": "4.32.0",
+    "@dynamic-labs/iconic": "4.32.0",
+    "@dynamic-labs/logger": "4.32.0",
+    "@dynamic-labs/multi-wallet": "4.32.0",
+    "@dynamic-labs/rpc-providers": "4.32.0",
+    "@dynamic-labs/store": "4.32.0",
+    "@dynamic-labs/types": "4.32.0",
+    "@dynamic-labs/utils": "4.32.0",
+    "@dynamic-labs/wallet-book": "4.32.0",
+    "@dynamic-labs/wallet-connector-core": "4.32.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/context/ViewContext/ViewContext.cjs

@@ -7,6 +7,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var useDynamicEvents = require('../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
+var dynamicEvents = require('../../events/dynamicEvents.cjs');
 
 const ViewContext = React.createContext(undefined);
 const ViewContextProvider = ({ children, initialViewType }) => {
@@ -45,6 +46,7 @@ const ViewContextProvider = ({ children, initialViewType }) => {
             return;
         clearError();
         setStack((prev) => prev.slice(0, -1));
+        dynamicEvents.dynamicEvents.emit('goBack');
     }, [canGoBack, clearError]);
     const clearStackAndPush = React.useCallback((type, props, events) => {
         clearError();

package/src/lib/context/ViewContext/ViewContext.js

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useMemo, useCallback } from 'react';
 import { useInternalDynamicEvents } from '../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 import { useErrorContext } from '../ErrorContext/ErrorContext.js';
+import { dynamicEvents } from '../../events/dynamicEvents.js';
 
 const ViewContext = createContext(undefined);
 const ViewContextProvider = ({ children, initialViewType }) => {
@@ -41,6 +42,7 @@ const ViewContextProvider = ({ children, initialViewType }) => {
             return;
         clearError();
         setStack((prev) => prev.slice(0, -1));
+        dynamicEvents.emit('goBack');
     }, [canGoBack, clearError]);
     const clearStackAndPush = useCallback((type, props, events) => {
         clearError();

package/src/lib/events/ui.d.ts

@@ -17,4 +17,8 @@ export type UIEvents = {
     }) => void;
     userProfileOpen: () => void;
     userProfileClose: () => void;
+    /**
+     * Triggered when the user clicks the back button
+     */
+    goBack: () => void;
 };

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs

@@ -163,11 +163,18 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
     };
     return (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ walletConnector, getAddressOpts = undefined, }) {
         var _b;
+        const connectionCancelPromise = new utils.DeferredPromise();
+        const onGoBack = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            loadingAndLifecycle.setIsInitialWalletVerificationInProgress(false);
+            connectionCancelPromise.reject(new utils.GetAddressCancelledError());
+        });
         try {
+            dynamicEvents.dynamicEvents.on('goBack', onGoBack);
+            dynamicEvents.dynamicEvents.on('authFlowClose', onGoBack);
+            dynamicEvents.dynamicEvents.once('walletAdded', unsetInitialWalletVerificationFlag.unsetInitialWalletVerificationFlag);
             // Lock the variable that indicates that the login wallet verification is in progress
             // Read UserWalletsContext.tsx explanation for more context
             loadingAndLifecycle.setIsInitialWalletVerificationInProgress(true);
-            dynamicEvents.dynamicEvents.once('walletAdded', unsetInitialWalletVerificationFlag.unsetInitialWalletVerificationFlag);
             yield showPendingConnectView.showPendingConnectView(walletConnector, pushView);
             if (walletConnectorCore.isEmailWalletConnector(walletConnector)) {
                 if (walletConnectorCore.isEmailOTPWalletConnector(walletConnector)) {
@@ -177,16 +184,20 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
                     pushView('wait-for-email-confirmation-view');
                 }
             }
-            let connectionResult;
+            const connectionPromise = connectWallet(walletConnector, getAddressOpts, {
+                applyHandleConnectedWallet: shouldCallCallback,
+            });
             try {
-                connectionResult = yield connectWallet(walletConnector, getAddressOpts, {
-                    applyHandleConnectedWallet: shouldCallCallback,
-                });
+                yield Promise.race([
+                    connectionPromise,
+                    connectionCancelPromise.promise,
+                ]);
             }
             catch (error) {
                 handleWalletConnectionError(error);
                 return;
             }
+            const connectionResult = yield connectionPromise;
             // Fallback to catch any errors that were missed.
             if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.address)) {
                 handleWalletConnectionError();
@@ -246,6 +257,8 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
             // 3. The SDK will enter a broken state. Try signing a message with wagmi.
             // You can also add a "pause on exception" breakpoint in the debugger and see what happens during verification.
             unsetInitialWalletVerificationFlag.unsetInitialWalletVerificationFlagWithTimeout();
+            dynamicEvents.dynamicEvents.removeListener('goBack', onGoBack);
+            dynamicEvents.dynamicEvents.removeListener('authFlowClose', onGoBack);
         }
     });
 };

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
-import { StorageService, CustomError, GetAddressCancelledError } from '@dynamic-labs/utils';
+import { DeferredPromise, StorageService, CustomError, GetAddressCancelledError } from '@dynamic-labs/utils';
 import { isEmailWalletConnector, isEmailOTPWalletConnector, isBloctoConnector } from '@dynamic-labs/wallet-connector-core';
 import { useCaptchaContext } from '../../../../context/CaptchaContext/CaptchaContext.js';
 import 'react';
@@ -159,11 +159,18 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
     };
     return (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector, getAddressOpts = undefined, }) {
         var _b;
+        const connectionCancelPromise = new DeferredPromise();
+        const onGoBack = () => __awaiter(void 0, void 0, void 0, function* () {
+            setIsInitialWalletVerificationInProgress(false);
+            connectionCancelPromise.reject(new GetAddressCancelledError());
+        });
         try {
+            dynamicEvents.on('goBack', onGoBack);
+            dynamicEvents.on('authFlowClose', onGoBack);
+            dynamicEvents.once('walletAdded', unsetInitialWalletVerificationFlag);
             // Lock the variable that indicates that the login wallet verification is in progress
             // Read UserWalletsContext.tsx explanation for more context
             setIsInitialWalletVerificationInProgress(true);
-            dynamicEvents.once('walletAdded', unsetInitialWalletVerificationFlag);
             yield showPendingConnectView(walletConnector, pushView);
             if (isEmailWalletConnector(walletConnector)) {
                 if (isEmailOTPWalletConnector(walletConnector)) {
@@ -173,16 +180,20 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
                     pushView('wait-for-email-confirmation-view');
                 }
             }
-            let connectionResult;
+            const connectionPromise = connectWallet(walletConnector, getAddressOpts, {
+                applyHandleConnectedWallet: shouldCallCallback,
+            });
             try {
-                connectionResult = yield connectWallet(walletConnector, getAddressOpts, {
-                    applyHandleConnectedWallet: shouldCallCallback,
-                });
+                yield Promise.race([
+                    connectionPromise,
+                    connectionCancelPromise.promise,
+                ]);
             }
             catch (error) {
                 handleWalletConnectionError(error);
                 return;
             }
+            const connectionResult = yield connectionPromise;
             // Fallback to catch any errors that were missed.
             if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.address)) {
                 handleWalletConnectionError();
@@ -242,6 +253,8 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
             // 3. The SDK will enter a broken state. Try signing a message with wagmi.
             // You can also add a "pause on exception" breakpoint in the debugger and see what happens during verification.
             unsetInitialWalletVerificationFlagWithTimeout();
+            dynamicEvents.removeListener('goBack', onGoBack);
+            dynamicEvents.removeListener('authFlowClose', onGoBack);
         }
     });
 };

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

@@ -178,7 +178,11 @@ const useMfa = () => {
         }
         throw new Error('Unsupported MFA device type');
     }), []);
-    const getRecoveryCodes = React.useCallback((...args_4) => _tslib.__awaiter(void 0, [...args_4], void 0, function* (generateNewCodes = false) {
+    const getRecoveryCodes = React.useCallback((...args_4) => _tslib.__awaiter(void 0, [...args_4], void 0, function* (
+    /**
+     * @deprecated use getNewRecoveryCodes instead
+     */
+    generateNewCodes = false) {
         if (generateNewCodes) {
             const { recoveryCodes } = yield client.createNewMfaRecoveryCodes();
             return recoveryCodes;
@@ -188,6 +192,11 @@ const useMfa = () => {
             return recoveryCodes;
         }
     }), []);
+    const getNewRecoveryCodes = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const { recoveryCodes } = yield client.createNewMfaRecoveryCodes();
+        return recoveryCodes;
+    }), []);
+    const isPendingRecoveryCodesAcknowledgment = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () { return client.isPendingRecoveryCodesAcknowledgment(); }), []);
     const completeAcknowledgement = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         yield client.acknowledgeRecoveryCodes();
     }), []);
@@ -199,8 +208,10 @@ const useMfa = () => {
         authenticateRecoveryCode,
         completeAcknowledgement,
         deleteUserDevice,
+        getNewRecoveryCodes,
         getRecoveryCodes,
         getUserDevices,
+        isPendingRecoveryCodesAcknowledgment,
         updateUserDevice,
         verifyDevice,
     };

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

@@ -42,15 +42,37 @@ type UseMfaHookResult = {
      */
     deleteUserDevice: (deviceId: string, mfaAuthToken: string) => Promise<void>;
     /**
-     * Get the user's recovery codes
+     * Get the current recovery codes for this user.
+     *
+     * Note: This will throw an error if the user has already acknowledged their recovery codes.
+     * In this scenario, you should use getNewRecoveryCodes instead.
+     */
+    getRecoveryCodes: (
+    /**
+     * @deprecated use getNewRecoveryCodes instead
+     */
+    generateNewCodes?: boolean) => Promise<string[]>;
+    /**
+     * Get the user's devices
      */
-    getRecoveryCodes: (generateNewCodes?: boolean) => Promise<string[]>;
     getUserDevices: () => Promise<MFADevice[]>;
     updateUserDevice: (deviceId: string) => Promise<void>;
     /**
      * @deprecated use authenticateDevice instead
      */
     verifyDevice: (code: string, type?: MFADeviceType) => Promise<MFADevice>;
+    /**
+     * Get new recovery codes for this user.
+     * The user will need to acknowledge the new recovery codes.
+     */
+    getNewRecoveryCodes: () => Promise<string[]>;
+    /**
+     * Check if the user has already acknowledged their recovery codes.
+     *
+     * Once the user has acknowledged their recovery codes, the recovery codes will no
+     * longer be accessible via getRecoveryCodes.
+     */
+    isPendingRecoveryCodesAcknowledgment: () => Promise<boolean>;
 };
 export declare const useMfa: () => UseMfaHookResult;
 export {};

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
-import { authenticateTotpMfaDevice, getMfaDevices, setDefaultMfaDevice, deleteMfaDevice, registerTotpMfaDevice, authenticateMfaRecoveryCode, createNewMfaRecoveryCodes, getMfaRecoveryCodes, acknowledgeRecoveryCodes } from '@dynamic-labs-sdk/client';
+import { authenticateTotpMfaDevice, getMfaDevices, setDefaultMfaDevice, deleteMfaDevice, registerTotpMfaDevice, authenticateMfaRecoveryCode, createNewMfaRecoveryCodes, getMfaRecoveryCodes, isPendingRecoveryCodesAcknowledgment, acknowledgeRecoveryCodes } from '@dynamic-labs-sdk/client';
 import { MFADeviceType } from '@dynamic-labs/sdk-api-core';
 import { verifyTotpMfaDevice } from '../../../client/extension/deprecated/mfa/verifyTotpMfaDevice/verifyTotpMfaDevice.js';
 import '../../../client/client.js';
@@ -174,7 +174,11 @@ const useMfa = () => {
         }
         throw new Error('Unsupported MFA device type');
     }), []);
-    const getRecoveryCodes = useCallback((...args_4) => __awaiter(void 0, [...args_4], void 0, function* (generateNewCodes = false) {
+    const getRecoveryCodes = useCallback((...args_4) => __awaiter(void 0, [...args_4], void 0, function* (
+    /**
+     * @deprecated use getNewRecoveryCodes instead
+     */
+    generateNewCodes = false) {
         if (generateNewCodes) {
             const { recoveryCodes } = yield createNewMfaRecoveryCodes();
             return recoveryCodes;
@@ -184,6 +188,11 @@ const useMfa = () => {
             return recoveryCodes;
         }
     }), []);
+    const getNewRecoveryCodes = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        const { recoveryCodes } = yield createNewMfaRecoveryCodes();
+        return recoveryCodes;
+    }), []);
+    const isPendingRecoveryCodesAcknowledgment$1 = useCallback(() => __awaiter(void 0, void 0, void 0, function* () { return isPendingRecoveryCodesAcknowledgment(); }), []);
     const completeAcknowledgement = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         yield acknowledgeRecoveryCodes();
     }), []);
@@ -195,8 +204,10 @@ const useMfa = () => {
         authenticateRecoveryCode,
         completeAcknowledgement,
         deleteUserDevice,
+        getNewRecoveryCodes,
         getRecoveryCodes,
         getUserDevices,
+        isPendingRecoveryCodesAcknowledgment: isPendingRecoveryCodesAcknowledgment$1,
         updateUserDevice,
         verifyDevice,
     };

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

@@ -83,9 +83,9 @@ const useWalletConnectors = ({ connectedWallets, walletConnectorOptions, setMult
     // emit primaryWalletChanged event if the primary wallet changes
     React.useEffect(() => {
         if (primaryWallet && primaryWallet.id !== lastPrimaryWalletId.current) {
-            lastPrimaryWalletId.current = primaryWallet.id;
             dynamicEvents.dynamicEvents.emit('primaryWalletChanged', primaryWallet);
         }
+        lastPrimaryWalletId.current = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id;
     }, [primaryWallet]);
     const secondaryWallets = React.useMemo(() => canHaveMultipleWalletsConnected
         ? wallets.filter((wallet) => wallet.id !== primaryWalletId)

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

@@ -79,9 +79,9 @@ const useWalletConnectors = ({ connectedWallets, walletConnectorOptions, setMult
     // emit primaryWalletChanged event if the primary wallet changes
     useEffect(() => {
         if (primaryWallet && primaryWallet.id !== lastPrimaryWalletId.current) {
-            lastPrimaryWalletId.current = primaryWallet.id;
             dynamicEvents.emit('primaryWalletChanged', primaryWallet);
         }
+        lastPrimaryWalletId.current = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id;
     }, [primaryWallet]);
     const secondaryWallets = useMemo(() => canHaveMultipleWalletsConnected
         ? wallets.filter((wallet) => wallet.id !== primaryWalletId)