@dynamic-labs/sdk-react-core 2.1.0-alpha.3 → 2.1.0-alpha.30

package/src/lib/events/auth.d.ts

@@ -0,0 +1,38 @@
+import { AuthMethod, AuthOptions } from '@dynamic-labs/types';
+/**
+ * Maps auth methods to what property will be displayed under the "option" property of the event.
+ *
+ * Users will be able to access this data through the AuthOptions[K] type injection as well,
+ * but with the "option" property they will also have a standard way to access the auth method target.
+ */
+type AuthEventPayloadOptionMap = {
+    wallet: AuthOptions['wallet']['connectorName'];
+    sms: AuthOptions['sms']['phone'];
+    email: AuthOptions['email']['email'];
+    social: AuthOptions['social']['provider'];
+};
+/** Payload of auth events that provide insight into which auth method was selected */
+export type AuthEventPayload = {
+    [K in AuthMethod]: {
+        type: K;
+        option: AuthEventPayloadOptionMap[K];
+    } & AuthOptions[K];
+}[AuthMethod];
+export type AuthEvents = {
+    /**
+     * Informs an auth attempt failed.
+     * In general triggered when an error occurs or when user cancels out.
+     * For email/sms, specifically happens when users cancels the OTP verification.
+     */
+    authFailure: (method: AuthEventPayload, 
+    /** Will be 'user-cancelled' when cancelled, or the error when there is an error */
+    reason: 'user-cancelled' | {
+        error: unknown;
+    }) => void;
+    /** Informs an auth attempt initialized, and provides insight into which auth option it is */
+    authInit: (method: AuthEventPayload) => void;
+    logout: () => void;
+    /** This event is used to trigger logout to be called, DO NOT listen to it. Listen to "logout" instead */
+    triggerLogout: () => void;
+};
+export {};

package/src/lib/events/dynamicEvents.d.ts

@@ -1,36 +1,12 @@
 import EventEmitter from 'eventemitter3';
-import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core/models/JwtVerifiedCredential';
-import { PhoneData } from '@dynamic-labs/types';
-import { Wallet } from '../shared';
+import { AuthEvents } from './auth';
+import { EmbeddedWalletEvents } from './embeddedWallet';
+import { OTPEvents } from './otp';
+import { PasskeyEvents } from './passkey';
+import { SocialEvents } from './social';
+import { UIEvents } from './ui';
+import { WalletEvents } from './wallets';
 /** Maps internal event names to their listeners */
-export type DynamicEvents = {
-    authFlowOpen: () => void;
-    /** Triggered when auth is closed before reaching success (due to user cancel or fail) */
-    authFlowClose: () => void;
-    /** Triggered when auth is attempted but fails, like when user rejects connection or the network call fails */
-    authFlowCancelled: () => void;
-    emailVerificationResult: (param: boolean, email: string) => void;
-    smsVerificationResult: (param: boolean, phone: PhoneData) => void;
-    embeddedWalletCreated: (wallet: Wallet, verifiedCredential: JwtVerifiedCredential | undefined, authToken: string | undefined) => void;
-    embeddedWalletFailed: (error: unknown) => void;
-    passkeyRecoveryCompleted: (wallet: Wallet) => void;
-    passkeyRecoveryFailed: (error: unknown) => void;
-    embeddedWalletRevealCompleted: (wallet: Wallet) => void;
-    embeddedWalletRevealFailed: (error: unknown) => void;
-    embeddedWalletCreatePasswordCompleted: (password: string) => void;
-    embeddedWalletCreatePasswordFailed: (error: unknown) => void;
-    embeddedWalletRecoveryEmailCompleted: (email: string) => void;
-    embeddedWalletRecoveryEmailFailed: (error: unknown) => void;
-    embeddedWalletUpdatePasswordCompleted: (password: string) => void;
-    embeddedWalletUpdatePasswordFailed: (error: unknown) => void;
-    logout: () => void;
-    /** Triggered when a new wallet is added to user wallets list */
-    walletAdded: (wallet: Wallet, userWallets: Wallet[]) => void;
-    /** Triggered when a wallet is removed from user wallets list */
-    walletRemoved: (wallet: Wallet, userWallets: Wallet[]) => void;
-    /** This event is used to trigger logout to be called, DO NOT listen to it. Listen to "logout" instead */
-    triggerLogout: () => void;
-    farcasterConnectCancelled: () => void;
-};
+export type DynamicEvents = AuthEvents & UIEvents & OTPEvents & WalletEvents & PasskeyEvents & SocialEvents & EmbeddedWalletEvents;
 export declare const dynamicEvents: EventEmitter<DynamicEvents, any>;
 export type DynamicEventEmitter = typeof dynamicEvents;

package/src/lib/events/embeddedWallet.d.ts

@@ -0,0 +1,15 @@
+import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core';
+import { Wallet } from '../shared/types/wallets';
+import { UserProfile } from '../..';
+export type EmbeddedWalletEvents = {
+    embeddedWalletCreated: (wallet: Wallet, verifiedCredential: JwtVerifiedCredential | undefined, authToken: string | undefined, user: UserProfile | undefined) => void;
+    embeddedWalletFailed: (error: unknown) => void;
+    embeddedWalletRevealCompleted: (wallet: Wallet) => void;
+    embeddedWalletRevealFailed: (error: unknown) => void;
+    embeddedWalletCreatePasswordCompleted: (password: string) => void;
+    embeddedWalletCreatePasswordFailed: (error: unknown) => void;
+    embeddedWalletRecoveryEmailCompleted: (email: string) => void;
+    embeddedWalletRecoveryEmailFailed: (error: unknown) => void;
+    embeddedWalletUpdatePasswordCompleted: (password: string) => void;
+    embeddedWalletUpdatePasswordFailed: (error: unknown) => void;
+};

package/src/lib/events/otp.d.ts

@@ -0,0 +1,5 @@
+import { PhoneData } from '@dynamic-labs/types';
+export type OTPEvents = {
+    emailVerificationResult: (param: boolean, email: string) => void;
+    smsVerificationResult: (param: boolean, phone: PhoneData) => void;
+};

package/src/lib/events/passkey.d.ts

@@ -0,0 +1,5 @@
+import { Wallet } from '../shared/types/wallets';
+export type PasskeyEvents = {
+    passkeyRecoveryCompleted: (wallet: Wallet) => void;
+    passkeyRecoveryFailed: (error: unknown) => void;
+};

package/src/lib/events/social.d.ts

@@ -0,0 +1,3 @@
+export type SocialEvents = {
+    farcasterConnectCancelled: () => void;
+};

package/src/lib/events/ui.d.ts

@@ -0,0 +1,10 @@
+export type UIEvents = {
+    authFlowOpen: () => void;
+    /** Triggered when auth is closed before reaching success (due to user cancel or fail) */
+    authFlowClose: () => void;
+    /**
+     * Triggered alongside authFlowClose when auth is attempted but fails
+     * like when user rejects connection or the network call fails
+     */
+    authFlowCancelled: () => void;
+};

package/src/lib/events/wallets.d.ts

@@ -0,0 +1,7 @@
+import { Wallet } from '../shared/types/wallets';
+export type WalletEvents = {
+    /** Triggered when a new wallet is added to user wallets list */
+    walletAdded: (wallet: Wallet, userWallets: Wallet[]) => void;
+    /** Triggered when a wallet is removed from user wallets list */
+    walletRemoved: (wallet: Wallet, userWallets: Wallet[]) => void;
+};

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

@@ -30,6 +30,7 @@ require('react-international-phone');
 require('viem');
 require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
 require('../../locale/locale.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -38,14 +39,16 @@ require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
-require('react-i18next');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 var DynamicFooter = require('../../components/DynamicFooter/DynamicFooter.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -58,11 +61,11 @@ 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');
 require('react-focus-lock');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -82,6 +85,7 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = ViewContext.useViewContext();

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

@@ -26,6 +26,7 @@ import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
 import '../../locale/locale.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -34,14 +35,16 @@ import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
-import 'react-i18next';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import { DynamicFooter } from '../../components/DynamicFooter/DynamicFooter.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -54,11 +57,11 @@ 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';
 import 'react-focus-lock';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
@@ -78,6 +81,7 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = useViewContext();

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
 require('../../../context/DynamicContext/DynamicContext.cjs');
-require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -31,6 +31,7 @@ require('react-international-phone');
 require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
 require('../../../locale/locale.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -39,14 +40,16 @@ require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
-require('react-i18next');
+require('../../../views/CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 var Typography = require('../../../components/Typography/Typography.cjs');
 var useAuthLayoutChecks = require('../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -59,9 +62,9 @@ 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('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -82,6 +85,7 @@ require('../../../views/WalletList/WalletList.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) => {
     const { setError } = ErrorContext.useErrorContext();
@@ -100,6 +104,11 @@ const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) =>
         if (view.type === 'farcaster-connect-view') {
             setSocialProvider(undefined);
             dynamicEvents.dynamicEvents.emit('farcasterConnectCancelled');
+            dynamicEvents.dynamicEvents.emit('authFailure', {
+                option: sdkApiCore.ProviderEnum.Farcaster,
+                provider: sdkApiCore.ProviderEnum.Farcaster,
+                type: 'social',
+            }, 'user-cancelled');
         }
         setExistentAccountData(undefined);
         setError(undefined);

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

@@ -1,11 +1,11 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
+import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
-import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -27,6 +27,7 @@ import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
 import '../../../locale/locale.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -35,14 +36,16 @@ import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
+import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
-import 'react-i18next';
+import '../../../views/CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import { Typography } from '../../../components/Typography/Typography.js';
 import { useAuthLayoutChecks } from '../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
@@ -55,9 +58,9 @@ 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 '../../../context/LoadingContext/LoadingContext.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
@@ -78,6 +81,7 @@ import '../../../views/WalletList/WalletList.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) => {
     const { setError } = useErrorContext();
@@ -96,6 +100,11 @@ const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) =>
         if (view.type === 'farcaster-connect-view') {
             setSocialProvider(undefined);
             dynamicEvents.emit('farcasterConnectCancelled');
+            dynamicEvents.emit('authFailure', {
+                option: ProviderEnum.Farcaster,
+                provider: ProviderEnum.Farcaster,
+                type: 'social',
+            }, 'user-cancelled');
         }
         setExistentAccountData(undefined);
         setError(undefined);

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

@@ -26,6 +26,7 @@ require('react-international-phone');
 require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
 require('../../../locale/locale.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -34,14 +35,16 @@ require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
-require('react-i18next');
+require('../../../views/CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../../../components/Alert/Alert.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/IconButton/IconButton.cjs');
@@ -63,16 +66,18 @@ require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.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');
 var WalletMoreInfoContent = require('./WalletMoreInfoContent/WalletMoreInfoContent.cjs');
 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');
@@ -91,6 +96,7 @@ 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 }));
     }
@@ -103,6 +109,9 @@ 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

@@ -22,6 +22,7 @@ import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
 import '../../../locale/locale.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -30,14 +31,16 @@ import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
+import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
-import 'react-i18next';
+import '../../../views/CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../../components/Alert/Alert.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';
@@ -59,16 +62,18 @@ import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.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';
 import { WalletMoreInfoContent } from './WalletMoreInfoContent/WalletMoreInfoContent.js';
 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';
@@ -87,6 +92,7 @@ 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 }));
     }
@@ -99,6 +105,9 @@ const HelpContentSwitch = () => {
     if (isPasskeyIntroView) {
         return jsx(PasskeyInfoHelper, {});
     }
+    if (isMfaSecureDeviceView) {
+        return jsx(MfaSecureDeviceHelper, {});
+    }
     return jsx(EmptyHelpContent, {});
 };
 

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

@@ -28,6 +28,7 @@ require('react-international-phone');
 require('viem');
 require('viem/chains');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -36,14 +37,16 @@ require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
+require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../../../context/MockContext/MockContext.cjs');
-require('react-i18next');
+require('../../../../views/CollectUserDataView/useFields.cjs');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 var useAuthLayoutChecks = require('../../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -55,9 +58,9 @@ 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('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -78,6 +81,7 @@ require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const HelpHeader = () => {
     const { authMode } = useInternalDynamicContext.useInternalDynamicContext();

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

@@ -24,6 +24,7 @@ import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
 import '../../../../locale/locale.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -32,14 +33,16 @@ import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
+import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../../../context/MockContext/MockContext.js';
-import 'react-i18next';
+import '../../../../views/CollectUserDataView/useFields.js';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import { useAuthLayoutChecks } from '../../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
@@ -51,9 +54,9 @@ 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 '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
@@ -74,6 +77,7 @@ import '../../../../views/WalletList/WalletList.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const HelpHeader = () => {
     const { authMode } = useInternalDynamicContext();