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

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,14 @@ 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: '2 factor authentication',
         },
-        title: 'Wallet settings',
+        title: 'Settings',
+        button_logout: 'Log out',
     },
     /**
      * @description copy keys for mfa views
@@ -1951,6 +1966,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,14 @@ export declare const translation: {
         tags: {
             recommended: string;
         };
-        signing_section: {
+        security_section: {
             email_auth_button: string;
             passkey_button: string;
             password_button: string;
             title: string;
         };
         title: string;
+        button_logout: string;
     };
     /**
      * @description copy keys for mfa views
@@ -1947,6 +1962,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,14 @@ 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: '2 factor authentication',
         },
-        title: 'Wallet settings',
+        title: 'Settings',
+        button_logout: 'Log out',
     },
     /**
      * @description copy keys for mfa views
@@ -1947,6 +1962,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/shared/assets/currency.cjs

@@ -0,0 +1,70 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _rect, _path, _path2, _ellipse;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgCurrency = function SvgCurrency(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 28,
+    height: 28,
+    viewBox: "0 0 28 28",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
+    width: 28,
+    height: 28,
+    rx: 14,
+    fill: "#4779FF"
+  })), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20.252 17.036C18.976 18.398 16.654 19.31 14 19.31c-2.65 0-4.97-.909-6.246-2.268-.004.646-.004 1.406-.004 2.293 0 1.726 2.798 3.125 6.25 3.125s6.25-1.399 6.25-3.125c0-.192.002-.406.004-.637.005-.496.01-1.069-.002-1.662Z",
+    fill: "#fff"
+  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20.23 11.85c-1.28 1.35-3.591 2.252-6.23 2.252-2.65 0-4.969-.909-6.245-2.267-.005.64-.005 1.398-.005 2.292 0 1.726 2.798 3.125 6.25 3.125s6.25-1.399 6.25-3.125c0-.959 0-1.703-.02-2.276Z",
+    fill: "#fff"
+  })), _ellipse || (_ellipse = /*#__PURE__*/React__namespace.createElement("ellipse", {
+    cx: 14,
+    cy: 8.893,
+    rx: 6.25,
+    ry: 3.125,
+    fill: "#fff"
+  })));
+};
+
+exports.ReactComponent = SvgCurrency;

package/src/lib/shared/assets/currency.js

@@ -0,0 +1,46 @@
+'use client'
+import * as React from 'react';
+
+var _rect, _path, _path2, _ellipse;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgCurrency = function SvgCurrency(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 28,
+    height: 28,
+    viewBox: "0 0 28 28",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
+    width: 28,
+    height: 28,
+    rx: 14,
+    fill: "#4779FF"
+  })), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20.252 17.036C18.976 18.398 16.654 19.31 14 19.31c-2.65 0-4.97-.909-6.246-2.268-.004.646-.004 1.406-.004 2.293 0 1.726 2.798 3.125 6.25 3.125s6.25-1.399 6.25-3.125c0-.192.002-.406.004-.637.005-.496.01-1.069-.002-1.662Z",
+    fill: "#fff"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20.23 11.85c-1.28 1.35-3.591 2.252-6.23 2.252-2.65 0-4.969-.909-6.245-2.267-.005.64-.005 1.398-.005 2.292 0 1.726 2.798 3.125 6.25 3.125s6.25-1.399 6.25-3.125c0-.959 0-1.703-.02-2.276Z",
+    fill: "#fff"
+  })), _ellipse || (_ellipse = /*#__PURE__*/React.createElement("ellipse", {
+    cx: 14,
+    cy: 8.893,
+    rx: 6.25,
+    ry: 3.125,
+    fill: "#fff"
+  })));
+};
+
+export { SvgCurrency as ReactComponent };

package/src/lib/shared/assets/index.d.ts

@@ -80,3 +80,10 @@ export { ReactComponent as WalletV2Icon } from './wallet-v2.svg';
 export { ReactComponent as WorkSuitcaseIcon } from './work-suitcase.svg';
 export { ReactComponent as MfaRecoveryIcon } from './mfa-recovery-icon.svg';
 export { ReactComponent as AccessBlockedIcon } from './access-blocked.svg';
+export { ReactComponent as ProfileIconOutline } from './profile-outline.svg';
+export { ReactComponent as ProfileIcon } from './profile.svg';
+export { ReactComponent as WalletIcon } from './wallet.svg';
+export { ReactComponent as WalletIconOutlineV2 } from './wallet-outline-v2.svg';
+export { ReactComponent as SettingsIconOutline } from './settings-outline.svg';
+export { ReactComponent as SettingsIcon } from './settings.svg';
+export { ReactComponent as CurrencyIcon } from './currency.svg';