@dynamic-labs/sdk-react-core 2.3.9 → 2.4.0

package/CHANGELOG.md

@@ -1,4 +1,24 @@
 
+## [2.4.0](https://github.com/dynamic-labs/DynamicAuth/compare/v2.3.10...v2.4.0) (2024-08-17)
+
+
+### Features
+
+* add chain display value override to the dynamic props ([bf57738](https://github.com/dynamic-labs/DynamicAuth/commit/bf577387d52ef0748e958b519218c3da6ddbbc64))
+
+
+### Bug Fixes
+
+* display QR code when selecting wallet connect ([#6605](https://github.com/dynamic-labs/DynamicAuth/issues/6605)) ([#6615](https://github.com/dynamic-labs/DynamicAuth/issues/6615)) ([61d51c0](https://github.com/dynamic-labs/DynamicAuth/commit/61d51c0c40f71a26e171da82f4a78028990ddc21))
+* fix jwt length when signing with embedded wallets ([#6638](https://github.com/dynamic-labs/DynamicAuth/issues/6638))
+
+### [2.3.10](https://github.com/dynamic-labs/DynamicAuth/compare/v2.3.9...v2.3.10) (2024-08-15)
+
+
+### Bug Fixes
+
+* twitter should no longer rely polling for oauth flow ([#6606](https://github.com/dynamic-labs/DynamicAuth/issues/6606)) ([38906ab](https://github.com/dynamic-labs/DynamicAuth/commit/38906ab02b41fd02d7993e229072290d046dbc0e))
+
 ### [2.3.9](https://github.com/dynamic-labs/DynamicAuth/compare/v2.3.8...v2.3.9) (2024-08-13)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.3.9";
+var version = "2.4.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.497",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "2.3.9";
+var version = "2.4.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.497",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.3.9",
+  "version": "2.4.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,18 +17,18 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "2.3.9",
-    "@dynamic-labs/logger": "2.3.9",
-    "@dynamic-labs/multi-wallet": "2.3.9",
-    "@dynamic-labs/rpc-provider-ethereum": "2.3.9",
-    "@dynamic-labs/rpc-provider-solana": "2.3.9",
-    "@dynamic-labs/rpc-providers": "2.3.9",
-    "@dynamic-labs/store": "2.3.9",
-    "@dynamic-labs/types": "2.3.9",
-    "@dynamic-labs/utils": "2.3.9",
-    "@dynamic-labs/viem-utils": "2.3.9",
-    "@dynamic-labs/wallet-book": "2.3.9",
-    "@dynamic-labs/wallet-connector-core": "2.3.9",
+    "@dynamic-labs/iconic": "2.4.0",
+    "@dynamic-labs/logger": "2.4.0",
+    "@dynamic-labs/multi-wallet": "2.4.0",
+    "@dynamic-labs/rpc-provider-ethereum": "2.4.0",
+    "@dynamic-labs/rpc-provider-solana": "2.4.0",
+    "@dynamic-labs/rpc-providers": "2.4.0",
+    "@dynamic-labs/store": "2.4.0",
+    "@dynamic-labs/types": "2.4.0",
+    "@dynamic-labs/utils": "2.4.0",
+    "@dynamic-labs/viem-utils": "2.4.0",
+    "@dynamic-labs/wallet-book": "2.4.0",
+    "@dynamic-labs/wallet-connector-core": "2.4.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.cjs

@@ -88,7 +88,7 @@ require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs')
 const NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showNetworkName = false, }) => {
     const { chain, isLoading } = useFetchChain.useFetchChain(walletConnector);
     const chainName = (chain === null || chain === void 0 ? void 0 : chain.name) || '';
-    const ChainIcon = getChainIcon.getChainIcon(chainName);
+    const ChainIcon = getChainIcon.getChainIcon(walletConnector.connectedChain || '');
     if (isLoading) {
         return jsxRuntime.jsx(NetworkControlSkeleton.NetworkControlSkeleton, { className: className });
     }

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.js

@@ -84,7 +84,7 @@ import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 const NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showNetworkName = false, }) => {
     const { chain, isLoading } = useFetchChain(walletConnector);
     const chainName = (chain === null || chain === void 0 ? void 0 : chain.name) || '';
-    const ChainIcon = getChainIcon(chainName);
+    const ChainIcon = getChainIcon(walletConnector.connectedChain || '');
     if (isLoading) {
         return jsx(NetworkControlSkeleton, { className: className });
     }

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

@@ -142,7 +142,7 @@ const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9
 const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, locale: locale$1, enableInstrumentation = false, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, 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, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings$1;
     localStorage.LocalStorage.setSuffix(settings$1.localStorageSuffix);
     /**
@@ -152,13 +152,17 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         environmentId,
         storageSuffix: settings$1.localStorageSuffix,
     });
+    /**
+     * Sets the chain info overrides if they are present
+     */
+    walletConnectorCore.setChainInfoOverrides((_a = settings$1.overrides) === null || _a === void 0 ? void 0 : _a.chainDisplayValues);
     /**
      * For backwards compatibility, we allow the client to pass in
      * `eventsCallbacks` instead of `events`. It should remove this
      * in version 3.0.0.
      * ticket: QNTM-1504
      */
-    const events = (_a = settings$1.events) !== null && _a !== void 0 ? _a : settings$1.eventsCallbacks;
+    const events = (_b = settings$1.events) !== null && _b !== void 0 ? _b : settings$1.eventsCallbacks;
     const networkValidationMode = helpers.resolveNetworkValidationMode({
         bridgeChains: settings$1.bridgeChains,
         networkValidationMode: settings$1.networkValidationMode,
@@ -171,14 +175,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         logger$1.logger.setLogLevel(logLevel);
         walletConnectorCore.logger.setLogLevel(logLevel);
     }
-    catch (_j) {
+    catch (_k) {
         // logger could be messing up with SSR so we are catching the errors
         /* empty */
     }
     if (environmentId === PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID) {
         logger$1.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((_c = process.env.DYNAMIC_API_BASE_URL) !== null && _c !== void 0 ? _c : apiBaseUrl);
     const i18nSDKInstance = locale.Locale.setup(locale$1);
     const isBridgeFlow = Boolean(bridgeChains);
     const deepLinkPreference = helpers.getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
@@ -216,8 +220,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     useSendDynamicProps.useSendDynamicProps({ environmentId, settings: settings$1 });
     const multiWallet = useMultiWallet.useMultiWallet({
         isBridgeFlow,
-        multiWalletOverride: (_c = settings$1.overrides) === null || _c === void 0 ? void 0 : _c.multiWallet,
-        multiWalletSettings: (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.multiWallet,
+        multiWalletOverride: (_d = settings$1.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,
     });
     // ensures that when user comes back to site and primary wallet is out of sync, we don't show widget popup
     const [showWidgetStatePopup, setShowWidgetStatePopup] = React.useState(!multiWallet);
@@ -226,7 +230,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const walletBook$1 = walletBook.useWalletBookCdn();
     const { networkConfigurations: serverNetworkConfigurations } = useNetworkConfigurations.useNetworkConfigurations({
         environmentId,
-        evmNetworksOverrides: (_e = settings$1.overrides) === null || _e === void 0 ? void 0 : _e.evmNetworks,
+        evmNetworksOverrides: (_f = settings$1.overrides) === null || _f === void 0 ? void 0 : _f.evmNetworks,
         projectSettings,
     });
     const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
@@ -238,7 +242,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         appLogoUrl,
         appName,
         getAppOrigin: () => window.location.origin,
-        hideEmbeddedWalletTransactionUIs: hideEmbeddedWalletTransactionUIs !== null && hideEmbeddedWalletTransactionUIs !== void 0 ? hideEmbeddedWalletTransactionUIs : !((_g = (_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _f === void 0 ? void 0 : _f.embeddedWallets) === null || _g === void 0 ? void 0 : _g.showEmbeddedWalletActionsUI),
+        hideEmbeddedWalletTransactionUIs: hideEmbeddedWalletTransactionUIs !== null && hideEmbeddedWalletTransactionUIs !== void 0 ? hideEmbeddedWalletTransactionUIs : !((_h = (_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _g === void 0 ? void 0 : _g.embeddedWallets) === null || _h === void 0 ? void 0 : _h.showEmbeddedWalletActionsUI),
     });
     const { walletConnectorOptions } = useWalletConnectorOptions.useWalletConnectorOptions({
         appLogoUrl,
@@ -713,7 +717,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile]);
-    return (jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18nSDKInstance, children: jsxRuntime.jsx(DynamicContext.Provider, { value: value, children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, { walletBook: walletBook$1, children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, { customerTheme: parseTheme.parseTheme(theme, ((_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _h === void 0 ? void 0 : _h.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialView: helpers.getInitialView({
+    return (jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18nSDKInstance, children: jsxRuntime.jsx(DynamicContext.Provider, { value: value, children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, { walletBook: walletBook$1, children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, { customerTheme: parseTheme.parseTheme(theme, ((_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _j === void 0 ? void 0 : _j.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialView: helpers.getInitialView({
                                 bridgeOnboardingCompleted,
                                 connectedWallets,
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),

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

@@ -7,7 +7,7 @@ import { getIconicSpriteUrl } from '@dynamic-labs/iconic';
 import { Logger } from '@dynamic-labs/logger';
 import { MissingEnvironmentIdError } from '@dynamic-labs/utils';
 import { useWalletBookCdn, getWalletBookCdnUrl, WalletBookContextProvider } from '@dynamic-labs/wallet-book';
-import { logger as logger$1 } from '@dynamic-labs/wallet-connector-core';
+import { setChainInfoOverrides, logger as logger$1 } from '@dynamic-labs/wallet-connector-core';
 import { DynamicAuthFlow } from '../../app.js';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
@@ -138,7 +138,7 @@ const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9
 const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, enableInstrumentation = false, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, 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, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings;
     LocalStorage.setSuffix(settings.localStorageSuffix);
     /**
@@ -148,13 +148,17 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         environmentId,
         storageSuffix: settings.localStorageSuffix,
     });
+    /**
+     * Sets the chain info overrides if they are present
+     */
+    setChainInfoOverrides((_a = settings.overrides) === null || _a === void 0 ? void 0 : _a.chainDisplayValues);
     /**
      * For backwards compatibility, we allow the client to pass in
      * `eventsCallbacks` instead of `events`. It should remove this
      * in version 3.0.0.
      * ticket: QNTM-1504
      */
-    const events = (_a = settings.events) !== null && _a !== void 0 ? _a : settings.eventsCallbacks;
+    const events = (_b = settings.events) !== null && _b !== void 0 ? _b : settings.eventsCallbacks;
     const networkValidationMode = resolveNetworkValidationMode({
         bridgeChains: settings.bridgeChains,
         networkValidationMode: settings.networkValidationMode,
@@ -167,14 +171,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         logger.setLogLevel(logLevel);
         logger$1.setLogLevel(logLevel);
     }
-    catch (_j) {
+    catch (_k) {
         // logger could be messing up with SSR so we are catching the errors
         /* empty */
     }
     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((_c = process.env.DYNAMIC_API_BASE_URL) !== null && _c !== void 0 ? _c : apiBaseUrl);
     const i18nSDKInstance = Locale.setup(locale);
     const isBridgeFlow = Boolean(bridgeChains);
     const deepLinkPreference = getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
@@ -212,8 +216,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     useSendDynamicProps({ environmentId, settings });
     const multiWallet = useMultiWallet({
         isBridgeFlow,
-        multiWalletOverride: (_c = settings.overrides) === null || _c === void 0 ? void 0 : _c.multiWallet,
-        multiWalletSettings: (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.multiWallet,
+        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,
     });
     // ensures that when user comes back to site and primary wallet is out of sync, we don't show widget popup
     const [showWidgetStatePopup, setShowWidgetStatePopup] = useState(!multiWallet);
@@ -222,7 +226,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     const walletBook = useWalletBookCdn();
     const { networkConfigurations: serverNetworkConfigurations } = useNetworkConfigurations({
         environmentId,
-        evmNetworksOverrides: (_e = settings.overrides) === null || _e === void 0 ? void 0 : _e.evmNetworks,
+        evmNetworksOverrides: (_f = settings.overrides) === null || _f === void 0 ? void 0 : _f.evmNetworks,
         projectSettings,
     });
     const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
@@ -234,7 +238,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         appLogoUrl,
         appName,
         getAppOrigin: () => window.location.origin,
-        hideEmbeddedWalletTransactionUIs: hideEmbeddedWalletTransactionUIs !== null && hideEmbeddedWalletTransactionUIs !== void 0 ? hideEmbeddedWalletTransactionUIs : !((_g = (_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _f === void 0 ? void 0 : _f.embeddedWallets) === null || _g === void 0 ? void 0 : _g.showEmbeddedWalletActionsUI),
+        hideEmbeddedWalletTransactionUIs: hideEmbeddedWalletTransactionUIs !== null && hideEmbeddedWalletTransactionUIs !== void 0 ? hideEmbeddedWalletTransactionUIs : !((_h = (_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _g === void 0 ? void 0 : _g.embeddedWallets) === null || _h === void 0 ? void 0 : _h.showEmbeddedWalletActionsUI),
     });
     const { walletConnectorOptions } = useWalletConnectorOptions({
         appLogoUrl,
@@ -709,7 +713,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile]);
-    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _h === void 0 ? void 0 : _h.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialView: getInitialView({
+    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _j === void 0 ? void 0 : _j.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialView: getInitialView({
                                 bridgeOnboardingCompleted,
                                 connectedWallets,
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),

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

@@ -3,7 +3,7 @@ import { changeLanguage } from 'i18next';
 import { CountryIso2 } from 'react-international-phone';
 import { NameServiceData, ProjectSettings, SdkView } from '@dynamic-labs/sdk-api-core';
 import { GenericNetwork, NetworkConfigurationMap, SocialProviderFilter, UserProfile, WalletUiUtils } from '@dynamic-labs/types';
-import { Chain, GetAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { Chain, ChainDisplayOverrides, GetAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
 import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, DynamicRPCProviders, MultiWalletWidgetState, RecommendedWallet, Wallet, WalletOption, WalletWithAction } from '../../../shared';
 import { DynamicHandlers } from '../../../shared/types/dynamicHandlers';
@@ -52,6 +52,10 @@ export type SettingsOverrides = {
      * Allows overriding the multi-wallet feature from the dashboard.
      */
     multiWallet?: boolean;
+    /**
+     * Allows overriding the chain info for a specific chain.
+     */
+    chainDisplayValues?: ChainDisplayOverrides;
 };
 export type ConnectWalletResult = {
     address: string;

package/src/lib/data/api/oauth/oauth.cjs

@@ -95,23 +95,6 @@ const signInOAuth = (environmentId_2, providerType_2, _c) => _tslib.__awaiter(vo
         return undefined;
     }
 });
-const getOAuthResult = (environmentId_3, providerType_3, _e) => _tslib.__awaiter(void 0, [environmentId_3, providerType_3, _e], void 0, function* (environmentId, providerType, { state }) {
-    const oauthResultRequest = {
-        state,
-    };
-    try {
-        const result = yield api.sdkApi().oauthResult({
-            environmentId,
-            oauthResultRequest,
-            providerType,
-        });
-        return result;
-    }
-    catch (e) {
-        logger.logger.error(e);
-        return undefined;
-    }
-});
 const farcasterSignIn = (environmentId, farcasterSignInRequest) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     try {
         const response = yield api.sdkApi().farcasterSignIn({
@@ -151,7 +134,6 @@ const farcasterVerify = (farcasterVerifyRequest) => _tslib.__awaiter(void 0, voi
 
 exports.farcasterSignIn = farcasterSignIn;
 exports.farcasterVerify = farcasterVerify;
-exports.getOAuthResult = getOAuthResult;
 exports.signInOAuth = signInOAuth;
 exports.unlinkOAuth = unlinkOAuth;
 exports.verifyOAuth = verifyOAuth;

package/src/lib/data/api/oauth/oauth.js

@@ -91,23 +91,6 @@ const signInOAuth = (environmentId_2, providerType_2, _c) => __awaiter(void 0, [
         return undefined;
     }
 });
-const getOAuthResult = (environmentId_3, providerType_3, _e) => __awaiter(void 0, [environmentId_3, providerType_3, _e], void 0, function* (environmentId, providerType, { state }) {
-    const oauthResultRequest = {
-        state,
-    };
-    try {
-        const result = yield sdkApi().oauthResult({
-            environmentId,
-            oauthResultRequest,
-            providerType,
-        });
-        return result;
-    }
-    catch (e) {
-        logger.error(e);
-        return undefined;
-    }
-});
 const farcasterSignIn = (environmentId, farcasterSignInRequest) => __awaiter(void 0, void 0, void 0, function* () {
     try {
         const response = yield sdkApi().farcasterSignIn({
@@ -145,4 +128,4 @@ const farcasterVerify = (farcasterVerifyRequest) => __awaiter(void 0, void 0, vo
     }
 });
 
-export { farcasterSignIn, farcasterVerify, getOAuthResult, signInOAuth, unlinkOAuth, verifyOAuth };
+export { farcasterSignIn, farcasterVerify, signInOAuth, unlinkOAuth, verifyOAuth };

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.cjs

@@ -89,7 +89,7 @@ const WalletProgressStepper = () => {
     const chainsLeftToConnect = [...bridgeChainsToConnect].map(({ chain }) => chain);
     return (jsxRuntime.jsx("div", { className: 'wallet-progress-stepper', "data-testid": 'wallet-progress-stepper', children: jsxRuntime.jsx(Stepper.Stepper, { children: allChains.map((chain, index) => {
                 var _a;
-                const chainInfo = walletConnectorCore.getChainInfo(chain);
+                const chainInfo = walletConnectorCore.getChainInfoWithOverrides(chain);
                 const PrimaryWalletChainIcon = getChainIcon.getChainIcon(chain);
                 return (jsxRuntime.jsx(Step.Step, { state: getChainStepState.getChainStepState(chain, chainsLeftToConnect), icon: jsxRuntime.jsx(PrimaryWalletChainIcon, {}), children: (_a = chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.blockchainName) !== null && _a !== void 0 ? _a : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName }, chain));
             }) }) }));

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.js

@@ -1,6 +1,6 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
-import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
 import 'react';
@@ -85,7 +85,7 @@ const WalletProgressStepper = () => {
     const chainsLeftToConnect = [...bridgeChainsToConnect].map(({ chain }) => chain);
     return (jsx("div", { className: 'wallet-progress-stepper', "data-testid": 'wallet-progress-stepper', children: jsx(Stepper, { children: allChains.map((chain, index) => {
                 var _a;
-                const chainInfo = getChainInfo(chain);
+                const chainInfo = getChainInfoWithOverrides(chain);
                 const PrimaryWalletChainIcon = getChainIcon(chain);
                 return (jsx(Step, { state: getChainStepState(chain, chainsLeftToConnect), icon: jsx(PrimaryWalletChainIcon, {}), children: (_a = chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.blockchainName) !== null && _a !== void 0 ? _a : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName }, chain));
             }) }) }));

package/src/lib/shared/utils/functions/chain/getChainDisplayName.cjs

@@ -8,7 +8,7 @@ var logger = require('../../../logger.cjs');
 
 const getChainDisplayName = (chain) => {
     var _a;
-    const displayName = (_a = walletConnectorCore.getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.displayName;
+    const displayName = (_a = walletConnectorCore.getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.displayName;
     if (!displayName) {
         logger.logger.error(`Chain name for "${chain}" not supported`);
         return chain;

package/src/lib/shared/utils/functions/chain/getChainDisplayName.js

@@ -1,10 +1,10 @@
 'use client'
-import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
 import { logger } from '../../../logger.js';
 
 const getChainDisplayName = (chain) => {
     var _a;
-    const displayName = (_a = getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.displayName;
+    const displayName = (_a = getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.displayName;
     if (!displayName) {
         logger.error(`Chain name for "${chain}" not supported`);
         return chain;

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

@@ -103,7 +103,6 @@ const socialProviders = [
 // pkce params are only required for twitter and break if added for other providers, like google
 // so we should only add provider that support pkce to this list
 const providersRequiringPkce = ['twitter', 'github'];
-const providersWithoutWindowOpenerRefence = ['twitter'];
 // Hook to handle common social auth logic (for social linking and social sign in)
 const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, }) => {
     const { environmentId, setShowAuthFlow, projectSettings, consumeNonce, redirectUrl, } = useInternalDynamicContext.useInternalDynamicContext();
@@ -115,7 +114,6 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
     const [error, setError] = React.useState();
     const providersWaitingOauthMessage = React.useRef({});
     const authWindowInterval = React.useRef();
-    const shouldPool = React.useRef(false);
     const clearError = () => {
         setError(undefined);
         setContextError(undefined);
@@ -138,26 +136,6 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
         setErrorMessage(code);
         onFailed(provider, { error }, options);
     };
-    const poolOauthResult = (provider, state) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (!shouldPool.current) {
-            return;
-        }
-        const result = yield oauth.getOAuthResult(environmentId, provider, {
-            state,
-        });
-        if ((result === null || result === void 0 ? void 0 : result.status) !== sdkApiCore.OauthResultStatus.Completed) {
-            setTimeout(() => poolOauthResult(provider, state), 1000);
-            return;
-        }
-        shouldPool.current = false;
-        const authMessage = {
-            code: result === null || result === void 0 ? void 0 : result.code,
-            error: result === null || result === void 0 ? void 0 : result.error,
-            provider,
-            type: 'authorization_response',
-        };
-        window.postMessage(authMessage, '*');
-    });
     const checkValidProvider = (provider, authMode) => {
         if (!provider) {
             handleError(provider, types.SocialOAuthErrorCode.NO_PROVIDER, 'Provider is required', { raiseAuthFailure: authMode === 'signin' });
@@ -230,17 +208,15 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
                 return;
             }
             let expectedOrigin = window.location.origin;
-            if (!providersWithoutWindowOpenerRefence.includes(provider)) {
-                try {
-                    const redirectUri = new URL(apiProvider.redirectUrl);
-                    expectedOrigin = redirectUri.origin;
-                }
-                catch (e) {
-                    logger.logger.error('Failed to parse social provider redirect url', {
-                        error: e,
-                    });
-                    return;
-                }
+            try {
+                const redirectUri = new URL(apiProvider.redirectUrl);
+                expectedOrigin = redirectUri.origin;
+            }
+            catch (e) {
+                logger.logger.error('Failed to parse social provider redirect url', {
+                    error: e,
+                });
+                return;
             }
             if ((message === null || message === void 0 ? void 0 : message.type) === 'origin_check' && authWindow) {
                 logger.logger.debug('Origin check message received. Sending response now.', {
@@ -276,8 +252,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             // check that the state we receive from message is the same state we calculated earlier
             // this could be an attack
             // this state check is used only by providers with an open window opener reference (eg, not twitter)
-            if (!providersWithoutWindowOpenerRefence.includes(provider) &&
-                state !== authState) {
+            if (state !== authState) {
                 handleError(provider, types.SocialOAuthErrorCode.OAUTH_ERROR, `Failed to connect ${provider} social account: Invalid random state`, { raiseAuthFailure: authMode === 'signin' });
                 return;
             }
@@ -328,48 +303,21 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             oauthLoginUrl = `${oauthLoginUrl}&${pkceParams}`;
         }
         authWindow === null || authWindow === void 0 ? void 0 : authWindow.location.assign(oauthLoginUrl);
-        if (!providersWithoutWindowOpenerRefence.includes(provider)) {
-            // For provider that support window.opener, we need to clear all states/listeners when the window is closed
-            authWindowInterval.current = setInterval(() => {
-                var _a;
-                if (!(authWindow === null || authWindow === void 0 ? void 0 : authWindow.closed)) {
-                    return;
-                }
-                clearInterval(authWindowInterval.current);
-                setIsProcessing(false);
-                // user didn't complete oauth
-                if ((_a = providersWaitingOauthMessage.current) === null || _a === void 0 ? void 0 : _a[provider]) {
-                    onFailed(provider, 'user-cancelled');
-                }
-            }, 2000);
-        }
-        else {
-            // For provider that don't support window.opener, we need to use a timeout to pool the oauth result
-            // If we don't get a valid result in {async sessionTimeout} ms, we'll assume the user closed the window
-            // and we'll clear all states/listeners
-            // start pooling oauth result
-            shouldPool.current = true;
-            poolOauthResult(provider, state);
-            // if this is mobile, set a longer timeout to allow the user to login to the provider in the browser
-            let authWindowTimeout = sessionTimeout;
-            if (utils.isMobile()) {
-                authWindowTimeout = authWindowTimeout * 3;
+        // For provider that support window.opener, we need to clear all states/listeners when the window is closed
+        authWindowInterval.current = setInterval(() => {
+            var _a;
+            if (!(authWindow === null || authWindow === void 0 ? void 0 : authWindow.closed)) {
+                return;
             }
-            authWindowInterval.current = setInterval(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-                var _f;
-                shouldPool.current = false;
-                // clear all states/listeners, assuming user closed the window before completing oauth
-                if ((_f = providersWaitingOauthMessage.current) === null || _f === void 0 ? void 0 : _f[provider]) {
-                    clearListeners();
-                    handleError(provider, types.SocialOAuthErrorCode.OAUTH_WINDOW_TIMEOUT, `Connecting ${provider} account window timeout.`, { raiseAuthFailure: authMode === 'signin' });
-                }
-                clearInterval(authWindowInterval.current);
-                setIsProcessing(false);
-                onSettled === null || onSettled === void 0 ? void 0 : onSettled();
-            }), authWindowTimeout);
-        }
+            clearInterval(authWindowInterval.current);
+            setIsProcessing(false);
+            // user didn't complete oauth
+            if ((_a = providersWaitingOauthMessage.current) === null || _a === void 0 ? void 0 : _a[provider]) {
+                onFailed(provider, 'user-cancelled');
+            }
+        }, 2000);
     });
-    const connectWithFarcaster = (authMode_1, _g) => _tslib.__awaiter(void 0, [authMode_1, _g], void 0, function* (authMode, { captchaToken }) {
+    const connectWithFarcaster = (authMode_1, _f) => _tslib.__awaiter(void 0, [authMode_1, _f], void 0, function* (authMode, { captchaToken }) {
         const dynamicNonce = consumeNonce();
         const domain = utils.PlatformService.getHost();
         const data = yield farcaster.connect({

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

@@ -1,9 +1,9 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useRef } from 'react';
-import { ProviderEnum, OauthResultStatus } from '@dynamic-labs/sdk-api-core';
+import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 import { SocialOAuthErrorCode } from '@dynamic-labs/types';
-import { isMobile, PlatformService, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
+import { PlatformService, isMobile, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -31,7 +31,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
-import { getOAuthResult, signInOAuth, verifyOAuth, farcasterSignIn, farcasterVerify } from '../../../data/api/oauth/oauth.js';
+import { signInOAuth, verifyOAuth, farcasterSignIn, farcasterVerify } from '../../../data/api/oauth/oauth.js';
 import '../../../locale/locale.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -99,7 +99,6 @@ const socialProviders = [
 // pkce params are only required for twitter and break if added for other providers, like google
 // so we should only add provider that support pkce to this list
 const providersRequiringPkce = ['twitter', 'github'];
-const providersWithoutWindowOpenerRefence = ['twitter'];
 // Hook to handle common social auth logic (for social linking and social sign in)
 const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, }) => {
     const { environmentId, setShowAuthFlow, projectSettings, consumeNonce, redirectUrl, } = useInternalDynamicContext();
@@ -111,7 +110,6 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
     const [error, setError] = useState();
     const providersWaitingOauthMessage = useRef({});
     const authWindowInterval = useRef();
-    const shouldPool = useRef(false);
     const clearError = () => {
         setError(undefined);
         setContextError(undefined);
@@ -134,26 +132,6 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
         setErrorMessage(code);
         onFailed(provider, { error }, options);
     };
-    const poolOauthResult = (provider, state) => __awaiter(void 0, void 0, void 0, function* () {
-        if (!shouldPool.current) {
-            return;
-        }
-        const result = yield getOAuthResult(environmentId, provider, {
-            state,
-        });
-        if ((result === null || result === void 0 ? void 0 : result.status) !== OauthResultStatus.Completed) {
-            setTimeout(() => poolOauthResult(provider, state), 1000);
-            return;
-        }
-        shouldPool.current = false;
-        const authMessage = {
-            code: result === null || result === void 0 ? void 0 : result.code,
-            error: result === null || result === void 0 ? void 0 : result.error,
-            provider,
-            type: 'authorization_response',
-        };
-        window.postMessage(authMessage, '*');
-    });
     const checkValidProvider = (provider, authMode) => {
         if (!provider) {
             handleError(provider, SocialOAuthErrorCode.NO_PROVIDER, 'Provider is required', { raiseAuthFailure: authMode === 'signin' });
@@ -226,17 +204,15 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
                 return;
             }
             let expectedOrigin = window.location.origin;
-            if (!providersWithoutWindowOpenerRefence.includes(provider)) {
-                try {
-                    const redirectUri = new URL(apiProvider.redirectUrl);
-                    expectedOrigin = redirectUri.origin;
-                }
-                catch (e) {
-                    logger.error('Failed to parse social provider redirect url', {
-                        error: e,
-                    });
-                    return;
-                }
+            try {
+                const redirectUri = new URL(apiProvider.redirectUrl);
+                expectedOrigin = redirectUri.origin;
+            }
+            catch (e) {
+                logger.error('Failed to parse social provider redirect url', {
+                    error: e,
+                });
+                return;
             }
             if ((message === null || message === void 0 ? void 0 : message.type) === 'origin_check' && authWindow) {
                 logger.debug('Origin check message received. Sending response now.', {
@@ -272,8 +248,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             // check that the state we receive from message is the same state we calculated earlier
             // this could be an attack
             // this state check is used only by providers with an open window opener reference (eg, not twitter)
-            if (!providersWithoutWindowOpenerRefence.includes(provider) &&
-                state !== authState) {
+            if (state !== authState) {
                 handleError(provider, SocialOAuthErrorCode.OAUTH_ERROR, `Failed to connect ${provider} social account: Invalid random state`, { raiseAuthFailure: authMode === 'signin' });
                 return;
             }
@@ -324,48 +299,21 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             oauthLoginUrl = `${oauthLoginUrl}&${pkceParams}`;
         }
         authWindow === null || authWindow === void 0 ? void 0 : authWindow.location.assign(oauthLoginUrl);
-        if (!providersWithoutWindowOpenerRefence.includes(provider)) {
-            // For provider that support window.opener, we need to clear all states/listeners when the window is closed
-            authWindowInterval.current = setInterval(() => {
-                var _a;
-                if (!(authWindow === null || authWindow === void 0 ? void 0 : authWindow.closed)) {
-                    return;
-                }
-                clearInterval(authWindowInterval.current);
-                setIsProcessing(false);
-                // user didn't complete oauth
-                if ((_a = providersWaitingOauthMessage.current) === null || _a === void 0 ? void 0 : _a[provider]) {
-                    onFailed(provider, 'user-cancelled');
-                }
-            }, 2000);
-        }
-        else {
-            // For provider that don't support window.opener, we need to use a timeout to pool the oauth result
-            // If we don't get a valid result in {async sessionTimeout} ms, we'll assume the user closed the window
-            // and we'll clear all states/listeners
-            // start pooling oauth result
-            shouldPool.current = true;
-            poolOauthResult(provider, state);
-            // if this is mobile, set a longer timeout to allow the user to login to the provider in the browser
-            let authWindowTimeout = sessionTimeout;
-            if (isMobile()) {
-                authWindowTimeout = authWindowTimeout * 3;
+        // For provider that support window.opener, we need to clear all states/listeners when the window is closed
+        authWindowInterval.current = setInterval(() => {
+            var _a;
+            if (!(authWindow === null || authWindow === void 0 ? void 0 : authWindow.closed)) {
+                return;
             }
-            authWindowInterval.current = setInterval(() => __awaiter(void 0, void 0, void 0, function* () {
-                var _f;
-                shouldPool.current = false;
-                // clear all states/listeners, assuming user closed the window before completing oauth
-                if ((_f = providersWaitingOauthMessage.current) === null || _f === void 0 ? void 0 : _f[provider]) {
-                    clearListeners();
-                    handleError(provider, SocialOAuthErrorCode.OAUTH_WINDOW_TIMEOUT, `Connecting ${provider} account window timeout.`, { raiseAuthFailure: authMode === 'signin' });
-                }
-                clearInterval(authWindowInterval.current);
-                setIsProcessing(false);
-                onSettled === null || onSettled === void 0 ? void 0 : onSettled();
-            }), authWindowTimeout);
-        }
+            clearInterval(authWindowInterval.current);
+            setIsProcessing(false);
+            // user didn't complete oauth
+            if ((_a = providersWaitingOauthMessage.current) === null || _a === void 0 ? void 0 : _a[provider]) {
+                onFailed(provider, 'user-cancelled');
+            }
+        }, 2000);
     });
-    const connectWithFarcaster = (authMode_1, _g) => __awaiter(void 0, [authMode_1, _g], void 0, function* (authMode, { captchaToken }) {
+    const connectWithFarcaster = (authMode_1, _f) => __awaiter(void 0, [authMode_1, _f], void 0, function* (authMode, { captchaToken }) {
         const dynamicNonce = consumeNonce();
         const domain = PlatformService.getHost();
         const data = yield connect({

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

@@ -118,7 +118,7 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         !wallet.connector.canConnectViaCustodialService, []);
     const setPrimaryWallet = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const { newWallet: newPrimaryWallet, connectedAccounts } = yield getSelectedWallet(walletId);
-        if (!primaryWalletId) {
+        if (!primaryWalletId && !checkIfShowQrCodeModal(newPrimaryWallet)) {
             yield newPrimaryWallet.connector.connect();
             setPrimaryWalletId(walletId);
             return;

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

@@ -114,7 +114,7 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         !wallet.connector.canConnectViaCustodialService, []);
     const setPrimaryWallet = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
         const { newWallet: newPrimaryWallet, connectedAccounts } = yield getSelectedWallet(walletId);
-        if (!primaryWalletId) {
+        if (!primaryWalletId && !checkIfShowQrCodeModal(newPrimaryWallet)) {
             yield newPrimaryWallet.connector.connect();
             setPrimaryWalletId(walletId);
             return;

package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.cjs

@@ -89,7 +89,7 @@ const BridgeNextWalletConnectionView = () => {
     }
     const [nextWalletToConnect] = bridgeChainsToConnect;
     const { chain } = nextWalletToConnect;
-    const chainInfo = walletConnectorCore.getChainInfo(chain);
+    const chainInfo = walletConnectorCore.getChainInfoWithOverrides(chain);
     const ChainIcon = getChainIcon.getChainIcon(chain);
     if (!chainInfo) {
         throw new utils.DynamicError('No chain info found for chain', chain);

package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.js

@@ -1,6 +1,6 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
-import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
 import { DynamicError } from '@dynamic-labs/utils';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { BridgeNextWalletToConnectLayout } from '../../layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.js';
@@ -85,7 +85,7 @@ const BridgeNextWalletConnectionView = () => {
     }
     const [nextWalletToConnect] = bridgeChainsToConnect;
     const { chain } = nextWalletToConnect;
-    const chainInfo = getChainInfo(chain);
+    const chainInfo = getChainInfoWithOverrides(chain);
     const ChainIcon = getChainIcon(chain);
     if (!chainInfo) {
         throw new DynamicError('No chain info found for chain', chain);

package/src/lib/views/BridgeSummaryView/BridgeSummaryView.cjs

@@ -89,7 +89,7 @@ const BridgeSummaryView = () => {
     const { t } = reactI18next.useTranslation();
     const onClickClose = () => setShowAuthFlow(false, { emitCancelAuth: true });
     const body = React.useMemo(() => {
-        const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = walletConnectorCore.getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
+        const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = walletConnectorCore.getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
         const [firstBlockchainName, secondBlockchainName] = blockchainNames;
         return t('dyn_bridge.summary_view.connection_succeed', {
             firstBlockchainName,
@@ -98,7 +98,7 @@ const BridgeSummaryView = () => {
     }, [bridgeChains, t]);
     const createPrimaryWalletCard = (wallet) => {
         const PrimaryWalletChainIcon = getChainIcon.getChainIcon(wallet.chain);
-        const primaryWalletChainInfo = walletConnectorCore.getChainInfo(wallet.chain);
+        const primaryWalletChainInfo = walletConnectorCore.getChainInfoWithOverrides(wallet.chain);
         return (jsxRuntime.jsx(DynamicBridgeWalletCard.DynamicBridgeWalletCard, { networkIcon: jsxRuntime.jsx(PrimaryWalletChainIcon, {}), networkName: primaryWalletChainInfo === null || primaryWalletChainInfo === void 0 ? void 0 : primaryWalletChainInfo.displayName, children: jsxRuntime.jsx(DynamicBridgeWalletCardBody.DynamicBridgeWalletCardBody, { walletKey: wallet.connector.key, walletAddress: wallet.address, walletBalance: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
                 jsxRuntime.jsx(Balance.Balance, { address: wallet.address, connector: wallet.connector, network: wallet.chain }) }) }));

package/src/lib/views/BridgeSummaryView/BridgeSummaryView.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
@@ -85,7 +85,7 @@ const BridgeSummaryView = () => {
     const { t } = useTranslation();
     const onClickClose = () => setShowAuthFlow(false, { emitCancelAuth: true });
     const body = useMemo(() => {
-        const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
+        const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
         const [firstBlockchainName, secondBlockchainName] = blockchainNames;
         return t('dyn_bridge.summary_view.connection_succeed', {
             firstBlockchainName,
@@ -94,7 +94,7 @@ const BridgeSummaryView = () => {
     }, [bridgeChains, t]);
     const createPrimaryWalletCard = (wallet) => {
         const PrimaryWalletChainIcon = getChainIcon(wallet.chain);
-        const primaryWalletChainInfo = getChainInfo(wallet.chain);
+        const primaryWalletChainInfo = getChainInfoWithOverrides(wallet.chain);
         return (jsx(DynamicBridgeWalletCard, { networkIcon: jsx(PrimaryWalletChainIcon, {}), networkName: primaryWalletChainInfo === null || primaryWalletChainInfo === void 0 ? void 0 : primaryWalletChainInfo.displayName, children: jsx(DynamicBridgeWalletCardBody, { walletKey: wallet.connector.key, walletAddress: wallet.address, walletBalance: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
                 jsx(Balance, { address: wallet.address, connector: wallet.connector, network: wallet.chain }) }) }));

package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.cjs

@@ -87,7 +87,7 @@ const BridgeWelcomeView = () => {
     const { setView } = ViewContext.useViewContext();
     const { t } = reactI18next.useTranslation();
     const body = React.useMemo(() => {
-        const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = walletConnectorCore.getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
+        const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = walletConnectorCore.getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
         const [firstBlockchainName, secondBlockchainName] = blockchainNames;
         return t('dyn_bridge.welcome_view.description', {
             firstBlockchainName,
@@ -96,7 +96,7 @@ const BridgeWelcomeView = () => {
     }, [bridgeChains, t]);
     const chains = React.useMemo(() => bridgeChains
         .map(({ chain }, index) => {
-        const chainInfo = walletConnectorCore.getChainInfo(chain);
+        const chainInfo = walletConnectorCore.getChainInfoWithOverrides(chain);
         const ChainIcon = getChainIcon.getChainIcon(chain);
         if (chainInfo && ChainIcon) {
             return {

package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.js

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
@@ -83,7 +83,7 @@ const BridgeWelcomeView = () => {
     const { setView } = useViewContext();
     const { t } = useTranslation();
     const body = useMemo(() => {
-        const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
+        const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
         const [firstBlockchainName, secondBlockchainName] = blockchainNames;
         return t('dyn_bridge.welcome_view.description', {
             firstBlockchainName,
@@ -92,7 +92,7 @@ const BridgeWelcomeView = () => {
     }, [bridgeChains, t]);
     const chains = useMemo(() => bridgeChains
         .map(({ chain }, index) => {
-        const chainInfo = getChainInfo(chain);
+        const chainInfo = getChainInfoWithOverrides(chain);
         const ChainIcon = getChainIcon(chain);
         if (chainInfo && ChainIcon) {
             return {

package/src/lib/views/LoginView/LoginViewSection/LoginViewSection.cjs

@@ -98,22 +98,26 @@ const LoginViewSection = ({ viewSection, index, walletCount, gotToWalletList, })
         case sdkApiCore.SdkViewSectionType.Phone:
             return (jsxRuntime.jsx(PhoneNumberSignInSection.PhoneNumberSignInSection, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading }));
         case sdkApiCore.SdkViewSectionType.EmailAndPhone:
-            return (jsxRuntime.jsx(ToggleableSection.ToggleableSection, { sections: [
-                    {
-                        button: t('dyn_login.email_or_phone.use_phone'),
-                        buttonCopyKey: 'dyn_login.email_or_phone.use_phone',
-                        component: (jsxRuntime.jsx(LoginEmailForm.LoginEmailForm, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
-                        label: t('dyn_login.email_or_phone.prefer_phone'),
-                        labelCopyKey: 'dyn_login.email_or_phone.prefer_phone',
-                    },
-                    {
-                        button: t('dyn_login.email_or_phone.use_email'),
-                        buttonCopyKey: 'dyn_login.email_or_phone.use_email',
-                        component: (jsxRuntime.jsx(PhoneNumberSignInSection.PhoneNumberSignInSection, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
-                        label: t('dyn_login.email_or_phone.prefer_email'),
-                        labelCopyKey: 'dyn_login.email_or_phone.prefer_email',
-                    },
-                ] }));
+            // eslint-disable-next-line no-case-declarations
+            const sections = [
+                {
+                    button: t('dyn_login.email_or_phone.use_phone'),
+                    buttonCopyKey: 'dyn_login.email_or_phone.use_phone',
+                    component: (jsxRuntime.jsx(LoginEmailForm.LoginEmailForm, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
+                    label: t('dyn_login.email_or_phone.prefer_phone'),
+                    labelCopyKey: 'dyn_login.email_or_phone.prefer_phone',
+                },
+                {
+                    button: t('dyn_login.email_or_phone.use_email'),
+                    buttonCopyKey: 'dyn_login.email_or_phone.use_email',
+                    component: (jsxRuntime.jsx(PhoneNumberSignInSection.PhoneNumberSignInSection, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
+                    label: t('dyn_login.email_or_phone.prefer_email'),
+                    labelCopyKey: 'dyn_login.email_or_phone.prefer_email',
+                },
+            ];
+            if (viewSection.defaultItem === 'phone')
+                sections.reverse();
+            return jsxRuntime.jsx(ToggleableSection.ToggleableSection, { sections: sections });
         case sdkApiCore.SdkViewSectionType.Wallet:
             return (jsxRuntime.jsx(WalletSignInSection.WalletSignInSection, { numberOfItensToShow: viewSection.numOfItemsToDisplay || 0, onSubmit: () => {
                     // this view is just to show the back button

package/src/lib/views/LoginView/LoginViewSection/LoginViewSection.js

@@ -94,22 +94,26 @@ const LoginViewSection = ({ viewSection, index, walletCount, gotToWalletList, })
         case SdkViewSectionType.Phone:
             return (jsx(PhoneNumberSignInSection, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading }));
         case SdkViewSectionType.EmailAndPhone:
-            return (jsx(ToggleableSection, { sections: [
-                    {
-                        button: t('dyn_login.email_or_phone.use_phone'),
-                        buttonCopyKey: 'dyn_login.email_or_phone.use_phone',
-                        component: (jsx(LoginEmailForm, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
-                        label: t('dyn_login.email_or_phone.prefer_phone'),
-                        labelCopyKey: 'dyn_login.email_or_phone.prefer_phone',
-                    },
-                    {
-                        button: t('dyn_login.email_or_phone.use_email'),
-                        buttonCopyKey: 'dyn_login.email_or_phone.use_email',
-                        component: (jsx(PhoneNumberSignInSection, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
-                        label: t('dyn_login.email_or_phone.prefer_email'),
-                        labelCopyKey: 'dyn_login.email_or_phone.prefer_email',
-                    },
-                ] }));
+            // eslint-disable-next-line no-case-declarations
+            const sections = [
+                {
+                    button: t('dyn_login.email_or_phone.use_phone'),
+                    buttonCopyKey: 'dyn_login.email_or_phone.use_phone',
+                    component: (jsx(LoginEmailForm, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
+                    label: t('dyn_login.email_or_phone.prefer_phone'),
+                    labelCopyKey: 'dyn_login.email_or_phone.prefer_phone',
+                },
+                {
+                    button: t('dyn_login.email_or_phone.use_email'),
+                    buttonCopyKey: 'dyn_login.email_or_phone.use_email',
+                    component: (jsx(PhoneNumberSignInSection, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading })),
+                    label: t('dyn_login.email_or_phone.prefer_email'),
+                    labelCopyKey: 'dyn_login.email_or_phone.prefer_email',
+                },
+            ];
+            if (viewSection.defaultItem === 'phone')
+                sections.reverse();
+            return jsx(ToggleableSection, { sections: sections });
         case SdkViewSectionType.Wallet:
             return (jsx(WalletSignInSection, { numberOfItensToShow: viewSection.numOfItemsToDisplay || 0, onSubmit: () => {
                     // this view is just to show the back button

package/src/lib/views/LoginView/sections/ToggleableSection/ToggleableSection.d.ts

@@ -6,8 +6,7 @@ export type Section = {
     buttonCopyKey?: string;
     labelCopyKey?: string;
 };
-type ToggleableSectionProps = {
+export type ToggleableSectionProps = {
     sections: [Section, Section];
 };
 export declare const ToggleableSection: FC<ToggleableSectionProps>;
-export {};

package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.cjs

@@ -90,7 +90,7 @@ require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs')
 const WalletGroupItem = ({ wallet, onClick, }) => {
     const [supportedChain] = wallet.walletConnector.supportedChains;
     const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
-    const chainInfo = walletConnectorCore.getChainInfo(supportedChain);
+    const chainInfo = walletConnectorCore.getChainInfoWithOverrides(supportedChain);
     const walletOverride = wallet.group
         ? walletBook.findWalletGroupOverride(walletBook$1, wallet.group, wallet.key)
         : undefined;

package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.js

@@ -1,7 +1,7 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
 import { useWalletBookContext, findWalletGroupOverride, BrandIcon } from '@dynamic-labs/wallet-book';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
@@ -86,7 +86,7 @@ import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 const WalletGroupItem = ({ wallet, onClick, }) => {
     const [supportedChain] = wallet.walletConnector.supportedChains;
     const { walletBook } = useWalletBookContext();
-    const chainInfo = getChainInfo(supportedChain);
+    const chainInfo = getChainInfoWithOverrides(supportedChain);
     const walletOverride = wallet.group
         ? findWalletGroupOverride(walletBook, wallet.group, wallet.key)
         : undefined;

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetEmptyCard/DynamicBridgeWidgetEmptyCard.cjs

@@ -87,7 +87,7 @@ const DynamicBridgeWidgetEmptyCard = ({ chain }) => {
     if (!(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) || !chain) {
         return null;
     }
-    const chainInfo = walletConnectorCore.getChainInfo(chain);
+    const chainInfo = walletConnectorCore.getChainInfoWithOverrides(chain);
     const ChainIcon = getChainIcon.getChainIcon(chain);
     return (jsxRuntime.jsxs("div", { role: 'button', className: 'dynamic-bridge-widget-empty-card', onClick: () => {
             setShowBridgeWidget(false);

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetEmptyCard/DynamicBridgeWidgetEmptyCard.js

@@ -1,7 +1,7 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
 import 'react';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
@@ -83,7 +83,7 @@ const DynamicBridgeWidgetEmptyCard = ({ chain }) => {
     if (!(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) || !chain) {
         return null;
     }
-    const chainInfo = getChainInfo(chain);
+    const chainInfo = getChainInfoWithOverrides(chain);
     const ChainIcon = getChainIcon(chain);
     return (jsxs("div", { role: 'button', className: 'dynamic-bridge-widget-empty-card', onClick: () => {
             setShowBridgeWidget(false);

package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/WalletsView.cjs

@@ -94,7 +94,7 @@ const WalletsView = () => {
                     if (!chainWallets.length)
                         return jsxRuntime.jsx(DynamicBridgeWidgetEmptyCard.DynamicBridgeWidgetEmptyCard, { chain: chain }, chain);
                     const WalletIcon = getChainIcon.getChainIcon(chain);
-                    const walletInfo = walletConnectorCore.getChainInfo(chain);
+                    const walletInfo = walletConnectorCore.getChainInfoWithOverrides(chain);
                     // Wallets info for chains with connected wallets
                     return chainWallets.map(({ connector, address, id }) => (jsxRuntime.jsx(DynamicBridgeWalletCard.DynamicBridgeWalletCard, { networkIcon: jsxRuntime.jsx(WalletIcon, {}), networkName: walletInfo === null || walletInfo === void 0 ? void 0 : walletInfo.displayName, children: jsxRuntime.jsx(DynamicBridgeWalletCardBody.DynamicBridgeWalletCardBody, { walletKey: connector.key, walletAddress: address, walletBalance: jsxRuntime.jsx(Balance.Balance, { address: address, connector: connector, network: chain }), onDisconnectClick: () => disconnectWallet(id) }) }, `${id}-${connector.name}`)));
                 }) }), jsxRuntime.jsx(DynamicWidgetFooter.DynamicWidgetFooter, { children: jsxRuntime.jsx(LogoutButton.LogoutButton, { buttonClassName: 'dynamic-bridge-widget-wallets-view__logout-button', isTextButton: true }) })] }));

package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/WalletsView.js

@@ -1,6 +1,6 @@
 'use client'
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../components/Alert/Alert.js';
 import 'react';
@@ -90,7 +90,7 @@ const WalletsView = () => {
                     if (!chainWallets.length)
                         return jsx(DynamicBridgeWidgetEmptyCard, { chain: chain }, chain);
                     const WalletIcon = getChainIcon(chain);
-                    const walletInfo = getChainInfo(chain);
+                    const walletInfo = getChainInfoWithOverrides(chain);
                     // Wallets info for chains with connected wallets
                     return chainWallets.map(({ connector, address, id }) => (jsx(DynamicBridgeWalletCard, { networkIcon: jsx(WalletIcon, {}), networkName: walletInfo === null || walletInfo === void 0 ? void 0 : walletInfo.displayName, children: jsx(DynamicBridgeWalletCardBody, { walletKey: connector.key, walletAddress: address, walletBalance: jsx(Balance, { address: address, connector: connector, network: chain }), onDisconnectClick: () => disconnectWallet(id) }) }, `${id}-${connector.name}`)));
                 }) }), jsx(DynamicWidgetFooter, { children: jsx(LogoutButton, { buttonClassName: 'dynamic-bridge-widget-wallets-view__logout-button', isTextButton: true }) })] }));

package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs

@@ -91,7 +91,7 @@ const SecondaryWallets = ({ hideUnlinkAction = false }) => {
     const { disconnectWallet, getConnectedWalletById, bridgeChains } = useInternalDynamicContext.useInternalDynamicContext();
     const wallet = getConnectedWalletById('connect-wallet-1');
     const NetworkIcon = wallet && getChainIcon.getChainIcon(wallet === null || wallet === void 0 ? void 0 : wallet.chain);
-    const networkInfo = wallet && walletConnectorCore.getChainInfo(wallet === null || wallet === void 0 ? void 0 : wallet.chain);
+    const networkInfo = wallet && walletConnectorCore.getChainInfoWithOverrides(wallet === null || wallet === void 0 ? void 0 : wallet.chain);
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!wallet && (jsxRuntime.jsx(DynamicBridgeWidgetEmptyCard.DynamicBridgeWidgetEmptyCard, { chain: bridgeChains === null || bridgeChains === void 0 ? void 0 : bridgeChains[1].chain })), wallet && NetworkIcon && (jsxRuntime.jsx(DynamicBridgeWalletCard.DynamicBridgeWalletCard, { networkIcon: jsxRuntime.jsx(NetworkIcon, {}), networkName: networkInfo === null || networkInfo === void 0 ? void 0 : networkInfo.displayName, children: jsxRuntime.jsx(DynamicBridgeWalletCardBody.DynamicBridgeWalletCardBody, { walletKey: wallet.connector.key, walletAddress: wallet.address, walletBalance: 
                     // eslint-disable-next-line react/jsx-wrap-multilines
                     jsxRuntime.jsx(Balance.Balance, { address: wallet.address, connector: wallet.connector, network: wallet.chain }), onDisconnectClick: !hideUnlinkAction ? () => disconnectWallet(wallet.id) : undefined }, wallet.id) }))] }));

package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js

@@ -1,7 +1,7 @@
 'use client'
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
-import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../../../shared/logger.js';
 import { getChainIcon } from '../../../../../../shared/utils/functions/chain/getChainIcon.js';
@@ -83,7 +83,7 @@ const SecondaryWallets = ({ hideUnlinkAction = false }) => {
     const { disconnectWallet, getConnectedWalletById, bridgeChains } = useInternalDynamicContext();
     const wallet = getConnectedWalletById('connect-wallet-1');
     const NetworkIcon = wallet && getChainIcon(wallet === null || wallet === void 0 ? void 0 : wallet.chain);
-    const networkInfo = wallet && getChainInfo(wallet === null || wallet === void 0 ? void 0 : wallet.chain);
+    const networkInfo = wallet && getChainInfoWithOverrides(wallet === null || wallet === void 0 ? void 0 : wallet.chain);
     return (jsxs(Fragment, { children: [!wallet && (jsx(DynamicBridgeWidgetEmptyCard, { chain: bridgeChains === null || bridgeChains === void 0 ? void 0 : bridgeChains[1].chain })), wallet && NetworkIcon && (jsx(DynamicBridgeWalletCard, { networkIcon: jsx(NetworkIcon, {}), networkName: networkInfo === null || networkInfo === void 0 ? void 0 : networkInfo.displayName, children: jsx(DynamicBridgeWalletCardBody, { walletKey: wallet.connector.key, walletAddress: wallet.address, walletBalance: 
                     // eslint-disable-next-line react/jsx-wrap-multilines
                     jsx(Balance, { address: wallet.address, connector: wallet.connector, network: wallet.chain }), onDisconnectClick: !hideUnlinkAction ? () => disconnectWallet(wallet.id) : undefined }, wallet.id) }))] }));

package/src/lib/widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.cjs

@@ -86,7 +86,7 @@ const useFetchChain = (connector) => {
             return { name: '', symbol: undefined };
         const chainId = yield connector.getNetwork();
         const { connectedChain } = connector;
-        const chainInfo = walletConnectorCore.getChainInfo(connectedChain || '');
+        const chainInfo = walletConnectorCore.getChainInfoWithOverrides(connectedChain || '');
         const chainWithIcon = {
             name: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName,
             symbol: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol,

package/src/lib/widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
-import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
 import 'react';
 import '../../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
@@ -82,7 +82,7 @@ const useFetchChain = (connector) => {
             return { name: '', symbol: undefined };
         const chainId = yield connector.getNetwork();
         const { connectedChain } = connector;
-        const chainInfo = getChainInfo(connectedChain || '');
+        const chainInfo = getChainInfoWithOverrides(connectedChain || '');
         const chainWithIcon = {
             name: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName,
             symbol: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol,

package/src/lib/widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs

@@ -85,7 +85,7 @@ const useFetchCurrency = (connector, network) => {
         if (!connector)
             return null;
         const chainId = yield connector.getNetwork();
-        const chainInfo = walletConnectorCore.getChainInfo((_a = connector.connectedChain) !== null && _a !== void 0 ? _a : '');
+        const chainInfo = walletConnectorCore.getChainInfoWithOverrides((_a = connector.connectedChain) !== null && _a !== void 0 ? _a : '');
         /* istanbul ignore else */
         if (!chainId) {
             return chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol;

package/src/lib/widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.js

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
-import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
 import 'react';
 import '../../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
@@ -81,7 +81,7 @@ const useFetchCurrency = (connector, network) => {
         if (!connector)
             return null;
         const chainId = yield connector.getNetwork();
-        const chainInfo = getChainInfo((_a = connector.connectedChain) !== null && _a !== void 0 ? _a : '');
+        const chainInfo = getChainInfoWithOverrides((_a = connector.connectedChain) !== null && _a !== void 0 ? _a : '');
         /* istanbul ignore else */
         if (!chainId) {
             return chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol;