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

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

@@ -0,0 +1,195 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { UnprocessableEntityErrorCode } from '@dynamic-labs/sdk-api-core';
+import { useWidgetContext } from '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import { useExchangeAccounts } from '../useExchangeAccounts/useExchangeAccounts.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 { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+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 '../../../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 '../../../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 '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
+import { Typography } from '../../../components/Typography/Typography.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 '../../../context/FooterAnimationContext/index.js';
+import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.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 { getTransactionLink } from '../../functions/getTransactionLink/getTransactionLink.js';
+import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../context/OnrampContext/OnrampContext.js';
+import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
+import '../../../../index.js';
+import '../../../store/state/tokenBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+
+const useSubmitExchangeFunding = () => {
+    const { exchangeTransfer } = useExchangeAccounts();
+    const { setDynamicWidgetView, goToInitialDynamicWidgetView, setHeaderAlert } = useWidgetContext();
+    const { clearStackAndPush } = useViewContext();
+    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
+    const { t } = useTranslation();
+    const submit = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ tokenAmount, exchange, tokenSymbol, mfaCode, toAddress, props, }) {
+        if (!tokenAmount)
+            return;
+        try {
+            const result = yield exchangeTransfer({
+                exchange,
+                transferRequest: Object.assign({ amount: parseInt(tokenAmount, 10), currency: tokenSymbol, to: toAddress }, (mfaCode ? { mfaCode } : {})),
+            });
+            const txlink = yield getTransactionLink({
+                transactionHash: result.id,
+                walletConnector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector,
+            });
+            setShowAuthFlow(false);
+            setDynamicWidgetView('deposited-exchange', {
+                onClose: goToInitialDynamicWidgetView,
+                onSubmit: goToInitialDynamicWidgetView,
+                onView: () => {
+                    if (txlink) {
+                        window.open(txlink, '_blank', 'noopener,noreferrer');
+                    }
+                },
+                toAddress,
+                transaction: result,
+            });
+        }
+        catch (error) {
+            let errorMessage = '';
+            let showError = false;
+            if (error.code ===
+                UnprocessableEntityErrorCode.TransferMfaRequired) {
+                setShowAuthFlow(true);
+                clearStackAndPush('mfa-exchange-view', {
+                    onBack: () => {
+                        setShowAuthFlow(false);
+                        setDynamicWidgetView('confirm-exchange-transfer', Object.assign({}, props));
+                    },
+                    onSubmit: (code) => {
+                        submit({
+                            exchange,
+                            mfaCode: code,
+                            props,
+                            toAddress,
+                            tokenAmount,
+                            tokenSymbol,
+                        });
+                    },
+                });
+            }
+            else if (error.code ===
+                UnprocessableEntityErrorCode.TransferMfaFailed) {
+                showError = true;
+                errorMessage = t('dyn_exchange_transfer_errors.mfa_failed');
+            }
+            else if (error.code ===
+                UnprocessableEntityErrorCode.InvalidTransferCurrency) {
+                showError = true;
+                errorMessage = t('dyn_exchange_transfer_errors.invalid_currency_description');
+            }
+            else if (error.code ===
+                UnprocessableEntityErrorCode.InvalidTransferFunds) {
+                showError = true;
+                errorMessage = t('dyn_exchange_transfer_errors.invalid_balance');
+            }
+            else {
+                showError = true;
+                errorMessage = t('dyn_exchange_transfer_errors.unknown');
+            }
+            if (showError) {
+                const errorAlert = (jsxs(Typography, { variant: 'body_normal', color: 'current-color', children: [t('dyn_exchange_transfer_errors.title'), jsx(Typography, { color: 'current-color', children: errorMessage })] }));
+                setShowAuthFlow(false);
+                goToInitialDynamicWidgetView();
+                setHeaderAlert({
+                    content: errorAlert,
+                    variant: 'error',
+                });
+            }
+        }
+    }), [
+        clearStackAndPush,
+        exchangeTransfer,
+        goToInitialDynamicWidgetView,
+        primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector,
+        setDynamicWidgetView,
+        setHeaderAlert,
+        setShowAuthFlow,
+        t,
+    ]);
+    return submit;
+};
+
+export { useSubmitExchangeFunding };

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,