@dynamic-labs/sdk-react-core 4.22.8 → 4.23.0

package/src/lib/views/ExchangeList/ExchangeList.js

@@ -3,18 +3,18 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useMemo, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { StorageService } from '@dynamic-labs/utils';
+import { ReactComponent as SvgNoWalletFound } from '../../assets/no-wallet-found.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import { Search } from '../../components/Search/Search.js';
 import { Skeleton } from '../../components/Skeleton/Skeleton.js';
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
 import { DefaultFooter } from '../../layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.js';
-import { useEffectOnce } from '../../utils/hooks/useEffectOnce/useEffectOnce.js';
-import { classNames } from '../../utils/functions/classNames/classNames.js';
-import { EXCHANGE_PICKER_SEARCH_KEY } from '../../utils/constants/localStorage.js';
 import { useProjectSettings } from '../../store/state/projectSettings/projectSettings.js';
+import { EXCHANGE_PICKER_SEARCH_KEY } from '../../utils/constants/localStorage.js';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
+import { useEffectOnce } from '../../utils/hooks/useEffectOnce/useEffectOnce.js';
 import { isProviderExchange, convertProviderToExchangeKeyEnum } from '../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import { SearchNotFoundMessage } from '../WalletList/SearchNotFoundMessage/SearchNotFoundMessage.js';
-import { ReactComponent as SvgNoWalletFound } from '../../assets/no-wallet-found.js';
 import { ExchangeListItem } from './ExchangeListItem/ExchangeListItem.js';
 
 const ExchangeList = ({ onSelectExchange, showDefaultFooter, scrollContainerClassName, }) => {
@@ -75,7 +75,7 @@ const ExchangeList = ({ onSelectExchange, showDefaultFooter, scrollContainerClas
                     'exchange-list__scroll-container--fixed-height': false,
                 }), "data-testid": 'exchange-list-scroll-container', ref: exchangeListScrollRef, onScroll: handleScroll, children: !projectSettings ? (jsx(Skeleton, { count: 10, className: 'exchange-list__tile-skeleton' })) : (
                 // eslint-disable-next-line react/jsx-no-useless-fragment
-                jsxs(Fragment, { children: [exchangeNames.length === 0 && (jsx(ErrorContainer, { copykey: 'dyn_exchange_list.no_exchange', children: t('dyn_exchange_list.no_exchanges') })), exchangeNames.length && filteredExchangeNames.length === 0 ? (jsx(SearchNotFoundMessage, { title: t('dyn_exchange_list.search.not_found.title'), subtitle: t('dyn_exchange_list.search.not_found.description'), image: jsx(SvgNoWalletFound, {}) })) : (filteredExchangeNames.map((exchange, index) => (jsx(ExchangeListItem, { exchange: convertProviderToExchangeKeyEnum(exchange), onResetSearchValue: () => handleFilterValueChange(''), onSelectExchange: onSelectExchange }, `${exchange}_${index}`))))] })) }), showDefaultFooter && (jsx(DefaultFooter, { hideBorder: !footerBorderIsVisible }))] }));
+                jsxs(Fragment, { children: [exchangeNames.length === 0 && (jsx(ErrorContainer, { copykey: 'dyn_exchange_list.no_exchange', children: t('dyn_exchange_list.no_exchanges') })), exchangeNames.length && filteredExchangeNames.length === 0 ? (jsx(SearchNotFoundMessage, { titleKey: 'dyn_exchange_list.search.not_found.title', subtitleKey: 'dyn_exchange_list.search.not_found.description', image: jsx(SvgNoWalletFound, {}) })) : (filteredExchangeNames.map((exchange, index) => (jsx(ExchangeListItem, { exchange: convertProviderToExchangeKeyEnum(exchange), onResetSearchValue: () => handleFilterValueChange(''), onSelectExchange: onSelectExchange }, `${exchange}_${index}`))))] })) }), showDefaultFooter && (jsx(DefaultFooter, { hideBorder: !footerBorderIsVisible }))] }));
 };
 
 export { ExchangeList };

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/useSubmitPhoneNumber/useSubmitPhoneNumber.cjs

@@ -81,12 +81,12 @@ require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('../../../../../locale/locale.cjs');
-var translation = require('../../../../../locale/en/translation.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../../../locale/locale.cjs');
+var translation = require('../../../../../locale/en/translation.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('../../../../../store/state/sendBalances.cjs');

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/useSubmitPhoneNumber/useSubmitPhoneNumber.js

@@ -77,12 +77,12 @@ 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 '../../../../../locale/locale.js';
-import { translation } from '../../../../../locale/en/translation.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../../../locale/locale.js';
+import { translation } from '../../../../../locale/en/translation.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import '../../../../../store/state/sendBalances.js';

package/src/lib/views/SmsVerification/useSmsVerification/useSmsVerification.cjs

@@ -83,12 +83,12 @@ require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('../../../locale/locale.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../locale/locale.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('../../../store/state/sendBalances.cjs');

package/src/lib/views/SmsVerification/useSmsVerification/useSmsVerification.js

@@ -79,12 +79,12 @@ 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 '../../../locale/locale.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../locale/locale.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import '../../../store/state/sendBalances.js';

package/src/lib/views/WalletList/SearchNotFoundMessage/SearchNotFoundMessage.cjs

@@ -100,9 +100,11 @@ require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 
-const SearchNotFoundMessage = ({ title, subtitle, image, }) => {
+const SearchNotFoundMessage = ({ titleKey, subtitleKey, image, }) => {
     const { t } = reactI18next.useTranslation();
-    return (jsxRuntime.jsxs("div", { className: 'search-instead__container', children: [image && (jsxRuntime.jsx(Icon.Icon, { className: 'search-instead__container__image', color: 'text-tertiary', children: image })), jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', weight: 'regular', copykey: 'dyn_wallet_list.wallet_missing.title', children: title || t('dyn_wallet_list.wallet_missing.title') }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'button_primary', weight: 'regular', copykey: 'dyn_wallet_list.wallet_missing.description', children: subtitle || t('dyn_wallet_list.wallet_missing.description') })] }));
+    return (jsxRuntime.jsxs("div", { className: 'search-instead__container', children: [image && (jsxRuntime.jsx(Icon.Icon, { className: 'search-instead__container__image', color: 'text-tertiary', children: image })), jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_small', weight: 'regular', copykey: titleKey || 'dyn_wallet_list.wallet_missing.title', children: titleKey ? t(titleKey) : t('dyn_wallet_list.wallet_missing.title') }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'button_primary', weight: 'regular', copykey: subtitleKey || 'dyn_wallet_list.wallet_missing.description', children: subtitleKey
+                    ? t(subtitleKey)
+                    : t('dyn_wallet_list.wallet_missing.description') })] }));
 };
 
 exports.SearchNotFoundMessage = SearchNotFoundMessage;

package/src/lib/views/WalletList/SearchNotFoundMessage/SearchNotFoundMessage.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactElement } from 'react';
 interface Props {
-    title?: string;
-    subtitle?: string;
+    titleKey?: string;
+    subtitleKey?: string;
     image?: ReactElement;
 }
 export declare const SearchNotFoundMessage: FC<Props>;

package/src/lib/views/WalletList/SearchNotFoundMessage/SearchNotFoundMessage.js

@@ -96,9 +96,11 @@ import '../../../components/IsBrowser/IsBrowser.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 
-const SearchNotFoundMessage = ({ title, subtitle, image, }) => {
+const SearchNotFoundMessage = ({ titleKey, subtitleKey, image, }) => {
     const { t } = useTranslation();
-    return (jsxs("div", { className: 'search-instead__container', children: [image && (jsx(Icon, { className: 'search-instead__container__image', color: 'text-tertiary', children: image })), jsx(Typography, { color: 'secondary', variant: 'body_small', weight: 'regular', copykey: 'dyn_wallet_list.wallet_missing.title', children: title || t('dyn_wallet_list.wallet_missing.title') }), jsx(Typography, { color: 'primary', variant: 'button_primary', weight: 'regular', copykey: 'dyn_wallet_list.wallet_missing.description', children: subtitle || t('dyn_wallet_list.wallet_missing.description') })] }));
+    return (jsxs("div", { className: 'search-instead__container', children: [image && (jsx(Icon, { className: 'search-instead__container__image', color: 'text-tertiary', children: image })), jsx(Typography, { color: 'secondary', variant: 'body_small', weight: 'regular', copykey: titleKey || 'dyn_wallet_list.wallet_missing.title', children: titleKey ? t(titleKey) : t('dyn_wallet_list.wallet_missing.title') }), jsx(Typography, { color: 'primary', variant: 'button_primary', weight: 'regular', copykey: subtitleKey || 'dyn_wallet_list.wallet_missing.description', children: subtitleKey
+                    ? t(subtitleKey)
+                    : t('dyn_wallet_list.wallet_missing.description') })] }));
 };
 
 export { SearchNotFoundMessage };

package/src/lib/views/WalletList/WalletList.cjs

@@ -162,7 +162,7 @@ const WalletList = ({ isWalletConnectList = false, onSelectWallet, viewWalletsFi
                     items: tabsItems, value: selectedTabIndex || 0, onSelect: setSelectedTabIndex }) })), searchContainer, Boolean(error) && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { className: 'wallet-list__error-container', withIcon: false, children: error })), jsxRuntime.jsxs("div", { className: classNames.classNames('wallet-list__scroll-container', scrollContainerClassName, {
                     'wallet-list__scroll-container--error': Boolean(error),
                     'wallet-list__scroll-container--fixed-height': isTabsEnabled,
-                }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll, children: [!projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [walletConnectorOptions.length === 0 && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { copykey: 'dyn_wallet_list.configuration_mismatch', children: t('dyn_wallet_list.configuration_mismatch') })), walletConnectorOptions.length && walletsList.length === 0 ? (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, { title: t('dyn_wallet_list.search.not_found.title'), subtitle: t('dyn_wallet_list.search.not_found.description'), image: jsxRuntime.jsx(noWalletFound.ReactComponent, {}) })) : (walletsList.map((wallet, index) => (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, onResetSearchValue: () => handleFilterValueChange(''), recommendedWallets: effectiveRecommendedWallets, onSelectWallet: onSelectWallet }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, {}))] }), showDefaultFooter && (jsxRuntime.jsx(DefaultFooter.DefaultFooter, { hideBorder: !footerBorderIsVisible }))] }));
+                }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll, children: [!projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [walletConnectorOptions.length === 0 && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { copykey: 'dyn_wallet_list.configuration_mismatch', children: t('dyn_wallet_list.configuration_mismatch') })), walletConnectorOptions.length && walletsList.length === 0 ? (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, { titleKey: 'dyn_wallet_list.search.not_found.title', subtitleKey: 'dyn_wallet_list.search.not_found.description', image: jsxRuntime.jsx(noWalletFound.ReactComponent, {}) })) : (walletsList.map((wallet, index) => (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, onResetSearchValue: () => handleFilterValueChange(''), recommendedWallets: effectiveRecommendedWallets, onSelectWallet: onSelectWallet }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsxRuntime.jsx(SearchNotFoundMessage.SearchNotFoundMessage, {}))] }), showDefaultFooter && (jsxRuntime.jsx(DefaultFooter.DefaultFooter, { hideBorder: !footerBorderIsVisible }))] }));
 };
 
 exports.WalletList = WalletList;

package/src/lib/views/WalletList/WalletList.js

@@ -158,7 +158,7 @@ const WalletList = ({ isWalletConnectList = false, onSelectWallet, viewWalletsFi
                     items: tabsItems, value: selectedTabIndex || 0, onSelect: setSelectedTabIndex }) })), searchContainer, Boolean(error) && (jsx(ErrorContainer, { className: 'wallet-list__error-container', withIcon: false, children: error })), jsxs("div", { className: classNames('wallet-list__scroll-container', scrollContainerClassName, {
                     'wallet-list__scroll-container--error': Boolean(error),
                     'wallet-list__scroll-container--fixed-height': isTabsEnabled,
-                }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll, children: [!projectSettings ? (jsx(Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxs(Fragment, { children: [walletConnectorOptions.length === 0 && (jsx(ErrorContainer, { copykey: 'dyn_wallet_list.configuration_mismatch', children: t('dyn_wallet_list.configuration_mismatch') })), walletConnectorOptions.length && walletsList.length === 0 ? (jsx(SearchNotFoundMessage, { title: t('dyn_wallet_list.search.not_found.title'), subtitle: t('dyn_wallet_list.search.not_found.description'), image: jsx(SvgNoWalletFound, {}) })) : (walletsList.map((wallet, index) => (jsx(WalletListItem, { wallet: wallet, onResetSearchValue: () => handleFilterValueChange(''), recommendedWallets: effectiveRecommendedWallets, onSelectWallet: onSelectWallet }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsx(SearchNotFoundMessage, {}))] }), showDefaultFooter && (jsx(DefaultFooter, { hideBorder: !footerBorderIsVisible }))] }));
+                }), "data-testid": 'wallet-list-scroll-container', ref: walletListScrollRef, onScroll: handleScroll, children: [!projectSettings ? (jsx(Skeleton, { count: 10, className: 'wallet-list__tile-skeleton' })) : (jsxs(Fragment, { children: [walletConnectorOptions.length === 0 && (jsx(ErrorContainer, { copykey: 'dyn_wallet_list.configuration_mismatch', children: t('dyn_wallet_list.configuration_mismatch') })), walletConnectorOptions.length && walletsList.length === 0 ? (jsx(SearchNotFoundMessage, { titleKey: 'dyn_wallet_list.search.not_found.title', subtitleKey: 'dyn_wallet_list.search.not_found.description', image: jsx(SvgNoWalletFound, {}) })) : (walletsList.map((wallet, index) => (jsx(WalletListItem, { wallet: wallet, onResetSearchValue: () => handleFilterValueChange(''), recommendedWallets: effectiveRecommendedWallets, onSelectWallet: onSelectWallet }, `${wallet.key}_${index}`))))] })), isSearchEnabled && !filterValue && projectSettings && (jsx(SearchNotFoundMessage, {}))] }), showDefaultFooter && (jsx(DefaultFooter, { hideBorder: !footerBorderIsVisible }))] }));
 };
 
 export { WalletList };

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

@@ -19,7 +19,7 @@ var ConnectedAppsView = require('../../views/ConnectedAppsView/ConnectedAppsView
 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');
+var ManageTotpMfaWidgetView = require('../../views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 var ReceiveWalletFunds = require('../../views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 var RevokeAccessView = require('../../views/SessionManagementView/RevokeAccessView/RevokeAccessView.cjs');
 var SessionManagementInfoView = require('../../views/SessionManagementView/SessionManagementInfoView/SessionManagementInfoView.cjs');
@@ -35,9 +35,9 @@ const mapViewToComponent = {
     'deposited-exchange': DepositedExchangeView.DepositedExchangeView,
     'edit-profile': EditProfileView.EditProfileView,
     'global-wallet': GlobalWalletView.GlobalWalletView,
-    'manage-mfa': ManageMfaWidgetView.ManageMfaWidgetView,
-    'manage-mfa-no-footer': ManageMfaWidgetView.ManageMfaWidgetView,
     'manage-passkeys': ManagePasskeysWidgetView.ManagePasskeysWidgetView,
+    'manage-totp-mfa': ManageTotpMfaWidgetView.ManageTotpMfaWidgetView,
+    'manage-totp-mfa-no-footer': ManageTotpMfaWidgetView.ManageTotpMfaWidgetView,
     profile: ProfileView.ProfileView,
     'receive-exchange-funds': ReceiveWalletFunds.ReceiveWalletFunds,
     'receive-wallet-funds': ReceiveWalletFunds.ReceiveWalletFunds,

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

@@ -20,9 +20,9 @@ export declare const mapViewToComponent: {
     }>;
     'edit-profile': import("react").FC<import("../../views/EditProfileView/EditProfileView").EditProfileViewProps>;
     'global-wallet': import("react").FC<{}>;
-    'manage-mfa': import("react").FC;
-    'manage-mfa-no-footer': import("react").FC;
     'manage-passkeys': import("react").FC;
+    'manage-totp-mfa': import("react").FC;
+    'manage-totp-mfa-no-footer': import("react").FC;
     profile: import("react").FC;
     'receive-exchange-funds': import("react").FC<import("../../views/ReceiveWalletFunds/types").ReceiveWalletFundsProps>;
     'receive-wallet-funds': import("react").FC<import("../../views/ReceiveWalletFunds/types").ReceiveWalletFundsProps>;

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

@@ -15,7 +15,7 @@ import { ConnectedAppsView } from '../../views/ConnectedAppsView/ConnectedAppsVi
 import { DepositedExchangeView } from '../../views/DepositedExchangeView/DepositedExchangeView.js';
 import { DepositView } from '../../views/DepositView/DepositView.js';
 import { GlobalWalletView } from '../../views/GlobalWalletView/GlobalWalletView.js';
-import { ManageMfaWidgetView } from '../../views/ManageMfaWidgetView/ManageMfaWidgetView.js';
+import { ManageTotpMfaWidgetView } from '../../views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import { ReceiveWalletFunds } from '../../views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import { RevokeAccessView } from '../../views/SessionManagementView/RevokeAccessView/RevokeAccessView.js';
 import { SessionManagementInfoView } from '../../views/SessionManagementView/SessionManagementInfoView/SessionManagementInfoView.js';
@@ -31,9 +31,9 @@ const mapViewToComponent = {
     'deposited-exchange': DepositedExchangeView,
     'edit-profile': EditProfileView,
     'global-wallet': GlobalWalletView,
-    'manage-mfa': ManageMfaWidgetView,
-    'manage-mfa-no-footer': ManageMfaWidgetView,
     'manage-passkeys': ManagePasskeysWidgetView,
+    'manage-totp-mfa': ManageTotpMfaWidgetView,
+    'manage-totp-mfa-no-footer': ManageTotpMfaWidgetView,
     profile: ProfileView,
     'receive-exchange-funds': ReceiveWalletFunds,
     'receive-wallet-funds': ReceiveWalletFunds,

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.cjs

@@ -118,13 +118,13 @@ const DynamicWidgetWallets = () => {
         setShowLinkNewWalletModal(true);
         setSelectedWalletConnectorKey(null);
     };
-    const newWalletActionCopy = authMode$1 === 'connect-only'
-        ? t('dyn_secondary_wallet.connect_new')
-        : t('dyn_secondary_wallet.link_new');
+    const newWalletActionCopyKey = authMode$1 === 'connect-only'
+        ? 'dyn_secondary_wallet.connect_new'
+        : 'dyn_secondary_wallet.link_new';
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallets-header', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'regular', variant: 'body_normal', color: 'secondary', className: 'dynamic-widget-wallets-header__title', copykey: 'dyn_widget.other_wallets', children: t('dyn_widget.other_wallets') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'dynamic-widget-wallets-header__add_wallet', buttonVariant: 'primary', buttonPadding: 'small', onClick: addNewWallet, typographyProps: {
                             color: 'primary',
                             variant: 'button_secondary',
-                        }, startSlot: jsxRuntime.jsx(add.ReactComponent, {}), copykey: newWalletActionCopy, children: newWalletActionCopy })] }), jsxRuntime.jsx("div", { ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets', children: jsxRuntime.jsx("div", { className: classNames.classNames('dynamic-widget-wallets__body', {
+                        }, startSlot: jsxRuntime.jsx(add.ReactComponent, {}), copykey: newWalletActionCopyKey, children: t(newWalletActionCopyKey) })] }), jsxRuntime.jsx("div", { ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets', children: jsxRuntime.jsx("div", { className: classNames.classNames('dynamic-widget-wallets__body', {
                         'dynamic-widget-wallets__body--apply-height': !isEmpty,
                     }), children: isEmpty ? (jsxRuntime.jsx(EmptyWallets.EmptyWallets, { copykey: 'dyn_widget.empty_wallets', text: t('dyn_widget.empty_wallets', {
                             action: authMode$1 === 'connect-and-sign'

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.js

@@ -114,13 +114,13 @@ const DynamicWidgetWallets = () => {
         setShowLinkNewWalletModal(true);
         setSelectedWalletConnectorKey(null);
     };
-    const newWalletActionCopy = authMode === 'connect-only'
-        ? t('dyn_secondary_wallet.connect_new')
-        : t('dyn_secondary_wallet.link_new');
+    const newWalletActionCopyKey = authMode === 'connect-only'
+        ? 'dyn_secondary_wallet.connect_new'
+        : 'dyn_secondary_wallet.link_new';
     return (jsxs(Fragment, { children: [jsxs("div", { className: 'dynamic-widget-wallets-header', children: [jsx(Typography, { weight: 'regular', variant: 'body_normal', color: 'secondary', className: 'dynamic-widget-wallets-header__title', copykey: 'dyn_widget.other_wallets', children: t('dyn_widget.other_wallets') }), jsx(TypographyButton, { buttonClassName: 'dynamic-widget-wallets-header__add_wallet', buttonVariant: 'primary', buttonPadding: 'small', onClick: addNewWallet, typographyProps: {
                             color: 'primary',
                             variant: 'button_secondary',
-                        }, startSlot: jsx(SvgAdd, {}), copykey: newWalletActionCopy, children: newWalletActionCopy })] }), jsx("div", { ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets', children: jsx("div", { className: classNames('dynamic-widget-wallets__body', {
+                        }, startSlot: jsx(SvgAdd, {}), copykey: newWalletActionCopyKey, children: t(newWalletActionCopyKey) })] }), jsx("div", { ref: availableWalletsContainerRef, className: 'dynamic-widget-wallets', "data-testid": 'dynamicWidgetWallets', children: jsx("div", { className: classNames('dynamic-widget-wallets__body', {
                         'dynamic-widget-wallets__body--apply-height': !isEmpty,
                     }), children: isEmpty ? (jsx(EmptyWallets, { copykey: 'dyn_widget.empty_wallets', text: t('dyn_widget.empty_wallets', {
                             action: authMode === 'connect-and-sign'

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs

@@ -137,7 +137,7 @@ const DynamicWidgetContextProvider = ({ children, }) => {
     }, [isKYCEnabled, setDynamicWidgetView]);
     const overridenWidgetView = React.useMemo(() => {
         if (dynamicWidgetView === 'manage-passkeys' ||
-            dynamicWidgetView === 'manage-mfa' ||
+            dynamicWidgetView === 'manage-totp-mfa' ||
             dynamicWidgetView === 'account-and-security-settings')
             return 'settings';
         if (!isKYCEnabled &&

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.js

@@ -133,7 +133,7 @@ const DynamicWidgetContextProvider = ({ children, }) => {
     }, [isKYCEnabled, setDynamicWidgetView]);
     const overridenWidgetView = useMemo(() => {
         if (dynamicWidgetView === 'manage-passkeys' ||
-            dynamicWidgetView === 'manage-mfa' ||
+            dynamicWidgetView === 'manage-totp-mfa' ||
             dynamicWidgetView === 'account-and-security-settings')
             return 'settings';
         if (!isKYCEnabled &&

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.types.cjs

@@ -13,8 +13,8 @@ const DynamicGlobalWalletViews = [
 ];
 const DynamicPasskeyWidgetViews = ['manage-passkeys'];
 const DynamicMfaWidgetViews = [
-    'manage-mfa',
-    'manage-mfa-no-footer',
+    'manage-totp-mfa',
+    'manage-totp-mfa-no-footer',
 ];
 const DynamicTransactionsWidgetViews = ['send-balance'];
 

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.types.d.ts

@@ -1,12 +1,12 @@
 import { ComponentProps, Dispatch, FC, RefObject, SetStateAction } from 'react';
-import { mapViewToComponent } from '../components/DynamicWidgetViews/mapViewToComponent';
 import { AlertProps } from '../../../components/Alert';
+import { mapViewToComponent } from '../components/DynamicWidgetViews/mapViewToComponent';
 export declare const DynamicSettingsViews: readonly ["settings", "account-and-security-settings"];
 export type DynamicSettingsType = typeof DynamicSettingsViews[number];
 export declare const DynamicGlobalWalletViews: readonly ["global-wallet", "connected-apps"];
 export type DynamicGlobalWalletType = typeof DynamicGlobalWalletViews[number];
 export declare const DynamicPasskeyWidgetViews: readonly ["manage-passkeys"];
-export declare const DynamicMfaWidgetViews: readonly ["manage-mfa", "manage-mfa-no-footer"];
+export declare const DynamicMfaWidgetViews: readonly ["manage-totp-mfa", "manage-totp-mfa-no-footer"];
 export type DynamicPasskeyWidgetViewsType = typeof DynamicPasskeyWidgetViews[number];
 export type DynamicMfaWidgetViewsType = typeof DynamicMfaWidgetViews[number];
 export declare const DynamicSessionManagementViews: readonly ["session-management", "session-management-info", "session-management-revoke-access"];

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.types.js

@@ -9,8 +9,8 @@ const DynamicGlobalWalletViews = [
 ];
 const DynamicPasskeyWidgetViews = ['manage-passkeys'];
 const DynamicMfaWidgetViews = [
-    'manage-mfa',
-    'manage-mfa-no-footer',
+    'manage-totp-mfa',
+    'manage-totp-mfa-no-footer',
 ];
 const DynamicTransactionsWidgetViews = ['send-balance'];
 

package/src/lib/widgets/DynamicWidget/helpers/helpers.cjs

@@ -15,7 +15,6 @@ require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
 require('../../../shared/consts/index.cjs');
-require('../../../locale/locale.cjs');
 
 const replaceAll = (text, char, replace) => {
     const re = new RegExp(char, 'g');

package/src/lib/widgets/DynamicWidget/helpers/helpers.d.ts

@@ -1,7 +1,6 @@
 import { Provider } from '@dynamic-labs/sdk-api-core';
 import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 export * from './getPasskeyProviderFromUserAgent';
-export * from './getTimeSince';
 export declare const replaceAll: (text: string, char: string, replace: string) => string;
 export declare const copyToClipboard: (textToCopy: string) => void;
 export declare const roundBalance: (balanceString: string, decimals?: number) => string;

package/src/lib/widgets/DynamicWidget/helpers/helpers.js

@@ -11,7 +11,6 @@ import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
 import '../../../shared/consts/index.js';
-import '../../../locale/locale.js';
 
 const replaceAll = (text, char, replace) => {
     const re = new RegExp(char, 'g');

package/src/lib/widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs

@@ -9,8 +9,8 @@ require('@dynamic-labs/sdk-api-core');
 require('@dynamic-labs-sdk/client');
 require('../../../../client/client.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
-require('../../../../utils/constants/values.cjs');
 require('@dynamic-labs/utils');
+require('../../../../utils/constants/values.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../../shared/logger.cjs');
 require('../../../../utils/constants/colors.cjs');

package/src/lib/widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.js

@@ -5,8 +5,8 @@ import '@dynamic-labs/sdk-api-core';
 import '@dynamic-labs-sdk/client';
 import '../../../../client/client.js';
 import '../../../../../../_virtual/_tslib.js';
-import '../../../../utils/constants/values.js';
 import '@dynamic-labs/utils';
+import '../../../../utils/constants/values.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../../shared/logger.js';
 import '../../../../utils/constants/colors.js';