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

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs

@@ -61,7 +61,6 @@ var useDynamicLayoutData = require('../../utils/hooks/useDynamicLayoutData/useDy
 var header = require('./Header/header.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 var HelpContent = require('./HelpContent/HelpContent.cjs');
-require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 var ToSFooter = require('./ToSFooter/ToSFooter.cjs');
 var WalletProgressStepper = require('./WalletProgressStepper/WalletProgressStepper.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js

@@ -57,7 +57,6 @@ import { useDynamicLayoutData } from '../../utils/hooks/useDynamicLayoutData/use
 import { Header } from './Header/header.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import { HelpContent } from './HelpContent/HelpContent.js';
-import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import { ToSFooter } from './ToSFooter/ToSFooter.js';
 import { WalletProgressStepper } from './WalletProgressStepper/WalletProgressStepper.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -64,7 +64,6 @@ var Skeleton = require('../../../components/Skeleton/Skeleton.cjs');
 var Tooltip = require('../../../components/Tooltip/Tooltip.cjs');
 var SocialRedirectContext = require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -60,7 +60,6 @@ import { Skeleton } from '../../../components/Skeleton/Skeleton.js';
 import { Tooltip } from '../../../components/Tooltip/Tooltip.js';
 import { useSocialRedirectContext } from '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.cjs

@@ -69,7 +69,6 @@ require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secon
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 var EmptyHelpContent = require('./EmptyHelpContent/EmptyHelpContent.cjs');
@@ -77,7 +76,6 @@ var WalletMoreInfoContent = require('./WalletMoreInfoContent/WalletMoreInfoConte
 var WalletListHelpContent = require('./WalletListHelpContent/WalletListHelpContent.cjs');
 var HelpHeader = require('./HelpHeader/HelpHeader.cjs');
 var PasskeyInfoHelper = require('./PasskeyInfoHelper/PasskeyInfoHelper.cjs');
-var MfaSecureDeviceHelpContent = require('./MfaSecureDeviceHelpContent/MfaSecureDeviceHelpContent.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
@@ -107,7 +105,6 @@ const HelpContentSwitch = () => {
         view.type === 'pending-signature', [view]);
     const isPendingConnectTypeView = React.useMemo(() => view.type === 'pending-connect' || view.type === 'qr-code', [view]);
     const isPasskeyIntroView = React.useMemo(() => view.type === 'passkey-intro', [view]);
-    const isMfaSecureDeviceView = React.useMemo(() => view.type === 'mfa-secure-device', [view]);
     if (isWalletListTypeView) {
         return (jsxRuntime.jsx(WalletListHelpContent.WalletListHelpContent, { chains: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains, newToWeb3WalletChainMap: newToWeb3WalletChainMap }));
     }
@@ -120,9 +117,6 @@ const HelpContentSwitch = () => {
     if (isPasskeyIntroView) {
         return jsxRuntime.jsx(PasskeyInfoHelper.PasskeyInfoHelper, {});
     }
-    if (isMfaSecureDeviceView) {
-        return jsxRuntime.jsx(MfaSecureDeviceHelpContent.MfaSecureDeviceHelper, {});
-    }
     return jsxRuntime.jsx(EmptyHelpContent.EmptyHelpContent, {});
 };
 

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.js

@@ -65,7 +65,6 @@ import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Second
 import '@hcaptcha/react-hcaptcha';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import { EmptyHelpContent } from './EmptyHelpContent/EmptyHelpContent.js';
@@ -73,7 +72,6 @@ import { WalletMoreInfoContent } from './WalletMoreInfoContent/WalletMoreInfoCon
 import { WalletListHelpContent } from './WalletListHelpContent/WalletListHelpContent.js';
 import { HelpHeader } from './HelpHeader/HelpHeader.js';
 import { PasskeyInfoHelper } from './PasskeyInfoHelper/PasskeyInfoHelper.js';
-import { MfaSecureDeviceHelper } from './MfaSecureDeviceHelpContent/MfaSecureDeviceHelpContent.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
@@ -103,7 +101,6 @@ const HelpContentSwitch = () => {
         view.type === 'pending-signature', [view]);
     const isPendingConnectTypeView = useMemo(() => view.type === 'pending-connect' || view.type === 'qr-code', [view]);
     const isPasskeyIntroView = useMemo(() => view.type === 'passkey-intro', [view]);
-    const isMfaSecureDeviceView = useMemo(() => view.type === 'mfa-secure-device', [view]);
     if (isWalletListTypeView) {
         return (jsx(WalletListHelpContent, { chains: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains, newToWeb3WalletChainMap: newToWeb3WalletChainMap }));
     }
@@ -116,9 +113,6 @@ const HelpContentSwitch = () => {
     if (isPasskeyIntroView) {
         return jsx(PasskeyInfoHelper, {});
     }
-    if (isMfaSecureDeviceView) {
-        return jsx(MfaSecureDeviceHelper, {});
-    }
     return jsx(EmptyHelpContent, {});
 };
 

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.cjs

@@ -60,7 +60,6 @@ var index = require('../../../../context/FooterAnimationContext/index.cjs');
 var useDynamicLayoutData = require('../../../../utils/hooks/useDynamicLayoutData/useDynamicLayoutData.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.js

@@ -56,7 +56,6 @@ import { useFooterAnimationContext } from '../../../../context/FooterAnimationCo
 import { useDynamicLayoutData } from '../../../../utils/hooks/useDynamicLayoutData/useDynamicLayoutData.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.cjs

@@ -58,7 +58,6 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var Icon = require('../../../../components/Icon/Icon.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.js

@@ -54,7 +54,6 @@ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js
 import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { Icon } from '../../../../components/Icon/Icon.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.cjs

@@ -56,7 +56,6 @@ require('../../../../../components/Transition/OpacityTransition/OpacityTransitio
 require('../../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.js

@@ -52,7 +52,6 @@ import '../../../../../components/Transition/OpacityTransition/OpacityTransition
 import '../../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs

@@ -57,7 +57,6 @@ require('../../../../../components/Transition/OpacityTransition/OpacityTransitio
 require('../../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 var NewToWeb3WalletItem = require('../NewToWeb3WalletItem/NewToWeb3WalletItem.cjs');
-require('../../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js

@@ -53,7 +53,6 @@ import '../../../../../components/Transition/OpacityTransition/OpacityTransition
 import '../../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import { NewToWeb3WalletItem } from '../NewToWeb3WalletItem/NewToWeb3WalletItem.js';
-import '../../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletListHelpContent.cjs

@@ -76,7 +76,6 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../../context/FooterAnimationContext/index.cjs');
 var Skeleton = require('../../../../components/Skeleton/Skeleton.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 var NewToWeb3WalletItem = require('./NewToWeb3WalletItem/NewToWeb3WalletItem.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletListHelpContent.js

@@ -72,7 +72,6 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../../context/FooterAnimationContext/index.js';
 import { Skeleton } from '../../../../components/Skeleton/Skeleton.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import { NewToWeb3WalletItem } from './NewToWeb3WalletItem/NewToWeb3WalletItem.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.cjs

@@ -60,7 +60,6 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.js

@@ -56,7 +56,6 @@ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js
 import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/index.d.ts

@@ -3,4 +3,3 @@ export { WalletMoreInfoContent } from './WalletMoreInfoContent';
 export { WalletListHelpContent } from './WalletListHelpContent';
 export { HelpContent } from './HelpContent';
 export { PasskeyInfoHelper } from './PasskeyInfoHelper';
-export { MfaSecureDeviceHelper } from './MfaSecureDeviceHelpContent';

package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.cjs

@@ -56,7 +56,6 @@ require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.js

@@ -52,7 +52,6 @@ import '../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.cjs

@@ -57,7 +57,6 @@ require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs'
 require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 var getChainStepState = require('../utils/getChainStepState/getChainStepState.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.js

@@ -53,7 +53,6 @@ import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import { getChainStepState } from '../utils/getChainStepState/getChainStepState.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';

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');
@@ -69,7 +77,6 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('@hcaptcha/react-hcaptcha');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 var DynamicWidgetHeader = require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -77,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');
@@ -94,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';
@@ -65,14 +73,14 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import '@hcaptcha/react-hcaptcha';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import { MemoizedDynamicWidgetHeader } from '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 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';
@@ -90,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

@@ -57,14 +57,13 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 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

@@ -53,14 +53,13 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 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

@@ -57,14 +57,13 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 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

@@ -53,14 +53,13 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 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

@@ -58,14 +58,13 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 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

@@ -54,14 +54,13 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 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';