@dynamic-labs/sdk-react-core 4.0.0-alpha.33 → 4.0.0-alpha.35

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

@@ -32,6 +32,7 @@ import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../events/dynamicEvents.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
 import '../../../context/WalletContext/WalletContext.js';
 import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../context/ThemeContext/ThemeContext.js';
@@ -86,16 +87,21 @@ 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 } = useInternalDynamicContext();
+    const { primaryWallet, environmentId, network, user, projectSettings, authMode, } = 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 fetchAccountBalances = useCallback((...args_1) => __awaiter(void 0, [...args_1], void 0, function* (forceRefresh = false) {
-        if (!user) {
+        var _a;
+        if (authMode !== 'connect-only' && !user) {
             setTokenBalanceVariable('error', USER_NOT_LOGGED_IN);
             return;
         }
+        if (authMode === 'connect-only' &&
+            !((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.featureFlags) === null || _a === void 0 ? void 0 : _a.connectOnlyMultiAsset)) {
+            return;
+        }
         if (![ChainEnum.Evm, ChainEnum.Sol].includes(requestChainName)) {
             setTokenBalanceVariable('error', `Chain ${requestChainName} is not supported for token balances`);
             return;

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

@@ -36,6 +36,7 @@ var UserWalletsContext = require('../../../context/UserWalletsContext/UserWallet
 var getWalletProvider = require('../../functions/getWalletProvider/getWalletProvider.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../functions/compareChains/compareChains.cjs');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');

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

@@ -32,6 +32,7 @@ import { useInternalUserWallets } from '../../../context/UserWalletsContext/User
 import { getWalletProvider } from '../../functions/getWalletProvider/getWalletProvider.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
 import '../../../context/WalletContext/WalletContext.js';
 import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../context/ThemeContext/ThemeContext.js';

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

@@ -34,6 +34,7 @@ var AccessDeniedContext = require('../../../context/AccessDeniedContext/AccessDe
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../functions/compareChains/compareChains.cjs');
 var useEmbeddedWallet = require('../useEmbeddedWallet/useEmbeddedWallet.cjs');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');

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

@@ -30,6 +30,7 @@ import { useAccessDeniedContext } from '../../../context/AccessDeniedContext/Acc
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
 import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
 import '../../../context/WalletContext/WalletContext.js';
 import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs

@@ -33,6 +33,7 @@ require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 var VerificationContext = require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../../functions/compareChains/compareChains.cjs');
 require('../../../../context/WalletContext/WalletContext.cjs');
 require('../../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js

@@ -29,6 +29,7 @@ import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import { useVerification } from '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../../functions/compareChains/compareChains.js';
 import '../../../../context/WalletContext/WalletContext.js';
 import '../../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../context/ThemeContext/ThemeContext.js';

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.cjs

@@ -32,6 +32,7 @@ require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../../functions/compareChains/compareChains.cjs');
 require('../../../../context/WalletContext/WalletContext.cjs');
 require('../../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.js

@@ -28,6 +28,7 @@ import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../../functions/compareChains/compareChains.js';
 import '../../../../context/WalletContext/WalletContext.js';
 import '../../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../context/ThemeContext/ThemeContext.js';

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

@@ -39,6 +39,7 @@ var getSiweStatement = require('../../functions/getSiweStatement/getSiweStatemen
 var getWalletProvider = require('../../functions/getWalletProvider/getWalletProvider.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../functions/compareChains/compareChains.cjs');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');

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

@@ -35,6 +35,7 @@ import { getSiweStatement } from '../../functions/getSiweStatement/getSiweStatem
 import { getWalletProvider } from '../../functions/getWalletProvider/getWalletProvider.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
 import '../../../context/WalletContext/WalletContext.js';
 import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../context/ThemeContext/ThemeContext.js';

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

@@ -32,6 +32,7 @@ require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../functions/compareChains/compareChains.cjs');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');

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

@@ -28,6 +28,7 @@ import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
 import '../../../context/WalletContext/WalletContext.js';
 import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../context/ThemeContext/ThemeContext.js';

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

@@ -18,11 +18,14 @@ require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 var createLinkedWalletsFromWalletOptions = require('./utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs');
 var updateUserWalletsFromLinkedWallets = require('./utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.cjs');
 
 const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOptions, setMultiWalletWidgetState, primaryWalletId, setPrimaryWalletId, user, canHaveMultipleWalletsConnected, separateSmartWalletAndSigner = false, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = React.useState(false);
+    // keeps track of the last primary wallet id to avoid emitting the same event multiple times
+    const lastPrimaryWalletId = React.useRef(primaryWalletId);
     const linkedWallets = React.useMemo(() => {
         if (!user) {
             return [];
@@ -77,6 +80,13 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         setUserWallets((userWallets) => updateUserWalletsFromLinkedWallets.updateUserWalletsFromLinkedWallets(userWallets, wallets));
     }, [setUserWallets, wallets]);
     const primaryWallet = React.useMemo(() => { var _a; return (_a = wallets.find((wallet) => wallet.id === primaryWalletId)) !== null && _a !== void 0 ? _a : null; }, [primaryWalletId, wallets]);
+    // emit primaryWalletChanged event if the primary wallet changes
+    React.useEffect(() => {
+        if (primaryWallet && primaryWallet.id !== lastPrimaryWalletId.current) {
+            lastPrimaryWalletId.current = primaryWallet.id;
+            dynamicEvents.dynamicEvents.emit('primaryWalletChanged', primaryWallet);
+        }
+    }, [primaryWallet]);
     const secondaryWallets = React.useMemo(() => canHaveMultipleWalletsConnected
         ? wallets.filter((wallet) => wallet.id !== primaryWalletId)
         : [], [primaryWalletId, wallets, canHaveMultipleWalletsConnected]);

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

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useState, useMemo, useEffect, useCallback } from 'react';
+import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
 import { isEmbeddedConnector, isEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -14,11 +14,14 @@ import '../../constants/colors.js';
 import '../../constants/values.js';
 import '../../../store/state/loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import { createLinkedWalletsFromWalletOptions } from './utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js';
 import { updateUserWalletsFromLinkedWallets } from './utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.js';
 
 const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOptions, setMultiWalletWidgetState, primaryWalletId, setPrimaryWalletId, user, canHaveMultipleWalletsConnected, separateSmartWalletAndSigner = false, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = useState(false);
+    // keeps track of the last primary wallet id to avoid emitting the same event multiple times
+    const lastPrimaryWalletId = useRef(primaryWalletId);
     const linkedWallets = useMemo(() => {
         if (!user) {
             return [];
@@ -73,6 +76,13 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         setUserWallets((userWallets) => updateUserWalletsFromLinkedWallets(userWallets, wallets));
     }, [setUserWallets, wallets]);
     const primaryWallet = useMemo(() => { var _a; return (_a = wallets.find((wallet) => wallet.id === primaryWalletId)) !== null && _a !== void 0 ? _a : null; }, [primaryWalletId, wallets]);
+    // emit primaryWalletChanged event if the primary wallet changes
+    useEffect(() => {
+        if (primaryWallet && primaryWallet.id !== lastPrimaryWalletId.current) {
+            lastPrimaryWalletId.current = primaryWallet.id;
+            dynamicEvents.emit('primaryWalletChanged', primaryWallet);
+        }
+    }, [primaryWallet]);
     const secondaryWallets = useMemo(() => canHaveMultipleWalletsConnected
         ? wallets.filter((wallet) => wallet.id !== primaryWalletId)
         : [], [primaryWalletId, wallets, canHaveMultipleWalletsConnected]);

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

@@ -13,10 +13,13 @@ const updateUserWalletsFromLinkedWallets = (userWallets, authenticatedWallets) =
     const userWalletsCopy = [...userWallets];
     /** We will use this to find wallets addresses that were removed */
     const newWalletsAddresses = new Set();
+    const newWalletsChains = new Set();
     // First pass: add missing wallets and update changed properties
     for (const authenticatedWallet of authenticatedWallets) {
         newWalletsAddresses.add(authenticatedWallet.address);
-        const respectiveIndex = userWalletsCopy.findIndex((wallet) => wallet.address === authenticatedWallet.address);
+        newWalletsChains.add(authenticatedWallet.chain);
+        const respectiveIndex = userWalletsCopy.findIndex((wallet) => wallet.address === authenticatedWallet.address &&
+            wallet.chain === authenticatedWallet.chain);
         // Catch new wallets
         if (respectiveIndex === -1) {
             userWalletsCopy.push(authenticatedWallet);
@@ -29,7 +32,8 @@ const updateUserWalletsFromLinkedWallets = (userWallets, authenticatedWallets) =
     }
     // This filter is to remove a wallet that was previously added to userWallets but is not present
     // among the verified credentials wallets anymore
-    return userWalletsCopy.filter((userWallet) => newWalletsAddresses.has(userWallet.address));
+    return userWalletsCopy.filter((userWallet) => newWalletsAddresses.has(userWallet.address) &&
+        newWalletsChains.has(userWallet.chain));
 };
 
 exports.updateUserWalletsFromLinkedWallets = updateUserWalletsFromLinkedWallets;

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

@@ -9,10 +9,13 @@ const updateUserWalletsFromLinkedWallets = (userWallets, authenticatedWallets) =
     const userWalletsCopy = [...userWallets];
     /** We will use this to find wallets addresses that were removed */
     const newWalletsAddresses = new Set();
+    const newWalletsChains = new Set();
     // First pass: add missing wallets and update changed properties
     for (const authenticatedWallet of authenticatedWallets) {
         newWalletsAddresses.add(authenticatedWallet.address);
-        const respectiveIndex = userWalletsCopy.findIndex((wallet) => wallet.address === authenticatedWallet.address);
+        newWalletsChains.add(authenticatedWallet.chain);
+        const respectiveIndex = userWalletsCopy.findIndex((wallet) => wallet.address === authenticatedWallet.address &&
+            wallet.chain === authenticatedWallet.chain);
         // Catch new wallets
         if (respectiveIndex === -1) {
             userWalletsCopy.push(authenticatedWallet);
@@ -25,7 +28,8 @@ const updateUserWalletsFromLinkedWallets = (userWallets, authenticatedWallets) =
     }
     // This filter is to remove a wallet that was previously added to userWallets but is not present
     // among the verified credentials wallets anymore
-    return userWalletsCopy.filter((userWallet) => newWalletsAddresses.has(userWallet.address));
+    return userWalletsCopy.filter((userWallet) => newWalletsAddresses.has(userWallet.address) &&
+        newWalletsChains.has(userWallet.chain));
 };
 
 export { updateUserWalletsFromLinkedWallets };

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

@@ -36,6 +36,7 @@ require('../../../context/CaptchaContext/CaptchaContext.cjs');
 var useConnectAndSignSplitSteps = require('../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../functions/compareChains/compareChains.cjs');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');

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

@@ -32,6 +32,7 @@ import '../../../context/CaptchaContext/CaptchaContext.js';
 import { useConnectAndSignSplitSteps } from '../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
 import '../../../context/WalletContext/WalletContext.js';
 import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../context/ThemeContext/ThemeContext.js';

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

@@ -33,6 +33,7 @@ require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../functions/compareChains/compareChains.cjs');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');

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

@@ -29,6 +29,7 @@ import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
 import '../../../context/WalletContext/WalletContext.js';
 import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../context/ThemeContext/ThemeContext.js';

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

@@ -35,6 +35,7 @@ require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 var useConfirmationModal = require('../useConfirmationModal/useConfirmationModal.cjs');
+require('../../functions/compareChains/compareChains.cjs');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
@@ -178,8 +179,8 @@ const useWalletUiUtils = ({ appLogoUrl, appName, hideEmbeddedWalletTransactionUI
     const syncWallet = React.useCallback((_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ walletConnector, activeAddress, expectedAddress }) {
         yield openSyncWalletPrompt((resolve, reject) => (jsxRuntime.jsx(SyncWalletPromptModal.SyncWalletPromptModal, { onResolve: resolve, onReject: reject, connector: walletConnector, expectedAddress: expectedAddress, activeAddress: activeAddress })));
     }), [openSyncWalletPrompt]);
-    const addNetwork = React.useCallback((_e) => _tslib.__awaiter(void 0, [_e], void 0, function* ({ handler, network, walletKey }) {
-        yield openAddNetwork((resolve) => (jsxRuntime.jsx(AddNetworkModal.AddNetworkModal, { network: network, walletKey: walletKey, onCancel: resolve, onNetworkAdded: resolve, addNetworkMutation: handler })));
+    const addNetwork = React.useCallback((_e) => _tslib.__awaiter(void 0, [_e], void 0, function* ({ handler, network, walletConnector }) {
+        yield openAddNetwork((resolve) => (jsxRuntime.jsx(AddNetworkModal.AddNetworkModal, { network: network, walletConnector: walletConnector, onCancel: resolve, onNetworkAdded: resolve, addNetworkMutation: handler })));
     }), [openAddNetwork]);
     const disabledConfirmationOnce = React.useCallback(() => {
         confirmationStateRef.current = 'disabled';

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

@@ -31,6 +31,7 @@ import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import { useConfirmationModal } from '../useConfirmationModal/useConfirmationModal.js';
+import '../../functions/compareChains/compareChains.js';
 import '../../../context/WalletContext/WalletContext.js';
 import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../context/ThemeContext/ThemeContext.js';
@@ -174,8 +175,8 @@ const useWalletUiUtils = ({ appLogoUrl, appName, hideEmbeddedWalletTransactionUI
     const syncWallet = useCallback((_d) => __awaiter(void 0, [_d], void 0, function* ({ walletConnector, activeAddress, expectedAddress }) {
         yield openSyncWalletPrompt((resolve, reject) => (jsx(SyncWalletPromptModal, { onResolve: resolve, onReject: reject, connector: walletConnector, expectedAddress: expectedAddress, activeAddress: activeAddress })));
     }), [openSyncWalletPrompt]);
-    const addNetwork = useCallback((_e) => __awaiter(void 0, [_e], void 0, function* ({ handler, network, walletKey }) {
-        yield openAddNetwork((resolve) => (jsx(AddNetworkModal, { network: network, walletKey: walletKey, onCancel: resolve, onNetworkAdded: resolve, addNetworkMutation: handler })));
+    const addNetwork = useCallback((_e) => __awaiter(void 0, [_e], void 0, function* ({ handler, network, walletConnector }) {
+        yield openAddNetwork((resolve) => (jsx(AddNetworkModal, { network: network, walletConnector: walletConnector, onCancel: resolve, onNetworkAdded: resolve, addNetworkMutation: handler })));
     }), [openAddNetwork]);
     const disabledConfirmationOnce = useCallback(() => {
         confirmationStateRef.current = 'disabled';

package/src/lib/views/AccessBlockedView/AccessBlockedView.cjs

@@ -36,6 +36,7 @@ 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/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');

package/src/lib/views/AccessBlockedView/AccessBlockedView.js

@@ -32,6 +32,7 @@ import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';

package/src/lib/views/AccountExistsView/AccountExistsView.cjs

@@ -37,6 +37,7 @@ var AccountExistsContext = require('../../context/AccountExistsContext/AccountEx
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 var useFindSocialIcon = require('../../utils/hooks/useFindSocialIcon/useFindSocialIcon.cjs');

package/src/lib/views/AccountExistsView/AccountExistsView.js

@@ -33,6 +33,7 @@ import { useAccountExistsContext } from '../../context/AccountExistsContext/Acco
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import { useFindSocialIcon } from '../../utils/hooks/useFindSocialIcon/useFindSocialIcon.js';

package/src/lib/views/AddNetworkView/AddNetworkView.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
-var walletBook = require('@dynamic-labs/wallet-book');
 require('react');
 require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
@@ -17,6 +16,7 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 var error = require('../../shared/assets/error.cjs');
+require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../store/state/loadingAndLifecycle.cjs');
@@ -34,6 +34,7 @@ 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/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
@@ -88,17 +89,17 @@ require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
-const AddNetworkView = ({ walletKey, network, addNetworkMutation, onCancel, onNetworkAdded, }) => {
+const AddNetworkView = ({ walletConnector, network, addNetworkMutation, onCancel, onNetworkAdded, }) => {
     const { t } = reactI18next.useTranslation();
-    const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const { iconUrls, name } = network;
-    const wallet = walletBook.findWalletBookWallet(walletBook$1, walletKey);
     const [iconUrl] = iconUrls;
     const { mutate: addNetwork } = useMutation.useMutation(addNetworkMutation, {
         onSuccess: onNetworkAdded,
     });
     const NetworkIcon = (props) => (jsxRuntime.jsx("img", Object.assign({}, props, { src: iconUrl, className: 'add-network-view__network-icon', alt: `${name} icon` })));
-    return (jsxRuntime.jsxs("div", { "data-testid": 'add-network-view', className: 'add-network-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { alignContent: 'bottom' }), jsxRuntime.jsxs("div", { className: 'add-network-view__body', children: [jsxRuntime.jsx(IconWithStatus.IconWithStatus, { Icon: NetworkIcon, iconSize: 64, InnerIcon: error.ReactComponent, variant: 'red' }), jsxRuntime.jsxs("div", { className: 'add-network-view__text-container', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'bold', variant: 'body_normal', color: 'primary', copykey: 'dyn_add_network_view.title', className: 'add-network-view__title', children: t('dyn_add_network_view.title') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_add_network_view.description', className: 'add-network-view__description', children: t('dyn_add_network_view.description', { name: wallet === null || wallet === void 0 ? void 0 : wallet.name }) })] }), jsxRuntime.jsxs("div", { className: 'add-network-view__actions', children: [jsxRuntime.jsx(Button.Button, { expanded: true, buttonVariant: 'primary', onClick: () => onCancel(), dataTestId: 'add-network-view__cancel-button', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_add_network_view.cancel_button.title', children: t('dyn_add_network_view.cancel_button.title') }) }), jsxRuntime.jsx(Button.Button, { expanded: true, buttonVariant: 'brand-primary', onClick: () => addNetwork(), children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_add_network_view.add_button.title', children: t('dyn_add_network_view.add_button.title') }) })] })] })] }));
+    return (jsxRuntime.jsxs("div", { "data-testid": 'add-network-view', className: 'add-network-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { alignContent: 'bottom' }), jsxRuntime.jsxs("div", { className: 'add-network-view__body', children: [jsxRuntime.jsx(IconWithStatus.IconWithStatus, { Icon: NetworkIcon, iconSize: 64, InnerIcon: error.ReactComponent, variant: 'red' }), jsxRuntime.jsxs("div", { className: 'add-network-view__text-container', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'bold', variant: 'body_normal', color: 'primary', copykey: 'dyn_add_network_view.title', className: 'add-network-view__title', children: t('dyn_add_network_view.title') }), jsxRuntime.jsx(Typography.Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_add_network_view.description', className: 'add-network-view__description', children: t('dyn_add_network_view.description', {
+                                    name: walletConnector.metadata.name,
+                                }) })] }), jsxRuntime.jsxs("div", { className: 'add-network-view__actions', children: [jsxRuntime.jsx(Button.Button, { expanded: true, buttonVariant: 'primary', onClick: () => onCancel(), dataTestId: 'add-network-view__cancel-button', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_add_network_view.cancel_button.title', children: t('dyn_add_network_view.cancel_button.title') }) }), jsxRuntime.jsx(Button.Button, { expanded: true, buttonVariant: 'brand-primary', onClick: () => addNetwork(), children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_add_network_view.add_button.title', children: t('dyn_add_network_view.add_button.title') }) })] })] })] }));
 };
 
 exports.AddNetworkView = AddNetworkView;

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

@@ -1,7 +1,8 @@
 import { FC } from 'react';
 import { GenericNetwork } from '@dynamic-labs/types';
+import { InternalWalletConnector } from '@dynamic-labs/wallet-connector-core';
 type AddNetworkViewProps = {
-    walletKey: string;
+    walletConnector: InternalWalletConnector;
     addNetworkMutation: () => Promise<void>;
     onCancel: () => void;
     onNetworkAdded: () => void;

package/src/lib/views/AddNetworkView/AddNetworkView.js

@@ -1,7 +1,6 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import { useWalletBookContext, findWalletBookWallet } from '@dynamic-labs/wallet-book';
 import 'react';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
@@ -13,6 +12,7 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgError } from '../../shared/assets/error.js';
+import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../store/state/loadingAndLifecycle.js';
@@ -30,6 +30,7 @@ import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
@@ -84,17 +85,17 @@ import '../../../index.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
-const AddNetworkView = ({ walletKey, network, addNetworkMutation, onCancel, onNetworkAdded, }) => {
+const AddNetworkView = ({ walletConnector, network, addNetworkMutation, onCancel, onNetworkAdded, }) => {
     const { t } = useTranslation();
-    const { walletBook } = useWalletBookContext();
     const { iconUrls, name } = network;
-    const wallet = findWalletBookWallet(walletBook, walletKey);
     const [iconUrl] = iconUrls;
     const { mutate: addNetwork } = useMutation(addNetworkMutation, {
         onSuccess: onNetworkAdded,
     });
     const NetworkIcon = (props) => (jsx("img", Object.assign({}, props, { src: iconUrl, className: 'add-network-view__network-icon', alt: `${name} icon` })));
-    return (jsxs("div", { "data-testid": 'add-network-view', className: 'add-network-view', children: [jsx(ModalHeader, { alignContent: 'bottom' }), jsxs("div", { className: 'add-network-view__body', children: [jsx(IconWithStatus, { Icon: NetworkIcon, iconSize: 64, InnerIcon: SvgError, variant: 'red' }), jsxs("div", { className: 'add-network-view__text-container', children: [jsx(Typography, { weight: 'bold', variant: 'body_normal', color: 'primary', copykey: 'dyn_add_network_view.title', className: 'add-network-view__title', children: t('dyn_add_network_view.title') }), jsx(Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_add_network_view.description', className: 'add-network-view__description', children: t('dyn_add_network_view.description', { name: wallet === null || wallet === void 0 ? void 0 : wallet.name }) })] }), jsxs("div", { className: 'add-network-view__actions', children: [jsx(Button, { expanded: true, buttonVariant: 'primary', onClick: () => onCancel(), dataTestId: 'add-network-view__cancel-button', children: jsx(Typography, { copykey: 'dyn_add_network_view.cancel_button.title', children: t('dyn_add_network_view.cancel_button.title') }) }), jsx(Button, { expanded: true, buttonVariant: 'brand-primary', onClick: () => addNetwork(), children: jsx(Typography, { copykey: 'dyn_add_network_view.add_button.title', children: t('dyn_add_network_view.add_button.title') }) })] })] })] }));
+    return (jsxs("div", { "data-testid": 'add-network-view', className: 'add-network-view', children: [jsx(ModalHeader, { alignContent: 'bottom' }), jsxs("div", { className: 'add-network-view__body', children: [jsx(IconWithStatus, { Icon: NetworkIcon, iconSize: 64, InnerIcon: SvgError, variant: 'red' }), jsxs("div", { className: 'add-network-view__text-container', children: [jsx(Typography, { weight: 'bold', variant: 'body_normal', color: 'primary', copykey: 'dyn_add_network_view.title', className: 'add-network-view__title', children: t('dyn_add_network_view.title') }), jsx(Typography, { weight: 'regular', variant: 'body_small', color: 'secondary', copykey: 'dyn_add_network_view.description', className: 'add-network-view__description', children: t('dyn_add_network_view.description', {
+                                    name: walletConnector.metadata.name,
+                                }) })] }), jsxs("div", { className: 'add-network-view__actions', children: [jsx(Button, { expanded: true, buttonVariant: 'primary', onClick: () => onCancel(), dataTestId: 'add-network-view__cancel-button', children: jsx(Typography, { copykey: 'dyn_add_network_view.cancel_button.title', children: t('dyn_add_network_view.cancel_button.title') }) }), jsx(Button, { expanded: true, buttonVariant: 'brand-primary', onClick: () => addNetwork(), children: jsx(Typography, { copykey: 'dyn_add_network_view.add_button.title', children: t('dyn_add_network_view.add_button.title') }) })] })] })] }));
 };
 
 export { AddNetworkView };

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

@@ -34,6 +34,7 @@ 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/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');

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

@@ -30,6 +30,7 @@ import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';

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

@@ -34,6 +34,7 @@ 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/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');

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

@@ -30,6 +30,7 @@ import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';

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

@@ -34,6 +34,7 @@ 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/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');

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

@@ -30,6 +30,7 @@ import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.cjs

@@ -35,6 +35,7 @@ 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/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.js

@@ -31,6 +31,7 @@ import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.cjs

@@ -40,6 +40,7 @@ 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/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.js

@@ -36,6 +36,7 @@ import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';