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

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

package/src/lib/context/SendBalanceContext/SendBalanceContext.js

@@ -37,9 +37,13 @@ import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { SendBalanceModal } from '../../modals/SendBalanceModal/SendBalanceModal.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';
 import { noWalletError, invalidWalletTypeError } from './SendBalanceContext.errors.js';
 
 const sendBalanceContext = createContext(undefined);

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -38,15 +38,19 @@ require('formik');
 require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../MockContext/MockContext.cjs');
+var ErrorContext = require('../ErrorContext/ErrorContext.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 SocialRedirectContext = React.createContext(undefined);
 const SocialRedirectContextProvider = ({ children, }) => {
     var _a, _b;
-    const { setShowAuthFlow, wallets, setSelectedWalletConnector, walletUiUtils, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, isAuthenticated, setPrimaryWalletId, secondaryWallets, sdkHasLoaded, authToken, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setShowAuthFlow, wallets, setSelectedWalletConnector, walletUiUtils, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, isAuthenticated, setPrimaryWalletId, secondaryWallets, sdkHasLoaded, authToken, connectWallet, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
     const { setView } = ViewContext.useViewContext();
     const verifyWallet = useVerifyWallet.useVerifyWallet({
@@ -139,6 +143,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
                     }
                 }
                 else {
+                    yield connectWallet(socialWalletConnector);
                     const address = yield socialWalletConnector.fetchPublicAddress();
                     walletUiUtils.disabledConfirmationOnce();
                     yield verifyWallet({

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -34,15 +34,19 @@ import 'formik';
 import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import { useErrorContext } from '../ErrorContext/ErrorContext.js';
+import '../../views/CollectUserDataView/fieldsConfig.js';
 import '../MockContext/MockContext.js';
+import { useErrorContext } from '../ErrorContext/ErrorContext.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 SocialRedirectContext = createContext(undefined);
 const SocialRedirectContextProvider = ({ children, }) => {
     var _a, _b;
-    const { setShowAuthFlow, wallets, setSelectedWalletConnector, walletUiUtils, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, isAuthenticated, setPrimaryWalletId, secondaryWallets, sdkHasLoaded, authToken, } = useInternalDynamicContext();
+    const { setShowAuthFlow, wallets, setSelectedWalletConnector, walletUiUtils, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, isAuthenticated, setPrimaryWalletId, secondaryWallets, sdkHasLoaded, authToken, connectWallet, } = useInternalDynamicContext();
     const { setErrorMessage } = useErrorContext();
     const { setView } = useViewContext();
     const verifyWallet = useVerifyWallet({
@@ -135,6 +139,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
                     }
                 }
                 else {
+                    yield connectWallet(socialWalletConnector);
                     const address = yield socialWalletConnector.fetchPublicAddress();
                     walletUiUtils.disabledConfirmationOnce();
                     yield verifyWallet({

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.cjs

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var UserFieldEditorModal = require('../../modals/UserFieldEditorModal/UserFieldEditorModal.cjs');
+require('@dynamic-labs/utils');
+require('@dynamic-labs/sdk-api');
+require('../../config/ApiEndpoint.cjs');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../DynamicContext/DynamicContext.cjs');
+require('../ErrorContext/ErrorContext.cjs');
+require('../AccessDeniedContext/AccessDeniedContext.cjs');
+require('../AccountExistsContext/AccountExistsContext.cjs');
+var useConfirmationModal = require('../../utils/hooks/useConfirmationModal/useConfirmationModal.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../ThemeContext/ThemeContext.cjs');
+require('react-dom');
+require('react-focus-lock');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('formik');
+require('yup');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../MockContext/MockContext.cjs');
+require('../CaptchaContext/CaptchaContext.cjs');
+require('../EmailVerificationContext/EmailVerificationContext.cjs');
+require('@dynamic-labs/types');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+
+const UserFieldEditorContext = React.createContext(undefined);
+const UserFieldEditorContextProvider = ({ children, }) => {
+    const { modal, open } = useConfirmationModal.useConfirmationModal({
+        elementId: 'dynamic-edit-user-field',
+    });
+    /** Links the modal's actions to "open"'s resolve and reject */
+    const openUserFieldEditor = React.useCallback((modalProps, applyChanges) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        return open((resolve, reject) => {
+            const onSubmit = (fields) => applyChanges(fields).then((result) => resolve({ fields, updateUserResult: result }));
+            return (jsxRuntime.jsx(UserFieldEditorModal.UserFieldEditorModal, { fields: modalProps.fields, submitText: modalProps.submitText, title: modalProps.title, subtitle: modalProps.subtitle, onCancel: reject, onSubmit: onSubmit }));
+        });
+    }), [open]);
+    return (jsxRuntime.jsxs(UserFieldEditorContext.Provider, Object.assign({ value: { open: openUserFieldEditor } }, { children: [modal, children] })));
+};
+
+exports.UserFieldEditorContext = UserFieldEditorContext;
+exports.UserFieldEditorContextProvider = UserFieldEditorContextProvider;

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.d.ts

@@ -0,0 +1,14 @@
+import { FC, PropsWithChildren } from 'react';
+import { UserFields } from '@dynamic-labs/sdk-api';
+import { UserFieldEditorModalProps } from '../../modals/UserFieldEditorModal';
+import { UpdateUserReturnPayload } from '../../utils/hooks/useUserUpdateRequest/useUpdateUser';
+type ModalPropsType = Omit<UserFieldEditorModalProps, 'onCancel' | 'onSubmit'>;
+export type ModalReturn = {
+    fields: UserFields;
+    updateUserResult: UpdateUserReturnPayload;
+};
+export declare const UserFieldEditorContext: import("react").Context<{
+    open: (modalProps: ModalPropsType, applyChanges: (fields: UserFields) => Promise<UpdateUserReturnPayload>) => Promise<ModalReturn>;
+} | undefined>;
+export declare const UserFieldEditorContextProvider: FC<PropsWithChildren>;
+export {};