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

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/convertExchangeKeyAndProviderEnum.cjs

@@ -31,12 +31,6 @@ const convertProviderToExchangeKeyEnum = (provider) => {
         return exchange;
     throw new Error(`convertProviderToExchangeKeyEnum: No ExchangeKeyEnum value found for ProviderEnum.${provider}`);
 };
-const isProviderExchange = (provider) => {
-    if (provider in PROVIDER_TO_EXCHANGE_OVERRIDES)
-        return true;
-    return Boolean(sdkApiCore.ExchangeKeyEnum[provider]);
-};
 
 exports.convertExchangeKeytoProviderEnum = convertExchangeKeytoProviderEnum;
 exports.convertProviderToExchangeKeyEnum = convertProviderToExchangeKeyEnum;
-exports.isProviderExchange = isProviderExchange;

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

@@ -27,10 +27,5 @@ const convertProviderToExchangeKeyEnum = (provider) => {
         return exchange;
     throw new Error(`convertProviderToExchangeKeyEnum: No ExchangeKeyEnum value found for ProviderEnum.${provider}`);
 };
-const isProviderExchange = (provider) => {
-    if (provider in PROVIDER_TO_EXCHANGE_OVERRIDES)
-        return true;
-    return Boolean(ExchangeKeyEnum[provider]);
-};
 
-export { convertExchangeKeytoProviderEnum, convertProviderToExchangeKeyEnum, isProviderExchange };
+export { convertExchangeKeytoProviderEnum, convertProviderToExchangeKeyEnum };

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';

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/AccountAndSecuritySettingsView.cjs

@@ -3,34 +3,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
-require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-var add = require('../../../../shared/assets/add.cjs');
-var androidTouchId = require('../../../../shared/assets/android-touch-id.cjs');
-var checkCircle = require('../../../../shared/assets/check-circle.cjs');
-var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
-var shield = require('../../../../shared/assets/shield.cjs');
-require('@dynamic-labs/iconic');
-var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
-var spinner = require('../../../../components/Spinner/spinner.cjs');
-require('../../../../components/Alert/Alert.cjs');
-require('../../../../events/dynamicEvents.cjs');
-require('@dynamic-labs/utils');
+var IconButton = require('../../../../components/IconButton/IconButton.cjs');
+var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
+var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/sdk-api-core');
-var logger = require('../../../../shared/logger.cjs');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
+var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/consts/index.cjs');
-require('../../../../store/state/authMode/authMode.cjs');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+require('../../../../events/dynamicEvents.cjs');
+require('../../../../../../_virtual/_tslib.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -39,7 +32,7 @@ require('../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client/core');
 require('@dynamic-labs-sdk/client');
 require('../../../../client/client.cjs');
-var projectSettings = require('../../../../store/state/projectSettings/projectSettings.cjs');
+require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
@@ -48,20 +41,18 @@ 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('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
-var useSmartWallets = require('../../../../utils/hooks/useSmartWallets/useSmartWallets.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
-var usePasskeyRecovery = require('../../../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
 require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/WalletContext/WalletContext.cjs');
-var useIsTurnkeyWallet = require('../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
 require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('yup');
 require('../../../../context/MockContext/MockContext.cjs');
@@ -70,96 +61,59 @@ require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../store/state/walletOptions/walletOptions.cjs');
-var Typography = require('../../../../components/Typography/Typography.cjs');
-require('../../../../context/FooterAnimationContext/index.cjs');
+require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/Input/Input.cjs');
+require('../../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../../components/OverlayCard/OverlayCard.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('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../../components/Popper/Popper/Popper.cjs');
+require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
-var IconButton = require('../../../../components/IconButton/IconButton.cjs');
-require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
-var Badge = require('../../../../components/Badge/Badge.cjs');
-var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+require('qrcode');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
+require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('../../../../store/state/sendBalances.cjs');
-require('../../../../components/Input/Input.cjs');
-require('../../../../components/OverlayCard/OverlayCard.cjs');
+require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
+require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
-require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-var PasskeyDeviceIcon = require('../../../../views/Passkey/PasskeyDeviceIcon/PasskeyDeviceIcon.cjs');
 var EmbeddedWalletExportSection = require('./EmbeddedWalletExportSection/EmbeddedWalletExportSection.cjs');
 var EmbeddedWalletRecoveryEmailSection = require('./EmbeddedWalletRecoveryEmailSection/EmbeddedWalletRecoveryEmailSection.cjs');
+var MfaSection = require('./MfaSection/MfaSection.cjs');
+var WalletSecuritySection = require('./WalletSecuritySection/WalletSecuritySection.cjs');
 var ZKSyncSessionsSection = require('./ZKSyncSessionsSection/ZKSyncSessionsSection.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
-require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
-require('qrcode');
 require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
-require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
-require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.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');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 const AccountAndSecuritySettingsView = () => {
-    var _a, _b, _c, _d, _e, _f;
     const { t } = reactI18next.useTranslation();
     const { clearStackAndPush } = ViewContext.useViewContext();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
-    const projectSettings$1 = projectSettings.useProjectSettings();
-    const { isTurnkeyWallet, isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet.useIsTurnkeyWallet();
-    const { initPasskeyRecoveryProcess } = usePasskeyRecovery.usePasskeyRecovery();
-    const { getEOAWallet } = useSmartWallets.useSmartWallets();
+    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const [isLoading, setIsLoading] = React.useState(false);
-    const isPasskeyEnabled = Boolean((_d = (_c = (_b = (_a = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.supportedSecurityMethods) === null || _c === void 0 ? void 0 : _c.passkey) === null || _d === void 0 ? void 0 : _d.isEnabled);
-    const isTurnkeyWalletWithAuthenticator = isTurnkeyWallet && !isTurnkeyWalletWithoutAuthenticator;
-    const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
-    const isMfaEnabled = Boolean((_f = (_e = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.security) === null || _e === void 0 ? void 0 : _e.mfa) === null || _f === void 0 ? void 0 : _f.enabled);
-    const isSessionKeyCompatible = (primaryWallet && walletConnectorCore.isSessionKeyCompatibleWallet(primaryWallet)) ||
-        (eoaWallet && walletConnectorCore.isSessionKeyCompatibleWallet(eoaWallet));
-    const shouldShowPasskeyMFA = isPasskeyEnabled && isTurnkeyWallet && !isSessionKeyCompatible;
-    const handlePasskeyClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (isTurnkeyWalletWithoutAuthenticator) {
-            try {
-                setIsLoading(true);
-                yield initPasskeyRecoveryProcess('passkey');
-            }
-            catch (error) {
-                logger.logger.error('Failed to init passkey recovery:', error);
-            }
-            finally {
-                setIsLoading(false);
-            }
-        }
-        else {
-            setDynamicWidgetView('manage-passkeys');
-        }
-    }), [
-        isTurnkeyWalletWithoutAuthenticator,
-        setIsLoading,
-        initPasskeyRecoveryProcess,
-        setDynamicWidgetView,
-    ]);
     const handleBackClick = React.useCallback(() => setDynamicWidgetView('settings'), [setDynamicWidgetView]);
-    const handleMfaClick = React.useCallback(() => setDynamicWidgetView('manage-mfa'), [setDynamicWidgetView]);
-    const handlePasskeyButtonClick = React.useCallback(() => handlePasskeyClick(), [handlePasskeyClick]);
     const handleDeleteAccountClick = React.useCallback(() => {
         clearStackAndPush('user-delete-account', {}, {
             onBackClick: () => {
@@ -168,26 +122,8 @@ const AccountAndSecuritySettingsView = () => {
         });
         setShowAuthFlow(true);
     }, [clearStackAndPush, setShowAuthFlow]);
-    const renderPasskeysButtonEndSlot = () => {
-        if (isTurnkeyWalletWithAuthenticator)
-            return (jsxRuntime.jsx(checkCircle.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--success' }));
-        if (isLoading)
-            return jsxRuntime.jsx(spinner.Spinner, {});
-        return jsxRuntime.jsx(add.ReactComponent, {});
-    };
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
-    const securitySectionTitleClasses = React.useMemo(() => classNames.classNames('settings-view__body__section__title', {
-        'settings-view__body__section__title__info-icon': !isTurnkeyWalletWithAuthenticator,
-    }), [isTurnkeyWalletWithAuthenticator]);
-    const passkeyButtonClasses = React.useMemo(() => classNames.classNames('settings-view__body__section__button', {
-        'settings-view__body__section__button__badge': !isTurnkeyWalletWithAuthenticator,
-    }), [isTurnkeyWalletWithAuthenticator]);
-    return (jsxRuntime.jsxs("div", { className: 'account-and-security-settings-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_settings.account_security.title', children: t('dyn_settings.account_security.title') }) }) }), jsxRuntime.jsx("div", { className: 'account-wrap', children: jsxRuntime.jsxs("div", { className: 'settings-view__body', children: [jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [shouldShowPasskeyMFA ||
-                                    (isMfaEnabled && (jsxRuntime.jsx("div", { className: securitySectionTitleClasses, children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.security_section.title', children: t('dyn_settings.security_section.title') }) }))), shouldShowPasskeyMFA && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-passkeys-button', onClick: handlePasskeyButtonClick, buttonClassName: passkeyButtonClasses, startSlot: 
-                                    // eslint-disable-next-line react/jsx-wrap-multilines
-                                    jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(PasskeyDeviceIcon.PasskeyDeviceIcon, { className: 'settings-view__body__section__button__icon', defaultIcon: jsxRuntime.jsx(androidTouchId.ReactComponent, { "data-testid": 'default-icon' }) }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.security_section.passkey_button', children: t('dyn_settings.security_section.passkey_button') }), !isTurnkeyWalletWithAuthenticator && (jsxRuntime.jsx(Badge.Badge, { text: t('dyn_settings.tags.recommended'), copykey: 'dyn_settings.tags.recommended', variant: 'secondary' }))] }), endSlot: renderPasskeysButtonEndSlot(), disabled: isLoading, showInternalLoading: false })), isMfaEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-mfa-button', onClick: handleMfaClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
-                                    // eslint-disable-next-line react/jsx-wrap-multilines
-                                    jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(shield.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.security_section.mfa_button', children: t('dyn_settings.security_section.mfa_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false }))] }), jsxRuntime.jsx(ZKSyncSessionsSection.ZKSyncSessionsSection, { isLoading: isLoading }), jsxRuntime.jsx(EmbeddedWalletRecoveryEmailSection.EmbeddedWalletRecoveryEmailSection, {}), jsxRuntime.jsx(EmbeddedWalletExportSection.EmbeddedWalletExportSection, {})] }) }), jsxRuntime.jsx("div", { className: 'account-and-security-settings-view__delete-account-container', children: jsxRuntime.jsx(Typography.Typography, { onClick: handleDeleteAccountClick, "data-testid": 'delete-account-button', color: 'error-1', variant: 'body_small', weight: 'medium', className: 'account-and-security-settings-view__delete-account-container__delete-button', copykey: 'dyn_settings.delete_account.title', children: t('dyn_settings.delete_account.title') }) })] }));
+    return (jsxRuntime.jsxs("div", { className: 'account-and-security-settings-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_settings.account_security.title', children: t('dyn_settings.account_security.title') }) }) }), jsxRuntime.jsx("div", { className: 'account-wrap', children: jsxRuntime.jsxs("div", { className: 'settings-view__body', children: [jsxRuntime.jsx(MfaSection.MfaSection, { isLoading: isLoading }), jsxRuntime.jsx(ZKSyncSessionsSection.ZKSyncSessionsSection, { isLoading: isLoading }), jsxRuntime.jsx(EmbeddedWalletRecoveryEmailSection.EmbeddedWalletRecoveryEmailSection, {}), jsxRuntime.jsx(EmbeddedWalletExportSection.EmbeddedWalletExportSection, {}), jsxRuntime.jsx(WalletSecuritySection.WalletSecuritySection, { isLoading: isLoading, setIsLoading: setIsLoading })] }) }), jsxRuntime.jsx("div", { className: 'account-and-security-settings-view__delete-account-container', children: jsxRuntime.jsx(Typography.Typography, { onClick: handleDeleteAccountClick, "data-testid": 'delete-account-button', color: 'error-1', variant: 'body_small', weight: 'medium', className: 'account-and-security-settings-view__delete-account-container__delete-button', copykey: 'dyn_settings.delete_account.title', children: t('dyn_settings.delete_account.title') }) })] }));
 };
 
 exports.AccountAndSecuritySettingsView = AccountAndSecuritySettingsView;