@dynamic-labs/sdk-react-core 0.17.0-RC.6 → 0.17.0-RC.7

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

@@ -17,47 +17,69 @@ require('../../../shared/consts/index.cjs');
 var validators = require('../../../context/DynamicContext/validators.cjs');
 
 const MAX_RETRIES = 2;
-const useFetchNetworkConfigurations = ({ authToken, environmentId, localNetworks, maxRetries = MAX_RETRIES, }) => {
+const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks: customerEvmNetworks, maxRetries = MAX_RETRIES, }) => {
     var _a;
+    /**
+     * This is the version of the local storage object. If the version changes, the local storage object will be removed.
+     * This is used in case we need to change the structure of the local storage object.
+     */
+    const VERSION = 2;
     const [lsNetworks, setLsNetworks, removeLsNetworks] = useLocalStorage.useLocalStorage(localStorage.NETWORKS_STORAGE_KEY, undefined, validators.validateLocalStorageExpiry);
     const [loading, setLoading] = React.useState(false);
     const [retries, setRetries] = React.useState(0);
-    const lsNetworksExists = Boolean(lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations);
+    const [completed, setCompleted] = React.useState(false);
+    const [lsNetworksExists, setlsNetworksExists] = React.useState(Boolean(lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations) && (lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.version) === VERSION);
     // Stringify the objects for easy comparison
-    const localNetworksJson = localNetworks === null || localNetworks === void 0 ? void 0 : localNetworks.map((network) => JSON.stringify(network));
+    const customerEvmNetworksJson = customerEvmNetworks === null || customerEvmNetworks === void 0 ? void 0 : customerEvmNetworks.map((network) => JSON.stringify(network));
     React.useEffect(() => {
         if (lsNetworks && (lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.environmentId) !== environmentId) {
             removeLsNetworks();
+            setlsNetworksExists(false);
         }
-    }, [environmentId, lsNetworks, removeLsNetworks]);
+        if (lsNetworks && lsNetworks.version !== VERSION) {
+            removeLsNetworks();
+            setlsNetworksExists(false);
+        }
+    }, [
+        environmentId,
+        lsNetworks,
+        lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations,
+        lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.version,
+        removeLsNetworks,
+    ]);
     React.useEffect(() => {
         if (!authToken) {
             removeLsNetworks();
+            setlsNetworksExists(false);
         }
-    }, [authToken]);
+    }, [authToken, removeLsNetworks, setlsNetworksExists]);
     React.useEffect(() => {
         var _a, _b;
-        if (lsNetworksExists && localNetworksJson) {
+        if (lsNetworksExists && customerEvmNetworksJson && !completed) {
             const localStorageNetworksJson = (_b = (_a = lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations) === null || _a === void 0 ? void 0 : _a.evm) === null || _b === void 0 ? void 0 : _b.map((network) => JSON.stringify(network));
             if (localStorageNetworksJson) {
-                const fullMatch = localNetworksJson.every((network) => localStorageNetworksJson.indexOf(network) !== -1);
+                const fullMatch = customerEvmNetworksJson.every((network) => localStorageNetworksJson.indexOf(network) !== -1);
                 if (!fullMatch) {
                     removeLsNetworks();
+                    setlsNetworksExists(false);
                 }
+                setCompleted(true);
             }
         }
     }, [
         lsNetworksExists,
-        localNetworksJson,
+        customerEvmNetworksJson,
         removeLsNetworks,
         (_a = lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations) === null || _a === void 0 ? void 0 : _a.evm,
+        completed,
+        setCompleted,
     ]);
     React.useEffect(() => {
         if (!lsNetworksExists && !loading && retries < maxRetries) {
             setLoading(true);
             api.fetchNetworkSettings(environmentId)
                 .then((response) => {
-                var _a, _b;
+                var _a, _b, _c, _d;
                 if (!response)
                     throw new multiWallet.DynamicError('Configuration is not defined');
                 const expiry = new Date().getTime() + 60000 * 5;
@@ -66,31 +88,33 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, localNetworks
                 const cosmos = response.find((configurations) => configurations.chainName === 'cosmos');
                 const starknet = response.find((configurations) => configurations.chainName === 'starknet');
                 let mergedEvmNetworks;
-                const createEvmNetwork = (network) => ({
+                const createNetwork = (network, parser = (input) => input) => ({
                     blockExplorerUrls: network.blockExplorerUrls,
-                    chainId: parseInt(network.chainId),
-                    chainName: network.name,
+                    chainId: parser(network.chainId),
                     iconUrls: network.iconUrls,
                     lcdUrl: network.lcdUrl,
+                    name: network.name,
                     nativeCurrency: network.nativeCurrency,
-                    networkId: parseInt(network.networkId),
+                    networkId: parser(network.networkId),
                     privateCustomerRpcUrls: network.privateCustomerRpcUrls,
                     rpcUrls: network.rpcUrls,
                     vanityName: network.vanityName,
                 });
-                const cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map(createEvmNetwork);
-                const serverNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map(createEvmNetwork);
-                if (!serverNetworks && (localNetworks === null || localNetworks === void 0 ? void 0 : localNetworks.length)) {
-                    mergedEvmNetworks = localNetworks;
+                const cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map((net) => createNetwork(net, parseInt));
+                const serverNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, parseInt));
+                const starknetNetworks = (_c = starknet === null || starknet === void 0 ? void 0 : starknet.networks) === null || _c === void 0 ? void 0 : _c.map((net) => createNetwork(net));
+                const solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
+                if (!serverNetworks && (customerEvmNetworks === null || customerEvmNetworks === void 0 ? void 0 : customerEvmNetworks.length)) {
+                    mergedEvmNetworks = customerEvmNetworks;
                 }
-                if (!localNetworks && (serverNetworks === null || serverNetworks === void 0 ? void 0 : serverNetworks.length)) {
+                if (!customerEvmNetworks && (serverNetworks === null || serverNetworks === void 0 ? void 0 : serverNetworks.length)) {
                     mergedEvmNetworks = serverNetworks;
                 }
                 if (serverNetworks !== undefined &&
                     serverNetworks.length &&
-                    localNetworks !== undefined &&
-                    localNetworks.length) {
-                    mergedEvmNetworks = localNetworks.slice();
+                    customerEvmNetworks !== undefined &&
+                    customerEvmNetworks.length) {
+                    mergedEvmNetworks = customerEvmNetworks.slice();
                     serverNetworks.forEach((network) => {
                         const existingNetwork = mergedEvmNetworks === null || mergedEvmNetworks === void 0 ? void 0 : mergedEvmNetworks.find((item) => item.chainId === network.chainId);
                         if (!existingNetwork) {
@@ -102,12 +126,14 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, localNetworks
                     configurations: {
                         cosmos: cosmosNetworks,
                         evm: mergedEvmNetworks,
-                        solana: solana === null || solana === void 0 ? void 0 : solana.networks,
-                        starknet: starknet === null || starknet === void 0 ? void 0 : starknet.networks,
+                        solana: solanaNetworks,
+                        starknet: starknetNetworks,
                     },
                     environmentId,
                     expiry,
+                    version: VERSION,
                 });
+                setlsNetworksExists(true);
             })
                 .catch((e) => {
                 setRetries((currentRetries) => currentRetries + 1);
@@ -120,7 +146,7 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, localNetworks
         authToken,
         environmentId,
         loading,
-        localNetworks,
+        customerEvmNetworks,
         lsNetworksExists,
         maxRetries,
         retries,

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

@@ -1,11 +1,11 @@
-import { EvmNetwork } from '@dynamic-labs/multi-wallet';
+import { GenericNetwork } from '@dynamic-labs/types';
 export type fetchNetworkConfigurationsProps = {
     authToken: string | undefined;
     environmentId: string;
-    localNetworks?: EvmNetwork[];
+    evmNetworks?: GenericNetwork[];
     maxRetries?: number;
 };
-export declare const useFetchNetworkConfigurations: ({ authToken, environmentId, localNetworks, maxRetries, }: fetchNetworkConfigurationsProps) => {
-    configurations: import("@dynamic-labs/multi-wallet").NetworkConfigurationMap | undefined;
+export declare const useFetchNetworkConfigurations: ({ authToken, environmentId, evmNetworks: customerEvmNetworks, maxRetries, }: fetchNetworkConfigurationsProps) => {
+    configurations: import("@dynamic-labs/types").NetworkConfigurationMap | undefined;
     removeLsNetworks: () => void;
 };

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

@@ -13,47 +13,69 @@ import '../../../shared/consts/index.js';
 import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators.js';
 
 const MAX_RETRIES = 2;
-const useFetchNetworkConfigurations = ({ authToken, environmentId, localNetworks, maxRetries = MAX_RETRIES, }) => {
+const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks: customerEvmNetworks, maxRetries = MAX_RETRIES, }) => {
     var _a;
+    /**
+     * This is the version of the local storage object. If the version changes, the local storage object will be removed.
+     * This is used in case we need to change the structure of the local storage object.
+     */
+    const VERSION = 2;
     const [lsNetworks, setLsNetworks, removeLsNetworks] = useLocalStorage(NETWORKS_STORAGE_KEY, undefined, validateLocalStorageExpiry);
     const [loading, setLoading] = useState(false);
     const [retries, setRetries] = useState(0);
-    const lsNetworksExists = Boolean(lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations);
+    const [completed, setCompleted] = useState(false);
+    const [lsNetworksExists, setlsNetworksExists] = useState(Boolean(lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations) && (lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.version) === VERSION);
     // Stringify the objects for easy comparison
-    const localNetworksJson = localNetworks === null || localNetworks === void 0 ? void 0 : localNetworks.map((network) => JSON.stringify(network));
+    const customerEvmNetworksJson = customerEvmNetworks === null || customerEvmNetworks === void 0 ? void 0 : customerEvmNetworks.map((network) => JSON.stringify(network));
     useEffect(() => {
         if (lsNetworks && (lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.environmentId) !== environmentId) {
             removeLsNetworks();
+            setlsNetworksExists(false);
         }
-    }, [environmentId, lsNetworks, removeLsNetworks]);
+        if (lsNetworks && lsNetworks.version !== VERSION) {
+            removeLsNetworks();
+            setlsNetworksExists(false);
+        }
+    }, [
+        environmentId,
+        lsNetworks,
+        lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations,
+        lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.version,
+        removeLsNetworks,
+    ]);
     useEffect(() => {
         if (!authToken) {
             removeLsNetworks();
+            setlsNetworksExists(false);
         }
-    }, [authToken]);
+    }, [authToken, removeLsNetworks, setlsNetworksExists]);
     useEffect(() => {
         var _a, _b;
-        if (lsNetworksExists && localNetworksJson) {
+        if (lsNetworksExists && customerEvmNetworksJson && !completed) {
             const localStorageNetworksJson = (_b = (_a = lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations) === null || _a === void 0 ? void 0 : _a.evm) === null || _b === void 0 ? void 0 : _b.map((network) => JSON.stringify(network));
             if (localStorageNetworksJson) {
-                const fullMatch = localNetworksJson.every((network) => localStorageNetworksJson.indexOf(network) !== -1);
+                const fullMatch = customerEvmNetworksJson.every((network) => localStorageNetworksJson.indexOf(network) !== -1);
                 if (!fullMatch) {
                     removeLsNetworks();
+                    setlsNetworksExists(false);
                 }
+                setCompleted(true);
             }
         }
     }, [
         lsNetworksExists,
-        localNetworksJson,
+        customerEvmNetworksJson,
         removeLsNetworks,
         (_a = lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations) === null || _a === void 0 ? void 0 : _a.evm,
+        completed,
+        setCompleted,
     ]);
     useEffect(() => {
         if (!lsNetworksExists && !loading && retries < maxRetries) {
             setLoading(true);
             fetchNetworkSettings(environmentId)
                 .then((response) => {
-                var _a, _b;
+                var _a, _b, _c, _d;
                 if (!response)
                     throw new DynamicError('Configuration is not defined');
                 const expiry = new Date().getTime() + 60000 * 5;
@@ -62,31 +84,33 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, localNetworks
                 const cosmos = response.find((configurations) => configurations.chainName === 'cosmos');
                 const starknet = response.find((configurations) => configurations.chainName === 'starknet');
                 let mergedEvmNetworks;
-                const createEvmNetwork = (network) => ({
+                const createNetwork = (network, parser = (input) => input) => ({
                     blockExplorerUrls: network.blockExplorerUrls,
-                    chainId: parseInt(network.chainId),
-                    chainName: network.name,
+                    chainId: parser(network.chainId),
                     iconUrls: network.iconUrls,
                     lcdUrl: network.lcdUrl,
+                    name: network.name,
                     nativeCurrency: network.nativeCurrency,
-                    networkId: parseInt(network.networkId),
+                    networkId: parser(network.networkId),
                     privateCustomerRpcUrls: network.privateCustomerRpcUrls,
                     rpcUrls: network.rpcUrls,
                     vanityName: network.vanityName,
                 });
-                const cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map(createEvmNetwork);
-                const serverNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map(createEvmNetwork);
-                if (!serverNetworks && (localNetworks === null || localNetworks === void 0 ? void 0 : localNetworks.length)) {
-                    mergedEvmNetworks = localNetworks;
+                const cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map((net) => createNetwork(net, parseInt));
+                const serverNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, parseInt));
+                const starknetNetworks = (_c = starknet === null || starknet === void 0 ? void 0 : starknet.networks) === null || _c === void 0 ? void 0 : _c.map((net) => createNetwork(net));
+                const solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
+                if (!serverNetworks && (customerEvmNetworks === null || customerEvmNetworks === void 0 ? void 0 : customerEvmNetworks.length)) {
+                    mergedEvmNetworks = customerEvmNetworks;
                 }
-                if (!localNetworks && (serverNetworks === null || serverNetworks === void 0 ? void 0 : serverNetworks.length)) {
+                if (!customerEvmNetworks && (serverNetworks === null || serverNetworks === void 0 ? void 0 : serverNetworks.length)) {
                     mergedEvmNetworks = serverNetworks;
                 }
                 if (serverNetworks !== undefined &&
                     serverNetworks.length &&
-                    localNetworks !== undefined &&
-                    localNetworks.length) {
-                    mergedEvmNetworks = localNetworks.slice();
+                    customerEvmNetworks !== undefined &&
+                    customerEvmNetworks.length) {
+                    mergedEvmNetworks = customerEvmNetworks.slice();
                     serverNetworks.forEach((network) => {
                         const existingNetwork = mergedEvmNetworks === null || mergedEvmNetworks === void 0 ? void 0 : mergedEvmNetworks.find((item) => item.chainId === network.chainId);
                         if (!existingNetwork) {
@@ -98,12 +122,14 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, localNetworks
                     configurations: {
                         cosmos: cosmosNetworks,
                         evm: mergedEvmNetworks,
-                        solana: solana === null || solana === void 0 ? void 0 : solana.networks,
-                        starknet: starknet === null || starknet === void 0 ? void 0 : starknet.networks,
+                        solana: solanaNetworks,
+                        starknet: starknetNetworks,
                     },
                     environmentId,
                     expiry,
+                    version: VERSION,
                 });
+                setlsNetworksExists(true);
             })
                 .catch((e) => {
                 setRetries((currentRetries) => currentRetries + 1);
@@ -116,7 +142,7 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, localNetworks
         authToken,
         environmentId,
         loading,
-        localNetworks,
+        customerEvmNetworks,
         lsNetworksExists,
         maxRetries,
         retries,

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

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+var rpcProviders = require('@dynamic-labs/rpc-providers');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('../../constants/colors.cjs');
@@ -19,7 +20,7 @@ const useRpcProviders = ({ networkConfigurations, }) => {
     React.useEffect(() => {
         try {
             if (networkConfigurations) {
-                setProviders(multiWallet.getRpcProviders(networkConfigurations));
+                setProviders(rpcProviders.ChainRpcProviders.getProviders(networkConfigurations));
             }
         }
         catch (error) {
@@ -30,12 +31,12 @@ const useRpcProviders = ({ networkConfigurations, }) => {
         if (!networkConfigurations) {
             return undefined;
         }
-        return multiWallet.getEvmRpcProviderByChainId(networkConfigurations, chainId);
+        return rpcProviders.ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, chainId);
     }, [networkConfigurations]);
     React.useEffect(() => {
         try {
             if (networkConfigurations) {
-                setEvmDefaultProvider(multiWallet.getEvmDefaultRpcProvider(networkConfigurations));
+                setEvmDefaultProvider(rpcProviders.ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, 1));
             }
         }
         catch (error) {
@@ -45,7 +46,7 @@ const useRpcProviders = ({ networkConfigurations, }) => {
     React.useEffect(() => {
         try {
             if (networkConfigurations) {
-                setSolanaDefaultProvider(multiWallet.getSolanaDefaultRpcProvider(networkConfigurations));
+                setSolanaDefaultProvider(rpcProviders.ChainRpcProviders.getSolanaRpcProviderByChainId(networkConfigurations, '101'));
             }
         }
         catch (error) {

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

@@ -1,8 +1,8 @@
-import { NetworkConfigurationMap } from '@dynamic-labs/multi-wallet';
+import { NetworkConfigurationMap } from '@dynamic-labs/types';
 import { DynamicRPCProviders } from '../../../shared';
 type Props = {
     networkConfigurations: NetworkConfigurationMap | undefined;
-    networkId: number | undefined;
+    networkId: string | number | undefined;
 };
 export declare const useRpcProviders: ({ networkConfigurations, }: Props) => DynamicRPCProviders;
 export {};

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

@@ -1,8 +1,9 @@
 import { useState, useEffect, useCallback } from 'react';
-import { getRpcProviders, getEvmRpcProviderByChainId, getEvmDefaultRpcProvider, getSolanaDefaultRpcProvider } from '@dynamic-labs/multi-wallet';
+import { ChainRpcProviders } from '@dynamic-labs/rpc-providers';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '../../constants/colors.js';
@@ -15,23 +16,23 @@ const useRpcProviders = ({ networkConfigurations, }) => {
     useEffect(() => {
         try {
             if (networkConfigurations) {
-                setProviders(getRpcProviders(networkConfigurations));
+                setProviders(ChainRpcProviders.getProviders(networkConfigurations));
             }
         }
         catch (error) {
             logger.error(error);
         }
     }, [networkConfigurations]);
-    const getEvmRpcProviderByChainId$1 = useCallback((chainId) => {
+    const getEvmRpcProviderByChainId = useCallback((chainId) => {
         if (!networkConfigurations) {
             return undefined;
         }
-        return getEvmRpcProviderByChainId(networkConfigurations, chainId);
+        return ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, chainId);
     }, [networkConfigurations]);
     useEffect(() => {
         try {
             if (networkConfigurations) {
-                setEvmDefaultProvider(getEvmDefaultRpcProvider(networkConfigurations));
+                setEvmDefaultProvider(ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, 1));
             }
         }
         catch (error) {
@@ -41,7 +42,7 @@ const useRpcProviders = ({ networkConfigurations, }) => {
     useEffect(() => {
         try {
             if (networkConfigurations) {
-                setSolanaDefaultProvider(getSolanaDefaultRpcProvider(networkConfigurations));
+                setSolanaDefaultProvider(ChainRpcProviders.getSolanaRpcProviderByChainId(networkConfigurations, '101'));
             }
         }
         catch (error) {
@@ -51,7 +52,7 @@ const useRpcProviders = ({ networkConfigurations, }) => {
     return {
         evmDefaultProvider,
         evmProviders: providers === null || providers === void 0 ? void 0 : providers.evm,
-        getEvmRpcProviderByChainId: getEvmRpcProviderByChainId$1,
+        getEvmRpcProviderByChainId,
         solanaDefaultProvider,
         solanaProviders: providers === null || providers === void 0 ? void 0 : providers.solana,
     };

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

@@ -32,23 +32,7 @@ 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* () {
-        const handleEmailVerification = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            var _a, _b;
-            setEmail((_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.email);
-            setVerificationUUID((_b = updateUserProfileResponse.emailVerification) === null || _b === void 0 ? void 0 : _b.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.
-            const scopedVerifyEmailFn = (verificationToken) => {
-                var _a;
-                return verifyEmailFn(verificationToken, (_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.verificationUUID);
-            };
-            return {
-                isEmailVerificationRequired: _isEmailVerificationRequired,
-                updateUserProfileResponse,
-                verifyEmailFn: scopedVerifyEmailFn,
-            };
-        });
+        var _a, _b;
         const validatedUserFields = yield userFieldsSchema.validate(userFields, {
             stripUnknown: validationSchemaStripUnknown,
         });
@@ -58,11 +42,25 @@ const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
             // If email verification is not needed then we can update the user profile immediately.
             updateUserProfileByJWT(updateUserProfileResponse.jwt);
             return {
-                isEmailVerificationRequired: false,
+                isEmailVerificationRequired: _isEmailVerificationRequired,
                 updateUserProfileResponse,
             };
         }
-        return handleEmailVerification();
+        // 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);
+        // 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.
+        const scopedVerifyEmailFn = (verificationToken) => {
+            var _a;
+            return verifyEmailFn(verificationToken, (_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.verificationUUID);
+        };
+        return {
+            isEmailVerificationRequired: _isEmailVerificationRequired,
+            updateUserProfileResponse,
+            verifyEmailFn: scopedVerifyEmailFn,
+        };
     }), [
         environmentId,
         jwtToken,

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

@@ -4,21 +4,23 @@ export declare const useUserUpdateRequestInternal: ({ validationSchemaStripUnkno
     validationSchemaStripUnknown: boolean;
 }) => {
     updateUser: (userFields: UpdateUserFieldsArg, userEnvironmentId?: string) => Promise<{
-        isEmailVerificationRequired: boolean;
+        isEmailVerificationRequired: false;
         updateUserProfileResponse: import("@dynamic-labs/sdk-api").UpdateSelfResponse;
-        verifyEmailFn: (verificationToken: string) => Promise<import("@dynamic-labs/sdk-api").UpdateSelfResponse>;
+        verifyEmailFn?: undefined;
     } | {
-        isEmailVerificationRequired: boolean;
+        isEmailVerificationRequired: true;
         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: boolean;
+        isEmailVerificationRequired: false;
         updateUserProfileResponse: import("@dynamic-labs/sdk-api").UpdateSelfResponse;
-        verifyEmailFn: (verificationToken: string) => Promise<import("@dynamic-labs/sdk-api").UpdateSelfResponse>;
+        verifyEmailFn?: undefined;
     } | {
-        isEmailVerificationRequired: boolean;
+        isEmailVerificationRequired: true;
         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

@@ -28,23 +28,7 @@ const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
     const { verifyEmail: verifyEmailFn } = useEmailVerificationRequest();
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
     const updateUser = useCallback((userFields, userEnvironmentId) => __awaiter(void 0, void 0, void 0, function* () {
-        const handleEmailVerification = () => __awaiter(void 0, void 0, void 0, function* () {
-            var _a, _b;
-            setEmail((_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.email);
-            setVerificationUUID((_b = updateUserProfileResponse.emailVerification) === null || _b === void 0 ? void 0 : _b.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.
-            const scopedVerifyEmailFn = (verificationToken) => {
-                var _a;
-                return verifyEmailFn(verificationToken, (_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.verificationUUID);
-            };
-            return {
-                isEmailVerificationRequired: _isEmailVerificationRequired,
-                updateUserProfileResponse,
-                verifyEmailFn: scopedVerifyEmailFn,
-            };
-        });
+        var _a, _b;
         const validatedUserFields = yield userFieldsSchema.validate(userFields, {
             stripUnknown: validationSchemaStripUnknown,
         });
@@ -54,11 +38,25 @@ const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
             // If email verification is not needed then we can update the user profile immediately.
             updateUserProfileByJWT(updateUserProfileResponse.jwt);
             return {
-                isEmailVerificationRequired: false,
+                isEmailVerificationRequired: _isEmailVerificationRequired,
                 updateUserProfileResponse,
             };
         }
-        return handleEmailVerification();
+        // 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);
+        // 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.
+        const scopedVerifyEmailFn = (verificationToken) => {
+            var _a;
+            return verifyEmailFn(verificationToken, (_a = updateUserProfileResponse.emailVerification) === null || _a === void 0 ? void 0 : _a.verificationUUID);
+        };
+        return {
+            isEmailVerificationRequired: _isEmailVerificationRequired,
+            updateUserProfileResponse,
+            verifyEmailFn: scopedVerifyEmailFn,
+        };
     }), [
         environmentId,
         jwtToken,