@dynamic-labs/sdk-react-core 4.60.1 → 4.61.0

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+## [4.61.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.60.1...v4.61.0) (2026-02-10)
+
+
+### Features
+
+* add unlockWallet and getWalletRecoveryState to WaaS ([#10407](https://github.com/dynamic-labs/dynamic-auth/issues/10407)) ([e0d1a28](https://github.com/dynamic-labs/dynamic-auth/commit/e0d1a2830f36eee6c6e84737011e8cf59966122d))
+* add useWalletPassword hook for waas wallet password management ([#10399](https://github.com/dynamic-labs/dynamic-auth/issues/10399)) ([508835f](https://github.com/dynamic-labs/dynamic-auth/commit/508835fb0f4f17b7353a4378f4c254e02f0a46ff))
+* add WaaS unlock and recovery UI to mobile demo ([#10408](https://github.com/dynamic-labs/dynamic-auth/issues/10408)) ([94cdb88](https://github.com/dynamic-labs/dynamic-auth/commit/94cdb882fca3c34d157b42d5208f56812008c43b))
+
+
+### Bug Fixes
+
+* bump axios to fix high vulnerability ([#10406](https://github.com/dynamic-labs/dynamic-auth/issues/10406)) ([303e2dc](https://github.com/dynamic-labs/dynamic-auth/commit/303e2dcf1e7e8ecad4caf2d74e805ee427c1d00e))
+* patch node-forge CVE-2025-12816 in global-wallet ([#10401](https://github.com/dynamic-labs/dynamic-auth/issues/10401)) ([46e6eb2](https://github.com/dynamic-labs/dynamic-auth/commit/46e6eb28a0add0052299eaa4ac2dcbe8b1faa98c))
+
 ### [4.60.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.60.0...v4.60.1) (2026-02-09)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.60.1";
+var version = "4.61.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.864",
 	"@dynamic-labs-sdk/client": "0.8.0",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.60.1";
+var version = "4.61.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.864",
 	"@dynamic-labs-sdk/client": "0.8.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.60.1",
+  "version": "4.61.0",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.864",
     "@dynamic-labs-sdk/client": "0.8.0",
@@ -16,17 +16,17 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.60.1",
-    "@dynamic-labs/iconic": "4.60.1",
-    "@dynamic-labs/locale": "4.60.1",
-    "@dynamic-labs/logger": "4.60.1",
-    "@dynamic-labs/multi-wallet": "4.60.1",
-    "@dynamic-labs/rpc-providers": "4.60.1",
-    "@dynamic-labs/store": "4.60.1",
-    "@dynamic-labs/types": "4.60.1",
-    "@dynamic-labs/utils": "4.60.1",
-    "@dynamic-labs/wallet-book": "4.60.1",
-    "@dynamic-labs/wallet-connector-core": "4.60.1",
+    "@dynamic-labs/assert-package-version": "4.61.0",
+    "@dynamic-labs/iconic": "4.61.0",
+    "@dynamic-labs/locale": "4.61.0",
+    "@dynamic-labs/logger": "4.61.0",
+    "@dynamic-labs/multi-wallet": "4.61.0",
+    "@dynamic-labs/rpc-providers": "4.61.0",
+    "@dynamic-labs/store": "4.61.0",
+    "@dynamic-labs/types": "4.61.0",
+    "@dynamic-labs/utils": "4.61.0",
+    "@dynamic-labs/wallet-book": "4.61.0",
+    "@dynamic-labs/wallet-connector-core": "4.61.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -102,5 +102,7 @@ export { useRefreshAuth } from './useRefreshAuth';
 export { useSetupPassword, PASSWORD_SETUP_CANCELLED_ERROR, } from './useSetupPassword';
 export { useWalletUnlock } from './useWalletUnlock';
 export type { UseWalletUnlockReturn, WalletUnlockState, } from './useWalletUnlock';
+export { useWalletPassword } from './useWalletPassword';
+export type { CheckWalletLockStateParams, UnlockWalletParams, UpdatePasswordParams, UseWalletPasswordReturn, WalletPasswordState, } from './useWalletPassword';
 export { usePromptWalletUnlock } from './usePromptWalletUnlock';
 export { useGetWalletPassword } from './useGetWalletPassword';

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

@@ -123,7 +123,7 @@ require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 const dynamicWaasKey = 'dynamicwaas';
-const configWaasWalletConnector = ({ walletConnector, environmentId, apiBaseUrl, relayUrl, baseClientKeysharesRelayApiUrl, authMode = 'header', getSignedSessionId, getMfaToken, getWalletPassword, svmGasSponsorshipEnabled = false, }) => {
+const configWaasWalletConnector = ({ walletConnector, environmentId, apiBaseUrl, relayUrl, baseClientKeysharesRelayApiUrl, authMode = 'header', getSignedSessionId, getMfaToken, getWalletPassword, getSvmGasSponsorshipEnabled = () => false, }) => {
     var _a;
     walletConnector.setEnvironmentId(environmentId);
     walletConnector.setBaseApiUrl((_a = (apiBaseUrl || apiUrl.DEFAULT_WAAS_API_URL)) === null || _a === void 0 ? void 0 : _a.replace('/api/v0', ''));
@@ -147,7 +147,7 @@ const configWaasWalletConnector = ({ walletConnector, environmentId, apiBaseUrl,
     const isSolConnector = walletConnector.connectedChain === 'SOL';
     const supportsSponsorshipSetting = 'setSvmGasSponsorshipEnabled' in walletConnector;
     if (isSolConnector && supportsSponsorshipSetting) {
-        walletConnector.setSvmGasSponsorshipEnabled(svmGasSponsorshipEnabled);
+        walletConnector.setSvmGasSponsorshipEnabled(getSvmGasSponsorshipEnabled);
     }
     return walletConnector;
 };
@@ -172,6 +172,8 @@ const useDynamicWaas = () => {
     const defaultWalletVersion = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.defaultWalletVersion;
     const dynamicWaasIsEnabled = defaultWalletVersion === sdkApiCore.EmbeddedWalletVersionEnum.V3;
     const svmGasSponsorshipEnabled = (_f = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.svmGasSponsorshipEnabled) !== null && _f !== void 0 ? _f : false;
+    const svmGasSponsorshipEnabledRef = React.useRef(svmGasSponsorshipEnabled);
+    svmGasSponsorshipEnabledRef.current = svmGasSponsorshipEnabled;
     const authToken = getMinAuthToken.getMinAuthToken();
     const { getSignedSessionId } = useClientSessionKeys.useClientSessionKeys();
     const getMfaToken = useGetMfaToken.useGetMfaToken();
@@ -198,9 +200,9 @@ const useDynamicWaas = () => {
             environmentId,
             getMfaToken,
             getSignedSessionId,
+            getSvmGasSponsorshipEnabled: () => svmGasSponsorshipEnabledRef.current,
             getWalletPassword,
             relayUrl: relayUrl !== null && relayUrl !== void 0 ? relayUrl : '',
-            svmGasSponsorshipEnabled,
             walletConnector,
         });
         return configuredWalletConnector;
@@ -215,7 +217,6 @@ const useDynamicWaas = () => {
         getSignedSessionId,
         relayUrl,
         baseClientKeysharesRelayApiUrl,
-        svmGasSponsorshipEnabled,
     ]);
     const shouldInitializeWaas = React.useMemo(() => {
         var _a;

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

@@ -12,7 +12,7 @@ export type WalletCreationRequirement = {
         network?: string;
     };
 };
-export declare const configWaasWalletConnector: ({ walletConnector, environmentId, apiBaseUrl, relayUrl, baseClientKeysharesRelayApiUrl, authMode, getSignedSessionId, getMfaToken, getWalletPassword, svmGasSponsorshipEnabled, }: {
+export declare const configWaasWalletConnector: ({ walletConnector, environmentId, apiBaseUrl, relayUrl, baseClientKeysharesRelayApiUrl, authMode, getSignedSessionId, getMfaToken, getWalletPassword, getSvmGasSponsorshipEnabled, }: {
     walletConnector: IDynamicWaasConnector;
     environmentId: string;
     apiBaseUrl: string;
@@ -24,7 +24,7 @@ export declare const configWaasWalletConnector: ({ walletConnector, environmentI
         mfaAction?: MFAAction;
     }) => Promise<string | undefined>;
     getWalletPassword?: GetWalletPasswordFn;
-    svmGasSponsorshipEnabled?: boolean;
+    getSvmGasSponsorshipEnabled?: () => boolean;
 }) => IDynamicWaasConnector;
 export declare const useDynamicWaas: () => {
     areWalletsReadyForSettings: () => boolean;

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

@@ -119,7 +119,7 @@ import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const dynamicWaasKey = 'dynamicwaas';
-const configWaasWalletConnector = ({ walletConnector, environmentId, apiBaseUrl, relayUrl, baseClientKeysharesRelayApiUrl, authMode = 'header', getSignedSessionId, getMfaToken, getWalletPassword, svmGasSponsorshipEnabled = false, }) => {
+const configWaasWalletConnector = ({ walletConnector, environmentId, apiBaseUrl, relayUrl, baseClientKeysharesRelayApiUrl, authMode = 'header', getSignedSessionId, getMfaToken, getWalletPassword, getSvmGasSponsorshipEnabled = () => false, }) => {
     var _a;
     walletConnector.setEnvironmentId(environmentId);
     walletConnector.setBaseApiUrl((_a = (apiBaseUrl || DEFAULT_WAAS_API_URL)) === null || _a === void 0 ? void 0 : _a.replace('/api/v0', ''));
@@ -143,7 +143,7 @@ const configWaasWalletConnector = ({ walletConnector, environmentId, apiBaseUrl,
     const isSolConnector = walletConnector.connectedChain === 'SOL';
     const supportsSponsorshipSetting = 'setSvmGasSponsorshipEnabled' in walletConnector;
     if (isSolConnector && supportsSponsorshipSetting) {
-        walletConnector.setSvmGasSponsorshipEnabled(svmGasSponsorshipEnabled);
+        walletConnector.setSvmGasSponsorshipEnabled(getSvmGasSponsorshipEnabled);
     }
     return walletConnector;
 };
@@ -168,6 +168,8 @@ const useDynamicWaas = () => {
     const defaultWalletVersion = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.defaultWalletVersion;
     const dynamicWaasIsEnabled = defaultWalletVersion === EmbeddedWalletVersionEnum.V3;
     const svmGasSponsorshipEnabled = (_f = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.svmGasSponsorshipEnabled) !== null && _f !== void 0 ? _f : false;
+    const svmGasSponsorshipEnabledRef = useRef(svmGasSponsorshipEnabled);
+    svmGasSponsorshipEnabledRef.current = svmGasSponsorshipEnabled;
     const authToken = getMinAuthToken();
     const { getSignedSessionId } = useClientSessionKeys();
     const getMfaToken = useGetMfaToken();
@@ -194,9 +196,9 @@ const useDynamicWaas = () => {
             environmentId,
             getMfaToken,
             getSignedSessionId,
+            getSvmGasSponsorshipEnabled: () => svmGasSponsorshipEnabledRef.current,
             getWalletPassword,
             relayUrl: relayUrl !== null && relayUrl !== void 0 ? relayUrl : '',
-            svmGasSponsorshipEnabled,
             walletConnector,
         });
         return configuredWalletConnector;
@@ -211,7 +213,6 @@ const useDynamicWaas = () => {
         getSignedSessionId,
         relayUrl,
         baseClientKeysharesRelayApiUrl,
-        svmGasSponsorshipEnabled,
     ]);
     const shouldInitializeWaas = useMemo(() => {
         var _a;

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

@@ -3,8 +3,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-require('react');
 require('../../../events/dynamicEvents.cjs');
 require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
@@ -112,11 +112,15 @@ require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useClientSessionKeys = require('../useClientSessionKeys/useClientSessionKeys.cjs');
 
 const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSettings) => {
+    var _a, _b, _c;
     const apiBaseUrl = dynamicContextProps.useApiBaseUrl();
     const { registerEmbeddedWalletSessionKey, removeSessionKey } = useEmbeddedWalletSessionKeys.useEmbeddedWalletSessionKeys({ environmentId, projectSettings });
     const { getSignedSessionId } = useClientSessionKeys.useClientSessionKeys();
     const getMfaToken = useGetMfaToken.useGetMfaToken();
     const isCookieAuthEnabled = projectSettings && isCookieEnabled.isCookieEnabled();
+    const svmGasSponsorshipEnabled = (_c = (_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.svmGasSponsorshipEnabled) !== null && _c !== void 0 ? _c : false;
+    const svmGasSponsorshipEnabledRef = React.useRef(svmGasSponsorshipEnabled);
+    svmGasSponsorshipEnabledRef.current = svmGasSponsorshipEnabled;
     if (!(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
     walletOptions.forEach((walletOption) => {
@@ -132,6 +136,7 @@ const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSett
                 environmentId,
                 getMfaToken,
                 getSignedSessionId,
+                getSvmGasSponsorshipEnabled: () => svmGasSponsorshipEnabledRef.current,
                 relayUrl: (_e = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.waas) === null || _d === void 0 ? void 0 : _d.relayUrl) !== null && _e !== void 0 ? _e : '',
                 walletConnector: walletOption.walletConnector,
             });

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

@@ -1,6 +1,6 @@
 'use client'
+import { useRef } from 'react';
 import { isSessionKeyCompatibleWalletConnector, isDynamicWaasConnector } from '@dynamic-labs/wallet-connector-core';
-import 'react';
 import '../../../events/dynamicEvents.js';
 import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
@@ -108,11 +108,15 @@ import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useClientSessionKeys } from '../useClientSessionKeys/useClientSessionKeys.js';
 
 const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSettings) => {
+    var _a, _b, _c;
     const apiBaseUrl = useApiBaseUrl();
     const { registerEmbeddedWalletSessionKey, removeSessionKey } = useEmbeddedWalletSessionKeys({ environmentId, projectSettings });
     const { getSignedSessionId } = useClientSessionKeys();
     const getMfaToken = useGetMfaToken();
     const isCookieAuthEnabled = projectSettings && isCookieEnabled();
+    const svmGasSponsorshipEnabled = (_c = (_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.svmGasSponsorshipEnabled) !== null && _c !== void 0 ? _c : false;
+    const svmGasSponsorshipEnabledRef = useRef(svmGasSponsorshipEnabled);
+    svmGasSponsorshipEnabledRef.current = svmGasSponsorshipEnabled;
     if (!(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
     walletOptions.forEach((walletOption) => {
@@ -128,6 +132,7 @@ const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSett
                 environmentId,
                 getMfaToken,
                 getSignedSessionId,
+                getSvmGasSponsorshipEnabled: () => svmGasSponsorshipEnabledRef.current,
                 relayUrl: (_e = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.waas) === null || _d === void 0 ? void 0 : _d.relayUrl) !== null && _e !== void 0 ? _e : '',
                 walletConnector: walletOption.walletConnector,
             });

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

@@ -31,6 +31,7 @@ require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
 require('../../../events/dynamicEvents.cjs');
 var storeTokenAndUser = require('../../../client/extension/storeTokenAndUser/storeTokenAndUser.cjs');
+var useProjectSettings = require('../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.cjs');
 var AccessDeniedContext = require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
@@ -120,6 +121,7 @@ const useUserAuth = ({ authMethod, }) => {
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     const handleAuthenticatedUser = useHandleAuthenticatedUser.useHandleAuthenticatedUser();
     const { shouldAutoCreateEmbeddedWallet, shouldPromptForKeyExport, embeddedWalletSettingVersion, } = useEmbeddedWallet.useEmbeddedWallet();
+    const projectSettings = useProjectSettings.useProjectSettings();
     const isVerifyResponse = (response) => response.user;
     const cancelAuth = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         logger.logger.debug('cancelAuth', { authMethod });
@@ -200,7 +202,7 @@ const useUserAuth = ({ authMethod, }) => {
         setExistentAccountData,
     ]);
     const initAuth = React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ isSignIn = true, verifyFunction, onVerifySuccess, onSettled, onError, showSuccessMessage = false, skipDefaultErrorHandling = false, }) {
-        var _b;
+        var _b, _c, _d;
         logger.logger.debug('initAuth', { authMethod, isSignIn });
         try {
             // TODO: change this logic to const verifiedUser = await verifyFunction();
@@ -244,7 +246,12 @@ const useUserAuth = ({ authMethod, }) => {
                 setCallback('authSuccess');
             }
             const walletVersion = embeddedWalletSettingVersion();
-            if (walletVersion === sdkApiCore.EmbeddedWalletVersionEnum.V1 &&
+            const shouldKeepAuthFlowOpenForPasswordSetup = walletVersion === sdkApiCore.EmbeddedWalletVersionEnum.V3 &&
+                Boolean((_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.waas) === null || _d === void 0 ? void 0 : _d.passcodeRequired);
+            if (shouldKeepAuthFlowOpenForPasswordSetup) {
+                // Keep auth flow open so setup-password can be shown (useSyncDynamicWaas)
+            }
+            else if (walletVersion === sdkApiCore.EmbeddedWalletVersionEnum.V1 &&
                 shouldCreateWallet) {
                 setShowAuthFlow(true);
             }
@@ -271,6 +278,7 @@ const useUserAuth = ({ authMethod, }) => {
         embeddedWalletSettingVersion,
         handleAuthError,
         handleAuthenticatedUser,
+        projectSettings,
         setCallback,
         setLoading,
         setMultiWalletWidgetState,
@@ -279,7 +287,7 @@ const useUserAuth = ({ authMethod, }) => {
         shouldPromptForKeyExport,
         walletConnectorOptions,
     ]);
-    const handleVerifyMissingFields = React.useCallback((_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ missingFields, isEmailVerificationRequired, isSmsVerificationRequired, }) {
+    const handleVerifyMissingFields = React.useCallback((_e) => _tslib.__awaiter(void 0, [_e], void 0, function* ({ missingFields, isEmailVerificationRequired, isSmsVerificationRequired, }) {
         if (isEmailVerificationRequired &&
             missingFields.find((field) => field.name === 'email')) {
             pushView('verify-email');
@@ -292,7 +300,7 @@ const useUserAuth = ({ authMethod, }) => {
         }
         pushView(view.type);
     }), [pushView, view === null || view === void 0 ? void 0 : view.type]);
-    const completeAuth = React.useCallback((_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ completeSignInFlow, updateJwtFunction, onValidUpdatedJwt, options = {}, }) {
+    const completeAuth = React.useCallback((_f) => _tslib.__awaiter(void 0, [_f], void 0, function* ({ completeSignInFlow, updateJwtFunction, onValidUpdatedJwt, options = {}, }) {
         logger.logger.debug('completeAuth', { authMethod });
         try {
             const { updateUserProfileResponse, isSmsVerificationRequired, isEmailVerificationRequired, missingFields, } = yield updateJwtFunction();

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

@@ -27,6 +27,7 @@ import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
 import '../../../events/dynamicEvents.js';
 import { storeTokenAndUser } from '../../../client/extension/storeTokenAndUser/storeTokenAndUser.js';
+import { useProjectSettings } from '../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
 import { useAccessDeniedContext } from '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/DynamicContext/DynamicContext.js';
@@ -116,6 +117,7 @@ const useUserAuth = ({ authMethod, }) => {
     const { setExistentAccountData } = useAccountExistsContext();
     const handleAuthenticatedUser = useHandleAuthenticatedUser();
     const { shouldAutoCreateEmbeddedWallet, shouldPromptForKeyExport, embeddedWalletSettingVersion, } = useEmbeddedWallet();
+    const projectSettings = useProjectSettings();
     const isVerifyResponse = (response) => response.user;
     const cancelAuth = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         logger.debug('cancelAuth', { authMethod });
@@ -196,7 +198,7 @@ const useUserAuth = ({ authMethod, }) => {
         setExistentAccountData,
     ]);
     const initAuth = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ isSignIn = true, verifyFunction, onVerifySuccess, onSettled, onError, showSuccessMessage = false, skipDefaultErrorHandling = false, }) {
-        var _b;
+        var _b, _c, _d;
         logger.debug('initAuth', { authMethod, isSignIn });
         try {
             // TODO: change this logic to const verifiedUser = await verifyFunction();
@@ -240,7 +242,12 @@ const useUserAuth = ({ authMethod, }) => {
                 setCallback('authSuccess');
             }
             const walletVersion = embeddedWalletSettingVersion();
-            if (walletVersion === EmbeddedWalletVersionEnum.V1 &&
+            const shouldKeepAuthFlowOpenForPasswordSetup = walletVersion === EmbeddedWalletVersionEnum.V3 &&
+                Boolean((_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.waas) === null || _d === void 0 ? void 0 : _d.passcodeRequired);
+            if (shouldKeepAuthFlowOpenForPasswordSetup) {
+                // Keep auth flow open so setup-password can be shown (useSyncDynamicWaas)
+            }
+            else if (walletVersion === EmbeddedWalletVersionEnum.V1 &&
                 shouldCreateWallet) {
                 setShowAuthFlow(true);
             }
@@ -267,6 +274,7 @@ const useUserAuth = ({ authMethod, }) => {
         embeddedWalletSettingVersion,
         handleAuthError,
         handleAuthenticatedUser,
+        projectSettings,
         setCallback,
         setLoading,
         setMultiWalletWidgetState,
@@ -275,7 +283,7 @@ const useUserAuth = ({ authMethod, }) => {
         shouldPromptForKeyExport,
         walletConnectorOptions,
     ]);
-    const handleVerifyMissingFields = useCallback((_c) => __awaiter(void 0, [_c], void 0, function* ({ missingFields, isEmailVerificationRequired, isSmsVerificationRequired, }) {
+    const handleVerifyMissingFields = useCallback((_e) => __awaiter(void 0, [_e], void 0, function* ({ missingFields, isEmailVerificationRequired, isSmsVerificationRequired, }) {
         if (isEmailVerificationRequired &&
             missingFields.find((field) => field.name === 'email')) {
             pushView('verify-email');
@@ -288,7 +296,7 @@ const useUserAuth = ({ authMethod, }) => {
         }
         pushView(view.type);
     }), [pushView, view === null || view === void 0 ? void 0 : view.type]);
-    const completeAuth = useCallback((_d) => __awaiter(void 0, [_d], void 0, function* ({ completeSignInFlow, updateJwtFunction, onValidUpdatedJwt, options = {}, }) {
+    const completeAuth = useCallback((_f) => __awaiter(void 0, [_f], void 0, function* ({ completeSignInFlow, updateJwtFunction, onValidUpdatedJwt, options = {}, }) {
         logger.debug('completeAuth', { authMethod });
         try {
             const { updateUserProfileResponse, isSmsVerificationRequired, isEmailVerificationRequired, missingFields, } = yield updateJwtFunction();

package/src/lib/utils/hooks/useWalletPassword/index.d.ts

@@ -0,0 +1 @@
+export * from './useWalletPassword';

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

@@ -0,0 +1,152 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../../shared/consts/index.cjs');
+var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
+
+const INITIAL_STATE = {
+    error: null,
+    isLoading: false,
+    recoveryState: null,
+};
+const useWalletPassword = () => {
+    const { getWaasWalletConnector } = useDynamicWaas.useDynamicWaas();
+    const [state, setState] = React.useState(INITIAL_STATE);
+    const resetState = React.useCallback(() => {
+        setState(INITIAL_STATE);
+    }, []);
+    const updatePassword = React.useCallback((params) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const { accountAddress, chainName, newPassword, existingPassword } = params;
+        setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: true })));
+        try {
+            const connector = getWaasWalletConnector(chainName);
+            if (!connector) {
+                const errorMessage = 'Wallet connector not found';
+                setState((prev) => (Object.assign(Object.assign({}, prev), { error: errorMessage, isLoading: false })));
+                logger.logger.error(errorMessage, { accountAddress, chainName });
+                return false;
+            }
+            yield connector.updatePassword({
+                accountAddress,
+                existingPassword,
+                newPassword,
+            });
+            setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: false })));
+            return true;
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : 'Failed to update password';
+            setState((prev) => (Object.assign(Object.assign({}, prev), { error: errorMessage, isLoading: false })));
+            logger.logger.error('Failed to update wallet password', {
+                accountAddress,
+                chainName,
+                error,
+            });
+            return false;
+        }
+    }), [getWaasWalletConnector]);
+    const unlockWallet = React.useCallback((params) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const { accountAddress, chainName, password } = params;
+        setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: true })));
+        try {
+            const connector = getWaasWalletConnector(chainName);
+            if (!connector) {
+                const errorMessage = 'Wallet connector not found';
+                setState((prev) => (Object.assign(Object.assign({}, prev), { error: errorMessage, isLoading: false })));
+                logger.logger.error(errorMessage, { accountAddress, chainName });
+                return false;
+            }
+            dynamicEvents.dynamicEvents.emit('walletUnlockAttempt', {
+                accountAddress,
+                chainName,
+            });
+            yield connector.unlockWallet({
+                accountAddress,
+                password,
+            });
+            setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: false })));
+            dynamicEvents.dynamicEvents.emit('walletUnlockCompleted', {
+                accountAddress,
+                chainName,
+            });
+            return true;
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : 'Failed to unlock wallet';
+            setState((prev) => (Object.assign(Object.assign({}, prev), { error: errorMessage, isLoading: false })));
+            logger.logger.error('Failed to unlock wallet', {
+                accountAddress,
+                chainName,
+                error,
+            });
+            dynamicEvents.dynamicEvents.emit('walletUnlockFailed', {
+                accountAddress,
+                chainName,
+                error,
+            });
+            return false;
+        }
+    }), [getWaasWalletConnector]);
+    const checkWalletLockState = React.useCallback((params) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const { accountAddress, chainName } = params;
+        setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: true })));
+        try {
+            const connector = getWaasWalletConnector(chainName);
+            if (!connector) {
+                const errorMessage = 'Wallet connector not found';
+                setState((prev) => (Object.assign(Object.assign({}, prev), { error: errorMessage, isLoading: false })));
+                logger.logger.error(errorMessage, { accountAddress, chainName });
+                return null;
+            }
+            const recoveryState = yield connector.getWalletRecoveryState({
+                accountAddress,
+            });
+            setState({
+                error: null,
+                isLoading: false,
+                recoveryState,
+            });
+            return recoveryState;
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error
+                ? error.message
+                : 'Failed to check wallet state';
+            setState({
+                error: errorMessage,
+                isLoading: false,
+                recoveryState: null,
+            });
+            logger.logger.error('Failed to check wallet lock state', {
+                accountAddress,
+                chainName,
+                error,
+            });
+            return null;
+        }
+    }), [getWaasWalletConnector]);
+    return {
+        checkWalletLockState,
+        resetState,
+        state,
+        unlockWallet,
+        updatePassword,
+    };
+};
+
+exports.useWalletPassword = useWalletPassword;

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

@@ -0,0 +1,30 @@
+import { WalletRecoveryState } from '@dynamic-labs-wallet/browser-wallet-client';
+import { ChainEnum } from '@dynamic-labs/sdk-api-core';
+export type UpdatePasswordParams = {
+    accountAddress: string;
+    chainName: ChainEnum;
+    newPassword: string;
+    existingPassword?: string;
+};
+export type UnlockWalletParams = {
+    accountAddress: string;
+    chainName: ChainEnum;
+    password: string;
+};
+export type CheckWalletLockStateParams = {
+    accountAddress: string;
+    chainName: ChainEnum;
+};
+export type WalletPasswordState = {
+    isLoading: boolean;
+    error: string | null;
+    recoveryState: WalletRecoveryState | null;
+};
+export type UseWalletPasswordReturn = {
+    updatePassword: (params: UpdatePasswordParams) => Promise<boolean>;
+    unlockWallet: (params: UnlockWalletParams) => Promise<boolean>;
+    checkWalletLockState: (params: CheckWalletLockStateParams) => Promise<WalletRecoveryState | null>;
+    state: WalletPasswordState;
+    resetState: () => void;
+};
+export declare const useWalletPassword: () => UseWalletPasswordReturn;

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

@@ -0,0 +1,148 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useState, useCallback } from 'react';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../shared/consts/index.js';
+import { useDynamicWaas } from '../useDynamicWaas/useDynamicWaas.js';
+
+const INITIAL_STATE = {
+    error: null,
+    isLoading: false,
+    recoveryState: null,
+};
+const useWalletPassword = () => {
+    const { getWaasWalletConnector } = useDynamicWaas();
+    const [state, setState] = useState(INITIAL_STATE);
+    const resetState = useCallback(() => {
+        setState(INITIAL_STATE);
+    }, []);
+    const updatePassword = useCallback((params) => __awaiter(void 0, void 0, void 0, function* () {
+        const { accountAddress, chainName, newPassword, existingPassword } = params;
+        setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: true })));
+        try {
+            const connector = getWaasWalletConnector(chainName);
+            if (!connector) {
+                const errorMessage = 'Wallet connector not found';
+                setState((prev) => (Object.assign(Object.assign({}, prev), { error: errorMessage, isLoading: false })));
+                logger.error(errorMessage, { accountAddress, chainName });
+                return false;
+            }
+            yield connector.updatePassword({
+                accountAddress,
+                existingPassword,
+                newPassword,
+            });
+            setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: false })));
+            return true;
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : 'Failed to update password';
+            setState((prev) => (Object.assign(Object.assign({}, prev), { error: errorMessage, isLoading: false })));
+            logger.error('Failed to update wallet password', {
+                accountAddress,
+                chainName,
+                error,
+            });
+            return false;
+        }
+    }), [getWaasWalletConnector]);
+    const unlockWallet = useCallback((params) => __awaiter(void 0, void 0, void 0, function* () {
+        const { accountAddress, chainName, password } = params;
+        setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: true })));
+        try {
+            const connector = getWaasWalletConnector(chainName);
+            if (!connector) {
+                const errorMessage = 'Wallet connector not found';
+                setState((prev) => (Object.assign(Object.assign({}, prev), { error: errorMessage, isLoading: false })));
+                logger.error(errorMessage, { accountAddress, chainName });
+                return false;
+            }
+            dynamicEvents.emit('walletUnlockAttempt', {
+                accountAddress,
+                chainName,
+            });
+            yield connector.unlockWallet({
+                accountAddress,
+                password,
+            });
+            setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: false })));
+            dynamicEvents.emit('walletUnlockCompleted', {
+                accountAddress,
+                chainName,
+            });
+            return true;
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : 'Failed to unlock wallet';
+            setState((prev) => (Object.assign(Object.assign({}, prev), { error: errorMessage, isLoading: false })));
+            logger.error('Failed to unlock wallet', {
+                accountAddress,
+                chainName,
+                error,
+            });
+            dynamicEvents.emit('walletUnlockFailed', {
+                accountAddress,
+                chainName,
+                error,
+            });
+            return false;
+        }
+    }), [getWaasWalletConnector]);
+    const checkWalletLockState = useCallback((params) => __awaiter(void 0, void 0, void 0, function* () {
+        const { accountAddress, chainName } = params;
+        setState((prev) => (Object.assign(Object.assign({}, prev), { error: null, isLoading: true })));
+        try {
+            const connector = getWaasWalletConnector(chainName);
+            if (!connector) {
+                const errorMessage = 'Wallet connector not found';
+                setState((prev) => (Object.assign(Object.assign({}, prev), { error: errorMessage, isLoading: false })));
+                logger.error(errorMessage, { accountAddress, chainName });
+                return null;
+            }
+            const recoveryState = yield connector.getWalletRecoveryState({
+                accountAddress,
+            });
+            setState({
+                error: null,
+                isLoading: false,
+                recoveryState,
+            });
+            return recoveryState;
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error
+                ? error.message
+                : 'Failed to check wallet state';
+            setState({
+                error: errorMessage,
+                isLoading: false,
+                recoveryState: null,
+            });
+            logger.error('Failed to check wallet lock state', {
+                accountAddress,
+                chainName,
+                error,
+            });
+            return null;
+        }
+    }), [getWaasWalletConnector]);
+    return {
+        checkWalletLockState,
+        resetState,
+        state,
+        unlockWallet,
+        updatePassword,
+    };
+};
+
+export { useWalletPassword };

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/MfaSection/MfaSection.cjs

@@ -114,6 +114,7 @@ require('../../../../../store/state/tokenBalances.cjs');
 require('../../../../../store/state/multichainBalances.cjs');
 require('../../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useIsPasskeysMfaEnabled = require('../../../../../utils/hooks/useIsPasskeysMfaEnabled/useIsPasskeysMfaEnabled.cjs');
+var useWalletPassword = require('../../../../../utils/hooks/useWalletPassword/useWalletPassword.cjs');
 var useInternalDynamicContext = require('../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 const MfaSection = ({ isLoading }) => {
@@ -123,6 +124,7 @@ const MfaSection = ({ isLoading }) => {
     const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
     const projectSettings = useProjectSettings.useProjectSettings();
+    const { updatePassword } = useWalletPassword.useWalletPassword();
     const isMfaEnabled = useIsMfaEnabled.useIsMfaEnabled();
     const isTotpMfaEnabled = useIsTotpMfaEnabled.useIsTotpMfaEnabled();
     const isPasskeyMfaEnabled = useIsPasskeysMfaEnabled.useIsPasskeysMfaEnabled();
@@ -136,24 +138,19 @@ const MfaSection = ({ isLoading }) => {
     const handlePasscodeClick = React.useCallback(() => {
         setDynamicWidgetView('setup-password', {
             onComplete: (password) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-                if (!(wallet === null || wallet === void 0 ? void 0 : wallet.address)) {
-                    logger.logger.error('No wallet address available for password setup');
+                if (!(wallet === null || wallet === void 0 ? void 0 : wallet.address) || !(wallet === null || wallet === void 0 ? void 0 : wallet.chain)) {
+                    logger.logger.error('No wallet address or chain available for password setup');
                     return;
                 }
-                try {
-                    const connector = wallet.connector;
-                    yield connector.updatePassword({
-                        accountAddress: wallet.address,
-                        existingPassword: '',
-                        newPassword: password,
-                    });
-                }
-                catch (error) {
-                    logger.logger.error('Failed to update password on modal', error);
-                }
+                yield updatePassword({
+                    accountAddress: wallet.address,
+                    chainName: wallet.chain,
+                    existingPassword: '',
+                    newPassword: password,
+                });
             }),
         });
-    }, [setDynamicWidgetView, wallet]);
+    }, [setDynamicWidgetView, wallet, updatePassword]);
     if (!isMfaEnabled && !isWaasWallet) {
         return null;
     }

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/MfaSection/MfaSection.js

@@ -110,6 +110,7 @@ import '../../../../../store/state/tokenBalances.js';
 import '../../../../../store/state/multichainBalances.js';
 import '../../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useIsPasskeysMfaEnabled } from '../../../../../utils/hooks/useIsPasskeysMfaEnabled/useIsPasskeysMfaEnabled.js';
+import { useWalletPassword } from '../../../../../utils/hooks/useWalletPassword/useWalletPassword.js';
 import { useInternalDynamicContext } from '../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const MfaSection = ({ isLoading }) => {
@@ -119,6 +120,7 @@ const MfaSection = ({ isLoading }) => {
     const { primaryWallet } = useInternalDynamicContext();
     const { getEOAWallet } = useSmartWallets();
     const projectSettings = useProjectSettings();
+    const { updatePassword } = useWalletPassword();
     const isMfaEnabled = useIsMfaEnabled();
     const isTotpMfaEnabled = useIsTotpMfaEnabled();
     const isPasskeyMfaEnabled = useIsPasskeysMfaEnabled();
@@ -132,24 +134,19 @@ const MfaSection = ({ isLoading }) => {
     const handlePasscodeClick = useCallback(() => {
         setDynamicWidgetView('setup-password', {
             onComplete: (password) => __awaiter(void 0, void 0, void 0, function* () {
-                if (!(wallet === null || wallet === void 0 ? void 0 : wallet.address)) {
-                    logger.error('No wallet address available for password setup');
+                if (!(wallet === null || wallet === void 0 ? void 0 : wallet.address) || !(wallet === null || wallet === void 0 ? void 0 : wallet.chain)) {
+                    logger.error('No wallet address or chain available for password setup');
                     return;
                 }
-                try {
-                    const connector = wallet.connector;
-                    yield connector.updatePassword({
-                        accountAddress: wallet.address,
-                        existingPassword: '',
-                        newPassword: password,
-                    });
-                }
-                catch (error) {
-                    logger.error('Failed to update password on modal', error);
-                }
+                yield updatePassword({
+                    accountAddress: wallet.address,
+                    chainName: wallet.chain,
+                    existingPassword: '',
+                    newPassword: password,
+                });
             }),
         });
-    }, [setDynamicWidgetView, wallet]);
+    }, [setDynamicWidgetView, wallet, updatePassword]);
     if (!isMfaEnabled && !isWaasWallet) {
         return null;
     }

package/src/lib/widgets/DynamicWidget/views/SetupPasswordView/SetupPasswordView.cjs

@@ -17,7 +17,7 @@ var SetupPasswordSuccessView = require('../SetupPasswordSuccessView/SetupPasswor
 var SetupPasswordTermsView = require('../SetupPasswordTermsView/SetupPasswordTermsView.cjs');
 
 const SetupPasswordView = ({ onComplete, onCancel, skipKnowledgeCheck = false, }) => {
-    const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    const { setDynamicWidgetView, setIsOpen } = DynamicWidgetContext.useWidgetContext();
     const [currentStep, setCurrentStep] = React.useState('terms');
     const [password, setPassword] = React.useState('');
     const goToAccountAndSecurity = React.useCallback(() => {
@@ -64,15 +64,23 @@ const SetupPasswordView = ({ onComplete, onCancel, skipKnowledgeCheck = false, }
     const handleSuccess = React.useCallback(() => {
         onComplete(password);
         // Navigate to appropriate view based on where we came from:
-        // - If onCancel was provided (auto-create flow), go to wallets view
+        // - If onCancel was provided (auto-create flow), go to wallets then close widget
         // - If onCancel wasn't provided (settings flow), go to account settings
         if (onCancel) {
             goToWallets();
+            setIsOpen(false);
         }
         else {
             goToAccountAndSecurity();
         }
-    }, [onComplete, password, onCancel, goToAccountAndSecurity, goToWallets]);
+    }, [
+        onComplete,
+        password,
+        onCancel,
+        goToAccountAndSecurity,
+        goToWallets,
+        setIsOpen,
+    ]);
     switch (currentStep) {
         case 'terms':
             return (jsxRuntime.jsx(SetupPasswordTermsView.SetupPasswordTermsView, { onContinue: handleTermsContinue, onBack: onCancel ? undefined : handleCancel }));

package/src/lib/widgets/DynamicWidget/views/SetupPasswordView/SetupPasswordView.js

@@ -13,7 +13,7 @@ import { SetupPasswordSuccessView } from '../SetupPasswordSuccessView/SetupPassw
 import { SetupPasswordTermsView } from '../SetupPasswordTermsView/SetupPasswordTermsView.js';
 
 const SetupPasswordView = ({ onComplete, onCancel, skipKnowledgeCheck = false, }) => {
-    const { setDynamicWidgetView } = useWidgetContext();
+    const { setDynamicWidgetView, setIsOpen } = useWidgetContext();
     const [currentStep, setCurrentStep] = useState('terms');
     const [password, setPassword] = useState('');
     const goToAccountAndSecurity = useCallback(() => {
@@ -60,15 +60,23 @@ const SetupPasswordView = ({ onComplete, onCancel, skipKnowledgeCheck = false, }
     const handleSuccess = useCallback(() => {
         onComplete(password);
         // Navigate to appropriate view based on where we came from:
-        // - If onCancel was provided (auto-create flow), go to wallets view
+        // - If onCancel was provided (auto-create flow), go to wallets then close widget
         // - If onCancel wasn't provided (settings flow), go to account settings
         if (onCancel) {
             goToWallets();
+            setIsOpen(false);
         }
         else {
             goToAccountAndSecurity();
         }
-    }, [onComplete, password, onCancel, goToAccountAndSecurity, goToWallets]);
+    }, [
+        onComplete,
+        password,
+        onCancel,
+        goToAccountAndSecurity,
+        goToWallets,
+        setIsOpen,
+    ]);
     switch (currentStep) {
         case 'terms':
             return (jsx(SetupPasswordTermsView, { onContinue: handleTermsContinue, onBack: onCancel ? undefined : handleCancel }));