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

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

@@ -0,0 +1,140 @@
+'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(() => __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');
+            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');
+                break;
+            case MFADeviceType.Totp:
+                pushView('mfa-verification');
+                break;
+            default:
+                throw new Error('Error determining MFA method to use');
+        }
+    }), [getUserMfaMethods, pushView, setShowAuthFlow]);
+    return promptMfaAuth;
+};
+
+export { usePromptMfaAuth };

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,

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

@@ -85,7 +85,6 @@ import '../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
-import { useMfa } from '../useMfa/useMfa.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../store/state/sendBalances.js';
 import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
@@ -98,6 +97,7 @@ import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFun
 import '../../../../index.js';
 import '../../../store/state/tokenBalances.js';
 import '../../../store/state/multichainBalances.js';
+import { usePromptMfaAuth } from '../usePromptMfaAuth/usePromptMfaAuth.js';
 import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
@@ -106,8 +106,8 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
  */
 const useSyncMfaFlow = ({ handler: headlessHandler, } = {}) => {
     const { setShowAuthFlow, userWithMissingInfo, sdkHasLoaded } = useInternalDynamicContext();
-    const { pushView, clearStackAndPush } = useViewContext();
-    const { getUserDevices } = useMfa();
+    const promptMfaAuth = usePromptMfaAuth();
+    const { clearStackAndPush } = useViewContext();
     // this is used to make sure we only trigger the effect once
     const triggered = useRef(false);
     useInternalDynamicEvents('logout', () => {
@@ -146,23 +146,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,

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

@@ -141,7 +141,7 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
             walletConnector,
             walletProvider,
         });
-        if (shouldRegisterSessionKeysOnSignin()) {
+        if (shouldRegisterSessionKeysOnSignin() && verifyOnly) {
             const keypair = yield generateSessionKey();
             verifyArgs.sessionPublicKey = keypair.publicKey;
         }

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

@@ -137,7 +137,7 @@ const useVerifyWallet = ({ displaySiweStatement, environmentId, projectSettings,
             walletConnector,
             walletProvider,
         });
-        if (shouldRegisterSessionKeysOnSignin()) {
+        if (shouldRegisterSessionKeysOnSignin() && verifyOnly) {
             const keypair = yield generateSessionKey();
             verifyArgs.sessionPublicKey = keypair.publicKey;
         }

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.cjs

@@ -199,13 +199,18 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
                     wallet: wallet,
                 });
             }
-            catch (_j) {
+            catch (err) {
                 if (walletConnectorCore.isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector) &&
                     ((_f = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _f === void 0 ? void 0 : _f.removeSessionKeys)) {
                     yield ((_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.removeSessionKeys());
                     yield ((_h = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _h === void 0 ? void 0 : _h.createOrRestoreSession({
                         ignoreRestore: true,
                     }));
+                    logger.logger.error('[TK - removeSessionKeys] failed to perform revealEmbeddedWalletKey activity', {
+                        address: wallet === null || wallet === void 0 ? void 0 : wallet.address,
+                        err,
+                        userId: user === null || user === void 0 ? void 0 : user.userId,
+                    });
                 }
                 return turnkeyExport.exportCredential({
                     address: exportPrivateKey ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.js

@@ -195,13 +195,18 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
                     wallet: wallet,
                 });
             }
-            catch (_j) {
+            catch (err) {
                 if (isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector) &&
                     ((_f = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _f === void 0 ? void 0 : _f.removeSessionKeys)) {
                     yield ((_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.removeSessionKeys());
                     yield ((_h = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _h === void 0 ? void 0 : _h.createOrRestoreSession({
                         ignoreRestore: true,
                     }));
+                    logger.error('[TK - removeSessionKeys] failed to perform revealEmbeddedWalletKey activity', {
+                        address: wallet === null || wallet === void 0 ? void 0 : wallet.address,
+                        err,
+                        userId: user === null || user === void 0 ? void 0 : user.userId,
+                    });
                 }
                 return exportCredential({
                     address: exportPrivateKey ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,

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

@@ -3,8 +3,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var classNames = require('../../../utils/functions/classNames/classNames.cjs');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('react');
@@ -12,8 +14,6 @@ var arrowLeft = require('../../../shared/assets/arrow-left.cjs');
 var fingerprint = require('../../../shared/assets/fingerprint.cjs');
 require('@dynamic-labs/iconic');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
-require('../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/wallet-book');
@@ -26,6 +26,7 @@ require('../../../events/dynamicEvents.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../../store/state/authMode/authMode.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -114,9 +115,20 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 
 const SetupPasskeyView = () => {
     const { t } = reactI18next.useTranslation();
-    const { pushView, goBack, canGoBack } = ViewContext.useViewContext();
+    const { clearStackAndPush, pushView, goBack, canGoBack } = ViewContext.useViewContext();
+    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const registerPasskey = useRegisterPasskey.useRegisterPasskey();
-    const { error, isLoading } = usePromise.usePromise(registerPasskey);
+    const { error, isLoading } = usePromise.usePromise(registerPasskey, {
+        initialData: undefined,
+        onResolve: (verifyResponse) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            if ((verifyResponse === null || verifyResponse === void 0 ? void 0 : verifyResponse.user.mfaBackupCodeAcknowledgement) ===
+                sdkApiCore.MfaBackupCodeAcknowledgement.Pending) {
+                clearStackAndPush('mfa-display-backup-codes');
+                return;
+            }
+            setShowAuthFlow(false);
+        }),
+    });
     const errorMessage = useGetPasskeyErrorMessage.useGetPasskeyErrorMessage(error);
     const backButton = canGoBack && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: goBack, "data-testid": 'back-button', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
     return (jsxRuntime.jsxs("div", { className: classNames.classNames('setup-passkey-view'), children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { alignContent: 'bottom', leading: backButton, children: jsxRuntime.jsx("div", { className: 'setup-passkey-view__header', children: jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'setup-passkey-view__title', copykey: 'dyn_mfa.setup_passkey_view.title', children: t('dyn_mfa.setup_passkey_view.title') }) }) }), jsxRuntime.jsx(ModalHeaderBanner.ModalHeaderBanner, { type: 'error', messageKey: errorMessage, className: 'setup-passkey-view__header-banner' }), jsxRuntime.jsxs("div", { className: classNames.classNames('setup-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('setup-passkey-view__description'), copykey: 'dyn_mfa.setup_passkey_view.description', children: t('dyn_mfa.setup_passkey_view.description') })] }), jsxRuntime.jsx("div", { className: 'setup-passkey-view__choose-another-method', children: jsxRuntime.jsx(TextButton.TextButton, { className: 'setup-passkey-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', { isInitialSetup: true }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) })] }));

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

@@ -1,6 +1,8 @@
 'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
+import { MfaBackupCodeAcknowledgement } from '@dynamic-labs/sdk-api-core';
 import { classNames } from '../../../utils/functions/classNames/classNames.js';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import 'react';
@@ -8,8 +10,6 @@ import { ReactComponent as SvgArrowLeft } from '../../../shared/assets/arrow-lef
 import { ReactComponent as SvgFingerprint } from '../../../shared/assets/fingerprint.js';
 import '@dynamic-labs/iconic';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
-import '../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
 import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/wallet-book';
@@ -22,6 +22,7 @@ import '../../../events/dynamicEvents.js';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../../store/state/authMode/authMode.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -110,9 +111,20 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 
 const SetupPasskeyView = () => {
     const { t } = useTranslation();
-    const { pushView, goBack, canGoBack } = useViewContext();
+    const { clearStackAndPush, pushView, goBack, canGoBack } = useViewContext();
+    const { setShowAuthFlow } = useInternalDynamicContext();
     const registerPasskey = useRegisterPasskey();
-    const { error, isLoading } = usePromise(registerPasskey);
+    const { error, isLoading } = usePromise(registerPasskey, {
+        initialData: undefined,
+        onResolve: (verifyResponse) => __awaiter(void 0, void 0, void 0, function* () {
+            if ((verifyResponse === null || verifyResponse === void 0 ? void 0 : verifyResponse.user.mfaBackupCodeAcknowledgement) ===
+                MfaBackupCodeAcknowledgement.Pending) {
+                clearStackAndPush('mfa-display-backup-codes');
+                return;
+            }
+            setShowAuthFlow(false);
+        }),
+    });
     const errorMessage = useGetPasskeyErrorMessage(error);
     const backButton = canGoBack && (jsx(IconButton, { type: 'button', onClick: goBack, "data-testid": 'back-button', children: jsx(SvgArrowLeft, {}) }));
     return (jsxs("div", { className: classNames('setup-passkey-view'), children: [jsx(ModalHeader, { alignContent: 'bottom', leading: backButton, children: jsx("div", { className: 'setup-passkey-view__header', children: jsx(Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'setup-passkey-view__title', copykey: 'dyn_mfa.setup_passkey_view.title', children: t('dyn_mfa.setup_passkey_view.title') }) }) }), jsx(ModalHeaderBanner, { type: 'error', messageKey: errorMessage, className: 'setup-passkey-view__header-banner' }), jsxs("div", { className: classNames('setup-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('setup-passkey-view__description'), copykey: 'dyn_mfa.setup_passkey_view.description', children: t('dyn_mfa.setup_passkey_view.description') })] }), jsx("div", { className: 'setup-passkey-view__choose-another-method', children: jsx(TextButton, { className: 'setup-passkey-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', { isInitialSetup: true }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) })] }));

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

@@ -4,10 +4,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
 var walletBook = require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('react-i18next');
 require('react');
 require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
@@ -109,7 +109,12 @@ require('react-focus-lock');
 
 const PendingAccountSwitchToLinkContent = () => {
     const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
-    return (jsxRuntime.jsx(DefaultPromptModal.DefaultPromptLayout, { dataTestId: 'pending-account-switch', icon: jsxRuntime.jsx(walletBook.WalletIcon, { icon: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.metadata.icon, walletKey: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key }), title: `Wallet is already linked, switch wallet in ${selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name}`, children: jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["To link a new wallet, open", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name }), ' ', "and switch to the account you want to link."] }) }));
+    const { t } = reactI18next.useTranslation();
+    return (jsxRuntime.jsx(DefaultPromptModal.DefaultPromptLayout, { dataTestId: 'pending-account-switch', icon: jsxRuntime.jsx(walletBook.WalletIcon, { icon: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.metadata.icon, walletKey: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key }), title: t('dyn_pending_account_switch_to_link.title', {
+            walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name,
+        }), children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', copykey: 'dyn_pending_account_switch_to_link.description', children: t('dyn_pending_account_switch_to_link.description', {
+                walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name,
+            }) }) }));
 };
 const PendingAccountSwitchToLinkWidgetPortal = () => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { onClose: useCloseMultiWalletPrompt.useCloseMultiWalletPrompt(), children: jsxRuntime.jsx(PendingAccountSwitchToLinkContent, {}) }));
 const PendingAccountSwitchToLinkModal = () => (jsxRuntime.jsx(PromptModal.PromptModal, { onClose: useCloseMultiWalletPrompt.useCloseMultiWalletPrompt(), children: jsxRuntime.jsx(PendingAccountSwitchToLinkContent, {}) }));

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

@@ -1,9 +1,9 @@
 'use client'
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import 'react-i18next';
 import 'react';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
@@ -105,7 +105,12 @@ import 'react-focus-lock';
 
 const PendingAccountSwitchToLinkContent = () => {
     const { selectedWalletConnector } = useInternalDynamicContext();
-    return (jsx(DefaultPromptLayout, { dataTestId: 'pending-account-switch', icon: jsx(WalletIcon, { icon: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.metadata.icon, walletKey: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key }), title: `Wallet is already linked, switch wallet in ${selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name}`, children: jsxs(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["To link a new wallet, open", ' ', jsx(Typography, { as: 'span', weight: 'medium', color: 'primary', children: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name }), ' ', "and switch to the account you want to link."] }) }));
+    const { t } = useTranslation();
+    return (jsx(DefaultPromptLayout, { dataTestId: 'pending-account-switch', icon: jsx(WalletIcon, { icon: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.metadata.icon, walletKey: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key }), title: t('dyn_pending_account_switch_to_link.title', {
+            walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name,
+        }), children: jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', copykey: 'dyn_pending_account_switch_to_link.description', children: t('dyn_pending_account_switch_to_link.description', {
+                walletName: selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name,
+            }) }) }));
 };
 const PendingAccountSwitchToLinkWidgetPortal = () => (jsx(WidgetPortal, { onClose: useCloseMultiWalletPrompt(), children: jsx(PendingAccountSwitchToLinkContent, {}) }));
 const PendingAccountSwitchToLinkModal = () => (jsx(PromptModal, { onClose: useCloseMultiWalletPrompt(), children: jsx(PendingAccountSwitchToLinkContent, {}) }));