@dynamic-labs/sdk-react-core 2.3.10 → 2.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/package.cjs +1 -1
- package/package.js +1 -1
- package/package.json +13 -13
- package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.cjs +1 -1
- package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.js +1 -1
- package/src/lib/context/DynamicContext/DynamicContext.cjs +13 -9
- package/src/lib/context/DynamicContext/DynamicContext.js +14 -10
- package/src/lib/context/DynamicContext/types/index.d.ts +5 -1
- package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.cjs +1 -1
- package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.js +2 -2
- package/src/lib/shared/utils/functions/chain/getChainDisplayName.cjs +1 -1
- package/src/lib/shared/utils/functions/chain/getChainDisplayName.js +2 -2
- package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.cjs +1 -1
- package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.js +1 -1
- package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.cjs +1 -1
- package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.js +2 -2
- package/src/lib/views/BridgeSummaryView/BridgeSummaryView.cjs +2 -2
- package/src/lib/views/BridgeSummaryView/BridgeSummaryView.js +3 -3
- package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.cjs +2 -2
- package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.js +3 -3
- package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.cjs +1 -1
- package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.js +2 -2
- package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetEmptyCard/DynamicBridgeWidgetEmptyCard.cjs +1 -1
- package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetEmptyCard/DynamicBridgeWidgetEmptyCard.js +2 -2
- package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/WalletsView.cjs +1 -1
- package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/WalletsView.js +2 -2
- package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs +1 -1
- package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js +2 -2
- package/src/lib/widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js +2 -2
- package/src/lib/widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.js +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,4 +1,17 @@
|
|
|
1
1
|
|
|
2
|
+
## [2.4.0](https://github.com/dynamic-labs/DynamicAuth/compare/v2.3.10...v2.4.0) (2024-08-17)
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
### Features
|
|
6
|
+
|
|
7
|
+
* add chain display value override to the dynamic props ([bf57738](https://github.com/dynamic-labs/DynamicAuth/commit/bf577387d52ef0748e958b519218c3da6ddbbc64))
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Bug Fixes
|
|
11
|
+
|
|
12
|
+
* 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))
|
|
13
|
+
* fix jwt length when signing with embedded wallets ([#6638](https://github.com/dynamic-labs/DynamicAuth/issues/6638))
|
|
14
|
+
|
|
2
15
|
### [2.3.10](https://github.com/dynamic-labs/DynamicAuth/compare/v2.3.9...v2.3.10) (2024-08-15)
|
|
3
16
|
|
|
4
17
|
|
package/package.cjs
CHANGED
package/package.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dynamic-labs/sdk-react-core",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.4.0",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
|
|
@@ -17,18 +17,18 @@
|
|
|
17
17
|
"react-i18next": "13.5.0",
|
|
18
18
|
"yup": "0.32.11",
|
|
19
19
|
"react-international-phone": "4.2.5",
|
|
20
|
-
"@dynamic-labs/iconic": "2.
|
|
21
|
-
"@dynamic-labs/logger": "2.
|
|
22
|
-
"@dynamic-labs/multi-wallet": "2.
|
|
23
|
-
"@dynamic-labs/rpc-provider-ethereum": "2.
|
|
24
|
-
"@dynamic-labs/rpc-provider-solana": "2.
|
|
25
|
-
"@dynamic-labs/rpc-providers": "2.
|
|
26
|
-
"@dynamic-labs/store": "2.
|
|
27
|
-
"@dynamic-labs/types": "2.
|
|
28
|
-
"@dynamic-labs/utils": "2.
|
|
29
|
-
"@dynamic-labs/viem-utils": "2.
|
|
30
|
-
"@dynamic-labs/wallet-book": "2.
|
|
31
|
-
"@dynamic-labs/wallet-connector-core": "2.
|
|
20
|
+
"@dynamic-labs/iconic": "2.4.0",
|
|
21
|
+
"@dynamic-labs/logger": "2.4.0",
|
|
22
|
+
"@dynamic-labs/multi-wallet": "2.4.0",
|
|
23
|
+
"@dynamic-labs/rpc-provider-ethereum": "2.4.0",
|
|
24
|
+
"@dynamic-labs/rpc-provider-solana": "2.4.0",
|
|
25
|
+
"@dynamic-labs/rpc-providers": "2.4.0",
|
|
26
|
+
"@dynamic-labs/store": "2.4.0",
|
|
27
|
+
"@dynamic-labs/types": "2.4.0",
|
|
28
|
+
"@dynamic-labs/utils": "2.4.0",
|
|
29
|
+
"@dynamic-labs/viem-utils": "2.4.0",
|
|
30
|
+
"@dynamic-labs/wallet-book": "2.4.0",
|
|
31
|
+
"@dynamic-labs/wallet-connector-core": "2.4.0",
|
|
32
32
|
"eventemitter3": "5.0.1"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
@@ -88,7 +88,7 @@ require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs')
|
|
|
88
88
|
const NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showNetworkName = false, }) => {
|
|
89
89
|
const { chain, isLoading } = useFetchChain.useFetchChain(walletConnector);
|
|
90
90
|
const chainName = (chain === null || chain === void 0 ? void 0 : chain.name) || '';
|
|
91
|
-
const ChainIcon = getChainIcon.getChainIcon(
|
|
91
|
+
const ChainIcon = getChainIcon.getChainIcon(walletConnector.connectedChain || '');
|
|
92
92
|
if (isLoading) {
|
|
93
93
|
return jsxRuntime.jsx(NetworkControlSkeleton.NetworkControlSkeleton, { className: className });
|
|
94
94
|
}
|
|
@@ -84,7 +84,7 @@ import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
|
|
|
84
84
|
const NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showNetworkName = false, }) => {
|
|
85
85
|
const { chain, isLoading } = useFetchChain(walletConnector);
|
|
86
86
|
const chainName = (chain === null || chain === void 0 ? void 0 : chain.name) || '';
|
|
87
|
-
const ChainIcon = getChainIcon(
|
|
87
|
+
const ChainIcon = getChainIcon(walletConnector.connectedChain || '');
|
|
88
88
|
if (isLoading) {
|
|
89
89
|
return jsx(NetworkControlSkeleton, { className: className });
|
|
90
90
|
}
|
|
@@ -142,7 +142,7 @@ const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9
|
|
|
142
142
|
const DynamicContext = React.createContext(undefined);
|
|
143
143
|
/** The context provider itself we only use internally */
|
|
144
144
|
const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, locale: locale$1, enableInstrumentation = false, }) => {
|
|
145
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
145
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
146
146
|
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;
|
|
147
147
|
localStorage.LocalStorage.setSuffix(settings$1.localStorageSuffix);
|
|
148
148
|
/**
|
|
@@ -152,13 +152,17 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
|
|
|
152
152
|
environmentId,
|
|
153
153
|
storageSuffix: settings$1.localStorageSuffix,
|
|
154
154
|
});
|
|
155
|
+
/**
|
|
156
|
+
* Sets the chain info overrides if they are present
|
|
157
|
+
*/
|
|
158
|
+
walletConnectorCore.setChainInfoOverrides((_a = settings$1.overrides) === null || _a === void 0 ? void 0 : _a.chainDisplayValues);
|
|
155
159
|
/**
|
|
156
160
|
* For backwards compatibility, we allow the client to pass in
|
|
157
161
|
* `eventsCallbacks` instead of `events`. It should remove this
|
|
158
162
|
* in version 3.0.0.
|
|
159
163
|
* ticket: QNTM-1504
|
|
160
164
|
*/
|
|
161
|
-
const events = (
|
|
165
|
+
const events = (_b = settings$1.events) !== null && _b !== void 0 ? _b : settings$1.eventsCallbacks;
|
|
162
166
|
const networkValidationMode = helpers.resolveNetworkValidationMode({
|
|
163
167
|
bridgeChains: settings$1.bridgeChains,
|
|
164
168
|
networkValidationMode: settings$1.networkValidationMode,
|
|
@@ -171,14 +175,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
|
|
|
171
175
|
logger$1.logger.setLogLevel(logLevel);
|
|
172
176
|
walletConnectorCore.logger.setLogLevel(logLevel);
|
|
173
177
|
}
|
|
174
|
-
catch (
|
|
178
|
+
catch (_k) {
|
|
175
179
|
// logger could be messing up with SSR so we are catching the errors
|
|
176
180
|
/* empty */
|
|
177
181
|
}
|
|
178
182
|
if (environmentId === PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID) {
|
|
179
183
|
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.`);
|
|
180
184
|
}
|
|
181
|
-
ApiEndpoint.setBaseUrl((
|
|
185
|
+
ApiEndpoint.setBaseUrl((_c = process.env.DYNAMIC_API_BASE_URL) !== null && _c !== void 0 ? _c : apiBaseUrl);
|
|
182
186
|
const i18nSDKInstance = locale.Locale.setup(locale$1);
|
|
183
187
|
const isBridgeFlow = Boolean(bridgeChains);
|
|
184
188
|
const deepLinkPreference = helpers.getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
|
|
@@ -216,8 +220,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
|
|
|
216
220
|
useSendDynamicProps.useSendDynamicProps({ environmentId, settings: settings$1 });
|
|
217
221
|
const multiWallet = useMultiWallet.useMultiWallet({
|
|
218
222
|
isBridgeFlow,
|
|
219
|
-
multiWalletOverride: (
|
|
220
|
-
multiWalletSettings: (
|
|
223
|
+
multiWalletOverride: (_d = settings$1.overrides) === null || _d === void 0 ? void 0 : _d.multiWallet,
|
|
224
|
+
multiWalletSettings: (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.multiWallet,
|
|
221
225
|
});
|
|
222
226
|
// ensures that when user comes back to site and primary wallet is out of sync, we don't show widget popup
|
|
223
227
|
const [showWidgetStatePopup, setShowWidgetStatePopup] = React.useState(!multiWallet);
|
|
@@ -226,7 +230,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
|
|
|
226
230
|
const walletBook$1 = walletBook.useWalletBookCdn();
|
|
227
231
|
const { networkConfigurations: serverNetworkConfigurations } = useNetworkConfigurations.useNetworkConfigurations({
|
|
228
232
|
environmentId,
|
|
229
|
-
evmNetworksOverrides: (
|
|
233
|
+
evmNetworksOverrides: (_f = settings$1.overrides) === null || _f === void 0 ? void 0 : _f.evmNetworks,
|
|
230
234
|
projectSettings,
|
|
231
235
|
});
|
|
232
236
|
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
|
|
|
238
242
|
appLogoUrl,
|
|
239
243
|
appName,
|
|
240
244
|
getAppOrigin: () => window.location.origin,
|
|
241
|
-
hideEmbeddedWalletTransactionUIs: hideEmbeddedWalletTransactionUIs !== null && hideEmbeddedWalletTransactionUIs !== void 0 ? hideEmbeddedWalletTransactionUIs : !((
|
|
245
|
+
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),
|
|
242
246
|
});
|
|
243
247
|
const { walletConnectorOptions } = useWalletConnectorOptions.useWalletConnectorOptions({
|
|
244
248
|
appLogoUrl,
|
|
@@ -713,7 +717,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
|
|
|
713
717
|
}
|
|
714
718
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
715
719
|
}, [multiWallet, multiWalletWidgetState, showDynamicUserProfile]);
|
|
716
|
-
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, ((
|
|
720
|
+
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({
|
|
717
721
|
bridgeOnboardingCompleted,
|
|
718
722
|
connectedWallets,
|
|
719
723
|
isAuthenticated: isAuthenticated || Boolean(primaryWallet),
|
|
@@ -7,7 +7,7 @@ import { getIconicSpriteUrl } from '@dynamic-labs/iconic';
|
|
|
7
7
|
import { Logger } from '@dynamic-labs/logger';
|
|
8
8
|
import { MissingEnvironmentIdError } from '@dynamic-labs/utils';
|
|
9
9
|
import { useWalletBookCdn, getWalletBookCdnUrl, WalletBookContextProvider } from '@dynamic-labs/wallet-book';
|
|
10
|
-
import { logger as logger$1 } from '@dynamic-labs/wallet-connector-core';
|
|
10
|
+
import { setChainInfoOverrides, logger as logger$1 } from '@dynamic-labs/wallet-connector-core';
|
|
11
11
|
import { DynamicAuthFlow } from '../../app.js';
|
|
12
12
|
import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
|
|
13
13
|
import '../../components/Alert/Alert.js';
|
|
@@ -138,7 +138,7 @@ const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9
|
|
|
138
138
|
const DynamicContext = createContext(undefined);
|
|
139
139
|
/** The context provider itself we only use internally */
|
|
140
140
|
const InnerDynamicContextProvider = ({ children, theme, settings, locale, enableInstrumentation = false, }) => {
|
|
141
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
141
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
142
142
|
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;
|
|
143
143
|
LocalStorage.setSuffix(settings.localStorageSuffix);
|
|
144
144
|
/**
|
|
@@ -148,13 +148,17 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
|
|
|
148
148
|
environmentId,
|
|
149
149
|
storageSuffix: settings.localStorageSuffix,
|
|
150
150
|
});
|
|
151
|
+
/**
|
|
152
|
+
* Sets the chain info overrides if they are present
|
|
153
|
+
*/
|
|
154
|
+
setChainInfoOverrides((_a = settings.overrides) === null || _a === void 0 ? void 0 : _a.chainDisplayValues);
|
|
151
155
|
/**
|
|
152
156
|
* For backwards compatibility, we allow the client to pass in
|
|
153
157
|
* `eventsCallbacks` instead of `events`. It should remove this
|
|
154
158
|
* in version 3.0.0.
|
|
155
159
|
* ticket: QNTM-1504
|
|
156
160
|
*/
|
|
157
|
-
const events = (
|
|
161
|
+
const events = (_b = settings.events) !== null && _b !== void 0 ? _b : settings.eventsCallbacks;
|
|
158
162
|
const networkValidationMode = resolveNetworkValidationMode({
|
|
159
163
|
bridgeChains: settings.bridgeChains,
|
|
160
164
|
networkValidationMode: settings.networkValidationMode,
|
|
@@ -167,14 +171,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
|
|
|
167
171
|
logger.setLogLevel(logLevel);
|
|
168
172
|
logger$1.setLogLevel(logLevel);
|
|
169
173
|
}
|
|
170
|
-
catch (
|
|
174
|
+
catch (_k) {
|
|
171
175
|
// logger could be messing up with SSR so we are catching the errors
|
|
172
176
|
/* empty */
|
|
173
177
|
}
|
|
174
178
|
if (environmentId === PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID) {
|
|
175
179
|
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.`);
|
|
176
180
|
}
|
|
177
|
-
ApiEndpoint.setBaseUrl((
|
|
181
|
+
ApiEndpoint.setBaseUrl((_c = process.env.DYNAMIC_API_BASE_URL) !== null && _c !== void 0 ? _c : apiBaseUrl);
|
|
178
182
|
const i18nSDKInstance = Locale.setup(locale);
|
|
179
183
|
const isBridgeFlow = Boolean(bridgeChains);
|
|
180
184
|
const deepLinkPreference = getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
|
|
@@ -212,8 +216,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
|
|
|
212
216
|
useSendDynamicProps({ environmentId, settings });
|
|
213
217
|
const multiWallet = useMultiWallet({
|
|
214
218
|
isBridgeFlow,
|
|
215
|
-
multiWalletOverride: (
|
|
216
|
-
multiWalletSettings: (
|
|
219
|
+
multiWalletOverride: (_d = settings.overrides) === null || _d === void 0 ? void 0 : _d.multiWallet,
|
|
220
|
+
multiWalletSettings: (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.multiWallet,
|
|
217
221
|
});
|
|
218
222
|
// ensures that when user comes back to site and primary wallet is out of sync, we don't show widget popup
|
|
219
223
|
const [showWidgetStatePopup, setShowWidgetStatePopup] = useState(!multiWallet);
|
|
@@ -222,7 +226,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
|
|
|
222
226
|
const walletBook = useWalletBookCdn();
|
|
223
227
|
const { networkConfigurations: serverNetworkConfigurations } = useNetworkConfigurations({
|
|
224
228
|
environmentId,
|
|
225
|
-
evmNetworksOverrides: (
|
|
229
|
+
evmNetworksOverrides: (_f = settings.overrides) === null || _f === void 0 ? void 0 : _f.evmNetworks,
|
|
226
230
|
projectSettings,
|
|
227
231
|
});
|
|
228
232
|
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
|
|
|
234
238
|
appLogoUrl,
|
|
235
239
|
appName,
|
|
236
240
|
getAppOrigin: () => window.location.origin,
|
|
237
|
-
hideEmbeddedWalletTransactionUIs: hideEmbeddedWalletTransactionUIs !== null && hideEmbeddedWalletTransactionUIs !== void 0 ? hideEmbeddedWalletTransactionUIs : !((
|
|
241
|
+
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),
|
|
238
242
|
});
|
|
239
243
|
const { walletConnectorOptions } = useWalletConnectorOptions({
|
|
240
244
|
appLogoUrl,
|
|
@@ -709,7 +713,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
|
|
|
709
713
|
}
|
|
710
714
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
711
715
|
}, [multiWallet, multiWalletWidgetState, showDynamicUserProfile]);
|
|
712
|
-
return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((
|
|
716
|
+
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({
|
|
713
717
|
bridgeOnboardingCompleted,
|
|
714
718
|
connectedWallets,
|
|
715
719
|
isAuthenticated: isAuthenticated || Boolean(primaryWallet),
|
|
@@ -3,7 +3,7 @@ import { changeLanguage } from 'i18next';
|
|
|
3
3
|
import { CountryIso2 } from 'react-international-phone';
|
|
4
4
|
import { NameServiceData, ProjectSettings, SdkView } from '@dynamic-labs/sdk-api-core';
|
|
5
5
|
import { GenericNetwork, NetworkConfigurationMap, SocialProviderFilter, UserProfile, WalletUiUtils } from '@dynamic-labs/types';
|
|
6
|
-
import { Chain, GetAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
|
|
6
|
+
import { Chain, ChainDisplayOverrides, GetAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
|
|
7
7
|
import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
|
|
8
8
|
import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, DynamicRPCProviders, MultiWalletWidgetState, RecommendedWallet, Wallet, WalletOption, WalletWithAction } from '../../../shared';
|
|
9
9
|
import { DynamicHandlers } from '../../../shared/types/dynamicHandlers';
|
|
@@ -52,6 +52,10 @@ export type SettingsOverrides = {
|
|
|
52
52
|
* Allows overriding the multi-wallet feature from the dashboard.
|
|
53
53
|
*/
|
|
54
54
|
multiWallet?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* Allows overriding the chain info for a specific chain.
|
|
57
|
+
*/
|
|
58
|
+
chainDisplayValues?: ChainDisplayOverrides;
|
|
55
59
|
};
|
|
56
60
|
export type ConnectWalletResult = {
|
|
57
61
|
address: string;
|
|
@@ -89,7 +89,7 @@ const WalletProgressStepper = () => {
|
|
|
89
89
|
const chainsLeftToConnect = [...bridgeChainsToConnect].map(({ chain }) => chain);
|
|
90
90
|
return (jsxRuntime.jsx("div", { className: 'wallet-progress-stepper', "data-testid": 'wallet-progress-stepper', children: jsxRuntime.jsx(Stepper.Stepper, { children: allChains.map((chain, index) => {
|
|
91
91
|
var _a;
|
|
92
|
-
const chainInfo = walletConnectorCore.
|
|
92
|
+
const chainInfo = walletConnectorCore.getChainInfoWithOverrides(chain);
|
|
93
93
|
const PrimaryWalletChainIcon = getChainIcon.getChainIcon(chain);
|
|
94
94
|
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));
|
|
95
95
|
}) }) }));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client'
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import {
|
|
3
|
+
import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
|
|
4
4
|
import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
|
|
5
5
|
import '../../../components/Alert/Alert.js';
|
|
6
6
|
import 'react';
|
|
@@ -85,7 +85,7 @@ const WalletProgressStepper = () => {
|
|
|
85
85
|
const chainsLeftToConnect = [...bridgeChainsToConnect].map(({ chain }) => chain);
|
|
86
86
|
return (jsx("div", { className: 'wallet-progress-stepper', "data-testid": 'wallet-progress-stepper', children: jsx(Stepper, { children: allChains.map((chain, index) => {
|
|
87
87
|
var _a;
|
|
88
|
-
const chainInfo =
|
|
88
|
+
const chainInfo = getChainInfoWithOverrides(chain);
|
|
89
89
|
const PrimaryWalletChainIcon = getChainIcon(chain);
|
|
90
90
|
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));
|
|
91
91
|
}) }) }));
|
|
@@ -8,7 +8,7 @@ var logger = require('../../../logger.cjs');
|
|
|
8
8
|
|
|
9
9
|
const getChainDisplayName = (chain) => {
|
|
10
10
|
var _a;
|
|
11
|
-
const displayName = (_a = walletConnectorCore.
|
|
11
|
+
const displayName = (_a = walletConnectorCore.getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.displayName;
|
|
12
12
|
if (!displayName) {
|
|
13
13
|
logger.logger.error(`Chain name for "${chain}" not supported`);
|
|
14
14
|
return chain;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import {
|
|
2
|
+
import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
|
|
3
3
|
import { logger } from '../../../logger.js';
|
|
4
4
|
|
|
5
5
|
const getChainDisplayName = (chain) => {
|
|
6
6
|
var _a;
|
|
7
|
-
const displayName = (_a =
|
|
7
|
+
const displayName = (_a = getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.displayName;
|
|
8
8
|
if (!displayName) {
|
|
9
9
|
logger.error(`Chain name for "${chain}" not supported`);
|
|
10
10
|
return chain;
|
|
@@ -118,7 +118,7 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
|
|
|
118
118
|
!wallet.connector.canConnectViaCustodialService, []);
|
|
119
119
|
const setPrimaryWallet = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
|
|
120
120
|
const { newWallet: newPrimaryWallet, connectedAccounts } = yield getSelectedWallet(walletId);
|
|
121
|
-
if (!primaryWalletId) {
|
|
121
|
+
if (!primaryWalletId && !checkIfShowQrCodeModal(newPrimaryWallet)) {
|
|
122
122
|
yield newPrimaryWallet.connector.connect();
|
|
123
123
|
setPrimaryWalletId(walletId);
|
|
124
124
|
return;
|
|
@@ -114,7 +114,7 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
|
|
|
114
114
|
!wallet.connector.canConnectViaCustodialService, []);
|
|
115
115
|
const setPrimaryWallet = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
|
|
116
116
|
const { newWallet: newPrimaryWallet, connectedAccounts } = yield getSelectedWallet(walletId);
|
|
117
|
-
if (!primaryWalletId) {
|
|
117
|
+
if (!primaryWalletId && !checkIfShowQrCodeModal(newPrimaryWallet)) {
|
|
118
118
|
yield newPrimaryWallet.connector.connect();
|
|
119
119
|
setPrimaryWalletId(walletId);
|
|
120
120
|
return;
|
|
@@ -89,7 +89,7 @@ const BridgeNextWalletConnectionView = () => {
|
|
|
89
89
|
}
|
|
90
90
|
const [nextWalletToConnect] = bridgeChainsToConnect;
|
|
91
91
|
const { chain } = nextWalletToConnect;
|
|
92
|
-
const chainInfo = walletConnectorCore.
|
|
92
|
+
const chainInfo = walletConnectorCore.getChainInfoWithOverrides(chain);
|
|
93
93
|
const ChainIcon = getChainIcon.getChainIcon(chain);
|
|
94
94
|
if (!chainInfo) {
|
|
95
95
|
throw new utils.DynamicError('No chain info found for chain', chain);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client'
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import {
|
|
3
|
+
import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
|
|
4
4
|
import { DynamicError } from '@dynamic-labs/utils';
|
|
5
5
|
import { useViewContext } from '../../context/ViewContext/ViewContext.js';
|
|
6
6
|
import { BridgeNextWalletToConnectLayout } from '../../layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.js';
|
|
@@ -85,7 +85,7 @@ const BridgeNextWalletConnectionView = () => {
|
|
|
85
85
|
}
|
|
86
86
|
const [nextWalletToConnect] = bridgeChainsToConnect;
|
|
87
87
|
const { chain } = nextWalletToConnect;
|
|
88
|
-
const chainInfo =
|
|
88
|
+
const chainInfo = getChainInfoWithOverrides(chain);
|
|
89
89
|
const ChainIcon = getChainIcon(chain);
|
|
90
90
|
if (!chainInfo) {
|
|
91
91
|
throw new DynamicError('No chain info found for chain', chain);
|
|
@@ -89,7 +89,7 @@ const BridgeSummaryView = () => {
|
|
|
89
89
|
const { t } = reactI18next.useTranslation();
|
|
90
90
|
const onClickClose = () => setShowAuthFlow(false, { emitCancelAuth: true });
|
|
91
91
|
const body = React.useMemo(() => {
|
|
92
|
-
const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = walletConnectorCore.
|
|
92
|
+
const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = walletConnectorCore.getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
|
|
93
93
|
const [firstBlockchainName, secondBlockchainName] = blockchainNames;
|
|
94
94
|
return t('dyn_bridge.summary_view.connection_succeed', {
|
|
95
95
|
firstBlockchainName,
|
|
@@ -98,7 +98,7 @@ const BridgeSummaryView = () => {
|
|
|
98
98
|
}, [bridgeChains, t]);
|
|
99
99
|
const createPrimaryWalletCard = (wallet) => {
|
|
100
100
|
const PrimaryWalletChainIcon = getChainIcon.getChainIcon(wallet.chain);
|
|
101
|
-
const primaryWalletChainInfo = walletConnectorCore.
|
|
101
|
+
const primaryWalletChainInfo = walletConnectorCore.getChainInfoWithOverrides(wallet.chain);
|
|
102
102
|
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:
|
|
103
103
|
// eslint-disable-next-line react/jsx-wrap-multilines
|
|
104
104
|
jsxRuntime.jsx(Balance.Balance, { address: wallet.address, connector: wallet.connector, network: wallet.chain }) }) }));
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useMemo } from 'react';
|
|
4
4
|
import { useTranslation } from 'react-i18next';
|
|
5
|
-
import {
|
|
5
|
+
import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
|
|
6
6
|
import '../../context/DynamicContext/DynamicContext.js';
|
|
7
7
|
import '@dynamic-labs/sdk-api-core';
|
|
8
8
|
import '../../shared/logger.js';
|
|
@@ -85,7 +85,7 @@ const BridgeSummaryView = () => {
|
|
|
85
85
|
const { t } = useTranslation();
|
|
86
86
|
const onClickClose = () => setShowAuthFlow(false, { emitCancelAuth: true });
|
|
87
87
|
const body = useMemo(() => {
|
|
88
|
-
const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a =
|
|
88
|
+
const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
|
|
89
89
|
const [firstBlockchainName, secondBlockchainName] = blockchainNames;
|
|
90
90
|
return t('dyn_bridge.summary_view.connection_succeed', {
|
|
91
91
|
firstBlockchainName,
|
|
@@ -94,7 +94,7 @@ const BridgeSummaryView = () => {
|
|
|
94
94
|
}, [bridgeChains, t]);
|
|
95
95
|
const createPrimaryWalletCard = (wallet) => {
|
|
96
96
|
const PrimaryWalletChainIcon = getChainIcon(wallet.chain);
|
|
97
|
-
const primaryWalletChainInfo =
|
|
97
|
+
const primaryWalletChainInfo = getChainInfoWithOverrides(wallet.chain);
|
|
98
98
|
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:
|
|
99
99
|
// eslint-disable-next-line react/jsx-wrap-multilines
|
|
100
100
|
jsx(Balance, { address: wallet.address, connector: wallet.connector, network: wallet.chain }) }) }));
|
|
@@ -87,7 +87,7 @@ const BridgeWelcomeView = () => {
|
|
|
87
87
|
const { setView } = ViewContext.useViewContext();
|
|
88
88
|
const { t } = reactI18next.useTranslation();
|
|
89
89
|
const body = React.useMemo(() => {
|
|
90
|
-
const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = walletConnectorCore.
|
|
90
|
+
const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = walletConnectorCore.getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
|
|
91
91
|
const [firstBlockchainName, secondBlockchainName] = blockchainNames;
|
|
92
92
|
return t('dyn_bridge.welcome_view.description', {
|
|
93
93
|
firstBlockchainName,
|
|
@@ -96,7 +96,7 @@ const BridgeWelcomeView = () => {
|
|
|
96
96
|
}, [bridgeChains, t]);
|
|
97
97
|
const chains = React.useMemo(() => bridgeChains
|
|
98
98
|
.map(({ chain }, index) => {
|
|
99
|
-
const chainInfo = walletConnectorCore.
|
|
99
|
+
const chainInfo = walletConnectorCore.getChainInfoWithOverrides(chain);
|
|
100
100
|
const ChainIcon = getChainIcon.getChainIcon(chain);
|
|
101
101
|
if (chainInfo && ChainIcon) {
|
|
102
102
|
return {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useMemo } from 'react';
|
|
4
4
|
import { useTranslation } from 'react-i18next';
|
|
5
|
-
import {
|
|
5
|
+
import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
|
|
6
6
|
import '../../context/DynamicContext/DynamicContext.js';
|
|
7
7
|
import '@dynamic-labs/sdk-api-core';
|
|
8
8
|
import '../../shared/logger.js';
|
|
@@ -83,7 +83,7 @@ const BridgeWelcomeView = () => {
|
|
|
83
83
|
const { setView } = useViewContext();
|
|
84
84
|
const { t } = useTranslation();
|
|
85
85
|
const body = useMemo(() => {
|
|
86
|
-
const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a =
|
|
86
|
+
const blockchainNames = bridgeChains.map(({ chain }) => { var _a; return (_a = getChainInfoWithOverrides(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
|
|
87
87
|
const [firstBlockchainName, secondBlockchainName] = blockchainNames;
|
|
88
88
|
return t('dyn_bridge.welcome_view.description', {
|
|
89
89
|
firstBlockchainName,
|
|
@@ -92,7 +92,7 @@ const BridgeWelcomeView = () => {
|
|
|
92
92
|
}, [bridgeChains, t]);
|
|
93
93
|
const chains = useMemo(() => bridgeChains
|
|
94
94
|
.map(({ chain }, index) => {
|
|
95
|
-
const chainInfo =
|
|
95
|
+
const chainInfo = getChainInfoWithOverrides(chain);
|
|
96
96
|
const ChainIcon = getChainIcon(chain);
|
|
97
97
|
if (chainInfo && ChainIcon) {
|
|
98
98
|
return {
|
|
@@ -90,7 +90,7 @@ require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs')
|
|
|
90
90
|
const WalletGroupItem = ({ wallet, onClick, }) => {
|
|
91
91
|
const [supportedChain] = wallet.walletConnector.supportedChains;
|
|
92
92
|
const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
|
|
93
|
-
const chainInfo = walletConnectorCore.
|
|
93
|
+
const chainInfo = walletConnectorCore.getChainInfoWithOverrides(supportedChain);
|
|
94
94
|
const walletOverride = wallet.group
|
|
95
95
|
? walletBook.findWalletGroupOverride(walletBook$1, wallet.group, wallet.key)
|
|
96
96
|
: undefined;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client'
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useMemo } from 'react';
|
|
4
|
-
import {
|
|
4
|
+
import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
|
|
5
5
|
import { useWalletBookContext, findWalletGroupOverride, BrandIcon } from '@dynamic-labs/wallet-book';
|
|
6
6
|
import '@dynamic-labs/sdk-api-core';
|
|
7
7
|
import '../../../../shared/logger.js';
|
|
@@ -86,7 +86,7 @@ import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
|
|
|
86
86
|
const WalletGroupItem = ({ wallet, onClick, }) => {
|
|
87
87
|
const [supportedChain] = wallet.walletConnector.supportedChains;
|
|
88
88
|
const { walletBook } = useWalletBookContext();
|
|
89
|
-
const chainInfo =
|
|
89
|
+
const chainInfo = getChainInfoWithOverrides(supportedChain);
|
|
90
90
|
const walletOverride = wallet.group
|
|
91
91
|
? findWalletGroupOverride(walletBook, wallet.group, wallet.key)
|
|
92
92
|
: undefined;
|
|
@@ -87,7 +87,7 @@ const DynamicBridgeWidgetEmptyCard = ({ chain }) => {
|
|
|
87
87
|
if (!(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) || !chain) {
|
|
88
88
|
return null;
|
|
89
89
|
}
|
|
90
|
-
const chainInfo = walletConnectorCore.
|
|
90
|
+
const chainInfo = walletConnectorCore.getChainInfoWithOverrides(chain);
|
|
91
91
|
const ChainIcon = getChainIcon.getChainIcon(chain);
|
|
92
92
|
return (jsxRuntime.jsxs("div", { role: 'button', className: 'dynamic-bridge-widget-empty-card', onClick: () => {
|
|
93
93
|
setShowBridgeWidget(false);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client'
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useTranslation } from 'react-i18next';
|
|
4
|
-
import {
|
|
4
|
+
import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
|
|
5
5
|
import 'react';
|
|
6
6
|
import '../../../../context/DynamicContext/DynamicContext.js';
|
|
7
7
|
import '@dynamic-labs/sdk-api-core';
|
|
@@ -83,7 +83,7 @@ const DynamicBridgeWidgetEmptyCard = ({ chain }) => {
|
|
|
83
83
|
if (!(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) || !chain) {
|
|
84
84
|
return null;
|
|
85
85
|
}
|
|
86
|
-
const chainInfo =
|
|
86
|
+
const chainInfo = getChainInfoWithOverrides(chain);
|
|
87
87
|
const ChainIcon = getChainIcon(chain);
|
|
88
88
|
return (jsxs("div", { role: 'button', className: 'dynamic-bridge-widget-empty-card', onClick: () => {
|
|
89
89
|
setShowBridgeWidget(false);
|
|
@@ -94,7 +94,7 @@ const WalletsView = () => {
|
|
|
94
94
|
if (!chainWallets.length)
|
|
95
95
|
return jsxRuntime.jsx(DynamicBridgeWidgetEmptyCard.DynamicBridgeWidgetEmptyCard, { chain: chain }, chain);
|
|
96
96
|
const WalletIcon = getChainIcon.getChainIcon(chain);
|
|
97
|
-
const walletInfo = walletConnectorCore.
|
|
97
|
+
const walletInfo = walletConnectorCore.getChainInfoWithOverrides(chain);
|
|
98
98
|
// Wallets info for chains with connected wallets
|
|
99
99
|
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}`)));
|
|
100
100
|
}) }), jsxRuntime.jsx(DynamicWidgetFooter.DynamicWidgetFooter, { children: jsxRuntime.jsx(LogoutButton.LogoutButton, { buttonClassName: 'dynamic-bridge-widget-wallets-view__logout-button', isTextButton: true }) })] }));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client'
|
|
2
2
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import {
|
|
3
|
+
import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
|
|
4
4
|
import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
|
|
5
5
|
import '../../../../components/Alert/Alert.js';
|
|
6
6
|
import 'react';
|
|
@@ -90,7 +90,7 @@ const WalletsView = () => {
|
|
|
90
90
|
if (!chainWallets.length)
|
|
91
91
|
return jsx(DynamicBridgeWidgetEmptyCard, { chain: chain }, chain);
|
|
92
92
|
const WalletIcon = getChainIcon(chain);
|
|
93
|
-
const walletInfo =
|
|
93
|
+
const walletInfo = getChainInfoWithOverrides(chain);
|
|
94
94
|
// Wallets info for chains with connected wallets
|
|
95
95
|
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}`)));
|
|
96
96
|
}) }), jsx(DynamicWidgetFooter, { children: jsx(LogoutButton, { buttonClassName: 'dynamic-bridge-widget-wallets-view__logout-button', isTextButton: true }) })] }));
|
|
@@ -91,7 +91,7 @@ const SecondaryWallets = ({ hideUnlinkAction = false }) => {
|
|
|
91
91
|
const { disconnectWallet, getConnectedWalletById, bridgeChains } = useInternalDynamicContext.useInternalDynamicContext();
|
|
92
92
|
const wallet = getConnectedWalletById('connect-wallet-1');
|
|
93
93
|
const NetworkIcon = wallet && getChainIcon.getChainIcon(wallet === null || wallet === void 0 ? void 0 : wallet.chain);
|
|
94
|
-
const networkInfo = wallet && walletConnectorCore.
|
|
94
|
+
const networkInfo = wallet && walletConnectorCore.getChainInfoWithOverrides(wallet === null || wallet === void 0 ? void 0 : wallet.chain);
|
|
95
95
|
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:
|
|
96
96
|
// eslint-disable-next-line react/jsx-wrap-multilines
|
|
97
97
|
jsxRuntime.jsx(Balance.Balance, { address: wallet.address, connector: wallet.connector, network: wallet.chain }), onDisconnectClick: !hideUnlinkAction ? () => disconnectWallet(wallet.id) : undefined }, wallet.id) }))] }));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client'
|
|
2
2
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import React__default from 'react';
|
|
4
|
-
import {
|
|
4
|
+
import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
|
|
5
5
|
import '@dynamic-labs/sdk-api-core';
|
|
6
6
|
import '../../../../../../shared/logger.js';
|
|
7
7
|
import { getChainIcon } from '../../../../../../shared/utils/functions/chain/getChainIcon.js';
|
|
@@ -83,7 +83,7 @@ const SecondaryWallets = ({ hideUnlinkAction = false }) => {
|
|
|
83
83
|
const { disconnectWallet, getConnectedWalletById, bridgeChains } = useInternalDynamicContext();
|
|
84
84
|
const wallet = getConnectedWalletById('connect-wallet-1');
|
|
85
85
|
const NetworkIcon = wallet && getChainIcon(wallet === null || wallet === void 0 ? void 0 : wallet.chain);
|
|
86
|
-
const networkInfo = wallet &&
|
|
86
|
+
const networkInfo = wallet && getChainInfoWithOverrides(wallet === null || wallet === void 0 ? void 0 : wallet.chain);
|
|
87
87
|
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:
|
|
88
88
|
// eslint-disable-next-line react/jsx-wrap-multilines
|
|
89
89
|
jsx(Balance, { address: wallet.address, connector: wallet.connector, network: wallet.chain }), onDisconnectClick: !hideUnlinkAction ? () => disconnectWallet(wallet.id) : undefined }, wallet.id) }))] }));
|
|
@@ -86,7 +86,7 @@ const useFetchChain = (connector) => {
|
|
|
86
86
|
return { name: '', symbol: undefined };
|
|
87
87
|
const chainId = yield connector.getNetwork();
|
|
88
88
|
const { connectedChain } = connector;
|
|
89
|
-
const chainInfo = walletConnectorCore.
|
|
89
|
+
const chainInfo = walletConnectorCore.getChainInfoWithOverrides(connectedChain || '');
|
|
90
90
|
const chainWithIcon = {
|
|
91
91
|
name: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName,
|
|
92
92
|
symbol: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client'
|
|
2
2
|
import { __awaiter } from '../../../../../../_virtual/_tslib.js';
|
|
3
|
-
import {
|
|
3
|
+
import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../../../../events/dynamicEvents.js';
|
|
6
6
|
import '@dynamic-labs/utils';
|
|
@@ -82,7 +82,7 @@ const useFetchChain = (connector) => {
|
|
|
82
82
|
return { name: '', symbol: undefined };
|
|
83
83
|
const chainId = yield connector.getNetwork();
|
|
84
84
|
const { connectedChain } = connector;
|
|
85
|
-
const chainInfo =
|
|
85
|
+
const chainInfo = getChainInfoWithOverrides(connectedChain || '');
|
|
86
86
|
const chainWithIcon = {
|
|
87
87
|
name: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName,
|
|
88
88
|
symbol: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol,
|
|
@@ -85,7 +85,7 @@ const useFetchCurrency = (connector, network) => {
|
|
|
85
85
|
if (!connector)
|
|
86
86
|
return null;
|
|
87
87
|
const chainId = yield connector.getNetwork();
|
|
88
|
-
const chainInfo = walletConnectorCore.
|
|
88
|
+
const chainInfo = walletConnectorCore.getChainInfoWithOverrides((_a = connector.connectedChain) !== null && _a !== void 0 ? _a : '');
|
|
89
89
|
/* istanbul ignore else */
|
|
90
90
|
if (!chainId) {
|
|
91
91
|
return chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client'
|
|
2
2
|
import { __awaiter } from '../../../../../../_virtual/_tslib.js';
|
|
3
|
-
import {
|
|
3
|
+
import { getChainInfoWithOverrides } from '@dynamic-labs/wallet-connector-core';
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../../../../events/dynamicEvents.js';
|
|
6
6
|
import '@dynamic-labs/utils';
|
|
@@ -81,7 +81,7 @@ const useFetchCurrency = (connector, network) => {
|
|
|
81
81
|
if (!connector)
|
|
82
82
|
return null;
|
|
83
83
|
const chainId = yield connector.getNetwork();
|
|
84
|
-
const chainInfo =
|
|
84
|
+
const chainInfo = getChainInfoWithOverrides((_a = connector.connectedChain) !== null && _a !== void 0 ? _a : '');
|
|
85
85
|
/* istanbul ignore else */
|
|
86
86
|
if (!chainId) {
|
|
87
87
|
return chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol;
|