@dynamic-labs/sdk-react-core 4.71.0 → 4.72.0

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

@@ -19,8 +19,9 @@ var backupArrow = require('../../../../../shared/assets/backupArrow.cjs');
 var chevronLeft = require('../../../../../shared/assets/chevron-left.cjs');
 var exportPrivateKey = require('../../../../../shared/assets/export-private-key.cjs');
 var exportRecoveryPhrase = require('../../../../../shared/assets/export-recovery-phrase.cjs');
+var lock = require('../../../../../shared/assets/lock.cjs');
 var ViewContext = require('../../../../../context/ViewContext/ViewContext.cjs');
-require('../../../../../shared/logger.cjs');
+var logger = require('../../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../../utils/constants/colors.cjs');
@@ -86,7 +87,7 @@ require('qrcode');
 require('formik');
 require('../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../context/DynamicWidgetContext.cjs');
+var DynamicWidgetContext = require('../../../context/DynamicWidgetContext.cjs');
 require('../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 var useWalletBackup = require('../../../../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
 require('../../../../../utils/hooks/useWalletBackup/types.cjs');
@@ -102,6 +103,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');
@@ -110,6 +112,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('../../ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
@@ -118,18 +121,23 @@ require('../../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../store/state/tokenBalances.cjs');
 require('../../../../../store/state/multichainBalances.cjs');
 require('../../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useIsMfaRequiredForAction = require('../../../../../utils/hooks/useIsMfaRequiredForAction/useIsMfaRequiredForAction.cjs');
 var useInternalDynamicContext = require('../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 const EmbeddedWalletExportSection = () => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const { t } = reactI18next.useTranslation();
     const { theme } = ThemeContext.useThemeContext();
+    const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { primaryWallet, user, projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { pushView } = ViewContext.useViewContext();
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
+    const { setPassword } = useWalletPassword.useWalletPassword();
+    const isPasswordEncrypted = useIsPasswordEncrypted.useIsPasswordEncrypted();
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery.usePasskeyRecovery();
     const { initExportProcess } = useEmbeddedReveal.useEmbeddedReveal();
-    const { isStepUpRequired, promptStepUpAuth } = useStepUpAuthentication.useStepUpAuthentication();
+    const { isStepUpRequired, promptMfa, promptStepUpAuth } = useStepUpAuthentication.useStepUpAuthentication();
+    const isMfaRequiredForAction = useIsMfaRequiredForAction.useIsMfaRequiredForAction();
     const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
     const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
     const isEmbeddedWallet = Boolean(wallet &&
@@ -141,8 +149,34 @@ const EmbeddedWalletExportSection = () => {
     const isSessionKeyCompatible = (primaryWallet && walletConnectorCore.isSessionKeyCompatibleWallet(primaryWallet)) ||
         (eoaWallet && walletConnectorCore.isSessionKeyCompatibleWallet(eoaWallet));
     const isV3WaasWallet = Boolean(wallet && ((_h = (_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.key) === null || _h === void 0 ? void 0 : _h.startsWith('dynamicwaas')));
+    const shouldShowPasswordSetup = isV3WaasWallet;
+    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) || !(wallet === null || wallet === void 0 ? void 0 : wallet.chain)) {
+                    logger.logger.error('No wallet address or chain available for password setup');
+                    return;
+                }
+                yield setPassword({
+                    accountAddress: wallet.address,
+                    chainName: wallet.chain,
+                    newPassword: password,
+                });
+            }),
+        });
+    }, [setDynamicWidgetView, wallet, setPassword]);
+    const handleResetPasswordClick = React.useCallback(() => {
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        pushView('reset-password-flow');
+    }, [setShowAuthFlow, pushView]);
     const handleExportClick = React.useCallback((recoveryPhrase) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (isStepUpRequired({ scope: sdkApiCore.TokenScope.Walletexport })) {
+        const stepUpRequired = yield isStepUpRequired({
+            scope: sdkApiCore.TokenScope.Walletexport,
+        });
+        if (stepUpRequired) {
             try {
                 yield promptStepUpAuth({
                     requestedScopes: [sdkApiCore.TokenScope.Walletexport],
@@ -152,6 +186,19 @@ const EmbeddedWalletExportSection = () => {
                 return;
             }
         }
+        else {
+            const isMfaRequired = yield isMfaRequiredForAction({
+                mfaAction: sdkApiCore.MFAAction.WalletWaasExport,
+            });
+            if (isMfaRequired) {
+                try {
+                    yield promptMfa({ createMfaToken: true });
+                }
+                catch (_m) {
+                    return;
+                }
+            }
+        }
         if (!isSessionKeyCompatible) {
             if (yield shouldInitRecovery()) {
                 yield initPasskeyRecoveryProcess(undefined, {
@@ -163,6 +210,8 @@ const EmbeddedWalletExportSection = () => {
     }), [
         isStepUpRequired,
         promptStepUpAuth,
+        isMfaRequiredForAction,
+        promptMfa,
         shouldInitRecovery,
         initPasskeyRecoveryProcess,
         initExportProcess,
@@ -194,7 +243,13 @@ const EmbeddedWalletExportSection = () => {
     if (!isEmbeddedWallet) {
         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.export_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.export_section.title') }) }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: handleExportButtonClick, buttonClassName: 'settings-view__body__section__button', startSlot: exportButtonStartSlot, endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && !isV3WaasWallet && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: handleExportWithPhraseClick, buttonClassName: 'settings-view__body__section__button', startSlot: recoveryPhraseButtonStartSlot, endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })), shouldShowBackupOption && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'backup-button', onClick: handleBackupClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+    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.wallet_security_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.wallet_security_section.title') }) }), 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: 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' }), showInternalLoading: false })), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: handleExportButtonClick, buttonClassName: 'settings-view__body__section__button', startSlot: exportButtonStartSlot, endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && !isV3WaasWallet && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: handleExportWithPhraseClick, buttonClassName: 'settings-view__body__section__button', startSlot: recoveryPhraseButtonStartSlot, endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })), shouldShowBackupOption && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'backup-button', onClick: handleBackupClick, 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(backupArrow.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.backup_button', children: t('dyn_settings.export_section.backup_button') })] }), endSlot: areAllWalletsBackedUp ? (jsxRuntime.jsx(Badge.Badge, { variant: 'primary', text: t('dyn_waas.backup.backed_up'), copykey: 'dyn_waas.backup.backed_up' })) : (jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' })), showInternalLoading: false }))] }));
 };

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

@@ -3,7 +3,7 @@ import { __awaiter } from '../../../../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { TokenScope, WaasBackupOptionsEnum } from '@dynamic-labs/sdk-api-core';
+import { TokenScope, MFAAction, WaasBackupOptionsEnum } from '@dynamic-labs/sdk-api-core';
 import { isSessionKeyCompatibleWallet } from '@dynamic-labs/wallet-connector-core';
 import { Badge } from '../../../../../components/Badge/Badge.js';
 import { Typography } from '../../../../../components/Typography/Typography.js';
@@ -15,8 +15,9 @@ import { ReactComponent as SvgBackupArrow } from '../../../../../shared/assets/b
 import { ReactComponent as SvgChevronLeft } from '../../../../../shared/assets/chevron-left.js';
 import { ReactComponent as SvgExportPrivateKey } from '../../../../../shared/assets/export-private-key.js';
 import { ReactComponent as SvgExportRecoveryPhrase } from '../../../../../shared/assets/export-recovery-phrase.js';
+import { ReactComponent as SvgLock } from '../../../../../shared/assets/lock.js';
 import { useViewContext } from '../../../../../context/ViewContext/ViewContext.js';
-import '../../../../../shared/logger.js';
+import { logger } from '../../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../../utils/constants/colors.js';
@@ -82,7 +83,7 @@ import 'qrcode';
 import 'formik';
 import '../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../context/DynamicWidgetContext.js';
+import { useWidgetContext } from '../../../context/DynamicWidgetContext.js';
 import '../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import { useWalletBackup } from '../../../../../utils/hooks/useWalletBackup/useWalletBackup.js';
 import '../../../../../utils/hooks/useWalletBackup/types.js';
@@ -98,6 +99,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';
@@ -106,6 +108,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 '../../ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
@@ -114,18 +117,23 @@ import '../../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../store/state/tokenBalances.js';
 import '../../../../../store/state/multichainBalances.js';
 import '../../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useIsMfaRequiredForAction } from '../../../../../utils/hooks/useIsMfaRequiredForAction/useIsMfaRequiredForAction.js';
 import { useInternalDynamicContext } from '../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const EmbeddedWalletExportSection = () => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const { t } = useTranslation();
     const { theme } = useThemeContext();
+    const { setDynamicWidgetView } = useWidgetContext();
     const { primaryWallet, user, projectSettings, setShowAuthFlow } = useInternalDynamicContext();
     const { pushView } = useViewContext();
     const { getEOAWallet } = useSmartWallets();
+    const { setPassword } = useWalletPassword();
+    const isPasswordEncrypted = useIsPasswordEncrypted();
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery();
     const { initExportProcess } = useEmbeddedReveal();
-    const { isStepUpRequired, promptStepUpAuth } = useStepUpAuthentication();
+    const { isStepUpRequired, promptMfa, promptStepUpAuth } = useStepUpAuthentication();
+    const isMfaRequiredForAction = useIsMfaRequiredForAction();
     const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
     const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
     const isEmbeddedWallet = Boolean(wallet &&
@@ -137,8 +145,34 @@ const EmbeddedWalletExportSection = () => {
     const isSessionKeyCompatible = (primaryWallet && isSessionKeyCompatibleWallet(primaryWallet)) ||
         (eoaWallet && isSessionKeyCompatibleWallet(eoaWallet));
     const isV3WaasWallet = Boolean(wallet && ((_h = (_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.key) === null || _h === void 0 ? void 0 : _h.startsWith('dynamicwaas')));
+    const shouldShowPasswordSetup = isV3WaasWallet;
+    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) || !(wallet === null || wallet === void 0 ? void 0 : wallet.chain)) {
+                    logger.error('No wallet address or chain available for password setup');
+                    return;
+                }
+                yield setPassword({
+                    accountAddress: wallet.address,
+                    chainName: wallet.chain,
+                    newPassword: password,
+                });
+            }),
+        });
+    }, [setDynamicWidgetView, wallet, setPassword]);
+    const handleResetPasswordClick = useCallback(() => {
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        pushView('reset-password-flow');
+    }, [setShowAuthFlow, pushView]);
     const handleExportClick = useCallback((recoveryPhrase) => __awaiter(void 0, void 0, void 0, function* () {
-        if (isStepUpRequired({ scope: TokenScope.Walletexport })) {
+        const stepUpRequired = yield isStepUpRequired({
+            scope: TokenScope.Walletexport,
+        });
+        if (stepUpRequired) {
             try {
                 yield promptStepUpAuth({
                     requestedScopes: [TokenScope.Walletexport],
@@ -148,6 +182,19 @@ const EmbeddedWalletExportSection = () => {
                 return;
             }
         }
+        else {
+            const isMfaRequired = yield isMfaRequiredForAction({
+                mfaAction: MFAAction.WalletWaasExport,
+            });
+            if (isMfaRequired) {
+                try {
+                    yield promptMfa({ createMfaToken: true });
+                }
+                catch (_m) {
+                    return;
+                }
+            }
+        }
         if (!isSessionKeyCompatible) {
             if (yield shouldInitRecovery()) {
                 yield initPasskeyRecoveryProcess(undefined, {
@@ -159,6 +206,8 @@ const EmbeddedWalletExportSection = () => {
     }), [
         isStepUpRequired,
         promptStepUpAuth,
+        isMfaRequiredForAction,
+        promptMfa,
         shouldInitRecovery,
         initPasskeyRecoveryProcess,
         initExportProcess,
@@ -190,7 +239,13 @@ const EmbeddedWalletExportSection = () => {
     if (!isEmbeddedWallet) {
         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.export_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.export_section.title') }) }), jsx(TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: handleExportButtonClick, buttonClassName: 'settings-view__body__section__button', startSlot: exportButtonStartSlot, endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && !isV3WaasWallet && (jsx(TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: handleExportWithPhraseClick, buttonClassName: 'settings-view__body__section__button', startSlot: recoveryPhraseButtonStartSlot, endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })), shouldShowBackupOption && (jsx(TypographyButton, { dataTestId: 'backup-button', onClick: handleBackupClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+    return (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: 'settings-view__body__section__title', children: jsx(Typography, { copykey: 'dyn_settings.wallet_security_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.wallet_security_section.title') }) }), 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: 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' }), showInternalLoading: false })), jsx(TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: handleExportButtonClick, buttonClassName: 'settings-view__body__section__button', startSlot: exportButtonStartSlot, endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && !isV3WaasWallet && (jsx(TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: handleExportWithPhraseClick, buttonClassName: 'settings-view__body__section__button', startSlot: recoveryPhraseButtonStartSlot, endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })), shouldShowBackupOption && (jsx(TypographyButton, { dataTestId: 'backup-button', onClick: handleBackupClick, 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(SvgBackupArrow, { className: exportIconClasses }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.backup_button', children: t('dyn_settings.export_section.backup_button') })] }), endSlot: areAllWalletsBackedUp ? (jsx(Badge, { variant: 'primary', text: t('dyn_waas.backup.backed_up'), copykey: 'dyn_waas.backup.backed_up' })) : (jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' })), showInternalLoading: false }))] }));
 };

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

@@ -3,28 +3,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
 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');
-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');
-var ViewContext = require('../../../../../context/ViewContext/ViewContext.cjs');
-var logger = require('../../../../../shared/logger.cjs');
-require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/iconic');
+require('../../../../../context/ViewContext/ViewContext.cjs');
+require('../../../../../events/dynamicEvents.cjs');
+require('../../../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
+require('../../../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../../../../../shared/logger.cjs');
+require('@dynamic-labs/wallet-book');
 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('../../../../../store/state/authMode/authMode.cjs');
 require('../../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -42,13 +43,11 @@ require('../../../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTy
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../../../store/state/authMode/authMode.cjs');
 require('../../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
-var useSmartWallets = require('../../../../../utils/hooks/useSmartWallets/useSmartWallets.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('bs58');
 require('@dynamic-labs/types');
@@ -98,7 +97,6 @@ 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');
@@ -106,7 +104,6 @@ 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('../../ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
@@ -118,60 +115,21 @@ 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 useInternalDynamicContext = require('../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 const MfaSection = ({ isLoading }) => {
-    var _a, _b;
     const { t } = reactI18next.useTranslation();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
-    const { pushView } = ViewContext.useViewContext();
-    const { getEOAWallet } = useSmartWallets.useSmartWallets();
-    const { setPassword } = useWalletPassword.useWalletPassword();
-    const isPasswordEncrypted = useIsPasswordEncrypted.useIsPasswordEncrypted();
     const isMfaEnabled = useIsMfaEnabled.useIsMfaEnabled();
     const isTotpMfaEnabled = useIsTotpMfaEnabled.useIsTotpMfaEnabled();
     const isPasskeyMfaEnabled = useIsPasskeysMfaEnabled.useIsPasskeysMfaEnabled();
-    const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
-    const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
-    const isWaasWallet = 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 shouldShowPasswordSetup = isWaasWallet;
     const handleTotpMfaClick = React.useCallback(() => setDynamicWidgetView('manage-totp-mfa'), [setDynamicWidgetView]);
     const handlePasskeyMfaClick = React.useCallback(() => setDynamicWidgetView('manage-passkeys-mfa'), [setDynamicWidgetView]);
-    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) || !(wallet === null || wallet === void 0 ? void 0 : wallet.chain)) {
-                    logger.logger.error('No wallet address or chain available for password setup');
-                    return;
-                }
-                yield setPassword({
-                    accountAddress: wallet.address,
-                    chainName: wallet.chain,
-                    newPassword: password,
-                });
-            }),
-        });
-    }, [setDynamicWidgetView, wallet, setPassword]);
-    const handleResetPasswordClick = React.useCallback(() => {
-        setShowAuthFlow(true, {
-            ignoreIfIsEmbeddedWidget: false,
-            performMultiWalletChecks: false,
-        });
-        pushView('reset-password-flow');
-    }, [setShowAuthFlow, pushView]);
-    if (!isMfaEnabled && !isWaasWallet) {
+    if (!isMfaEnabled) {
         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: 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: 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: 
+                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 })), 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

@@ -1,26 +1,27 @@
 'use client'
-import { __awaiter } from '../../../../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 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 '@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 { useViewContext } from '../../../../../context/ViewContext/ViewContext.js';
-import { logger } from '../../../../../shared/logger.js';
-import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/iconic';
+import '../../../../../context/ViewContext/ViewContext.js';
+import '../../../../../events/dynamicEvents.js';
+import '../../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
+import '../../../../../context/DynamicContext/DynamicContext.js';
+import '../../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../../../../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
 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 '../../../../../store/state/authMode/authMode.js';
 import '../../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -38,13 +39,11 @@ import '../../../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTyp
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../../../store/state/authMode/authMode.js';
 import '../../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
-import { useSmartWallets } from '../../../../../utils/hooks/useSmartWallets/useSmartWallets.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import 'bs58';
 import '@dynamic-labs/types';
@@ -94,7 +93,6 @@ 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';
@@ -102,7 +100,6 @@ 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 '../../ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
@@ -114,60 +111,21 @@ 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 { useInternalDynamicContext } from '../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const MfaSection = ({ isLoading }) => {
-    var _a, _b;
     const { t } = useTranslation();
     const { setDynamicWidgetView } = useWidgetContext();
-    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
-    const { pushView } = useViewContext();
-    const { getEOAWallet } = useSmartWallets();
-    const { setPassword } = useWalletPassword();
-    const isPasswordEncrypted = useIsPasswordEncrypted();
     const isMfaEnabled = useIsMfaEnabled();
     const isTotpMfaEnabled = useIsTotpMfaEnabled();
     const isPasskeyMfaEnabled = useIsPasskeysMfaEnabled();
-    const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
-    const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
-    const isWaasWallet = 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 shouldShowPasswordSetup = isWaasWallet;
     const handleTotpMfaClick = useCallback(() => setDynamicWidgetView('manage-totp-mfa'), [setDynamicWidgetView]);
     const handlePasskeyMfaClick = useCallback(() => setDynamicWidgetView('manage-passkeys-mfa'), [setDynamicWidgetView]);
-    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) || !(wallet === null || wallet === void 0 ? void 0 : wallet.chain)) {
-                    logger.error('No wallet address or chain available for password setup');
-                    return;
-                }
-                yield setPassword({
-                    accountAddress: wallet.address,
-                    chainName: wallet.chain,
-                    newPassword: password,
-                });
-            }),
-        });
-    }, [setDynamicWidgetView, wallet, setPassword]);
-    const handleResetPasswordClick = useCallback(() => {
-        setShowAuthFlow(true, {
-            ignoreIfIsEmbeddedWidget: false,
-            performMultiWalletChecks: false,
-        });
-        pushView('reset-password-flow');
-    }, [setShowAuthFlow, pushView]);
-    if (!isMfaEnabled && !isWaasWallet) {
+    if (!isMfaEnabled) {
         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: 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: 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: 
+                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 })), 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/EditProfileView/EditProfileView.cjs

@@ -127,7 +127,7 @@ const EditProfileView = ({ rootClassName, }) => {
         const hasPhoneChange = formValues.phoneNumber !== undefined &&
             formValues.phoneNumber !== (user === null || user === void 0 ? void 0 : user.phoneNumber);
         if ((hasEmailChange || hasPhoneChange) &&
-            isStepUpRequired({ scope: sdkApiCore.TokenScope.Credentiallink })) {
+            (yield isStepUpRequired({ scope: sdkApiCore.TokenScope.Credentiallink }))) {
             try {
                 yield promptStepUpAuth({
                     requestedScopes: [sdkApiCore.TokenScope.Credentiallink],

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

@@ -123,7 +123,7 @@ const EditProfileView = ({ rootClassName, }) => {
         const hasPhoneChange = formValues.phoneNumber !== undefined &&
             formValues.phoneNumber !== (user === null || user === void 0 ? void 0 : user.phoneNumber);
         if ((hasEmailChange || hasPhoneChange) &&
-            isStepUpRequired({ scope: TokenScope.Credentiallink })) {
+            (yield isStepUpRequired({ scope: TokenScope.Credentiallink }))) {
             try {
                 yield promptStepUpAuth({
                     requestedScopes: [TokenScope.Credentiallink],

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

@@ -150,7 +150,7 @@ const ManagePasskeysMfaWidgetView = () => {
         return passkeys.map((passkey) => (jsxRuntime.jsx(PasskeyCard.PasskeyCard, { passkey: passkey, onUpdate: retrigger }, passkey.id)));
     };
     return (jsxRuntime.jsxs("div", { className: 'manage-totp-mfa-widget-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_manage_passkeys_mfa.title', children: t('dyn_manage_passkeys_mfa.title') }) }) }), jsxRuntime.jsx(ModalHeaderBanner.ModalHeaderBanner, { type: 'error', messageKey: registerPasskeyError ? errorMessage : undefined, className: 'manage-totp-mfa-widget-view__header-banner' }), jsxRuntime.jsx("div", { className: 'manage-totp-mfa-widget-view__scroll-container', children: getPasskeysContent() }), jsxRuntime.jsx("div", { className: 'manage-totp-mfa-widget-view__add-mfa-button-container', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'manage-totp-mfa-widget-view__add-mfa-button-container__button', onClick: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-                        if (isStepUpRequired({ scope: CREDENTIAL_LINK_SCOPE })) {
+                        if (yield isStepUpRequired({ scope: CREDENTIAL_LINK_SCOPE })) {
                             try {
                                 yield promptStepUpAuth({
                                     requestedScopes: [CREDENTIAL_LINK_SCOPE],