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

package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/TokenBalanceItem/TokenBalanceItem.js

@@ -67,6 +67,7 @@ import '../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardT
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
+import { roundBalance } from '../../../helpers/helpers.js';
 import '../../../context/DynamicWidgetContext.js';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
@@ -122,7 +123,7 @@ const TokenBalanceItem = ({ tokenBalance, }) => {
             ? currencyFormatter.format(parseFloat((_a = tokenBalance.marketValue) === null || _a === void 0 ? void 0 : _a.toFixed(2)))
             : '<$0.01';
     };
-    return (jsxs("div", { className: 'token-balance-item', children: [jsxs("div", { className: 'token-balance-item__name', children: [tokenBalance.logoURI ? (jsx(Image, { src: tokenBalance.logoURI, alt: tokenBalance.symbol, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon' })) : (jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' })), jsx("div", { children: jsx(Typography, { variant: 'body_small', className: 'token-balance-item__title', color: 'primary', children: tokenBalance.name }) })] }), jsxs("div", { className: 'flex', children: [showFiat ? (jsx(Typography, { variant: 'body_small', weight: 'bold', color: 'primary', style: { textAlign: 'right' }, children: formattedFiatValue() })) : null, jsx("div", { className: 'token-balance-item__value', children: jsxs("div", { className: 'token-balance-item__value__balance', "data-testid": 'token-balance-item-balance', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', style: { marginRight: '2px' }, children: tokenBalance.balance }), jsx(Typography, { variant: 'body_small', color: 'secondary', className: 'token-balance-item__symbol', children: tokenBalance.symbol })] }) })] })] }, tokenBalance.address));
+    return (jsxs("div", { className: 'token-balance-item', children: [jsxs("div", { className: 'token-balance-item__name', children: [tokenBalance.logoURI ? (jsx(Image, { src: tokenBalance.logoURI, alt: tokenBalance.symbol, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon' })) : (jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' })), jsx("div", { children: jsx(Typography, { variant: 'body_small', className: 'token-balance-item__title', color: 'primary', children: tokenBalance.name }) })] }), jsxs("div", { className: 'flex', children: [showFiat ? (jsx(Typography, { variant: 'body_small', weight: 'bold', color: 'primary', style: { textAlign: 'right' }, children: formattedFiatValue() })) : null, jsx("div", { className: 'token-balance-item__value', children: jsxs("div", { className: 'token-balance-item__value__balance', "data-testid": 'token-balance-item-balance', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', style: { marginRight: '2px' }, children: roundBalance(String(tokenBalance.balance)) }), jsx(Typography, { variant: 'body_small', color: 'secondary', className: 'token-balance-item__symbol', children: tokenBalance.symbol })] }) })] })] }, tokenBalance.address));
 };
 
 export { TokenBalanceItem };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.cjs

@@ -128,7 +128,7 @@ const DynamicWidgetWallets = () => {
     const isEmpty = secondaryWallets.length === 0;
     const addNewWallet = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (authMode$1 === 'connect-and-sign' &&
-            isStepUpRequired({ scope: sdkApiCore.TokenScope.Credentiallink })) {
+            (yield isStepUpRequired({ scope: sdkApiCore.TokenScope.Credentiallink }))) {
             try {
                 yield promptStepUpAuth({
                     requestedScopes: [sdkApiCore.TokenScope.Credentiallink],

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.js

@@ -124,7 +124,7 @@ const DynamicWidgetWallets = () => {
     const isEmpty = secondaryWallets.length === 0;
     const addNewWallet = () => __awaiter(void 0, void 0, void 0, function* () {
         if (authMode === 'connect-and-sign' &&
-            isStepUpRequired({ scope: TokenScope.Credentiallink })) {
+            (yield isStepUpRequired({ scope: TokenScope.Credentiallink }))) {
             try {
                 yield promptStepUpAuth({
                     requestedScopes: [TokenScope.Credentiallink],

package/src/lib/widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs

@@ -153,7 +153,7 @@ const PasskeyCard = ({ passkey, onUpdate }) => {
         {
             Icon: null,
             callback: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-                if (isStepUpRequired({ scope: PASSKEY_DELETE_SCOPE })) {
+                if (yield isStepUpRequired({ scope: PASSKEY_DELETE_SCOPE })) {
                     try {
                         yield promptStepUpAuth({ requestedScopes: [PASSKEY_DELETE_SCOPE] });
                     }

package/src/lib/widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js

@@ -149,7 +149,7 @@ const PasskeyCard = ({ passkey, onUpdate }) => {
         {
             Icon: null,
             callback: () => __awaiter(void 0, void 0, void 0, function* () {
-                if (isStepUpRequired({ scope: PASSKEY_DELETE_SCOPE })) {
+                if (yield isStepUpRequired({ scope: PASSKEY_DELETE_SCOPE })) {
                     try {
                         yield promptStepUpAuth({ requestedScopes: [PASSKEY_DELETE_SCOPE] });
                     }

package/src/lib/widgets/DynamicWidget/helpers/helpers.cjs

@@ -32,6 +32,28 @@ const MAX_BALANCE_VALUE = 1000000;
 const PRECISION_FLOOR_DIVIDER = 10000;
 const roundBalance = (balanceString, decimals = 4) => {
     const clearedBalance = parseFloat(replaceAll(balanceString, '"', ''));
+    // Guard against NaN (e.g., when balance is undefined/null)
+    if (Number.isNaN(clearedBalance)) {
+        return '0';
+    }
+    // Handle extremely large numbers (e.g., scientific notation like 1e+24)
+    // These are likely data errors or testnet faucet amounts
+    if (clearedBalance >= 1e15) {
+        // For numbers >= 1 quadrillion, show in trillions
+        const trillions = clearedBalance / 1e12;
+        if (trillions >= 1000) {
+            return `${(trillions / 1000).toFixed(2)}Q`; // Quadrillions
+        }
+        return `${trillions.toFixed(2)}T`; // Trillions
+    }
+    if (clearedBalance >= 1e12) {
+        // Trillions
+        return `${(clearedBalance / 1e12).toFixed(2)}T`;
+    }
+    if (clearedBalance >= 1e9) {
+        // Billions
+        return `${(clearedBalance / 1e9).toFixed(2)}B`;
+    }
     if (clearedBalance > MAX_BALANCE_VALUE) {
         const dividedValue = Math.floor(clearedBalance);
         const roundedBalance = Math.floor((dividedValue / MAX_BALANCE_VALUE) * PRECISION_FLOOR_DIVIDER) /

package/src/lib/widgets/DynamicWidget/helpers/helpers.js

@@ -28,6 +28,28 @@ const MAX_BALANCE_VALUE = 1000000;
 const PRECISION_FLOOR_DIVIDER = 10000;
 const roundBalance = (balanceString, decimals = 4) => {
     const clearedBalance = parseFloat(replaceAll(balanceString, '"', ''));
+    // Guard against NaN (e.g., when balance is undefined/null)
+    if (Number.isNaN(clearedBalance)) {
+        return '0';
+    }
+    // Handle extremely large numbers (e.g., scientific notation like 1e+24)
+    // These are likely data errors or testnet faucet amounts
+    if (clearedBalance >= 1e15) {
+        // For numbers >= 1 quadrillion, show in trillions
+        const trillions = clearedBalance / 1e12;
+        if (trillions >= 1000) {
+            return `${(trillions / 1000).toFixed(2)}Q`; // Quadrillions
+        }
+        return `${trillions.toFixed(2)}T`; // Trillions
+    }
+    if (clearedBalance >= 1e12) {
+        // Trillions
+        return `${(clearedBalance / 1e12).toFixed(2)}T`;
+    }
+    if (clearedBalance >= 1e9) {
+        // Billions
+        return `${(clearedBalance / 1e9).toFixed(2)}B`;
+    }
     if (clearedBalance > MAX_BALANCE_VALUE) {
         const dividedValue = Math.floor(clearedBalance);
         const roundedBalance = Math.floor((dividedValue / MAX_BALANCE_VALUE) * PRECISION_FLOOR_DIVIDER) /

package/src/lib/widgets/DynamicWidget/prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.cjs

@@ -130,7 +130,7 @@ const UnlinkWalletPopUpContent = ({ onClickCancel, }) => {
         try {
             setLoading(true);
             if (authMode$1 === 'connect-and-sign' &&
-                isStepUpRequired({ scope: sdkApiCore.TokenScope.Credentialunlink })) {
+                (yield isStepUpRequired({ scope: sdkApiCore.TokenScope.Credentialunlink }))) {
                 yield promptStepUpAuth({
                     requestedScopes: [sdkApiCore.TokenScope.Credentialunlink],
                 });

package/src/lib/widgets/DynamicWidget/prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.js

@@ -126,7 +126,7 @@ const UnlinkWalletPopUpContent = ({ onClickCancel, }) => {
         try {
             setLoading(true);
             if (authMode === 'connect-and-sign' &&
-                isStepUpRequired({ scope: TokenScope.Credentialunlink })) {
+                (yield isStepUpRequired({ scope: TokenScope.Credentialunlink }))) {
                 yield promptStepUpAuth({
                     requestedScopes: [TokenScope.Credentialunlink],
                 });

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 }))] }));
 };