@dynamic-labs/sdk-react-core 2.3.10 → 2.5.0

package/CHANGELOG.md

@@ -1,4 +1,29 @@
 
+## [2.5.0](https://github.com/dynamic-labs/DynamicAuth/compare/v2.4.0...v2.5.0) (2024-08-22)
+
+
+### Features
+
+* add signPsbts method to bitcoin connectors ([#6652](https://github.com/dynamic-labs/DynamicAuth/issues/6652)) ([951bfea](https://github.com/dynamic-labs/DynamicAuth/commit/951bfea3ccca52e0fb71eebca23354ba0ae99dca)), closes [#6592](https://github.com/dynamic-labs/DynamicAuth/issues/6592)
+
+
+### Bug Fixes
+
+* aa export darkmode ([#6659](https://github.com/dynamic-labs/DynamicAuth/issues/6659)) ([cc58054](https://github.com/dynamic-labs/DynamicAuth/commit/cc58054b17cafef28cae1fd1282a0925419719ee))
+
+## [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)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.3.10";
+var version = "2.5.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.10";
+var version = "2.5.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.10",
+  "version": "2.5.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.10",
-    "@dynamic-labs/logger": "2.3.10",
-    "@dynamic-labs/multi-wallet": "2.3.10",
-    "@dynamic-labs/rpc-provider-ethereum": "2.3.10",
-    "@dynamic-labs/rpc-provider-solana": "2.3.10",
-    "@dynamic-labs/rpc-providers": "2.3.10",
-    "@dynamic-labs/store": "2.3.10",
-    "@dynamic-labs/types": "2.3.10",
-    "@dynamic-labs/utils": "2.3.10",
-    "@dynamic-labs/viem-utils": "2.3.10",
-    "@dynamic-labs/wallet-book": "2.3.10",
-    "@dynamic-labs/wallet-connector-core": "2.3.10",
+    "@dynamic-labs/iconic": "2.5.0",
+    "@dynamic-labs/logger": "2.5.0",
+    "@dynamic-labs/multi-wallet": "2.5.0",
+    "@dynamic-labs/rpc-provider-ethereum": "2.5.0",
+    "@dynamic-labs/rpc-provider-solana": "2.5.0",
+    "@dynamic-labs/rpc-providers": "2.5.0",
+    "@dynamic-labs/store": "2.5.0",
+    "@dynamic-labs/types": "2.5.0",
+    "@dynamic-labs/utils": "2.5.0",
+    "@dynamic-labs/viem-utils": "2.5.0",
+    "@dynamic-labs/wallet-book": "2.5.0",
+    "@dynamic-labs/wallet-connector-core": "2.5.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/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;