@dynamic-labs/sdk-react-core 1.1.0-alpha.2 → 1.1.0-alpha.4

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

@@ -0,0 +1,146 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useRef } from 'react';
+import { isEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import { useWalletItemActions } from '../useWalletItemActions/useWalletItemActions.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { isProviderEnabled } from '../../functions/isProviderEnabled/isProviderEnabled.js';
+import { isEmailValid } from '../../functions/isEmailValid/isEmailValid.js';
+import { createEmailVerification, signInWithEmailVerification, getEmailProvider } from '../../../data/api.js';
+import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
+
+const mapEmailProviderToProviderEnum = {
+    dynamic: ProviderEnum.Dynamic,
+    emailOnly: ProviderEnum.EmailOnly,
+    magicLink: ProviderEnum.MagicLink,
+};
+const allSupportedProviders = Object.values(mapEmailProviderToProviderEnum);
+/**
+ * Hook to connect and verify an email using a one-time password (OTP) with specified email providers.
+ *
+ * @param props - The properties for the hook. Includes an optional 'provider' to specify the email provider.
+ * @returns An object containing two functions:
+ *    - connectWithEmail: A function to initiate the OTP process with the provided email.
+ *    - verifyOneTimePassword: A function to verify the provided OTP.
+ *
+ * @example
+ * const { connectWithEmail, verifyOneTimePassword } = useConnectWithEmailOtp({ provider: ProviderEnum.MagicLink });
+ *
+ * // To initiate the OTP process
+ * connectWithEmail('user@example.com').then(() => {
+ *   // OTP sent to the email
+ * });
+ *
+ * // To verify the OTP
+ * verifyOneTimePassword('123456').then(() => {
+ *   // OTP verification successful
+ * }).catch((error) => {
+ *   // Error handling
+ * });
+ */
+const useConnectWithEmailOtp = ({ provider, } = {}) => {
+    const { walletConnectorOptions, environmentId, projectSettings, setCallback, } = useInternalDynamicContext();
+    const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
+    const { handleInstalledExtensionClick } = useWalletItemActions();
+    const lastVerificationHandlerRef = useRef(null);
+    const providers = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || [];
+    const emailOtpWalletConnector = walletConnectorOptions
+        .map(({ walletConnector }) => walletConnector)
+        .find(isEmailOTPWalletConnector);
+    const mapProviderToEnabled = {
+        dynamic: isProviderEnabled(providers, ProviderEnum.Dynamic),
+        emailOnly: isProviderEnabled(providers, ProviderEnum.EmailOnly),
+        magicLink: isProviderEnabled(providers, ProviderEnum.MagicLink),
+    };
+    const emailHandler = (email) => __awaiter(void 0, void 0, void 0, function* () {
+        const { verificationUUID } = yield createEmailVerification({
+            email,
+            environmentId,
+        });
+        return (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
+            const { jwt } = yield signInWithEmailVerification({
+                environmentId,
+                verificationToken: oneTimePassword,
+                verificationUUID,
+            });
+            yield createUserProfileByJWT(jwt);
+            return {
+                email,
+                verified: Boolean(jwt),
+            };
+        });
+    });
+    const magicHandler = (email) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!emailOtpWalletConnector) {
+            throw new Error('OTP wallet connector was not found');
+        }
+        emailOtpWalletConnector.setEmail(email);
+        handleInstalledExtensionClick(emailOtpWalletConnector);
+        return (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
+            return ({
+                email,
+                verified: yield emailOtpWalletConnector.verifyOneTimePassword(oneTimePassword),
+            });
+        });
+    });
+    const mapProviderToHandler = {
+        [ProviderEnum.Dynamic]: emailHandler,
+        [ProviderEnum.EmailOnly]: emailHandler,
+        [ProviderEnum.MagicLink]: magicHandler,
+    };
+    const getEffectiveEmailProvider = (email) => __awaiter(void 0, void 0, void 0, function* () {
+        if (provider) {
+            return provider;
+        }
+        const { emailProvider } = yield getEmailProvider({
+            email,
+            environmentId,
+        });
+        if (!allSupportedProviders.includes(emailProvider)) {
+            throw new Error('Email provider is not supported');
+        }
+        return emailProvider;
+    });
+    const connectWithEmail = (email) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!isEmailValid(email)) {
+            throw new Error('Email is not valid');
+        }
+        const effectiveEmailProvider = yield getEffectiveEmailProvider(email);
+        if (!mapProviderToEnabled[effectiveEmailProvider]) {
+            throw new Error('Email provider is not enabled');
+        }
+        const verificationHandler = yield mapProviderToHandler[effectiveEmailProvider](email);
+        lastVerificationHandlerRef.current = verificationHandler;
+    });
+    const verifyOneTimePassword = (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!lastVerificationHandlerRef.current) {
+            throw new Error('Verification have not started, use connectWithEmail before verifying');
+        }
+        const { email, verified } = yield lastVerificationHandlerRef.current(oneTimePassword);
+        dynamicEvents.emit('emailVerificationResult', verified, email);
+        if (verified) {
+            setCallback('authSuccess');
+        }
+        else {
+            throw new Error('Email verification failed');
+        }
+    });
+    return {
+        connectWithEmail,
+        verifyOneTimePassword,
+    };
+};
+
+export { useConnectWithEmailOtp };

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

@@ -22,6 +22,7 @@ require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
+var isProviderEnabled = require('../../functions/isProviderEnabled/isProviderEnabled.cjs');
 var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 
 const useEmailProvider = ({ emailWalletConnector }) => {
@@ -39,9 +40,8 @@ const useEmailProvider = ({ emailWalletConnector }) => {
     // for magic, as long as there are magic credentials available, then could have an email
     // address that is a magic address, even if magic was previously turned off in dashboard
     const isMagicOrBloctoEnabled = isInjectedWalletProviderEnabled &&
-        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => (provider.provider === sdkApi.ProviderEnum.MagicLink &&
-            Boolean(provider.providerProjectId)) ||
-            (provider.enabledAt && provider.provider === sdkApi.ProviderEnum.Blocto)).length);
+        (isProviderEnabled.isProviderEnabled(providers || [], sdkApi.ProviderEnum.MagicLink) ||
+            isProviderEnabled.isProviderEnabled(providers || [], sdkApi.ProviderEnum.Blocto));
     const handleEmailOnlyLoginSubmit = (emailInput, captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const { email, verificationUUID } = yield api.createEmailVerification({
             captchaToken,

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

@@ -18,6 +18,7 @@ import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
+import { isProviderEnabled } from '../../functions/isProviderEnabled/isProviderEnabled.js';
 import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 
 const useEmailProvider = ({ emailWalletConnector }) => {
@@ -35,9 +36,8 @@ const useEmailProvider = ({ emailWalletConnector }) => {
     // for magic, as long as there are magic credentials available, then could have an email
     // address that is a magic address, even if magic was previously turned off in dashboard
     const isMagicOrBloctoEnabled = isInjectedWalletProviderEnabled &&
-        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => (provider.provider === ProviderEnum.MagicLink &&
-            Boolean(provider.providerProjectId)) ||
-            (provider.enabledAt && provider.provider === ProviderEnum.Blocto)).length);
+        (isProviderEnabled(providers || [], ProviderEnum.MagicLink) ||
+            isProviderEnabled(providers || [], ProviderEnum.Blocto));
     const handleEmailOnlyLoginSubmit = (emailInput, captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
         const { email, verificationUUID } = yield createEmailVerification({
             captchaToken,

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

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

package/src/lib/utils/hooks/{useFetchNetworkConfigurations/useFetchNetworkConfigurations.cjs → useProcessNetworkConfigurations/useProcessNetworkConfigurations.cjs}

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var utils = require('@dynamic-labs/utils');
 var validators = require('../../../context/DynamicContext/validators.cjs');
-var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -18,12 +16,12 @@ require('../../constants/colors.cjs');
 var localStorage$1 = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var usePrevious = require('../usePrevious/usePrevious.cjs');
 var mergeCustomerEvmNetworksWithServerNetworks = require('./utils/mergeCustomerEvmNetworksWithServerNetworks/mergeCustomerEvmNetworksWithServerNetworks.cjs');
 
-const MAX_RETRIES = 2;
-const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks: customerEvmNetworks, maxRetries = MAX_RETRIES, }) => {
+const useProcessNetworkConfigurations = ({ authToken, environmentId, evmNetworks: customerEvmNetworks, projectSettings, }) => {
     var _a;
     /**
      * This is the version of the local storage object. If the version changes, the local storage object will be removed.
@@ -32,7 +30,6 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
     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 [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
@@ -84,76 +81,65 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
         handleRemoveLsNetworks,
     ]);
     React.useEffect(() => {
-        if (!lsNetworksExists && !loading && retries < maxRetries) {
+        var _a, _b, _c, _d;
+        if (!lsNetworksExists && !loading && (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks)) {
             setLoading(true);
-            api.fetchNetworkSettings(environmentId)
-                .then((response) => {
-                var _a, _b, _c, _d;
-                if (!response)
-                    throw new utils.DynamicError('Configuration is not defined');
-                const expiry = new Date().getTime() + 60000 * 5;
-                const evm = response.find((configurations) => configurations.chainName === 'evm');
-                const solana = response.find((configurations) => configurations.chainName === 'solana');
-                const cosmos = response.find((configurations) => configurations.chainName === 'cosmos');
-                const starknet = response.find((configurations) => configurations.chainName === 'starknet');
-                let mergedEvmNetworks;
-                const createNetwork = (network, parser = (input) => input) => ({
-                    blockExplorerUrls: network.blockExplorerUrls,
-                    chainId: parser(network.chainId),
-                    iconUrls: network.iconUrls,
-                    lcdUrl: network.lcdUrl,
-                    name: network.name,
-                    nativeCurrency: network.nativeCurrency,
-                    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((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 (!customerEvmNetworks && (serverNetworks === null || serverNetworks === void 0 ? void 0 : serverNetworks.length)) {
-                    mergedEvmNetworks = serverNetworks;
-                }
-                if (serverNetworks !== undefined &&
-                    serverNetworks.length &&
-                    customerEvmNetworks !== undefined &&
-                    customerEvmNetworks.length) {
-                    mergedEvmNetworks = mergeCustomerEvmNetworksWithServerNetworks.mergeCustomerEvmNetworksWithServerNetworks(customerEvmNetworks, serverNetworks);
-                }
-                setLsNetworks({
-                    configurations: {
-                        cosmos: cosmosNetworks,
-                        evm: mergedEvmNetworks,
-                        solana: solanaNetworks,
-                        starknet: starknetNetworks,
-                    },
-                    environmentId,
-                    expiry,
-                    version: VERSION,
-                });
-                setlsNetworksExists(true);
-            })
-                .catch((e) => {
-                setRetries((currentRetries) => currentRetries + 1);
-            })
-                .finally(() => {
-                setLoading(false);
+            const { networks } = projectSettings;
+            const expiry = new Date().getTime() + 60000 * 5;
+            const evm = networks.find((configurations) => configurations.chainName === 'evm');
+            const solana = networks.find((configurations) => configurations.chainName === 'solana');
+            const cosmos = networks.find((configurations) => configurations.chainName === 'cosmos');
+            const starknet = networks.find((configurations) => configurations.chainName === 'starknet');
+            let mergedEvmNetworks;
+            const createNetwork = (network, parser = (input) => input) => ({
+                blockExplorerUrls: network.blockExplorerUrls,
+                chainId: parser(network.chainId),
+                iconUrls: network.iconUrls,
+                lcdUrl: network.lcdUrl,
+                name: network.name,
+                nativeCurrency: network.nativeCurrency,
+                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((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 (!customerEvmNetworks && (serverNetworks === null || serverNetworks === void 0 ? void 0 : serverNetworks.length)) {
+                mergedEvmNetworks = serverNetworks;
+            }
+            if (serverNetworks !== undefined &&
+                serverNetworks.length &&
+                customerEvmNetworks !== undefined &&
+                customerEvmNetworks.length) {
+                mergedEvmNetworks = mergeCustomerEvmNetworksWithServerNetworks.mergeCustomerEvmNetworksWithServerNetworks(customerEvmNetworks, serverNetworks);
+            }
+            setLsNetworks({
+                configurations: {
+                    cosmos: cosmosNetworks,
+                    evm: mergedEvmNetworks,
+                    solana: solanaNetworks,
+                    starknet: starknetNetworks,
+                },
+                environmentId,
+                expiry,
+                version: VERSION,
             });
+            setlsNetworksExists(true);
+            setLoading(false);
         }
     }, [
-        authToken,
         environmentId,
         loading,
         customerEvmNetworks,
         lsNetworksExists,
-        maxRetries,
-        retries,
         setLsNetworks,
+        projectSettings,
     ]);
     return {
         configurations: lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations,
@@ -161,4 +147,4 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
     };
 };
 
-exports.useFetchNetworkConfigurations = useFetchNetworkConfigurations;
+exports.useProcessNetworkConfigurations = useProcessNetworkConfigurations;

package/src/lib/utils/hooks/{useFetchNetworkConfigurations/useFetchNetworkConfigurations.d.ts → useProcessNetworkConfigurations/useProcessNetworkConfigurations.d.ts}

@@ -1,11 +1,12 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api';
 import { GenericNetwork } from '@dynamic-labs/types';
 export type fetchNetworkConfigurationsProps = {
     authToken: string | undefined;
     environmentId: string;
     evmNetworks?: GenericNetwork[];
-    maxRetries?: number;
+    projectSettings?: ProjectSettings;
 };
-export declare const useFetchNetworkConfigurations: ({ authToken, environmentId, evmNetworks: customerEvmNetworks, maxRetries, }: fetchNetworkConfigurationsProps) => {
+export declare const useProcessNetworkConfigurations: ({ authToken, environmentId, evmNetworks: customerEvmNetworks, projectSettings, }: fetchNetworkConfigurationsProps) => {
     configurations: import("@dynamic-labs/types").NetworkConfigurationMap | undefined;
     handleRemoveLsNetworks: () => void;
 };

package/src/lib/utils/hooks/{useFetchNetworkConfigurations/useFetchNetworkConfigurations.js → useProcessNetworkConfigurations/useProcessNetworkConfigurations.js}

@@ -1,7 +1,5 @@
 import { useState, useCallback, useEffect } from 'react';
-import { DynamicError } from '@dynamic-labs/utils';
 import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators.js';
-import { fetchNetworkSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -14,12 +12,12 @@ import '../../constants/colors.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { usePrevious } from '../usePrevious/usePrevious.js';
 import { mergeCustomerEvmNetworksWithServerNetworks } from './utils/mergeCustomerEvmNetworksWithServerNetworks/mergeCustomerEvmNetworksWithServerNetworks.js';
 
-const MAX_RETRIES = 2;
-const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks: customerEvmNetworks, maxRetries = MAX_RETRIES, }) => {
+const useProcessNetworkConfigurations = ({ authToken, environmentId, evmNetworks: customerEvmNetworks, projectSettings, }) => {
     var _a;
     /**
      * This is the version of the local storage object. If the version changes, the local storage object will be removed.
@@ -28,7 +26,6 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
     const VERSION = 2;
     const [lsNetworks, setLsNetworks, removeLsNetworks] = useLocalStorage(NETWORKS_STORAGE_KEY, undefined, validateLocalStorageExpiry);
     const [loading, setLoading] = useState(false);
-    const [retries, setRetries] = useState(0);
     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
@@ -80,76 +77,65 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
         handleRemoveLsNetworks,
     ]);
     useEffect(() => {
-        if (!lsNetworksExists && !loading && retries < maxRetries) {
+        var _a, _b, _c, _d;
+        if (!lsNetworksExists && !loading && (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks)) {
             setLoading(true);
-            fetchNetworkSettings(environmentId)
-                .then((response) => {
-                var _a, _b, _c, _d;
-                if (!response)
-                    throw new DynamicError('Configuration is not defined');
-                const expiry = new Date().getTime() + 60000 * 5;
-                const evm = response.find((configurations) => configurations.chainName === 'evm');
-                const solana = response.find((configurations) => configurations.chainName === 'solana');
-                const cosmos = response.find((configurations) => configurations.chainName === 'cosmos');
-                const starknet = response.find((configurations) => configurations.chainName === 'starknet');
-                let mergedEvmNetworks;
-                const createNetwork = (network, parser = (input) => input) => ({
-                    blockExplorerUrls: network.blockExplorerUrls,
-                    chainId: parser(network.chainId),
-                    iconUrls: network.iconUrls,
-                    lcdUrl: network.lcdUrl,
-                    name: network.name,
-                    nativeCurrency: network.nativeCurrency,
-                    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((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 (!customerEvmNetworks && (serverNetworks === null || serverNetworks === void 0 ? void 0 : serverNetworks.length)) {
-                    mergedEvmNetworks = serverNetworks;
-                }
-                if (serverNetworks !== undefined &&
-                    serverNetworks.length &&
-                    customerEvmNetworks !== undefined &&
-                    customerEvmNetworks.length) {
-                    mergedEvmNetworks = mergeCustomerEvmNetworksWithServerNetworks(customerEvmNetworks, serverNetworks);
-                }
-                setLsNetworks({
-                    configurations: {
-                        cosmos: cosmosNetworks,
-                        evm: mergedEvmNetworks,
-                        solana: solanaNetworks,
-                        starknet: starknetNetworks,
-                    },
-                    environmentId,
-                    expiry,
-                    version: VERSION,
-                });
-                setlsNetworksExists(true);
-            })
-                .catch((e) => {
-                setRetries((currentRetries) => currentRetries + 1);
-            })
-                .finally(() => {
-                setLoading(false);
+            const { networks } = projectSettings;
+            const expiry = new Date().getTime() + 60000 * 5;
+            const evm = networks.find((configurations) => configurations.chainName === 'evm');
+            const solana = networks.find((configurations) => configurations.chainName === 'solana');
+            const cosmos = networks.find((configurations) => configurations.chainName === 'cosmos');
+            const starknet = networks.find((configurations) => configurations.chainName === 'starknet');
+            let mergedEvmNetworks;
+            const createNetwork = (network, parser = (input) => input) => ({
+                blockExplorerUrls: network.blockExplorerUrls,
+                chainId: parser(network.chainId),
+                iconUrls: network.iconUrls,
+                lcdUrl: network.lcdUrl,
+                name: network.name,
+                nativeCurrency: network.nativeCurrency,
+                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((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 (!customerEvmNetworks && (serverNetworks === null || serverNetworks === void 0 ? void 0 : serverNetworks.length)) {
+                mergedEvmNetworks = serverNetworks;
+            }
+            if (serverNetworks !== undefined &&
+                serverNetworks.length &&
+                customerEvmNetworks !== undefined &&
+                customerEvmNetworks.length) {
+                mergedEvmNetworks = mergeCustomerEvmNetworksWithServerNetworks(customerEvmNetworks, serverNetworks);
+            }
+            setLsNetworks({
+                configurations: {
+                    cosmos: cosmosNetworks,
+                    evm: mergedEvmNetworks,
+                    solana: solanaNetworks,
+                    starknet: starknetNetworks,
+                },
+                environmentId,
+                expiry,
+                version: VERSION,
             });
+            setlsNetworksExists(true);
+            setLoading(false);
         }
     }, [
-        authToken,
         environmentId,
         loading,
         customerEvmNetworks,
         lsNetworksExists,
-        maxRetries,
-        retries,
         setLsNetworks,
+        projectSettings,
     ]);
     return {
         configurations: lsNetworks === null || lsNetworks === void 0 ? void 0 : lsNetworks.configurations,
@@ -157,4 +143,4 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
     };
 };
 
-export { useFetchNetworkConfigurations };
+export { useProcessNetworkConfigurations };

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.cjs

@@ -25,6 +25,7 @@ require('viem');
 require('../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var isEmailProviderEnabled = require('../../../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.cjs');
+var isEmailValid = require('../../../../utils/functions/isEmailValid/isEmailValid.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../config/ApiEndpoint.cjs');
@@ -66,7 +67,6 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 var useEmailProvider = require('../../../../utils/hooks/useEmailProvider/useEmailProvider.cjs');
 
-const EMAIL_REGEX = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
 const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError, currentEmail, }) => {
     var _a, _b, _c;
     const { t } = reactI18next.useTranslation();
@@ -112,7 +112,7 @@ const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError,
     const handleSubmit = (e) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _d;
         e.preventDefault();
-        if (!EMAIL_REGEX.test(emailInput)) {
+        if (!isEmailValid.isEmailValid(emailInput)) {
             setInvalidEmail(true);
             return;
         }
@@ -153,5 +153,4 @@ const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError,
                 }, children: "Continue" }))] }));
 };
 
-exports.EMAIL_REGEX = EMAIL_REGEX;
 exports.LoginEmailForm = LoginEmailForm;

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { LoginWidgetProps } from '../LoginWidget';
-export declare const EMAIL_REGEX: RegExp;
 interface Props extends LoginWidgetProps {
     currentEmail?: string;
 }

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.js

@@ -21,6 +21,7 @@ import 'viem';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { isEmailProviderEnabled } from '../../../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.js';
+import { isEmailValid } from '../../../../utils/functions/isEmailValid/isEmailValid.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../config/ApiEndpoint.js';
@@ -62,7 +63,6 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import { useEmailProvider } from '../../../../utils/hooks/useEmailProvider/useEmailProvider.js';
 
-const EMAIL_REGEX = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
 const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError, currentEmail, }) => {
     var _a, _b, _c;
     const { t } = useTranslation();
@@ -108,7 +108,7 @@ const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError,
     const handleSubmit = (e) => __awaiter(void 0, void 0, void 0, function* () {
         var _d;
         e.preventDefault();
-        if (!EMAIL_REGEX.test(emailInput)) {
+        if (!isEmailValid(emailInput)) {
             setInvalidEmail(true);
             return;
         }
@@ -149,4 +149,4 @@ const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError,
                 }, children: "Continue" }))] }));
 };
 
-export { EMAIL_REGEX, LoginEmailForm };
+export { LoginEmailForm };