@dynamic-labs/sdk-react-core 4.20.6 → 4.20.7

package/src/lib/utils/constants/authViewLayoutChecks.cjs

@@ -42,6 +42,7 @@ const viewsThatHideHeader = [
     'passkey-recovery-start',
     'embedded-reveal-view',
     'embedded-reveal-account-view',
+    'mfa-exchange-view',
     'rename-passkey',
     'embedded-wallet-auth-choice',
     'passkey-recovery-add-email',

package/src/lib/utils/constants/authViewLayoutChecks.js

@@ -38,6 +38,7 @@ const viewsThatHideHeader = [
     'passkey-recovery-start',
     'embedded-reveal-view',
     'embedded-reveal-account-view',
+    'mfa-exchange-view',
     'rename-passkey',
     'embedded-wallet-auth-choice',
     'passkey-recovery-add-email',

package/src/lib/utils/functions/getTransactionLink/getTransactionLink.cjs

@@ -7,6 +7,9 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 
 const getTransactionLink = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ walletConnector, transactionHash, }) {
     try {
+        if (!walletConnector) {
+            return undefined;
+        }
         const [blockExplorerUrl] = yield walletConnector.getBlockExplorerUrlsForCurrentNetwork();
         if (!blockExplorerUrl)
             return undefined;

package/src/lib/utils/functions/getTransactionLink/getTransactionLink.d.ts

@@ -1,5 +1,5 @@
 import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 export declare const getTransactionLink: ({ walletConnector, transactionHash, }: {
-    walletConnector: WalletConnector;
+    walletConnector?: WalletConnector;
     transactionHash: string;
 }) => Promise<string | undefined>;

package/src/lib/utils/functions/getTransactionLink/getTransactionLink.js

@@ -3,6 +3,9 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 
 const getTransactionLink = (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector, transactionHash, }) {
     try {
+        if (!walletConnector) {
+            return undefined;
+        }
         const [blockExplorerUrl] = yield walletConnector.getBlockExplorerUrlsForCurrentNetwork();
         if (!blockExplorerUrl)
             return undefined;

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

@@ -79,3 +79,4 @@ export { useSyncDynamicWaas } from './useSyncDynamicWaas';
 export { useExchangeAccounts } from './useExchangeAccounts';
 export { useConnectExchangeForFunding } from './useConnectExchangeForFunding';
 export { useClientSessionKeys } from './useClientSessionKeys';
+export { useSubmitExchangeFunding } from './useSubmitExchangeFunding';

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

@@ -177,7 +177,7 @@ const useDynamicWaas = () => {
         if (invalidChains && invalidChains.length) {
             throw new utils.DynamicError(`${constants.INVALID_CHAINS_ERROR}: ${invalidChains.join(', ')}`);
         }
-        const currentVerifiedCredentials = (user$1 === null || user$1 === void 0 ? void 0 : user$1.verifiedCredentials) || [];
+        const previousVerifiedCredentials = (user$1 === null || user$1 === void 0 ? void 0 : user$1.verifiedCredentials) || [];
         const results = yield Promise.allSettled(chainNames.map((chain) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             const walletConnector = getWalletConnector(chain);
             if (!walletConnector)
@@ -206,7 +206,7 @@ const useDynamicWaas = () => {
         const refreshedUser = yield refresh();
         if (refreshedUser) {
             // Add new wallet IDs to trigger walletAdded events
-            const newWalletIds = getNewVerifiedCredentialsFromDiff.getNewVerifiedCredentialsFromDiff(currentVerifiedCredentials, refreshedUser.verifiedCredentials)
+            const newWalletIds = getNewVerifiedCredentialsFromDiff.getNewVerifiedCredentialsFromDiff(previousVerifiedCredentials, refreshedUser.verifiedCredentials)
                 .filter(({ format }) => format === sdkApiCore.JwtVerifiedCredentialFormatEnum.Blockchain)
                 .map(({ id }) => id);
             addedWalletsIds.current = addedWalletsIds.current.concat(newWalletIds);
@@ -218,9 +218,12 @@ const useDynamicWaas = () => {
                             ((_c = primaryWalletAccount.accountAddress) === null || _c === void 0 ? void 0 : _c.toLowerCase());
                 });
                 if (createdPrimaryWallet) {
-                    const smartWalletAccount = smartWallet.findSmartWallet(createdPrimaryWallet, refreshedUser.verifiedCredentials);
-                    const walletIdToUse = (smartWalletAccount === null || smartWalletAccount === void 0 ? void 0 : smartWalletAccount.id) || createdPrimaryWallet.id;
-                    updatePrimaryWalletId.updatePrimaryWalletId(walletIdToUse);
+                    // if the user already has a blockchain wallet, don't update the primary wallet
+                    if (!previousVerifiedCredentials.find((vc) => vc.format === 'blockchain')) {
+                        const smartWalletAccount = smartWallet.findSmartWallet(createdPrimaryWallet, refreshedUser.verifiedCredentials);
+                        const walletIdToUse = (smartWalletAccount === null || smartWalletAccount === void 0 ? void 0 : smartWalletAccount.id) || createdPrimaryWallet.id;
+                        updatePrimaryWalletId.updatePrimaryWalletId(walletIdToUse);
+                    }
                 }
             }
         }

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

@@ -173,7 +173,7 @@ const useDynamicWaas = () => {
         if (invalidChains && invalidChains.length) {
             throw new DynamicError(`${INVALID_CHAINS_ERROR}: ${invalidChains.join(', ')}`);
         }
-        const currentVerifiedCredentials = (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [];
+        const previousVerifiedCredentials = (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [];
         const results = yield Promise.allSettled(chainNames.map((chain) => __awaiter(void 0, void 0, void 0, function* () {
             const walletConnector = getWalletConnector(chain);
             if (!walletConnector)
@@ -202,7 +202,7 @@ const useDynamicWaas = () => {
         const refreshedUser = yield refresh();
         if (refreshedUser) {
             // Add new wallet IDs to trigger walletAdded events
-            const newWalletIds = getNewVerifiedCredentialsFromDiff(currentVerifiedCredentials, refreshedUser.verifiedCredentials)
+            const newWalletIds = getNewVerifiedCredentialsFromDiff(previousVerifiedCredentials, refreshedUser.verifiedCredentials)
                 .filter(({ format }) => format === JwtVerifiedCredentialFormatEnum.Blockchain)
                 .map(({ id }) => id);
             addedWalletsIds.current = addedWalletsIds.current.concat(newWalletIds);
@@ -214,9 +214,12 @@ const useDynamicWaas = () => {
                             ((_c = primaryWalletAccount.accountAddress) === null || _c === void 0 ? void 0 : _c.toLowerCase());
                 });
                 if (createdPrimaryWallet) {
-                    const smartWalletAccount = findSmartWallet(createdPrimaryWallet, refreshedUser.verifiedCredentials);
-                    const walletIdToUse = (smartWalletAccount === null || smartWalletAccount === void 0 ? void 0 : smartWalletAccount.id) || createdPrimaryWallet.id;
-                    updatePrimaryWalletId(walletIdToUse);
+                    // if the user already has a blockchain wallet, don't update the primary wallet
+                    if (!previousVerifiedCredentials.find((vc) => vc.format === 'blockchain')) {
+                        const smartWalletAccount = findSmartWallet(createdPrimaryWallet, refreshedUser.verifiedCredentials);
+                        const walletIdToUse = (smartWalletAccount === null || smartWalletAccount === void 0 ? void 0 : smartWalletAccount.id) || createdPrimaryWallet.id;
+                        updatePrimaryWalletId(walletIdToUse);
+                    }
                 }
             }
         }

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

@@ -0,0 +1 @@
+export * from './useSubmitExchangeFunding';

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

@@ -0,0 +1,11 @@
+import { ExchangeKeyEnum } from '@dynamic-labs/sdk-api-core';
+import { ConfirmExchangeTransferViewProps } from '../../../widgets/DynamicWidget/views/ConfirmExchangeTransferView/ConfirmExchangeTransferView';
+export type SubmitExchangeFundingProps = {
+    tokenAmount: string | undefined;
+    exchange: ExchangeKeyEnum;
+    tokenSymbol: string;
+    mfaCode?: string;
+    toAddress: string;
+    props: ConfirmExchangeTransferViewProps;
+};
+export declare const useSubmitExchangeFunding: () => ({ tokenAmount, exchange, tokenSymbol, mfaCode, toAddress, props, }: SubmitExchangeFundingProps) => Promise<void>;

package/src/lib/views/BackupUnsuccessfulView/BackupUnsuccessfulView.cjs

@@ -15,7 +15,7 @@ var warningRed = require('../../shared/assets/warning-red.cjs');
 var backup = require('../../shared/assets/backup.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/sdk-api-core');
-require('../../shared/logger.cjs');
+var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
@@ -24,9 +24,8 @@ require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../events/dynamicEvents.cjs');
+var useDynamicContext = require('../../context/DynamicContext/useDynamicContext/useDynamicContext.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
-require('../../store/state/authMode/authMode.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -42,6 +41,8 @@ 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('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
@@ -113,6 +114,7 @@ const BackupUnsuccessfulView = () => {
     const supportEmail = (_a = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.general) === null || _a === void 0 ? void 0 : _a.supportEmail;
     const supportUrls = (_b = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.general) === null || _b === void 0 ? void 0 : _b.supportUrls;
     const hasContactInfo = Boolean(supportEmail || Object.keys(supportUrls || {}).length > 0);
+    const { handleLogOut } = useDynamicContext.useDynamicContext();
     const refreshPage = () => {
         window.location.reload();
     };
@@ -140,7 +142,15 @@ const BackupUnsuccessfulView = () => {
                             'button-group--with-help-section': hasContactInfo,
                         }), children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'retry-button', buttonVariant: 'brand-primary', type: 'submit', onClick: () => refreshPage(), copykey: 'dyn_waas.backup_unsuccessful.try_again', typographyProps: {
                                 color: 'inherit',
-                            }, children: t('dyn_waas.backup_unsuccessful.try_again') }) }), jsxRuntime.jsx("div", { className: 'need-help-section', children: jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, {}) })] }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { asFooter: true })] }));
+                            }, children: t('dyn_waas.backup_unsuccessful.try_again') }) }), jsxRuntime.jsx("div", { className: classNames.classNames('button-group', 'logout-group', {
+                            'button-group--with-help-section': hasContactInfo,
+                        }), children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'logout-button', buttonVariant: 'tertiary', type: 'submit', onClick: () => {
+                                logger.logger.error('BackupUnsuccessfulView: Could not backup wallet, logging out');
+                                handleLogOut();
+                            }, copykey: 'dyn_waas.backup_unsuccessful.log_out', typographyProps: {
+                                color: 'inherit',
+                                weight: 'medium',
+                            }, children: t('dyn_waas.backup_unsuccessful.log_out') }) }), jsxRuntime.jsx("div", { className: 'need-help-section', children: jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, {}) })] }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { asFooter: true })] }));
 };
 
 exports.BackupUnsuccessfulView = BackupUnsuccessfulView;

package/src/lib/views/BackupUnsuccessfulView/BackupUnsuccessfulView.js

@@ -11,7 +11,7 @@ import { ReactComponent as SvgWarningRed } from '../../shared/assets/warning-red
 import { ReactComponent as SvgBackup } from '../../shared/assets/backup.js';
 import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/sdk-api-core';
-import '../../shared/logger.js';
+import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
@@ -20,9 +20,8 @@ import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
 import '../../components/Alert/Alert.js';
 import '../../events/dynamicEvents.js';
+import { useDynamicContext } from '../../context/DynamicContext/useDynamicContext/useDynamicContext.js';
 import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
-import '../../store/state/authMode/authMode.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -38,6 +37,8 @@ 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 '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
@@ -109,6 +110,7 @@ const BackupUnsuccessfulView = () => {
     const supportEmail = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportEmail;
     const supportUrls = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _b === void 0 ? void 0 : _b.supportUrls;
     const hasContactInfo = Boolean(supportEmail || Object.keys(supportUrls || {}).length > 0);
+    const { handleLogOut } = useDynamicContext();
     const refreshPage = () => {
         window.location.reload();
     };
@@ -136,7 +138,15 @@ const BackupUnsuccessfulView = () => {
                             'button-group--with-help-section': hasContactInfo,
                         }), children: jsx(TypographyButton, { buttonClassName: 'retry-button', buttonVariant: 'brand-primary', type: 'submit', onClick: () => refreshPage(), copykey: 'dyn_waas.backup_unsuccessful.try_again', typographyProps: {
                                 color: 'inherit',
-                            }, children: t('dyn_waas.backup_unsuccessful.try_again') }) }), jsx("div", { className: 'need-help-section', children: jsx(NeedHelpSection, {}) })] }), jsx(PoweredByDynamic, { asFooter: true })] }));
+                            }, children: t('dyn_waas.backup_unsuccessful.try_again') }) }), jsx("div", { className: classNames('button-group', 'logout-group', {
+                            'button-group--with-help-section': hasContactInfo,
+                        }), children: jsx(TypographyButton, { buttonClassName: 'logout-button', buttonVariant: 'tertiary', type: 'submit', onClick: () => {
+                                logger.error('BackupUnsuccessfulView: Could not backup wallet, logging out');
+                                handleLogOut();
+                            }, copykey: 'dyn_waas.backup_unsuccessful.log_out', typographyProps: {
+                                color: 'inherit',
+                                weight: 'medium',
+                            }, children: t('dyn_waas.backup_unsuccessful.log_out') }) }), jsx("div", { className: 'need-help-section', children: jsx(NeedHelpSection, {}) })] }), jsx(PoweredByDynamic, { asFooter: true })] }));
 };
 
 export { BackupUnsuccessfulView, BackupUnsuccessfulView as default };

package/src/lib/views/MfaExchangeView/MfaExchangeView.cjs

@@ -0,0 +1,127 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var Typography = require('../../components/Typography/Typography.cjs');
+var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('@dynamic-labs/utils');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+var arrowLeft = require('../../shared/assets/arrow-left.cjs');
+var locked = require('../../shared/assets/locked.cjs');
+require('@dynamic-labs/iconic');
+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');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/consts/index.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('../../store/state/authMode/authMode.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');
+var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
+require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../../store/state/user/user.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('../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../utils/functions/compareChains/compareChains.cjs');
+require('../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('../../utils/hooks/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('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../CollectUserDataView/useFields.cjs');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../store/state/walletOptions/walletOptions.cjs');
+var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+var IconButton = require('../../components/IconButton/IconButton.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
+var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+require('../../store/state/sendBalances.cjs');
+require('../../components/Input/Input.cjs');
+require('../../components/OverlayCard/OverlayCard.cjs');
+require('../TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+require('../../../index.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('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
+require('../../store/state/tokenBalances.cjs');
+require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+
+const iconSize = 96;
+const MfaExchangeView = ({ onSubmit, onBack }) => {
+    const { t } = reactI18next.useTranslation();
+    const [mfaCode, setMfaCode] = React.useState('');
+    const handleCodeChanged = (event) => {
+        const inputCode = event.target.value;
+        setMfaCode(inputCode);
+    };
+    const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', id: 'back-button', "data-testid": 'back-button', onClick: () => {
+            onBack();
+        }, children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
+    const icon = (jsxRuntime.jsx(locked.ReactComponent, { style: {
+            height: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
+            width: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
+        } }));
+    return (jsxRuntime.jsxs("div", { className: 'mfa-exchange-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', children: t('dyn_exchange_mfa.title') }) }), jsxRuntime.jsxs("div", { className: 'mfa-exchange-view__content', children: [jsxRuntime.jsxs("div", { className: 'mfa-exchange-view__content__icon-description', children: [jsxRuntime.jsx("div", { className: 'mfa-exchange-view__content__icon-description__icon-holder', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, customSpinnerColor: 'black', iconSize: iconSize, className: 'mfa-exchange-view__content__icon-description__icon-holder__icon', isSpinning: true }) }), jsxRuntime.jsx("div", { className: 'mfa-exchange-view__content__icon-description__description-holder', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', className: 'mfa-exchange-view__content__icon-description__description-holder__description', color: 'secondary', children: t('dyn_exchange_mfa.description') }) })] }), jsxRuntime.jsx("div", { className: 'mfa-exchange-view__content__input', children: jsxRuntime.jsx("input", { id: 'mfa-input', "data-testid": 'mfa-input', value: mfaCode, onChange: handleCodeChanged, className: 'mfa-exchange-view__content__input__input' }) }), jsxRuntime.jsx("div", { className: 'mfa-exchange-view__content__confirm', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'confirm-button', buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'mfa-exchange-view__content__confirm__button', disabled: mfaCode === '', onClick: () => {
+                                onSubmit(mfaCode);
+                            }, children: t('dyn_exchange_mfa.button') }) })] }), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { asFooter: true })] }));
+};
+
+exports.MfaExchangeView = MfaExchangeView;

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type props = {
+    onSubmit: (code: string) => void;
+    onBack: () => void;
+};
+export declare const MfaExchangeView: FC<props>;
+export {};

package/src/lib/views/MfaExchangeView/MfaExchangeView.js

@@ -0,0 +1,123 @@
+'use client'
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Typography } from '../../components/Typography/Typography.js';
+import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import '@dynamic-labs/utils';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import { ReactComponent as SvgArrowLeft } from '../../shared/assets/arrow-left.js';
+import { ReactComponent as SvgLocked } from '../../shared/assets/locked.js';
+import '@dynamic-labs/iconic';
+import '../../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';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../shared/consts/index.js';
+import '../../components/Alert/Alert.js';
+import '../../events/dynamicEvents.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '../../store/state/authMode/authMode.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 { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
+import '../../store/state/projectSettings/projectSettings.js';
+import '../../config/ApiEndpoint.js';
+import '../../store/state/user/user.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 '../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
+import '../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import '../../utils/hooks/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 '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../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 { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
+import { iconRatio, IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import { IconButton } from '../../components/IconButton/IconButton.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
+import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
+import '../../store/state/sendBalances.js';
+import '../../components/Input/Input.js';
+import '../../components/OverlayCard/OverlayCard.js';
+import '../TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
+import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
+import '../../../index.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 '../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
+import '../../store/state/connectorsInitializing/connectorsInitializing.js';
+import '../../store/state/tokenBalances.js';
+import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+
+const iconSize = 96;
+const MfaExchangeView = ({ onSubmit, onBack }) => {
+    const { t } = useTranslation();
+    const [mfaCode, setMfaCode] = useState('');
+    const handleCodeChanged = (event) => {
+        const inputCode = event.target.value;
+        setMfaCode(inputCode);
+    };
+    const backButton = (jsx(IconButton, { type: 'button', id: 'back-button', "data-testid": 'back-button', onClick: () => {
+            onBack();
+        }, children: jsx(SvgArrowLeft, {}) }));
+    const icon = (jsx(SvgLocked, { style: {
+            height: pixelToRem(iconSize * iconRatio),
+            width: pixelToRem(iconSize * iconRatio),
+        } }));
+    return (jsxs("div", { className: 'mfa-exchange-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx(Typography, { variant: 'title', children: t('dyn_exchange_mfa.title') }) }), jsxs("div", { className: 'mfa-exchange-view__content', children: [jsxs("div", { className: 'mfa-exchange-view__content__icon-description', children: [jsx("div", { className: 'mfa-exchange-view__content__icon-description__icon-holder', children: jsx(IconWithSpinner, { Icon: icon, customSpinnerColor: 'black', iconSize: iconSize, className: 'mfa-exchange-view__content__icon-description__icon-holder__icon', isSpinning: true }) }), jsx("div", { className: 'mfa-exchange-view__content__icon-description__description-holder', children: jsx(Typography, { variant: 'body_normal', className: 'mfa-exchange-view__content__icon-description__description-holder__description', color: 'secondary', children: t('dyn_exchange_mfa.description') }) })] }), jsx("div", { className: 'mfa-exchange-view__content__input', children: jsx("input", { id: 'mfa-input', "data-testid": 'mfa-input', value: mfaCode, onChange: handleCodeChanged, className: 'mfa-exchange-view__content__input__input' }) }), jsx("div", { className: 'mfa-exchange-view__content__confirm', children: jsx(TypographyButton, { dataTestId: 'confirm-button', buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'mfa-exchange-view__content__confirm__button', disabled: mfaCode === '', onClick: () => {
+                                onSubmit(mfaCode);
+                            }, children: t('dyn_exchange_mfa.button') }) })] }), jsx(PoweredByDynamic, { asFooter: true })] }));
+};
+
+export { MfaExchangeView };

package/src/lib/views/MfaExchangeView/index.d.ts

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

package/src/lib/views/viewToComponentMap.cjs

@@ -142,6 +142,7 @@ var WalletSignSpinnerView = require('./WalletSignSpinnerView/WalletSignSpinnerVi
 var WalletUsedView = require('./WalletUsedView/WalletUsedView.cjs');
 var ExchangeList = require('./ExchangeList/ExchangeList.cjs');
 var DuplicateWalletView = require('./DuplicateWalletView/DuplicateWalletView.cjs');
+var MfaExchangeView = require('./MfaExchangeView/MfaExchangeView.cjs');
 require('../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../store/state/tokenBalances.cjs');
 require('../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
@@ -187,6 +188,7 @@ const viewToComponentMap = {
     'merge-user-accounts-with-same-email': MergeUserAccountsWithSameEmailView.MergeUserAccountsWithSameEmailView,
     'mfa-choose-device': MfaChooseDeviceView.MfaChooseDeviceView,
     'mfa-display-backup-codes': MfaDisplayBackupCodesView.MfaDisplayBackupCodesView,
+    'mfa-exchange-view': MfaExchangeView.MfaExchangeView,
     'mfa-recovery': MfaRecoveryView.MfaRecoveryView,
     'mfa-secure-device': MfaSecureDeviceView.MfaSecureDeviceView,
     'mfa-secure-device-help': MfaSecureDeviceHelpView.MfaSecureDeviceHelper,

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

@@ -41,6 +41,10 @@ export declare const viewToComponentMap: {
     'mfa-display-backup-codes': ({ regenerateCodes, }: {
         regenerateCodes: boolean;
     }) => JSX.Element;
+    'mfa-exchange-view': import("react").FC<{
+        onSubmit: (code: string) => void;
+        onBack: () => void;
+    }>;
     'mfa-recovery': import("react").FC;
     'mfa-secure-device': ({ type, isInitialSetup, }: import("./MfaSecureDeviceView").MfaSecureDeviceViewProps) => JSX.Element;
     'mfa-secure-device-help': ({ uri, secret, }: {

package/src/lib/views/viewToComponentMap.js

@@ -138,6 +138,7 @@ import { WalletSignSpinnerView } from './WalletSignSpinnerView/WalletSignSpinner
 import { WalletUsedView } from './WalletUsedView/WalletUsedView.js';
 import { ExchangeList } from './ExchangeList/ExchangeList.js';
 import { DuplicateWalletView } from './DuplicateWalletView/DuplicateWalletView.js';
+import { MfaExchangeView } from './MfaExchangeView/MfaExchangeView.js';
 import '../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../store/state/tokenBalances.js';
 import '../shared/utils/functions/getInitialUrl/getInitialUrl.js';
@@ -183,6 +184,7 @@ const viewToComponentMap = {
     'merge-user-accounts-with-same-email': MergeUserAccountsWithSameEmailView,
     'mfa-choose-device': MfaChooseDeviceView,
     'mfa-display-backup-codes': MfaDisplayBackupCodesView,
+    'mfa-exchange-view': MfaExchangeView,
     'mfa-recovery': MfaRecoveryView,
     'mfa-secure-device': MfaSecureDeviceView,
     'mfa-secure-device-help': MfaSecureDeviceHelper,

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/mapViewToComponent.cjs

@@ -16,6 +16,7 @@ var ChooseOnrampProviderView = require('../../views/ChooseOnrampProviderView/Cho
 var ChooseWalletFundingMethod = require('../../views/ChooseWalletFundingMethod/ChooseWalletFundingMethod.cjs');
 var ConfirmExchangeTransferView = require('../../views/ConfirmExchangeTransferView/ConfirmExchangeTransferView.cjs');
 var ConnectedAppsView = require('../../views/ConnectedAppsView/ConnectedAppsView.cjs');
+var DepositedExchangeView = require('../../views/DepositedExchangeView/DepositedExchangeView.cjs');
 var DepositView = require('../../views/DepositView/DepositView.cjs');
 var GlobalWalletView = require('../../views/GlobalWalletView/GlobalWalletView.cjs');
 var ManageMfaWidgetView = require('../../views/ManageMfaWidgetView/ManageMfaWidgetView.cjs');
@@ -31,6 +32,7 @@ const mapViewToComponent = {
     'confirm-exchange-transfer': ConfirmExchangeTransferView.ConfirmExchangeTransferView,
     'connected-apps': ConnectedAppsView.ConnectedAppsView,
     'deposit-view': DepositView.DepositView,
+    'deposited-exchange': DepositedExchangeView.DepositedExchangeView,
     'edit-profile': EditProfileView.EditProfileView,
     'global-wallet': GlobalWalletView.GlobalWalletView,
     'manage-mfa': ManageMfaWidgetView.ManageMfaWidgetView,

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/mapViewToComponent.d.ts

@@ -8,21 +8,16 @@ export declare const mapViewToComponent: {
     }>;
     'choose-onramp-provider': () => JSX.Element;
     'choose-wallet-funding-method': import("react").FC;
-    'confirm-exchange-transfer': import("react").FC<{
-        amount?: number | undefined;
-        fiatAmount?: number | undefined;
-        toAddress?: string | undefined;
-        exchange: import("@dynamic-labs/sdk-api-core").ExchangeKeyEnum;
-        accountIdentifier?: string | undefined;
-        token?: import("../../views/ReceiveWalletFunds/types").FundingTokenData | undefined;
-        fee?: number | undefined;
-        feeInFiat?: number | undefined;
-        fiatCurrencySymbol?: string | undefined;
-        onSubmit: () => void;
-        onBack: () => void;
-    }>;
+    'confirm-exchange-transfer': import("react").FC<import("../../views/ConfirmExchangeTransferView/ConfirmExchangeTransferView").ConfirmExchangeTransferViewProps>;
     'connected-apps': import("react").FC<import("../../views/ConnectedAppsView").ConnectedAppsViewProps>;
     'deposit-view': () => JSX.Element | null;
+    'deposited-exchange': import("react").FC<{
+        transaction: import("@dynamic-labs/sdk-api-core").ExchangeTransferResponse;
+        onClose: () => void;
+        onSubmit: () => void;
+        onView: () => void;
+        toAddress: string;
+    }>;
     'edit-profile': import("react").FC<import("../../views/EditProfileView/EditProfileView").EditProfileViewProps>;
     'global-wallet': import("react").FC<{}>;
     'manage-mfa': import("react").FC;