@dynamic-labs/sdk-react-core 0.18.0-RC.7 → 0.18.0-RC.9

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

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useState, useCallback, useEffect, useMemo } from 'react';
-import { isSameAddress, getWalletConnectorByName } from '@dynamic-labs/wallet-connector-core';
+import { useState, useCallback, useMemo, useEffect } from 'react';
+import { getWalletConnectorByName, isSameAddress } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -19,11 +19,37 @@ import { createVisit } from '../../../data/api.js';
 import '@dynamic-labs/multi-wallet';
 import { shouldManuallyReconnectOnRefresh } from '../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
 
-const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly, primaryWalletId, setPrimaryWalletId) => {
+const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage(CONNECTED_WALLETS_INFO, []);
     const [connectedWallet, setConnectedWallet] = useState(null);
-    const [connectedWallets, setConnectedWallets] = useState([]);
-    const setConnectedStates = useCallback((walletConnector, address, chain, id) => {
+    const getNextIdAvailable = useCallback((currentWallets) => {
+        const existingIds = currentWallets.map(({ id }) => id);
+        const sortedIds = existingIds
+            .map((id) => Number(id.replace('connect-only-wallet-', '')))
+            .sort((a, b) => a - b);
+        for (let i = 0; i < sortedIds.length; i++) {
+            if (sortedIds[i] !== i) {
+                return i;
+            }
+        }
+        return sortedIds.length;
+    }, []);
+    const connectedWallets = useMemo(() => connectedWalletsInfo
+        .map((connectedWallet) => {
+        const walletConnector = getWalletConnectorByName(wallets.map((wallet) => wallet.walletConnector), connectedWallet.name);
+        if (!walletConnector) {
+            return null;
+        }
+        return {
+            address: connectedWallet.walletPublicKey,
+            chain: connectedWallet.chain,
+            connected: true,
+            connector: walletConnector,
+            id: connectedWallet.id,
+        };
+    })
+        .filter((wc) => wc !== null), [connectedWalletsInfo, wallets]);
+    const setConnectedStates = useCallback((walletConnector, address, chain) => {
         setConnectedWallet({
             address,
             chain,
@@ -31,27 +57,6 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
             connector: walletConnector,
             id: 'connect-only-wallet',
         });
-        setConnectedWallets((currentWallets) => {
-            const exists = currentWallets.some((currentWallet) => isSameAddress(currentWallet.address, address, chain));
-            if (currentWallets.length === 0 &&
-                authMode === 'connect-only' &&
-                !primaryWalletId) {
-                setPrimaryWalletId(`connect-only-wallet-${0}`);
-            }
-            if (exists) {
-                return currentWallets;
-            }
-            return [
-                ...currentWallets,
-                {
-                    address,
-                    chain,
-                    connected: true,
-                    connector: walletConnector,
-                    id: `connect-only-wallet-${id}`,
-                },
-            ];
-        });
         setConnectedWalletsInfo((currentWallets) => {
             const exists = currentWallets.some((currentWallet) => currentWallet.walletPublicKey === address);
             if (exists) {
@@ -61,14 +66,15 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
                 ...currentWallets,
                 {
                     chain,
+                    id: `connect-only-wallet-${getNextIdAvailable(currentWallets)}`,
                     name: walletConnector.name,
                     provider: getWalletProvider(walletConnector),
                     walletPublicKey: address,
                 },
             ];
         });
-    }, [authMode, primaryWalletId, setConnectedWalletsInfo, setPrimaryWalletId]);
-    const connectWalletByAddressAndChain = useCallback((name, address, chain, id) => __awaiter(void 0, void 0, void 0, function* () {
+    }, [getNextIdAvailable, setConnectedWalletsInfo]);
+    const connectWalletByAddressAndChain = useCallback((name, address, chain) => __awaiter(void 0, void 0, void 0, function* () {
         const walletConnector = getWalletConnectorByName(wallets.map((wallet) => wallet.walletConnector), name);
         if (walletConnector) {
             if (shouldManuallyReconnectOnRefresh(walletConnector)) {
@@ -78,7 +84,7 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
             const result = connectedAccounts.filter((account) => isSameAddress(account, address, chain));
             if (result.length > 0) {
                 walletConnector.connect();
-                setConnectedStates(walletConnector, address, chain, id);
+                setConnectedStates(walletConnector, address, chain);
             }
             else {
                 setConnectedWallet(null);
@@ -89,12 +95,11 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
         }
     }), [setConnectedStates, wallets]);
     useEffect(() => {
-        if (authMode === 'connect-only' &&
-            connectedWalletsInfo.length &&
-            !connectedWallets.length) {
-            connectedWalletsInfo.forEach(({ name, walletPublicKey, chain }, id) => {
+        const shouldUpdateConnectedWalletsState = authMode === 'connect-only' && connectedWalletsInfo.length;
+        if (shouldUpdateConnectedWalletsState) {
+            connectedWalletsInfo.forEach(({ name, walletPublicKey, chain }) => {
                 if (chain) {
-                    connectWalletByAddressAndChain(name, walletPublicKey, chain, id);
+                    connectWalletByAddressAndChain(name, walletPublicKey, chain);
                 }
             });
         }
@@ -114,7 +119,12 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
             throw error;
         }
         const chain = walletConnector.connectedChain || '';
-        setConnectedStates(walletConnector, publicWalletAddress, chain, connectedWalletsInfo.length);
+        // when we connect first wallet, it should be set as a primary wallet
+        const shouldSetPrimaryWalletId = authMode === 'connect-only' && !primaryWalletId;
+        if (shouldSetPrimaryWalletId) {
+            setPrimaryWalletId(`connect-only-wallet-${getNextIdAvailable(connectedWalletsInfo)}`);
+        }
+        setConnectedStates(walletConnector, publicWalletAddress, chain);
         if (shouldSkipCreatingVisit) {
             return publicWalletAddress;
         }
@@ -131,15 +141,23 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
         });
         return publicWalletAddress;
     });
+    const unlinkConnectedWallet = (walletId) => {
+        const filteredWallets = connectedWalletsInfo.filter((wallet) => wallet.id !== walletId);
+        if (walletId === primaryWalletId) {
+            clearPrimaryWalletId();
+        }
+        setConnectedWalletsInfo(filteredWallets);
+    };
+    const getConnectedWalletById = useCallback((walletId) => connectedWallets.find((wallet) => wallet.id === walletId), [connectedWallets]);
     return {
         connectWallet,
         connectWalletByAddressAndChain,
         connectedWallet,
         connectedWallets,
         connectedWalletsInfo,
+        getConnectedWalletById,
         removeConnectedWalletsInfo,
-        setConnectedWallet,
-        setConnectedWallets,
+        unlinkConnectedWallet,
     };
 };
 

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useCountdown = ({ callback, seconds }) => {
+    const [remainingSeconds, setRemainingSeconds] = React.useState(seconds);
+    const timeoutRef = React.useRef();
+    const startCountdown = () => {
+        if (timeoutRef.current) {
+            return setRemainingSeconds(seconds);
+        }
+        runCountdown();
+    };
+    const stopCountdown = () => {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = undefined;
+    };
+    const runCountdown = () => {
+        timeoutRef.current = setTimeout(() => {
+            setRemainingSeconds((prevSeconds) => prevSeconds - 1);
+        }, 1000);
+    };
+    React.useEffect(() => {
+        if (!timeoutRef.current)
+            return;
+        if (remainingSeconds <= 0) {
+            if (callback)
+                callback();
+            return;
+        }
+        runCountdown();
+        return () => clearTimeout(timeoutRef.current);
+    }, [remainingSeconds, callback]);
+    return { remainingSeconds, startCountdown, stopCountdown };
+};
+
+exports.useCountdown = useCountdown;

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

@@ -0,0 +1,11 @@
+type Prop = {
+    callback?: () => void;
+    seconds: number;
+};
+export interface UseCountdown {
+    remainingSeconds: number;
+    startCountdown: () => void;
+    stopCountdown: () => void;
+}
+export declare const useCountdown: ({ callback, seconds }: Prop) => UseCountdown;
+export {};

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

@@ -0,0 +1,35 @@
+import { useState, useRef, useEffect } from 'react';
+
+const useCountdown = ({ callback, seconds }) => {
+    const [remainingSeconds, setRemainingSeconds] = useState(seconds);
+    const timeoutRef = useRef();
+    const startCountdown = () => {
+        if (timeoutRef.current) {
+            return setRemainingSeconds(seconds);
+        }
+        runCountdown();
+    };
+    const stopCountdown = () => {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = undefined;
+    };
+    const runCountdown = () => {
+        timeoutRef.current = setTimeout(() => {
+            setRemainingSeconds((prevSeconds) => prevSeconds - 1);
+        }, 1000);
+    };
+    useEffect(() => {
+        if (!timeoutRef.current)
+            return;
+        if (remainingSeconds <= 0) {
+            if (callback)
+                callback();
+            return;
+        }
+        runCountdown();
+        return () => clearTimeout(timeoutRef.current);
+    }, [remainingSeconds, callback]);
+    return { remainingSeconds, startCountdown, stopCountdown };
+};
+
+export { useCountdown };

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

@@ -31,9 +31,9 @@ const useCreateUserProfileByJWTCallback = () => {
             goToInitialView();
             return;
         }
+        index.storeAuthToken(jwt);
         const userProfile = createUserProfile.createUserProfile(decodedJWT);
         setUser(userProfile);
-        index.storeAuthToken(jwt);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return { createUserProfileByJWT };

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

@@ -27,9 +27,9 @@ const useCreateUserProfileByJWTCallback = () => {
             goToInitialView();
             return;
         }
+        storeAuthToken(jwt);
         const userProfile = createUserProfile(decodedJWT);
         setUser(userProfile);
-        storeAuthToken(jwt);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return { createUserProfileByJWT };

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

@@ -17,17 +17,13 @@ require('ethers');
 var index = require('../../../shared/consts/index.cjs');
 
 const useFetchWalletsForChainsMap = (propsWalletsChainsMap) => {
-    const walletsForChainsMap = index.defaultWalletsForChains;
-    // Update default map only if is setup
-    React.useEffect(() => {
-        if (propsWalletsChainsMap) {
-            Object.assign(walletsForChainsMap, {
-                primary_chain: propsWalletsChainsMap.primary_chain,
-                wallets: Object.assign(Object.assign({}, index.defaultWalletsForChains.wallets), (Boolean(propsWalletsChainsMap.wallets) &&
-                    propsWalletsChainsMap.wallets)),
-            });
+    const walletsForChainsMap = React.useMemo(() => {
+        if (!propsWalletsChainsMap) {
+            return index.defaultWalletsForChains;
         }
-    }, []);
+        return Object.assign(Object.assign({}, index.defaultWalletsForChains), { primary_chain: propsWalletsChainsMap.primary_chain, wallets: Object.assign(Object.assign({}, index.defaultWalletsForChains.wallets), (Boolean(propsWalletsChainsMap.wallets) &&
+                propsWalletsChainsMap.wallets)) });
+    }, [propsWalletsChainsMap]);
     return { walletsForChainsMap };
 };
 

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

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useMemo } from 'react';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -13,17 +13,13 @@ import 'ethers';
 import { defaultWalletsForChains } from '../../../shared/consts/index.js';
 
 const useFetchWalletsForChainsMap = (propsWalletsChainsMap) => {
-    const walletsForChainsMap = defaultWalletsForChains;
-    // Update default map only if is setup
-    useEffect(() => {
-        if (propsWalletsChainsMap) {
-            Object.assign(walletsForChainsMap, {
-                primary_chain: propsWalletsChainsMap.primary_chain,
-                wallets: Object.assign(Object.assign({}, defaultWalletsForChains.wallets), (Boolean(propsWalletsChainsMap.wallets) &&
-                    propsWalletsChainsMap.wallets)),
-            });
+    const walletsForChainsMap = useMemo(() => {
+        if (!propsWalletsChainsMap) {
+            return defaultWalletsForChains;
         }
-    }, []);
+        return Object.assign(Object.assign({}, defaultWalletsForChains), { primary_chain: propsWalletsChainsMap.primary_chain, wallets: Object.assign(Object.assign({}, defaultWalletsForChains.wallets), (Boolean(propsWalletsChainsMap.wallets) &&
+                propsWalletsChainsMap.wallets)) });
+    }, [propsWalletsChainsMap]);
     return { walletsForChainsMap };
 };
 

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

@@ -6,10 +6,11 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useInte
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 
 const useHandleWalletsToConnect = () => {
-    const { walletsToConnectByChain, setWalletsToConnectByChain, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { walletsToConnectByChain, setWalletsToConnectByChain, setShowAuthFlow, setConnectedUser, isUserConnected, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView, goToInitialView } = ViewContext.useViewContext();
     const handleWalletsToConnect = () => {
         if (!walletsToConnectByChain) {
+            setConnectedUser(true);
             setShowAuthFlow(false);
             return;
         }
@@ -24,8 +25,17 @@ const useHandleWalletsToConnect = () => {
             return;
         }
         setWalletsToConnectByChain(restOfTheWallets);
-        if (restOfTheWallets.length === 0) {
-            setShowAuthFlow(false);
+        const allWalletsConnected = restOfTheWallets.length === 0;
+        if (allWalletsConnected) {
+            if (!isUserConnected) {
+                setConnectedUser(true);
+                setView('bridge-summary');
+            }
+            else {
+                setShowAuthFlow(false);
+                goToInitialView();
+            }
+            return;
         }
         setView('wallet-list');
     };

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

@@ -2,10 +2,11 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useIn
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 
 const useHandleWalletsToConnect = () => {
-    const { walletsToConnectByChain, setWalletsToConnectByChain, setShowAuthFlow, } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { walletsToConnectByChain, setWalletsToConnectByChain, setShowAuthFlow, setConnectedUser, isUserConnected, } = useInternalDynamicContext();
+    const { setView, goToInitialView } = useViewContext();
     const handleWalletsToConnect = () => {
         if (!walletsToConnectByChain) {
+            setConnectedUser(true);
             setShowAuthFlow(false);
             return;
         }
@@ -20,8 +21,17 @@ const useHandleWalletsToConnect = () => {
             return;
         }
         setWalletsToConnectByChain(restOfTheWallets);
-        if (restOfTheWallets.length === 0) {
-            setShowAuthFlow(false);
+        const allWalletsConnected = restOfTheWallets.length === 0;
+        if (allWalletsConnected) {
+            if (!isUserConnected) {
+                setConnectedUser(true);
+                setView('bridge-summary');
+            }
+            else {
+                setShowAuthFlow(false);
+                goToInitialView();
+            }
+            return;
         }
         setView('wallet-list');
     };

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+// https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;

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

@@ -0,0 +1,6 @@
+import { useLayoutEffect, useEffect } from 'react';
+
+// https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+
+export { useIsomorphicLayoutEffect };

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

@@ -5,19 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 const useKeyboardEventListener = ({ disabled, inputKey, onKeyPressed, }) => {
-    const handleKeydown = React.useCallback((evt) => {
-        if (disabled)
-            return;
-        if (evt.key === inputKey) {
-            onKeyPressed();
-        }
-    }, [disabled, inputKey, onKeyPressed]);
     React.useEffect(() => {
+        const handleKeydown = (evt) => {
+            if (disabled || evt.key !== inputKey)
+                return;
+            onKeyPressed();
+        };
         document.addEventListener('keydown', handleKeydown);
         return () => {
             document.removeEventListener('keydown', handleKeydown);
         };
-    }, [handleKeydown]);
+    }, [disabled, inputKey, onKeyPressed]);
 };
 
 exports.useKeyboardEventListener = useKeyboardEventListener;

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

@@ -1,19 +1,17 @@
-import { useCallback, useEffect } from 'react';
+import { useEffect } from 'react';
 
 const useKeyboardEventListener = ({ disabled, inputKey, onKeyPressed, }) => {
-    const handleKeydown = useCallback((evt) => {
-        if (disabled)
-            return;
-        if (evt.key === inputKey) {
-            onKeyPressed();
-        }
-    }, [disabled, inputKey, onKeyPressed]);
     useEffect(() => {
+        const handleKeydown = (evt) => {
+            if (disabled || evt.key !== inputKey)
+                return;
+            onKeyPressed();
+        };
         document.addEventListener('keydown', handleKeydown);
         return () => {
             document.removeEventListener('keydown', handleKeydown);
         };
-    }, [handleKeydown]);
+    }, [disabled, inputKey, onKeyPressed]);
 };
 
 export { useKeyboardEventListener };

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

@@ -5,7 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 
-const usePromise = (fetcher, deps = []) => {
+const usePromise = (fetcher, deps = [], options = {
+    enabled: true,
+}) => {
     const [state, setState] = React.useState({
         active: false,
     });
@@ -35,7 +37,9 @@ const usePromise = (fetcher, deps = []) => {
         }
     }), [setState, fetcher]);
     React.useEffect(() => {
-        fetch();
+        if (options.enabled) {
+            fetch();
+        }
     }, deps);
     return Object.assign(Object.assign({}, state), { isLoading: state.active });
 };

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

@@ -1,3 +1,6 @@
 import { DependencyList } from 'react';
 import { PromiseState } from './usePromise.types';
-export declare const usePromise: <T = unknown, E = unknown>(fetcher: () => T | Promise<T>, deps?: DependencyList) => PromiseState<T, E>;
+export type UsePromiseOptions = {
+    enabled?: boolean;
+};
+export declare const usePromise: <T = unknown, E = unknown>(fetcher: () => T | Promise<T>, deps?: DependencyList, options?: UsePromiseOptions) => PromiseState<T, E>;

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

@@ -1,7 +1,9 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useCallback, useEffect } from 'react';
 
-const usePromise = (fetcher, deps = []) => {
+const usePromise = (fetcher, deps = [], options = {
+    enabled: true,
+}) => {
     const [state, setState] = useState({
         active: false,
     });
@@ -31,7 +33,9 @@ const usePromise = (fetcher, deps = []) => {
         }
     }), [setState, fetcher]);
     useEffect(() => {
-        fetch();
+        if (options.enabled) {
+            fetch();
+        }
     }, deps);
     return Object.assign(Object.assign({}, state), { isLoading: state.active });
 };

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

@@ -18,45 +18,23 @@ require('ethers');
 require('../../../shared/consts/index.cjs');
 
 const useRpcProviders = ({ networkConfigurations, }) => {
-    const [providers, setProviders] = React.useState();
-    const [evmDefaultProvider, setEvmDefaultProvider] = React.useState();
-    const [solanaDefaultProvider, setSolanaDefaultProvider] = React.useState();
-    React.useEffect(() => {
+    let providers, evmDefaultProvider, solanaDefaultProvider;
+    if (networkConfigurations) {
         try {
-            if (networkConfigurations) {
-                setProviders(rpcProviders.ChainRpcProviders.getProviders(networkConfigurations));
-            }
+            providers = rpcProviders.ChainRpcProviders.getProviders(networkConfigurations);
+            evmDefaultProvider = rpcProviders.ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, 1);
+            solanaDefaultProvider = rpcProviders.ChainRpcProviders.getSolanaRpcProviderByChainId(networkConfigurations, '101');
         }
         catch (error) {
             logger.logger.error(error);
         }
-    }, [networkConfigurations]);
+    }
     const getEvmRpcProviderByChainId = React.useCallback((chainId) => {
         if (!networkConfigurations) {
             return undefined;
         }
         return rpcProviders.ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, chainId);
     }, [networkConfigurations]);
-    React.useEffect(() => {
-        try {
-            if (networkConfigurations) {
-                setEvmDefaultProvider(rpcProviders.ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, 1));
-            }
-        }
-        catch (error) {
-            logger.logger.error(error);
-        }
-    }, [networkConfigurations]);
-    React.useEffect(() => {
-        try {
-            if (networkConfigurations) {
-                setSolanaDefaultProvider(rpcProviders.ChainRpcProviders.getSolanaRpcProviderByChainId(networkConfigurations, '101'));
-            }
-        }
-        catch (error) {
-            logger.logger.error(error);
-        }
-    }, [networkConfigurations]);
     return {
         evmDefaultProvider,
         evmProviders: providers === null || providers === void 0 ? void 0 : providers.evm,

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

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

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,