@dynamic-labs/sdk-react-core 0.19.0-alpha.8 → 0.19.0

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

@@ -14,159 +14,159 @@ require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('ethers');
+require('viem');
 require('../../../shared/consts/index.cjs');
 var useWalletConnectorEvent = require('../useWalletConnectorEvent/useWalletConnectorEvent.cjs');
 
-const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
-    const [loadingNetwork, setLoadingNetwork] = React.useState(true);
-    const [network, setNetwork] = React.useState(undefined);
-    React.useEffect(() => {
-        const fetchNetwork = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            try {
-                if (!primaryWallet)
-                    return;
-                const network = yield primaryWallet.connector.getNetwork();
-                setNetwork(network);
-            }
-            catch (error) {
-                /* istanbul ignore next */
-                logger.logger.debug(error);
-            }
-            finally {
-                setLoadingNetwork(false);
-            }
-        });
-        fetchNetwork();
-    }, [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id]);
-    useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'disconnect', () => {
-        logger.logger.debug('primary wallet disconnect');
-        handleLogOut();
-    });
-    useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'chainChange', (_, { chain }) => {
-        logger.logger.debug('primary wallet chain change', { chain });
-        if (!primaryWallet) {
-            return;
-        }
-        refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
-        // https://linear.app/dynamic-labs/issue/QNTM-84/breaking-change-rename-network-to-primarywalletnetwork
-        if (primaryWallet.chain === 'starknet') {
-            setNetwork(chain);
-        }
-        else {
-            setNetwork(parseInt(chain));
-        }
-    });
-    useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'accountChange', (_, { accounts }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        logger.logger.debug('primary wallet account change', {
-            accounts,
-        });
-        // change the api here
-        if (!primaryWallet)
-            return;
-        const [newAddress] = accounts;
-        const newWallet = secondaryWallets.find((wallet) => walletConnectorCore.isSameAddress(wallet.address, newAddress, wallet.chain));
-        if (authMode === 'connect-only') {
-            refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
-            return;
-        }
-        if (walletConnectorCore.isSameAddress(newAddress, primaryWallet.address, primaryWallet.chain)) {
-            setMultiWalletWidgetState('idle');
-        }
-        else if (!multiWallet) {
-            yield handleLogOut();
-            return;
-        }
-        else if (multiWalletWidgetState === 'awaiting_account_switch') {
-            handleAccountChangeWhenAwaitingAccountSwitch(true, newAddress);
-        }
-        else if (multiWalletWidgetState === 'idle' && newWallet) {
-            setPrimaryWalletId(newWallet.id);
-        }
-        else if (multiWalletWidgetState === 'idle' && !newWallet) {
-            if (user) {
-                setMultiWalletWidgetState('detected_new_wallet');
-                setSelectedWalletConnector(primaryWallet.connector);
-                yield computeConnectedStateForWallets();
-                return;
-            }
-        }
-        else {
-            logger.logger.error(`Unexpected multiWalletWidgetState (${multiWalletWidgetState}) and onAccountChange combination. Resetting state to idle.`);
-            setMultiWalletWidgetState('idle');
-        }
-        yield computeConnectedStateForWallets();
-    }));
-    const uniqueNonPrimaryWallets = React.useMemo(() => {
-        const primaryConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
-        const secondaryConnectors = secondaryWallets.map(({ connector }) => connector);
-        const allWalletConnectors = new Set([
-            ...secondaryConnectors,
-            primaryConnector,
-            selectedWalletConnector,
-        ].filter((connector) => Boolean(connector)));
-        if (primaryConnector) {
-            allWalletConnectors.delete(primaryConnector);
-        }
-        return Array.from(allWalletConnectors);
-    }, [secondaryWallets, selectedWalletConnector, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector]);
-    useWalletConnectorEvent.useWalletConnectorEvent(uniqueNonPrimaryWallets, 'accountChange', () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        logger.logger.debug('secondary wallet account change');
-        if (authMode === 'connect-only' && secondaryWallets.length) {
-            refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector);
-            return;
-        }
-        if (multiWalletWidgetState === 'awaiting_account_switch') {
-            handleAccountChangeWhenAwaitingAccountSwitch(false, (selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet.address) || '');
-        }
-        yield computeConnectedStateForWallets();
-    }));
-    useWalletConnectorEvent.useWalletConnectorEvent(uniqueNonPrimaryWallets, 'chainChange', () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        logger.logger.debug('secondary wallet chain change');
-        // We should pass the proper walletId here
-        if (!secondaryWallets.length) {
-            return;
-        }
-        refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector);
-    }));
-    useWalletConnectorEvent.useWalletConnectorEvent(uniqueNonPrimaryWallets, 'disconnect', () => {
-        logger.logger.debug('secondary wallet disconnect');
-        // argent sends a disconnect event when the user adds a new account
-        if (authMode === 'connect-only' &&
-            secondaryWallets.length &&
-            secondaryWallets[0].connector.key === 'argentx') {
-            refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector);
-            return;
-        }
-        computeConnectedStateForWallets();
-    });
-    const handleAccountChangeWhenAwaitingAccountSwitch = React.useCallback((isPrimaryWallet, newAddress) => {
-        const linkedSecondaryWallet = secondaryWallets.find((wallet) => walletConnectorCore.isSameAddress(wallet.address, newAddress, wallet.chain));
-        // this means the user is linking a new account, so we need proof of ownership...
-        if (!linkedSecondaryWallet) {
-            setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
-            if (isPrimaryWallet && primaryWallet) {
-                setSelectedWalletConnector(primaryWallet.connector);
-            }
-            return;
-        }
-        // ...otherwise, the user is switching primary accounts betweeen the same wallet
-        setSelectedWalletWithAction(null);
-        setPrimaryWalletId(linkedSecondaryWallet.id);
-        setMultiWalletWidgetState('idle');
-    }, [
-        setMultiWalletWidgetState,
-        primaryWallet,
-        secondaryWallets,
-        setSelectedWalletConnector,
-        setSelectedWalletWithAction,
-        setPrimaryWalletId,
-    ]);
-    return {
-        loadingNetwork,
-        network,
-        setNetwork,
-    };
+const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
+    const [loadingNetwork, setLoadingNetwork] = React.useState(true);
+    const [network, setNetwork] = React.useState(undefined);
+    React.useEffect(() => {
+        const fetchNetwork = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            try {
+                if (!(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector))
+                    return;
+                const network = yield primaryWallet.connector.getNetwork();
+                setNetwork(network);
+            }
+            catch (error) {
+                /* istanbul ignore next */
+                logger.logger.debug(error);
+            }
+            finally {
+                setLoadingNetwork(false);
+            }
+        });
+        fetchNetwork();
+    }, [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector]);
+    useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'disconnect', () => {
+        logger.logger.debug('primary wallet disconnect');
+        handleLogOut();
+    });
+    useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'chainChange', (_, { chain }) => {
+        logger.logger.debug('primary wallet chain change', { chain });
+        if (!primaryWallet) {
+            return;
+        }
+        refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
+        // https://linear.app/dynamic-labs/issue/QNTM-84/breaking-change-rename-network-to-primarywalletnetwork
+        if (primaryWallet.chain === 'starknet') {
+            setNetwork(chain);
+        }
+        else {
+            setNetwork(parseInt(chain));
+        }
+    });
+    useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'accountChange', (_, { accounts }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        logger.logger.debug('primary wallet account change', {
+            accounts,
+        });
+        // change the api here
+        if (!primaryWallet)
+            return;
+        const [newAddress] = accounts;
+        const newWallet = secondaryWallets.find((wallet) => walletConnectorCore.isSameAddress(wallet.address, newAddress, wallet.chain));
+        if (authMode === 'connect-only') {
+            refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
+            return;
+        }
+        if (walletConnectorCore.isSameAddress(newAddress, primaryWallet.address, primaryWallet.chain)) {
+            setMultiWalletWidgetState('idle');
+        }
+        else if (!multiWallet) {
+            yield handleLogOut();
+            return;
+        }
+        else if (multiWalletWidgetState === 'awaiting_account_switch') {
+            handleAccountChangeWhenAwaitingAccountSwitch(true, newAddress);
+        }
+        else if (multiWalletWidgetState === 'idle' && newWallet) {
+            setPrimaryWalletId(newWallet.id);
+        }
+        else if (multiWalletWidgetState === 'idle' && !newWallet) {
+            if (user) {
+                setMultiWalletWidgetState('detected_new_wallet');
+                setSelectedWalletConnector(primaryWallet.connector);
+                yield computeConnectedStateForWallets();
+                return;
+            }
+        }
+        else {
+            logger.logger.error(`Unexpected multiWalletWidgetState (${multiWalletWidgetState}) and onAccountChange combination. Resetting state to idle.`);
+            setMultiWalletWidgetState('idle');
+        }
+        yield computeConnectedStateForWallets();
+    }));
+    const uniqueNonPrimaryWallets = React.useMemo(() => {
+        const primaryConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
+        const secondaryConnectors = secondaryWallets.map(({ connector }) => connector);
+        const allWalletConnectors = new Set([
+            ...secondaryConnectors,
+            primaryConnector,
+            selectedWalletConnector,
+        ].filter((connector) => Boolean(connector)));
+        if (primaryConnector) {
+            allWalletConnectors.delete(primaryConnector);
+        }
+        return Array.from(allWalletConnectors);
+    }, [secondaryWallets, selectedWalletConnector, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector]);
+    useWalletConnectorEvent.useWalletConnectorEvent(uniqueNonPrimaryWallets, 'accountChange', () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        logger.logger.debug('secondary wallet account change');
+        if (authMode === 'connect-only' && secondaryWallets.length) {
+            refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector);
+            return;
+        }
+        if (multiWalletWidgetState === 'awaiting_account_switch') {
+            handleAccountChangeWhenAwaitingAccountSwitch(false, (selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet.address) || '');
+        }
+        yield computeConnectedStateForWallets();
+    }));
+    useWalletConnectorEvent.useWalletConnectorEvent(uniqueNonPrimaryWallets, 'chainChange', () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        logger.logger.debug('secondary wallet chain change');
+        // We should pass the proper walletId here
+        if (!secondaryWallets.length) {
+            return;
+        }
+        refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector);
+    }));
+    useWalletConnectorEvent.useWalletConnectorEvent(uniqueNonPrimaryWallets, 'disconnect', () => {
+        logger.logger.debug('secondary wallet disconnect');
+        // argent sends a disconnect event when the user adds a new account
+        if (authMode === 'connect-only' &&
+            secondaryWallets.length &&
+            secondaryWallets[0].connector.key === 'argentx') {
+            refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector);
+            return;
+        }
+        computeConnectedStateForWallets();
+    });
+    const handleAccountChangeWhenAwaitingAccountSwitch = React.useCallback((isPrimaryWallet, newAddress) => {
+        const linkedSecondaryWallet = secondaryWallets.find((wallet) => walletConnectorCore.isSameAddress(wallet.address, newAddress, wallet.chain));
+        // this means the user is linking a new account, so we need proof of ownership...
+        if (!linkedSecondaryWallet) {
+            setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
+            if (isPrimaryWallet && primaryWallet) {
+                setSelectedWalletConnector(primaryWallet.connector);
+            }
+            return;
+        }
+        // ...otherwise, the user is switching primary accounts betweeen the same wallet
+        setSelectedWalletWithAction(null);
+        setPrimaryWalletId(linkedSecondaryWallet.id);
+        setMultiWalletWidgetState('idle');
+    }, [
+        setMultiWalletWidgetState,
+        primaryWallet,
+        secondaryWallets,
+        setSelectedWalletConnector,
+        setSelectedWalletWithAction,
+        setPrimaryWalletId,
+    ]);
+    return {
+        loadingNetwork,
+        network,
+        setNetwork,
+    };
 };
 
 exports.useWalletEventListeners = useWalletEventListeners;

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

@@ -1,26 +1,26 @@
-/// <reference types="react" />
-import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { AuthModeType, MultiWalletWidgetState, UserProfile, Wallet, WalletWithAction } from '../../../shared';
-import { MultiWalletWidgetStateSetter } from '../multiWallet';
-export type UseWalletEventListenersArgs = {
-    computeConnectedStateForWallets(): Promise<void>;
-    handleLogOut(): Promise<void>;
-    multiWallet: boolean;
-    multiWalletWidgetState: MultiWalletWidgetState;
-    primaryWallet: Wallet | null;
-    secondaryWallets: Wallet[];
-    selectedWalletConnector: WalletConnector | null;
-    selectedWalletWithAction: WalletWithAction | null;
-    setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
-    setPrimaryWalletId(walletId: string): void;
-    setSelectedWalletConnector(connector: WalletConnector | null): void;
-    setSelectedWalletWithAction(walletWithAction: WalletWithAction | null): void;
-    user: UserProfile | undefined;
-    authMode: AuthModeType;
-    refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector, shouldCallCallback?: boolean) => Promise<void>;
-};
-export declare const useWalletEventListeners: ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }: UseWalletEventListenersArgs) => {
-    loadingNetwork: boolean;
-    network: string | number | undefined;
-    setNetwork: import("react").Dispatch<import("react").SetStateAction<string | number | undefined>>;
-};
+/// <reference types="react" />
+import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { AuthModeType, MultiWalletWidgetState, UserProfile, Wallet, WalletWithAction } from '../../../shared';
+import { MultiWalletWidgetStateSetter } from '../multiWallet';
+export type UseWalletEventListenersArgs = {
+    computeConnectedStateForWallets(): Promise<void>;
+    handleLogOut(): Promise<void>;
+    multiWallet: boolean;
+    multiWalletWidgetState: MultiWalletWidgetState;
+    primaryWallet: Wallet | null;
+    secondaryWallets: Wallet[];
+    selectedWalletConnector: WalletConnector | null;
+    selectedWalletWithAction: WalletWithAction | null;
+    setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
+    setPrimaryWalletId(walletId: string): void;
+    setSelectedWalletConnector(connector: WalletConnector | null): void;
+    setSelectedWalletWithAction(walletWithAction: WalletWithAction | null): void;
+    user: UserProfile | undefined;
+    authMode: AuthModeType;
+    refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector, shouldCallCallback?: boolean) => Promise<void>;
+};
+export declare const useWalletEventListeners: ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }: UseWalletEventListenersArgs) => {
+    loadingNetwork: boolean;
+    network: string | number | undefined;
+    setNetwork: import("react").Dispatch<import("react").SetStateAction<string | number | undefined>>;
+};