@dynamic-labs/sdk-react-core 4.20.5 → 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/constants.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const NO_ENABLED_CHAINS_ERROR = 'No enabled embedded wallet chains';
+const NO_ENABLED_CHAINS_ERROR = 'No enabled embedded wallet chains. Please go to the Dynamic Dashboard, select Embedded Wallets, and then click the gear icon on the top row to enable a new chain.';
 const DYNAMIC_WAAS_CONNECTOR_NOT_FOUND_ERROR = 'Dynamic Waas connector not found';
 const INVALID_CHAINS_ERROR = 'The following chains are not enabled for embedded wallets';
 const WALLET_CREATION_FAILED_ERROR = 'Failed to create wallet account for the following chains';

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

@@ -1,4 +1,4 @@
-export declare const NO_ENABLED_CHAINS_ERROR = "No enabled embedded wallet chains";
+export declare const NO_ENABLED_CHAINS_ERROR = "No enabled embedded wallet chains. Please go to the Dynamic Dashboard, select Embedded Wallets, and then click the gear icon on the top row to enable a new chain.";
 export declare const DYNAMIC_WAAS_CONNECTOR_NOT_FOUND_ERROR = "Dynamic Waas connector not found";
 export declare const INVALID_CHAINS_ERROR = "The following chains are not enabled for embedded wallets";
 export declare const WALLET_CREATION_FAILED_ERROR = "Failed to create wallet account for the following chains";

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

@@ -1,5 +1,5 @@
 'use client'
-const NO_ENABLED_CHAINS_ERROR = 'No enabled embedded wallet chains';
+const NO_ENABLED_CHAINS_ERROR = 'No enabled embedded wallet chains. Please go to the Dynamic Dashboard, select Embedded Wallets, and then click the gear icon on the top row to enable a new chain.';
 const DYNAMIC_WAAS_CONNECTOR_NOT_FOUND_ERROR = 'Dynamic Waas connector not found';
 const INVALID_CHAINS_ERROR = 'The following chains are not enabled for embedded wallets';
 const WALLET_CREATION_FAILED_ERROR = 'Failed to create wallet account for the following chains';

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)
@@ -185,17 +185,28 @@ const useDynamicWaas = () => {
             const account = yield walletConnector.createWalletAccount();
             return Object.assign(Object.assign({}, account), { chainName: chain });
         })));
-        const failedChains = chainNames.filter((_, i) => results[i].status === 'rejected');
+        const failedChains = [];
+        const errors = [];
+        results.forEach((result, i) => {
+            if (result.status === 'rejected') {
+                const chainName = chainNames[i];
+                failedChains.push(chainName);
+                const errorMessage = result.reason instanceof Error
+                    ? result.reason.message
+                    : String(result.reason);
+                errors.push(`${chainName}: ${errorMessage}`);
+            }
+        });
         if (failedChains.length > 0) {
             refresh();
-            throw new utils.DynamicError(`${constants.WALLET_CREATION_FAILED_ERROR}: ${failedChains.join(', ')}`);
+            throw new utils.DynamicError(`${constants.WALLET_CREATION_FAILED_ERROR}: ${failedChains.join(', ')}. Errors: ${errors.join('; ')}`);
         }
         const createdWalletAccounts = results.map((r) => r.status === 'fulfilled' ? r.value : undefined);
         const primaryWalletAccount = createdWalletAccounts === null || createdWalletAccounts === void 0 ? void 0 : createdWalletAccounts.find((wallet) => (wallet === null || wallet === void 0 ? void 0 : wallet.chainName) === (primaryChain === null || primaryChain === void 0 ? void 0 : primaryChain.name));
         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);
@@ -207,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);
+                    }
                 }
             }
         }
@@ -225,29 +239,21 @@ const useDynamicWaas = () => {
         addedWalletsIds,
     ]);
     const needsAutoCreateWalletChains = React.useMemo(() => {
-        const hasDynamicWaasWalletForChain = (chain) => {
-            var _a;
-            return (_a = user$1 === null || user$1 === void 0 ? void 0 : user$1.verifiedCredentials.some((wallet) => {
-                var _a;
-                return ((_a = wallet.walletName) === null || _a === void 0 ? void 0 : _a.includes('dynamicwaas')) &&
-                    wallet.chain &&
-                    compareChains.compareChains(wallet.chain, chain);
-            })) !== null && _a !== void 0 ? _a : false;
-        };
-        const hasDynamicWaasWalletForAllEnabledChains = enabledChainNames === null || enabledChainNames === void 0 ? void 0 : enabledChainNames.every(hasDynamicWaasWalletForChain);
-        const missingChains = enabledChainNames === null || enabledChainNames === void 0 ? void 0 : enabledChainNames.filter((chain) => !hasDynamicWaasWalletForChain(chain));
-        const hasExistingV1orV2Wallet = user$1 === null || user$1 === void 0 ? void 0 : user$1.verifiedCredentials.some((wallet) => {
-            var _a, _b;
-            return ((_a = wallet.walletProperties) === null || _a === void 0 ? void 0 : _a.version) === sdkApiCore.EmbeddedWalletVersionEnum.V1 || // V1 wallet
-                ((_b = wallet.walletProperties) === null || _b === void 0 ? void 0 : _b.version) === sdkApiCore.EmbeddedWalletVersionEnum.V2;
-        });
         if (!user$1 ||
-            hasDynamicWaasWalletForAllEnabledChains || // already has a dynamic waas wallet for all enabled chains
-            !dynamicWaasIsEnabled || // dynamic waas is not enabled
-            !automaticEmbeddedWalletCreationEnabled || // automatic embedded wallet creation is not enabled
-            hasExistingV1orV2Wallet // already has a v2 or v1 wallet
-        )
+            !dynamicWaasIsEnabled ||
+            !automaticEmbeddedWalletCreationEnabled) {
             return [];
+        }
+        // check if user have any wallet (V1, V2, or V3/dynamicwaas) for this chain
+        const hasEmbeddedWalletForChain = (chain) => {
+            var _a;
+            return (_a = user$1 === null || user$1 === void 0 ? void 0 : user$1.verifiedCredentials.some((wallet) => wallet.chain &&
+                compareChains.compareChains(wallet.chain, chain) &&
+                wallet.walletProvider === sdkApiCore.WalletProviderEnum.EmbeddedWallet)) !== null && _a !== void 0 ? _a : false;
+        };
+        // For each enabled chain, if user does NOT have a V3 wallet and does NOT have a V1/V2 wallet, add to missing
+        const missingChains = enabledChainNames === null || enabledChainNames === void 0 ? void 0 : enabledChainNames.filter((chain) => !hasEmbeddedWalletForChain(chain));
+        // If user has an external wallet, only create if automaticEmbeddedWalletCreationForExternalEnabled is true
         const hasExternalWallet = user$1 === null || user$1 === void 0 ? void 0 : user$1.verifiedCredentials.some((vc) => vc.format === sdkApiCore.JwtVerifiedCredentialFormatEnum.Blockchain &&
             vc.walletProvider !== sdkApiCore.WalletProviderEnum.EmbeddedWallet);
         const shouldCreateDynamicWaasWallet = hasExternalWallet

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)
@@ -181,17 +181,28 @@ const useDynamicWaas = () => {
             const account = yield walletConnector.createWalletAccount();
             return Object.assign(Object.assign({}, account), { chainName: chain });
         })));
-        const failedChains = chainNames.filter((_, i) => results[i].status === 'rejected');
+        const failedChains = [];
+        const errors = [];
+        results.forEach((result, i) => {
+            if (result.status === 'rejected') {
+                const chainName = chainNames[i];
+                failedChains.push(chainName);
+                const errorMessage = result.reason instanceof Error
+                    ? result.reason.message
+                    : String(result.reason);
+                errors.push(`${chainName}: ${errorMessage}`);
+            }
+        });
         if (failedChains.length > 0) {
             refresh();
-            throw new DynamicError(`${WALLET_CREATION_FAILED_ERROR}: ${failedChains.join(', ')}`);
+            throw new DynamicError(`${WALLET_CREATION_FAILED_ERROR}: ${failedChains.join(', ')}. Errors: ${errors.join('; ')}`);
         }
         const createdWalletAccounts = results.map((r) => r.status === 'fulfilled' ? r.value : undefined);
         const primaryWalletAccount = createdWalletAccounts === null || createdWalletAccounts === void 0 ? void 0 : createdWalletAccounts.find((wallet) => (wallet === null || wallet === void 0 ? void 0 : wallet.chainName) === (primaryChain === null || primaryChain === void 0 ? void 0 : primaryChain.name));
         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);
@@ -203,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);
+                    }
                 }
             }
         }
@@ -221,29 +235,21 @@ const useDynamicWaas = () => {
         addedWalletsIds,
     ]);
     const needsAutoCreateWalletChains = useMemo(() => {
-        const hasDynamicWaasWalletForChain = (chain) => {
-            var _a;
-            return (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials.some((wallet) => {
-                var _a;
-                return ((_a = wallet.walletName) === null || _a === void 0 ? void 0 : _a.includes('dynamicwaas')) &&
-                    wallet.chain &&
-                    compareChains(wallet.chain, chain);
-            })) !== null && _a !== void 0 ? _a : false;
-        };
-        const hasDynamicWaasWalletForAllEnabledChains = enabledChainNames === null || enabledChainNames === void 0 ? void 0 : enabledChainNames.every(hasDynamicWaasWalletForChain);
-        const missingChains = enabledChainNames === null || enabledChainNames === void 0 ? void 0 : enabledChainNames.filter((chain) => !hasDynamicWaasWalletForChain(chain));
-        const hasExistingV1orV2Wallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.some((wallet) => {
-            var _a, _b;
-            return ((_a = wallet.walletProperties) === null || _a === void 0 ? void 0 : _a.version) === EmbeddedWalletVersionEnum.V1 || // V1 wallet
-                ((_b = wallet.walletProperties) === null || _b === void 0 ? void 0 : _b.version) === EmbeddedWalletVersionEnum.V2;
-        });
         if (!user ||
-            hasDynamicWaasWalletForAllEnabledChains || // already has a dynamic waas wallet for all enabled chains
-            !dynamicWaasIsEnabled || // dynamic waas is not enabled
-            !automaticEmbeddedWalletCreationEnabled || // automatic embedded wallet creation is not enabled
-            hasExistingV1orV2Wallet // already has a v2 or v1 wallet
-        )
+            !dynamicWaasIsEnabled ||
+            !automaticEmbeddedWalletCreationEnabled) {
             return [];
+        }
+        // check if user have any wallet (V1, V2, or V3/dynamicwaas) for this chain
+        const hasEmbeddedWalletForChain = (chain) => {
+            var _a;
+            return (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials.some((wallet) => wallet.chain &&
+                compareChains(wallet.chain, chain) &&
+                wallet.walletProvider === WalletProviderEnum.EmbeddedWallet)) !== null && _a !== void 0 ? _a : false;
+        };
+        // For each enabled chain, if user does NOT have a V3 wallet and does NOT have a V1/V2 wallet, add to missing
+        const missingChains = enabledChainNames === null || enabledChainNames === void 0 ? void 0 : enabledChainNames.filter((chain) => !hasEmbeddedWalletForChain(chain));
+        // If user has an external wallet, only create if automaticEmbeddedWalletCreationForExternalEnabled is true
         const hasExternalWallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.some((vc) => vc.format === JwtVerifiedCredentialFormatEnum.Blockchain &&
             vc.walletProvider !== WalletProviderEnum.EmbeddedWallet);
         const shouldCreateDynamicWaasWallet = hasExternalWallet

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 {};