@dynamic-labs/sdk-react-core 4.6.3 → 4.7.0

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

@@ -1,4 +1,4 @@
-import { ChainEnum } from '@dynamic-labs/sdk-api-core';
+import { ChainEnum, TokenBalance } from '@dynamic-labs/sdk-api-core';
 export declare const useTokenBalances: ({ accountAddress, networkId, chainName, tokenAddresses, includeFiat, includeNativeBalance, }?: {
     accountAddress?: string;
     networkId?: number;
@@ -11,5 +11,5 @@ export declare const useTokenBalances: ({ accountAddress, networkId, chainName,
     fetchAccountBalances: (forceRefresh?: boolean) => Promise<void>;
     isError: boolean;
     isLoading: boolean;
-    tokenBalances: import("@dynamic-labs/sdk-api-core").TokenBalance[];
+    tokenBalances: TokenBalance[];
 };

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

@@ -5,7 +5,7 @@ import { ChainEnum } from '@dynamic-labs/sdk-api-core';
 import { useTokenBalancesState, setTokenBalanceVariable } from '../../../store/state/tokenBalances.js';
 import { getAccountTokenBalances } from '../../../data/api/chains/balances.js';
 import '../../../context/DynamicContext/DynamicContext.js';
-import '../../../shared/logger.js';
+import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
@@ -22,12 +22,12 @@ import { USER_NOT_LOGGED_IN } from '../../constants/errors.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../store/state/nonce/nonce.js';
-import '../../../store/state/projectSettings/projectSettings.js';
+import { getProjectSettings } from '../../../store/state/projectSettings/projectSettings.js';
 import '../../../config/ApiEndpoint.js';
 import { logResponseError } from '../../../data/api/utils.js';
-import '../../../store/state/user/user.js';
+import { getUser } from '../../../store/state/user/user.js';
 import '../../../locale/locale.js';
-import { useDynamicSettings } from '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import { useDynamicSettings, getEnvironmentId } from '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -97,17 +97,18 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const useTokenBalances = ({ accountAddress, networkId, chainName = ChainEnum.Evm, tokenAddresses, includeFiat = false, includeNativeBalance = false, } = {}) => {
     const tokenBalancesState = useTokenBalancesState();
     const { tokenBalances, isLoading, error } = tokenBalancesState;
-    const { primaryWallet, environmentId, network, user, projectSettings, authMode, } = useInternalDynamicContext();
+    const { primaryWallet, authMode, network } = useInternalDynamicContext();
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
-    const requestChainName = chainName !== null && chainName !== void 0 ? chainName : walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain;
     const requestAccount = accountAddress !== null && accountAddress !== void 0 ? accountAddress : primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
-    const requestNetwork = networkId !== null && networkId !== void 0 ? networkId : network;
+    const requestChainName = chainName !== null && chainName !== void 0 ? chainName : walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain;
     const fetchAccountBalances = useCallback((...args_1) => __awaiter(void 0, [...args_1], void 0, function* (forceRefresh = false) {
         var _a;
+        const user = getUser();
         if (authMode !== 'connect-only' && !user) {
             setTokenBalanceVariable('error', USER_NOT_LOGGED_IN);
             return;
         }
+        const projectSettings = getProjectSettings();
         if (authMode === 'connect-only' &&
             !((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.featureFlags) === null || _a === void 0 ? void 0 : _a.connectOnlyMultiAsset)) {
             return;
@@ -116,29 +117,41 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = ChainEnum.Evm
             setTokenBalanceVariable('error', `Chain ${requestChainName} is not supported for token balances`);
             return;
         }
-        const isValidEvmRequest = chainName === ChainEnum.Evm &&
+        // the reason why we need to get the network here again insteaf of using the value
+        // 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 || chainName === ChainEnum.Sol;
+        const isValidRequest = isValidEvmRequest || requestChainName === ChainEnum.Sol;
+        logger.logVerboseTroubleshootingMessage('[useTokenBalances] will try to fetch token balances', {
+            isLoading,
+            isValidRequest,
+            networkId,
+            requestAccount,
+            requestChainName,
+            requestNetwork,
+        });
         if (isLoading || !requestAccount || !isValidRequest) {
             setTokenBalanceVariable('tokenBalances', undefined);
             return;
         }
         setTokenBalanceVariable('isLoading', true);
+        let response = [];
         try {
-            const response = yield getAccountTokenBalances({
+            response = yield getAccountTokenBalances({
                 accountAddress: requestAccount,
                 chainName: requestChainName,
-                environmentId,
+                environmentId: getEnvironmentId(),
                 forceRefresh,
                 includeNative: includeNativeBalance,
                 includePrices: includeFiat,
-                networkId: chainName === ChainEnum.Evm ? Number(requestNetwork) : 0,
+                networkId: requestChainName === ChainEnum.Evm ? Number(requestNetwork) : 0,
             });
             if (!response)
                 return;
             setTokenBalanceVariable('error', undefined);
-            setTokenBalanceVariable('tokenBalances', response);
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
         }
         catch (e) {
@@ -147,23 +160,23 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = ChainEnum.Evm
             setTokenBalanceVariable('error', errorMessage);
         }
         finally {
+            setTokenBalanceVariable('tokenBalances', response);
             setTokenBalanceVariable('isLoading', false);
         }
     }), [
-        user,
         requestChainName,
-        chainName,
-        requestNetwork,
         isLoading,
         requestAccount,
-        environmentId,
         includeNativeBalance,
         includeFiat,
+        authMode,
+        networkId,
+        walletConnector,
     ]);
     useInternalDynamicEvents('tokenBalancesChanged', () => fetchAccountBalances(true));
     useEffect(() => {
         fetchAccountBalances();
-    }, [requestAccount, requestNetwork]);
+    }, [requestAccount, network, networkId]);
     const { tokensFilter } = useDynamicSettings();
     const lowerTokenAddresses = tokenAddresses === null || tokenAddresses === void 0 ? void 0 : tokenAddresses.map((address) => address.toLowerCase());
     const initialTokenBalances = lowerTokenAddresses

package/src/lib/utils/hooks/useTransactionSimulation/classes/useSVMTransactionSimulation.cjs

@@ -43,7 +43,7 @@ const useSVMTransactionSimulation = () => {
             const fee = fees.reduce((acc, curr) => acc + curr, BigInt(0));
             const result = yield blockaid.simulateBlockaidSVMTransaction({
                 accountAddress: primaryWallet.address,
-                chain: (yield primaryWallet.connector.getNetwork()),
+                chain: (yield primaryWallet.connector.getNetwork(true)),
                 environmentId,
                 transactions: encodedTransactions,
             });

package/src/lib/utils/hooks/useTransactionSimulation/classes/useSVMTransactionSimulation.js

@@ -35,7 +35,7 @@ const useSVMTransactionSimulation = () => {
             const fee = fees.reduce((acc, curr) => acc + curr, BigInt(0));
             const result = yield simulateBlockaidSVMTransaction({
                 accountAddress: primaryWallet.address,
-                chain: (yield primaryWallet.connector.getNetwork()),
+                chain: (yield primaryWallet.connector.getNetwork(true)),
                 environmentId,
                 transactions: encodedTransactions,
             });

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

@@ -25,7 +25,7 @@ var useWalletConnectorEvent = require('../events/useWalletConnectorEvent/useWall
  */
 const useWalletConnectorNetwork = (walletConnector, { onChange } = { onChange: () => { } }) => {
     const [network, setNetwork] = React.useState();
-    const { isLoading } = usePromise.usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork(), {
+    const { isLoading } = usePromise.usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork(true), {
         deps: [walletConnector],
         onResolve: (network) => {
             setNetwork(network);
@@ -43,7 +43,7 @@ const useWalletConnectorNetwork = (walletConnector, { onChange } = { onChange: (
     useWalletConnectorEvent.useWalletConnectorEvent(walletConnector || undefined, 'disconnect', () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) !== 'argentx')
             return;
-        const chain = yield walletConnector.getNetwork();
+        const chain = yield walletConnector.getNetwork(true);
         setNetwork(chain);
         onChange === null || onChange === void 0 ? void 0 : onChange(chain);
     }));

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

@@ -21,7 +21,7 @@ import { useWalletConnectorEvent } from '../events/useWalletConnectorEvent/useWa
  */
 const useWalletConnectorNetwork = (walletConnector, { onChange } = { onChange: () => { } }) => {
     const [network, setNetwork] = useState();
-    const { isLoading } = usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork(), {
+    const { isLoading } = usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork(true), {
         deps: [walletConnector],
         onResolve: (network) => {
             setNetwork(network);
@@ -39,7 +39,7 @@ const useWalletConnectorNetwork = (walletConnector, { onChange } = { onChange: (
     useWalletConnectorEvent(walletConnector || undefined, 'disconnect', () => __awaiter(void 0, void 0, void 0, function* () {
         if ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) !== 'argentx')
             return;
-        const chain = yield walletConnector.getNetwork();
+        const chain = yield walletConnector.getNetwork(true);
         setNetwork(chain);
         onChange === null || onChange === void 0 ? void 0 : onChange(chain);
     }));

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

@@ -15,13 +15,21 @@ const findSmartWallet = (account, verifiedCredentials) => verifiedCredentials.fi
 const isOwnerOfASmartWallet = (account, verifiedCredentials) => Boolean(findSmartWallet(account, verifiedCredentials));
 const initializeSmartWallet = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ account, verifiedCredentials, walletConnectorOptions, primaryWalletId, }) {
     var _b, _c, _d, _e, _f;
+    const smartWallet = findWalletOptionFor.findWalletOptionFor(account, walletConnectorOptions);
+    if (!smartWallet) {
+        throw new Error('could not find smart wallet from wallet options');
+    }
+    const connector = smartWallet.walletConnector;
+    if (!walletConnectorCore.isAccountAbstractionConnector(connector)) {
+        throw new Error('could not initialize smart wallet');
+    }
     const owner = findOwner(account, verifiedCredentials);
     if (!owner) {
         throw new Error('could not find associated eoa account for smart wallet');
     }
     const ownerWallet = findWalletOptionFor.findWalletOptionFor(owner, walletConnectorOptions);
-    if (!ownerWallet) {
-        throw new Error('could not find owner wallet from wallet options');
+    if (!owner.address || !account.address || !ownerWallet) {
+        throw new Error('could not find owner or smart wallet address');
     }
     if (ownerWallet && walletConnectorCore.isTurnkeyWalletConnector(ownerWallet.walletConnector)) {
         const sortedVcs = (_c = (_b = ownerWallet.walletConnector) === null || _b === void 0 ? void 0 : _b.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.reduce((acc, vc) => {
@@ -37,25 +45,13 @@ const initializeSmartWallet = (_a) => _tslib.__awaiter(void 0, [_a], void 0, fun
             ownerWallet.walletConnector.setVerifiedCredentials(sortedVcs);
         }
     }
-    const smartWallet = findWalletOptionFor.findWalletOptionFor(account, walletConnectorOptions);
-    if (!smartWallet) {
-        throw new Error('could not find smart wallet from wallet options');
-    }
-    const connector = smartWallet.walletConnector;
-    if (!walletConnectorCore.isAccountAbstractionConnector(connector)) {
-        throw new Error('could not initialize smart wallet');
-    }
-    if (!owner.address || !account.address) {
-        throw new Error('could not find owner or smart wallet address');
-    }
-    const shouldSetEoaConnector = primaryWalletId === owner.id || primaryWalletId === account.id;
     yield connector.registerEoa({
         ecdsaProviderType: (_d = account.walletProperties) === null || _d === void 0 ? void 0 : _d.ecdsaProviderType,
         entryPointVersion: (_e = account.walletProperties) === null || _e === void 0 ? void 0 : _e.entryPointVersion,
         eoaAddress: owner.address,
-        eoaConnector: ownerWallet.walletConnector,
+        eoaConnector: ownerWallet === null || ownerWallet === void 0 ? void 0 : ownerWallet.walletConnector,
         kernelVersion: (_f = account.walletProperties) === null || _f === void 0 ? void 0 : _f.kernelVersion,
-        shouldSetEoaConnector,
+        shouldSetEoaConnector: primaryWalletId === owner.id || primaryWalletId === account.id,
         smartWalletAddress: account.address,
     });
 });

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

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../../../_virtual/_tslib.js';
-import { isTurnkeyWalletConnector, isSameAddress, isAccountAbstractionConnector } from '@dynamic-labs/wallet-connector-core';
+import { isAccountAbstractionConnector, isTurnkeyWalletConnector, isSameAddress } from '@dynamic-labs/wallet-connector-core';
 import { VerifiedCredentialNameToChainEnum } from '../../../../constants/values.js';
 import { findWalletOptionFor } from '../../../../functions/findWalletOptionFor/findWalletOptionFor.js';
 
@@ -11,13 +11,21 @@ const findSmartWallet = (account, verifiedCredentials) => verifiedCredentials.fi
 const isOwnerOfASmartWallet = (account, verifiedCredentials) => Boolean(findSmartWallet(account, verifiedCredentials));
 const initializeSmartWallet = (_a) => __awaiter(void 0, [_a], void 0, function* ({ account, verifiedCredentials, walletConnectorOptions, primaryWalletId, }) {
     var _b, _c, _d, _e, _f;
+    const smartWallet = findWalletOptionFor(account, walletConnectorOptions);
+    if (!smartWallet) {
+        throw new Error('could not find smart wallet from wallet options');
+    }
+    const connector = smartWallet.walletConnector;
+    if (!isAccountAbstractionConnector(connector)) {
+        throw new Error('could not initialize smart wallet');
+    }
     const owner = findOwner(account, verifiedCredentials);
     if (!owner) {
         throw new Error('could not find associated eoa account for smart wallet');
     }
     const ownerWallet = findWalletOptionFor(owner, walletConnectorOptions);
-    if (!ownerWallet) {
-        throw new Error('could not find owner wallet from wallet options');
+    if (!owner.address || !account.address || !ownerWallet) {
+        throw new Error('could not find owner or smart wallet address');
     }
     if (ownerWallet && isTurnkeyWalletConnector(ownerWallet.walletConnector)) {
         const sortedVcs = (_c = (_b = ownerWallet.walletConnector) === null || _b === void 0 ? void 0 : _b.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.reduce((acc, vc) => {
@@ -33,25 +41,13 @@ const initializeSmartWallet = (_a) => __awaiter(void 0, [_a], void 0, function*
             ownerWallet.walletConnector.setVerifiedCredentials(sortedVcs);
         }
     }
-    const smartWallet = findWalletOptionFor(account, walletConnectorOptions);
-    if (!smartWallet) {
-        throw new Error('could not find smart wallet from wallet options');
-    }
-    const connector = smartWallet.walletConnector;
-    if (!isAccountAbstractionConnector(connector)) {
-        throw new Error('could not initialize smart wallet');
-    }
-    if (!owner.address || !account.address) {
-        throw new Error('could not find owner or smart wallet address');
-    }
-    const shouldSetEoaConnector = primaryWalletId === owner.id || primaryWalletId === account.id;
     yield connector.registerEoa({
         ecdsaProviderType: (_d = account.walletProperties) === null || _d === void 0 ? void 0 : _d.ecdsaProviderType,
         entryPointVersion: (_e = account.walletProperties) === null || _e === void 0 ? void 0 : _e.entryPointVersion,
         eoaAddress: owner.address,
-        eoaConnector: ownerWallet.walletConnector,
+        eoaConnector: ownerWallet === null || ownerWallet === void 0 ? void 0 : ownerWallet.walletConnector,
         kernelVersion: (_f = account.walletProperties) === null || _f === void 0 ? void 0 : _f.kernelVersion,
-        shouldSetEoaConnector,
+        shouldSetEoaConnector: primaryWalletId === owner.id || primaryWalletId === account.id,
         smartWalletAddress: account.address,
     });
 });

package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs

@@ -113,7 +113,9 @@ const CollectUserDataView = () => {
     if (!userWithMissingInfo) {
         return null;
     }
-    const _isSupportedNetwork = !network || isSupportedNetwork.isSupportedNetwork({ network, walletConnector });
+    const _isSupportedNetwork = !network ||
+        !walletConnector ||
+        isSupportedNetwork.isSupportedNetwork({ network, walletConnector });
     const shouldDisplayWrongNetworkState = !_isSupportedNetwork && Boolean(walletConnector);
     const walletAddress = (_a = userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userWithMissingInfo.lastVerifiedCredentialId)) === null || _a === void 0 ? void 0 : _a.address;
     return (jsxRuntime.jsxs("div", { className: 'collect-user-data', "data-testid": 'collect-user-data-view', children: [jsxRuntime.jsxs("div", { className: 'collect-user-data__network-container', children: [jsxRuntime.jsxs("div", { className: 'collect-user-data__img-container', children: [(nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsxRuntime.jsx("img", { src: nameService.avatar, alt: '', className: 'collect-user-data__img collect-user-data__img--rounded' })) : (jsxRuntime.jsx(AuthProviderIcon.AuthProviderIcon, { iconSize: 28 })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', className: 'collect-user-data__wallet-address', children: (nameService === null || nameService === void 0 ? void 0 : nameService.name) || shortenWalletAddress.shortenWalletAddress(walletAddress, 3, 3) })] }), walletConnector && (jsxRuntime.jsx(NetworkPicker.NetworkPicker, { currentNetwork: network, connector: walletConnector, showNetworkName: true, buttonClassName: 'collect-user-data__network-picker-button', mainClassName: 'collect-user-data__network-picker' }))] }), onboardingImageUrl && (jsxRuntime.jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), shouldDisplayWrongNetworkState && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { withIcon: false, className: 'collect-user-data__error--not-supported', copykey: 'dyn_collect_user_data.not_supported_network.error_message', children: t('dyn_collect_user_data.not_supported_network.error_message') })), jsxRuntime.jsxs("div", { className: classNames.classNames('collect-user-data__form', {

package/src/lib/views/CollectUserDataView/CollectUserDataView.js

@@ -109,7 +109,9 @@ const CollectUserDataView = () => {
     if (!userWithMissingInfo) {
         return null;
     }
-    const _isSupportedNetwork = !network || isSupportedNetwork({ network, walletConnector });
+    const _isSupportedNetwork = !network ||
+        !walletConnector ||
+        isSupportedNetwork({ network, walletConnector });
     const shouldDisplayWrongNetworkState = !_isSupportedNetwork && Boolean(walletConnector);
     const walletAddress = (_a = userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userWithMissingInfo.lastVerifiedCredentialId)) === null || _a === void 0 ? void 0 : _a.address;
     return (jsxs("div", { className: 'collect-user-data', "data-testid": 'collect-user-data-view', children: [jsxs("div", { className: 'collect-user-data__network-container', children: [jsxs("div", { className: 'collect-user-data__img-container', children: [(nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsx("img", { src: nameService.avatar, alt: '', className: 'collect-user-data__img collect-user-data__img--rounded' })) : (jsx(AuthProviderIcon, { iconSize: 28 })), jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', className: 'collect-user-data__wallet-address', children: (nameService === null || nameService === void 0 ? void 0 : nameService.name) || shortenWalletAddress(walletAddress, 3, 3) })] }), walletConnector && (jsx(NetworkPicker, { currentNetwork: network, connector: walletConnector, showNetworkName: true, buttonClassName: 'collect-user-data__network-picker-button', mainClassName: 'collect-user-data__network-picker' }))] }), onboardingImageUrl && (jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), shouldDisplayWrongNetworkState && (jsx(ErrorContainer, { withIcon: false, className: 'collect-user-data__error--not-supported', copykey: 'dyn_collect_user_data.not_supported_network.error_message', children: t('dyn_collect_user_data.not_supported_network.error_message') })), jsxs("div", { className: classNames('collect-user-data__form', {

package/src/lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.cjs

@@ -28,7 +28,6 @@ require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../store/state/nonce/nonce.cjs');
-var getWalletConnectorNetworks = require('../../utils/functions/getWalletConnectorNetworks/getWalletConnectorNetworks.cjs');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../config/ApiEndpoint.cjs');
@@ -102,6 +101,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 //   The component notifies the user about the required manual network change,
 //   as the wallet does not support programmatic network change.
 const NetworkNotSupportedSwitchManual = () => {
+    var _a;
     const { selectedWalletConnector: walletConnector } = useInternalDynamicContext.useInternalDynamicContext();
     useNetworkNotSupported.useNetworkNotSupported();
     const { t } = reactI18next.useTranslation();
@@ -110,7 +110,7 @@ const NetworkNotSupportedSwitchManual = () => {
             height: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
             width: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
         } }));
-    const walletConnectorNetworks = getWalletConnectorNetworks.getWalletConnectorNetworks(walletConnector);
+    const walletConnectorNetworks = (_a = walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getEnabledNetworks()) !== null && _a !== void 0 ? _a : [];
     const getSubtitleCopyKey = () => {
         if ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'metamaskstarknet') {
             return 'dyn_network_not_supported_manual_switch.subtitle_network_defined_metamaskstarknet';

package/src/lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.js

@@ -24,7 +24,6 @@ import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../store/state/nonce/nonce.js';
-import { getWalletConnectorNetworks } from '../../utils/functions/getWalletConnectorNetworks/getWalletConnectorNetworks.js';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
 import '../../store/state/projectSettings/projectSettings.js';
 import '../../config/ApiEndpoint.js';
@@ -98,6 +97,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 //   The component notifies the user about the required manual network change,
 //   as the wallet does not support programmatic network change.
 const NetworkNotSupportedSwitchManual = () => {
+    var _a;
     const { selectedWalletConnector: walletConnector } = useInternalDynamicContext();
     useNetworkNotSupported();
     const { t } = useTranslation();
@@ -106,7 +106,7 @@ const NetworkNotSupportedSwitchManual = () => {
             height: pixelToRem(iconSize * iconRatio),
             width: pixelToRem(iconSize * iconRatio),
         } }));
-    const walletConnectorNetworks = getWalletConnectorNetworks(walletConnector);
+    const walletConnectorNetworks = (_a = walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getEnabledNetworks()) !== null && _a !== void 0 ? _a : [];
     const getSubtitleCopyKey = () => {
         if ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'metamaskstarknet') {
             return 'dyn_network_not_supported_manual_switch.subtitle_network_defined_metamaskstarknet';

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

@@ -150,7 +150,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         return () => {
             sendBalances.resetSendBalanceState();
         };
-    }, [chain === null || chain === void 0 ? void 0 : chain.name, walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain]);
+    }, [chain === null || chain === void 0 ? void 0 : chain.chainId, chain === null || chain === void 0 ? void 0 : chain.name, walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain]);
     React.useEffect(() => {
         if (unorderedTokenBalances)
             setTokenBalances(moveNativeTokenToFirstPosition(unorderedTokenBalances));

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

@@ -146,7 +146,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         return () => {
             resetSendBalanceState();
         };
-    }, [chain === null || chain === void 0 ? void 0 : chain.name, walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain]);
+    }, [chain === null || chain === void 0 ? void 0 : chain.chainId, chain === null || chain === void 0 ? void 0 : chain.name, walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain]);
     useEffect(() => {
         if (unorderedTokenBalances)
             setTokenBalances(moveNativeTokenToFirstPosition(unorderedTokenBalances));

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.cjs

@@ -191,7 +191,7 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
                     }
                     result = yield blockaid.simulateBlockaidSVMTransaction({
                         accountAddress: transaction.from,
-                        chain: (yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork())),
+                        chain: (yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork(true))),
                         environmentId,
                         transactions: encodedTransactions,
                     });

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.js

@@ -183,7 +183,7 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
                     }
                     result = yield simulateBlockaidSVMTransaction({
                         accountAddress: transaction.from,
-                        chain: (yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork())),
+                        chain: (yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork(true))),
                         environmentId,
                         transactions: encodedTransactions,
                     });

package/src/lib/views/UserDeleteAccountView/UserDeleteAccountView.cjs

@@ -0,0 +1,130 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+require('../../events/dynamicEvents.cjs');
+require('@dynamic-labs/utils');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+var exclamation = require('../../shared/assets/exclamation.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
+var warningRed = require('../../shared/assets/warning-red.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../store/state/nonce/nonce.cjs');
+require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../../store/state/user/user.cjs');
+require('../../locale/locale.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../utils/functions/compareChains/compareChains.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
+require('@dynamic-labs/types');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/WalletContext/WalletContext.cjs');
+require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../CollectUserDataView/useFields.cjs');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../store/state/loadingAndLifecycle.cjs');
+require('@dynamic-labs/store');
+require('../../store/state/walletOptions/walletOptions.cjs');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../components/Alert/Alert.cjs');
+var Typography = require('../../components/Typography/Typography.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+var Input = require('../../components/Input/Input.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.cjs');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../context/ConnectWithOtpContext/constants.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../store/state/sendBalances.cjs');
+require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+require('../../../index.cjs');
+require('../../store/state/tokenBalances.cjs');
+require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useDeleteUserAccount = require('../../utils/hooks/useDeleteUserAccount/useDeleteUserAccount.cjs');
+
+const UserDeleteAccountView = () => {
+    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { t } = reactI18next.useTranslation();
+    const { deleteUser, isLoading, error } = useDeleteUserAccount.useDeleteUserAccount();
+    const [isBackupConfirmed, setIsBackupConfirmed] = React.useState(false);
+    const [confirmText, setConfirmText] = React.useState('');
+    const handleConfirmTextChange = React.useCallback((e) => {
+        setConfirmText(e.target.value);
+    }, []);
+    const handleBackupConfirmChange = React.useCallback((e) => {
+        setIsBackupConfirmed(e.target.checked);
+    }, []);
+    const handleCancel = React.useCallback(() => {
+        setShowAuthFlow(false);
+    }, [setShowAuthFlow]);
+    const handleDelete = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!isBackupConfirmed)
+            return;
+        yield deleteUser();
+    }), [deleteUser, isBackupConfirmed]);
+    const isDeleteEnabled = React.useMemo(() => isBackupConfirmed && confirmText === 'DELETE' && !isLoading, [isBackupConfirmed, confirmText, isLoading]);
+    return (jsxRuntime.jsx("div", { className: 'delete-account-view', children: jsxRuntime.jsxs("div", { className: 'delete-account-view__content', children: [jsxRuntime.jsx("div", { className: 'warning-section', children: jsxRuntime.jsxs("div", { className: 'warning-icon-container', children: [jsxRuntime.jsx(warningRed.ReactComponent, { className: 'warning-icon' }), jsxRuntime.jsx(exclamation.ReactComponent, { className: 'exclamation-icon' })] }) }), jsxRuntime.jsx("div", { className: 'message-box', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', children: t('dyn_settings.delete_account.description') }) }), jsxRuntime.jsxs("div", { className: 'confirmation-section', children: [jsxRuntime.jsxs("div", { className: 'checkbox-container', children: [jsxRuntime.jsx("input", { type: 'checkbox', checked: isBackupConfirmed, onChange: handleBackupConfirmChange }), jsxRuntime.jsx(Typography.Typography, { className: 'checkbox-text', variant: 'body_small', children: t('dyn_settings.delete_account.backup_confirmation') })] }), jsxRuntime.jsxs("div", { className: 'input-section', children: [jsxRuntime.jsx(Typography.Typography, { className: 'input-label', variant: 'body_small', children: t('dyn_settings.delete_account.type_delete') }), jsxRuntime.jsx(Input.Input, { id: 'delete-confirmation', label: t('dyn_settings.delete_account.type_delete_label'), value: confirmText, onChange: handleConfirmTextChange, placeholder: 'DELETE', variant: 'dense' })] }), error && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'error-1', children: error.message }))] }), jsxRuntime.jsxs("div", { className: 'button-group', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'cancel-button', buttonVariant: 'primary', type: 'button', onClick: handleCancel, copykey: 'dyn_settings.delete_account.cancel', children: t('dyn_settings.delete_account.cancel') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'delete-button', buttonVariant: 'primary', type: 'submit', onClick: handleDelete, disabled: !isDeleteEnabled, typographyProps: {
+                                color: isDeleteEnabled ? 'white' : 'tertiary',
+                            }, copykey: 'dyn_settings.delete_account.confirm', children: isLoading
+                                ? t('dyn_settings.delete_account.deleting')
+                                : t('dyn_settings.delete_account.confirm') })] })] }) }));
+};
+
+exports.UserDeleteAccountView = UserDeleteAccountView;
+exports["default"] = UserDeleteAccountView;

package/src/lib/views/UserDeleteAccountView/UserDeleteAccountView.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const UserDeleteAccountView: React.FC;
+export default UserDeleteAccountView;