@dynamic-labs/sdk-react-core 0.18.0-RC.7 → 0.18.0-RC.9

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs

@@ -10,7 +10,7 @@ var useVerifyWallet = require('../../useVerifyWallet/useVerifyWallet.cjs');
 var showPendingConnectView = require('../helpers/showPendingConnectView.cjs');
 var isConnectOnly = require('../helpers/isConnectOnly.cjs');
 require('@dynamic-labs/sdk-api');
-require('../../../../shared/logger.cjs');
+var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
@@ -61,6 +61,7 @@ const useConnectAndSignSplitSteps = () => {
             setView('pending-signature');
         }
         catch (err) {
+            logger.logger.debug(err);
             setErrorMessage(err.toString());
             goToInitialView();
             return;
@@ -78,6 +79,7 @@ const useConnectAndSignSplitSteps = () => {
             });
         }
         catch (err) {
+            logger.logger.debug(err);
             setErrorMessage(err.toString());
             goToInitialView();
             return;

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js

@@ -6,7 +6,7 @@ import { useVerifyWallet } from '../../useVerifyWallet/useVerifyWallet.js';
 import { showPendingConnectView } from '../helpers/showPendingConnectView.js';
 import { isConnectOnly } from '../helpers/isConnectOnly.js';
 import '@dynamic-labs/sdk-api';
-import '../../../../shared/logger.js';
+import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
@@ -57,6 +57,7 @@ const useConnectAndSignSplitSteps = () => {
             setView('pending-signature');
         }
         catch (err) {
+            logger.debug(err);
             setErrorMessage(err.toString());
             goToInitialView();
             return;
@@ -74,6 +75,7 @@ const useConnectAndSignSplitSteps = () => {
             });
         }
         catch (err) {
+            logger.debug(err);
             setErrorMessage(err.toString());
             goToInitialView();
             return;

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs

@@ -7,6 +7,18 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useI
 var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 var ErrorContext = require('../../../../context/ErrorContext/ErrorContext.cjs');
 var useVerifyWallet = require('../../useVerifyWallet/useVerifyWallet.cjs');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../../shared/consts/index.cjs');
 
 const useSignConnectOnlyUser = () => {
     const { setView } = ViewContext.useViewContext();
@@ -37,6 +49,7 @@ const useSignConnectOnlyUser = () => {
             });
         }
         catch (err) {
+            logger.logger.debug(err);
             setErrorMessage(err.toString());
             setShowAuthFlow(false);
             return;

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js

@@ -3,6 +3,18 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
 import { useVerifyWallet } from '../../useVerifyWallet/useVerifyWallet.js';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../../shared/consts/index.js';
 
 const useSignConnectOnlyUser = () => {
     const { setView } = useViewContext();
@@ -33,6 +45,7 @@ const useSignConnectOnlyUser = () => {
             });
         }
         catch (err) {
+            logger.debug(err);
             setErrorMessage(err.toString());
             setShowAuthFlow(false);
             return;

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

@@ -27,3 +27,4 @@ export type { IconThemeVariant } from './useIconThemeVariant';
 export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';
 export { useTimeout } from './useTimeout/useTimeout';
 export { useInterval } from './useInterval/useInterval';
+export { useCountdown } from './useCountdown/useCountdown';

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

@@ -11,7 +11,7 @@ var getDynamicLayoutData = require('../../functions/getDynamicLayoutData/getDyna
 
 const useAuthLayoutChecks = (walletConnector) => {
     const { view } = ViewContext.useViewContext();
-    const { user, privacyPolicyUrl, termsOfServiceUrl } = useInternalDynamicContext.useInternalDynamicContext();
+    const { user, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { showQrCodeMessage, showQrCodeImage } = QrCodeContext.useQrCodeContext();
     const { mockedSDK } = MockContext.useMockContext();
     const { helpHeaderData } = getDynamicLayoutData.getDynamicLayoutData({ view });
@@ -34,7 +34,16 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'verify-email' &&
         view !== 'network-not-supported' &&
         view !== 'wallet-locked-view' &&
-        view !== 'email-wallet-otp-verification-view';
+        view !== 'email-wallet-otp-verification-view' &&
+        view !== 'bridge-welcome' &&
+        view !== 'bridge-summary';
+    const showConnectedWalletProgress = isBridgeFlow &&
+        (view === 'wallet-list' ||
+            view === 'qr-code' ||
+            view === 'wallet-connect-mobile-wallets-list' ||
+            view === 'pending-connect' ||
+            view === 'pending-signature' ||
+            view === 'pending-signature-without-back-button');
     const showToSFooter = Boolean(!isUserLinkingWallet.isUserLinkingWallet(user, view, mockedSDK) &&
         (view === 'wallet-list' ||
             view === 'wallet-connect-mobile-wallets-list' ||
@@ -58,6 +67,7 @@ const useAuthLayoutChecks = (walletConnector) => {
         isWalletListTypeView,
         showBackButton,
         showCloseButton,
+        showConnectedWalletProgress,
         showHeader,
         showHelpContent,
         showQrCodePreHeader,

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

@@ -3,6 +3,7 @@ export declare const useAuthLayoutChecks: (walletConnector?: WalletConnector | n
     isWalletListTypeView: boolean;
     showBackButton: boolean;
     showCloseButton: boolean;
+    showConnectedWalletProgress: boolean;
     showHeader: boolean;
     showHelpContent: boolean;
     showQrCodePreHeader: boolean;

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

@@ -7,7 +7,7 @@ import { getDynamicLayoutData } from '../../functions/getDynamicLayoutData/getDy
 
 const useAuthLayoutChecks = (walletConnector) => {
     const { view } = useViewContext();
-    const { user, privacyPolicyUrl, termsOfServiceUrl } = useInternalDynamicContext();
+    const { user, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow } = useInternalDynamicContext();
     const { showQrCodeMessage, showQrCodeImage } = useQrCodeContext();
     const { mockedSDK } = useMockContext();
     const { helpHeaderData } = getDynamicLayoutData({ view });
@@ -30,7 +30,16 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'verify-email' &&
         view !== 'network-not-supported' &&
         view !== 'wallet-locked-view' &&
-        view !== 'email-wallet-otp-verification-view';
+        view !== 'email-wallet-otp-verification-view' &&
+        view !== 'bridge-welcome' &&
+        view !== 'bridge-summary';
+    const showConnectedWalletProgress = isBridgeFlow &&
+        (view === 'wallet-list' ||
+            view === 'qr-code' ||
+            view === 'wallet-connect-mobile-wallets-list' ||
+            view === 'pending-connect' ||
+            view === 'pending-signature' ||
+            view === 'pending-signature-without-back-button');
     const showToSFooter = Boolean(!isUserLinkingWallet(user, view, mockedSDK) &&
         (view === 'wallet-list' ||
             view === 'wallet-connect-mobile-wallets-list' ||
@@ -54,6 +63,7 @@ const useAuthLayoutChecks = (walletConnector) => {
         isWalletListTypeView,
         showBackButton,
         showCloseButton,
+        showConnectedWalletProgress,
         showHeader,
         showHelpContent,
         showQrCodePreHeader,

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

@@ -4,6 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+var localStorage$1 = require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
 
 const useClearWalletConnectSessions = ({ connectors }) => {
     const clearOphanedWalletConnectSessions = React.useCallback(() => {
@@ -12,7 +23,7 @@ const useClearWalletConnectSessions = ({ connectors }) => {
         if (connectors.length === 0)
             return;
         const names = new Set(connectors.map((connector) => walletConnectorCore.normalizeWalletName(connector.name)));
-        for (const key of Object.keys(localStorage)) {
+        for (const key of localStorage$1.LocalStorage.getKeys()) {
             if (key.startsWith('walletconnect') &&
                 !names.has(key.replace('walletconnect-', ''))) {
                 localStorage.removeItem(key);
@@ -22,8 +33,10 @@ const useClearWalletConnectSessions = ({ connectors }) => {
     const clearAllWalletConnectSessions = () => {
         if (typeof window === 'undefined')
             return;
-        for (const key of Object.keys(localStorage)) {
-            if (key.startsWith('walletconnect')) {
+        for (const key of localStorage$1.LocalStorage.getKeys()) {
+            if (key.startsWith('walletconnect') ||
+                key.startsWith('walletlink') ||
+                key.startsWith('wc@2')) {
                 localStorage.removeItem(key);
             }
         }

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

@@ -1,5 +1,16 @@
 import { useCallback } from 'react';
 import { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../shared/consts/index.js';
 
 const useClearWalletConnectSessions = ({ connectors }) => {
     const clearOphanedWalletConnectSessions = useCallback(() => {
@@ -8,7 +19,7 @@ const useClearWalletConnectSessions = ({ connectors }) => {
         if (connectors.length === 0)
             return;
         const names = new Set(connectors.map((connector) => normalizeWalletName(connector.name)));
-        for (const key of Object.keys(localStorage)) {
+        for (const key of LocalStorage.getKeys()) {
             if (key.startsWith('walletconnect') &&
                 !names.has(key.replace('walletconnect-', ''))) {
                 localStorage.removeItem(key);
@@ -18,8 +29,10 @@ const useClearWalletConnectSessions = ({ connectors }) => {
     const clearAllWalletConnectSessions = () => {
         if (typeof window === 'undefined')
             return;
-        for (const key of Object.keys(localStorage)) {
-            if (key.startsWith('walletconnect')) {
+        for (const key of LocalStorage.getKeys()) {
+            if (key.startsWith('walletconnect') ||
+                key.startsWith('walletlink') ||
+                key.startsWith('wc@2')) {
                 localStorage.removeItem(key);
             }
         }

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

@@ -2,26 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+var useMediaQuery = require('../../../shared/utils/hooks/useMediaQuery/useMediaQuery.cjs');
+require('../../../shared/consts/index.cjs');
 
 const useColorSchemePreference = () => {
-    const [preference, setPreference] = React.useState(() => window.matchMedia('(prefers-color-scheme: dark)').matches
-        ? 'dark'
-        : 'light');
-    React.useEffect(() => {
-        const listener = (e) => {
-            setPreference(e.matches ? 'dark' : 'light');
-        };
-        window
-            .matchMedia('(prefers-color-scheme: dark)')
-            .addEventListener('change', listener);
-        return () => {
-            window
-                .matchMedia('(prefers-color-scheme: dark)')
-                .removeEventListener('change', listener);
-        };
-    }, []);
-    return preference;
+    const isDarkMode = useMediaQuery.useMediaQuery('(prefers-color-scheme: dark)');
+    return isDarkMode ? 'dark' : 'light';
 };
 
 exports.useColorSchemePreference = useColorSchemePreference;

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

@@ -1,23 +1,21 @@
-import { useState, useEffect } from 'react';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import { useMediaQuery } from '../../../shared/utils/hooks/useMediaQuery/useMediaQuery.js';
+import '../../../shared/consts/index.js';
 
 const useColorSchemePreference = () => {
-    const [preference, setPreference] = useState(() => window.matchMedia('(prefers-color-scheme: dark)').matches
-        ? 'dark'
-        : 'light');
-    useEffect(() => {
-        const listener = (e) => {
-            setPreference(e.matches ? 'dark' : 'light');
-        };
-        window
-            .matchMedia('(prefers-color-scheme: dark)')
-            .addEventListener('change', listener);
-        return () => {
-            window
-                .matchMedia('(prefers-color-scheme: dark)')
-                .removeEventListener('change', listener);
-        };
-    }, []);
-    return preference;
+    const isDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
+    return isDarkMode ? 'dark' : 'light';
 };
 
 export { useColorSchemePreference };

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

@@ -23,11 +23,37 @@ var api = require('../../../data/api.cjs');
 require('@dynamic-labs/multi-wallet');
 var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
 
-const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly, primaryWalletId, setPrimaryWalletId) => {
+const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage.useLocalStorage(localStorage.CONNECTED_WALLETS_INFO, []);
     const [connectedWallet, setConnectedWallet] = React.useState(null);
-    const [connectedWallets, setConnectedWallets] = React.useState([]);
-    const setConnectedStates = React.useCallback((walletConnector, address, chain, id) => {
+    const getNextIdAvailable = React.useCallback((currentWallets) => {
+        const existingIds = currentWallets.map(({ id }) => id);
+        const sortedIds = existingIds
+            .map((id) => Number(id.replace('connect-only-wallet-', '')))
+            .sort((a, b) => a - b);
+        for (let i = 0; i < sortedIds.length; i++) {
+            if (sortedIds[i] !== i) {
+                return i;
+            }
+        }
+        return sortedIds.length;
+    }, []);
+    const connectedWallets = React.useMemo(() => connectedWalletsInfo
+        .map((connectedWallet) => {
+        const walletConnector = walletConnectorCore.getWalletConnectorByName(wallets.map((wallet) => wallet.walletConnector), connectedWallet.name);
+        if (!walletConnector) {
+            return null;
+        }
+        return {
+            address: connectedWallet.walletPublicKey,
+            chain: connectedWallet.chain,
+            connected: true,
+            connector: walletConnector,
+            id: connectedWallet.id,
+        };
+    })
+        .filter((wc) => wc !== null), [connectedWalletsInfo, wallets]);
+    const setConnectedStates = React.useCallback((walletConnector, address, chain) => {
         setConnectedWallet({
             address,
             chain,
@@ -35,27 +61,6 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
             connector: walletConnector,
             id: 'connect-only-wallet',
         });
-        setConnectedWallets((currentWallets) => {
-            const exists = currentWallets.some((currentWallet) => walletConnectorCore.isSameAddress(currentWallet.address, address, chain));
-            if (currentWallets.length === 0 &&
-                authMode === 'connect-only' &&
-                !primaryWalletId) {
-                setPrimaryWalletId(`connect-only-wallet-${0}`);
-            }
-            if (exists) {
-                return currentWallets;
-            }
-            return [
-                ...currentWallets,
-                {
-                    address,
-                    chain,
-                    connected: true,
-                    connector: walletConnector,
-                    id: `connect-only-wallet-${id}`,
-                },
-            ];
-        });
         setConnectedWalletsInfo((currentWallets) => {
             const exists = currentWallets.some((currentWallet) => currentWallet.walletPublicKey === address);
             if (exists) {
@@ -65,14 +70,15 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
                 ...currentWallets,
                 {
                     chain,
+                    id: `connect-only-wallet-${getNextIdAvailable(currentWallets)}`,
                     name: walletConnector.name,
                     provider: getWalletProvider.getWalletProvider(walletConnector),
                     walletPublicKey: address,
                 },
             ];
         });
-    }, [authMode, primaryWalletId, setConnectedWalletsInfo, setPrimaryWalletId]);
-    const connectWalletByAddressAndChain = React.useCallback((name, address, chain, id) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    }, [getNextIdAvailable, setConnectedWalletsInfo]);
+    const connectWalletByAddressAndChain = React.useCallback((name, address, chain) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const walletConnector = walletConnectorCore.getWalletConnectorByName(wallets.map((wallet) => wallet.walletConnector), name);
         if (walletConnector) {
             if (shouldManuallyReconnectOnRefresh.shouldManuallyReconnectOnRefresh(walletConnector)) {
@@ -82,7 +88,7 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
             const result = connectedAccounts.filter((account) => walletConnectorCore.isSameAddress(account, address, chain));
             if (result.length > 0) {
                 walletConnector.connect();
-                setConnectedStates(walletConnector, address, chain, id);
+                setConnectedStates(walletConnector, address, chain);
             }
             else {
                 setConnectedWallet(null);
@@ -93,12 +99,11 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
         }
     }), [setConnectedStates, wallets]);
     React.useEffect(() => {
-        if (authMode === 'connect-only' &&
-            connectedWalletsInfo.length &&
-            !connectedWallets.length) {
-            connectedWalletsInfo.forEach(({ name, walletPublicKey, chain }, id) => {
+        const shouldUpdateConnectedWalletsState = authMode === 'connect-only' && connectedWalletsInfo.length;
+        if (shouldUpdateConnectedWalletsState) {
+            connectedWalletsInfo.forEach(({ name, walletPublicKey, chain }) => {
                 if (chain) {
-                    connectWalletByAddressAndChain(name, walletPublicKey, chain, id);
+                    connectWalletByAddressAndChain(name, walletPublicKey, chain);
                 }
             });
         }
@@ -118,7 +123,12 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
             throw error;
         }
         const chain = walletConnector.connectedChain || '';
-        setConnectedStates(walletConnector, publicWalletAddress, chain, connectedWalletsInfo.length);
+        // when we connect first wallet, it should be set as a primary wallet
+        const shouldSetPrimaryWalletId = authMode === 'connect-only' && !primaryWalletId;
+        if (shouldSetPrimaryWalletId) {
+            setPrimaryWalletId(`connect-only-wallet-${getNextIdAvailable(connectedWalletsInfo)}`);
+        }
+        setConnectedStates(walletConnector, publicWalletAddress, chain);
         if (shouldSkipCreatingVisit) {
             return publicWalletAddress;
         }
@@ -135,15 +145,23 @@ const useConnectWallet = (wallets, authMode, environmentId, enableVisitTrackingO
         });
         return publicWalletAddress;
     });
+    const unlinkConnectedWallet = (walletId) => {
+        const filteredWallets = connectedWalletsInfo.filter((wallet) => wallet.id !== walletId);
+        if (walletId === primaryWalletId) {
+            clearPrimaryWalletId();
+        }
+        setConnectedWalletsInfo(filteredWallets);
+    };
+    const getConnectedWalletById = React.useCallback((walletId) => connectedWallets.find((wallet) => wallet.id === walletId), [connectedWallets]);
     return {
         connectWallet,
         connectWalletByAddressAndChain,
         connectedWallet,
         connectedWallets,
         connectedWalletsInfo,
+        getConnectedWalletById,
         removeConnectedWalletsInfo,
-        setConnectedWallet,
-        setConnectedWallets,
+        unlinkConnectedWallet,
     };
 };
 

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { AuthModeType, Wallet, WalletOption } from '../../../shared';
 export type ConnectedWalletConnectorType = {
@@ -6,14 +5,25 @@ export type ConnectedWalletConnectorType = {
     name: string;
     provider: string;
     walletPublicKey: string;
+    id: string;
 };
-export declare const useConnectWallet: (wallets: WalletOption[], authMode: AuthModeType, environmentId: string, enableVisitTrackingOnConnectOnly: boolean, primaryWalletId: string | undefined, setPrimaryWalletId: (walletId: string) => void) => {
+type Props = {
+    authMode: AuthModeType;
+    clearPrimaryWalletId: () => void;
+    enableVisitTrackingOnConnectOnly: boolean;
+    environmentId: string;
+    primaryWalletId: string | undefined;
+    setPrimaryWalletId: (walletId: string) => void;
+    wallets: WalletOption[];
+};
+export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, }: Props) => {
     connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string>;
-    connectWalletByAddressAndChain: (name: string, address: string, chain: Chain, id?: number) => Promise<void>;
+    connectWalletByAddressAndChain: (name: string, address: string, chain: Chain) => Promise<void>;
     connectedWallet: Wallet | null;
-    connectedWallets: [] | Wallet[];
+    connectedWallets: Wallet[];
     connectedWalletsInfo: [] | ConnectedWalletConnectorType[];
+    getConnectedWalletById: (walletId: string) => Wallet | undefined;
     removeConnectedWalletsInfo: () => void;
-    setConnectedWallet: import("react").Dispatch<import("react").SetStateAction<Wallet | null>>;
-    setConnectedWallets: import("react").Dispatch<import("react").SetStateAction<[] | Wallet[]>>;
+    unlinkConnectedWallet: (walletId: string) => void;
 };
+export {};