@dynamic-labs/sdk-react-core 4.67.2 → 4.68.0

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

@@ -3,12 +3,12 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { ReactComponent as SvgSearch } from '../../../../../assets/search.js';
-import { classNames } from '../../../../../utils/functions/classNames/classNames.js';
 import '../../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import { ReactComponent as SvgClose } from '../../../../../shared/assets/close.js';
 import '@dynamic-labs/iconic';
 import '../../../../../context/ViewContext/ViewContext.js';
 import '../../../../../../../_virtual/_tslib.js';
+import { classNames } from '../../../../../utils/functions/classNames/classNames.js';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
@@ -72,6 +72,7 @@ import { Icon } from '../../../../../components/Icon/Icon.js';
 import '../../../context/DynamicWidgetContext.js';
 import { IconButton } from '../../../../../components/IconButton/IconButton.js';
 import { ModalHeader } from '../../../../../components/ModalHeader/ModalHeader.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/DepositView/DepositView.cjs

@@ -87,6 +87,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/DepositView/DepositView.js

@@ -83,6 +83,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/DepositedExchangeView/DepositedExchangeView.cjs

@@ -5,7 +5,6 @@ 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 close = require('../../../../shared/assets/close.cjs');
@@ -13,6 +12,7 @@ require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
 var whiteCheckBlackCircle = require('../../../../shared/assets/white-check-black-circle.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 @@ 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');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');

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

@@ -1,7 +1,6 @@
 '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 SvgClose } from '../../../../shared/assets/close.js';
@@ -9,6 +8,7 @@ import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgWhiteCheckBlackCircle } from '../../../../shared/assets/white-check-black-circle.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 '../../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 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';

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

@@ -6,17 +6,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-require('@dynamic-labs/utils');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('react-i18next');
 require('@dynamic-labs/iconic');
 var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
-require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/consts/index.cjs');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../events/dynamicEvents.cjs');
@@ -72,8 +72,10 @@ require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTar
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
+var useStepUpAuthentication = require('../../../../utils/hooks/useStepUpAuthentication/useStepUpAuthentication.cjs');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
+require('../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var UserProfileForm = require('../../../../components/UserProfileForm/UserProfileForm.cjs');
 require('formik');
@@ -117,7 +119,22 @@ const EditProfileView = ({ rootClassName, }) => {
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
     });
+    const { isStepUpRequired, promptStepUpAuth } = useStepUpAuthentication.useStepUpAuthentication();
     const onEditProfileFormSubmit = React.useCallback((formValues) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const hasEmailChange = formValues.email !== undefined && formValues.email !== (user === null || user === void 0 ? void 0 : user.email);
+        const hasPhoneChange = formValues.phoneNumber !== undefined &&
+            formValues.phoneNumber !== (user === null || user === void 0 ? void 0 : user.phoneNumber);
+        if ((hasEmailChange || hasPhoneChange) &&
+            isStepUpRequired({ scope: sdkApiCore.TokenScope.Credentiallink })) {
+            try {
+                yield promptStepUpAuth({
+                    requestedScopes: [sdkApiCore.TokenScope.Credentiallink],
+                });
+            }
+            catch (_a) {
+                return;
+            }
+        }
         const { isEmailVerificationRequired, isSmsVerificationRequired } = yield updateUser(Object.assign(Object.assign({}, formValues), { metadata: Object.assign(Object.assign({}, user === null || user === void 0 ? void 0 : user.metadata), formValues.metadata) })); // leave existing custom fields that arent edited untouched
         goToProfileView();
         if (isEmailVerificationRequired || isSmsVerificationRequired) {
@@ -128,7 +145,15 @@ const EditProfileView = ({ rootClassName, }) => {
             });
             pushView(isEmailVerificationRequired ? 'verify-email' : 'verify-sms');
         }
-    }), [goToProfileView, setShowAuthFlow, pushView, updateUser]);
+    }), [
+        goToProfileView,
+        setShowAuthFlow,
+        pushView,
+        updateUser,
+        isStepUpRequired,
+        promptStepUpAuth,
+        user,
+    ]);
     const isKYCEnabled = useKYCFlag.useKYCFlag();
     return (jsxRuntime.jsxs("div", { className: 'dynamic-widget-edit-profile-container', children: [!multiWallet && isKYCEnabled && (jsxRuntime.jsx(Typography.Typography, { weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title', children: "My information" })), jsxRuntime.jsx(UserProfileForm.UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));
 };

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

@@ -2,17 +2,17 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
-import '@dynamic-labs/utils';
+import { TokenScope } from '@dynamic-labs/sdk-api-core';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import 'react-i18next';
 import '@dynamic-labs/iconic';
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
-import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/consts/index.js';
 import '../../../../components/Alert/Alert.js';
 import '../../../../events/dynamicEvents.js';
@@ -68,8 +68,10 @@ import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarg
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
+import { useStepUpAuthentication } from '../../../../utils/hooks/useStepUpAuthentication/useStepUpAuthentication.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 { UserProfileForm } from '../../../../components/UserProfileForm/UserProfileForm.js';
 import 'formik';
@@ -113,7 +115,22 @@ const EditProfileView = ({ rootClassName, }) => {
     const { updateUser } = useUserUpdateRequestInternal({
         validationSchemaStripUnknown: true,
     });
+    const { isStepUpRequired, promptStepUpAuth } = useStepUpAuthentication();
     const onEditProfileFormSubmit = useCallback((formValues) => __awaiter(void 0, void 0, void 0, function* () {
+        const hasEmailChange = formValues.email !== undefined && formValues.email !== (user === null || user === void 0 ? void 0 : user.email);
+        const hasPhoneChange = formValues.phoneNumber !== undefined &&
+            formValues.phoneNumber !== (user === null || user === void 0 ? void 0 : user.phoneNumber);
+        if ((hasEmailChange || hasPhoneChange) &&
+            isStepUpRequired({ scope: TokenScope.Credentiallink })) {
+            try {
+                yield promptStepUpAuth({
+                    requestedScopes: [TokenScope.Credentiallink],
+                });
+            }
+            catch (_a) {
+                return;
+            }
+        }
         const { isEmailVerificationRequired, isSmsVerificationRequired } = yield updateUser(Object.assign(Object.assign({}, formValues), { metadata: Object.assign(Object.assign({}, user === null || user === void 0 ? void 0 : user.metadata), formValues.metadata) })); // leave existing custom fields that arent edited untouched
         goToProfileView();
         if (isEmailVerificationRequired || isSmsVerificationRequired) {
@@ -124,7 +141,15 @@ const EditProfileView = ({ rootClassName, }) => {
             });
             pushView(isEmailVerificationRequired ? 'verify-email' : 'verify-sms');
         }
-    }), [goToProfileView, setShowAuthFlow, pushView, updateUser]);
+    }), [
+        goToProfileView,
+        setShowAuthFlow,
+        pushView,
+        updateUser,
+        isStepUpRequired,
+        promptStepUpAuth,
+        user,
+    ]);
     const isKYCEnabled = useKYCFlag();
     return (jsxs("div", { className: 'dynamic-widget-edit-profile-container', children: [!multiWallet && isKYCEnabled && (jsx(Typography, { weight: 'regular', color: 'secondary', variant: 'body_normal', className: 'dynamic-widget-edit-profile-view__profile-title', children: "My information" })), jsx(UserProfileForm, { formClassName: rootClassName, onEditProfileSubmit: onEditProfileFormSubmit, onEditProfileCancel: goToProfileView })] }));
 };

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

@@ -86,6 +86,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/ExportAndRecoveryView/ExportAndRecoveryView.js

@@ -82,6 +82,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/ExportSharesPasscodeView/ExportSharesPasscodeView.cjs

@@ -83,6 +83,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/ExportSharesPasscodeView/ExportSharesPasscodeView.js

@@ -79,6 +79,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/GlobalWalletView/GlobalWalletView.cjs

@@ -78,6 +78,7 @@ require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var Divider = require('../../../../components/Divider/Divider.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/GlobalWalletView/GlobalWalletView.js

@@ -74,6 +74,7 @@ import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { Divider } from '../../../../components/Divider/Divider.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/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs

@@ -5,7 +5,6 @@ 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 add = require('../../../../shared/assets/add.cjs');
@@ -13,6 +12,7 @@ var chevronLeft = require('../../../../shared/assets/chevron-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');
@@ -77,6 +77,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');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
@@ -98,6 +99,7 @@ require('qrcode');
 var MfaDeviceTileSkeleton = require('../../../../components/MfaDeviceTileSkeleton/MfaDeviceTileSkeleton.cjs');
 var useGetPasskeyErrorMessage = require('../../../../utils/hooks/useGetPasskeyErrorMessage/useGetPasskeyErrorMessage.cjs');
 require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+var ModalHeaderBanner = require('../../../../components/ModalHeaderBanner/ModalHeaderBanner.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
@@ -105,7 +107,6 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
-var ModalHeaderBanner = require('../../../../components/ModalHeaderBanner/ModalHeaderBanner.cjs');
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');

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

@@ -1,7 +1,6 @@
 '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 SvgAdd } from '../../../../shared/assets/add.js';
@@ -9,6 +8,7 @@ import { ReactComponent as SvgChevronLeft } from '../../../../shared/assets/chev
 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';
@@ -73,6 +73,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 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
@@ -94,6 +95,7 @@ import 'qrcode';
 import { MfaDeviceTileSkeleton } from '../../../../components/MfaDeviceTileSkeleton/MfaDeviceTileSkeleton.js';
 import { useGetPasskeyErrorMessage } from '../../../../utils/hooks/useGetPasskeyErrorMessage/useGetPasskeyErrorMessage.js';
 import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
+import { ModalHeaderBanner } from '../../../../components/ModalHeaderBanner/ModalHeaderBanner.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -101,7 +103,6 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
-import { ModalHeaderBanner } from '../../../../components/ModalHeaderBanner/ModalHeaderBanner.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';

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

@@ -7,12 +7,12 @@ var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
-require('@dynamic-labs/utils');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 var add = require('../../../../shared/assets/add.cjs');
 var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
 require('@dynamic-labs/iconic');
 var ViewContext = require('../../../../context/ViewContext/ViewContext.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');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');

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

@@ -3,12 +3,12 @@ import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import '@dynamic-labs/utils';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import { ReactComponent as SvgAdd } from '../../../../shared/assets/add.js';
 import { ReactComponent as SvgChevronLeft } from '../../../../shared/assets/chevron-left.js';
 import '@dynamic-labs/iconic';
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.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 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';

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

@@ -0,0 +1,52 @@
+'use client'
+'use strict';
+
+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 client = require('@dynamic-labs-sdk/client');
+var IconButton = require('../../../../components/IconButton/IconButton.cjs');
+var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
+var Skeleton = require('../../../../components/Skeleton/Skeleton.cjs');
+var TextButton = require('../../../../components/TextButton/TextButton.cjs');
+var Typography = require('../../../../components/Typography/Typography.cjs');
+var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
+require('@dynamic-labs/iconic');
+require('../../../../context/ViewContext/ViewContext.cjs');
+var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
+var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
+var RemoveAllDevicesPrompt = require('./components/RemoveAllDevicesPrompt/RemoveAllDevicesPrompt.cjs');
+var RemoveDevicePrompt = require('./components/RemoveDevicePrompt/RemoveDevicePrompt.cjs');
+var TrustedDeviceTile = require('./components/TrustedDeviceTile/TrustedDeviceTile.cjs');
+
+const ManageTrustedDevicesView = () => {
+    var _a, _b;
+    const { t } = reactI18next.useTranslation();
+    const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    const [deviceIdToRemove, setDeviceIdToRemove] = React.useState(null);
+    const [showRemoveAll, setShowRemoveAll] = React.useState(false);
+    const { data: devices, isLoading, retrigger, } = usePromise.usePromise(() => client.getRegisteredDevices(), {
+        initialData: [],
+    });
+    const handleBackClick = React.useCallback(() => setDynamicWidgetView('account-and-security-settings'), [setDynamicWidgetView]);
+    const handleConfirmRemoveDevice = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!deviceIdToRemove)
+            return;
+        yield client.revokeRegisteredDevice({ deviceRegistrationId: deviceIdToRemove });
+        setDeviceIdToRemove(null);
+        retrigger();
+    }), [deviceIdToRemove, retrigger]);
+    const handleConfirmRemoveAll = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        yield client.revokeAllRegisteredDevices();
+        setShowRemoveAll(false);
+        retrigger();
+    }), [retrigger]);
+    const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
+    return (jsxRuntime.jsxs("div", { className: 'manage-trusted-devices-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_device_management.manage_title', children: t('dyn_device_management.manage_title') }) }) }), jsxRuntime.jsxs("div", { className: 'manage-trusted-devices-view__scroll-container', children: [isLoading && (jsxRuntime.jsx(Skeleton.Skeleton, { count: 3, className: 'manage-trusted-devices-view__skeleton', dataTestId: 'trusted-devices-skeleton' })), !isLoading && devices.length === 0 && (jsxRuntime.jsx(Typography.Typography, { className: 'manage-trusted-devices-view__no-devices', variant: 'body_normal', color: 'secondary', copykey: 'dyn_device_management.no_devices', children: t('dyn_device_management.no_devices') })), !isLoading &&
+                        devices.map((device) => device.userAgent ? (jsxRuntime.jsx(TrustedDeviceTile.TrustedDeviceTile, { userAgent: device.userAgent, createdAt: device.createdAt, isCurrentDevice: device.isCurrentDevice, onClickDelete: () => setDeviceIdToRemove(device.id) }, device.id)) : null)] }), !isLoading && devices.length > 0 && (jsxRuntime.jsx("div", { className: 'manage-trusted-devices-view__footer', children: jsxRuntime.jsx(TextButton.TextButton, { className: 'manage-trusted-devices-view__remove-all-button', onClick: () => setShowRemoveAll(true), "data-testid": 'remove-all-devices-button', children: t('dyn_device_management.remove_all_devices') }) })), deviceIdToRemove !== null && (jsxRuntime.jsx(RemoveDevicePrompt.RemoveDevicePrompt, { deviceUserAgent: (_b = (_a = devices.find((d) => d.id === deviceIdToRemove)) === null || _a === void 0 ? void 0 : _a.userAgent) !== null && _b !== void 0 ? _b : '', onConfirm: handleConfirmRemoveDevice, onCancel: () => setDeviceIdToRemove(null) })), showRemoveAll && (jsxRuntime.jsx(RemoveAllDevicesPrompt.RemoveAllDevicesPrompt, { onConfirm: handleConfirmRemoveAll, onCancel: () => setShowRemoveAll(false) }))] }));
+};
+
+exports.ManageTrustedDevicesView = ManageTrustedDevicesView;

package/src/lib/widgets/DynamicWidget/views/ManageTrustedDevicesView/ManageTrustedDevicesView.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const ManageTrustedDevicesView: FC;

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

@@ -0,0 +1,48 @@
+'use client'
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { getRegisteredDevices, revokeRegisteredDevice, revokeAllRegisteredDevices } from '@dynamic-labs-sdk/client';
+import { IconButton } from '../../../../components/IconButton/IconButton.js';
+import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
+import { Skeleton } from '../../../../components/Skeleton/Skeleton.js';
+import { TextButton } from '../../../../components/TextButton/TextButton.js';
+import { Typography } from '../../../../components/Typography/Typography.js';
+import { ReactComponent as SvgChevronLeft } from '../../../../shared/assets/chevron-left.js';
+import '@dynamic-labs/iconic';
+import '../../../../context/ViewContext/ViewContext.js';
+import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
+import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
+import { RemoveAllDevicesPrompt } from './components/RemoveAllDevicesPrompt/RemoveAllDevicesPrompt.js';
+import { RemoveDevicePrompt } from './components/RemoveDevicePrompt/RemoveDevicePrompt.js';
+import { TrustedDeviceTile } from './components/TrustedDeviceTile/TrustedDeviceTile.js';
+
+const ManageTrustedDevicesView = () => {
+    var _a, _b;
+    const { t } = useTranslation();
+    const { setDynamicWidgetView } = useWidgetContext();
+    const [deviceIdToRemove, setDeviceIdToRemove] = useState(null);
+    const [showRemoveAll, setShowRemoveAll] = useState(false);
+    const { data: devices, isLoading, retrigger, } = usePromise(() => getRegisteredDevices(), {
+        initialData: [],
+    });
+    const handleBackClick = useCallback(() => setDynamicWidgetView('account-and-security-settings'), [setDynamicWidgetView]);
+    const handleConfirmRemoveDevice = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (!deviceIdToRemove)
+            return;
+        yield revokeRegisteredDevice({ deviceRegistrationId: deviceIdToRemove });
+        setDeviceIdToRemove(null);
+        retrigger();
+    }), [deviceIdToRemove, retrigger]);
+    const handleConfirmRemoveAll = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        yield revokeAllRegisteredDevices();
+        setShowRemoveAll(false);
+        retrigger();
+    }), [retrigger]);
+    const backButton = (jsx(IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
+    return (jsxs("div", { className: 'manage-trusted-devices-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_device_management.manage_title', children: t('dyn_device_management.manage_title') }) }) }), jsxs("div", { className: 'manage-trusted-devices-view__scroll-container', children: [isLoading && (jsx(Skeleton, { count: 3, className: 'manage-trusted-devices-view__skeleton', dataTestId: 'trusted-devices-skeleton' })), !isLoading && devices.length === 0 && (jsx(Typography, { className: 'manage-trusted-devices-view__no-devices', variant: 'body_normal', color: 'secondary', copykey: 'dyn_device_management.no_devices', children: t('dyn_device_management.no_devices') })), !isLoading &&
+                        devices.map((device) => device.userAgent ? (jsx(TrustedDeviceTile, { userAgent: device.userAgent, createdAt: device.createdAt, isCurrentDevice: device.isCurrentDevice, onClickDelete: () => setDeviceIdToRemove(device.id) }, device.id)) : null)] }), !isLoading && devices.length > 0 && (jsx("div", { className: 'manage-trusted-devices-view__footer', children: jsx(TextButton, { className: 'manage-trusted-devices-view__remove-all-button', onClick: () => setShowRemoveAll(true), "data-testid": 'remove-all-devices-button', children: t('dyn_device_management.remove_all_devices') }) })), deviceIdToRemove !== null && (jsx(RemoveDevicePrompt, { deviceUserAgent: (_b = (_a = devices.find((d) => d.id === deviceIdToRemove)) === null || _a === void 0 ? void 0 : _a.userAgent) !== null && _b !== void 0 ? _b : '', onConfirm: handleConfirmRemoveDevice, onCancel: () => setDeviceIdToRemove(null) })), showRemoveAll && (jsx(RemoveAllDevicesPrompt, { onConfirm: handleConfirmRemoveAll, onCancel: () => setShowRemoveAll(false) }))] }));
+};
+
+export { ManageTrustedDevicesView };

package/src/lib/widgets/DynamicWidget/views/ManageTrustedDevicesView/components/RemoveAllDevicesPrompt/RemoveAllDevicesPrompt.cjs

@@ -0,0 +1,24 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
+var OverlayCardBase = require('../../../../../../components/OverlayCardBase/OverlayCardBase.cjs');
+require('../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+var Typography = require('../../../../../../components/Typography/Typography.cjs');
+var TypographyButton = require('../../../../../../components/TypographyButton/TypographyButton.cjs');
+
+const RemoveAllDevicesPrompt = ({ onConfirm, onCancel, }) => {
+    const { t } = reactI18next.useTranslation();
+    return (jsxRuntime.jsx(OverlayCardBase.OverlayCardBase, { isOpen: true, onClickOverlay: onCancel, className: 'remove-device-prompt', children: jsxRuntime.jsxs("div", { className: 'remove-device-prompt__container', children: [jsxRuntime.jsx(Typography.Typography, { color: 'primary', className: 'remove-device-prompt__title', variant: 'body_normal', as: 'h6', children: t('dyn_device_management.remove_all_devices_title') }), jsxRuntime.jsx(Typography.Typography, { className: 'remove-device-prompt__label', variant: 'body_small', color: 'secondary', children: t('dyn_device_management.remove_all_devices_description') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'small', onClick: onConfirm, buttonClassName: 'remove-device-prompt__button remove-device-prompt__button--shadow', buttonVariant: 'danger', expanded: true, typographyProps: {
+                        variant: 'button_secondary',
+                        weight: 'medium',
+                    }, dataTestId: 'confirm-remove-all-button', children: t('dyn_device_management.remove_button') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { expanded: true, buttonPadding: 'small', onClick: onCancel, buttonVariant: 'secondary', buttonClassName: 'remove-device-prompt__button', typographyProps: {
+                        variant: 'button_secondary',
+                        weight: 'medium',
+                    }, dataTestId: 'cancel-remove-all-button', children: t('dyn_device_management.cancel_button') })] }) }));
+};
+
+exports.RemoveAllDevicesPrompt = RemoveAllDevicesPrompt;

package/src/lib/widgets/DynamicWidget/views/ManageTrustedDevicesView/components/RemoveAllDevicesPrompt/RemoveAllDevicesPrompt.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type RemoveAllDevicesPromptProps = {
+    onConfirm: () => void;
+    onCancel: () => void;
+};
+export declare const RemoveAllDevicesPrompt: FC<RemoveAllDevicesPromptProps>;
+export {};

package/src/lib/widgets/DynamicWidget/views/ManageTrustedDevicesView/components/RemoveAllDevicesPrompt/RemoveAllDevicesPrompt.js

@@ -0,0 +1,20 @@
+'use client'
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import { OverlayCardBase } from '../../../../../../components/OverlayCardBase/OverlayCardBase.js';
+import '../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import { Typography } from '../../../../../../components/Typography/Typography.js';
+import { TypographyButton } from '../../../../../../components/TypographyButton/TypographyButton.js';
+
+const RemoveAllDevicesPrompt = ({ onConfirm, onCancel, }) => {
+    const { t } = useTranslation();
+    return (jsx(OverlayCardBase, { isOpen: true, onClickOverlay: onCancel, className: 'remove-device-prompt', children: jsxs("div", { className: 'remove-device-prompt__container', children: [jsx(Typography, { color: 'primary', className: 'remove-device-prompt__title', variant: 'body_normal', as: 'h6', children: t('dyn_device_management.remove_all_devices_title') }), jsx(Typography, { className: 'remove-device-prompt__label', variant: 'body_small', color: 'secondary', children: t('dyn_device_management.remove_all_devices_description') }), jsx(TypographyButton, { buttonPadding: 'small', onClick: onConfirm, buttonClassName: 'remove-device-prompt__button remove-device-prompt__button--shadow', buttonVariant: 'danger', expanded: true, typographyProps: {
+                        variant: 'button_secondary',
+                        weight: 'medium',
+                    }, dataTestId: 'confirm-remove-all-button', children: t('dyn_device_management.remove_button') }), jsx(TypographyButton, { expanded: true, buttonPadding: 'small', onClick: onCancel, buttonVariant: 'secondary', buttonClassName: 'remove-device-prompt__button', typographyProps: {
+                        variant: 'button_secondary',
+                        weight: 'medium',
+                    }, dataTestId: 'cancel-remove-all-button', children: t('dyn_device_management.cancel_button') })] }) }));
+};
+
+export { RemoveAllDevicesPrompt };

package/src/lib/widgets/DynamicWidget/views/ManageTrustedDevicesView/components/RemoveAllDevicesPrompt/index.d.ts

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