@dynamic-labs/sdk-react-core 4.67.2 → 4.67.3-device-registration.0

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

@@ -81,6 +81,7 @@ require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
+require('../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
 require('../../../../utils/hooks/useWalletBackup/types.cjs');
 require('../../../../utils/hooks/useWalletBackup/cloudProviders.cjs');
@@ -104,6 +105,7 @@ require('../../components/PasskeyCard/PasskeyCard.cjs');
 var EmbeddedWalletExportSection = require('./EmbeddedWalletExportSection/EmbeddedWalletExportSection.cjs');
 var EmbeddedWalletRecoveryEmailSection = require('./EmbeddedWalletRecoveryEmailSection/EmbeddedWalletRecoveryEmailSection.cjs');
 var MfaSection = require('./MfaSection/MfaSection.cjs');
+var TrustedDevicesSection = require('./TrustedDevicesSection/TrustedDevicesSection.cjs');
 var WalletSecuritySection = require('./WalletSecuritySection/WalletSecuritySection.cjs');
 var ZKSyncSessionsSection = require('./ZKSyncSessionsSection/ZKSyncSessionsSection.cjs');
 require('../CryptoComOnramp/CryptoComOnramp.cjs');
@@ -130,7 +132,7 @@ const AccountAndSecuritySettingsView = () => {
         setShowAuthFlow(true);
     }, [clearStackAndPush, setShowAuthFlow]);
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
-    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') }) })] }));
+    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(TrustedDevicesSection.TrustedDevicesSection, {}), 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;

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

@@ -77,6 +77,7 @@ import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
+import '../../../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import '../../../../utils/hooks/useWalletBackup/useWalletBackup.js';
 import '../../../../utils/hooks/useWalletBackup/types.js';
 import '../../../../utils/hooks/useWalletBackup/cloudProviders.js';
@@ -100,6 +101,7 @@ import '../../components/PasskeyCard/PasskeyCard.js';
 import { EmbeddedWalletExportSection } from './EmbeddedWalletExportSection/EmbeddedWalletExportSection.js';
 import { EmbeddedWalletRecoveryEmailSection } from './EmbeddedWalletRecoveryEmailSection/EmbeddedWalletRecoveryEmailSection.js';
 import { MfaSection } from './MfaSection/MfaSection.js';
+import { TrustedDevicesSection } from './TrustedDevicesSection/TrustedDevicesSection.js';
 import { WalletSecuritySection } from './WalletSecuritySection/WalletSecuritySection.js';
 import { ZKSyncSessionsSection } from './ZKSyncSessionsSection/ZKSyncSessionsSection.js';
 import '../CryptoComOnramp/CryptoComOnramp.js';
@@ -126,7 +128,7 @@ const AccountAndSecuritySettingsView = () => {
         setShowAuthFlow(true);
     }, [clearStackAndPush, setShowAuthFlow]);
     const backButton = (jsx(IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
-    return (jsxs("div", { className: 'account-and-security-settings-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_settings.account_security.title', children: t('dyn_settings.account_security.title') }) }) }), jsx("div", { className: 'account-wrap', children: jsxs("div", { className: 'settings-view__body', children: [jsx(MfaSection, { isLoading: isLoading }), jsx(ZKSyncSessionsSection, { isLoading: isLoading }), jsx(EmbeddedWalletRecoveryEmailSection, {}), jsx(EmbeddedWalletExportSection, {}), jsx(WalletSecuritySection, { isLoading: isLoading, setIsLoading: setIsLoading })] }) }), jsx("div", { className: 'account-and-security-settings-view__delete-account-container', children: jsx(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 (jsxs("div", { className: 'account-and-security-settings-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_settings.account_security.title', children: t('dyn_settings.account_security.title') }) }) }), jsx("div", { className: 'account-wrap', children: jsxs("div", { className: 'settings-view__body', children: [jsx(MfaSection, { isLoading: isLoading }), jsx(TrustedDevicesSection, {}), jsx(ZKSyncSessionsSection, { isLoading: isLoading }), jsx(EmbeddedWalletRecoveryEmailSection, {}), jsx(EmbeddedWalletExportSection, {}), jsx(WalletSecuritySection, { isLoading: isLoading, setIsLoading: setIsLoading })] }) }), jsx("div", { className: 'account-and-security-settings-view__delete-account-container', children: jsx(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') }) })] }));
 };
 
 export { AccountAndSecuritySettingsView };

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

@@ -87,9 +87,11 @@ require('formik');
 require('../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/DynamicWidgetContext.cjs');
+require('../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 var useWalletBackup = require('../../../../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
 require('../../../../../utils/hooks/useWalletBackup/types.cjs');
 require('../../../../../utils/hooks/useWalletBackup/cloudProviders.cjs');
+var useStepUpAuthentication = require('../../../../../utils/hooks/useStepUpAuthentication/useStepUpAuthentication.cjs');
 require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
@@ -125,6 +127,7 @@ const EmbeddedWalletExportSection = () => {
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery.usePasskeyRecovery();
     const { initExportProcess } = useEmbeddedReveal.useEmbeddedReveal();
+    const { isStepUpRequired, promptStepUpAuth } = useStepUpAuthentication.useStepUpAuthentication();
     const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
     const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
     const isEmbeddedWallet = Boolean(wallet &&
@@ -137,6 +140,16 @@ const EmbeddedWalletExportSection = () => {
         (eoaWallet && walletConnectorCore.isSessionKeyCompatibleWallet(eoaWallet));
     const isV3WaasWallet = Boolean(wallet && ((_h = (_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.key) === null || _h === void 0 ? void 0 : _h.startsWith('dynamicwaas')));
     const handleExportClick = React.useCallback((recoveryPhrase) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (isStepUpRequired({ scope: sdkApiCore.TokenScope.Walletexport })) {
+            try {
+                yield promptStepUpAuth({
+                    requestedScopes: [sdkApiCore.TokenScope.Walletexport],
+                });
+            }
+            catch (_l) {
+                return;
+            }
+        }
         if (!isSessionKeyCompatible) {
             if (yield shouldInitRecovery()) {
                 yield initPasskeyRecoveryProcess(undefined, {
@@ -146,6 +159,8 @@ const EmbeddedWalletExportSection = () => {
         }
         return initExportProcess(recoveryPhrase);
     }), [
+        isStepUpRequired,
+        promptStepUpAuth,
         shouldInitRecovery,
         initPasskeyRecoveryProcess,
         initExportProcess,

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/EmbeddedWalletExportSection/EmbeddedWalletExportSection.js

@@ -3,7 +3,7 @@ import { __awaiter } from '../../../../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { WaasBackupOptionsEnum } from '@dynamic-labs/sdk-api-core';
+import { TokenScope, WaasBackupOptionsEnum } from '@dynamic-labs/sdk-api-core';
 import { isSessionKeyCompatibleWallet } from '@dynamic-labs/wallet-connector-core';
 import { Badge } from '../../../../../components/Badge/Badge.js';
 import { Typography } from '../../../../../components/Typography/Typography.js';
@@ -83,9 +83,11 @@ import 'formik';
 import '../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/DynamicWidgetContext.js';
+import '../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import { useWalletBackup } from '../../../../../utils/hooks/useWalletBackup/useWalletBackup.js';
 import '../../../../../utils/hooks/useWalletBackup/types.js';
 import '../../../../../utils/hooks/useWalletBackup/cloudProviders.js';
+import { useStepUpAuthentication } from '../../../../../utils/hooks/useStepUpAuthentication/useStepUpAuthentication.js';
 import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -121,6 +123,7 @@ const EmbeddedWalletExportSection = () => {
     const { getEOAWallet } = useSmartWallets();
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery();
     const { initExportProcess } = useEmbeddedReveal();
+    const { isStepUpRequired, promptStepUpAuth } = useStepUpAuthentication();
     const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
     const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
     const isEmbeddedWallet = Boolean(wallet &&
@@ -133,6 +136,16 @@ const EmbeddedWalletExportSection = () => {
         (eoaWallet && isSessionKeyCompatibleWallet(eoaWallet));
     const isV3WaasWallet = Boolean(wallet && ((_h = (_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.key) === null || _h === void 0 ? void 0 : _h.startsWith('dynamicwaas')));
     const handleExportClick = useCallback((recoveryPhrase) => __awaiter(void 0, void 0, void 0, function* () {
+        if (isStepUpRequired({ scope: TokenScope.Walletexport })) {
+            try {
+                yield promptStepUpAuth({
+                    requestedScopes: [TokenScope.Walletexport],
+                });
+            }
+            catch (_l) {
+                return;
+            }
+        }
         if (!isSessionKeyCompatible) {
             if (yield shouldInitRecovery()) {
                 yield initPasskeyRecoveryProcess(undefined, {
@@ -142,6 +155,8 @@ const EmbeddedWalletExportSection = () => {
         }
         return initExportProcess(recoveryPhrase);
     }), [
+        isStepUpRequired,
+        promptStepUpAuth,
         shouldInitRecovery,
         initPasskeyRecoveryProcess,
         initExportProcess,

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 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');
 require('react');
 var add = require('../../../../../shared/assets/add.cjs');
@@ -16,6 +15,7 @@ var signInWithEmail = require('../../../../../shared/assets/sign-in-with-email.c
 require('@dynamic-labs/iconic');
 require('../../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../../../../_virtual/_tslib.cjs');
+var classNames = require('../../../../../utils/functions/classNames/classNames.cjs');
 var spinner = require('../../../../../components/Spinner/spinner.cjs');
 require('../../../../../components/Alert/Alert.cjs');
 require('../../../../../events/dynamicEvents.cjs');
@@ -82,6 +82,7 @@ var Icon = require('../../../../../components/Icon/Icon.cjs');
 require('../../../context/DynamicWidgetContext.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
 var TypographyButton = require('../../../../../components/TypographyButton/TypographyButton.cjs');
+require('../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var Badge = require('../../../../../components/Badge/Badge.cjs');
 require('formik');

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/EmbeddedWalletRecoveryEmailSection/EmbeddedWalletRecoveryEmailSection.js

@@ -2,7 +2,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { isSessionKeyCompatibleWallet } from '@dynamic-labs/wallet-connector-core';
-import { classNames } from '../../../../../utils/functions/classNames/classNames.js';
 import '../../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import 'react';
 import { ReactComponent as SvgAdd } from '../../../../../shared/assets/add.js';
@@ -12,6 +11,7 @@ import { ReactComponent as SvgSignInWithEmail } from '../../../../../shared/asse
 import '@dynamic-labs/iconic';
 import '../../../../../context/ViewContext/ViewContext.js';
 import '../../../../../../../_virtual/_tslib.js';
+import { classNames } from '../../../../../utils/functions/classNames/classNames.js';
 import { Spinner } from '../../../../../components/Spinner/spinner.js';
 import '../../../../../components/Alert/Alert.js';
 import '../../../../../events/dynamicEvents.js';
@@ -78,6 +78,7 @@ import { Icon } from '../../../../../components/Icon/Icon.js';
 import '../../../context/DynamicWidgetContext.js';
 import '../../../../../components/IconButton/IconButton.js';
 import { TypographyButton } from '../../../../../components/TypographyButton/TypographyButton.js';
+import '../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import { Badge } from '../../../../../components/Badge/Badge.js';
 import 'formik';

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

@@ -84,6 +84,7 @@ require('formik');
 require('../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 var DynamicWidgetContext = require('../../../context/DynamicWidgetContext.cjs');
+require('../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../../../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
 require('../../../../../utils/hooks/useWalletBackup/types.cjs');
 require('../../../../../utils/hooks/useWalletBackup/cloudProviders.cjs');

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/MfaSection/MfaSection.js

@@ -80,6 +80,7 @@ import 'formik';
 import '../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import { useWidgetContext } from '../../../context/DynamicWidgetContext.js';
+import '../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import '../../../../../utils/hooks/useWalletBackup/useWalletBackup.js';
 import '../../../../../utils/hooks/useWalletBackup/types.js';
 import '../../../../../utils/hooks/useWalletBackup/cloudProviders.js';

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

@@ -0,0 +1,26 @@
+'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');
+var chevronLeft = require('../../../../../shared/assets/chevron-left.cjs');
+var monitorAndDevice = require('../../../../../shared/assets/monitor-and-device.cjs');
+require('@dynamic-labs/iconic');
+require('../../../../../context/ViewContext/ViewContext.cjs');
+var DynamicWidgetContext = require('../../../context/DynamicWidgetContext.cjs');
+
+const TrustedDevicesSection = () => {
+    const { t } = reactI18next.useTranslation();
+    const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    const handleClick = React.useCallback(() => setDynamicWidgetView('manage-trusted-devices'), [setDynamicWidgetView]);
+    return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_device_management.trusted_devices_section_title', color: 'secondary', weight: 'medium', children: t('dyn_device_management.trusted_devices_section_title') }) }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-trusted-devices-button', onClick: handleClick, 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(monitorAndDevice.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_device_management.manage_trusted_devices_button', children: t('dyn_device_management.manage_trusted_devices_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })] }));
+};
+
+exports.TrustedDevicesSection = TrustedDevicesSection;

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/TrustedDevicesSection/TrustedDevicesSection.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const TrustedDevicesSection: () => JSX.Element;

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/TrustedDevicesSection/TrustedDevicesSection.js

@@ -0,0 +1,22 @@
+'use client'
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Typography } from '../../../../../components/Typography/Typography.js';
+import { TypographyButton } from '../../../../../components/TypographyButton/TypographyButton.js';
+import { ReactComponent as SvgChevronLeft } from '../../../../../shared/assets/chevron-left.js';
+import { ReactComponent as SvgMonitorAndDevice } from '../../../../../shared/assets/monitor-and-device.js';
+import '@dynamic-labs/iconic';
+import '../../../../../context/ViewContext/ViewContext.js';
+import { useWidgetContext } from '../../../context/DynamicWidgetContext.js';
+
+const TrustedDevicesSection = () => {
+    const { t } = useTranslation();
+    const { setDynamicWidgetView } = useWidgetContext();
+    const handleClick = useCallback(() => setDynamicWidgetView('manage-trusted-devices'), [setDynamicWidgetView]);
+    return (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: 'settings-view__body__section__title', children: jsx(Typography, { copykey: 'dyn_device_management.trusted_devices_section_title', color: 'secondary', weight: 'medium', children: t('dyn_device_management.trusted_devices_section_title') }) }), jsx(TypographyButton, { dataTestId: 'manage-trusted-devices-button', onClick: handleClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+                // eslint-disable-next-line react/jsx-wrap-multilines
+                jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgMonitorAndDevice, { className: 'settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_device_management.manage_trusted_devices_button', children: t('dyn_device_management.manage_trusted_devices_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })] }));
+};
+
+export { TrustedDevicesSection };

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/TrustedDevicesSection/index.d.ts

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

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

@@ -8,13 +8,13 @@ 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');
 require('@dynamic-labs/iconic');
 require('../../../../../context/ViewContext/ViewContext.cjs');
+var classNames = require('../../../../../utils/functions/classNames/classNames.cjs');
 var spinner = require('../../../../../components/Spinner/spinner.cjs');
 require('../../../../../components/Alert/Alert.cjs');
 require('../../../../../events/dynamicEvents.cjs');
@@ -82,6 +82,7 @@ require('react-focus-lock');
 var DynamicWidgetContext = require('../../../context/DynamicWidgetContext.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
 var TypographyButton = require('../../../../../components/TypographyButton/TypographyButton.cjs');
+require('../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var Badge = require('../../../../../components/Badge/Badge.cjs');
 require('formik');

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/WalletSecuritySection/WalletSecuritySection.js

@@ -4,13 +4,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { isSessionKeyCompatibleWallet } from '@dynamic-labs/wallet-connector-core';
-import { classNames } from '../../../../../utils/functions/classNames/classNames.js';
 import '../../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import { ReactComponent as SvgAdd } from '../../../../../shared/assets/add.js';
 import { ReactComponent as SvgAndroidTouchId } from '../../../../../shared/assets/android-touch-id.js';
 import { ReactComponent as SvgCheckCircle } from '../../../../../shared/assets/check-circle.js';
 import '@dynamic-labs/iconic';
 import '../../../../../context/ViewContext/ViewContext.js';
+import { classNames } from '../../../../../utils/functions/classNames/classNames.js';
 import { Spinner } from '../../../../../components/Spinner/spinner.js';
 import '../../../../../components/Alert/Alert.js';
 import '../../../../../events/dynamicEvents.js';
@@ -78,6 +78,7 @@ import 'react-focus-lock';
 import { useWidgetContext } from '../../../context/DynamicWidgetContext.js';
 import '../../../../../components/IconButton/IconButton.js';
 import { TypographyButton } from '../../../../../components/TypographyButton/TypographyButton.js';
+import '../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import { Badge } from '../../../../../components/Badge/Badge.js';
 import 'formik';

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

@@ -14,9 +14,9 @@ require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 var OnrampContext = require('../../../../context/OnrampContext/OnrampContext.cjs');
-require('@dynamic-labs/utils');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/utils');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
@@ -77,6 +77,7 @@ require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var Icon = require('../../../../components/Icon/Icon.cjs');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+require('../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');

package/src/lib/widgets/DynamicWidget/views/ChooseOnrampProviderView/ChooseOnrampProviderView.js

@@ -10,9 +10,9 @@ import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { useOnrampContext } from '../../../../context/OnrampContext/OnrampContext.js';
-import '@dynamic-labs/utils';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/utils';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
@@ -73,6 +73,7 @@ import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { Icon } from '../../../../components/Icon/Icon.js';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
+import '../../../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useFundingMethods.cjs

@@ -8,7 +8,6 @@ var React = require('react');
 var reactI18next = require('react-i18next');
 var iconic = require('@dynamic-labs/iconic');
 var walletBook = require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 var addThick = require('../../../../../shared/assets/add-thick.cjs');
 var globe = require('../../../../../shared/assets/globe.cjs');
@@ -17,6 +16,7 @@ var qrCode = require('../../../../../shared/assets/qr-code.cjs');
 var walletOutlineV2 = require('../../../../../shared/assets/wallet-outline-v2.cjs');
 require('../../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/utils');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../../shared/logger.cjs');
 require('../../../../../utils/constants/colors.cjs');
@@ -79,6 +79,7 @@ require('../../../../../context/ThemeContext/ThemeContext.cjs');
 var Icon = require('../../../../../components/Icon/Icon.cjs');
 var DynamicWidgetContext = require('../../../context/DynamicWidgetContext.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
+require('../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useFundingMethods.js

@@ -4,7 +4,6 @@ import { useMemo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { SocialIcon } from '@dynamic-labs/iconic';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import { ReactComponent as SvgAddThick } from '../../../../../shared/assets/add-thick.js';
 import { ReactComponent as SvgGlobe } from '../../../../../shared/assets/globe.js';
@@ -13,6 +12,7 @@ import { ReactComponent as SvgQrCode } from '../../../../../shared/assets/qr-cod
 import { ReactComponent as SvgWalletOutlineV2 } from '../../../../../shared/assets/wallet-outline-v2.js';
 import '../../../../../context/ViewContext/ViewContext.js';
 import '../../../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/utils';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../../shared/logger.js';
 import '../../../../../utils/constants/colors.js';
@@ -75,6 +75,7 @@ import '../../../../../context/ThemeContext/ThemeContext.js';
 import { Icon } from '../../../../../components/Icon/Icon.js';
 import { useWidgetContext } from '../../../context/DynamicWidgetContext.js';
 import '../../../../../components/IconButton/IconButton.js';
+import '../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExchangeFunding/useStartExchangeFunding.cjs

@@ -78,21 +78,22 @@ require('formik');
 require('../../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/DynamicWidgetContext.cjs');
+require('../../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../../../../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
 require('../../../../../../utils/hooks/useWalletBackup/types.cjs');
 require('../../../../../../utils/hooks/useWalletBackup/cloudProviders.cjs');
+require('../../../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('../../../../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../../../../context/FooterAnimationContext/index.cjs');
 require('@dynamic-labs/types');
-require('../../../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
 require('../../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../../../store/state/sendBalances.cjs');

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExchangeFunding/useStartExchangeFunding.js

@@ -74,21 +74,22 @@ import 'formik';
 import '../../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../context/DynamicWidgetContext.js';
+import '../../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import '../../../../../../utils/hooks/useWalletBackup/useWalletBackup.js';
 import '../../../../../../utils/hooks/useWalletBackup/types.js';
 import '../../../../../../utils/hooks/useWalletBackup/cloudProviders.js';
+import '../../../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../helpers/convertExchangeKeyAndProviderEnum.js';
 import '../../../../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../../../../context/FooterAnimationContext/index.js';
 import '@dynamic-labs/types';
-import '../../../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
 import '../../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../../../store/state/sendBalances.js';

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
-require('@dynamic-labs/utils');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('react');
 var arrowLeft = require('../../../../shared/assets/arrow-left.cjs');
 require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/utils');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
@@ -78,6 +78,7 @@ var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+require('../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var Image = require('../../../../components/Image/Image.cjs');
 require('formik');

package/src/lib/widgets/DynamicWidget/views/ConfirmExchangeTransferView/ConfirmExchangeTransferView.js

@@ -1,13 +1,13 @@
 'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import '@dynamic-labs/utils';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import 'react';
 import { ReactComponent as SvgArrowLeft } from '../../../../shared/assets/arrow-left.js';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 import '../../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/utils';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
@@ -74,6 +74,7 @@ import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
+import '../../../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { Image } from '../../../../components/Image/Image.js';
 import 'formik';

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

@@ -77,6 +77,7 @@ require('react-focus-lock');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+require('../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');

package/src/lib/widgets/DynamicWidget/views/ConnectedAppsView/ConnectedAppsView.js

@@ -73,6 +73,7 @@ import 'react-focus-lock';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
+import '../../../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';

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

@@ -85,6 +85,7 @@ require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
+require('../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
 require('../../../../utils/hooks/useWalletBackup/types.cjs');
 require('../../../../utils/hooks/useWalletBackup/cloudProviders.cjs');

package/src/lib/widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js

@@ -81,6 +81,7 @@ import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
+import '../../../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import '../../../../utils/hooks/useWalletBackup/useWalletBackup.js';
 import '../../../../utils/hooks/useWalletBackup/types.js';
 import '../../../../utils/hooks/useWalletBackup/cloudProviders.js';

package/src/lib/widgets/DynamicWidget/views/CryptoComOnramp/CurrencySelectScreen/CurrencySelectScreen.cjs

@@ -7,12 +7,12 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
 var search = require('../../../../../assets/search.cjs');
-var classNames = require('../../../../../utils/functions/classNames/classNames.cjs');
 require('../../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 var close = require('../../../../../shared/assets/close.cjs');
 require('@dynamic-labs/iconic');
 require('../../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../../../../_virtual/_tslib.cjs');
+var classNames = require('../../../../../utils/functions/classNames/classNames.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
@@ -76,6 +76,7 @@ var Icon = require('../../../../../components/Icon/Icon.cjs');
 require('../../../context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../../../components/IconButton/IconButton.cjs');
 var ModalHeader = require('../../../../../components/ModalHeader/ModalHeader.cjs');
+require('../../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');