@dynamic-labs/sdk-react-core 3.3.0 → 3.4.1

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.cjs

@@ -0,0 +1,126 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var useWalletItemActions = require('../../utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api-core');
+var logger = require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../store/state/loadingAndLifecycle.cjs');
+require('../../shared/consts/index.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../config/ApiEndpoint.cjs');
+require('../../store/state/user/user.cjs');
+require('../../locale/locale.cjs');
+require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../context/WalletContext/WalletContext.cjs');
+require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../store/state/environmentId.cjs');
+var walletConnectorOptions = require('../../store/state/walletConnectorOptions.cjs');
+require('react-i18next');
+require('../Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../Alert/Alert.cjs');
+require('../ShadowDOM/ShadowDOM.cjs');
+require('../IconButton/IconButton.cjs');
+require('../InlineWidget/InlineWidget.cjs');
+require('../Input/Input.cjs');
+require('../IsBrowser/IsBrowser.cjs');
+require('../MenuList/Dropdown/Dropdown.cjs');
+require('../Transition/ZoomTransition/ZoomTransition.cjs');
+require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../Popper/Popper/Popper.cjs');
+require('../Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../store/state/sendBalances.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../index.cjs');
+require('../../store/state/tokenBalances.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+
+const WalletConnectorEvents = () => {
+    const { walletConnectorOptions: walletConnectorOptions$1, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    const { handleWalletItemClick } = useWalletItemActions.useWalletItemActions();
+    // add listener for providerReady event
+    React.useEffect(() => {
+        const handleProviderReady = ({ connector, }) => {
+            logger.logger.debug('[WalletConnectorEvents] handleProviderReady - onProviderReady');
+            const updatedConnectors = walletConnectorOptions$1.map((walletOption) => {
+                if (walletOption.key === connector.key) {
+                    return Object.assign(Object.assign({}, walletOption), { isInstalledOnBrowser: connector.isInstalledOnBrowser(), walletConnector: connector });
+                }
+                return walletOption;
+            });
+            walletConnectorOptions.setWalletConnectorOptions(updatedConnectors);
+        };
+        walletConnectorCore.walletConnectorEvents.on('providerReady', handleProviderReady);
+        return () => {
+            walletConnectorCore.walletConnectorEvents.off('providerReady', handleProviderReady);
+        };
+    }, [walletConnectorOptions$1]);
+    // add listener for autoConnect event
+    React.useEffect(() => {
+        const handleAutoConnect = ({ connector, }) => {
+            logger.logger.debug('[useWalletItemActions] handleAutoConnect', { connector });
+            const walletOption = walletConnectorOptions$1.find((wallet) => wallet.walletConnector.key === connector.key);
+            if (!walletOption)
+                return;
+            handleWalletItemClick(walletOption);
+        };
+        // if there's a connected wallet, we should not auto connect another wallet
+        if (primaryWallet) {
+            return;
+        }
+        walletConnectorCore.walletConnectorEvents.on('autoConnect', handleAutoConnect);
+        return () => {
+            walletConnectorCore.walletConnectorEvents.off('autoConnect', handleAutoConnect);
+        };
+    }, [handleWalletItemClick, walletConnectorOptions$1, primaryWallet]);
+    return null;
+};
+
+exports.WalletConnectorEvents = WalletConnectorEvents;

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.d.ts

@@ -0,0 +1 @@
+export declare const WalletConnectorEvents: () => null;

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.js

@@ -0,0 +1,122 @@
+'use client'
+import { useEffect } from 'react';
+import { walletConnectorEvents } from '@dynamic-labs/wallet-connector-core';
+import { useWalletItemActions } from '../../utils/hooks/useWalletItemActions/useWalletItemActions.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/sdk-api-core';
+import { logger } from '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../store/state/loadingAndLifecycle.js';
+import '../../shared/consts/index.js';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../config/ApiEndpoint.js';
+import '../../store/state/user/user.js';
+import '../../locale/locale.js';
+import '../../store/state/projectSettings/projectSettings.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../context/WalletContext/WalletContext.js';
+import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../../views/CollectUserDataView/useFields.js';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../store/state/environmentId.js';
+import { setWalletConnectorOptions } from '../../store/state/walletConnectorOptions.js';
+import 'react-i18next';
+import '../Accordion/components/AccordionItem/AccordionItem.js';
+import '../Alert/Alert.js';
+import '../ShadowDOM/ShadowDOM.js';
+import '../IconButton/IconButton.js';
+import '../InlineWidget/InlineWidget.js';
+import '../Input/Input.js';
+import '../IsBrowser/IsBrowser.js';
+import '../MenuList/Dropdown/Dropdown.js';
+import '../Transition/ZoomTransition/ZoomTransition.js';
+import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../Transition/OpacityTransition/OpacityTransition.js';
+import '../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../Popper/Popper/Popper.js';
+import '../Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../../context/FooterAnimationContext/index.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../store/state/sendBalances.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../index.js';
+import '../../store/state/tokenBalances.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+
+const WalletConnectorEvents = () => {
+    const { walletConnectorOptions, primaryWallet } = useInternalDynamicContext();
+    const { handleWalletItemClick } = useWalletItemActions();
+    // add listener for providerReady event
+    useEffect(() => {
+        const handleProviderReady = ({ connector, }) => {
+            logger.debug('[WalletConnectorEvents] handleProviderReady - onProviderReady');
+            const updatedConnectors = walletConnectorOptions.map((walletOption) => {
+                if (walletOption.key === connector.key) {
+                    return Object.assign(Object.assign({}, walletOption), { isInstalledOnBrowser: connector.isInstalledOnBrowser(), walletConnector: connector });
+                }
+                return walletOption;
+            });
+            setWalletConnectorOptions(updatedConnectors);
+        };
+        walletConnectorEvents.on('providerReady', handleProviderReady);
+        return () => {
+            walletConnectorEvents.off('providerReady', handleProviderReady);
+        };
+    }, [walletConnectorOptions]);
+    // add listener for autoConnect event
+    useEffect(() => {
+        const handleAutoConnect = ({ connector, }) => {
+            logger.debug('[useWalletItemActions] handleAutoConnect', { connector });
+            const walletOption = walletConnectorOptions.find((wallet) => wallet.walletConnector.key === connector.key);
+            if (!walletOption)
+                return;
+            handleWalletItemClick(walletOption);
+        };
+        // if there's a connected wallet, we should not auto connect another wallet
+        if (primaryWallet) {
+            return;
+        }
+        walletConnectorEvents.on('autoConnect', handleAutoConnect);
+        return () => {
+            walletConnectorEvents.off('autoConnect', handleAutoConnect);
+        };
+    }, [handleWalletItemClick, walletConnectorOptions, primaryWallet]);
+    return null;
+};
+
+export { WalletConnectorEvents };

package/src/lib/components/WalletConnectorEvents/index.d.ts

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

package/src/lib/components/index.d.ts

@@ -72,3 +72,4 @@ export * from './EmailForm';
 export * from './StatusDot';
 export * from './OptionsSwitcher';
 export * from './TelegramAutoLogin';
+export * from './WalletConnectorEvents';

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.cjs

@@ -82,21 +82,13 @@ require('../../store/state/sendBalances.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../polyfills.cjs');
-require('../ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../FundingContext/FundingContext.cjs');
-require('../SendBalanceContext/SendBalanceContext.cjs');
+require('../../../index.cjs');
+require('../../store/state/tokenBalances.cjs');
 var ConnectWithOtpContext = require('./ConnectWithOtpContext.cjs');
 var createEmailHandler = require('./utils/createEmailHandler.cjs');
 var createMagicHandler = require('./utils/createMagicHandler.cjs');
 var createSmsHandler = require('./utils/createSmsHandler.cjs');
 var findEmailProvider = require('./utils/findEmailProvider.cjs');
-require('../ReinitializeContext/ReinitializeContextProvider.cjs');
-require('../../store/state/tokenBalances.cjs');
 
 const { Provider } = ConnectWithOtpContext.ConnectWithOtpContext;
 const ConnectWithOtpProvider = ({ children }) => {

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.js

@@ -78,21 +78,13 @@ import '../../store/state/sendBalances.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../polyfills.js';
-import '../ErrorBoundary/ErrorBoundaryBase.js';
-import '../ErrorBoundary/ErrorBoundaryContext.js';
-import '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../FundingContext/FundingContext.js';
-import '../SendBalanceContext/SendBalanceContext.js';
+import '../../../index.js';
+import '../../store/state/tokenBalances.js';
 import { ConnectWithOtpContext } from './ConnectWithOtpContext.js';
 import { createEmailHandler } from './utils/createEmailHandler.js';
 import { createMagicHandler } from './utils/createMagicHandler.js';
 import { createSmsHandler } from './utils/createSmsHandler.js';
 import { findEmailProvider } from './utils/findEmailProvider.js';
-import '../ReinitializeContext/ReinitializeContextProvider.js';
-import '../../store/state/tokenBalances.js';
 
 const { Provider } = ConnectWithOtpContext;
 const ConnectWithOtpProvider = ({ children }) => {

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.cjs

@@ -80,17 +80,7 @@ require('../../../store/state/sendBalances.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../polyfills.cjs');
-require('../../ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../FundingContext/FundingContext.cjs');
-require('../../SendBalanceContext/SendBalanceContext.cjs');
-require('../ConnectWithOtpContext.cjs');
-require('../constants.cjs');
-require('../../ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../../index.cjs');
 require('../../../store/state/tokenBalances.cjs');
 
 const createSmsHandler = (environmentId) => (phone) => _tslib.__awaiter(void 0, void 0, void 0, function* () {

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.js

@@ -76,17 +76,7 @@ import '../../../store/state/sendBalances.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../polyfills.js';
-import '../../ErrorBoundary/ErrorBoundaryBase.js';
-import '../../ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../FundingContext/FundingContext.js';
-import '../../SendBalanceContext/SendBalanceContext.js';
-import '../ConnectWithOtpContext.js';
-import '../constants.js';
-import '../../ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../index.js';
 import '../../../store/state/tokenBalances.js';
 
 const createSmsHandler = (environmentId) => (phone) => __awaiter(void 0, void 0, void 0, function* () {

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -59,7 +59,7 @@ var FieldsStateContext = require('../FieldsStateContext/FieldsStateContext.cjs')
 var UserFieldEditorContext = require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 var useValidateSession = require('../../utils/hooks/useValidateSession/useValidateSession.cjs');
-var useWalletConnectorOptions = require('../../utils/hooks/useWalletConnectorOptions/useWalletConnectorOptions.cjs');
+var useCreateWalletConnectorOptions = require('../../utils/hooks/useCreateWalletConnectorOptions/useCreateWalletConnectorOptions.cjs');
 var useWalletConnectors = require('../../utils/hooks/useWalletConnectors/useWalletConnectors.cjs');
 var useWalletUiUtils = require('../../utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs');
 var useWalletConnectorNetwork = require('../../utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.cjs');
@@ -92,9 +92,11 @@ var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicW
 var IpConfigurationContext = require('../IpConfigurationContext/IpConfigurationContext.cjs');
 var PasskeyContext = require('../PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
+var useNetworkConfigurationsFromProjectSettings = require('../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.cjs');
 var SyncAuthFlow = require('../../components/SyncAuthFlow/SyncAuthFlow.cjs');
 var Toolkit = require('../../components/Toolkit/Toolkit.cjs');
 var TelegramAutoLogin = require('../../components/TelegramAutoLogin/TelegramAutoLogin.cjs');
+var WalletConnectorEvents = require('../../components/WalletConnectorEvents/WalletConnectorEvents.cjs');
 var store = require('../../store/internalImplementation/store.cjs');
 var getMissingChains = require('../../utils/functions/getMissingChains/getMissingChains.cjs');
 var parseTheme = require('../../utils/functions/parseTheme/parseTheme.cjs');
@@ -123,7 +125,7 @@ var PhantomRedirectContext = require('../PhantomRedirectContext/PhantomRedirectC
 var ReinitializeContextProvider = require('../ReinitializeContext/ReinitializeContextProvider.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
-var networkConfigurations = require('../../store/state/networkConfigurations/networkConfigurations.cjs');
+var walletConnectorOptions = require('../../store/state/walletConnectorOptions.cjs');
 var helpers = require('./helpers/helpers.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
 var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs');
@@ -209,30 +211,28 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const [desktopUri, setDesktopUri] = React.useState('');
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState.useMultiWalletWidgetState();
     const { settings: projectSettings$1 } = projectSettings.useProjectSettings();
+    const serverNetworkConfigurations = useNetworkConfigurationsFromProjectSettings.useNetworkConfigurationsFromProjectSettings({
+        cosmosNetworkOverrides: (_d = settings$1.overrides) === null || _d === void 0 ? void 0 : _d.cosmosNetworks,
+        evmNetworksOverrides: (_e = settings$1.overrides) === null || _e === void 0 ? void 0 : _e.evmNetworks,
+        projectSettings: projectSettings$1,
+    });
     useSendDynamicProps.useSendDynamicProps({ environmentId, settings: settings$1 });
     const multiWallet = useMultiWallet.useMultiWallet({
         isBridgeFlow,
-        multiWalletOverride: (_d = settings$1.overrides) === null || _d === void 0 ? void 0 : _d.multiWallet,
-        multiWalletSettings: (_e = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _e === void 0 ? void 0 : _e.multiWallet,
+        multiWalletOverride: (_f = settings$1.overrides) === null || _f === void 0 ? void 0 : _f.multiWallet,
+        multiWalletSettings: (_g = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _g === void 0 ? void 0 : _g.multiWallet,
     });
     const multiAsset = useMultiAsset.useMultiAsset({
-        multiAssetOverride: (_f = settings$1.overrides) === null || _f === void 0 ? void 0 : _f.multiAsset,
-        multiAssetSettings: (_g = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _g === void 0 ? void 0 : _g.enableMultiAsset,
+        multiAssetOverride: (_h = settings$1.overrides) === null || _h === void 0 ? void 0 : _h.multiAsset,
+        multiAssetSettings: (_j = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _j === void 0 ? void 0 : _j.enableMultiAsset,
     });
     const showFiat = useShowFiat.useShowFiat({
-        showFiatOverride: (_h = settings$1.overrides) === null || _h === void 0 ? void 0 : _h.showFiat,
-        showFiatSettings: (_j = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _j === void 0 ? void 0 : _j.showFiat,
+        showFiatOverride: (_k = settings$1.overrides) === null || _k === void 0 ? void 0 : _k.showFiat,
+        showFiatSettings: (_l = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _l === void 0 ? void 0 : _l.showFiat,
     });
     // Used inside useVerifyOnAwaitingSignature. Is legacy and should be removed asap
     const [legacyIsVerifying, setLegacyIsVerifying] = React.useState(false);
     const walletBook$1 = walletBook.useWalletBookCdn();
-    networkConfigurations.useFetchNetworkConfigurations({
-        cosmosNetworkOverrides: (_k = settings$1.overrides) === null || _k === void 0 ? void 0 : _k.cosmosNetworks,
-        environmentId,
-        evmNetworksOverrides: (_l = settings$1.overrides) === null || _l === void 0 ? void 0 : _l.evmNetworks,
-        projectSettings: projectSettings$1,
-    });
-    const { networkConfigurations: serverNetworkConfigurations } = networkConfigurations.useNetworkConfigurations();
     const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.general) || {};
     appLogoUrl = appLogo || appLogoUrl;
     appName = displayName || appName;
@@ -243,7 +243,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         appName,
         hideEmbeddedWalletTransactionUIs: !((_o = (_m = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk) === null || _m === void 0 ? void 0 : _m.embeddedWallets) === null || _o === void 0 ? void 0 : _o.showEmbeddedWalletActionsUI),
     });
-    const { walletConnectorOptions } = useWalletConnectorOptions.useWalletConnectorOptions({
+    useCreateWalletConnectorOptions.useCreateWalletConnectorOptions({
         appLogoUrl,
         appName,
         coinbaseWalletPreference,
@@ -258,6 +258,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         walletConnectorsProp,
         walletUiUtils,
     });
+    const walletConnectorOptions$1 = walletConnectorOptions.useWalletConnectorOptions();
     const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage.AUTH_MODE, initialAuthenticationMode);
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId({
         environmentId,
@@ -273,7 +274,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         isMultiWalletEnabled: multiWallet,
         isRenderingEmbeddedAuthFlow,
         setShowDynamicUserProfile,
-        walletConnectorOptions,
+        walletConnectorOptions: walletConnectorOptions$1,
     });
     const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet.useConnectWallet({
         authMode,
@@ -286,14 +287,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         setPrimaryWalletId,
         setShowAuthFlow,
         user: user$1,
-        walletConnectorOptions,
+        walletConnectorOptions: walletConnectorOptions$1,
     });
     const bridgeChainsToConnect = React.useMemo(() => getMissingChains.getMissingChains(bridgeChains, connectedWalletsInfo), [bridgeChains, connectedWalletsInfo]);
-    const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector.useSelectedWalletConnector({ walletConnectorOptions });
+    const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector.useSelectedWalletConnector({ walletConnectorOptions: walletConnectorOptions$1 });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
-    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user$1 !== null && user$1 !== void 0 ? user$1 : userWithMissingInfo, walletConnectorOptions);
-    useSetWalletConnectorFetchers.useSetWalletConnectorFetchers(walletConnectorOptions, environmentId);
+    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user$1 !== null && user$1 !== void 0 ? user$1 : userWithMissingInfo, walletConnectorOptions$1);
+    useSetWalletConnectorFetchers.useSetWalletConnectorFetchers(walletConnectorOptions$1, environmentId);
     const { primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         authMode,
         canHaveMultipleWalletsConnected: multiWallet,
@@ -302,7 +303,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         setMultiWalletWidgetState,
         setPrimaryWalletId,
         user: user$1 || userWithMissingInfo,
-        walletConnectorOptions,
+        walletConnectorOptions: walletConnectorOptions$1,
     });
     React.useEffect(() => {
         setRequiredWalletsConnected(!(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) && Boolean(primaryWallet));
@@ -568,7 +569,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             toolkitEnabled,
             user: user$1,
             userWithMissingInfo,
-            walletConnectorOptions,
+            walletConnectorOptions: walletConnectorOptions$1,
             walletUiUtils,
             walletsFilter,
         });
@@ -676,7 +677,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         theme,
         toolkitEnabled,
         userWithMissingInfo,
-        walletConnectorOptions,
+        walletConnectorOptions$1,
         walletUiUtils,
         walletsFilter,
     ]);
@@ -716,7 +717,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),
                                 isBridgeFlow,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), jsxRuntime.jsx(TelegramAutoLogin.TelegramAutoLogin, {}), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), jsxRuntime.jsx(TelegramAutoLogin.TelegramAutoLogin, {}), jsxRuntime.jsx(WalletConnectorEvents.WalletConnectorEvents, {}), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -55,7 +55,7 @@ import { FieldsStateProvider } from '../FieldsStateContext/FieldsStateContext.js
 import { UserFieldEditorContextProvider } from '../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import { useValidateSession } from '../../utils/hooks/useValidateSession/useValidateSession.js';
-import { useWalletConnectorOptions } from '../../utils/hooks/useWalletConnectorOptions/useWalletConnectorOptions.js';
+import { useCreateWalletConnectorOptions } from '../../utils/hooks/useCreateWalletConnectorOptions/useCreateWalletConnectorOptions.js';
 import { useWalletConnectors } from '../../utils/hooks/useWalletConnectors/useWalletConnectors.js';
 import { useWalletUiUtils } from '../../utils/hooks/useWalletUiUtils/useWalletUiUtils.js';
 import { useWalletConnectorNetwork } from '../../utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.js';
@@ -88,9 +88,11 @@ import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/contex
 import { IpConfigurationContextProvider } from '../IpConfigurationContext/IpConfigurationContext.js';
 import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
+import { useNetworkConfigurationsFromProjectSettings } from '../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.js';
 import { SyncAuthFlow } from '../../components/SyncAuthFlow/SyncAuthFlow.js';
 import { Toolkit } from '../../components/Toolkit/Toolkit.js';
 import { TelegramAutoLogin } from '../../components/TelegramAutoLogin/TelegramAutoLogin.js';
+import { WalletConnectorEvents } from '../../components/WalletConnectorEvents/WalletConnectorEvents.js';
 import { removeStoreInstance, initializeStore } from '../../store/internalImplementation/store.js';
 import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
 import { parseTheme } from '../../utils/functions/parseTheme/parseTheme.js';
@@ -119,7 +121,7 @@ import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/Phanto
 import { ReinitializeContextProvider } from '../ReinitializeContext/ReinitializeContextProvider.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
-import { useFetchNetworkConfigurations, useNetworkConfigurations } from '../../store/state/networkConfigurations/networkConfigurations.js';
+import { useWalletConnectorOptions } from '../../store/state/walletConnectorOptions.js';
 import { resolveNetworkValidationMode, initExpirationTime, getInitialView, getDeepLinkPreference } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
@@ -205,30 +207,28 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     const [desktopUri, setDesktopUri] = useState('');
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState();
     const { settings: projectSettings } = useProjectSettings();
+    const serverNetworkConfigurations = useNetworkConfigurationsFromProjectSettings({
+        cosmosNetworkOverrides: (_d = settings.overrides) === null || _d === void 0 ? void 0 : _d.cosmosNetworks,
+        evmNetworksOverrides: (_e = settings.overrides) === null || _e === void 0 ? void 0 : _e.evmNetworks,
+        projectSettings,
+    });
     useSendDynamicProps({ environmentId, settings });
     const multiWallet = useMultiWallet({
         isBridgeFlow,
-        multiWalletOverride: (_d = settings.overrides) === null || _d === void 0 ? void 0 : _d.multiWallet,
-        multiWalletSettings: (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.multiWallet,
+        multiWalletOverride: (_f = settings.overrides) === null || _f === void 0 ? void 0 : _f.multiWallet,
+        multiWalletSettings: (_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _g === void 0 ? void 0 : _g.multiWallet,
     });
     const multiAsset = useMultiAsset({
-        multiAssetOverride: (_f = settings.overrides) === null || _f === void 0 ? void 0 : _f.multiAsset,
-        multiAssetSettings: (_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _g === void 0 ? void 0 : _g.enableMultiAsset,
+        multiAssetOverride: (_h = settings.overrides) === null || _h === void 0 ? void 0 : _h.multiAsset,
+        multiAssetSettings: (_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _j === void 0 ? void 0 : _j.enableMultiAsset,
     });
     const showFiat = useShowFiat({
-        showFiatOverride: (_h = settings.overrides) === null || _h === void 0 ? void 0 : _h.showFiat,
-        showFiatSettings: (_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _j === void 0 ? void 0 : _j.showFiat,
+        showFiatOverride: (_k = settings.overrides) === null || _k === void 0 ? void 0 : _k.showFiat,
+        showFiatSettings: (_l = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _l === void 0 ? void 0 : _l.showFiat,
     });
     // Used inside useVerifyOnAwaitingSignature. Is legacy and should be removed asap
     const [legacyIsVerifying, setLegacyIsVerifying] = useState(false);
     const walletBook = useWalletBookCdn();
-    useFetchNetworkConfigurations({
-        cosmosNetworkOverrides: (_k = settings.overrides) === null || _k === void 0 ? void 0 : _k.cosmosNetworks,
-        environmentId,
-        evmNetworksOverrides: (_l = settings.overrides) === null || _l === void 0 ? void 0 : _l.evmNetworks,
-        projectSettings,
-    });
-    const { networkConfigurations: serverNetworkConfigurations } = useNetworkConfigurations();
     const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
     appLogoUrl = appLogo || appLogoUrl;
     appName = displayName || appName;
@@ -239,7 +239,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         appName,
         hideEmbeddedWalletTransactionUIs: !((_o = (_m = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _m === void 0 ? void 0 : _m.embeddedWallets) === null || _o === void 0 ? void 0 : _o.showEmbeddedWalletActionsUI),
     });
-    const { walletConnectorOptions } = useWalletConnectorOptions({
+    useCreateWalletConnectorOptions({
         appLogoUrl,
         appName,
         coinbaseWalletPreference,
@@ -254,6 +254,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         walletConnectorsProp,
         walletUiUtils,
     });
+    const walletConnectorOptions = useWalletConnectorOptions();
     const [authMode, setAuthMode] = useLocalStorage(AUTH_MODE, initialAuthenticationMode);
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId({
         environmentId,
@@ -712,7 +713,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),
                                 isBridgeFlow,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { children: jsx(VerificationProvider, { children: jsx(PasskeyContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncAuthFlow, {}), jsx(TelegramAutoLogin, {}), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { children: jsx(VerificationProvider, { children: jsx(PasskeyContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncAuthFlow, {}), jsx(TelegramAutoLogin, {}), jsx(WalletConnectorEvents, {}), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {