@dynamic-labs/sdk-react-core 3.0.0-alpha.37 → 3.0.0-alpha.39

package/src/lib/context/CaptchaContext/CaptchaContext.js

@@ -2,37 +2,48 @@
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useCallback, useMemo, useContext } from 'react';
 import { useViewContext } from '../ViewContext/ViewContext.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/wallet-book';
+import { CAPTCHA_TOKEN } from '../../utils/constants/localStorage.js';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/sessionStorage.js';
+import { useLocalStorage } from '../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
+import '@dynamic-labs/utils';
+import '../../shared/consts/index.js';
 
-const CaptchaTokenLocalStorageKey = 'dynamic-captcha-token';
 const CaptchaContext = createContext(undefined);
 const CaptchaContextProvider = ({ children, }) => {
     const { setView } = useViewContext();
-    const [captchaToken, setCaptchaToken] = useState(undefined);
+    const [captchaToken, setCaptchaToken, removeCaptchaToken] = useLocalStorage(CAPTCHA_TOKEN, undefined);
     const [captchaAuthState, setCaptchaAuthState] = useState();
-    const setCaptchaTokenInLS = useCallback((token) => localStorage.setItem(CaptchaTokenLocalStorageKey, token), []);
     const engageCaptcha = useCallback(({ authMethod, onCaptchaSuccess, }) => {
         setCaptchaAuthState({ authMethod, onCaptchaSuccess });
         setView('captcha');
     }, [setView, setCaptchaAuthState]);
     const getCaptchaToken = useCallback(() => {
-        var _a;
-        return (_a = captchaToken !== null && captchaToken !== void 0 ? captchaToken : localStorage.getItem(CaptchaTokenLocalStorageKey)) !== null && _a !== void 0 ? _a : undefined;
-    }, [captchaToken]);
+        const token = captchaToken;
+        removeCaptchaToken();
+        return token;
+    }, [captchaToken, removeCaptchaToken]);
     const value = useMemo(() => ({
         captchaAuthState,
-        captchaToken,
         engageCaptcha,
         getCaptchaToken,
+        removeCaptchaToken,
         setCaptchaAuthState,
         setCaptchaToken,
-        setCaptchaTokenInLS,
     }), [
         captchaAuthState,
-        captchaToken,
+        getCaptchaToken,
         engageCaptcha,
         setCaptchaAuthState,
-        setCaptchaTokenInLS,
-        getCaptchaToken,
+        setCaptchaToken,
+        removeCaptchaToken,
     ]);
     return (jsx(CaptchaContext.Provider, { value: value, children: children }));
 };
@@ -44,4 +55,4 @@ const useCaptchaContext = () => {
     return context;
 };
 
-export { CaptchaContext, CaptchaContextProvider, CaptchaTokenLocalStorageKey, useCaptchaContext };
+export { CaptchaContext, CaptchaContextProvider, useCaptchaContext };

package/src/lib/data/api/mfa/mfa.cjs

@@ -98,12 +98,13 @@ const verifyMfaDevice = (_e) => _tslib.__awaiter(void 0, [_e], void 0, function*
 });
 // used when verifying a device when user is logging in
 // jwt update needed
-const authMfaDevice = (_f) => _tslib.__awaiter(void 0, [_f], void 0, function* ({ environmentId, type, code, createMfaToken, }) {
+const authMfaDevice = (_f) => _tslib.__awaiter(void 0, [_f], void 0, function* ({ deviceId, environmentId, type, code, createMfaToken, }) {
     try {
         if (type === sdkApiCore.MFADeviceType.Totp) {
             const request = {
                 code,
                 createMfaToken,
+                id: deviceId || undefined,
             };
             const response = yield api.sdkApi().authMfaTotpDevice({
                 environmentId,

package/src/lib/data/api/mfa/mfa.d.ts

@@ -19,7 +19,8 @@ export declare const verifyMfaDevice: ({ environmentId, type, code, }: {
     type: MFADeviceType;
     code: string;
 }) => Promise<MFADevice | undefined>;
-export declare const authMfaDevice: ({ environmentId, type, code, createMfaToken, }: {
+export declare const authMfaDevice: ({ deviceId, environmentId, type, code, createMfaToken, }: {
+    deviceId?: string;
     environmentId: string;
     type: MFADeviceType;
     code: string;

package/src/lib/data/api/mfa/mfa.js

@@ -94,12 +94,13 @@ const verifyMfaDevice = (_e) => __awaiter(void 0, [_e], void 0, function* ({ env
 });
 // used when verifying a device when user is logging in
 // jwt update needed
-const authMfaDevice = (_f) => __awaiter(void 0, [_f], void 0, function* ({ environmentId, type, code, createMfaToken, }) {
+const authMfaDevice = (_f) => __awaiter(void 0, [_f], void 0, function* ({ deviceId, environmentId, type, code, createMfaToken, }) {
     try {
         if (type === MFADeviceType.Totp) {
             const request = {
                 code,
                 createMfaToken,
+                id: deviceId || undefined,
             };
             const response = yield sdkApi().authMfaTotpDevice({
                 environmentId,

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.cjs

@@ -11,6 +11,12 @@ require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
+var profileOutline = require('../../shared/assets/profile-outline.cjs');
+var profile = require('../../shared/assets/profile.cjs');
+var wallet = require('../../shared/assets/wallet.cjs');
+var walletOutlineV2 = require('../../shared/assets/wallet-outline-v2.cjs');
+var settingsOutline = require('../../shared/assets/settings-outline.cjs');
+var settings = require('../../shared/assets/settings.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
@@ -22,6 +28,7 @@ var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -37,6 +44,7 @@ require('../../context/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+var useKYCFlag = require('../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
 require('@dynamic-labs/types');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
@@ -76,6 +84,7 @@ var DynamicWidgetPrompts = require('../../widgets/DynamicWidget/components/Dynam
 var DynamicWidgetViews = require('../../widgets/DynamicWidget/components/DynamicWidgetViews/DynamicWidgetViews.cjs');
 var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var DynamicWidgetContext_types = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.types.cjs');
+var BottomNavBar = require('../../widgets/DynamicWidget/components/BottomNavBar/BottomNavBar.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../polyfills.cjs');
 require('../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
@@ -93,13 +102,42 @@ var OverlayCardTarget = require('../../components/OverlayCard/OverlayCardTarget/
 const shouldNotRenderHeaderViews = [
     ...DynamicWidgetContext_types.DynamicPasskeyWidgetViews,
     ...DynamicWidgetContext_types.DynamicTransactionsWidgetViews,
-    ...DynamicWidgetContext_types.DynamicWalletSettingsViews,
+    ...DynamicWidgetContext_types.DynamicSettingsViews,
 ];
 const DynamicUserProfileLayout = ({ variant, className, style, }) => {
-    const { dynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    const { multiWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    const isKYCEnabled = useKYCFlag.useKYCFlag();
+    const { dynamicWidgetView, setDynamicWidgetView, overridenWidgetView } = DynamicWidgetContext.useWidgetContext();
+    const getNavBarOptions = () => {
+        const options = [];
+        if (multiWallet) {
+            options.push({
+                icon: jsxRuntime.jsx(walletOutlineV2.ReactComponent, {}),
+                label: 'Wallets',
+                selectedIcon: jsxRuntime.jsx(wallet.ReactComponent, {}),
+                value: 'wallets',
+            });
+        }
+        if (isKYCEnabled) {
+            options.push({
+                icon: jsxRuntime.jsx(profileOutline.ReactComponent, {}),
+                label: 'Profile',
+                selectedIcon: jsxRuntime.jsx(profile.ReactComponent, {}),
+                value: 'profile',
+            });
+        }
+        options.push({
+            icon: jsxRuntime.jsx(settingsOutline.ReactComponent, {}),
+            label: 'Settings',
+            selectedIcon: jsxRuntime.jsx(settings.ReactComponent, {}),
+            value: 'settings',
+        });
+        return options;
+    };
     // It should render header only if the view is not send-balance or one of passkey widgets view
     const shouldRenderHeader = !shouldNotRenderHeaderViews.includes(dynamicWidgetView);
-    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs("div", { className: classNames.classNames(className, 'dynamic-user-profile-layout'), style: style, children: [shouldRenderHeader && jsxRuntime.jsx(DynamicWidgetHeader.MemoizedDynamicWidgetHeader, { variant: variant }), jsxRuntime.jsx(DynamicWidgetViews.DynamicWidgetViews, {}), jsxRuntime.jsx(DynamicWidgetPrompts.DynamicWidgetPrompts, {})] }) }));
+    const shouldRenderOptionsSwitcher = multiWallet || isKYCEnabled;
+    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs("div", { className: classNames.classNames(className, 'dynamic-user-profile-layout'), style: style, children: [shouldRenderHeader && jsxRuntime.jsx(DynamicWidgetHeader.MemoizedDynamicWidgetHeader, { variant: variant }), jsxRuntime.jsx(DynamicWidgetViews.DynamicWidgetViews, {}), jsxRuntime.jsx(DynamicWidgetPrompts.DynamicWidgetPrompts, {}), shouldRenderOptionsSwitcher && (jsxRuntime.jsx(BottomNavBar.BottomNavBar, { value: overridenWidgetView, onChange: (view) => setDynamicWidgetView(view), options: getNavBarOptions() }))] }) }));
 };
 
 exports.DynamicUserProfileLayout = DynamicUserProfileLayout;

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.js

@@ -7,6 +7,12 @@ import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
+import { ReactComponent as SvgProfileOutline } from '../../shared/assets/profile-outline.js';
+import { ReactComponent as SvgProfile } from '../../shared/assets/profile.js';
+import { ReactComponent as SvgWallet } from '../../shared/assets/wallet.js';
+import { ReactComponent as SvgWalletOutlineV2 } from '../../shared/assets/wallet-outline-v2.js';
+import { ReactComponent as SvgSettingsOutline } from '../../shared/assets/settings-outline.js';
+import { ReactComponent as SvgSettings } from '../../shared/assets/settings.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
@@ -18,6 +24,7 @@ import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
 import '../../context/DynamicContext/DynamicContext.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -33,6 +40,7 @@ import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import { useKYCFlag } from '../../utils/hooks/useKYCFlag/useKYCFlag.js';
 import '@dynamic-labs/types';
 import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
@@ -71,7 +79,8 @@ import { MemoizedDynamicWidgetHeader } from '../../widgets/DynamicWidget/compone
 import { DynamicWidgetPrompts } from '../../widgets/DynamicWidget/components/DynamicWidgetPrompts/DynamicWidgetPrompts.js';
 import { DynamicWidgetViews } from '../../widgets/DynamicWidget/components/DynamicWidgetViews/DynamicWidgetViews.js';
 import { useWidgetContext } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import { DynamicPasskeyWidgetViews, DynamicTransactionsWidgetViews, DynamicWalletSettingsViews } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.types.js';
+import { DynamicPasskeyWidgetViews, DynamicTransactionsWidgetViews, DynamicSettingsViews } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.types.js';
+import { BottomNavBar } from '../../widgets/DynamicWidget/components/BottomNavBar/BottomNavBar.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../polyfills.js';
 import '../../context/ErrorBoundary/ErrorBoundaryBase.js';
@@ -89,13 +98,42 @@ import { OverlayCardTarget } from '../../components/OverlayCard/OverlayCardTarge
 const shouldNotRenderHeaderViews = [
     ...DynamicPasskeyWidgetViews,
     ...DynamicTransactionsWidgetViews,
-    ...DynamicWalletSettingsViews,
+    ...DynamicSettingsViews,
 ];
 const DynamicUserProfileLayout = ({ variant, className, style, }) => {
-    const { dynamicWidgetView } = useWidgetContext();
+    const { multiWallet } = useInternalDynamicContext();
+    const isKYCEnabled = useKYCFlag();
+    const { dynamicWidgetView, setDynamicWidgetView, overridenWidgetView } = useWidgetContext();
+    const getNavBarOptions = () => {
+        const options = [];
+        if (multiWallet) {
+            options.push({
+                icon: jsx(SvgWalletOutlineV2, {}),
+                label: 'Wallets',
+                selectedIcon: jsx(SvgWallet, {}),
+                value: 'wallets',
+            });
+        }
+        if (isKYCEnabled) {
+            options.push({
+                icon: jsx(SvgProfileOutline, {}),
+                label: 'Profile',
+                selectedIcon: jsx(SvgProfile, {}),
+                value: 'profile',
+            });
+        }
+        options.push({
+            icon: jsx(SvgSettingsOutline, {}),
+            label: 'Settings',
+            selectedIcon: jsx(SvgSettings, {}),
+            value: 'settings',
+        });
+        return options;
+    };
     // It should render header only if the view is not send-balance or one of passkey widgets view
     const shouldRenderHeader = !shouldNotRenderHeaderViews.includes(dynamicWidgetView);
-    return (jsx(OverlayCardTarget, { children: jsxs("div", { className: classNames(className, 'dynamic-user-profile-layout'), style: style, children: [shouldRenderHeader && jsx(MemoizedDynamicWidgetHeader, { variant: variant }), jsx(DynamicWidgetViews, {}), jsx(DynamicWidgetPrompts, {})] }) }));
+    const shouldRenderOptionsSwitcher = multiWallet || isKYCEnabled;
+    return (jsx(OverlayCardTarget, { children: jsxs("div", { className: classNames(className, 'dynamic-user-profile-layout'), style: style, children: [shouldRenderHeader && jsx(MemoizedDynamicWidgetHeader, { variant: variant }), jsx(DynamicWidgetViews, {}), jsx(DynamicWidgetPrompts, {}), shouldRenderOptionsSwitcher && (jsx(BottomNavBar, { value: overridenWidgetView, onChange: (view) => setDynamicWidgetView(view), options: getNavBarOptions() }))] }) }));
 };
 
 export { DynamicUserProfileLayout };

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.cjs

@@ -62,8 +62,8 @@ require('react-focus-lock');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 require('../../components/Input/Input.cjs');

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.js

@@ -58,8 +58,8 @@ import 'react-focus-lock';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import '../../components/Input/Input.js';

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.cjs

@@ -62,8 +62,8 @@ require('react-focus-lock');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 require('../../components/Input/Input.cjs');

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.js

@@ -58,8 +58,8 @@ import 'react-focus-lock';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import '../../components/Input/Input.js';

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.cjs

@@ -63,8 +63,8 @@ require('react-focus-lock');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 require('../../components/Input/Input.cjs');

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.js

@@ -59,8 +59,8 @@ import 'react-focus-lock';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import '../../components/Input/Input.js';

package/src/lib/locale/en/translation.cjs

@@ -807,9 +807,16 @@ const translation = {
         done_button_label: "I'm Done",
     },
     /**
-     * @description wallet settings for Dynamic wallet settings view which are used inside dynamic widget
+     * @description Settings for Dynamic settings view which are used inside dynamic widget
      * @default
      * {
+        global_section: {
+          title: 'Global',
+          currency: {
+            title: 'Currency',
+            badge: 'coming soon',
+          },
+        },
         export_section: {
           private_key_button: 'Private key',
           srp_button: 'Recovery phrase',
@@ -820,16 +827,23 @@ const translation = {
           add_email_button: 'Add an email',
         },
         tags: { recommended: 'Recommended' },
-        signing_section: {
+        security_section: {
           email_auth_button: 'One time code',
           passkey_button: 'Passkeys',
           password_button: 'Passcode',
           title: 'Security Methods',
         },
-        title: 'Wallet settings',
+        title: 'Settings',
       }
      */
-    dyn_wallet_settings: {
+    dyn_settings: {
+        global_section: {
+            title: 'Global',
+            currency: {
+                title: 'Currency',
+                badge: 'coming soon',
+            },
+        },
         export_section: {
             private_key_button: 'Private key',
             srp_button: 'Recovery phrase',
@@ -840,13 +854,30 @@ const translation = {
             add_email_button: 'Add an email',
         },
         tags: { recommended: 'Recommended' },
-        signing_section: {
+        security_section: {
             email_auth_button: 'One time code',
             passkey_button: 'Passkeys',
             password_button: 'Passcode',
-            title: 'Security Methods',
+            mfa_button: 'Authenticator App',
+            title: '2 factor authentication',
+        },
+        title: 'Settings',
+        button_logout: 'Log out',
+    },
+    /**
+     * @description copy keys for mfa management view
+     * @default
+     *  {
+          title: 'Authenticator App',
+          add_mfa_button: 'Add a new authenticator app',
+          description: 'This authenticator is used when logging in to your account.',
         },
-        title: 'Wallet settings',
+     */
+    dyn_manage_mfa: {
+        title: 'Authenticator App',
+        add_mfa_button: 'Add a new authenticator app',
+        description: 'This authenticator is used when logging in to your account.',
+        no_devices: 'No authenticator apps available...',
     },
     /**
      * @description copy keys for mfa views
@@ -1951,6 +1982,7 @@ const translation = {
             link_wallet_button: 'Link wallet',
             title: 'Want to add a wallet?',
         },
+        edit_profile_button: 'Edit Profile',
     },
     /**
      * @description copy keys for Detected new wallet prompt

package/src/lib/locale/en/translation.d.ts

@@ -801,9 +801,16 @@ export declare const translation: {
         done_button_label: string;
     };
     /**
-     * @description wallet settings for Dynamic wallet settings view which are used inside dynamic widget
+     * @description Settings for Dynamic settings view which are used inside dynamic widget
      * @default
      * {
+        global_section: {
+          title: 'Global',
+          currency: {
+            title: 'Currency',
+            badge: 'coming soon',
+          },
+        },
         export_section: {
           private_key_button: 'Private key',
           srp_button: 'Recovery phrase',
@@ -814,16 +821,23 @@ export declare const translation: {
           add_email_button: 'Add an email',
         },
         tags: { recommended: 'Recommended' },
-        signing_section: {
+        security_section: {
           email_auth_button: 'One time code',
           passkey_button: 'Passkeys',
           password_button: 'Passcode',
           title: 'Security Methods',
         },
-        title: 'Wallet settings',
+        title: 'Settings',
       }
      */
-    dyn_wallet_settings: {
+    dyn_settings: {
+        global_section: {
+            title: string;
+            currency: {
+                title: string;
+                badge: string;
+            };
+        };
         export_section: {
             private_key_button: string;
             srp_button: string;
@@ -836,13 +850,30 @@ export declare const translation: {
         tags: {
             recommended: string;
         };
-        signing_section: {
+        security_section: {
             email_auth_button: string;
             passkey_button: string;
             password_button: string;
+            mfa_button: string;
             title: string;
         };
         title: string;
+        button_logout: string;
+    };
+    /**
+     * @description copy keys for mfa management view
+     * @default
+     *  {
+          title: 'Authenticator App',
+          add_mfa_button: 'Add a new authenticator app',
+          description: 'This authenticator is used when logging in to your account.',
+        },
+     */
+    dyn_manage_mfa: {
+        title: string;
+        add_mfa_button: string;
+        description: string;
+        no_devices: string;
     };
     /**
      * @description copy keys for mfa views
@@ -1947,6 +1978,7 @@ export declare const translation: {
             link_wallet_button: string;
             title: string;
         };
+        edit_profile_button: string;
     };
     /**
      * @description copy keys for Detected new wallet prompt

package/src/lib/locale/en/translation.js

@@ -803,9 +803,16 @@ const translation = {
         done_button_label: "I'm Done",
     },
     /**
-     * @description wallet settings for Dynamic wallet settings view which are used inside dynamic widget
+     * @description Settings for Dynamic settings view which are used inside dynamic widget
      * @default
      * {
+        global_section: {
+          title: 'Global',
+          currency: {
+            title: 'Currency',
+            badge: 'coming soon',
+          },
+        },
         export_section: {
           private_key_button: 'Private key',
           srp_button: 'Recovery phrase',
@@ -816,16 +823,23 @@ const translation = {
           add_email_button: 'Add an email',
         },
         tags: { recommended: 'Recommended' },
-        signing_section: {
+        security_section: {
           email_auth_button: 'One time code',
           passkey_button: 'Passkeys',
           password_button: 'Passcode',
           title: 'Security Methods',
         },
-        title: 'Wallet settings',
+        title: 'Settings',
       }
      */
-    dyn_wallet_settings: {
+    dyn_settings: {
+        global_section: {
+            title: 'Global',
+            currency: {
+                title: 'Currency',
+                badge: 'coming soon',
+            },
+        },
         export_section: {
             private_key_button: 'Private key',
             srp_button: 'Recovery phrase',
@@ -836,13 +850,30 @@ const translation = {
             add_email_button: 'Add an email',
         },
         tags: { recommended: 'Recommended' },
-        signing_section: {
+        security_section: {
             email_auth_button: 'One time code',
             passkey_button: 'Passkeys',
             password_button: 'Passcode',
-            title: 'Security Methods',
+            mfa_button: 'Authenticator App',
+            title: '2 factor authentication',
+        },
+        title: 'Settings',
+        button_logout: 'Log out',
+    },
+    /**
+     * @description copy keys for mfa management view
+     * @default
+     *  {
+          title: 'Authenticator App',
+          add_mfa_button: 'Add a new authenticator app',
+          description: 'This authenticator is used when logging in to your account.',
         },
-        title: 'Wallet settings',
+     */
+    dyn_manage_mfa: {
+        title: 'Authenticator App',
+        add_mfa_button: 'Add a new authenticator app',
+        description: 'This authenticator is used when logging in to your account.',
+        no_devices: 'No authenticator apps available...',
     },
     /**
      * @description copy keys for mfa views
@@ -1947,6 +1978,7 @@ const translation = {
             link_wallet_button: 'Link wallet',
             title: 'Want to add a wallet?',
         },
+        edit_profile_button: 'Edit Profile',
     },
     /**
      * @description copy keys for Detected new wallet prompt