@dynamic-labs/sdk-react-core 0.19.0-alpha.0 → 0.19.0-alpha.2

package/src/lib/context/DynamicContext/hooks/useVerificationInProgress/useVerificationInProgress.cjs

@@ -22,10 +22,20 @@ const useVerificationInProgress = () => {
     // because when modal is closed manually, the flag will be false at the moment of onAuthModalClose.
     // If it was closed due to a verification process, it will be true.
     const [isVerificationInProgress, _setIsVerificationInProgress] = React.useState(false);
-    const setIsVerificationInProgress = (newValue, checkWasSetOnDisable = true) => {
-        if (checkWasSetOnDisable && !newValue && !isVerificationInProgress)
+    // Detects whether the flag is being set to false when it was already false
+    const detectRedundantDisable = (newValue, oldValue) => {
+        if (!newValue && !oldValue)
             logger.logger.debug('The "isVerificationInProgress" flag had not been previously enabled at the time of being disabled. Please ensure to set it to true whenever any kind of verification process is started');
-        _setIsVerificationInProgress(newValue);
+    };
+    // eslint-disable-next-line multiline-comment-style
+    /** Setter for isVerificationInProgress that also logs a debug message if
+     * it is set to false without having been set to true before */
+    const setIsVerificationInProgress = (newValue) => {
+        // Calls original setter with a callback. This prevents accessing an outdated value of isVerificationInProgress
+        _setIsVerificationInProgress((oldValue) => {
+            detectRedundantDisable(newValue, oldValue);
+            return newValue;
+        });
     };
     return [isVerificationInProgress, setIsVerificationInProgress];
 };

package/src/lib/context/DynamicContext/hooks/useVerificationInProgress/useVerificationInProgress.js

@@ -18,10 +18,20 @@ const useVerificationInProgress = () => {
     // because when modal is closed manually, the flag will be false at the moment of onAuthModalClose.
     // If it was closed due to a verification process, it will be true.
     const [isVerificationInProgress, _setIsVerificationInProgress] = useState(false);
-    const setIsVerificationInProgress = (newValue, checkWasSetOnDisable = true) => {
-        if (checkWasSetOnDisable && !newValue && !isVerificationInProgress)
+    // Detects whether the flag is being set to false when it was already false
+    const detectRedundantDisable = (newValue, oldValue) => {
+        if (!newValue && !oldValue)
             logger.debug('The "isVerificationInProgress" flag had not been previously enabled at the time of being disabled. Please ensure to set it to true whenever any kind of verification process is started');
-        _setIsVerificationInProgress(newValue);
+    };
+    // eslint-disable-next-line multiline-comment-style
+    /** Setter for isVerificationInProgress that also logs a debug message if
+     * it is set to false without having been set to true before */
+    const setIsVerificationInProgress = (newValue) => {
+        // Calls original setter with a callback. This prevents accessing an outdated value of isVerificationInProgress
+        _setIsVerificationInProgress((oldValue) => {
+            detectRedundantDisable(newValue, oldValue);
+            return newValue;
+        });
     };
     return [isVerificationInProgress, setIsVerificationInProgress];
 };

package/src/lib/context/DynamicContext/internalEvents/index.d.ts

@@ -0,0 +1 @@
+export * from './internalEvents';

package/src/lib/context/DynamicContext/internalEvents/internalEvents.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var EventEmitter = require('eventemitter3');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var EventEmitter__default = /*#__PURE__*/_interopDefaultLegacy(EventEmitter);
+
+// This file is temporary and should be removed after QNTM-180 is done
+const getInternalEvents = () => new EventEmitter__default["default"]();
+
+exports.getInternalEvents = getInternalEvents;

package/src/lib/context/DynamicContext/internalEvents/internalEvents.d.ts

@@ -0,0 +1,8 @@
+import EventEmitter from 'eventemitter3';
+/** Maps internal event names to their listeners */
+export type InternalEventMap = {
+    emailVerificationResult: (param: boolean) => void;
+    clearPrimaryWallet: () => void;
+};
+export type InternalEventEmitter = EventEmitter<InternalEventMap>;
+export declare const getInternalEvents: () => InternalEventEmitter;

package/src/lib/context/DynamicContext/internalEvents/internalEvents.js

@@ -0,0 +1,6 @@
+import EventEmitter from 'eventemitter3';
+
+// This file is temporary and should be removed after QNTM-180 is done
+const getInternalEvents = () => new EventEmitter();
+
+export { getInternalEvents };

package/src/lib/context/DynamicContext/types/index.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
 import { DynamicJwt, NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api';
 import { NetworkConfigurationMap, SocialProviderFilter, WalletUiUtils } from '@dynamic-labs/types';
 import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
@@ -7,7 +7,8 @@ import { SocialNetworkIconType } from '../../../utils/functions/getSocialNetwork
 import { MultiWalletWidgetStateSetter } from '../../../utils/hooks/multiWallet';
 import { ThemeData, ThemeSetting } from '../../ThemeContext';
 import { DisplayOrder, SetDisplayOrderPriority } from '../hooks';
-import { Callback } from '../useCustomerCallbacks';
+import { SetCallbackType } from '../useCustomerCallbacks';
+import { InternalEventEmitter } from '../internalEvents';
 export type ChainsToConnect = {
     chain: Chain;
     numberOfWallets: number;
@@ -29,7 +30,7 @@ export interface IDynamicContext {
     setBridgeChainToConnect: Dispatch<SetStateAction<Chain | undefined>>;
     clearStatesOnBackClick: () => void;
     computeConnectedStateForWallets: () => Promise<void>;
-    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string | undefined>;
+    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, shouldCallCallback?: boolean) => Promise<string | undefined>;
     connectedWallet: Wallet | null;
     connectedWallets: Wallet[];
     linkedWallets: Wallet[];
@@ -83,7 +84,7 @@ export interface IDynamicContext {
     selectedWalletWithAction: WalletWithAction | null;
     setAuthMode: Dispatch<SetStateAction<AuthModeType>>;
     setAuthorizationViewDisplayOrder: SetDisplayOrderPriority;
-    setCallback: (callback: Callback) => void;
+    setCallback: SetCallbackType;
     setDesktopUri: Dispatch<SetStateAction<string>>;
     setIsSingleWalletAccount: Dispatch<SetStateAction<boolean>>;
     setLogInWithEmail: Dispatch<SetStateAction<boolean>>;
@@ -126,7 +127,7 @@ export interface IDynamicContext {
     user: UserProfile | undefined;
     unlinkConnectedWallet: (walletId: string) => void;
     walletConnector: WalletConnector | null;
-    walletUiUtils: WalletUiUtils;
+    walletUiUtils: WalletUiUtils<WalletConnector>;
     wallets: WalletOption[];
     walletsFilter?: (options: WalletOption[]) => WalletOption[];
     removeConnectedWalletsInfo: () => void;
@@ -143,4 +144,6 @@ export interface IDynamicContext {
     legacyIsVerifying: boolean;
     /** Legacy setter for legacyIsVerifying */
     setLegacyIsVerifying: Dispatch<SetStateAction<boolean>>;
+    /** Temporary workaround, until QNTM-180 is complete */
+    internalEvents: MutableRefObject<InternalEventEmitter>;
 }

package/src/lib/context/DynamicContext/useCustomerCallbacks/types.d.ts

@@ -1,11 +1,17 @@
 import { WalletConnector } from '../../../..';
-import { AuthModeType, OnAuthSuccess, OnBeforeConnectSuccessConfirmation, OnConnectSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
+import { AuthModeType, OnAuthSuccess, OnBeforeConnectSuccessConfirmation, OnConnectSuccess, OnEmailVerificationFailure, OnEmailVerificationSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
 import { IDynamicContext } from '../types';
-export type Callback = 'authSuccess' | 'linkSuccess' | 'userProfileUpdate' | 'connectSuccess' | 'onBeforeConnectSuccessConfirmation';
+export type Callback = 'authSuccess' | 'linkSuccess' | 'emailVerificationSuccess' | 'emailVerificationFailure' | 'userProfileUpdate' | 'connectSuccess' | 'onBeforeConnectSuccessConfirmation';
+export type CallbackParams = {
+    /** For email verification */
+    email: string;
+};
 export type UseCustomerCallbacksArgs = {
     authMode: AuthModeType;
     callbacks: {
         onAuthSuccess?: OnAuthSuccess;
+        onEmailVerificationSuccess?: OnEmailVerificationSuccess;
+        onEmailVerificationFailure?: OnEmailVerificationFailure;
         onConnectSuccess?: OnConnectSuccess;
         onBeforeConnectSuccessConfirmation?: OnBeforeConnectSuccessConfirmation;
         onLinkSuccess?: OnAuthSuccess;
@@ -18,3 +24,4 @@ export type UseCustomerCallbacksArgs = {
     user: UserProfile | undefined;
     setIsVerificationInProgress: IDynamicContext['setIsVerificationInProgress'];
 };
+export type SetCallbackType = (callback: Callback, params?: CallbackParams) => void;

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerAuthFlowCallbacks.cjs

@@ -39,9 +39,13 @@ require('formik');
 require('yup');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../../MockContext/MockContext.cjs');
 require('../../CaptchaContext/CaptchaContext.cjs');
-require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../../EmailVerificationContext/EmailVerificationContext.cjs');
+require('@dynamic-labs/types');
+require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../UserFieldEditorContext/UserFieldEditorContext.cjs');
 
 const useCustomerAuthFlowCallbacks = ({ eventsCallbacks, showAuthFlow, }) => {
     const prevShowAuthFlow = usePrevious.usePrevious(showAuthFlow);

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerAuthFlowCallbacks.js

@@ -35,9 +35,13 @@ import 'formik';
 import 'yup';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../views/CollectUserDataView/fieldsConfig.js';
 import '../../MockContext/MockContext.js';
 import '../../CaptchaContext/CaptchaContext.js';
-import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import '../../EmailVerificationContext/EmailVerificationContext.js';
+import '@dynamic-labs/types';
+import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../UserFieldEditorContext/UserFieldEditorContext.js';
 
 const useCustomerAuthFlowCallbacks = ({ eventsCallbacks, showAuthFlow, }) => {
     const prevShowAuthFlow = usePrevious(showAuthFlow);

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.cjs

@@ -19,16 +19,13 @@ require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.cjs');
 var isConnectOnly = require('../../../utils/hooks/authenticationHooks/helpers/isConnectOnly.cjs');
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, onEmailVerificationFailure, onEmailVerificationSuccess, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }) => {
     const [callbackQueue, setCallbackQueue] = React.useState([]);
     const isConnectOnlyAndCallbackIsConnectSuccess = React.useCallback((next) => isConnectOnly.isConnectOnly(user, authMode) &&
         Boolean(primaryWallet) &&
         next === 'connectSuccess', [authMode, user, primaryWallet]);
-    React.useEffect(() => {
-        if (!callbackQueue.length) {
-            return;
-        }
-        const [peek] = callbackQueue;
+    const handleConnectOnlyAndCallbackIsConnectSuccess = React.useCallback(() => {
+        const [{ callback: peek }] = callbackQueue;
         // we need to handle connect-only different way
         // for connect-only we don't have user object or JWT (needed in connect-and-sign)
         // so we need to handle connect-only before the early returns
@@ -45,25 +42,19 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
             catch (e) {
                 logger.logger.error('Error calling onConnectSuccess: ', e);
             }
-            return;
-        }
-        if (!user) {
-            return;
-        }
-        const authToken = getAuthToken.getAuthToken();
-        if (!authToken) {
-            return;
-        }
-        // checks if user logged in with a wallet, so we need to wait
-        // for the primary wallet state to be set
-        // if user logged in with email without embedded wallet, then
-        // there is no wallet so we can go ahead and run the callback
-        if (user.isAuthenticatedWithAWallet && !primaryWallet) {
-            return;
+            return false;
         }
-        const updatedQueue = [...callbackQueue];
-        const next = updatedQueue.shift();
-        switch (next) {
+        return true;
+    }, [
+        callbackQueue,
+        isConnectOnlyAndCallbackIsConnectSuccess,
+        onConnectSuccess,
+        selectedWalletConnector,
+        setIsVerificationInProgress,
+    ]);
+    const handleNextCallback = React.useCallback((next, authToken, user) => {
+        var _a, _b, _c, _d;
+        switch (next === null || next === void 0 ? void 0 : next.callback) {
             case 'authSuccess': {
                 try {
                     setIsVerificationInProgress(false);
@@ -81,6 +72,24 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                 }
                 break;
             }
+            case 'emailVerificationFailure': {
+                try {
+                    onEmailVerificationFailure === null || onEmailVerificationFailure === void 0 ? void 0 : onEmailVerificationFailure((_b = (_a = next.params) === null || _a === void 0 ? void 0 : _a.email) !== null && _b !== void 0 ? _b : '');
+                }
+                catch (e) {
+                    logger.logger.error('Error calling onEmailVerificationFailure: ', e);
+                }
+                break;
+            }
+            case 'emailVerificationSuccess': {
+                try {
+                    onEmailVerificationSuccess === null || onEmailVerificationSuccess === void 0 ? void 0 : onEmailVerificationSuccess((_d = (_c = next.params) === null || _c === void 0 ? void 0 : _c.email) !== null && _d !== void 0 ? _d : '');
+                }
+                catch (e) {
+                    logger.logger.error('Error calling onEmailVerificationSuccess: ', e);
+                }
+                break;
+            }
             case 'linkSuccess': {
                 try {
                     onLinkSuccess === null || onLinkSuccess === void 0 ? void 0 : onLinkSuccess({
@@ -106,24 +115,46 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                 }
             }
         }
-        setCallbackQueue(updatedQueue);
     }, [
-        callbackQueue,
         handleLogOut,
         isAuthenticated,
         onAuthSuccess,
+        onEmailVerificationFailure,
+        onEmailVerificationSuccess,
         onLinkSuccess,
         onUserProfileUpdate,
-        onConnectSuccess,
         primaryWallet,
-        user,
-        authMode,
-        isConnectOnlyAndCallbackIsConnectSuccess,
-        selectedWalletConnector,
         setIsVerificationInProgress,
     ]);
-    const setCallback = (callback) => {
-        setCallbackQueue((prev) => [...prev, callback]);
+    React.useEffect(() => {
+        if (!callbackQueue.length)
+            return;
+        if (!handleConnectOnlyAndCallbackIsConnectSuccess())
+            return;
+        if (!user)
+            return;
+        const authToken = getAuthToken.getAuthToken();
+        if (!authToken)
+            return;
+        // checks if user logged in with a wallet, so we need to wait
+        // for the primary wallet state to be set
+        // if user logged in with email without embedded wallet, then
+        // there is no wallet so we can go ahead and run the callback
+        if (user.isAuthenticatedWithAWallet && !primaryWallet) {
+            return;
+        }
+        const updatedQueue = [...callbackQueue];
+        handleNextCallback(updatedQueue.shift(), authToken, user);
+        setCallbackQueue(updatedQueue);
+    }, [
+        callbackQueue,
+        handleConnectOnlyAndCallbackIsConnectSuccess,
+        handleNextCallback,
+        primaryWallet,
+        user,
+    ]);
+    const setCallback = (callback, params) => {
+        setCallbackQueue((prev) => [...prev, { callback, params }]);
     };
     return { setCallback };
 };

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.d.ts

@@ -1,4 +1,4 @@
-import { Callback, UseCustomerCallbacksArgs } from './types';
-export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }: UseCustomerCallbacksArgs) => {
-    setCallback: (callback: Callback) => void;
+import { SetCallbackType, UseCustomerCallbacksArgs } from './types';
+export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, onEmailVerificationFailure, onEmailVerificationSuccess, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }: UseCustomerCallbacksArgs) => {
+    setCallback: SetCallbackType;
 };

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.js

@@ -15,16 +15,13 @@ import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken.js';
 import { isConnectOnly } from '../../../utils/hooks/authenticationHooks/helpers/isConnectOnly.js';
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, onEmailVerificationFailure, onEmailVerificationSuccess, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }) => {
     const [callbackQueue, setCallbackQueue] = useState([]);
     const isConnectOnlyAndCallbackIsConnectSuccess = useCallback((next) => isConnectOnly(user, authMode) &&
         Boolean(primaryWallet) &&
         next === 'connectSuccess', [authMode, user, primaryWallet]);
-    useEffect(() => {
-        if (!callbackQueue.length) {
-            return;
-        }
-        const [peek] = callbackQueue;
+    const handleConnectOnlyAndCallbackIsConnectSuccess = useCallback(() => {
+        const [{ callback: peek }] = callbackQueue;
         // we need to handle connect-only different way
         // for connect-only we don't have user object or JWT (needed in connect-and-sign)
         // so we need to handle connect-only before the early returns
@@ -41,25 +38,19 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
             catch (e) {
                 logger.error('Error calling onConnectSuccess: ', e);
             }
-            return;
-        }
-        if (!user) {
-            return;
-        }
-        const authToken = getAuthToken();
-        if (!authToken) {
-            return;
-        }
-        // checks if user logged in with a wallet, so we need to wait
-        // for the primary wallet state to be set
-        // if user logged in with email without embedded wallet, then
-        // there is no wallet so we can go ahead and run the callback
-        if (user.isAuthenticatedWithAWallet && !primaryWallet) {
-            return;
+            return false;
         }
-        const updatedQueue = [...callbackQueue];
-        const next = updatedQueue.shift();
-        switch (next) {
+        return true;
+    }, [
+        callbackQueue,
+        isConnectOnlyAndCallbackIsConnectSuccess,
+        onConnectSuccess,
+        selectedWalletConnector,
+        setIsVerificationInProgress,
+    ]);
+    const handleNextCallback = useCallback((next, authToken, user) => {
+        var _a, _b, _c, _d;
+        switch (next === null || next === void 0 ? void 0 : next.callback) {
             case 'authSuccess': {
                 try {
                     setIsVerificationInProgress(false);
@@ -77,6 +68,24 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                 }
                 break;
             }
+            case 'emailVerificationFailure': {
+                try {
+                    onEmailVerificationFailure === null || onEmailVerificationFailure === void 0 ? void 0 : onEmailVerificationFailure((_b = (_a = next.params) === null || _a === void 0 ? void 0 : _a.email) !== null && _b !== void 0 ? _b : '');
+                }
+                catch (e) {
+                    logger.error('Error calling onEmailVerificationFailure: ', e);
+                }
+                break;
+            }
+            case 'emailVerificationSuccess': {
+                try {
+                    onEmailVerificationSuccess === null || onEmailVerificationSuccess === void 0 ? void 0 : onEmailVerificationSuccess((_d = (_c = next.params) === null || _c === void 0 ? void 0 : _c.email) !== null && _d !== void 0 ? _d : '');
+                }
+                catch (e) {
+                    logger.error('Error calling onEmailVerificationSuccess: ', e);
+                }
+                break;
+            }
             case 'linkSuccess': {
                 try {
                     onLinkSuccess === null || onLinkSuccess === void 0 ? void 0 : onLinkSuccess({
@@ -102,24 +111,46 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                 }
             }
         }
-        setCallbackQueue(updatedQueue);
     }, [
-        callbackQueue,
         handleLogOut,
         isAuthenticated,
         onAuthSuccess,
+        onEmailVerificationFailure,
+        onEmailVerificationSuccess,
         onLinkSuccess,
         onUserProfileUpdate,
-        onConnectSuccess,
         primaryWallet,
-        user,
-        authMode,
-        isConnectOnlyAndCallbackIsConnectSuccess,
-        selectedWalletConnector,
         setIsVerificationInProgress,
     ]);
-    const setCallback = (callback) => {
-        setCallbackQueue((prev) => [...prev, callback]);
+    useEffect(() => {
+        if (!callbackQueue.length)
+            return;
+        if (!handleConnectOnlyAndCallbackIsConnectSuccess())
+            return;
+        if (!user)
+            return;
+        const authToken = getAuthToken();
+        if (!authToken)
+            return;
+        // checks if user logged in with a wallet, so we need to wait
+        // for the primary wallet state to be set
+        // if user logged in with email without embedded wallet, then
+        // there is no wallet so we can go ahead and run the callback
+        if (user.isAuthenticatedWithAWallet && !primaryWallet) {
+            return;
+        }
+        const updatedQueue = [...callbackQueue];
+        handleNextCallback(updatedQueue.shift(), authToken, user);
+        setCallbackQueue(updatedQueue);
+    }, [
+        callbackQueue,
+        handleConnectOnlyAndCallbackIsConnectSuccess,
+        handleNextCallback,
+        primaryWallet,
+        user,
+    ]);
+    const setCallback = (callback, params) => {
+        setCallbackQueue((prev) => [...prev, { callback, params }]);
     };
     return { setCallback };
 };

package/src/lib/context/DynamicContext/useDynamicContext.cjs

@@ -11,7 +11,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, setShowBridgeWidget, sendWagmiSettings, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, setShowBridgeWidget, sendWagmiSettings, internalEvents, } = context;
     return {
         accountSwitchState,
         authMode,
@@ -21,6 +21,7 @@ const useDynamicContext = () => {
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
+        internalEvents,
         isAuthenticated,
         isFullyConnected,
         isVerificationInProgress,

package/src/lib/context/DynamicContext/useDynamicContext.d.ts

@@ -1,3 +1,3 @@
 import { IDynamicContext } from './types';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'connectedWallets' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'linkedWallets' | 'loadingNetwork' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'secondaryWallets' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'wallets' | 'walletsByChain' | 'walletsToConnectByChain' | 'setShowBridgeWidget' | 'sendWagmiSettings'>;
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'connectedWallets' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'linkedWallets' | 'loadingNetwork' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'secondaryWallets' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'wallets' | 'walletsByChain' | 'walletsToConnectByChain' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'internalEvents'>;
 export declare const useDynamicContext: () => UseDynamicContext;

package/src/lib/context/DynamicContext/useDynamicContext.js

@@ -7,7 +7,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, setShowBridgeWidget, sendWagmiSettings, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, setShowBridgeWidget, sendWagmiSettings, internalEvents, } = context;
     return {
         accountSwitchState,
         authMode,
@@ -17,6 +17,7 @@ const useDynamicContext = () => {
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
+        internalEvents,
         isAuthenticated,
         isFullyConnected,
         isVerificationInProgress,

package/src/lib/context/MockContext/MockContext.cjs

@@ -34,12 +34,16 @@ require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('formik');
+require('yup');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
-require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../EmailVerificationContext/EmailVerificationContext.cjs');
+require('@dynamic-labs/types');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 var PopperContext = require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('formik');
-require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var index$1 = require('./constants/index.cjs');

package/src/lib/context/MockContext/MockContext.js

@@ -30,12 +30,16 @@ import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import 'formik';
+import 'yup';
+import '../../views/CollectUserDataView/fieldsConfig.js';
 import '../CaptchaContext/CaptchaContext.js';
-import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import '../EmailVerificationContext/EmailVerificationContext.js';
+import '@dynamic-labs/types';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../UserFieldEditorContext/UserFieldEditorContext.js';
 import '../../components/Popper/Popper/Popper.js';
 import { PopperProvider } from '../../components/Popper/PopperContext/PopperContext.js';
-import 'formik';
-import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { walletBookMock } from './constants/index.js';

package/src/lib/context/QrCodeContext/QrCodeContext.cjs

@@ -38,10 +38,14 @@ require('formik');
 require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-var useDefaultQrCode = require('../../utils/hooks/useDefaultQrCode/useDefaultQrCode.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../MockContext/MockContext.cjs');
+var useDefaultQrCode = require('../../utils/hooks/useDefaultQrCode/useDefaultQrCode.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
-require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../EmailVerificationContext/EmailVerificationContext.cjs');
+require('@dynamic-labs/types');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 
 const QrCodeContext = React.createContext(undefined);
 const QrCodeContextProvider = ({ children, }) => {

package/src/lib/context/QrCodeContext/QrCodeContext.js

@@ -34,10 +34,14 @@ import 'formik';
 import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import { useDefaultQrCode } from '../../utils/hooks/useDefaultQrCode/useDefaultQrCode.js';
+import '../../views/CollectUserDataView/fieldsConfig.js';
 import '../MockContext/MockContext.js';
+import { useDefaultQrCode } from '../../utils/hooks/useDefaultQrCode/useDefaultQrCode.js';
 import '../CaptchaContext/CaptchaContext.js';
-import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import '../EmailVerificationContext/EmailVerificationContext.js';
+import '@dynamic-labs/types';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../UserFieldEditorContext/UserFieldEditorContext.js';
 
 const QrCodeContext = createContext(undefined);
 const QrCodeContextProvider = ({ children, }) => {

package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs

@@ -41,9 +41,13 @@ require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var SendBalanceModal = require('../../modals/SendBalanceModal/SendBalanceModal.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../MockContext/MockContext.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
-require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../EmailVerificationContext/EmailVerificationContext.cjs');
+require('@dynamic-labs/types');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 var SendBalanceContext_errors = require('./SendBalanceContext.errors.cjs');
 
 const sendBalanceContext = React.createContext(undefined);