@dynamic-labs/sdk-react-core 3.0.0-alpha.51 → 3.0.0-alpha.53

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

@@ -1,180 +0,0 @@
-'use client'
-import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useState, useRef, useCallback, useEffect } from 'react';
-import { isSameAddress } from '@dynamic-labs/wallet-connector-core';
-import { isWalletMethodSupported, findWalletBookWallet } from '@dynamic-labs/wallet-book';
-import '@dynamic-labs/sdk-api-core';
-import '../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import 'react/jsx-runtime';
-import '../../../context/ViewContext/ViewContext.js';
-import '../../constants/colors.js';
-import '../../constants/values.js';
-import '../../../shared/utils/classes/storage/localStorage.js';
-import '../../../shared/utils/classes/storage/sessionStorage.js';
-import '@dynamic-labs/utils';
-import { useThrottle } from '../../../shared/utils/hooks/useThrottle/useThrottle.js';
-import '../../../shared/consts/index.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
-import '../../../config/ApiEndpoint.js';
-import '@dynamic-labs/store';
-import '../../../locale/locale.js';
-import { getWalletIdentifier } from '../../functions/getWalletIdentifier/getWalletIdentifier.js';
-import { isWalletConnected } from '../../functions/isWalletConnected/isWalletConnected.js';
-import '../../../events/dynamicEvents.js';
-import { useWalletConnectorEvent } from '../events/useWalletConnectorEvent/useWalletConnectorEvent.js';
-import { useWindowEvent } from '../events/useWindowEvent/useWindowEvent.js';
-import '../../../context/DynamicContext/DynamicContext.js';
-import '../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../context/ErrorContext/ErrorContext.js';
-import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../context/VerificationContext/VerificationContext.js';
-import 'react-dom';
-import '../../../context/WalletContext/WalletContext.js';
-import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
-import '../../../context/ThemeContext/ThemeContext.js';
-import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
-import '@dynamic-labs/types';
-import '../../../context/LoadingContext/LoadingContext.js';
-import 'yup';
-import '../../../context/MockContext/MockContext.js';
-import '../../../views/CollectUserDataView/useFields.js';
-import '../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import '@dynamic-labs/rpc-providers';
-import 'react-i18next';
-import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../components/Alert/Alert.js';
-import '../../../components/ShadowDOM/ShadowDOM.js';
-import '../../../components/IconButton/IconButton.js';
-import '../../../components/InlineWidget/InlineWidget.js';
-import '../../../components/Input/Input.js';
-import '../../../components/IsBrowser/IsBrowser.js';
-import '../../../components/MenuList/Dropdown/Dropdown.js';
-import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
-import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../components/Popper/Popper/Popper.js';
-import '../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
-import 'qrcode';
-import 'formik';
-import '../../../views/WalletList/WalletList.js';
-import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../context/FooterAnimationContext/index.js';
-import '../../../context/WalletGroupContext/WalletGroupContext.js';
-import { getPlatformForConnector } from '../../functions/getPlatformForConnector/getPlatformForConnector.js';
-import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../../context/PasskeyContext/PasskeyContext.js';
-import '@dynamic-labs/ethereum-core';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../polyfills.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../context/FundingContext/FundingContext.js';
-import '../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../context/ConnectWithOtpContext/constants.js';
-import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
-
-/**
- * For the given wallet array, this returns an object mapping from each wallet's
- * identifier to whether its connector recognizes it as currently connected or not.
- */
-const getConnectedWalletsMap = (wallets, walletBook, primaryWalletId) => __awaiter(void 0, void 0, void 0, function* () {
-    const newMap = {};
-    yield Promise.all(wallets
-        .filter((wallet) => wallet.id === primaryWalletId ||
-        isWalletMethodSupported(findWalletBookWallet(walletBook, wallet.key), 'getConnectedAccounts', getPlatformForConnector(wallet.connector)))
-        .map((wallet) => __awaiter(void 0, void 0, void 0, function* () {
-        newMap[getWalletIdentifier(wallet)] = yield isWalletConnected(wallet);
-    })));
-    return newMap;
-});
-const useWalletsConnectionState = (wallets, walletBook, primaryWalletId, authMode) => {
-    const [connectedWalletsMap, setConnectedWalletsMap] = useState({});
-    /**
-     * Whether the connection map has been loaded off of the current wallet array.
-     * Always false for empty wallet arrays.
-     */
-    const didConnectedStateLoad = useRef(false);
-    /**
-     * When an accountChanged event is raised, we store the incoming wallet here
-     * until it is finally reflected in the wallets prop.
-     * During this time we do not update the connectedWalletsMap.
-     * This way, we avoid setting the connected state of the primary wallet
-     * to false due to a state transition delay.
-     */
-    const incomingWalletSwitchAddress = useRef(undefined);
-    const computeConnectedStateForWallets = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        didConnectedStateLoad.current = false;
-        const newMap = yield getConnectedWalletsMap(wallets, walletBook, primaryWalletId);
-        if (Object.values(newMap).length === 0) {
-            setConnectedWalletsMap({});
-            return;
-        }
-        didConnectedStateLoad.current = true;
-        // If there is an incoming account switch and it isn't yet finished,
-        // we don't change the map to avoid setting it to a misleading state
-        if (incomingWalletSwitchAddress.current) {
-            const accountSwitchIsComplete = wallets.some((wallet) => isSameAddress(incomingWalletSwitchAddress.current, wallet.address, wallet.chain));
-            if (accountSwitchIsComplete)
-                incomingWalletSwitchAddress.current = undefined;
-            else
-                return;
-        }
-        setConnectedWalletsMap(newMap);
-    }), [primaryWalletId, walletBook, wallets]);
-    /** A string that is unique for each possible value of the wallets prop */
-    const walletsHash = wallets.map(getWalletIdentifier).join('-');
-    const connectors = wallets.map(({ connector }) => connector);
-    // getConnectedAccounts trigger accountChanged event for Phantom EVM wallets
-    // which causes a loop of calls to this function, so we throttle it
-    const handleEvent = useThrottle(() => {
-        if (walletsHash)
-            computeConnectedStateForWallets();
-    }, 1000);
-    const onAccountChange = ({ accounts }) => {
-        incomingWalletSwitchAddress.current = accounts[0];
-        handleEvent();
-    };
-    useWalletConnectorEvent(connectors, 'accountChange', onAccountChange);
-    useWalletConnectorEvent(connectors, 'disconnect', handleEvent);
-    useWalletConnectorEvent(connectors, 'chainChange', handleEvent);
-    const computeConnectedStateKey = authMode === 'connect-and-sign'
-        ? `${primaryWalletId}-${walletsHash}`
-        : walletsHash;
-    useEffect(() => {
-        computeConnectedStateForWallets();
-    }, 
-    /**
-     * This is using a custom key to force the useEffect to run only when the ids of the
-     * wallets change.
-     */
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [computeConnectedStateKey]);
-    /**
-     * This is a workaround to detect when the user switches to another tab/extension
-     * and then comes back to the dapp.
-     */
-    useWindowEvent('focus', computeConnectedStateForWallets);
-    return {
-        connectedWalletsMap,
-        didConnectedStateLoad,
-    };
-};
-
-export { useWalletsConnectionState };