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

package/CHANGELOG.md

@@ -1,4 +1,12 @@
 
+### [4.25.6](https://github.com/dynamic-labs/dynamic-auth/compare/v4.25.5...v4.25.6) (2025-07-28)
+
+
+### Bug Fixes
+
+* don't create a new user when linking a wallet to a user with no wallets ([#9252](https://github.com/dynamic-labs/dynamic-auth/issues/9252)) ([30f846e](https://github.com/dynamic-labs/dynamic-auth/commit/30f846e89f2dffd112e656201bfa1cc24b787f03))
+* Nufi EVM wallet showing up twice in wallet list ([#9256](https://github.com/dynamic-labs/dynamic-auth/issues/9256)) ([213488e](https://github.com/dynamic-labs/dynamic-auth/commit/213488e2226ef55965e12a1a548845cb100e859f))
+
 ### [4.25.5](https://github.com/dynamic-labs/dynamic-auth/compare/v4.25.4...v4.25.5) (2025-07-27)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.25.5";
+var version = "4.25.6";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.728",
 	"@dynamic-labs-sdk/client": "0.0.1-alpha.19",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.25.5";
+var version = "4.25.6";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.728",
 	"@dynamic-labs-sdk/client": "0.0.1-alpha.19",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.25.5",
+  "version": "4.25.6",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.728",
     "@dynamic-labs-sdk/client": "0.0.1-alpha.19",
@@ -15,16 +15,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.25.5",
-    "@dynamic-labs/iconic": "4.25.5",
-    "@dynamic-labs/logger": "4.25.5",
-    "@dynamic-labs/multi-wallet": "4.25.5",
-    "@dynamic-labs/rpc-providers": "4.25.5",
-    "@dynamic-labs/store": "4.25.5",
-    "@dynamic-labs/types": "4.25.5",
-    "@dynamic-labs/utils": "4.25.5",
-    "@dynamic-labs/wallet-book": "4.25.5",
-    "@dynamic-labs/wallet-connector-core": "4.25.5",
+    "@dynamic-labs/assert-package-version": "4.25.6",
+    "@dynamic-labs/iconic": "4.25.6",
+    "@dynamic-labs/logger": "4.25.6",
+    "@dynamic-labs/multi-wallet": "4.25.6",
+    "@dynamic-labs/rpc-providers": "4.25.6",
+    "@dynamic-labs/store": "4.25.6",
+    "@dynamic-labs/types": "4.25.6",
+    "@dynamic-labs/utils": "4.25.6",
+    "@dynamic-labs/wallet-book": "4.25.6",
+    "@dynamic-labs/wallet-connector-core": "4.25.6",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -108,6 +108,7 @@ require('../../../../index.cjs');
 var apiUrl = require('../../constants/waas/apiUrl.cjs');
 var useClientSessionKeys = require('../useClientSessionKeys/useClientSessionKeys.cjs');
 var useRefreshUser = require('../useRefreshUser/useRefreshUser.cjs');
+var useGetMfaToken = require('../useGetMfaToken/useGetMfaToken.cjs');
 var constants = require('./constants.cjs');
 require('../../../store/state/tokenBalances.cjs');
 require('../../../store/state/multichainBalances.cjs');
@@ -115,13 +116,14 @@ require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 const dynamicWaasKey = 'dynamicwaas';
-const configWaasWalletConnector = ({ walletConnector, environmentId, apiBaseUrl, authToken, relayUrl, getSignedSessionId, }) => {
+const configWaasWalletConnector = ({ walletConnector, environmentId, apiBaseUrl, authToken, relayUrl, getSignedSessionId, getMfaToken, }) => {
     var _a;
     walletConnector.setEnvironmentId(environmentId);
     walletConnector.setBaseApiUrl((_a = (apiBaseUrl || apiUrl.DEFAULT_WAAS_API_URL)) === null || _a === void 0 ? void 0 : _a.replace('/api/v0', ''));
     walletConnector.setGetAuthTokenFunction(() => authToken !== null && authToken !== void 0 ? authToken : '');
     walletConnector.setGetSignedSessionIdFunction(getSignedSessionId);
     walletConnector.setRelayUrl(relayUrl);
+    walletConnector.setGetMfaTokenFunction(getMfaToken);
     return walletConnector;
 };
 const useDynamicWaas = () => {
@@ -146,6 +148,7 @@ const useDynamicWaas = () => {
     const dynamicWaasIsEnabled = defaultWalletVersion === sdkApiCore.EmbeddedWalletVersionEnum.V3;
     const authToken = getMinAuthToken.getMinAuthToken();
     const { getSignedSessionId } = useClientSessionKeys.useClientSessionKeys();
+    const getMfaToken = useGetMfaToken.useGetMfaToken();
     const isCookieAuthEnabled = projectSettings$1 && isCookieEnabled.isCookieEnabled(projectSettings$1);
     const getWalletConnector = React.useCallback((chainName) => {
         var _a;
@@ -163,6 +166,7 @@ const useDynamicWaas = () => {
             apiBaseUrl: apiBaseUrl || apiUrl.DEFAULT_WAAS_API_URL,
             authToken,
             environmentId,
+            getMfaToken,
             getSignedSessionId,
             relayUrl: relayUrl !== null && relayUrl !== void 0 ? relayUrl : '',
             walletConnector,

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

@@ -1,12 +1,15 @@
-import { ChainEnum } from '@dynamic-labs/sdk-api-core';
+import { ChainEnum, MFAAction } from '@dynamic-labs/sdk-api-core';
 import { IDynamicWaasConnector } from '@dynamic-labs/wallet-connector-core';
-export declare const configWaasWalletConnector: ({ walletConnector, environmentId, apiBaseUrl, authToken, relayUrl, getSignedSessionId, }: {
+export declare const configWaasWalletConnector: ({ walletConnector, environmentId, apiBaseUrl, authToken, relayUrl, getSignedSessionId, getMfaToken, }: {
     walletConnector: IDynamicWaasConnector;
     environmentId: string;
     apiBaseUrl: string;
     authToken: string | undefined;
     relayUrl: string;
     getSignedSessionId: () => Promise<string>;
+    getMfaToken: (props?: {
+        mfaAction?: MFAAction;
+    }) => Promise<string | undefined>;
 }) => IDynamicWaasConnector;
 export declare const useDynamicWaas: () => {
     createWalletAccount: (chainNames: ChainEnum[]) => Promise<({

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

@@ -104,6 +104,7 @@ import '../../../../index.js';
 import { DEFAULT_WAAS_API_URL } from '../../constants/waas/apiUrl.js';
 import { useClientSessionKeys } from '../useClientSessionKeys/useClientSessionKeys.js';
 import { useRefreshUser } from '../useRefreshUser/useRefreshUser.js';
+import { useGetMfaToken } from '../useGetMfaToken/useGetMfaToken.js';
 import { DYNAMIC_WAAS_CONNECTOR_NOT_FOUND_ERROR, EMBEDDED_WALLET_NOT_ENABLED_ERROR, NO_ENABLED_CHAINS_ERROR, INVALID_CHAINS_ERROR, WALLET_CREATION_FAILED_ERROR } from './constants.js';
 import '../../../store/state/tokenBalances.js';
 import '../../../store/state/multichainBalances.js';
@@ -111,13 +112,14 @@ import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const dynamicWaasKey = 'dynamicwaas';
-const configWaasWalletConnector = ({ walletConnector, environmentId, apiBaseUrl, authToken, relayUrl, getSignedSessionId, }) => {
+const configWaasWalletConnector = ({ walletConnector, environmentId, apiBaseUrl, authToken, relayUrl, getSignedSessionId, getMfaToken, }) => {
     var _a;
     walletConnector.setEnvironmentId(environmentId);
     walletConnector.setBaseApiUrl((_a = (apiBaseUrl || DEFAULT_WAAS_API_URL)) === null || _a === void 0 ? void 0 : _a.replace('/api/v0', ''));
     walletConnector.setGetAuthTokenFunction(() => authToken !== null && authToken !== void 0 ? authToken : '');
     walletConnector.setGetSignedSessionIdFunction(getSignedSessionId);
     walletConnector.setRelayUrl(relayUrl);
+    walletConnector.setGetMfaTokenFunction(getMfaToken);
     return walletConnector;
 };
 const useDynamicWaas = () => {
@@ -142,6 +144,7 @@ const useDynamicWaas = () => {
     const dynamicWaasIsEnabled = defaultWalletVersion === EmbeddedWalletVersionEnum.V3;
     const authToken = getMinAuthToken();
     const { getSignedSessionId } = useClientSessionKeys();
+    const getMfaToken = useGetMfaToken();
     const isCookieAuthEnabled = projectSettings && isCookieEnabled(projectSettings);
     const getWalletConnector = useCallback((chainName) => {
         var _a;
@@ -159,6 +162,7 @@ const useDynamicWaas = () => {
             apiBaseUrl: apiBaseUrl || DEFAULT_WAAS_API_URL,
             authToken,
             environmentId,
+            getMfaToken,
             getSignedSessionId,
             relayUrl: relayUrl !== null && relayUrl !== void 0 ? relayUrl : '',
             walletConnector,

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

@@ -0,0 +1,68 @@
+'use client'
+'use strict';
+
+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 utils = require('@dynamic-labs/utils');
+var client = require('../../../client/client.cjs');
+require('@dynamic-labs/sdk-api-core');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/consts/index.cjs');
+var projectSettings = require('../../../store/state/projectSettings/projectSettings.cjs');
+
+/**
+ * Get MFA token
+ *
+ * @returns Function to get MFA token
+ *
+ * @example
+ * ```tsx
+ * const App = () => {
+ *   const getMfaToken = useGetMfaToken();
+ *
+ *   return (
+ *     <button
+ *       onClick={() => getMfaToken({ mfaAction: MFAAction.UpdateUser })}
+ *     >
+ *       Get MFA token
+ *     </button>
+ *  );
+ * }
+ */
+const useGetMfaToken = () => {
+    const client$2 = client.useDynamicClient();
+    return React.useCallback((...args_1) => _tslib.__awaiter(void 0, [...args_1], void 0, function* ({ mfaAction } = {}) {
+        var _a, _b, _c;
+        const projectSettings$1 = projectSettings.getProjectSettings();
+        const isMfaRequiredForAction = (_c = (_b = (_a = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.security) === null || _a === void 0 ? void 0 : _a.mfa) === null || _b === void 0 ? void 0 : _b.actions) === null || _c === void 0 ? void 0 : _c.some((action) => action.action === mfaAction && action.required);
+        if (mfaAction && !isMfaRequiredForAction) {
+            // if mfa token is not required, return undefined
+            return;
+        }
+        try {
+            const mfaToken = client$1.consumeMfaToken(client$2);
+            return mfaToken;
+        }
+        catch (error) {
+            if (!mfaAction) {
+                logger.logger.warn('No MFA token found', error);
+                return;
+            }
+            const errorMessage = `MFA Token required for this action: ${mfaAction}`;
+            logger.logger.error(errorMessage, error);
+            throw new utils.DynamicError(errorMessage);
+        }
+    }), [client$2]);
+};
+
+exports.useGetMfaToken = useGetMfaToken;

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

@@ -0,0 +1,64 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { consumeMfaToken } from '@dynamic-labs-sdk/client';
+import { DynamicError } from '@dynamic-labs/utils';
+import { useDynamicClient } from '../../../client/client.js';
+import '@dynamic-labs/sdk-api-core';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '../../../shared/consts/index.js';
+import { getProjectSettings } from '../../../store/state/projectSettings/projectSettings.js';
+
+/**
+ * Get MFA token
+ *
+ * @returns Function to get MFA token
+ *
+ * @example
+ * ```tsx
+ * const App = () => {
+ *   const getMfaToken = useGetMfaToken();
+ *
+ *   return (
+ *     <button
+ *       onClick={() => getMfaToken({ mfaAction: MFAAction.UpdateUser })}
+ *     >
+ *       Get MFA token
+ *     </button>
+ *  );
+ * }
+ */
+const useGetMfaToken = () => {
+    const client = useDynamicClient();
+    return useCallback((...args_1) => __awaiter(void 0, [...args_1], void 0, function* ({ mfaAction } = {}) {
+        var _a, _b, _c;
+        const projectSettings = getProjectSettings();
+        const isMfaRequiredForAction = (_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security) === null || _a === void 0 ? void 0 : _a.mfa) === null || _b === void 0 ? void 0 : _b.actions) === null || _c === void 0 ? void 0 : _c.some((action) => action.action === mfaAction && action.required);
+        if (mfaAction && !isMfaRequiredForAction) {
+            // if mfa token is not required, return undefined
+            return;
+        }
+        try {
+            const mfaToken = consumeMfaToken(client);
+            return mfaToken;
+        }
+        catch (error) {
+            if (!mfaAction) {
+                logger.warn('No MFA token found', error);
+                return;
+            }
+            const errorMessage = `MFA Token required for this action: ${mfaAction}`;
+            logger.error(errorMessage, error);
+            throw new DynamicError(errorMessage);
+        }
+    }), [client]);
+};
+
+export { useGetMfaToken };

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/usePromptMfaAuth.cjs

@@ -107,7 +107,7 @@ const usePromptMfaAuth = () => {
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { pushView } = ViewContext.useViewContext();
     const getUserMfaMethods = useGetUserMfaMethods.useGetUserMfaMethods();
-    const promptMfaAuth = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    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 }))),
@@ -115,7 +115,9 @@ const usePromptMfaAuth = () => {
         ];
         setShowAuthFlow(true);
         if (!methods.userHasVerifiedMfaMethods || allMethods.length === 0) {
-            pushView('mfa-choose-device');
+            pushView('mfa-choose-device', {
+                createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
+            });
             return;
         }
         const lastCreatedMethod = allMethods.reduce((a, b) => {
@@ -129,10 +131,14 @@ const usePromptMfaAuth = () => {
         });
         switch (lastCreatedMethod.type) {
             case sdkApiCore.MFADeviceType.Passkey:
-                pushView('passkey-confirm');
+                pushView('passkey-confirm', {
+                    createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
+                });
                 break;
             case sdkApiCore.MFADeviceType.Totp:
-                pushView('mfa-verification');
+                pushView('mfa-verification', {
+                    createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
+                });
                 break;
             default:
                 throw new Error('Error determining MFA method to use');

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

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

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

@@ -103,7 +103,7 @@ const usePromptMfaAuth = () => {
     const { setShowAuthFlow } = useInternalDynamicContext();
     const { pushView } = useViewContext();
     const getUserMfaMethods = useGetUserMfaMethods();
-    const promptMfaAuth = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    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 }))),
@@ -111,7 +111,9 @@ const usePromptMfaAuth = () => {
         ];
         setShowAuthFlow(true);
         if (!methods.userHasVerifiedMfaMethods || allMethods.length === 0) {
-            pushView('mfa-choose-device');
+            pushView('mfa-choose-device', {
+                createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
+            });
             return;
         }
         const lastCreatedMethod = allMethods.reduce((a, b) => {
@@ -125,10 +127,14 @@ const usePromptMfaAuth = () => {
         });
         switch (lastCreatedMethod.type) {
             case MFADeviceType.Passkey:
-                pushView('passkey-confirm');
+                pushView('passkey-confirm', {
+                    createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
+                });
                 break;
             case MFADeviceType.Totp:
-                pushView('mfa-verification');
+                pushView('mfa-verification', {
+                    createMfaToken: props === null || props === void 0 ? void 0 : props.createMfaToken,
+                });
                 break;
             default:
                 throw new Error('Error determining MFA method to use');

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/useVerifyWallet/useVerifyWallet.cjs

@@ -146,7 +146,7 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
             verifyArgs.sessionPublicKey = keypair.publicKey;
         }
         let verifyResponse;
-        if (!user || !multiWalletEnabled) {
+        if (!user) {
             verifyResponse = wallets.verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken,
                 oauth }));
         }

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

@@ -142,7 +142,7 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
             verifyArgs.sessionPublicKey = keypair.publicKey;
         }
         let verifyResponse;
-        if (!user || !multiWalletEnabled) {
+        if (!user) {
             verifyResponse = verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken,
                 oauth }));
         }

package/src/lib/views/MfaChooseDeviceView/MfaChooseDeviceView.cjs

@@ -108,7 +108,7 @@ require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 
-const MfaChooseDeviceView = ({ isInitialSetup = true, }) => {
+const MfaChooseDeviceView = ({ isInitialSetup = true, createMfaToken = false, }) => {
     const { handleLogOut } = useDynamicContext.useDynamicContext();
     const { t } = reactI18next.useTranslation();
     const { pushView } = ViewContext.useViewContext();
@@ -118,7 +118,9 @@ const MfaChooseDeviceView = ({ isInitialSetup = true, }) => {
             pushView('passkey-setup');
             return;
         }
-        pushView('passkey-confirm');
+        pushView('passkey-confirm', {
+            createMfaToken,
+        });
     };
     const handleTotpClick = () => {
         if (isInitialSetup) {
@@ -129,6 +131,7 @@ const MfaChooseDeviceView = ({ isInitialSetup = true, }) => {
             return;
         }
         pushView('mfa-verification', {
+            createMfaToken,
             isInitialSetup,
             showBackButton: true,
             type: sdkApiCore.MFADeviceType.Totp,

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

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 export type MfaChooseDeviceViewProps = {
     isInitialSetup?: boolean;
+    createMfaToken?: boolean;
 };
 export declare const MfaChooseDeviceView: FC<MfaChooseDeviceViewProps>;

package/src/lib/views/MfaChooseDeviceView/MfaChooseDeviceView.js

@@ -104,7 +104,7 @@ import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 
-const MfaChooseDeviceView = ({ isInitialSetup = true, }) => {
+const MfaChooseDeviceView = ({ isInitialSetup = true, createMfaToken = false, }) => {
     const { handleLogOut } = useDynamicContext();
     const { t } = useTranslation();
     const { pushView } = useViewContext();
@@ -114,7 +114,9 @@ const MfaChooseDeviceView = ({ isInitialSetup = true, }) => {
             pushView('passkey-setup');
             return;
         }
-        pushView('passkey-confirm');
+        pushView('passkey-confirm', {
+            createMfaToken,
+        });
     };
     const handleTotpClick = () => {
         if (isInitialSetup) {
@@ -125,6 +127,7 @@ const MfaChooseDeviceView = ({ isInitialSetup = true, }) => {
             return;
         }
         pushView('mfa-verification', {
+            createMfaToken,
             isInitialSetup,
             showBackButton: true,
             type: MFADeviceType.Totp,

package/src/lib/views/MfaVerificationView/MfaVerificationView.cjs

@@ -107,14 +107,26 @@ require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 
-const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, deviceId, }) => {
+const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, createMfaToken = false, deviceId, }) => {
     const { t } = reactI18next.useTranslation();
     const { clearStackAndPush, pushView, goBack, canGoBack } = ViewContext.useViewContext();
     const { authenticateDevice } = useMfa.useMfa();
     const [code, setCode] = React.useState('');
     const [error, setError] = React.useState();
     const [isRateLimited, setIsRateLimited] = React.useState(false);
-    const { data: mfaToken, isLoading } = usePromise.usePromise(() => authenticateDevice({ code, deviceId, type }), {
+    const { data: mfaToken, isLoading } = usePromise.usePromise(() => {
+        const createMfaTokenOptions = createMfaToken
+            ? {
+                singleUse: true,
+            }
+            : undefined;
+        return authenticateDevice({
+            code,
+            createMfaToken: createMfaTokenOptions,
+            deviceId,
+            type,
+        });
+    }, {
         deps: [code],
         enabled: (code === null || code === void 0 ? void 0 : code.length) === 6,
         initialData: undefined,
@@ -143,7 +155,10 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
         setCode(code);
     };
     const onClickBack = canGoBack && showBackButton ? goBack : undefined;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { MainIcon: passwordHero.ReactComponent, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(mfaToken), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: onClickBack, disabled: isRateLimited }), !isInitialSetup && (jsxRuntime.jsx("div", { className: 'mfa-verification-view__choose-another-method', children: jsxRuntime.jsx(TextButton.TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', { isInitialSetup }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { MainIcon: passwordHero.ReactComponent, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(mfaToken), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: onClickBack, disabled: isRateLimited }), !isInitialSetup && (jsxRuntime.jsx("div", { className: 'mfa-verification-view__choose-another-method', children: jsxRuntime.jsx(TextButton.TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
+                        createMfaToken,
+                        isInitialSetup,
+                    }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) }))] }));
 };
 
 exports.MfaVerificationView = MfaVerificationView;

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

@@ -5,5 +5,6 @@ export type MfaVerificationViewProps = {
     type?: MFADeviceType;
     isInitialSetup?: boolean;
     showBackButton?: boolean;
+    createMfaToken?: boolean;
 };
-export declare const MfaVerificationView: ({ type, isInitialSetup, showBackButton, deviceId, }: MfaVerificationViewProps) => JSX.Element;
+export declare const MfaVerificationView: ({ type, isInitialSetup, showBackButton, createMfaToken, deviceId, }: MfaVerificationViewProps) => JSX.Element;

package/src/lib/views/MfaVerificationView/MfaVerificationView.js

@@ -103,14 +103,26 @@ import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 
-const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, deviceId, }) => {
+const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, createMfaToken = false, deviceId, }) => {
     const { t } = useTranslation();
     const { clearStackAndPush, pushView, goBack, canGoBack } = useViewContext();
     const { authenticateDevice } = useMfa();
     const [code, setCode] = useState('');
     const [error, setError] = useState();
     const [isRateLimited, setIsRateLimited] = useState(false);
-    const { data: mfaToken, isLoading } = usePromise(() => authenticateDevice({ code, deviceId, type }), {
+    const { data: mfaToken, isLoading } = usePromise(() => {
+        const createMfaTokenOptions = createMfaToken
+            ? {
+                singleUse: true,
+            }
+            : undefined;
+        return authenticateDevice({
+            code,
+            createMfaToken: createMfaTokenOptions,
+            deviceId,
+            type,
+        });
+    }, {
         deps: [code],
         enabled: (code === null || code === void 0 ? void 0 : code.length) === 6,
         initialData: undefined,
@@ -139,7 +151,10 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
         setCode(code);
     };
     const onClickBack = canGoBack && showBackButton ? goBack : undefined;
-    return (jsxs(Fragment, { children: [jsx(OTPVerificationView, { MainIcon: SvgPasswordHero, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(mfaToken), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: onClickBack, disabled: isRateLimited }), !isInitialSetup && (jsx("div", { className: 'mfa-verification-view__choose-another-method', children: jsx(TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', { isInitialSetup }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) }))] }));
+    return (jsxs(Fragment, { children: [jsx(OTPVerificationView, { MainIcon: SvgPasswordHero, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(mfaToken), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: onClickBack, disabled: isRateLimited }), !isInitialSetup && (jsx("div", { className: 'mfa-verification-view__choose-another-method', children: jsx(TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
+                        createMfaToken,
+                        isInitialSetup,
+                    }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) }))] }));
 };
 
 export { MfaVerificationView };

package/src/lib/views/Passkey/ConfirmPasskeyView/ConfirmPasskeyView.cjs

@@ -111,13 +111,25 @@ require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 
-const ConfirmPasskeyView = () => {
+const ConfirmPasskeyView = ({ createMfaToken = false, }) => {
     const { t } = reactI18next.useTranslation();
     const { pushView } = ViewContext.useViewContext();
     const authenticatePasskeyMFA = useAuthenticatePasskeyMFA.useAuthenticatePasskeyMFA();
-    const { error, isLoading } = usePromise.usePromise(authenticatePasskeyMFA);
+    const { error, isLoading } = usePromise.usePromise(() => {
+        const createMfaTokenOptions = createMfaToken
+            ? {
+                singleUse: true,
+            }
+            : undefined;
+        return authenticatePasskeyMFA({
+            createMfaToken: createMfaTokenOptions,
+        });
+    });
     const errorMessage = useGetPasskeyErrorMessage.useGetPasskeyErrorMessage(error);
-    return (jsxRuntime.jsxs("div", { className: classNames.classNames('confirm-passkey-view'), children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'confirm-passkey-view__header', children: jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'confirm-passkey-view__title', copykey: 'dyn_mfa.confirm_passkey_view.title', children: t('dyn_mfa.confirm_passkey_view.title') }) }) }), jsxRuntime.jsx(ModalHeaderBanner.ModalHeaderBanner, { type: 'error', messageKey: errorMessage, className: 'confirm-passkey-view__header-banner' }), jsxRuntime.jsxs("div", { className: classNames.classNames('confirm-passkey-view__content'), children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: fingerprint.ReactComponent, iconSize: 96, isSpinning: isLoading, treatAsFunctionComponent: true }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: classNames.classNames('confirm-passkey-view__description'), copykey: 'dyn_mfa.confirm_passkey_view.description', children: t('dyn_mfa.confirm_passkey_view.description') })] }), jsxRuntime.jsx("div", { className: 'confirm-passkey-view__choose-another-method', children: jsxRuntime.jsx(TextButton.TextButton, { className: 'confirm-passkey-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', { isInitialSetup: false }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) })] }));
+    return (jsxRuntime.jsxs("div", { className: classNames.classNames('confirm-passkey-view'), children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'confirm-passkey-view__header', children: jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'confirm-passkey-view__title', copykey: 'dyn_mfa.confirm_passkey_view.title', children: t('dyn_mfa.confirm_passkey_view.title') }) }) }), jsxRuntime.jsx(ModalHeaderBanner.ModalHeaderBanner, { type: 'error', messageKey: errorMessage, className: 'confirm-passkey-view__header-banner' }), jsxRuntime.jsxs("div", { className: classNames.classNames('confirm-passkey-view__content'), children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: fingerprint.ReactComponent, iconSize: 96, isSpinning: isLoading, treatAsFunctionComponent: true }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: classNames.classNames('confirm-passkey-view__description'), copykey: 'dyn_mfa.confirm_passkey_view.description', children: t('dyn_mfa.confirm_passkey_view.description') })] }), jsxRuntime.jsx("div", { className: 'confirm-passkey-view__choose-another-method', children: jsxRuntime.jsx(TextButton.TextButton, { className: 'confirm-passkey-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
+                        createMfaToken,
+                        isInitialSetup: false,
+                    }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) })] }));
 };
 
 exports.ConfirmPasskeyView = ConfirmPasskeyView;

package/src/lib/views/Passkey/ConfirmPasskeyView/ConfirmPasskeyView.d.ts

@@ -1,2 +1,6 @@
 /// <reference types="react" />
-export declare const ConfirmPasskeyView: () => JSX.Element;
+type ConfirmPasskeyViewProps = {
+    createMfaToken?: boolean;
+};
+export declare const ConfirmPasskeyView: ({ createMfaToken, }: ConfirmPasskeyViewProps) => JSX.Element;
+export {};

package/src/lib/views/Passkey/ConfirmPasskeyView/ConfirmPasskeyView.js

@@ -107,13 +107,25 @@ import '../../../components/IsBrowser/IsBrowser.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 
-const ConfirmPasskeyView = () => {
+const ConfirmPasskeyView = ({ createMfaToken = false, }) => {
     const { t } = useTranslation();
     const { pushView } = useViewContext();
     const authenticatePasskeyMFA = useAuthenticatePasskeyMFA();
-    const { error, isLoading } = usePromise(authenticatePasskeyMFA);
+    const { error, isLoading } = usePromise(() => {
+        const createMfaTokenOptions = createMfaToken
+            ? {
+                singleUse: true,
+            }
+            : undefined;
+        return authenticatePasskeyMFA({
+            createMfaToken: createMfaTokenOptions,
+        });
+    });
     const errorMessage = useGetPasskeyErrorMessage(error);
-    return (jsxs("div", { className: classNames('confirm-passkey-view'), children: [jsx(ModalHeader, { alignContent: 'bottom', children: jsx("div", { className: 'confirm-passkey-view__header', children: jsx(Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'confirm-passkey-view__title', copykey: 'dyn_mfa.confirm_passkey_view.title', children: t('dyn_mfa.confirm_passkey_view.title') }) }) }), jsx(ModalHeaderBanner, { type: 'error', messageKey: errorMessage, className: 'confirm-passkey-view__header-banner' }), jsxs("div", { className: classNames('confirm-passkey-view__content'), children: [jsx(IconWithSpinner, { Icon: SvgFingerprint, iconSize: 96, isSpinning: isLoading, treatAsFunctionComponent: true }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: classNames('confirm-passkey-view__description'), copykey: 'dyn_mfa.confirm_passkey_view.description', children: t('dyn_mfa.confirm_passkey_view.description') })] }), jsx("div", { className: 'confirm-passkey-view__choose-another-method', children: jsx(TextButton, { className: 'confirm-passkey-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', { isInitialSetup: false }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) })] }));
+    return (jsxs("div", { className: classNames('confirm-passkey-view'), children: [jsx(ModalHeader, { alignContent: 'bottom', children: jsx("div", { className: 'confirm-passkey-view__header', children: jsx(Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'confirm-passkey-view__title', copykey: 'dyn_mfa.confirm_passkey_view.title', children: t('dyn_mfa.confirm_passkey_view.title') }) }) }), jsx(ModalHeaderBanner, { type: 'error', messageKey: errorMessage, className: 'confirm-passkey-view__header-banner' }), jsxs("div", { className: classNames('confirm-passkey-view__content'), children: [jsx(IconWithSpinner, { Icon: SvgFingerprint, iconSize: 96, isSpinning: isLoading, treatAsFunctionComponent: true }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: classNames('confirm-passkey-view__description'), copykey: 'dyn_mfa.confirm_passkey_view.description', children: t('dyn_mfa.confirm_passkey_view.description') })] }), jsx("div", { className: 'confirm-passkey-view__choose-another-method', children: jsx(TextButton, { className: 'confirm-passkey-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
+                        createMfaToken,
+                        isInitialSetup: false,
+                    }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) })] }));
 };
 
 export { ConfirmPasskeyView };

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

@@ -56,7 +56,7 @@ export declare const viewToComponentMap: {
         uri: string;
         secret: string;
     }) => JSX.Element;
-    'mfa-verification': ({ type, isInitialSetup, showBackButton, deviceId, }: import("./MfaVerificationView").MfaVerificationViewProps) => JSX.Element;
+    'mfa-verification': ({ type, isInitialSetup, showBackButton, createMfaToken, deviceId, }: import("./MfaVerificationView").MfaVerificationViewProps) => JSX.Element;
     'mobile-wallet-redirect-view': import("react").FC<{
         onRetry: VoidFunction;
         connector?: import("dist/packages/wallet-connector-core/src").WalletConnector | undefined;
@@ -68,7 +68,9 @@ export declare const viewToComponentMap: {
     'network-not-supported-manual': import("react").FC;
     'no-access': () => JSX.Element;
     'no-qr-not-installed': () => JSX.Element | null;
-    'passkey-confirm': () => JSX.Element;
+    'passkey-confirm': ({ createMfaToken, }: {
+        createMfaToken?: boolean | undefined;
+    }) => JSX.Element;
     'passkey-intro': import("react").FC<{
         chains?: import("@dynamic-labs/sdk-api-core").EmbeddedWalletChainEnum[] | undefined;
     }>;