@dynamic-labs/sdk-react-core 4.7.2 → 4.8.0

package/src/lib/utils/functions/getTransactionLink/getTransactionLink.cjs

@@ -0,0 +1,22 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+
+const getTransactionLink = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ walletConnector, transactionHash, }) {
+    try {
+        const [blockExplorerUrl] = yield walletConnector.getBlockExplorerUrlsForCurrentNetwork();
+        if (!blockExplorerUrl)
+            return undefined;
+        const url = new URL(blockExplorerUrl);
+        url.pathname = `/tx/${transactionHash}`;
+        return url.toString();
+    }
+    catch (error) {
+        return undefined;
+    }
+});
+
+exports.getTransactionLink = getTransactionLink;

package/src/lib/utils/functions/getTransactionLink/getTransactionLink.d.ts

@@ -0,0 +1,5 @@
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+export declare const getTransactionLink: ({ walletConnector, transactionHash, }: {
+    walletConnector: WalletConnector;
+    transactionHash: string;
+}) => Promise<string | undefined>;

package/src/lib/utils/functions/getTransactionLink/getTransactionLink.js

@@ -0,0 +1,18 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+
+const getTransactionLink = (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector, transactionHash, }) {
+    try {
+        const [blockExplorerUrl] = yield walletConnector.getBlockExplorerUrlsForCurrentNetwork();
+        if (!blockExplorerUrl)
+            return undefined;
+        const url = new URL(blockExplorerUrl);
+        url.pathname = `/tx/${transactionHash}`;
+        return url.toString();
+    }
+    catch (error) {
+        return undefined;
+    }
+});
+
+export { getTransactionLink };

package/src/lib/utils/functions/isMultiAssetSupportedNetwork/isMultiAssetSupportedNetwork.cjs

@@ -4,12 +4,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+var utils = require('@dynamic-labs/utils');
 
 const isMultiAssetSupportedNetwork = (filteredTokenBalances, walletConnector, network) => {
-    const isNetworkMultiAssetSupported = (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === sdkApiCore.ChainEnum.Sol ||
-        ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === sdkApiCore.ChainEnum.Evm &&
-            typeof network === 'number' &&
-            filteredTokenBalances.flatMap((tb) => tb.networkId).includes(network));
+    if (!network ||
+        ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) !== sdkApiCore.ChainEnum.Sol &&
+            (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) !== sdkApiCore.ChainEnum.Evm)) {
+        return false;
+    }
+    const isNetworkMultiAssetSupported = filteredTokenBalances
+        .flatMap((tb) => tb.networkId)
+        .includes(utils.parseChainId(network));
     return Boolean(isNetworkMultiAssetSupported);
 };
 

package/src/lib/utils/functions/isMultiAssetSupportedNetwork/isMultiAssetSupportedNetwork.js

@@ -1,11 +1,16 @@
 'use client'
 import { ChainEnum } from '@dynamic-labs/sdk-api-core';
+import { parseChainId } from '@dynamic-labs/utils';
 
 const isMultiAssetSupportedNetwork = (filteredTokenBalances, walletConnector, network) => {
-    const isNetworkMultiAssetSupported = (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === ChainEnum.Sol ||
-        ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === ChainEnum.Evm &&
-            typeof network === 'number' &&
-            filteredTokenBalances.flatMap((tb) => tb.networkId).includes(network));
+    if (!network ||
+        ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) !== ChainEnum.Sol &&
+            (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) !== ChainEnum.Evm)) {
+        return false;
+    }
+    const isNetworkMultiAssetSupported = filteredTokenBalances
+        .flatMap((tb) => tb.networkId)
+        .includes(parseChainId(network));
     return Boolean(isNetworkMultiAssetSupported);
 };
 

package/src/lib/utils/functions/isSupportedNetwork/isSupportedNetwork.cjs

@@ -4,11 +4,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const isSupportedNetwork = ({ walletConnector, network }) => {
-    const supportedNetworks = walletConnector.getEnabledNetworks();
-    if (!supportedNetworks.length) {
+    const enabledNetworks = walletConnector.getEnabledNetworks();
+    if (!enabledNetworks.length) {
         return true;
     }
-    const isCurrentNetworkSupported = supportedNetworks.some(({ chainId }) => String(chainId) === String(network));
+    const isCurrentNetworkSupported = enabledNetworks.some(({ chainId }) => String(chainId) === String(network));
     return isCurrentNetworkSupported;
 };
 

package/src/lib/utils/functions/isSupportedNetwork/isSupportedNetwork.js

@@ -1,10 +1,10 @@
 'use client'
 const isSupportedNetwork = ({ walletConnector, network }) => {
-    const supportedNetworks = walletConnector.getEnabledNetworks();
-    if (!supportedNetworks.length) {
+    const enabledNetworks = walletConnector.getEnabledNetworks();
+    if (!enabledNetworks.length) {
         return true;
     }
-    const isCurrentNetworkSupported = supportedNetworks.some(({ chainId }) => String(chainId) === String(network));
+    const isCurrentNetworkSupported = enabledNetworks.some(({ chainId }) => String(chainId) === String(network));
     return isCurrentNetworkSupported;
 };
 

package/src/lib/utils/functions/networksAndChains/networksAndChains.cjs

@@ -3,23 +3,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var values = require('../../constants/values.cjs');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/sdk-api-core');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/consts/index.cjs');
 
-const getNetworkInfoEntry = (chain, networkInfo) => {
-    if (!chain || !chain.symbol) {
+const getNetworkInfoEntry = ({ chain, networkId, networkInfo, }) => {
+    var _a;
+    logger.logger.logVerboseTroubleshootingMessage('[getNetworkInfoEntry]', {
+        chain,
+        networkId,
+        networkInfo,
+    });
+    if (!chain || !networkId) {
         return;
     }
-    const normalizedChainSymbol = chain.symbol === 'ETH' || chain.symbol === 'EVM'
-        ? 'evm'
-        : chain.symbol.toLowerCase();
-    const networkData = networkInfo[normalizedChainSymbol] ||
-        networkInfo[values.ChainEnumToVerifiedCredentialName[normalizedChainSymbol.toUpperCase()]];
+    const normalizedChain = (_a = walletConnectorCore.getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.name;
+    if (!normalizedChain)
+        return;
+    const networkData = networkInfo[normalizedChain];
     if (!networkData)
         return;
-    if (normalizedChainSymbol === 'evm') {
-        return networkData.find((e) => e.chainId === (chain === null || chain === void 0 ? void 0 : chain.chainId));
+    logger.logger.logVerboseTroubleshootingMessage('[getNetworkInfoEntry]', {
+        networkData,
+        normalizedChain,
+    });
+    if (['evm', 'solana'].includes(normalizedChain)) {
+        return networkData.find((e) => e.chainId.toString() === networkId.toString());
     }
-    // Solana, etc
+    // Other networks
     return networkData[0];
 };
 const getEvmChainName = (chainId) => {

package/src/lib/utils/functions/networksAndChains/networksAndChains.d.ts

@@ -1,4 +1,4 @@
-import { ChainWithIcon } from '../../../widgets/DynamicWidget/hooks/useFetchChain';
+import { Chain } from '@dynamic-labs/wallet-connector-core';
 interface NativeCurrency {
     decimals: number;
     iconUrl?: string;
@@ -11,6 +11,10 @@ export interface NetworkInfoEntry {
     iconUrls: string[];
     name: string;
 }
-export declare const getNetworkInfoEntry: (chain: ChainWithIcon | undefined, networkInfo: Record<string, NetworkInfoEntry[]>) => NetworkInfoEntry | undefined;
+export declare const getNetworkInfoEntry: ({ chain, networkId, networkInfo, }: {
+    chain: Chain | undefined;
+    networkId: string | number | undefined;
+    networkInfo: Record<string, NetworkInfoEntry[]>;
+}) => NetworkInfoEntry | undefined;
 export declare const getEvmChainName: (chainId: number) => string;
 export {};

package/src/lib/utils/functions/networksAndChains/networksAndChains.js

@@ -1,21 +1,41 @@
 'use client'
-import { ChainEnumToVerifiedCredentialName } from '../../constants/values.js';
+import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/sdk-api-core';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '../../../shared/consts/index.js';
 
-const getNetworkInfoEntry = (chain, networkInfo) => {
-    if (!chain || !chain.symbol) {
+const getNetworkInfoEntry = ({ chain, networkId, networkInfo, }) => {
+    var _a;
+    logger.logVerboseTroubleshootingMessage('[getNetworkInfoEntry]', {
+        chain,
+        networkId,
+        networkInfo,
+    });
+    if (!chain || !networkId) {
         return;
     }
-    const normalizedChainSymbol = chain.symbol === 'ETH' || chain.symbol === 'EVM'
-        ? 'evm'
-        : chain.symbol.toLowerCase();
-    const networkData = networkInfo[normalizedChainSymbol] ||
-        networkInfo[ChainEnumToVerifiedCredentialName[normalizedChainSymbol.toUpperCase()]];
+    const normalizedChain = (_a = getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.name;
+    if (!normalizedChain)
+        return;
+    const networkData = networkInfo[normalizedChain];
     if (!networkData)
         return;
-    if (normalizedChainSymbol === 'evm') {
-        return networkData.find((e) => e.chainId === (chain === null || chain === void 0 ? void 0 : chain.chainId));
+    logger.logVerboseTroubleshootingMessage('[getNetworkInfoEntry]', {
+        networkData,
+        normalizedChain,
+    });
+    if (['evm', 'solana'].includes(normalizedChain)) {
+        return networkData.find((e) => e.chainId.toString() === networkId.toString());
     }
-    // Solana, etc
+    // Other networks
     return networkData[0];
 };
 const getEvmChainName = (chainId) => {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, cosmosNetworkOverrides, evmNetworksOverrides, }) => React.useMemo(() => {
+const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, cosmosNetworkOverrides, evmNetworksOverrides, solanaNetworksOverrides, }) => React.useMemo(() => {
     var _a, _b, _c, _d, _e;
     const networks = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks;
     if (!networks)
@@ -20,7 +20,8 @@ const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, cosmosNe
     let evmNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, parseInt));
     evmNetworks = overrideNetworks(evmNetworksOverrides, evmNetworks);
     const starknetNetworks = (_c = starknet === null || starknet === void 0 ? void 0 : starknet.networks) === null || _c === void 0 ? void 0 : _c.map((net) => createNetwork(net));
-    const solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
+    let solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
+    solanaNetworks = overrideNetworks(solanaNetworksOverrides, solanaNetworks);
     const eclipseNetworks = (_e = eclipse === null || eclipse === void 0 ? void 0 : eclipse.networks) === null || _e === void 0 ? void 0 : _e.map((net) => createNetwork(net));
     if (evmNetworksOverrides) {
         if (Array.isArray(evmNetworksOverrides)) {
@@ -38,11 +39,18 @@ const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, cosmosNe
         starknet: starknetNetworks,
     };
     return networkConfigurations;
-}, [projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks, cosmosNetworkOverrides, evmNetworksOverrides]);
+}, [
+    projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks,
+    cosmosNetworkOverrides,
+    evmNetworksOverrides,
+    solanaNetworksOverrides,
+]);
 const createNetwork = (network, parser = (input) => input) => ({
     bech32Prefix: network.bech32Prefix,
     blockExplorerUrls: network.blockExplorerUrls,
     chainId: parser(network.chainId),
+    cluster: network.cluster,
+    genesisHash: network.genesisHash,
     iconUrls: network.iconUrls,
     lcdUrl: network.lcdUrl,
     name: network.name,

package/src/lib/utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.d.ts

@@ -4,6 +4,7 @@ type UseNetworkConfigurationsFromProjectSettingsProps = {
     projectSettings: ProjectSettings | undefined;
     evmNetworksOverrides?: NetworksOverrides;
     cosmosNetworkOverrides?: NetworksOverrides;
+    solanaNetworksOverrides?: NetworksOverrides;
 };
-export declare const useNetworkConfigurationsFromProjectSettings: ({ projectSettings, cosmosNetworkOverrides, evmNetworksOverrides, }: UseNetworkConfigurationsFromProjectSettingsProps) => {};
+export declare const useNetworkConfigurationsFromProjectSettings: ({ projectSettings, cosmosNetworkOverrides, evmNetworksOverrides, solanaNetworksOverrides, }: UseNetworkConfigurationsFromProjectSettingsProps) => {};
 export {};

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

@@ -1,7 +1,7 @@
 'use client'
 import { useMemo } from 'react';
 
-const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, cosmosNetworkOverrides, evmNetworksOverrides, }) => useMemo(() => {
+const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, cosmosNetworkOverrides, evmNetworksOverrides, solanaNetworksOverrides, }) => useMemo(() => {
     var _a, _b, _c, _d, _e;
     const networks = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks;
     if (!networks)
@@ -16,7 +16,8 @@ const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, cosmosNe
     let evmNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, parseInt));
     evmNetworks = overrideNetworks(evmNetworksOverrides, evmNetworks);
     const starknetNetworks = (_c = starknet === null || starknet === void 0 ? void 0 : starknet.networks) === null || _c === void 0 ? void 0 : _c.map((net) => createNetwork(net));
-    const solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
+    let solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
+    solanaNetworks = overrideNetworks(solanaNetworksOverrides, solanaNetworks);
     const eclipseNetworks = (_e = eclipse === null || eclipse === void 0 ? void 0 : eclipse.networks) === null || _e === void 0 ? void 0 : _e.map((net) => createNetwork(net));
     if (evmNetworksOverrides) {
         if (Array.isArray(evmNetworksOverrides)) {
@@ -34,11 +35,18 @@ const useNetworkConfigurationsFromProjectSettings = ({ projectSettings, cosmosNe
         starknet: starknetNetworks,
     };
     return networkConfigurations;
-}, [projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks, cosmosNetworkOverrides, evmNetworksOverrides]);
+}, [
+    projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks,
+    cosmosNetworkOverrides,
+    evmNetworksOverrides,
+    solanaNetworksOverrides,
+]);
 const createNetwork = (network, parser = (input) => input) => ({
     bech32Prefix: network.bech32Prefix,
     blockExplorerUrls: network.blockExplorerUrls,
     chainId: parser(network.chainId),
+    cluster: network.cluster,
+    genesisHash: network.genesisHash,
     iconUrls: network.iconUrls,
     lcdUrl: network.lcdUrl,
     name: network.name,

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

@@ -121,10 +121,7 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = sdkApiCore.Ch
         // from DynamicContext is because this function might run before the network state is
         // properly set when switching wallets, so we want to make sure we have the latest network
         const requestNetwork = networkId !== null && networkId !== void 0 ? networkId : (yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork(true)));
-        const isValidEvmRequest = requestChainName === sdkApiCore.ChainEnum.Evm &&
-            requestNetwork &&
-            !isNaN(Number(requestNetwork));
-        const isValidRequest = isValidEvmRequest || requestChainName !== sdkApiCore.ChainEnum.Evm;
+        const isValidRequest = requestNetwork && !isNaN(Number(requestNetwork));
         logger.logger.logVerboseTroubleshootingMessage('[useTokenBalances] will try to fetch token balances', {
             isLoading,
             isValidRequest,
@@ -147,7 +144,7 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = sdkApiCore.Ch
                 forceRefresh,
                 includeNative: includeNativeBalance,
                 includePrices: includeFiat,
-                networkId: requestChainName === sdkApiCore.ChainEnum.Evm ? Number(requestNetwork) : 0,
+                networkId: Number(requestNetwork),
             });
             if (!response)
                 return;
@@ -179,10 +176,10 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = sdkApiCore.Ch
         fetchAccountBalances();
     }, [requestAccount, network, networkId]);
     const { tokensFilter } = dynamicContextProps.useDynamicSettings();
-    const lowerTokenAddresses = tokenAddresses === null || tokenAddresses === void 0 ? void 0 : tokenAddresses.map((address) => address.toLowerCase());
-    const initialTokenBalances = lowerTokenAddresses
+    const lowerTokenAddresses = React.useMemo(() => tokenAddresses === null || tokenAddresses === void 0 ? void 0 : tokenAddresses.map((address) => address.toLowerCase()), [tokenAddresses]);
+    const initialTokenBalances = React.useMemo(() => lowerTokenAddresses
         ? tokenBalances$1 === null || tokenBalances$1 === void 0 ? void 0 : tokenBalances$1.filter((token) => lowerTokenAddresses === null || lowerTokenAddresses === void 0 ? void 0 : lowerTokenAddresses.includes(token.address.toLowerCase()))
-        : tokenBalances$1;
+        : tokenBalances$1, [lowerTokenAddresses, tokenBalances$1]);
     const filteredTokenBalances = React.useMemo(() => (initialTokenBalances ? tokensFilter(initialTokenBalances) : []), [initialTokenBalances, tokensFilter]);
     return {
         error,

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

@@ -117,10 +117,7 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = ChainEnum.Evm
         // from DynamicContext is because this function might run before the network state is
         // properly set when switching wallets, so we want to make sure we have the latest network
         const requestNetwork = networkId !== null && networkId !== void 0 ? networkId : (yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork(true)));
-        const isValidEvmRequest = requestChainName === ChainEnum.Evm &&
-            requestNetwork &&
-            !isNaN(Number(requestNetwork));
-        const isValidRequest = isValidEvmRequest || requestChainName !== ChainEnum.Evm;
+        const isValidRequest = requestNetwork && !isNaN(Number(requestNetwork));
         logger.logVerboseTroubleshootingMessage('[useTokenBalances] will try to fetch token balances', {
             isLoading,
             isValidRequest,
@@ -143,7 +140,7 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = ChainEnum.Evm
                 forceRefresh,
                 includeNative: includeNativeBalance,
                 includePrices: includeFiat,
-                networkId: requestChainName === ChainEnum.Evm ? Number(requestNetwork) : 0,
+                networkId: Number(requestNetwork),
             });
             if (!response)
                 return;
@@ -175,10 +172,10 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = ChainEnum.Evm
         fetchAccountBalances();
     }, [requestAccount, network, networkId]);
     const { tokensFilter } = useDynamicSettings();
-    const lowerTokenAddresses = tokenAddresses === null || tokenAddresses === void 0 ? void 0 : tokenAddresses.map((address) => address.toLowerCase());
-    const initialTokenBalances = lowerTokenAddresses
+    const lowerTokenAddresses = useMemo(() => tokenAddresses === null || tokenAddresses === void 0 ? void 0 : tokenAddresses.map((address) => address.toLowerCase()), [tokenAddresses]);
+    const initialTokenBalances = useMemo(() => lowerTokenAddresses
         ? tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.filter((token) => lowerTokenAddresses === null || lowerTokenAddresses === void 0 ? void 0 : lowerTokenAddresses.includes(token.address.toLowerCase()))
-        : tokenBalances;
+        : tokenBalances, [lowerTokenAddresses, tokenBalances]);
     const filteredTokenBalances = useMemo(() => (initialTokenBalances ? tokensFilter(initialTokenBalances) : []), [initialTokenBalances, tokensFilter]);
     return {
         error,

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

@@ -92,7 +92,6 @@ const useWalletConnectors = ({ connectedWallets, walletConnectorOptions, setMult
     const setPrimaryWallet = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const newPrimaryWallet = yield getSelectedWallet(walletId);
         if (!primaryWalletId) {
-            yield newPrimaryWallet.connector.connect();
             updatePrimaryWalletId.updatePrimaryWalletId(walletId);
             return;
         }

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

@@ -88,7 +88,6 @@ const useWalletConnectors = ({ connectedWallets, walletConnectorOptions, setMult
     const setPrimaryWallet = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
         const newPrimaryWallet = yield getSelectedWallet(walletId);
         if (!primaryWalletId) {
-            yield newPrimaryWallet.connector.connect();
             updatePrimaryWalletId(walletId);
             return;
         }

package/src/lib/views/SendBalanceView/SendBalanceView.cjs

@@ -120,6 +120,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
     const [isNativeToken, setIsNativeToken] = React.useState(false);
     const [currentToken, setCurrentToken] = React.useState(undefined);
     const [tokenBalances, setTokenBalances] = React.useState(undefined);
+    const [transactionHash, setTransactionHash] = React.useState(undefined);
     const { showFiat } = useInternalDynamicContext.useInternalDynamicContext();
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
     const { chain } = useFetchChain.useFetchChain(walletConnector);
@@ -214,12 +215,13 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
             if (!txHash)
                 return;
             onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(txHash);
+            setTransactionHash(txHash);
             setStage('success');
             handleSuccessToRefreshBalance(txHash);
         }), currentToken: currentToken, isNativeToken: isNativeToken, transactionValue: getTransactionValue(transaction, isNativeToken), sendBalanceTransaction: true }));
     const buildSuccessState = () => {
         var _a;
-        return (jsxRuntime.jsx(TransactionStatusLayout.TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: networkData.name || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken }));
+        return (jsxRuntime.jsx(TransactionStatusLayout.TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: networkData.name || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken, transactionHash: transactionHash }));
     };
     const getCurrentView = () => {
         switch (stage) {

package/src/lib/views/SendBalanceView/SendBalanceView.js

@@ -116,6 +116,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
     const [isNativeToken, setIsNativeToken] = useState(false);
     const [currentToken, setCurrentToken] = useState(undefined);
     const [tokenBalances, setTokenBalances] = useState(undefined);
+    const [transactionHash, setTransactionHash] = useState(undefined);
     const { showFiat } = useInternalDynamicContext();
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
     const { chain } = useFetchChain(walletConnector);
@@ -210,12 +211,13 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
             if (!txHash)
                 return;
             onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(txHash);
+            setTransactionHash(txHash);
             setStage('success');
             handleSuccessToRefreshBalance(txHash);
         }), currentToken: currentToken, isNativeToken: isNativeToken, transactionValue: getTransactionValue(transaction, isNativeToken), sendBalanceTransaction: true }));
     const buildSuccessState = () => {
         var _a;
-        return (jsx(TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: networkData.name || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken }));
+        return (jsx(TransactionStatusLayout, { transactionValue: getTransactionValue(transaction, isNativeToken), destinationAddress: (_a = transaction.to) !== null && _a !== void 0 ? _a : '', networkCurrency: networkCurrency, networkName: networkData.name || '', NetworkIcon: currencyIcon, onClickClose: onClickClose, onDone: () => onDone === null || onDone === void 0 ? void 0 : onDone(), displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, transaction: transaction, currentToken: currentToken, isNativeToken: isNativeToken, transactionHash: transactionHash }));
     };
     const getCurrentView = () => {
         switch (stage) {

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

@@ -106,9 +106,10 @@ const useFetchChain = (connector) => {
             name: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName,
             symbol: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol,
         };
+        const enabledNetworks = connector === null || connector === void 0 ? void 0 : connector.getEnabledNetworks();
         /* istanbul ignore else */
-        if (chainId && connector.evmNetworks) {
-            const result = connector.evmNetworks.find((element) => element.chainId === chainId);
+        if (chainId && enabledNetworks.length > 0) {
+            const result = enabledNetworks.find((element) => element.chainId === chainId);
             chainWithIcon.name =
                 (_b = (_a = result === null || result === void 0 ? void 0 : result.vanityName) !== null && _a !== void 0 ? _a : result === null || result === void 0 ? void 0 : result.name) !== null && _b !== void 0 ? _b : chainWithIcon.name;
             chainWithIcon.icon = result === null || result === void 0 ? void 0 : result.iconUrls[0];

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

@@ -102,9 +102,10 @@ const useFetchChain = (connector) => {
             name: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.displayName,
             symbol: chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol,
         };
+        const enabledNetworks = connector === null || connector === void 0 ? void 0 : connector.getEnabledNetworks();
         /* istanbul ignore else */
-        if (chainId && connector.evmNetworks) {
-            const result = connector.evmNetworks.find((element) => element.chainId === chainId);
+        if (chainId && enabledNetworks.length > 0) {
+            const result = enabledNetworks.find((element) => element.chainId === chainId);
             chainWithIcon.name =
                 (_b = (_a = result === null || result === void 0 ? void 0 : result.vanityName) !== null && _a !== void 0 ? _a : result === null || result === void 0 ? void 0 : result.name) !== null && _b !== void 0 ? _b : chainWithIcon.name;
             chainWithIcon.icon = result === null || result === void 0 ? void 0 : result.iconUrls[0];

package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/utils/useSubmitWalletFunding/useSubmitWalletFunding.cjs

@@ -12,6 +12,7 @@ var logger = require('../../../../../../shared/logger.cjs');
 var pixelToRem = require('../../../../../../utils/functions/pixelToRem/pixelToRem.cjs');
 var useFundWithWallet = require('../../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.cjs');
 var DynamicWidgetContext = require('../../../../context/DynamicWidgetContext.cjs');
+var getTransactionLink = require('../../../../../../utils/functions/getTransactionLink/getTransactionLink.cjs');
 
 const useSubmitWalletFunding = () => {
     const { fund } = useFundWithWallet.useInternalFundWithWallet();
@@ -34,8 +35,14 @@ const useSubmitWalletFunding = () => {
                 token: token === 'native' ? undefined : token,
             });
             logger.logger.info(`Funding with wallet succeeded with transaction id: ${txId}`);
-            const blockExplorerUrl = (yield wallet.connector.getBlockExplorerUrlsForCurrentNetwork())[0];
-            const TxnSuccessAlert = (jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'current-color', children: [t('dyn_wallet_funding.success'), blockExplorerUrl && (jsxRuntime.jsx(Typography.Typography, { as: 'a', href: `${blockExplorerUrl}/tx/${txId}`, target: '_blank', rel: 'noreferrer', style: {
+            let txLink;
+            if (txId) {
+                txLink = yield getTransactionLink.getTransactionLink({
+                    transactionHash: txId,
+                    walletConnector: wallet.connector,
+                });
+            }
+            const TxnSuccessAlert = (jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'current-color', children: [t('dyn_wallet_funding.success'), txLink && (jsxRuntime.jsx(Typography.Typography, { as: 'a', href: txLink, target: '_blank', rel: 'noreferrer', style: {
                             marginLeft: pixelToRem.pixelToRem(4),
                             textDecoration: 'underline',
                             textDecorationThickness: pixelToRem.pixelToRem(1),

package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/utils/useSubmitWalletFunding/useSubmitWalletFunding.js

@@ -8,6 +8,7 @@ import { logger } from '../../../../../../shared/logger.js';
 import { pixelToRem } from '../../../../../../utils/functions/pixelToRem/pixelToRem.js';
 import { useInternalFundWithWallet } from '../../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.js';
 import { useWidgetContext } from '../../../../context/DynamicWidgetContext.js';
+import { getTransactionLink } from '../../../../../../utils/functions/getTransactionLink/getTransactionLink.js';
 
 const useSubmitWalletFunding = () => {
     const { fund } = useInternalFundWithWallet();
@@ -30,8 +31,14 @@ const useSubmitWalletFunding = () => {
                 token: token === 'native' ? undefined : token,
             });
             logger.info(`Funding with wallet succeeded with transaction id: ${txId}`);
-            const blockExplorerUrl = (yield wallet.connector.getBlockExplorerUrlsForCurrentNetwork())[0];
-            const TxnSuccessAlert = (jsxs(Typography, { variant: 'body_normal', color: 'current-color', children: [t('dyn_wallet_funding.success'), blockExplorerUrl && (jsx(Typography, { as: 'a', href: `${blockExplorerUrl}/tx/${txId}`, target: '_blank', rel: 'noreferrer', style: {
+            let txLink;
+            if (txId) {
+                txLink = yield getTransactionLink({
+                    transactionHash: txId,
+                    walletConnector: wallet.connector,
+                });
+            }
+            const TxnSuccessAlert = (jsxs(Typography, { variant: 'body_normal', color: 'current-color', children: [t('dyn_wallet_funding.success'), txLink && (jsx(Typography, { as: 'a', href: txLink, target: '_blank', rel: 'noreferrer', style: {
                             marginLeft: pixelToRem(4),
                             textDecoration: 'underline',
                             textDecorationThickness: pixelToRem(1),