@dynamic-labs/sdk-react-core 0.18.0-RC.2 → 0.18.0-RC.21

package/src/lib/utils/hooks/useRpcProviders/useRpcProviders.js

@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback } from 'react';
+import { useCallback } from 'react';
 import { ChainRpcProviders } from '@dynamic-labs/rpc-providers';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
@@ -14,45 +14,23 @@ import 'ethers';
 import '../../../shared/consts/index.js';
 
 const useRpcProviders = ({ networkConfigurations, }) => {
-    const [providers, setProviders] = useState();
-    const [evmDefaultProvider, setEvmDefaultProvider] = useState();
-    const [solanaDefaultProvider, setSolanaDefaultProvider] = useState();
-    useEffect(() => {
+    let providers, evmDefaultProvider, solanaDefaultProvider;
+    if (networkConfigurations) {
         try {
-            if (networkConfigurations) {
-                setProviders(ChainRpcProviders.getProviders(networkConfigurations));
-            }
+            providers = ChainRpcProviders.getProviders(networkConfigurations);
+            evmDefaultProvider = ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, 1);
+            solanaDefaultProvider = ChainRpcProviders.getSolanaRpcProviderByChainId(networkConfigurations, '101');
         }
         catch (error) {
             logger.error(error);
         }
-    }, [networkConfigurations]);
+    }
     const getEvmRpcProviderByChainId = useCallback((chainId) => {
         if (!networkConfigurations) {
             return undefined;
         }
         return ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, chainId);
     }, [networkConfigurations]);
-    useEffect(() => {
-        try {
-            if (networkConfigurations) {
-                setEvmDefaultProvider(ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, 1));
-            }
-        }
-        catch (error) {
-            logger.error(error);
-        }
-    }, [networkConfigurations]);
-    useEffect(() => {
-        try {
-            if (networkConfigurations) {
-                setSolanaDefaultProvider(ChainRpcProviders.getSolanaRpcProviderByChainId(networkConfigurations, '101'));
-            }
-        }
-        catch (error) {
-            logger.error(error);
-        }
-    }, [networkConfigurations]);
     return {
         evmDefaultProvider,
         evmProviders: providers === null || providers === void 0 ? void 0 : providers.evm,

package/src/lib/utils/hooks/useTimeout/useTimeout.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs');
+
+// https://usehooks-ts.com/react-hook/use-timeout
+const useTimeout = (callback, delay) => {
+    const savedCallback = React.useRef(callback);
+    // Remember the latest callback if it changes.
+    useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    // Set up the timeout.
+    React.useEffect(() => {
+        // Don't schedule if no delay is specified.
+        // Note: 0 is a valid value for delay.
+        if (!delay && delay !== 0) {
+            return;
+        }
+        const id = setTimeout(() => savedCallback.current(), delay);
+        return () => clearTimeout(id);
+    }, [delay]);
+};
+
+exports.useTimeout = useTimeout;

package/src/lib/utils/hooks/useTimeout/useTimeout.d.ts

@@ -0,0 +1 @@
+export declare const useTimeout: (callback: () => void, delay: number | null) => void;

package/src/lib/utils/hooks/useTimeout/useTimeout.js

@@ -0,0 +1,23 @@
+import { useRef, useEffect } from 'react';
+import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
+
+// https://usehooks-ts.com/react-hook/use-timeout
+const useTimeout = (callback, delay) => {
+    const savedCallback = useRef(callback);
+    // Remember the latest callback if it changes.
+    useIsomorphicLayoutEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    // Set up the timeout.
+    useEffect(() => {
+        // Don't schedule if no delay is specified.
+        // Note: 0 is a valid value for delay.
+        if (!delay && delay !== 0) {
+            return;
+        }
+        const id = setTimeout(() => savedCallback.current(), delay);
+        return () => clearTimeout(id);
+    }, [delay]);
+};
+
+export { useTimeout };

package/src/lib/utils/hooks/useTransition/useTransition.cjs

@@ -10,22 +10,22 @@ var useTransitionEvents = require('../useTransitionEvents/useTransitionEvents.cj
 const DEFAULT_DURATION = 100;
 // The hook inspired by https://github.com/reactjs/react-transition-group/blob/master/src/Transition.js
 const useTransition = (_a) => {
-    var { isShown, inDuration, outDuration, duration = DEFAULT_DURATION, timeout, inTimeout, outTimeout, animateOnMount = true } = _a, events = _tslib.__rest(_a, ["isShown", "inDuration", "outDuration", "duration", "timeout", "inTimeout", "outTimeout", "animateOnMount"]);
-    const initialState = animateOnMount ? 'UNMOUNT' : 'ENTERED';
+    var { isShown, inDuration, outDuration, duration = DEFAULT_DURATION, delay, inDelay, outDelay, animateOnMount = true } = _a, events = _tslib.__rest(_a, ["isShown", "inDuration", "outDuration", "duration", "delay", "inDelay", "outDelay", "animateOnMount"]);
+    const initialStage = animateOnMount ? 'UNMOUNT' : 'ENTERED';
     const animationFrameTimeoutIdRef = React.useRef({ id: -1 });
     const timeoutIdRef = React.useRef({ id: -1 });
-    const [stage, setStage] = React.useState(initialState);
+    const [stage, setStage] = React.useState(initialStage);
     const [mount, setMount] = React.useState(!animateOnMount);
     const [currentDuration, setCurrentDuration] = React.useState(duration);
-    const conditionTimeout = (callback, timeout) => {
-        if (timeout) {
-            timeoutIdRef.current = animationFrameTimeout.animationFrameTimeout(callback, timeout);
+    const performTransition = (runTransition, transitionDelay) => {
+        if (transitionDelay) {
+            timeoutIdRef.current = animationFrameTimeout.animationFrameTimeout(runTransition, transitionDelay);
         }
         else {
-            callback();
+            runTransition();
         }
     };
-    const performEnter = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const performEnter = React.useCallback(() => {
         const animationDuration = inDuration || duration;
         setCurrentDuration(animationDuration);
         setMount(true);
@@ -33,8 +33,8 @@ const useTransition = (_a) => {
         animationFrameTimeoutIdRef.current = animationFrameTimeout.animationFrameTimeout(() => {
             setStage('ENTERED');
         }, animationDuration);
-    }), [duration, inDuration]);
-    const performExit = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    }, [duration, inDuration]);
+    const performExit = React.useCallback(() => {
         const animationDuration = outDuration || duration;
         setCurrentDuration(animationDuration);
         setStage('EXITING');
@@ -42,29 +42,21 @@ const useTransition = (_a) => {
             setMount(false);
             setStage('UNMOUNT');
         }, animationDuration);
-    }), [duration, outDuration]);
+    }, [duration, outDuration]);
     React.useEffect(() => {
         if (isShown && stage !== 'ENTERED') {
-            const enterTimeout = timeout || inTimeout;
-            conditionTimeout(performEnter, enterTimeout);
+            const enterDelay = inDelay || delay;
+            performTransition(performEnter, enterDelay);
         }
         else if (!isShown && stage !== 'UNMOUNT') {
-            const exitTimeout = timeout || outTimeout;
-            conditionTimeout(performExit, exitTimeout);
+            const exitDelay = outDelay || delay;
+            performTransition(performExit, exitDelay);
         }
         return () => {
             animationFrameTimeout.clearAnimationFrameTimeout(animationFrameTimeoutIdRef.current);
             animationFrameTimeout.clearAnimationFrameTimeout(timeoutIdRef.current);
         };
-    }, [
-        inTimeout,
-        outTimeout,
-        performEnter,
-        performExit,
-        isShown,
-        timeout,
-        stage,
-    ]);
+    }, [inDelay, outDelay, performEnter, performExit, isShown, delay, stage]);
     useTransitionEvents.useTransitionEvents(stage, events);
     return { currentDuration, mount, stage };
 };

package/src/lib/utils/hooks/useTransition/useTransition.d.ts

@@ -8,11 +8,11 @@ export type UseTransitionProps = {
     animateOnMount?: boolean;
     duration?: number;
     inDuration?: number;
-    inTimeout?: number;
+    inDelay?: number;
     isShown?: boolean;
     outDuration?: number;
-    outTimeout?: number;
-    timeout?: number;
+    outDelay?: number;
+    delay?: number;
 };
 export type Props = UseTransitionProps & UseTransitionEvents;
 export type TransitionStage = 'ENTERED' | 'ENTERING' | 'EXITING' | 'UNMOUNT';

package/src/lib/utils/hooks/useTransition/useTransition.js

@@ -1,4 +1,4 @@
-import { __rest, __awaiter } from '../../../../../_virtual/_tslib.js';
+import { __rest } from '../../../../../_virtual/_tslib.js';
 import { useRef, useState, useCallback, useEffect } from 'react';
 import { animationFrameTimeout, clearAnimationFrameTimeout } from '../../functions/animationFrameTimeout/animationFrameTimeout.js';
 import { useTransitionEvents } from '../useTransitionEvents/useTransitionEvents.js';
@@ -6,22 +6,22 @@ import { useTransitionEvents } from '../useTransitionEvents/useTransitionEvents.
 const DEFAULT_DURATION = 100;
 // The hook inspired by https://github.com/reactjs/react-transition-group/blob/master/src/Transition.js
 const useTransition = (_a) => {
-    var { isShown, inDuration, outDuration, duration = DEFAULT_DURATION, timeout, inTimeout, outTimeout, animateOnMount = true } = _a, events = __rest(_a, ["isShown", "inDuration", "outDuration", "duration", "timeout", "inTimeout", "outTimeout", "animateOnMount"]);
-    const initialState = animateOnMount ? 'UNMOUNT' : 'ENTERED';
+    var { isShown, inDuration, outDuration, duration = DEFAULT_DURATION, delay, inDelay, outDelay, animateOnMount = true } = _a, events = __rest(_a, ["isShown", "inDuration", "outDuration", "duration", "delay", "inDelay", "outDelay", "animateOnMount"]);
+    const initialStage = animateOnMount ? 'UNMOUNT' : 'ENTERED';
     const animationFrameTimeoutIdRef = useRef({ id: -1 });
     const timeoutIdRef = useRef({ id: -1 });
-    const [stage, setStage] = useState(initialState);
+    const [stage, setStage] = useState(initialStage);
     const [mount, setMount] = useState(!animateOnMount);
     const [currentDuration, setCurrentDuration] = useState(duration);
-    const conditionTimeout = (callback, timeout) => {
-        if (timeout) {
-            timeoutIdRef.current = animationFrameTimeout(callback, timeout);
+    const performTransition = (runTransition, transitionDelay) => {
+        if (transitionDelay) {
+            timeoutIdRef.current = animationFrameTimeout(runTransition, transitionDelay);
         }
         else {
-            callback();
+            runTransition();
         }
     };
-    const performEnter = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    const performEnter = useCallback(() => {
         const animationDuration = inDuration || duration;
         setCurrentDuration(animationDuration);
         setMount(true);
@@ -29,8 +29,8 @@ const useTransition = (_a) => {
         animationFrameTimeoutIdRef.current = animationFrameTimeout(() => {
             setStage('ENTERED');
         }, animationDuration);
-    }), [duration, inDuration]);
-    const performExit = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    }, [duration, inDuration]);
+    const performExit = useCallback(() => {
         const animationDuration = outDuration || duration;
         setCurrentDuration(animationDuration);
         setStage('EXITING');
@@ -38,29 +38,21 @@ const useTransition = (_a) => {
             setMount(false);
             setStage('UNMOUNT');
         }, animationDuration);
-    }), [duration, outDuration]);
+    }, [duration, outDuration]);
     useEffect(() => {
         if (isShown && stage !== 'ENTERED') {
-            const enterTimeout = timeout || inTimeout;
-            conditionTimeout(performEnter, enterTimeout);
+            const enterDelay = inDelay || delay;
+            performTransition(performEnter, enterDelay);
         }
         else if (!isShown && stage !== 'UNMOUNT') {
-            const exitTimeout = timeout || outTimeout;
-            conditionTimeout(performExit, exitTimeout);
+            const exitDelay = outDelay || delay;
+            performTransition(performExit, exitDelay);
         }
         return () => {
             clearAnimationFrameTimeout(animationFrameTimeoutIdRef.current);
             clearAnimationFrameTimeout(timeoutIdRef.current);
         };
-    }, [
-        inTimeout,
-        outTimeout,
-        performEnter,
-        performExit,
-        isShown,
-        timeout,
-        stage,
-    ]);
+    }, [inDelay, outDelay, performEnter, performExit, isShown, delay, stage]);
     useTransitionEvents(stage, events);
     return { currentDuration, mount, stage };
 };

package/src/lib/utils/hooks/useTransitionEvents/useTransitionEvents.cjs

@@ -4,21 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var useUpdateEffect = require('../useUpdateEffect/useUpdateEffect.cjs');
 
-const useTransitionEvents = (stage, events) => useUpdateEffect.useUpdateEffect(() => {
-    var _a;
+const useTransitionEvents = (stage, events) => {
     const mapCallbackToStage = {
         ENTERED: events === null || events === void 0 ? void 0 : events.onEntered,
         ENTERING: events === null || events === void 0 ? void 0 : events.onEntering,
         EXITING: events === null || events === void 0 ? void 0 : events.onExiting,
         UNMOUNT: events === null || events === void 0 ? void 0 : events.onUnmount,
     };
-    (_a = mapCallbackToStage[stage]) === null || _a === void 0 ? void 0 : _a.call(mapCallbackToStage);
-    return () => {
+    return useUpdateEffect.useUpdateEffect(() => {
         var _a;
-        if (stage === 'EXITING') {
-            (_a = mapCallbackToStage.UNMOUNT) === null || _a === void 0 ? void 0 : _a.call(mapCallbackToStage);
-        }
-    };
-}, [stage]);
+        (_a = mapCallbackToStage[stage]) === null || _a === void 0 ? void 0 : _a.call(mapCallbackToStage);
+        return () => {
+            var _a;
+            if (stage === 'EXITING') {
+                (_a = mapCallbackToStage.UNMOUNT) === null || _a === void 0 ? void 0 : _a.call(mapCallbackToStage);
+            }
+        };
+    }, [stage]);
+};
 
 exports.useTransitionEvents = useTransitionEvents;

package/src/lib/utils/hooks/useTransitionEvents/useTransitionEvents.js

@@ -1,20 +1,22 @@
 import { useUpdateEffect } from '../useUpdateEffect/useUpdateEffect.js';
 
-const useTransitionEvents = (stage, events) => useUpdateEffect(() => {
-    var _a;
+const useTransitionEvents = (stage, events) => {
     const mapCallbackToStage = {
         ENTERED: events === null || events === void 0 ? void 0 : events.onEntered,
         ENTERING: events === null || events === void 0 ? void 0 : events.onEntering,
         EXITING: events === null || events === void 0 ? void 0 : events.onExiting,
         UNMOUNT: events === null || events === void 0 ? void 0 : events.onUnmount,
     };
-    (_a = mapCallbackToStage[stage]) === null || _a === void 0 ? void 0 : _a.call(mapCallbackToStage);
-    return () => {
+    return useUpdateEffect(() => {
         var _a;
-        if (stage === 'EXITING') {
-            (_a = mapCallbackToStage.UNMOUNT) === null || _a === void 0 ? void 0 : _a.call(mapCallbackToStage);
-        }
-    };
-}, [stage]);
+        (_a = mapCallbackToStage[stage]) === null || _a === void 0 ? void 0 : _a.call(mapCallbackToStage);
+        return () => {
+            var _a;
+            if (stage === 'EXITING') {
+                (_a = mapCallbackToStage.UNMOUNT) === null || _a === void 0 ? void 0 : _a.call(mapCallbackToStage);
+            }
+        };
+    }, [stage]);
+};
 
 export { useTransitionEvents };

package/src/lib/utils/hooks/useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
@@ -16,11 +17,11 @@ var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCal
 const useUpdateUserProfileByJWTCallback = () => {
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
     const { setCallback } = useInternalDynamicContext.useInternalDynamicContext();
-    const updateUserProfileByJWT = React.useCallback((jwt) => {
-        createUserProfileByJWT(jwt);
+    const updateUserProfileByJWT = React.useCallback((jwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        yield createUserProfileByJWT(jwt);
         setCallback('userProfileUpdate');
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }), []);
     return { updateUserProfileByJWT };
 };
 

package/src/lib/utils/hooks/useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.d.ts

@@ -6,5 +6,5 @@
  * @returns An object with the 'updateUserProfileByJWT' function.
  */
 export declare const useUpdateUserProfileByJWTCallback: () => {
-    updateUserProfileByJWT: (jwt: string) => void;
+    updateUserProfileByJWT: (jwt: string) => Promise<void>;
 };

package/src/lib/utils/hooks/useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js

@@ -1,3 +1,4 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
@@ -12,11 +13,11 @@ import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTC
 const useUpdateUserProfileByJWTCallback = () => {
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
     const { setCallback } = useInternalDynamicContext();
-    const updateUserProfileByJWT = useCallback((jwt) => {
-        createUserProfileByJWT(jwt);
+    const updateUserProfileByJWT = useCallback((jwt) => __awaiter(void 0, void 0, void 0, function* () {
+        yield createUserProfileByJWT(jwt);
         setCallback('userProfileUpdate');
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }), []);
     return { updateUserProfileByJWT };
 };
 

package/src/lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs

@@ -11,6 +11,18 @@ var isEmailVerificationRequired = require('../../functions/authenication/isEmail
 var EmailVerificationContext = require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 var useEmailVerificationRequest = require('../authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs');
 var useUpdateUserProfileByJWTCallback = require('../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
+var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
 
 // User Fields Schema without captchaToken and policiesConsent properties
 const userFieldsSchema = yup.object().shape({
@@ -33,23 +45,27 @@ const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
     const { verifyEmail: verifyEmailFn } = useEmailVerificationRequest.useEmailVerificationRequest();
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback.useUpdateUserProfileByJWTCallback();
     const updateUser = React.useCallback((userFields, userEnvironmentId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
+        var _a, _b, _c;
         const validatedUserFields = yield userFieldsSchema.validate(userFields, {
             stripUnknown: validationSchemaStripUnknown,
         });
         const updateUserProfileResponse = yield api.updateUserProfileFields(jwtToken, userEnvironmentId || environmentId, validatedUserFields);
+        // check if decoded JWT still somehow has missing fields, we can't proceed if it does
+        const decodedJwt = decodeJwt.decodeJwt(updateUserProfileResponse.jwt);
+        const missingFields = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _a !== void 0 ? _a : [];
         const _isEmailVerificationRequired = isEmailVerificationRequired.isEmailVerificationRequired(updateUserProfileResponse);
         if (!_isEmailVerificationRequired) {
             // If email verification is not needed then we can update the user profile immediately.
-            updateUserProfileByJWT(updateUserProfileResponse.jwt);
+            yield updateUserProfileByJWT(updateUserProfileResponse.jwt);
             return {
-                isEmailVerificationRequired: _isEmailVerificationRequired,
+                isEmailVerificationRequired: false,
+                missingFields,
                 updateUserProfileResponse,
             };
         }
         // We update EmailContext to use this information in the Email Verification view
-        setEmail((_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.email);
-        setVerificationUUID((_b = updateUserProfileResponse.emailVerification) === null || _b === void 0 ? void 0 : _b.verificationUUID);
+        setEmail((_b = updateUserProfileResponse.emailVerification) === null || _b === void 0 ? void 0 : _b.email);
+        setVerificationUUID((_c = updateUserProfileResponse.emailVerification) === null || _c === void 0 ? void 0 : _c.verificationUUID);
         // DYN-2046 - Customers have the opportunity to programmatically use our email verification and profile editing.
         // VerifyEmailFN was scoped to bypass the problem with memoization of the state at the beginning of Promise.
         // setEmail and setVerificationUUID in the above lines will are not visible in this promise.
@@ -58,7 +74,8 @@ const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
             return verifyEmailFn(verificationToken, (_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.verificationUUID);
         };
         return {
-            isEmailVerificationRequired: _isEmailVerificationRequired,
+            isEmailVerificationRequired: true,
+            missingFields,
             updateUserProfileResponse,
             verifyEmailFn: scopedVerifyEmailFn,
         };

package/src/lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest.d.ts

@@ -4,22 +4,26 @@ export declare const useUserUpdateRequestInternal: ({ validationSchemaStripUnkno
     validationSchemaStripUnknown: boolean;
 }) => {
     updateUser: (userFields: UpdateUserFieldsArg, userEnvironmentId?: string) => Promise<{
-        isEmailVerificationRequired: false;
+        isEmailVerificationRequired: boolean;
+        missingFields: import("@dynamic-labs/sdk-api").ProjectSettingsKyc[];
         updateUserProfileResponse: import("@dynamic-labs/sdk-api").UpdateSelfResponse;
         verifyEmailFn?: undefined;
     } | {
-        isEmailVerificationRequired: true;
+        isEmailVerificationRequired: boolean;
+        missingFields: import("@dynamic-labs/sdk-api").ProjectSettingsKyc[];
         updateUserProfileResponse: import("@dynamic-labs/sdk-api").UpdateSelfResponse;
         verifyEmailFn: (verificationToken: string) => Promise<import("@dynamic-labs/sdk-api").UpdateSelfResponse>;
     }>;
 };
 export declare const useUserUpdateRequest: () => {
     updateUser: (userFields: UpdateUserFieldsArg, userEnvironmentId?: string) => Promise<{
-        isEmailVerificationRequired: false;
+        isEmailVerificationRequired: boolean;
+        missingFields: import("@dynamic-labs/sdk-api").ProjectSettingsKyc[];
         updateUserProfileResponse: import("@dynamic-labs/sdk-api").UpdateSelfResponse;
         verifyEmailFn?: undefined;
     } | {
-        isEmailVerificationRequired: true;
+        isEmailVerificationRequired: boolean;
+        missingFields: import("@dynamic-labs/sdk-api").ProjectSettingsKyc[];
         updateUserProfileResponse: import("@dynamic-labs/sdk-api").UpdateSelfResponse;
         verifyEmailFn: (verificationToken: string) => Promise<import("@dynamic-labs/sdk-api").UpdateSelfResponse>;
     }>;

package/src/lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js

@@ -7,6 +7,18 @@ import { isEmailVerificationRequired } from '../../functions/authenication/isEma
 import { useEmailVerificationContext } from '../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import { useEmailVerificationRequest } from '../authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js';
 import { useUpdateUserProfileByJWTCallback } from '../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
+import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '../../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../shared/consts/index.js';
 
 // User Fields Schema without captchaToken and policiesConsent properties
 const userFieldsSchema = object().shape({
@@ -29,23 +41,27 @@ const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
     const { verifyEmail: verifyEmailFn } = useEmailVerificationRequest();
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
     const updateUser = useCallback((userFields, userEnvironmentId) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
+        var _a, _b, _c;
         const validatedUserFields = yield userFieldsSchema.validate(userFields, {
             stripUnknown: validationSchemaStripUnknown,
         });
         const updateUserProfileResponse = yield updateUserProfileFields(jwtToken, userEnvironmentId || environmentId, validatedUserFields);
+        // check if decoded JWT still somehow has missing fields, we can't proceed if it does
+        const decodedJwt = decodeJwt(updateUserProfileResponse.jwt);
+        const missingFields = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _a !== void 0 ? _a : [];
         const _isEmailVerificationRequired = isEmailVerificationRequired(updateUserProfileResponse);
         if (!_isEmailVerificationRequired) {
             // If email verification is not needed then we can update the user profile immediately.
-            updateUserProfileByJWT(updateUserProfileResponse.jwt);
+            yield updateUserProfileByJWT(updateUserProfileResponse.jwt);
             return {
-                isEmailVerificationRequired: _isEmailVerificationRequired,
+                isEmailVerificationRequired: false,
+                missingFields,
                 updateUserProfileResponse,
             };
         }
         // We update EmailContext to use this information in the Email Verification view
-        setEmail((_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.email);
-        setVerificationUUID((_b = updateUserProfileResponse.emailVerification) === null || _b === void 0 ? void 0 : _b.verificationUUID);
+        setEmail((_b = updateUserProfileResponse.emailVerification) === null || _b === void 0 ? void 0 : _b.email);
+        setVerificationUUID((_c = updateUserProfileResponse.emailVerification) === null || _c === void 0 ? void 0 : _c.verificationUUID);
         // DYN-2046 - Customers have the opportunity to programmatically use our email verification and profile editing.
         // VerifyEmailFN was scoped to bypass the problem with memoization of the state at the beginning of Promise.
         // setEmail and setVerificationUUID in the above lines will are not visible in this promise.
@@ -54,7 +70,8 @@ const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
             return verifyEmailFn(verificationToken, (_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.verificationUUID);
         };
         return {
-            isEmailVerificationRequired: _isEmailVerificationRequired,
+            isEmailVerificationRequired: true,
+            missingFields,
             updateUserProfileResponse,
             verifyEmailFn: scopedVerifyEmailFn,
         };

package/src/lib/utils/hooks/useValidateSession/index.d.ts

@@ -0,0 +1 @@
+export { useValidateSession } from './useValidateSession';