@dynamic-labs/sdk-react-core 4.67.0 → 4.67.1

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

@@ -109,4 +109,4 @@ export type { CheckWalletLockStateParams, UnlockWalletParams, UpdatePasswordPara
 export { usePromptWalletUnlock } from './usePromptWalletUnlock';
 export { useGetWalletPassword } from './useGetWalletPassword';
 export { useStepUpAuthentication } from './useStepUpAuthentication';
-export type { IsStepUpRequiredParams, StepUpAuthenticationState, UseStepUpAuthenticationParams, UseStepUpAuthenticationReturn, VerifyOtpParams, VerifyPasskeyMfaParams, VerifyTotpMfaParams, VerifyWalletParams, } from './useStepUpAuthentication';
+export type { IsStepUpRequiredParams, PromptMfaParams, StepUpAuthenticationState, UseStepUpAuthenticationParams, UseStepUpAuthenticationReturn, VerifyOtpParams, VerifyPasskeyMfaParams, VerifyRecoveryCodeParams, VerifyTotpMfaParams, VerifyWalletParams, } from './useStepUpAuthentication';

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

@@ -1,7 +1,8 @@
-import { CreateMfaToken } from '@dynamic-labs/sdk-api-core';
+import { CreateMfaToken, TokenScope } from '@dynamic-labs/sdk-api-core';
 type UseAuthenticatePasskeyMFAProps = {
     createMfaToken?: CreateMfaToken;
     relatedOriginRpId?: string;
+    requestedScopes?: TokenScope[];
 };
 /**
  * Authenticate passkey for MFA

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

@@ -35,7 +35,7 @@ var useUserAuth = require('../useUserAuth/useUserAuth.cjs');
 
 const useMfa = () => {
     const { completeAuth } = useUserAuth.useUserAuth({});
-    const handleMfaAuth = React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ code, type, deviceId, createMfaToken, resultHandler, }) {
+    const handleMfaAuth = React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ code, type, deviceId, createMfaToken, requestedScopes, resultHandler, }) {
         let result;
         yield completeAuth({
             updateJwtFunction: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -46,6 +46,7 @@ const useMfa = () => {
                     code,
                     createMfaTokenOptions: createMfaToken,
                     deviceId,
+                    requestedScopes,
                 });
                 result = resultHandler(response);
                 return {
@@ -103,11 +104,12 @@ const useMfa = () => {
         });
         return isValid;
     }), [handleMfaAuth]);
-    const authenticateDevice = React.useCallback((_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ code, type = sdkApiCore.MFADeviceType.Totp, deviceId, createMfaToken, }) {
+    const authenticateDevice = React.useCallback((_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ code, type = sdkApiCore.MFADeviceType.Totp, deviceId, createMfaToken, requestedScopes, }) {
         return handleMfaAuth({
             code,
             createMfaToken,
             deviceId,
+            requestedScopes,
             resultHandler: (response) => response.mfaToken,
             type,
         });
@@ -140,13 +142,14 @@ const useMfa = () => {
         });
         return isValid;
     }), [completeAuth]);
-    const authenticateRecoveryCode = React.useCallback((_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ code, createMfaToken, }) {
+    const authenticateRecoveryCode = React.useCallback((_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ code, createMfaToken, requestedScopes, }) {
         let mfaToken = undefined;
         yield completeAuth({
             updateJwtFunction: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
                 const response = yield client.authenticateMfaRecoveryCode({
                     code,
                     createMfaTokenOptions: createMfaToken,
+                    requestedScopes,
                 });
                 if (!response) {
                     throw new Error('Failed to authenticate recovery code');

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

@@ -1,4 +1,4 @@
-import { CreateMfaToken, MFADevice, MFADeviceType } from '@dynamic-labs/sdk-api-core';
+import { CreateMfaToken, MFADevice, MFADeviceType, TokenScope } from '@dynamic-labs/sdk-api-core';
 type UseMfaHookResult = {
     /**
      * Add a new device to the user's account.
@@ -22,19 +22,21 @@ type UseMfaHookResult = {
      * Authenticates a recovery code and returns a single use MFA token
      * if the authentication is successful and createMfaToken param is provided.
      */
-    authenticateRecoveryCode: ({ code, createMfaToken, }: {
+    authenticateRecoveryCode: ({ code, createMfaToken, requestedScopes, }: {
         code: string;
         createMfaToken?: CreateMfaToken;
+        requestedScopes?: TokenScope[];
     }) => Promise<string | undefined>;
     /**
      * Authenticates a device and returns a single use MFA token
      * if the authentication is successful and createMfaToken param is provided.
      */
-    authenticateDevice: ({ code, type, deviceId, createMfaToken, }: {
+    authenticateDevice: ({ code, type, deviceId, createMfaToken, requestedScopes, }: {
         code: string;
         type?: MFADeviceType;
         deviceId?: string;
         createMfaToken?: CreateMfaToken;
+        requestedScopes?: TokenScope[];
     }) => Promise<string | undefined>;
     completeAcknowledgement: () => Promise<void>;
     /**

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

@@ -31,7 +31,7 @@ import { useUserAuth } from '../useUserAuth/useUserAuth.js';
 
 const useMfa = () => {
     const { completeAuth } = useUserAuth({});
-    const handleMfaAuth = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ code, type, deviceId, createMfaToken, resultHandler, }) {
+    const handleMfaAuth = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ code, type, deviceId, createMfaToken, requestedScopes, resultHandler, }) {
         let result;
         yield completeAuth({
             updateJwtFunction: () => __awaiter(void 0, void 0, void 0, function* () {
@@ -42,6 +42,7 @@ const useMfa = () => {
                     code,
                     createMfaTokenOptions: createMfaToken,
                     deviceId,
+                    requestedScopes,
                 });
                 result = resultHandler(response);
                 return {
@@ -99,11 +100,12 @@ const useMfa = () => {
         });
         return isValid;
     }), [handleMfaAuth]);
-    const authenticateDevice = useCallback((_b) => __awaiter(void 0, [_b], void 0, function* ({ code, type = MFADeviceType.Totp, deviceId, createMfaToken, }) {
+    const authenticateDevice = useCallback((_b) => __awaiter(void 0, [_b], void 0, function* ({ code, type = MFADeviceType.Totp, deviceId, createMfaToken, requestedScopes, }) {
         return handleMfaAuth({
             code,
             createMfaToken,
             deviceId,
+            requestedScopes,
             resultHandler: (response) => response.mfaToken,
             type,
         });
@@ -136,13 +138,14 @@ const useMfa = () => {
         });
         return isValid;
     }), [completeAuth]);
-    const authenticateRecoveryCode = useCallback((_c) => __awaiter(void 0, [_c], void 0, function* ({ code, createMfaToken, }) {
+    const authenticateRecoveryCode = useCallback((_c) => __awaiter(void 0, [_c], void 0, function* ({ code, createMfaToken, requestedScopes, }) {
         let mfaToken = undefined;
         yield completeAuth({
             updateJwtFunction: () => __awaiter(void 0, void 0, void 0, function* () {
                 const response = yield authenticateMfaRecoveryCode({
                     code,
                     createMfaTokenOptions: createMfaToken,
+                    requestedScopes,
                 });
                 if (!response) {
                     throw new Error('Failed to authenticate recovery code');

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

@@ -3,193 +3,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../../_virtual/_tslib.cjs');
-var React = require('react');
-var client$1 = require('@dynamic-labs-sdk/client');
-var sdkApiCore = require('@dynamic-labs/sdk-api-core');
-var utils = require('@dynamic-labs/utils');
-var useGetUserMfaMethods = require('../useGetUserMfaMethods/useGetUserMfaMethods.cjs');
-var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
-require('../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('react/jsx-runtime');
-require('../../../shared/logger.cjs');
-require('@dynamic-labs/wallet-book');
-require('../../constants/colors.cjs');
-require('../../constants/values.cjs');
-require('../../../shared/consts/index.cjs');
-var dynamicEvents = require('../../../events/dynamicEvents.cjs');
-require('../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../context/ErrorContext/ErrorContext.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
-require('../../../store/state/nonce/nonce.cjs');
-require('@dynamic-labs-sdk/client/core');
-var client = require('../../../client/client.cjs');
-require('../../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/locale');
-require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
-require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
-require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
-require('../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
-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('../../functions/compareChains/compareChains.cjs');
-require('../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
-require('../../../context/ThemeContext/ThemeContext.cjs');
-require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
-require('bs58');
-require('@dynamic-labs/types');
-require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../context/LoadingContext/LoadingContext.cjs');
-require('../../../context/WalletContext/WalletContext.cjs');
-require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
-require('yup');
-require('../../../context/MockContext/MockContext.cjs');
-require('../../../views/CollectUserDataView/useFields.cjs');
-require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('@dynamic-labs/rpc-providers');
-require('../../../store/state/walletOptions/walletOptions.cjs');
-require('react-i18next');
-require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../components/Alert/Alert.cjs');
-require('../../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../../components/IconButton/IconButton.cjs');
-require('../../../components/InlineWidget/InlineWidget.cjs');
-require('../../../components/Input/Input.cjs');
-require('../../../components/IsBrowser/IsBrowser.cjs');
-require('../../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../../components/OverlayCard/OverlayCard.cjs');
-require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../components/Popper/Popper/Popper.cjs');
-require('../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
-require('qrcode');
-require('formik');
-require('../useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../useWalletBackup/useWalletBackup.cjs');
-require('../useWalletBackup/types.cjs');
-require('../useWalletBackup/cloudProviders.cjs');
-require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
-require('../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
-require('../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
-require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
-require('../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../../context/OnrampContext/OnrampContext.cjs');
-require('../../../store/state/sendBalances.cjs');
-require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
-require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
-require('../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
-require('../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
-require('../../../../index.cjs');
-require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
-require('../../../store/state/tokenBalances.cjs');
-require('../../../store/state/multichainBalances.cjs');
-var useAuthenticatePasskeyMFA = require('../useAuthenticatePasskeyMFA/useAuthenticatePasskeyMFA.cjs');
-require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
-var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+var useStepUpAuthentication = require('../useStepUpAuthentication/useStepUpAuthentication.cjs');
 
+/**
+ * Opens the Dynamic MFA modal (passkey or TOTP) and resolves when the user completes MFA.
+ *
+ * @deprecated Use `useStepUpAuthentication().promptMfa()` instead. Step-up authentication
+ * is the generic category; MFA is one verification method. The `promptMfa` method on
+ * `useStepUpAuthentication` provides the same behavior. This hook will be removed in the
+ * next major version.
+ *
+ * @returns A function that opens the MFA flow and returns a promise resolving to the
+ *   MFA token (or `undefined` when using `requestedScopes` — use `getElevatedAccessToken({ scope })` after completion).
+ */
 const usePromptMfaAuth = () => {
-    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
-    const { pushView } = ViewContext.useViewContext();
-    const getUserMfaMethods = useGetUserMfaMethods.useGetUserMfaMethods();
-    const authenticatePasskeyMFA = useAuthenticatePasskeyMFA.useAuthenticatePasskeyMFA();
-    const dynamicClient = client.useDynamicClient();
-    const promptMfaAuth = React.useCallback((props) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const methods = yield getUserMfaMethods();
-        const allMethods = [
-            ...methods.passkeys.map((passkey) => (Object.assign(Object.assign({}, passkey), { type: sdkApiCore.MFADeviceType.Passkey }))),
-            ...methods.devices.map((device) => (Object.assign(Object.assign({}, device), { type: sdkApiCore.MFADeviceType.Totp }))),
-        ];
-        if (!methods.userHasVerifiedMfaMethods || allMethods.length === 0) {
-            setShowAuthFlow(true);
-            pushView('mfa-choose-device', {
-                createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
-            });
-            return;
-        }
-        const lastCreatedMethod = allMethods.reduce((a, b) => {
-            if (a.createdAt && b.createdAt) {
-                return a.createdAt >= b.createdAt ? a : b;
-            }
-            if (b.createdAt) {
-                return b;
-            }
-            return a;
-        });
-        switch (lastCreatedMethod.type) {
-            case sdkApiCore.MFADeviceType.Passkey: {
-                const createMfaTokenOptions = (props === null || props === void 0 ? void 0 : props.createMfaToken)
-                    ? { singleUse: true }
-                    : undefined;
-                // we're calling authenticatePasskeyMFA here because we don't want
-                // it to be called twice by the usePromise in the confirmPasskey view
-                const authenticatePasskeyPromise = authenticatePasskeyMFA({
-                    createMfaToken: createMfaTokenOptions,
-                });
-                setShowAuthFlow(true);
-                pushView('passkey-confirm', {
-                    authenticatePasskeyPromise,
-                    createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
-                });
-                // Return the promise so callers can await MFA completion
-                return authenticatePasskeyPromise;
-            }
-            case sdkApiCore.MFADeviceType.Totp: {
-                if (dynamicClient === null || dynamicClient === void 0 ? void 0 : dynamicClient.mfaToken) {
-                    return dynamicClient === null || dynamicClient === void 0 ? void 0 : dynamicClient.mfaToken;
-                }
-                // If the mfaToken is not present, we need to open the MFA UI and wait for it to be available
-                const deferred = new utils.DeferredPromise();
-                // Open the MFA UI if the mfaToken is not available yet
-                setShowAuthFlow(true);
-                pushView('mfa-verification', {
-                    createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
-                });
-                const mfaCompletionSuccessOff = client$1.onEvent({
-                    event: 'mfaCompletionSuccess',
-                    listener: ({ mfaToken }) => deferred.resolve(mfaToken),
-                }, dynamicClient);
-                // Reject the promise if the auth flow is closed
-                const onAuthFlowCloseHandler = () => deferred.reject(new Error('MFA view closed'));
-                dynamicEvents.dynamicEvents.on('authFlowClose', onAuthFlowCloseHandler);
-                // Cleanup the event listeners
-                deferred.promise.finally(() => {
-                    mfaCompletionSuccessOff();
-                    dynamicEvents.dynamicEvents.off('authFlowClose', onAuthFlowCloseHandler);
-                });
-                return deferred.promise;
-            }
-            default:
-                throw new Error('Error determining MFA method to use');
-        }
-    }), [
-        authenticatePasskeyMFA,
-        dynamicClient,
-        getUserMfaMethods,
-        pushView,
-        setShowAuthFlow,
-    ]);
-    return promptMfaAuth;
+    const { promptMfa } = useStepUpAuthentication.useStepUpAuthentication();
+    return promptMfa;
 };
 
 exports.usePromptMfaAuth = usePromptMfaAuth;

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

@@ -1,5 +1,17 @@
-type PromptMfaAuthProps = {
+import { TokenScope } from '@dynamic-labs/sdk-api-core';
+export type PromptMfaAuthProps = {
     createMfaToken?: boolean;
+    requestedScopes?: TokenScope[];
 };
-export declare const usePromptMfaAuth: () => (props?: PromptMfaAuthProps) => Promise<string | undefined>;
-export {};
+/**
+ * Opens the Dynamic MFA modal (passkey or TOTP) and resolves when the user completes MFA.
+ *
+ * @deprecated Use `useStepUpAuthentication().promptMfa()` instead. Step-up authentication
+ * is the generic category; MFA is one verification method. The `promptMfa` method on
+ * `useStepUpAuthentication` provides the same behavior. This hook will be removed in the
+ * next major version.
+ *
+ * @returns A function that opens the MFA flow and returns a promise resolving to the
+ *   MFA token (or `undefined` when using `requestedScopes` — use `getElevatedAccessToken({ scope })` after completion).
+ */
+export declare const usePromptMfaAuth: () => (props?: import("../useStepUpAuthentication").PromptMfaParams | undefined) => Promise<string | undefined>;

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

@@ -1,191 +1,20 @@
 'use client'
-import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useCallback } from 'react';
-import { onEvent } from '@dynamic-labs-sdk/client';
-import { MFADeviceType } from '@dynamic-labs/sdk-api-core';
-import { DeferredPromise } from '@dynamic-labs/utils';
-import { useGetUserMfaMethods } from '../useGetUserMfaMethods/useGetUserMfaMethods.js';
-import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
-import '../../../context/DynamicContext/DynamicContext.js';
-import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import 'react/jsx-runtime';
-import '../../../shared/logger.js';
-import '@dynamic-labs/wallet-book';
-import '../../constants/colors.js';
-import '../../constants/values.js';
-import '../../../shared/consts/index.js';
-import { dynamicEvents } from '../../../events/dynamicEvents.js';
-import '../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../context/ErrorContext/ErrorContext.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
-import '../../../store/state/nonce/nonce.js';
-import '@dynamic-labs-sdk/client/core';
-import { useDynamicClient } from '../../../client/client.js';
-import '../../../config/ApiEndpoint.js';
-import '@dynamic-labs/locale';
-import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
-import '../../../store/state/primaryWalletId/primaryWalletId.js';
-import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
-import '../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
-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 '../../functions/compareChains/compareChains.js';
-import '../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
-import '../../../context/ThemeContext/ThemeContext.js';
-import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
-import 'bs58';
-import '@dynamic-labs/types';
-import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../context/LoadingContext/LoadingContext.js';
-import '../../../context/WalletContext/WalletContext.js';
-import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
-import 'yup';
-import '../../../context/MockContext/MockContext.js';
-import '../../../views/CollectUserDataView/useFields.js';
-import '../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import '@dynamic-labs/rpc-providers';
-import '../../../store/state/walletOptions/walletOptions.js';
-import 'react-i18next';
-import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../components/Alert/Alert.js';
-import '../../../components/ShadowDOM/ShadowDOM.js';
-import '../../../components/IconButton/IconButton.js';
-import '../../../components/InlineWidget/InlineWidget.js';
-import '../../../components/Input/Input.js';
-import '../../../components/IsBrowser/IsBrowser.js';
-import '../../../components/MenuList/Dropdown/Dropdown.js';
-import '../../../components/OverlayCard/OverlayCard.js';
-import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
-import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../components/Popper/Popper/Popper.js';
-import '../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
-import 'qrcode';
-import 'formik';
-import '../useSubdomainCheck/useSubdomainCheck.js';
-import '../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../useWalletBackup/useWalletBackup.js';
-import '../useWalletBackup/types.js';
-import '../useWalletBackup/cloudProviders.js';
-import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
-import '../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
-import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
-import '../../../context/FooterAnimationContext/index.js';
-import '../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
-import '../../../context/PasskeyContext/PasskeyContext.js';
-import '../../../context/OnrampContext/OnrampContext.js';
-import '../../../store/state/sendBalances.js';
-import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
-import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
-import '../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
-import '../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
-import '../../../../index.js';
-import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
-import '../../../store/state/tokenBalances.js';
-import '../../../store/state/multichainBalances.js';
-import { useAuthenticatePasskeyMFA } from '../useAuthenticatePasskeyMFA/useAuthenticatePasskeyMFA.js';
-import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
-import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+import { useStepUpAuthentication } from '../useStepUpAuthentication/useStepUpAuthentication.js';
 
+/**
+ * Opens the Dynamic MFA modal (passkey or TOTP) and resolves when the user completes MFA.
+ *
+ * @deprecated Use `useStepUpAuthentication().promptMfa()` instead. Step-up authentication
+ * is the generic category; MFA is one verification method. The `promptMfa` method on
+ * `useStepUpAuthentication` provides the same behavior. This hook will be removed in the
+ * next major version.
+ *
+ * @returns A function that opens the MFA flow and returns a promise resolving to the
+ *   MFA token (or `undefined` when using `requestedScopes` — use `getElevatedAccessToken({ scope })` after completion).
+ */
 const usePromptMfaAuth = () => {
-    const { setShowAuthFlow } = useInternalDynamicContext();
-    const { pushView } = useViewContext();
-    const getUserMfaMethods = useGetUserMfaMethods();
-    const authenticatePasskeyMFA = useAuthenticatePasskeyMFA();
-    const dynamicClient = useDynamicClient();
-    const promptMfaAuth = useCallback((props) => __awaiter(void 0, void 0, void 0, function* () {
-        const methods = yield getUserMfaMethods();
-        const allMethods = [
-            ...methods.passkeys.map((passkey) => (Object.assign(Object.assign({}, passkey), { type: MFADeviceType.Passkey }))),
-            ...methods.devices.map((device) => (Object.assign(Object.assign({}, device), { type: MFADeviceType.Totp }))),
-        ];
-        if (!methods.userHasVerifiedMfaMethods || allMethods.length === 0) {
-            setShowAuthFlow(true);
-            pushView('mfa-choose-device', {
-                createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
-            });
-            return;
-        }
-        const lastCreatedMethod = allMethods.reduce((a, b) => {
-            if (a.createdAt && b.createdAt) {
-                return a.createdAt >= b.createdAt ? a : b;
-            }
-            if (b.createdAt) {
-                return b;
-            }
-            return a;
-        });
-        switch (lastCreatedMethod.type) {
-            case MFADeviceType.Passkey: {
-                const createMfaTokenOptions = (props === null || props === void 0 ? void 0 : props.createMfaToken)
-                    ? { singleUse: true }
-                    : undefined;
-                // we're calling authenticatePasskeyMFA here because we don't want
-                // it to be called twice by the usePromise in the confirmPasskey view
-                const authenticatePasskeyPromise = authenticatePasskeyMFA({
-                    createMfaToken: createMfaTokenOptions,
-                });
-                setShowAuthFlow(true);
-                pushView('passkey-confirm', {
-                    authenticatePasskeyPromise,
-                    createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
-                });
-                // Return the promise so callers can await MFA completion
-                return authenticatePasskeyPromise;
-            }
-            case MFADeviceType.Totp: {
-                if (dynamicClient === null || dynamicClient === void 0 ? void 0 : dynamicClient.mfaToken) {
-                    return dynamicClient === null || dynamicClient === void 0 ? void 0 : dynamicClient.mfaToken;
-                }
-                // If the mfaToken is not present, we need to open the MFA UI and wait for it to be available
-                const deferred = new DeferredPromise();
-                // Open the MFA UI if the mfaToken is not available yet
-                setShowAuthFlow(true);
-                pushView('mfa-verification', {
-                    createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
-                });
-                const mfaCompletionSuccessOff = onEvent({
-                    event: 'mfaCompletionSuccess',
-                    listener: ({ mfaToken }) => deferred.resolve(mfaToken),
-                }, dynamicClient);
-                // Reject the promise if the auth flow is closed
-                const onAuthFlowCloseHandler = () => deferred.reject(new Error('MFA view closed'));
-                dynamicEvents.on('authFlowClose', onAuthFlowCloseHandler);
-                // Cleanup the event listeners
-                deferred.promise.finally(() => {
-                    mfaCompletionSuccessOff();
-                    dynamicEvents.off('authFlowClose', onAuthFlowCloseHandler);
-                });
-                return deferred.promise;
-            }
-            default:
-                throw new Error('Error determining MFA method to use');
-        }
-    }), [
-        authenticatePasskeyMFA,
-        dynamicClient,
-        getUserMfaMethods,
-        pushView,
-        setShowAuthFlow,
-    ]);
-    return promptMfaAuth;
+    const { promptMfa } = useStepUpAuthentication();
+    return promptMfa;
 };
 
 export { usePromptMfaAuth };

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

@@ -1,2 +1,2 @@
 export { useStepUpAuthentication } from './useStepUpAuthentication';
-export type { IsStepUpRequiredParams, StepUpAuthenticationState, UseStepUpAuthenticationParams, UseStepUpAuthenticationReturn, VerifyOtpParams, VerifyPasskeyMfaParams, VerifyTotpMfaParams, VerifyWalletParams, } from './useStepUpAuthentication';
+export type { IsStepUpRequiredParams, PromptMfaParams, StepUpAuthenticationState, UseStepUpAuthenticationParams, UseStepUpAuthenticationReturn, VerifyOtpParams, VerifyPasskeyMfaParams, VerifyRecoveryCodeParams, VerifyTotpMfaParams, VerifyWalletParams, } from './useStepUpAuthentication';