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

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

@@ -18,23 +18,25 @@ require('../../../utils/constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../shared/consts/index.cjs');
 var api = require('../api.cjs');
+var storeAuthTokenAndUser = require('../../../store/utils/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs');
 
-const storeSelectedWallet = (_a, userJwt_1) => _tslib.__awaiter(void 0, [_a, userJwt_1], void 0, function* ({ environmentId, walletId, }, userJwt) {
+const storeSelectedWallet = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ environmentId, walletId, }) {
     try {
-        const response = yield api.sdkApi(userJwt).selectUserWallet({
+        const response = yield api.sdkApi().selectUserWallet({
             environmentId,
             userWalletSelectionRequest: {
                 walletId,
             },
         });
-        return response;
+        const user = storeAuthTokenAndUser.storeAuthTokenAndUser(response);
+        return user;
     }
     catch (e) {
         logger.logger.error('error storing selected wallet', e);
         return undefined;
     }
 });
-const linkWallet = (environmentId_1, _b, userJwt_2) => _tslib.__awaiter(void 0, [environmentId_1, _b, userJwt_2], void 0, function* (environmentId, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }, userJwt) {
+const linkWallet = (environmentId_1, _b) => _tslib.__awaiter(void 0, [environmentId_1, _b], void 0, function* (environmentId, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }) {
     const verifyRequest = sdkApiCore.VerifyRequestFromJSON({
         additionalWalletAddresses,
         backup,
@@ -49,10 +51,11 @@ const linkWallet = (environmentId_1, _b, userJwt_2) => _tslib.__awaiter(void 0,
         walletProvider,
     });
     try {
-        const response = yield api.sdkApi(userJwt).verifyLink({
+        const response = yield api.sdkApi().verifyLink({
             environmentId,
             verifyRequest,
         });
+        storeAuthTokenAndUser.storeAuthTokenAndUser(response);
         return response;
     }
     catch (e) {
@@ -69,25 +72,26 @@ const linkWallet = (environmentId_1, _b, userJwt_2) => _tslib.__awaiter(void 0,
                 walletAddress: publicWalletAddress,
             });
         }
-        return undefined;
+        throw new utils.DynamicError(data.error);
     }
 });
-const unlinkWallet = (_c, userJwt_3) => _tslib.__awaiter(void 0, [_c, userJwt_3], void 0, function* ({ environmentId, primaryWalletId, walletId, }, userJwt) {
+const unlinkWallet = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ environmentId, primaryWalletId, walletId, }) {
     try {
-        const response = yield api.sdkApi(userJwt).verifyUnlink({
+        const response = yield api.sdkApi().verifyUnlink({
             environmentId,
             verifyUnlinkRequest: {
                 primaryWalletId,
                 walletId,
             },
         });
-        return response;
+        const user = storeAuthTokenAndUser.storeAuthTokenAndUser(response);
+        return user;
     }
     catch (e) {
         return undefined;
     }
 });
-const transferWallet = (environmentId_2, _d, userJwt_4) => _tslib.__awaiter(void 0, [environmentId_2, _d, userJwt_4], void 0, function* (environmentId, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck = false, }, userJwt) {
+const transferWallet = (environmentId_2, _d) => _tslib.__awaiter(void 0, [environmentId_2, _d], void 0, function* (environmentId, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck = false, }) {
     // We should find a better way to do this than force type casting
     const verifyRequest = {
         chain,
@@ -100,17 +104,19 @@ const transferWallet = (environmentId_2, _d, userJwt_4) => _tslib.__awaiter(void
         walletProvider,
     };
     try {
-        const response = yield api.sdkApi(userJwt).verifyTransfer({
+        const response = yield api.sdkApi().verifyTransfer({
             environmentId,
             verifyRequest,
         });
-        return response;
+        const user = storeAuthTokenAndUser.storeAuthTokenAndUser(response);
+        return user;
     }
-    catch (_e) {
+    catch (e) {
+        logger.logger.error('error transferring wallet', e);
         return undefined;
     }
 });
-const verifyWallet = (environmentId_3, _f) => _tslib.__awaiter(void 0, [environmentId_3, _f], void 0, function* (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, additionalWalletAddresses, }) {
+const verifyWallet = (environmentId_3, _e) => _tslib.__awaiter(void 0, [environmentId_3, _e], void 0, function* (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, additionalWalletAddresses, }) {
     const verifyRequest = sdkApiCore.VerifyRequestFromJSON({
         additionalWalletAddresses,
         captchaToken,

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

@@ -1,14 +1,15 @@
 import { VerifyResponse } from '@dynamic-labs/sdk-api-core';
 import { VerifyWallet } from '../../../shared/types';
+import { UserProfile } from '../../../..';
 export declare const storeSelectedWallet: ({ environmentId, walletId, }: {
     environmentId: string;
     walletId: string;
-}, userJwt: string) => Promise<VerifyResponse | undefined>;
-export declare const linkWallet: (environmentId: string, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }: VerifyWallet, userJwt: string) => Promise<VerifyResponse | undefined>;
+}) => Promise<UserProfile | undefined>;
+export declare const linkWallet: (environmentId: string, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }: VerifyWallet) => Promise<VerifyResponse | undefined>;
 export declare const unlinkWallet: ({ environmentId, primaryWalletId, walletId, }: {
     environmentId: string;
     primaryWalletId: string | undefined;
     walletId: string;
-}, userJwt: string) => Promise<VerifyResponse | undefined>;
-export declare const transferWallet: (environmentId: string, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck, }: VerifyWallet, userJwt: string) => Promise<VerifyResponse | undefined>;
+}) => Promise<UserProfile | undefined>;
+export declare const transferWallet: (environmentId: string, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck, }: VerifyWallet) => Promise<UserProfile | undefined>;
 export declare const verifyWallet: (environmentId: string, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, additionalWalletAddresses, }: VerifyWallet) => Promise<VerifyResponse | undefined>;

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { VerifyRequestFromJSON } from '@dynamic-labs/sdk-api-core';
-import { WalletUsedError, MergeAccountsConfirmationError, WalletNotDeployedError, ChainalysisError, GateBlockedError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
+import { WalletUsedError, MergeAccountsConfirmationError, DynamicError, WalletNotDeployedError, ChainalysisError, GateBlockedError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -14,23 +14,25 @@ import '../../../utils/constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../shared/consts/index.js';
 import { sdkApi } from '../api.js';
+import { storeAuthTokenAndUser } from '../../../store/utils/storeAuthTokenAndUser/storeAuthTokenAndUser.js';
 
-const storeSelectedWallet = (_a, userJwt_1) => __awaiter(void 0, [_a, userJwt_1], void 0, function* ({ environmentId, walletId, }, userJwt) {
+const storeSelectedWallet = (_a) => __awaiter(void 0, [_a], void 0, function* ({ environmentId, walletId, }) {
     try {
-        const response = yield sdkApi(userJwt).selectUserWallet({
+        const response = yield sdkApi().selectUserWallet({
             environmentId,
             userWalletSelectionRequest: {
                 walletId,
             },
         });
-        return response;
+        const user = storeAuthTokenAndUser(response);
+        return user;
     }
     catch (e) {
         logger.error('error storing selected wallet', e);
         return undefined;
     }
 });
-const linkWallet = (environmentId_1, _b, userJwt_2) => __awaiter(void 0, [environmentId_1, _b, userJwt_2], void 0, function* (environmentId, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }, userJwt) {
+const linkWallet = (environmentId_1, _b) => __awaiter(void 0, [environmentId_1, _b], void 0, function* (environmentId, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }) {
     const verifyRequest = VerifyRequestFromJSON({
         additionalWalletAddresses,
         backup,
@@ -45,10 +47,11 @@ const linkWallet = (environmentId_1, _b, userJwt_2) => __awaiter(void 0, [enviro
         walletProvider,
     });
     try {
-        const response = yield sdkApi(userJwt).verifyLink({
+        const response = yield sdkApi().verifyLink({
             environmentId,
             verifyRequest,
         });
+        storeAuthTokenAndUser(response);
         return response;
     }
     catch (e) {
@@ -65,25 +68,26 @@ const linkWallet = (environmentId_1, _b, userJwt_2) => __awaiter(void 0, [enviro
                 walletAddress: publicWalletAddress,
             });
         }
-        return undefined;
+        throw new DynamicError(data.error);
     }
 });
-const unlinkWallet = (_c, userJwt_3) => __awaiter(void 0, [_c, userJwt_3], void 0, function* ({ environmentId, primaryWalletId, walletId, }, userJwt) {
+const unlinkWallet = (_c) => __awaiter(void 0, [_c], void 0, function* ({ environmentId, primaryWalletId, walletId, }) {
     try {
-        const response = yield sdkApi(userJwt).verifyUnlink({
+        const response = yield sdkApi().verifyUnlink({
             environmentId,
             verifyUnlinkRequest: {
                 primaryWalletId,
                 walletId,
             },
         });
-        return response;
+        const user = storeAuthTokenAndUser(response);
+        return user;
     }
     catch (e) {
         return undefined;
     }
 });
-const transferWallet = (environmentId_2, _d, userJwt_4) => __awaiter(void 0, [environmentId_2, _d, userJwt_4], void 0, function* (environmentId, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck = false, }, userJwt) {
+const transferWallet = (environmentId_2, _d) => __awaiter(void 0, [environmentId_2, _d], void 0, function* (environmentId, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck = false, }) {
     // We should find a better way to do this than force type casting
     const verifyRequest = {
         chain,
@@ -96,17 +100,19 @@ const transferWallet = (environmentId_2, _d, userJwt_4) => __awaiter(void 0, [en
         walletProvider,
     };
     try {
-        const response = yield sdkApi(userJwt).verifyTransfer({
+        const response = yield sdkApi().verifyTransfer({
             environmentId,
             verifyRequest,
         });
-        return response;
+        const user = storeAuthTokenAndUser(response);
+        return user;
     }
-    catch (_e) {
+    catch (e) {
+        logger.error('error transferring wallet', e);
         return undefined;
     }
 });
-const verifyWallet = (environmentId_3, _f) => __awaiter(void 0, [environmentId_3, _f], void 0, function* (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, additionalWalletAddresses, }) {
+const verifyWallet = (environmentId_3, _e) => __awaiter(void 0, [environmentId_3, _e], void 0, function* (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, additionalWalletAddresses, }) {
     const verifyRequest = VerifyRequestFromJSON({
         additionalWalletAddresses,
         captchaToken,

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);