@dynamic-labs/sdk-react-core 4.25.4 → 4.25.6

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

@@ -36,7 +36,7 @@ var useUserAuth = require('../useUserAuth/useUserAuth.cjs');
 const useMfa = () => {
     const client$2 = client.useDynamicClient();
     const { completeAuth } = useUserAuth.useUserAuth({});
-    const handleMfaAuth = React.useCallback((code_1, ...args_1) => _tslib.__awaiter(void 0, [code_1, ...args_1], void 0, function* (code, type = sdkApiCore.MFADeviceType.Totp, deviceId, resultHandler) {
+    const handleMfaAuth = React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ code, type, deviceId, createMfaToken, resultHandler, }) {
         let result;
         yield completeAuth({
             onValidUpdatedJwt: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -48,9 +48,7 @@ const useMfa = () => {
                 }
                 const response = yield client$1.authTotpMfaDevice(client$2, {
                     code,
-                    createMfaTokenOptions: {
-                        singleUse: true,
-                    },
+                    createMfaTokenOptions: createMfaToken,
                     deviceId,
                 });
                 result = resultHandler(response);
@@ -89,21 +87,34 @@ const useMfa = () => {
         // since if it is completed we won't show the QR code again
         yield user.refreshUserJwt({ environmentId: dynamicContextProps.getEnvironmentId() });
     }), [client$2]);
-    const addDevice = React.useCallback((...args_2) => _tslib.__awaiter(void 0, [...args_2], void 0, function* (type = sdkApiCore.MFADeviceType.Totp) {
+    const addDevice = React.useCallback((...args_1) => _tslib.__awaiter(void 0, [...args_1], void 0, function* (type = sdkApiCore.MFADeviceType.Totp) {
         if (type === sdkApiCore.MFADeviceType.Totp) {
             return client$1.registerTotpMfaDevice(client$2);
         }
         throw new Error('Unsupported MFA device type');
     }), [client$2]);
-    const authDevice = React.useCallback((code_2, ...args_3) => _tslib.__awaiter(void 0, [code_2, ...args_3], void 0, function* (code, type = sdkApiCore.MFADeviceType.Totp, deviceId) {
+    const authDevice = React.useCallback((code_1, ...args_2) => _tslib.__awaiter(void 0, [code_1, ...args_2], void 0, function* (code, type = sdkApiCore.MFADeviceType.Totp, deviceId) {
         let isValid = false;
-        yield handleMfaAuth(code, type, deviceId, () => {
-            isValid = true;
-            return true;
+        yield handleMfaAuth({
+            code,
+            deviceId,
+            resultHandler: () => {
+                isValid = true;
+                return true;
+            },
+            type,
         });
         return isValid;
     }), [handleMfaAuth]);
-    const authenticateDevice = React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ code, type = sdkApiCore.MFADeviceType.Totp, deviceId, }) { return handleMfaAuth(code, type, deviceId, (response) => response.mfaToken); }), [handleMfaAuth]);
+    const authenticateDevice = React.useCallback((_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ code, type = sdkApiCore.MFADeviceType.Totp, deviceId, createMfaToken, }) {
+        return handleMfaAuth({
+            code,
+            createMfaToken,
+            deviceId,
+            resultHandler: (response) => response.mfaToken,
+            type,
+        });
+    }), [handleMfaAuth]);
     const authRecoveryCode = React.useCallback((code) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         let isValid = false;
         yield completeAuth({
@@ -131,7 +142,7 @@ const useMfa = () => {
         });
         return isValid;
     }), [client$2, completeAuth]);
-    const verifyDevice = React.useCallback((code_3, ...args_4) => _tslib.__awaiter(void 0, [code_3, ...args_4], void 0, function* (code, type = sdkApiCore.MFADeviceType.Totp) {
+    const verifyDevice = React.useCallback((code_2, ...args_3) => _tslib.__awaiter(void 0, [code_2, ...args_3], void 0, function* (code, type = sdkApiCore.MFADeviceType.Totp) {
         if (type === sdkApiCore.MFADeviceType.Totp) {
             const device = yield verifyTotpMfaDevice.verifyTotpMfaDevice(client$2, {
                 code,
@@ -143,7 +154,7 @@ const useMfa = () => {
         }
         throw new Error('Unsupported MFA device type');
     }), [client$2]);
-    const getRecoveryCodes = React.useCallback((...args_5) => _tslib.__awaiter(void 0, [...args_5], void 0, function* (generateNewCodes = false) {
+    const getRecoveryCodes = React.useCallback((...args_4) => _tslib.__awaiter(void 0, [...args_4], void 0, function* (generateNewCodes = false) {
         if (generateNewCodes) {
             const { recoveryCodes } = yield client$1.createNewMfaRecoveryCodes(client$2);
             return recoveryCodes;

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

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

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

@@ -32,7 +32,7 @@ import { useUserAuth } from '../useUserAuth/useUserAuth.js';
 const useMfa = () => {
     const client = useDynamicClient();
     const { completeAuth } = useUserAuth({});
-    const handleMfaAuth = useCallback((code_1, ...args_1) => __awaiter(void 0, [code_1, ...args_1], void 0, function* (code, type = MFADeviceType.Totp, deviceId, resultHandler) {
+    const handleMfaAuth = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ code, type, deviceId, createMfaToken, resultHandler, }) {
         let result;
         yield completeAuth({
             onValidUpdatedJwt: () => __awaiter(void 0, void 0, void 0, function* () {
@@ -44,9 +44,7 @@ const useMfa = () => {
                 }
                 const response = yield authTotpMfaDevice(client, {
                     code,
-                    createMfaTokenOptions: {
-                        singleUse: true,
-                    },
+                    createMfaTokenOptions: createMfaToken,
                     deviceId,
                 });
                 result = resultHandler(response);
@@ -85,21 +83,34 @@ const useMfa = () => {
         // since if it is completed we won't show the QR code again
         yield refreshUserJwt({ environmentId: getEnvironmentId() });
     }), [client]);
-    const addDevice = useCallback((...args_2) => __awaiter(void 0, [...args_2], void 0, function* (type = MFADeviceType.Totp) {
+    const addDevice = useCallback((...args_1) => __awaiter(void 0, [...args_1], void 0, function* (type = MFADeviceType.Totp) {
         if (type === MFADeviceType.Totp) {
             return registerTotpMfaDevice(client);
         }
         throw new Error('Unsupported MFA device type');
     }), [client]);
-    const authDevice = useCallback((code_2, ...args_3) => __awaiter(void 0, [code_2, ...args_3], void 0, function* (code, type = MFADeviceType.Totp, deviceId) {
+    const authDevice = useCallback((code_1, ...args_2) => __awaiter(void 0, [code_1, ...args_2], void 0, function* (code, type = MFADeviceType.Totp, deviceId) {
         let isValid = false;
-        yield handleMfaAuth(code, type, deviceId, () => {
-            isValid = true;
-            return true;
+        yield handleMfaAuth({
+            code,
+            deviceId,
+            resultHandler: () => {
+                isValid = true;
+                return true;
+            },
+            type,
         });
         return isValid;
     }), [handleMfaAuth]);
-    const authenticateDevice = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ code, type = MFADeviceType.Totp, deviceId, }) { return handleMfaAuth(code, type, deviceId, (response) => response.mfaToken); }), [handleMfaAuth]);
+    const authenticateDevice = useCallback((_b) => __awaiter(void 0, [_b], void 0, function* ({ code, type = MFADeviceType.Totp, deviceId, createMfaToken, }) {
+        return handleMfaAuth({
+            code,
+            createMfaToken,
+            deviceId,
+            resultHandler: (response) => response.mfaToken,
+            type,
+        });
+    }), [handleMfaAuth]);
     const authRecoveryCode = useCallback((code) => __awaiter(void 0, void 0, void 0, function* () {
         let isValid = false;
         yield completeAuth({
@@ -127,7 +138,7 @@ const useMfa = () => {
         });
         return isValid;
     }), [client, completeAuth]);
-    const verifyDevice = useCallback((code_3, ...args_4) => __awaiter(void 0, [code_3, ...args_4], void 0, function* (code, type = MFADeviceType.Totp) {
+    const verifyDevice = useCallback((code_2, ...args_3) => __awaiter(void 0, [code_2, ...args_3], void 0, function* (code, type = MFADeviceType.Totp) {
         if (type === MFADeviceType.Totp) {
             const device = yield verifyTotpMfaDevice(client, {
                 code,
@@ -139,7 +150,7 @@ const useMfa = () => {
         }
         throw new Error('Unsupported MFA device type');
     }), [client]);
-    const getRecoveryCodes = useCallback((...args_5) => __awaiter(void 0, [...args_5], void 0, function* (generateNewCodes = false) {
+    const getRecoveryCodes = useCallback((...args_4) => __awaiter(void 0, [...args_4], void 0, function* (generateNewCodes = false) {
         if (generateNewCodes) {
             const { recoveryCodes } = yield createNewMfaRecoveryCodes(client);
             return recoveryCodes;

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

@@ -154,7 +154,13 @@ const useMfaModals = () => {
             if (!isTotpMfaEnabled) {
                 return;
             }
-            clearStackAndPush('mfa-verification');
+            // creating the mfa token in case the customer is using
+            // otp verification to delete the device
+            // this is mainly for backwards compatibility with the
+            // suggested flow before passkeys were introduced
+            clearStackAndPush('mfa-verification', {
+                createMfaToken: true,
+            });
         }
         setShowAuthFlow(value, { emitCancelAuth: true });
     }, [isTotpMfaEnabled, setShowAuthFlow, clearStackAndPush]);

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

@@ -150,7 +150,13 @@ const useMfaModals = () => {
             if (!isTotpMfaEnabled) {
                 return;
             }
-            clearStackAndPush('mfa-verification');
+            // creating the mfa token in case the customer is using
+            // otp verification to delete the device
+            // this is mainly for backwards compatibility with the
+            // suggested flow before passkeys were introduced
+            clearStackAndPush('mfa-verification', {
+                createMfaToken: true,
+            });
         }
         setShowAuthFlow(value, { emitCancelAuth: true });
     }, [isTotpMfaEnabled, setShowAuthFlow, clearStackAndPush]);

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

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

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

@@ -0,0 +1,150 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+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('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/consts/index.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../store/state/nonce/nonce.cjs');
+require('@dynamic-labs-sdk/client/core');
+require('@dynamic-labs-sdk/client');
+require('../../../client/client.cjs');
+require('../../../store/state/projectSettings/projectSettings.cjs');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../locale/locale.cjs');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.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('../../../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/context/DynamicWidgetContext.cjs');
+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/getMfaOptions/getMfaOptions.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.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('../../../context/OnrampContext/OnrampContext.cjs');
+require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+require('../../../../index.cjs');
+require('../../../store/state/tokenBalances.cjs');
+require('../../../store/state/multichainBalances.cjs');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+
+const usePromptMfaAuth = () => {
+    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { pushView } = ViewContext.useViewContext();
+    const getUserMfaMethods = useGetUserMfaMethods.useGetUserMfaMethods();
+    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 }))),
+        ];
+        setShowAuthFlow(true);
+        if (!methods.userHasVerifiedMfaMethods || allMethods.length === 0) {
+            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:
+                pushView('passkey-confirm', {
+                    createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
+                });
+                break;
+            case sdkApiCore.MFADeviceType.Totp:
+                pushView('mfa-verification', {
+                    createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
+                });
+                break;
+            default:
+                throw new Error('Error determining MFA method to use');
+        }
+    }), [getUserMfaMethods, pushView, setShowAuthFlow]);
+    return promptMfaAuth;
+};
+
+exports.usePromptMfaAuth = usePromptMfaAuth;

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

@@ -0,0 +1,5 @@
+type PromptMfaAuthProps = {
+    createMfaToken?: boolean;
+};
+export declare const usePromptMfaAuth: () => (props?: PromptMfaAuthProps) => Promise<void>;
+export {};

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

@@ -0,0 +1,146 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { MFADeviceType } from '@dynamic-labs/sdk-api-core';
+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 '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '../../../shared/consts/index.js';
+import '../../../events/dynamicEvents.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../store/state/nonce/nonce.js';
+import '@dynamic-labs-sdk/client/core';
+import '@dynamic-labs-sdk/client';
+import '../../../client/client.js';
+import '../../../store/state/projectSettings/projectSettings.js';
+import '../../../config/ApiEndpoint.js';
+import '../../../locale/locale.js';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.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 '../../../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/context/DynamicWidgetContext.js';
+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/getMfaOptions/getMfaOptions.js';
+import '../../../context/PasskeyContext/PasskeyContext.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 '../../../context/OnrampContext/OnrampContext.js';
+import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
+import '../../../../index.js';
+import '../../../store/state/tokenBalances.js';
+import '../../../store/state/multichainBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+
+const usePromptMfaAuth = () => {
+    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { pushView } = useViewContext();
+    const getUserMfaMethods = useGetUserMfaMethods();
+    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 }))),
+        ];
+        setShowAuthFlow(true);
+        if (!methods.userHasVerifiedMfaMethods || allMethods.length === 0) {
+            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:
+                pushView('passkey-confirm', {
+                    createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
+                });
+                break;
+            case MFADeviceType.Totp:
+                pushView('mfa-verification', {
+                    createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
+                });
+                break;
+            default:
+                throw new Error('Error determining MFA method to use');
+        }
+    }), [getUserMfaMethods, pushView, setShowAuthFlow]);
+    return promptMfaAuth;
+};
+
+export { usePromptMfaAuth };

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

@@ -101,6 +101,7 @@ require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFu
 require('../../../../index.cjs');
 var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
 var apiUrl = require('../../constants/waas/apiUrl.cjs');
+var useGetMfaToken = require('../useGetMfaToken/useGetMfaToken.cjs');
 require('../../../store/state/tokenBalances.cjs');
 require('../../../store/state/multichainBalances.cjs');
 require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
@@ -111,6 +112,7 @@ const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSett
     const authToken = getMinAuthToken.getMinAuthToken();
     const { registerEmbeddedWalletSessionKey, removeSessionKey } = useEmbeddedWalletSessionKeys.useEmbeddedWalletSessionKeys({ environmentId, projectSettings });
     const { getSignedSessionId } = useClientSessionKeys.useClientSessionKeys();
+    const getMfaToken = useGetMfaToken.useGetMfaToken();
     if (!(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
     walletOptions.forEach((walletOption) => {
@@ -124,6 +126,7 @@ const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSett
                 apiBaseUrl: apiBaseUrl !== null && apiBaseUrl !== void 0 ? apiBaseUrl : apiUrl.DEFAULT_WAAS_API_URL,
                 authToken,
                 environmentId,
+                getMfaToken,
                 getSignedSessionId,
                 relayUrl: (_e = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.waas) === null || _d === void 0 ? void 0 : _d.relayUrl) !== null && _e !== void 0 ? _e : '',
                 walletConnector: walletOption.walletConnector,

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

@@ -97,6 +97,7 @@ import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFun
 import '../../../../index.js';
 import { configWaasWalletConnector } from '../useDynamicWaas/useDynamicWaas.js';
 import { DEFAULT_WAAS_API_URL } from '../../constants/waas/apiUrl.js';
+import { useGetMfaToken } from '../useGetMfaToken/useGetMfaToken.js';
 import '../../../store/state/tokenBalances.js';
 import '../../../store/state/multichainBalances.js';
 import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
@@ -107,6 +108,7 @@ const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSett
     const authToken = getMinAuthToken();
     const { registerEmbeddedWalletSessionKey, removeSessionKey } = useEmbeddedWalletSessionKeys({ environmentId, projectSettings });
     const { getSignedSessionId } = useClientSessionKeys();
+    const getMfaToken = useGetMfaToken();
     if (!(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
     walletOptions.forEach((walletOption) => {
@@ -120,6 +122,7 @@ const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSett
                 apiBaseUrl: apiBaseUrl !== null && apiBaseUrl !== void 0 ? apiBaseUrl : DEFAULT_WAAS_API_URL,
                 authToken,
                 environmentId,
+                getMfaToken,
                 getSignedSessionId,
                 relayUrl: (_e = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.waas) === null || _d === void 0 ? void 0 : _d.relayUrl) !== null && _e !== void 0 ? _e : '',
                 walletConnector: walletOption.walletConnector,

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

@@ -89,7 +89,6 @@ require('../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
-var useMfa = require('../useMfa/useMfa.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
@@ -102,6 +101,7 @@ require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFu
 require('../../../../index.cjs');
 require('../../../store/state/tokenBalances.cjs');
 require('../../../store/state/multichainBalances.cjs');
+var usePromptMfaAuth = require('../usePromptMfaAuth/usePromptMfaAuth.cjs');
 require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
@@ -110,8 +110,8 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
  */
 const useSyncMfaFlow = ({ handler: headlessHandler, } = {}) => {
     const { setShowAuthFlow, userWithMissingInfo, sdkHasLoaded } = useInternalDynamicContext.useInternalDynamicContext();
-    const { pushView, clearStackAndPush } = ViewContext.useViewContext();
-    const { getUserDevices } = useMfa.useMfa();
+    const promptMfaAuth = usePromptMfaAuth.usePromptMfaAuth();
+    const { clearStackAndPush } = ViewContext.useViewContext();
     // this is used to make sure we only trigger the effect once
     const triggered = React.useRef(false);
     useDynamicEvents.useInternalDynamicEvents('logout', () => {
@@ -150,23 +150,15 @@ const useSyncMfaFlow = ({ handler: headlessHandler, } = {}) => {
          */
         setShowAuthFlow(true);
         if ((_a = userWithMissingInfo.scope) === null || _a === void 0 ? void 0 : _a.includes('requiresAdditionalAuth')) {
-            getUserDevices().then((devices) => {
-                if (devices.length === 0) {
-                    pushView('mfa-choose-device');
-                }
-                else {
-                    pushView('mfa-verification');
-                }
-            });
+            promptMfaAuth();
         }
         else {
             clearStackAndPush('mfa-display-backup-codes');
         }
     }, [
-        getUserDevices,
+        promptMfaAuth,
         sdkHasLoaded,
         setShowAuthFlow,
-        pushView,
         userWithMissingInfo,
         headlessHandler,
         clearStackAndPush,