@dynamic-labs/sdk-react-core 4.61.2 → 4.61.4

package/src/lib/views/viewToComponentMap.cjs

@@ -150,6 +150,7 @@ var UnlockWalletView = require('./UnlockWalletView/UnlockWalletView.cjs');
 var ConfirmPasskeyView = require('./Passkey/ConfirmPasskeyView/ConfirmPasskeyView.cjs');
 var SetupPasskeyView = require('./Passkey/SetupPasskeyView/SetupPasskeyView.cjs');
 var PendingConnectView = require('./PendingConnectView/PendingConnectView.cjs');
+var ResetPasswordForSettingsView = require('./ResetPasswordForSettingsView/ResetPasswordForSettingsView.cjs');
 var SandboxMaximumThresholdReached = require('./SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.cjs');
 var SelectHardwareWalletView = require('./SelectHardwareWalletView/SelectHardwareWalletView.cjs');
 var SelectWalletInWalletGroupView = require('./SelectWalletInWalletGroupView/SelectWalletInWalletGroupView.cjs');
@@ -240,6 +241,7 @@ const viewToComponentMap = {
     'pending-signature-without-back-button': PendingSignatureView.PendingSignatureView,
     'qr-code': QrCodeView.QrCodeView,
     'rename-passkey': RenamePasskeyView.RenamePasskeyView,
+    'reset-password-flow': ResetPasswordForSettingsView.ResetPasswordForSettingsView,
     'sandbox-maximum-threshold-reached': SandboxMaximumThresholdReached.SandboxMaximumThresholdReached,
     'select-hardware-wallet': SelectHardwareWalletView.SelectHardwareWalletView,
     'select-wallet-in-wallet-group': SelectWalletInWalletGroupView.SelectWalletInWalletGroupView,

package/src/lib/views/viewToComponentMap.d.ts

@@ -92,6 +92,7 @@ export declare const viewToComponentMap: {
     'rename-passkey': import("react").FC<{
         onUpdate?: (() => void) | undefined;
     }>;
+    'reset-password-flow': import("react").FC;
     'sandbox-maximum-threshold-reached': () => JSX.Element;
     'select-hardware-wallet': import("react").FC<{
         wallet: import("../shared").WalletOption;

package/src/lib/views/viewToComponentMap.js

@@ -146,6 +146,7 @@ import { UnlockWalletView } from './UnlockWalletView/UnlockWalletView.js';
 import { ConfirmPasskeyView } from './Passkey/ConfirmPasskeyView/ConfirmPasskeyView.js';
 import { SetupPasskeyView } from './Passkey/SetupPasskeyView/SetupPasskeyView.js';
 import { PendingConnectView } from './PendingConnectView/PendingConnectView.js';
+import { ResetPasswordForSettingsView } from './ResetPasswordForSettingsView/ResetPasswordForSettingsView.js';
 import { SandboxMaximumThresholdReached } from './SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.js';
 import { SelectHardwareWalletView } from './SelectHardwareWalletView/SelectHardwareWalletView.js';
 import { SelectWalletInWalletGroupView } from './SelectWalletInWalletGroupView/SelectWalletInWalletGroupView.js';
@@ -236,6 +237,7 @@ const viewToComponentMap = {
     'pending-signature-without-back-button': PendingSignatureView,
     'qr-code': QrCodeView,
     'rename-passkey': RenamePasskeyView,
+    'reset-password-flow': ResetPasswordForSettingsView,
     'sandbox-maximum-threshold-reached': SandboxMaximumThresholdReached,
     'select-hardware-wallet': SelectHardwareWalletView,
     'select-wallet-in-wallet-group': SelectWalletInWalletGroupView,

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

@@ -17,7 +17,7 @@ require('@dynamic-labs/wallet-connector-core');
 var chevronLeft = require('../../../../../shared/assets/chevron-left.cjs');
 var faceId = require('../../../../../shared/assets/face-id.cjs');
 var lock = require('../../../../../shared/assets/lock.cjs');
-require('../../../../../context/ViewContext/ViewContext.cjs');
+var ViewContext = require('../../../../../context/ViewContext/ViewContext.cjs');
 var logger = require('../../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
@@ -98,6 +98,7 @@ require('../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs
 require('../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
+var useWalletPassword = require('../../../../../utils/hooks/useWalletPassword/useWalletPassword.cjs');
 require('../../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../../store/state/sendBalances.cjs');
 require('../../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
@@ -105,6 +106,7 @@ require('../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCard
 require('../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../components/PasskeyCard/PasskeyCard.cjs');
+var useIsPasswordEncrypted = require('../../../../../utils/hooks/useIsPasswordEncrypted/useIsPasswordEncrypted.cjs');
 require('../../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../../../index.cjs');
 require('../../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
@@ -114,17 +116,18 @@ 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 }) => {
     var _a, _b, _c;
     const { t } = reactI18next.useTranslation();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { pushView } = ViewContext.useViewContext();
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
     const projectSettings = useProjectSettings.useProjectSettings();
     const { updatePassword } = useWalletPassword.useWalletPassword();
+    const isPasswordEncrypted = useIsPasswordEncrypted.useIsPasswordEncrypted();
     const isMfaEnabled = useIsMfaEnabled.useIsMfaEnabled();
     const isTotpMfaEnabled = useIsTotpMfaEnabled.useIsTotpMfaEnabled();
     const isPasskeyMfaEnabled = useIsPasskeysMfaEnabled.useIsPasskeysMfaEnabled();
@@ -151,14 +154,25 @@ const MfaSection = ({ isLoading }) => {
             }),
         });
     }, [setDynamicWidgetView, wallet, updatePassword]);
+    const handleResetPasswordClick = React.useCallback(() => {
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        pushView('reset-password-flow');
+    }, [setShowAuthFlow, pushView]);
     if (!isMfaEnabled && !isWaasWallet) {
         return null;
     }
     return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.mfa_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.mfa_section.title') }) }), isPasskeyMfaEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-passkeys-mfa-button', onClick: handlePasskeyMfaClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(faceId.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.mfa_section.passkey_button', children: t('dyn_settings.mfa_section.passkey_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false })), shouldShowPasswordSetup && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'password-setup-button', onClick: handlePasscodeClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+                jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(faceId.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.mfa_section.passkey_button', children: t('dyn_settings.mfa_section.passkey_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false })), shouldShowPasswordSetup && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'password-setup-button', onClick: isPasswordEncrypted ? handleResetPasswordClick : handlePasscodeClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(lock.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.account_security.password.set_button', children: t('dyn_settings.account_security.password.set_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false })), isTotpMfaEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-totp-mfa-button', onClick: handleTotpMfaClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+                jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(lock.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: isPasswordEncrypted
+                                ? 'dyn_settings.account_security.password.reset_button'
+                                : 'dyn_settings.account_security.password.set_button', children: isPasswordEncrypted
+                                ? t('dyn_settings.account_security.password.reset_button')
+                                : t('dyn_settings.account_security.password.set_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false })), isTotpMfaEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-totp-mfa-button', onClick: handleTotpMfaClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
                 jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(lock.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.mfa_section.totp_button', children: t('dyn_settings.mfa_section.totp_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false }))] }));
 };

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

@@ -13,7 +13,7 @@ import '@dynamic-labs/wallet-connector-core';
 import { ReactComponent as SvgChevronLeft } from '../../../../../shared/assets/chevron-left.js';
 import { ReactComponent as SvgFaceId } from '../../../../../shared/assets/face-id.js';
 import { ReactComponent as SvgLock } from '../../../../../shared/assets/lock.js';
-import '../../../../../context/ViewContext/ViewContext.js';
+import { useViewContext } from '../../../../../context/ViewContext/ViewContext.js';
 import { logger } from '../../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
@@ -94,6 +94,7 @@ import '../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
+import { useWalletPassword } from '../../../../../utils/hooks/useWalletPassword/useWalletPassword.js';
 import '../../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../../store/state/sendBalances.js';
 import '../../../../../store/state/connectorsInitializing/connectorsInitializing.js';
@@ -101,6 +102,7 @@ import '../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardT
 import '../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../components/PasskeyCard/PasskeyCard.js';
+import { useIsPasswordEncrypted } from '../../../../../utils/hooks/useIsPasswordEncrypted/useIsPasswordEncrypted.js';
 import '../../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../../../index.js';
 import '../../ReceiveWalletFunds/ReceiveWalletFunds.js';
@@ -110,17 +112,18 @@ 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 }) => {
     var _a, _b, _c;
     const { t } = useTranslation();
     const { setDynamicWidgetView } = useWidgetContext();
-    const { primaryWallet } = useInternalDynamicContext();
+    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
+    const { pushView } = useViewContext();
     const { getEOAWallet } = useSmartWallets();
     const projectSettings = useProjectSettings();
     const { updatePassword } = useWalletPassword();
+    const isPasswordEncrypted = useIsPasswordEncrypted();
     const isMfaEnabled = useIsMfaEnabled();
     const isTotpMfaEnabled = useIsTotpMfaEnabled();
     const isPasskeyMfaEnabled = useIsPasskeysMfaEnabled();
@@ -147,14 +150,25 @@ const MfaSection = ({ isLoading }) => {
             }),
         });
     }, [setDynamicWidgetView, wallet, updatePassword]);
+    const handleResetPasswordClick = useCallback(() => {
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        pushView('reset-password-flow');
+    }, [setShowAuthFlow, pushView]);
     if (!isMfaEnabled && !isWaasWallet) {
         return null;
     }
     return (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: 'settings-view__body__section__title', children: jsx(Typography, { copykey: 'dyn_settings.mfa_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.mfa_section.title') }) }), isPasskeyMfaEnabled && (jsx(TypographyButton, { dataTestId: 'manage-passkeys-mfa-button', onClick: handlePasskeyMfaClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgFaceId, { className: 'settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.mfa_section.passkey_button', children: t('dyn_settings.mfa_section.passkey_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false })), shouldShowPasswordSetup && (jsx(TypographyButton, { dataTestId: 'password-setup-button', onClick: handlePasscodeClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+                jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgFaceId, { className: 'settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.mfa_section.passkey_button', children: t('dyn_settings.mfa_section.passkey_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false })), shouldShowPasswordSetup && (jsx(TypographyButton, { dataTestId: 'password-setup-button', onClick: isPasswordEncrypted ? handleResetPasswordClick : handlePasscodeClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgLock, { className: 'settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.account_security.password.set_button', children: t('dyn_settings.account_security.password.set_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false })), isTotpMfaEnabled && (jsx(TypographyButton, { dataTestId: 'manage-totp-mfa-button', onClick: handleTotpMfaClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+                jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgLock, { className: 'settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: isPasswordEncrypted
+                                ? 'dyn_settings.account_security.password.reset_button'
+                                : 'dyn_settings.account_security.password.set_button', children: isPasswordEncrypted
+                                ? t('dyn_settings.account_security.password.reset_button')
+                                : t('dyn_settings.account_security.password.set_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false })), isTotpMfaEnabled && (jsx(TypographyButton, { dataTestId: 'manage-totp-mfa-button', onClick: handleTotpMfaClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
                 jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgLock, { className: 'settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.mfa_section.totp_button', children: t('dyn_settings.mfa_section.totp_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false }))] }));
 };

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

@@ -8,11 +8,12 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs/sdk-api-core');
-require('../../../../client/client.cjs');
-require('@dynamic-labs-sdk/client');
-require('../../../../config/ApiEndpoint.cjs');
+var IconButton = require('../../../../components/IconButton/IconButton.cjs');
+var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
+var Typography = require('../../../../components/Typography/Typography.cjs');
+var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/iconic');
 var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
 var exportPrivateKey = require('../../../../shared/assets/export-private-key.cjs');
@@ -23,25 +24,23 @@ require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
+require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/consts/index.cjs');
+require('../../../../events/dynamicEvents.cjs');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../../store/state/nonce/nonce.cjs');
+require('@dynamic-labs-sdk/client/core');
+require('../../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/locale');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
-require('../../../../events/dynamicEvents.cjs');
-var useUser = require('../../../../client/extension/user/useUser/useUser.cjs');
-var IconButton = require('../../../../components/IconButton/IconButton.cjs');
-var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
-var Typography = require('../../../../components/Typography/Typography.cjs');
-var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
-require('../../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
-require('../../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -108,6 +107,7 @@ require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../components/PasskeyCard/PasskeyCard.cjs');
 var useEmbeddedReveal = require('../../../../utils/hooks/useEmbeddedReveal/useEmbeddedReveal.cjs');
+var useIsPasswordEncrypted = require('../../../../utils/hooks/useIsPasswordEncrypted/useIsPasswordEncrypted.cjs');
 require('../CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../../index.cjs');
 require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
@@ -123,32 +123,15 @@ const ExportAndRecoveryView = () => {
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { pushView } = ViewContext.useViewContext();
-    const user = useUser.useUser();
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery.usePasskeyRecovery();
     const { initExportProcess } = useEmbeddedReveal.useEmbeddedReveal();
+    const isPasswordEncrypted = useIsPasswordEncrypted.useIsPasswordEncrypted();
     const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
     const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
     const isSessionKeyCompatible = (primaryWallet && walletConnectorCore.isSessionKeyCompatibleWallet(primaryWallet)) ||
         (eoaWallet && walletConnectorCore.isSessionKeyCompatibleWallet(eoaWallet));
     const isV3WaasWallet = Boolean(wallet && ((_b = (_a = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.startsWith('dynamicwaas')));
-    const walletCredential = React.useMemo(() => {
-        var _a;
-        if (!user || !primaryWallet)
-            return undefined;
-        return (_a = user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find((cred) => cred.walletName === 'dynamicwaas' &&
-            cred.address === primaryWallet.address);
-    }, [user, primaryWallet]);
-    const isPasswordEncrypted = React.useMemo(() => {
-        var _a;
-        const keyShares = (_a = walletCredential === null || walletCredential === void 0 ? void 0 : walletCredential.walletProperties) === null || _a === void 0 ? void 0 : _a.keyShares;
-        if (!keyShares || !Array.isArray(keyShares))
-            return false;
-        return keyShares.some((keyShare) => keyShare &&
-            typeof keyShare === 'object' &&
-            'passwordEncrypted' in keyShare &&
-            keyShare.passwordEncrypted === true);
-    }, [walletCredential]);
     const handleBackClick = React.useCallback(() => setDynamicWidgetView('account-and-security-settings'), [setDynamicWidgetView]);
     const handlePrivateKeyClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!isSessionKeyCompatible) {

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

@@ -1,14 +1,15 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMemo, useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { isSessionKeyCompatibleWallet } from '@dynamic-labs/wallet-connector-core';
-import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs/sdk-api-core';
-import '../../../../client/client.js';
-import '@dynamic-labs-sdk/client';
-import '../../../../config/ApiEndpoint.js';
+import { IconButton } from '../../../../components/IconButton/IconButton.js';
+import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
+import { Typography } from '../../../../components/Typography/Typography.js';
+import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
+import '../../../../context/DynamicContext/DynamicContext.js';
+import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/iconic';
 import { ReactComponent as SvgChevronLeft } from '../../../../shared/assets/chevron-left.js';
 import { ReactComponent as SvgExportPrivateKey } from '../../../../shared/assets/export-private-key.js';
@@ -19,25 +20,23 @@ import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
+import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/consts/index.js';
+import '../../../../events/dynamicEvents.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../../store/state/nonce/nonce.js';
+import '@dynamic-labs-sdk/client/core';
+import '../../../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/locale';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
-import '../../../../events/dynamicEvents.js';
-import { useUser } from '../../../../client/extension/user/useUser/useUser.js';
-import { IconButton } from '../../../../components/IconButton/IconButton.js';
-import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
-import { Typography } from '../../../../components/Typography/Typography.js';
-import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
-import '../../../../context/DynamicContext/DynamicContext.js';
-import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -104,6 +103,7 @@ import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../components/PasskeyCard/PasskeyCard.js';
 import { useEmbeddedReveal } from '../../../../utils/hooks/useEmbeddedReveal/useEmbeddedReveal.js';
+import { useIsPasswordEncrypted } from '../../../../utils/hooks/useIsPasswordEncrypted/useIsPasswordEncrypted.js';
 import '../CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../../index.js';
 import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
@@ -119,32 +119,15 @@ const ExportAndRecoveryView = () => {
     const { setDynamicWidgetView } = useWidgetContext();
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
     const { pushView } = useViewContext();
-    const user = useUser();
     const { getEOAWallet } = useSmartWallets();
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery();
     const { initExportProcess } = useEmbeddedReveal();
+    const isPasswordEncrypted = useIsPasswordEncrypted();
     const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
     const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
     const isSessionKeyCompatible = (primaryWallet && isSessionKeyCompatibleWallet(primaryWallet)) ||
         (eoaWallet && isSessionKeyCompatibleWallet(eoaWallet));
     const isV3WaasWallet = Boolean(wallet && ((_b = (_a = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.startsWith('dynamicwaas')));
-    const walletCredential = useMemo(() => {
-        var _a;
-        if (!user || !primaryWallet)
-            return undefined;
-        return (_a = user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find((cred) => cred.walletName === 'dynamicwaas' &&
-            cred.address === primaryWallet.address);
-    }, [user, primaryWallet]);
-    const isPasswordEncrypted = useMemo(() => {
-        var _a;
-        const keyShares = (_a = walletCredential === null || walletCredential === void 0 ? void 0 : walletCredential.walletProperties) === null || _a === void 0 ? void 0 : _a.keyShares;
-        if (!keyShares || !Array.isArray(keyShares))
-            return false;
-        return keyShares.some((keyShare) => keyShare &&
-            typeof keyShare === 'object' &&
-            'passwordEncrypted' in keyShare &&
-            keyShare.passwordEncrypted === true);
-    }, [walletCredential]);
     const handleBackClick = useCallback(() => setDynamicWidgetView('account-and-security-settings'), [setDynamicWidgetView]);
     const handlePrivateKeyClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         if (!isSessionKeyCompatible) {

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

@@ -0,0 +1,50 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var Icon = require('../../../../components/Icon/Icon.cjs');
+var IconButton = require('../../../../components/IconButton/IconButton.cjs');
+var Input = require('../../../../components/Input/Input.cjs');
+var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
+var ToggleVisibilityButton = require('../../../../components/ToggleVisibilityButton/ToggleVisibilityButton.cjs');
+var Typography = require('../../../../components/Typography/Typography.cjs');
+var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
+var errorCircleX = require('../../../../shared/assets/error-circle-x.cjs');
+var passwordLockIcon = require('../../../../shared/assets/password-lock-icon.cjs');
+require('@dynamic-labs/iconic');
+require('../../../../context/ViewContext/ViewContext.cjs');
+
+const ResetPasswordCurrentView = ({ onContinue, onBack, isLoading = false, error: externalError = null, }) => {
+    const { t } = reactI18next.useTranslation();
+    const [password, setPassword] = React.useState('');
+    const [showPassword, setShowPassword] = React.useState(false);
+    const [internalError, setInternalError] = React.useState(null);
+    const error = externalError !== null && externalError !== void 0 ? externalError : internalError;
+    const handlePasswordChange = React.useCallback((e) => {
+        setPassword(e.target.value);
+        setInternalError(null);
+    }, []);
+    const handleToggleVisibility = React.useCallback((hidden) => {
+        setShowPassword(!hidden);
+    }, []);
+    const handleContinue = React.useCallback(() => {
+        if (!password) {
+            setInternalError(t('dyn_reset_password.current.error.required'));
+            return;
+        }
+        onContinue(password);
+    }, [password, onContinue, t]);
+    const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onBack, "data-testid": 'reset-password-current-back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_reset_password.current.title', children: t('dyn_reset_password.current.title') }) }), jsxRuntime.jsx("div", { className: 'enter-password-view', children: jsxRuntime.jsxs("div", { className: 'enter-password-view__body', children: [jsxRuntime.jsx("div", { className: 'enter-password-view__icon-container', children: jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(passwordLockIcon.ReactComponent, { width: 64, height: 64 }) }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_reset_password.current.description', className: 'enter-password-view__description', children: t('dyn_reset_password.current.description') }), jsxRuntime.jsx(Input.Input, { id: 'reset-password-current-input', type: showPassword ? 'text' : 'password', label: t('dyn_reset_password.current.label'), placeholder: t('dyn_reset_password.current.placeholder'), value: password, onChange: handlePasswordChange, variant: 'regular', error: Boolean(error), message: error ? (jsxRuntime.jsxs("span", { className: 'enter-password-view__error-message', children: [jsxRuntime.jsx(errorCircleX.ReactComponent, { width: 14, height: 14 }), error] })) : undefined, suffix: 
+                            // eslint-disable-next-line react/jsx-wrap-multilines
+                            jsxRuntime.jsx(ToggleVisibilityButton.ToggleVisibilityButton, { initialState: true, onClick: handleToggleVisibility }) }), jsxRuntime.jsx("div", { className: 'enter-password-view__actions', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'reset-password-current-continue-button', onClick: handleContinue, disabled: !password || isLoading, copykey: 'dyn_setup_password.button.continue', buttonVariant: 'brand-primary', typographyProps: {
+                                    color: 'inherit',
+                                }, expanded: true, children: t('dyn_setup_password.button.continue') }) })] }) })] }));
+};
+
+exports.ResetPasswordCurrentView = ResetPasswordCurrentView;

package/src/lib/widgets/DynamicWidget/views/ResetPasswordCurrentView/ResetPasswordCurrentView.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export type ResetPasswordCurrentViewProps = {
+    onContinue: (password: string) => void;
+    onBack: () => void;
+    isLoading?: boolean;
+    error?: string | null;
+};
+export declare const ResetPasswordCurrentView: FC<ResetPasswordCurrentViewProps>;

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

@@ -0,0 +1,46 @@
+'use client'
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Icon } from '../../../../components/Icon/Icon.js';
+import { IconButton } from '../../../../components/IconButton/IconButton.js';
+import { Input } from '../../../../components/Input/Input.js';
+import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
+import { ToggleVisibilityButton } from '../../../../components/ToggleVisibilityButton/ToggleVisibilityButton.js';
+import { Typography } from '../../../../components/Typography/Typography.js';
+import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
+import { ReactComponent as SvgChevronLeft } from '../../../../shared/assets/chevron-left.js';
+import { ReactComponent as SvgErrorCircleX } from '../../../../shared/assets/error-circle-x.js';
+import { ReactComponent as SvgPasswordLockIcon } from '../../../../shared/assets/password-lock-icon.js';
+import '@dynamic-labs/iconic';
+import '../../../../context/ViewContext/ViewContext.js';
+
+const ResetPasswordCurrentView = ({ onContinue, onBack, isLoading = false, error: externalError = null, }) => {
+    const { t } = useTranslation();
+    const [password, setPassword] = useState('');
+    const [showPassword, setShowPassword] = useState(false);
+    const [internalError, setInternalError] = useState(null);
+    const error = externalError !== null && externalError !== void 0 ? externalError : internalError;
+    const handlePasswordChange = useCallback((e) => {
+        setPassword(e.target.value);
+        setInternalError(null);
+    }, []);
+    const handleToggleVisibility = useCallback((hidden) => {
+        setShowPassword(!hidden);
+    }, []);
+    const handleContinue = useCallback(() => {
+        if (!password) {
+            setInternalError(t('dyn_reset_password.current.error.required'));
+            return;
+        }
+        onContinue(password);
+    }, [password, onContinue, t]);
+    const backButton = (jsx(IconButton, { type: 'button', onClick: onBack, "data-testid": 'reset-password-current-back-button', children: jsx(SvgChevronLeft, {}) }));
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: backButton, children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_reset_password.current.title', children: t('dyn_reset_password.current.title') }) }), jsx("div", { className: 'enter-password-view', children: jsxs("div", { className: 'enter-password-view__body', children: [jsx("div", { className: 'enter-password-view__icon-container', children: jsx(Icon, { color: 'brand-primary', children: jsx(SvgPasswordLockIcon, { width: 64, height: 64 }) }) }), jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_reset_password.current.description', className: 'enter-password-view__description', children: t('dyn_reset_password.current.description') }), jsx(Input, { id: 'reset-password-current-input', type: showPassword ? 'text' : 'password', label: t('dyn_reset_password.current.label'), placeholder: t('dyn_reset_password.current.placeholder'), value: password, onChange: handlePasswordChange, variant: 'regular', error: Boolean(error), message: error ? (jsxs("span", { className: 'enter-password-view__error-message', children: [jsx(SvgErrorCircleX, { width: 14, height: 14 }), error] })) : undefined, suffix: 
+                            // eslint-disable-next-line react/jsx-wrap-multilines
+                            jsx(ToggleVisibilityButton, { initialState: true, onClick: handleToggleVisibility }) }), jsx("div", { className: 'enter-password-view__actions', children: jsx(TypographyButton, { dataTestId: 'reset-password-current-continue-button', onClick: handleContinue, disabled: !password || isLoading, copykey: 'dyn_setup_password.button.continue', buttonVariant: 'brand-primary', typographyProps: {
+                                    color: 'inherit',
+                                }, expanded: true, children: t('dyn_setup_password.button.continue') }) })] }) })] }));
+};
+
+export { ResetPasswordCurrentView };

package/src/lib/widgets/DynamicWidget/views/ResetPasswordCurrentView/index.d.ts

@@ -0,0 +1 @@
+export { ResetPasswordCurrentView } from './ResetPasswordCurrentView';