@dynamic-labs/sdk-react-core 2.0.0-alpha.6 → 2.0.0-alpha.7

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

@@ -49,6 +49,7 @@ var useValidateSession = require('../../utils/hooks/useValidateSession/useValida
 var useWalletConnectorOptions = require('../../utils/hooks/useWalletConnectorOptions/useWalletConnectorOptions.cjs');
 var useWalletConnectors = require('../../utils/hooks/useWalletConnectors/useWalletConnectors.cjs');
 var useWalletUiUtils = require('../../utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs');
+var useSetWalletConnectorFetchers = require('../../utils/hooks/useSetWalletConnectorFetchers/useSetWalletConnectorFetchers.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -72,13 +73,13 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('i18next');
 require('@hcaptcha/react-hcaptcha');
 var LoadingContext = require('../LoadingContext/LoadingContext.cjs');
+var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs');
 var PasskeyContext = require('../PasskeyContext/PasskeyContext.cjs');
 var SyncEmbeddedWalletAuthFlow = require('../../components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.cjs');
 var Toolkit = require('../../components/Toolkit/Toolkit.cjs');
-var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
 var locale = require('../../locale/locale.cjs');
 var getMissingChains = require('../../utils/functions/getMissingChains/getMissingChains.cjs');
 var parseTheme = require('../../utils/functions/parseTheme/parseTheme.cjs');
@@ -128,10 +129,11 @@ const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale$1, }) => {
     var _a, _b, _c, _d, _e;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletUIs, } = settings;
-    const enableForcedNetworkValidation = bridgeChains
-        ? true
-        : (_a = settings.enableForcedNetworkValidation) !== null && _a !== void 0 ? _a : true;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletUIs, } = settings;
+    const networkValidationMode = helpers.resolveNetworkValidationMode({
+        bridgeChains: settings.bridgeChains,
+        networkValidationMode: settings.networkValidationMode,
+    });
     let { appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', } = settings;
     if (!environmentId) {
         throw new utils.MissingEnvironmentIdError();
@@ -141,7 +143,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
     if (environmentId === PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID) {
         logger.logger.warn(`WARNING: DYNAMIC is using a test environment ID ${environmentId}. Please sign up on https://app.dynamic.xyz/ to get your production environment ID.`);
     }
-    ApiEndpoint.setBaseUrl((_b = process.env.DYNAMIC_API_BASE_URL) !== null && _b !== void 0 ? _b : apiBaseUrl);
+    ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
     localStorage.LocalStorage.setSuffix(localStorageSuffix);
     const i18nSDKInstance = locale.Locale.setup(locale$1);
     const isAuthenticated = Boolean(getAuthToken.getAuthToken());
@@ -168,7 +170,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
     });
     const { multiWallet, setMultiWallet } = useMultiWallet.useMultiWallet({
         isBridgeFlow,
-        multiWalletSettings: (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.multiWallet,
+        multiWalletSettings: (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet,
         toolkitEnabled: toolkitEnabled || false,
     });
     // ensures that when user comes back to site and primary wallet is out of sync, we don't show widget popup
@@ -178,10 +180,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
     // Set to true when a customer starts any auth verification process and set to false when it ends
     const [isVerificationInProgress, setIsVerificationInProgress] = useVerificationInProgress.useVerificationInProgress();
     const walletBook$1 = walletBook.useWalletBookCdn();
-    const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useProcessNetworkConfigurations.useProcessNetworkConfigurations({
+    const { networkConfigurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useProcessNetworkConfigurations.useProcessNetworkConfigurations({
         authToken: getAuthToken.getAuthToken(),
         environmentId,
-        evmNetworks,
+        evmNetworksOverrides: (_c = settings.overrides) === null || _c === void 0 ? void 0 : _c.evmNetworks,
         projectSettings,
     });
     const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
@@ -259,6 +261,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
     // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
     const authToken = (_d = getAuthToken.getAuthToken()) !== null && _d !== void 0 ? _d : onboardingOnlyJwt;
     useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(authToken, walletConnectorOptions);
+    useSetWalletConnectorFetchers.useSetWalletConnectorFetchers(authToken, walletConnectorOptions, environmentId);
     const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         authMode,
         authToken: getAuthToken.getAuthToken() || onboardingOnlyJwt,
@@ -275,7 +278,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         walletConnectorOptions,
     });
     const walletConnectors = linkedOrConnectedWallets.map((wallet) => wallet.connector);
-    const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading.useGlobalLoading({
+    const sdkHasLoaded = useGlobalLoading.useGlobalLoading({
         authMode,
         connectedInfo: connectedWalletsInfo[0],
         connectedWallets,
@@ -318,7 +321,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         setLegacyIsVerifying,
         setMultiWalletWidgetState,
         setOnboardingOnlyJwt,
-        setSdkHasLoaded,
         setShowAuthFlow,
         setShowBridgeWidget,
         setShowDynamicUserProfile,
@@ -451,7 +453,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
             disconnectWallet,
             displaySiweStatement,
             enableConnectOnlyFallback,
-            enableForcedNetworkValidation,
             environmentId,
             eventsCallbacks,
             getConnectedWalletById,
@@ -477,6 +478,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
             multiWalletWidgetState,
             network,
             networkConfigurations: serverNetworkConfigurations,
+            networkValidationMode,
             newToWeb3WalletChainMap: walletsForChainsMap,
             notInTheListImageUrl: imageUserNotInAccessList || notInTheListImageUrl,
             onboardingImageUrl: imageUserInAccessList || onboardingImageUrl,
@@ -515,7 +517,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
             setPrimaryWallet,
             setPrimaryWalletId,
             setQrcodeUri,
-            setSdkHasLoaded,
             setSelectedWalletConnectorKey,
             setSelectedWalletWithAction,
             setShowAuthFlow,
@@ -552,7 +553,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
-        enableForcedNetworkValidation,
         appLogoUrl,
         appName,
         authMode,
@@ -589,6 +589,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         isVerificationInProgress,
         legacyIsVerifying,
         user,
+        networkValidationMode,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -626,7 +627,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         setNetwork,
         setPrimaryWallet,
         setPrimaryWalletId,
-        setSdkHasLoaded,
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowLinkNewWalletModal,
@@ -697,7 +697,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
                                 isBridgeFlow,
                                 isFullyConnected,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [enableForcedNetworkValidation && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { 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(ConnectWithEmailOtpProvider.ConnectWithEmailOtpProvider, { children: jsxRuntime.jsxs(PhantomRedirectContext.PhantomRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncEmbeddedWalletAuthFlow.SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { 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(ConnectWithEmailOtpProvider.ConnectWithEmailOtpProvider, { children: jsxRuntime.jsxs(PhantomRedirectContext.PhantomRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncEmbeddedWalletAuthFlow.SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => (jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));

package/src/lib/context/DynamicContext/DynamicContext.d.ts

@@ -1,18 +1,18 @@
 import { FC, ReactNode } from 'react';
 import { LogLevel } from '@dynamic-labs/logger';
-import { EvmNetwork, SocialProviderFilter } from '@dynamic-labs/types';
+import { SocialProviderFilter } from '@dynamic-labs/types';
 import { DeepLinkVariant, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
 import { LocaleResource } from '../../locale';
 import { AccessDeniedCustomButton, AuthModeType, ChainToWalletMap, DynamicEventsCallbacks, RecommendedWallet, WalletOption } from '../../shared';
 import { SocialNetworkIconType } from '../../utils/functions/getSocialNetworkIcon';
 import { ThemeData, ThemeSetting } from '../ThemeContext';
-import { ChainsToConnect, IDynamicContext, SettingsOverrides } from './types';
+import { ChainsToConnect, IDynamicContext, NetworkValidationMode, SettingsOverrides } from './types';
 export declare const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = "2762a57b-faa4-41ce-9f16-abff9300e2c9";
 export interface DynamicContextProps {
     children: ReactNode;
     settings: {
         enableConnectOnlyFallback?: boolean;
-        enableForcedNetworkValidation?: boolean;
+        networkValidationMode?: NetworkValidationMode;
         overrides?: SettingsOverrides;
         bridgeChains?: ChainsToConnect[];
         accessDeniedMessagePrimary?: string;
@@ -38,7 +38,6 @@ export interface DynamicContextProps {
         environmentId: string;
         localStorageSuffix?: string;
         eventsCallbacks?: DynamicEventsCallbacks;
-        evmNetworks?: EvmNetwork[];
         /**
          * @deprecated Set flow network in dashboard instead
          */

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

@@ -45,6 +45,7 @@ import { useValidateSession } from '../../utils/hooks/useValidateSession/useVali
 import { useWalletConnectorOptions } from '../../utils/hooks/useWalletConnectorOptions/useWalletConnectorOptions.js';
 import { useWalletConnectors } from '../../utils/hooks/useWalletConnectors/useWalletConnectors.js';
 import { useWalletUiUtils } from '../../utils/hooks/useWalletUiUtils/useWalletUiUtils.js';
+import { useSetWalletConnectorFetchers } from '../../utils/hooks/useSetWalletConnectorFetchers/useSetWalletConnectorFetchers.js';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
@@ -68,13 +69,13 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import { LoadingContextProvider } from '../LoadingContext/LoadingContext.js';
+import ApiEndpoint from '../../config/ApiEndpoint.js';
 import '../FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
 import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
 import { SyncEmbeddedWalletAuthFlow } from '../../components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.js';
 import { Toolkit } from '../../components/Toolkit/Toolkit.js';
-import ApiEndpoint from '../../config/ApiEndpoint.js';
 import { Locale } from '../../locale/locale.js';
 import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
 import { parseTheme } from '../../utils/functions/parseTheme/parseTheme.js';
@@ -104,7 +105,7 @@ import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceCon
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
 import { UserWalletsProvider } from '../UserWalletsContext/UserWalletsContext.js';
 import { handleDisconnectWallet } from './handleDisconnectWallet/handleDisconnectWallet.js';
-import { initExpirationTime, getInitialView } from './helpers/helpers.js';
+import { resolveNetworkValidationMode, initExpirationTime, getInitialView } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
 import { useHandleLogout } from './hooks/useHandleLogout/useHandleLogout.js';
@@ -124,10 +125,11 @@ const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) => {
     var _a, _b, _c, _d, _e;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletUIs, } = settings;
-    const enableForcedNetworkValidation = bridgeChains
-        ? true
-        : (_a = settings.enableForcedNetworkValidation) !== null && _a !== void 0 ? _a : true;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletUIs, } = settings;
+    const networkValidationMode = resolveNetworkValidationMode({
+        bridgeChains: settings.bridgeChains,
+        networkValidationMode: settings.networkValidationMode,
+    });
     let { appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', } = settings;
     if (!environmentId) {
         throw new MissingEnvironmentIdError();
@@ -137,7 +139,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     if (environmentId === PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID) {
         logger.warn(`WARNING: DYNAMIC is using a test environment ID ${environmentId}. Please sign up on https://app.dynamic.xyz/ to get your production environment ID.`);
     }
-    ApiEndpoint.setBaseUrl((_b = process.env.DYNAMIC_API_BASE_URL) !== null && _b !== void 0 ? _b : apiBaseUrl);
+    ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
     LocalStorage.setSuffix(localStorageSuffix);
     const i18nSDKInstance = Locale.setup(locale);
     const isAuthenticated = Boolean(getAuthToken());
@@ -164,7 +166,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     });
     const { multiWallet, setMultiWallet } = useMultiWallet({
         isBridgeFlow,
-        multiWalletSettings: (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.multiWallet,
+        multiWalletSettings: (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet,
         toolkitEnabled: toolkitEnabled || false,
     });
     // ensures that when user comes back to site and primary wallet is out of sync, we don't show widget popup
@@ -174,10 +176,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     // Set to true when a customer starts any auth verification process and set to false when it ends
     const [isVerificationInProgress, setIsVerificationInProgress] = useVerificationInProgress();
     const walletBook = useWalletBookCdn();
-    const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useProcessNetworkConfigurations({
+    const { networkConfigurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useProcessNetworkConfigurations({
         authToken: getAuthToken(),
         environmentId,
-        evmNetworks,
+        evmNetworksOverrides: (_c = settings.overrides) === null || _c === void 0 ? void 0 : _c.evmNetworks,
         projectSettings,
     });
     const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
@@ -255,6 +257,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
     const authToken = (_d = getAuthToken()) !== null && _d !== void 0 ? _d : onboardingOnlyJwt;
     useSetWalletConnectorVerifiedCredentials(authToken, walletConnectorOptions);
+    useSetWalletConnectorFetchers(authToken, walletConnectorOptions, environmentId);
     const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
         authMode,
         authToken: getAuthToken() || onboardingOnlyJwt,
@@ -271,7 +274,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         walletConnectorOptions,
     });
     const walletConnectors = linkedOrConnectedWallets.map((wallet) => wallet.connector);
-    const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading({
+    const sdkHasLoaded = useGlobalLoading({
         authMode,
         connectedInfo: connectedWalletsInfo[0],
         connectedWallets,
@@ -314,7 +317,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         setLegacyIsVerifying,
         setMultiWalletWidgetState,
         setOnboardingOnlyJwt,
-        setSdkHasLoaded,
         setShowAuthFlow,
         setShowBridgeWidget,
         setShowDynamicUserProfile,
@@ -447,7 +449,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             disconnectWallet,
             displaySiweStatement,
             enableConnectOnlyFallback,
-            enableForcedNetworkValidation,
             environmentId,
             eventsCallbacks,
             getConnectedWalletById,
@@ -473,6 +474,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             multiWalletWidgetState,
             network,
             networkConfigurations: serverNetworkConfigurations,
+            networkValidationMode,
             newToWeb3WalletChainMap: walletsForChainsMap,
             notInTheListImageUrl: imageUserNotInAccessList || notInTheListImageUrl,
             onboardingImageUrl: imageUserInAccessList || onboardingImageUrl,
@@ -511,7 +513,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             setPrimaryWallet,
             setPrimaryWalletId,
             setQrcodeUri,
-            setSdkHasLoaded,
             setSelectedWalletConnectorKey,
             setSelectedWalletWithAction,
             setShowAuthFlow,
@@ -548,7 +549,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
-        enableForcedNetworkValidation,
         appLogoUrl,
         appName,
         authMode,
@@ -585,6 +585,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         isVerificationInProgress,
         legacyIsVerifying,
         user,
+        networkValidationMode,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -622,7 +623,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         setNetwork,
         setPrimaryWallet,
         setPrimaryWalletId,
-        setSdkHasLoaded,
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowLinkNewWalletModal,
@@ -693,7 +693,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
                                 isBridgeFlow,
                                 isFullyConnected,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [enableForcedNetworkValidation && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(VerificationProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithEmailOtpProvider, { children: jsxs(PhantomRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(VerificationProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithEmailOtpProvider, { children: jsxs(PhantomRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => (jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));

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

@@ -103,12 +103,22 @@ const isSettingExpired = (lsKey, timer) => {
     }
     return false;
 };
+const resolveNetworkValidationMode = ({ networkValidationMode, bridgeChains, }) => {
+    if (networkValidationMode) {
+        return networkValidationMode;
+    }
+    if (bridgeChains) {
+        return 'always';
+    }
+    return 'sign-in';
+};
 
 exports.getInitialView = getInitialView;
 exports.initExpirationTime = initExpirationTime;
 exports.isAuthTokenExpired = isAuthTokenExpired;
 exports.isDynamicContextSessionSettingExpired = isDynamicContextSessionSettingExpired;
 exports.isWagmiSessionSettingExpired = isWagmiSessionSettingExpired;
+exports.resolveNetworkValidationMode = resolveNetworkValidationMode;
 exports.sdkSettingsTimeout = sdkSettingsTimeout;
 exports.setDynamicContextSessionSettings = setDynamicContextSessionSettings;
 exports.setWagmiSessionSettings = setWagmiSessionSettings;

package/src/lib/context/DynamicContext/helpers/helpers.d.ts

@@ -1,5 +1,6 @@
 import { Wallet } from '../../../shared';
 import { ViewState, ViewType } from '../../ViewContext';
+import { ChainsToConnect, NetworkValidationMode } from '../types';
 export declare const sdkSettingsTimeout: number;
 export declare const isAuthTokenExpired: (token: string) => boolean;
 export declare const initExpirationTime: (logout: VoidFunction) => void;
@@ -14,3 +15,7 @@ export declare const setDynamicContextSessionSettings: () => void;
 export declare const setWagmiSessionSettings: () => void;
 export declare const isDynamicContextSessionSettingExpired: () => boolean;
 export declare const isWagmiSessionSettingExpired: () => boolean;
+export declare const resolveNetworkValidationMode: ({ networkValidationMode, bridgeChains, }: {
+    networkValidationMode: NetworkValidationMode | undefined;
+    bridgeChains: ChainsToConnect[] | undefined;
+}) => NetworkValidationMode;

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

@@ -99,5 +99,14 @@ const isSettingExpired = (lsKey, timer) => {
     }
     return false;
 };
+const resolveNetworkValidationMode = ({ networkValidationMode, bridgeChains, }) => {
+    if (networkValidationMode) {
+        return networkValidationMode;
+    }
+    if (bridgeChains) {
+        return 'always';
+    }
+    return 'sign-in';
+};
 
-export { getInitialView, initExpirationTime, isAuthTokenExpired, isDynamicContextSessionSettingExpired, isWagmiSessionSettingExpired, sdkSettingsTimeout, setDynamicContextSessionSettings, setWagmiSessionSettings };
+export { getInitialView, initExpirationTime, isAuthTokenExpired, isDynamicContextSessionSettingExpired, isWagmiSessionSettingExpired, resolveNetworkValidationMode, sdkSettingsTimeout, setDynamicContextSessionSettings, setWagmiSessionSettings };

package/src/lib/context/DynamicContext/hooks/useHandleLogout/types.d.ts

@@ -6,7 +6,6 @@ import { ChainsToConnect } from '../../types';
 import { SetShowAuthFlow } from '../useShowAuthFlow';
 export type UseHandleLogoutParams = {
     removeUser: () => void;
-    setSdkHasLoaded: Dispatch<SetStateAction<boolean>>;
     clearAllWalletConnectSessions: () => void;
     setBridgeChainsToConnect: Dispatch<SetStateAction<ChainsToConnect[] | undefined>>;
     bridgeChains: ChainsToConnect[] | undefined;

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

@@ -65,6 +65,7 @@ require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Se
 require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../LoadingContext/LoadingContext.cjs');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../FooterAnimationContext/index.cjs');
 require('../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
@@ -80,7 +81,6 @@ const useHandleLogout = (params) => {
     paramsRef.current = params;
     const logout = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const p = paramsRef.current;
-        p.setSdkHasLoaded(false);
         p.clearAllWalletConnectSessions();
         p.setBridgeChainsToConnect(p.bridgeChains);
         p.setShowDynamicUserProfile(false);

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

@@ -61,6 +61,7 @@ import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Sec
 import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../LoadingContext/LoadingContext.js';
+import '../../../../config/ApiEndpoint.js';
 import '../../../FooterAnimationContext/index.js';
 import '../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
@@ -76,7 +77,6 @@ const useHandleLogout = (params) => {
     paramsRef.current = params;
     const logout = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         const p = paramsRef.current;
-        p.setSdkHasLoaded(false);
         p.clearAllWalletConnectSessions();
         p.setBridgeChainsToConnect(p.bridgeChains);
         p.setShowDynamicUserProfile(false);

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

@@ -62,6 +62,7 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
         isMultiWalletEnabled,
         isRenderingEmbeddedAuthFlow,
         setError,
+        setShowDynamicUserProfile,
         showAuthFlow,
         walletConnectorOptions,
     ]);

package/src/lib/context/DynamicContext/hooks/useShowAuthFlow/useShowAuthFlow.d.ts

@@ -25,16 +25,17 @@ export type SetShowAuthFlowOptions = {
     clearErrors?: boolean;
 };
 export type SetShowAuthFlow = (value: SetStateAction<boolean>, options?: SetShowAuthFlowOptions) => void;
+export type UseShowAuthFlowParams = {
+    isMultiWalletEnabled: boolean;
+    isRenderingEmbeddedAuthFlow: IDynamicContext['isRenderingEmbeddedAuthFlow'];
+    walletConnectorOptions: WalletOption[];
+    isAuthenticated: boolean;
+    setShowDynamicUserProfile: IDynamicContext['setShowDynamicUserProfile'];
+};
 /**
  * There are a multitude of scenarios where we want to ignore or insert functionality to calls
  * to setShowAuthFlow. This hook wraps it with an options parameter to allow encapsulating these
  * different scenarios and makes it especially easy to customize exactly which version of this method
  * is being passed to useDynamicContext.
  */
-export declare const useShowAuthFlow: ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, walletConnectorOptions, setShowDynamicUserProfile, }: {
-    isMultiWalletEnabled: boolean;
-    isRenderingEmbeddedAuthFlow: IDynamicContext['isRenderingEmbeddedAuthFlow'];
-    walletConnectorOptions: WalletOption[];
-    isAuthenticated: boolean;
-    setShowDynamicUserProfile: IDynamicContext['setShowDynamicUserProfile'];
-}) => [boolean, SetShowAuthFlow];
+export declare const useShowAuthFlow: ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, walletConnectorOptions, setShowDynamicUserProfile, }: UseShowAuthFlowParams) => [boolean, SetShowAuthFlow];

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

@@ -58,6 +58,7 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
         isMultiWalletEnabled,
         isRenderingEmbeddedAuthFlow,
         setError,
+        setShowDynamicUserProfile,
         showAuthFlow,
         walletConnectorOptions,
     ]);

package/src/lib/context/DynamicContext/types/index.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, MutableRefObject, ReactElement, ReactNode, SetStateAction } from 'react';
 import { DynamicJwt, NameServiceData, ProjectSettings, SdkView } from '@dynamic-labs/sdk-api';
-import { NetworkConfigurationMap, SocialProviderFilter, WalletUiUtils } from '@dynamic-labs/types';
+import { GenericNetwork, NetworkConfigurationMap, SocialProviderFilter, WalletUiUtils } from '@dynamic-labs/types';
 import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
 import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, DynamicRPCProviders, MultiWalletWidgetState, RecommendedWallet, UserProfile, Wallet, WalletOption, WalletWithAction } from '../../../shared';
@@ -31,13 +31,25 @@ export type WalletListViewSettings = {
     };
 };
 export type ViewsOverrides = SdkView | WalletListViewSettings;
+export type EvmNetworksOverrides = GenericNetwork[] | ((dashboardNetworks: GenericNetwork[]) => GenericNetwork[]);
 export type SettingsOverrides = {
     views?: Array<ViewsOverrides>;
+    /**
+     * Allows overriding which evm networks the SDK has access to.
+     * If an array is provided, it is used instead of whatever is obtained from dashboard configs.
+     * If a callback is passed, the callback will be called with the values obtained from dashboard, and
+     * it must return the network values that will be used.
+     *
+     * WARNING: this callback must be memoized as it will be used in a dependency array to ensure
+     * the SDK can react to this value changing (for ex, toggling a chain off).
+     */
+    evmNetworks?: EvmNetworksOverrides;
 };
 export type ConnectWalletResult = {
     address: string;
     id: string;
 };
+export type NetworkValidationMode = 'always' | 'sign-in' | 'never';
 export interface IDynamicContext {
     accessDeniedMessagePrimary?: string;
     accessDeniedMessageSecondary?: string;
@@ -45,9 +57,9 @@ export interface IDynamicContext {
     accessDeniedButton?: AccessDeniedCustomButton;
     accountSwitchState: AccountSwitchState;
     appLogoUrl?: string;
+    networkValidationMode: NetworkValidationMode;
     appName?: string;
     isBridgeFlow: boolean;
-    enableForcedNetworkValidation: boolean;
     authMode: AuthModeType;
     authToken: string | undefined;
     authorizationViewDisplayOrder: DisplayOrder;

package/src/lib/context/ErrorContext/ErrorContext.cjs

@@ -33,7 +33,11 @@ const ErrorContextProvider = ({ children }) => {
         var _a;
         setError((_a = errorMessageMap[status]) !== null && _a !== void 0 ? _a : 'Something went wrong. Please try again.');
     }, []);
+    const clearError = React.useCallback(() => {
+        setError(undefined);
+    }, []);
     return (jsxRuntime.jsx(ErrorContext.Provider, { value: {
+            clearError,
             error,
             setError,
             setErrorMessage,

package/src/lib/context/ErrorContext/ErrorContext.d.ts

@@ -3,6 +3,7 @@ interface ErrorContextProps {
     error: string | undefined;
     setError(error: string | undefined): void;
     setErrorMessage: (status: string) => void;
+    clearError(): void;
 }
 export declare const ErrorContext: import("react").Context<ErrorContextProps | undefined>;
 export declare const ErrorContextProvider: ({ children }: {

package/src/lib/context/ErrorContext/ErrorContext.js

@@ -29,7 +29,11 @@ const ErrorContextProvider = ({ children }) => {
         var _a;
         setError((_a = errorMessageMap[status]) !== null && _a !== void 0 ? _a : 'Something went wrong. Please try again.');
     }, []);
+    const clearError = useCallback(() => {
+        setError(undefined);
+    }, []);
     return (jsx(ErrorContext.Provider, { value: {
+            clearError,
             error,
             setError,
             setErrorMessage,

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -64,6 +64,7 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
+require('../../config/ApiEndpoint.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
@@ -95,11 +96,12 @@ const FundingContextProvider = ({ children, }) => {
             return;
         const bitcoinAddress = walletConnectorCore.isBitcoinConnector(primaryWallet.connector) &&
             getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApi.WalletAddressType.Payment, primaryWallet);
+        const chainHasNetwork = network && chainName === 'evm';
         try {
             const [{ url }] = yield api.getOnrampProviders({
                 chain: chainName,
                 environmentId,
-                networkId: network ? network.toString() : undefined,
+                networkId: chainHasNetwork ? network.toString() : undefined,
                 token,
                 walletAddress: address || bitcoinAddress || primaryWallet.address,
             });

package/src/lib/context/FundingContext/FundingContext.js

@@ -60,6 +60,7 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
+import '../../config/ApiEndpoint.js';
 import '../FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../WalletGroupContext/WalletGroupContext.js';
@@ -91,11 +92,12 @@ const FundingContextProvider = ({ children, }) => {
             return;
         const bitcoinAddress = isBitcoinConnector(primaryWallet.connector) &&
             getWalletAdditionalAddressByType(WalletAddressType.Payment, primaryWallet);
+        const chainHasNetwork = network && chainName === 'evm';
         try {
             const [{ url }] = yield getOnrampProviders({
                 chain: chainName,
                 environmentId,
-                networkId: network ? network.toString() : undefined,
+                networkId: chainHasNetwork ? network.toString() : undefined,
                 token,
                 walletAddress: address || bitcoinAddress || primaryWallet.address,
             });

package/src/lib/context/PasskeyContext/PasskeyContext.cjs

@@ -69,6 +69,7 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
+require('../../config/ApiEndpoint.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');