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

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js

@@ -1,188 +0,0 @@
-'use client'
-import { useCallback, useEffect } from 'react';
-import { DynamicError } from '@dynamic-labs/utils';
-import { isSameAddress } from '@dynamic-labs/wallet-connector-core';
-import '../../../../context/DynamicContext/DynamicContext.js';
-import '@dynamic-labs/sdk-api-core';
-import '../../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import 'react/jsx-runtime';
-import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
-import '@dynamic-labs/wallet-book';
-import '../../../constants/colors.js';
-import '../../../constants/values.js';
-import '../../../../shared/utils/classes/storage/localStorage.js';
-import '../../../../shared/utils/classes/storage/sessionStorage.js';
-import '../../../../shared/consts/index.js';
-import '../../../../events/dynamicEvents.js';
-import '../../../../../../_virtual/_tslib.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../context/ErrorContext/ErrorContext.js';
-import { MISSING_ADDRESS_ERROR } from '../../../constants/errors.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
-import '../../../../config/ApiEndpoint.js';
-import '@dynamic-labs/store';
-import '../../../../locale/locale.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 '../../../../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 '../../../../context/FooterAnimationContext/index.js';
-import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
-import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../../../context/PasskeyContext/PasskeyContext.js';
-import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
-import { isWalletLinked } from '../../../functions/isWalletLinked/isWalletLinked.js';
-
-const useSyncPrimaryWallet = (canSync = true) => {
-    const { setShowAuthFlow, isAuthenticated, authMode, connectWallet, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showLockedWalletView, showWidgetStatePopup, setSelectedWalletWithAction, } = useInternalDynamicContext();
-    const { setView } = useViewContext();
-    const handlePrimaryWalletNotActive = useCallback((connectedAddress) => {
-        if (!primaryWallet)
-            return;
-        if (authMode === 'connect-only') {
-            connectWallet(primaryWallet.connector);
-            return;
-        }
-        const connectedWalletIsLinked = isWalletLinked(connectedAddress, [
-            primaryWallet,
-            ...secondaryWallets,
-        ]);
-        if (!connectedWalletIsLinked) {
-            // MM returns all connected wallets now, so we need to check if the active account
-            // is not in the same wallet as the primary wallet before automatically switching
-            // to a connected secondary wallet as it was causing an infinite loop
-            const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected && primaryWallet.connector !== wallet.connector);
-            if (!connectedSecondaryWallet) {
-                setSelectedWalletWithAction({
-                    action: 'select',
-                    wallet: primaryWallet,
-                });
-                setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
-                return;
-            }
-            setPrimaryWallet(connectedSecondaryWallet.id);
-            return;
-        }
-        if (showWidgetStatePopup) {
-            // user updates wallet address in the widget
-            setShowWidgetStatePopup(false);
-            setMultiWalletWidgetState('awaiting_account_switch', 'switching_primary');
-            return;
-        }
-        // !showWidgetStatePopup - user comes back to site with different wallet address
-        const connectedWallet = secondaryWallets.find((wallet) => wallet.connected &&
-            isSameAddress(wallet.address, connectedAddress, wallet.chain));
-        if (connectedWallet) {
-            setPrimaryWallet(connectedWallet.id);
-            return;
-        }
-        setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
-    }, [
-        primaryWallet,
-        authMode,
-        secondaryWallets,
-        showWidgetStatePopup,
-        setMultiWalletWidgetState,
-        setPrimaryWallet,
-        setShowWidgetStatePopup,
-        connectWallet,
-    ]);
-    useEffect(() => {
-        if (!canSync)
-            return;
-        if (!primaryWallet || multiWalletWidgetState !== 'idle')
-            return;
-        if (primaryWallet.connector.connectedChain === 'FLOW')
-            return;
-        if (primaryWallet.connector.connectedChain === 'COSMOS')
-            return;
-        primaryWallet.connector
-            .getConnectedAccounts()
-            .then((accounts) => {
-            const [connectedAddress] = accounts;
-            if (!connectedAddress) {
-                throw new DynamicError('Missing wallet address', MISSING_ADDRESS_ERROR);
-            }
-            if (isSameAddress(connectedAddress, primaryWallet.address, primaryWallet.chain)) {
-                return;
-            }
-            handlePrimaryWalletNotActive(connectedAddress);
-        })
-            .catch((e) => {
-            const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected);
-            if (connectedSecondaryWallet) {
-                setPrimaryWallet(connectedSecondaryWallet.id);
-                return;
-            }
-            // user is logged in (has valid jwt), but no wallet is connected
-            if (isAuthenticated && e.code === MISSING_ADDRESS_ERROR) {
-                if (!primaryWallet.connector.isInstalledOnBrowser()) {
-                    handleLogOut();
-                    return;
-                }
-                if (showLockedWalletView) {
-                    setShowAuthFlow(true);
-                    setView('wallet-locked-view');
-                }
-            }
-        });
-    }, [
-        primaryWallet,
-        secondaryWallets,
-        multiWalletWidgetState,
-        setMultiWalletWidgetState,
-        handlePrimaryWalletNotActive,
-        handleLogOut,
-        setPrimaryWallet,
-        canSync,
-        setView,
-        setShowAuthFlow,
-        authMode,
-        isAuthenticated,
-        showLockedWalletView,
-    ]);
-};
-
-export { useSyncPrimaryWallet };

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

@@ -1 +0,0 @@
-export { useHandleVerifiedUser } from './useHandleVerifiedUser';

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

@@ -1,2 +0,0 @@
-import { UserProfile } from '@dynamic-labs/types';
-export declare const useHandleVerifiedUser: () => (user: UserProfile) => Promise<void>;

package/src/lib/utils/hooks/usePromise/utils/createReducer/createReducer.cjs

@@ -1,19 +0,0 @@
-'use client'
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const createReducer = () => (state, action) => {
-    switch (action.type) {
-        case 'SET_DATA':
-            return Object.assign(Object.assign({}, state), { data: action.payload, isLoading: false });
-        case 'SET_ERROR':
-            return Object.assign(Object.assign({}, state), { error: action.payload, isLoading: false });
-        case 'SET_LOADING':
-            return Object.assign(Object.assign({}, state), { isLoading: action.payload });
-        default:
-            return state;
-    }
-};
-
-exports.createReducer = createReducer;

package/src/lib/utils/hooks/usePromise/utils/createReducer/createReducer.js

@@ -1,15 +0,0 @@
-'use client'
-const createReducer = () => (state, action) => {
-    switch (action.type) {
-        case 'SET_DATA':
-            return Object.assign(Object.assign({}, state), { data: action.payload, isLoading: false });
-        case 'SET_ERROR':
-            return Object.assign(Object.assign({}, state), { error: action.payload, isLoading: false });
-        case 'SET_LOADING':
-            return Object.assign(Object.assign({}, state), { isLoading: action.payload });
-        default:
-            return state;
-    }
-};
-
-export { createReducer };

package/src/lib/utils/hooks/useWalletConnectors/utils/findWallet/findWallet.d.ts

@@ -1,3 +0,0 @@
-import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core';
-import { WalletOption } from '../../../../../shared';
-export declare const findWallet: (account: JwtVerifiedCredential, walletOptions: WalletOption[]) => WalletOption | undefined;

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

@@ -1 +0,0 @@
-export * from './findWallet';

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

@@ -1 +0,0 @@
-export { useWalletsConnectionState } from './useWalletsConnectionState';

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

@@ -1,165 +0,0 @@
-'use client'
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../../_virtual/_tslib.cjs');
-var React = require('react');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-require('@dynamic-labs/sdk-api-core');
-require('../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('react/jsx-runtime');
-require('../../../context/ViewContext/ViewContext.cjs');
-require('@dynamic-labs/wallet-book');
-require('../../constants/colors.cjs');
-require('../../constants/values.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('../../../shared/utils/classes/storage/sessionStorage.cjs');
-require('@dynamic-labs/utils');
-var useThrottle = require('../../../shared/utils/hooks/useThrottle/useThrottle.cjs');
-require('../../../shared/consts/index.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
-require('../../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/store');
-require('../../../locale/locale.cjs');
-var getWalletIdentifier = require('../../functions/getWalletIdentifier/getWalletIdentifier.cjs');
-var isWalletConnected = require('../../functions/isWalletConnected/isWalletConnected.cjs');
-require('../../../events/dynamicEvents.cjs');
-var useWalletConnectorEvent = require('../events/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
-var useWindowEvent = require('../events/useWindowEvent/useWindowEvent.cjs');
-require('../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../context/ErrorContext/ErrorContext.cjs');
-require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../context/VerificationContext/VerificationContext.cjs');
-require('react-dom');
-require('../../../context/WalletContext/WalletContext.cjs');
-require('../../../context/ThemeContext/ThemeContext.cjs');
-require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
-require('@dynamic-labs/types');
-require('../../../context/LoadingContext/LoadingContext.cjs');
-require('yup');
-require('../../../context/MockContext/MockContext.cjs');
-require('../../../views/CollectUserDataView/useFields.cjs');
-require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('@dynamic-labs/rpc-providers');
-require('react-i18next');
-require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../components/Alert/Alert.cjs');
-require('../../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../../components/IconButton/IconButton.cjs');
-require('../../../components/InlineWidget/InlineWidget.cjs');
-require('../../../components/Input/Input.cjs');
-require('../../../components/IsBrowser/IsBrowser.cjs');
-require('../../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../components/Popper/Popper/Popper.cjs');
-require('../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
-require('qrcode');
-require('formik');
-require('../../../views/WalletList/WalletList.cjs');
-require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
-require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-
-/**
- * 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) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-    const newMap = {};
-    yield Promise.all(wallets.map((wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        newMap[getWalletIdentifier.getWalletIdentifier(wallet)] = yield isWalletConnected.isWalletConnected(wallet);
-    })));
-    return newMap;
-});
-const useWalletsConnectionState = (wallets) => {
-    const [connectedWalletsMap, setConnectedWalletsMap] = React.useState({});
-    /**
-     * Whether the connection map has been loaded off of the current wallet array.
-     * Always false for empty wallet arrays.
-     */
-    const didConnectedStateLoad = React.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 = React.useRef(undefined);
-    const computeConnectedStateForWallets = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        didConnectedStateLoad.current = false;
-        const newMap = yield getConnectedWalletsMap(wallets);
-        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) => walletConnectorCore.isSameAddress(incomingWalletSwitchAddress.current, wallet.address, wallet.chain));
-            if (accountSwitchIsComplete)
-                incomingWalletSwitchAddress.current = undefined;
-            else
-                return;
-        }
-        setConnectedWalletsMap(newMap);
-    }), [wallets]);
-    /** A string that is unique for each possible value of the wallets prop */
-    const walletsHash = wallets.map(getWalletIdentifier.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.useThrottle(() => {
-        if (walletsHash)
-            computeConnectedStateForWallets();
-    }, 1000);
-    const onAccountChange = ({ accounts }) => {
-        incomingWalletSwitchAddress.current = accounts[0];
-        handleEvent();
-    };
-    useWalletConnectorEvent.useWalletConnectorEvent(connectors, 'accountChange', onAccountChange);
-    useWalletConnectorEvent.useWalletConnectorEvent(connectors, 'disconnect', handleEvent);
-    useWalletConnectorEvent.useWalletConnectorEvent(connectors, 'chainChange', handleEvent);
-    React.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
-    [walletsHash]);
-    /**
-     * This is a workaround to detect when the user switches to another tab/extension
-     * and then comes back to the dapp.
-     */
-    useWindowEvent.useWindowEvent('focus', computeConnectedStateForWallets);
-    return {
-        connectedWalletsMap,
-        didConnectedStateLoad,
-    };
-};
-
-exports.useWalletsConnectionState = useWalletsConnectionState;

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

@@ -1,11 +0,0 @@
-import { MutableRefObject } from 'react';
-import { Wallet } from '../../../shared';
-type ConnectedWalletsMap = {
-    [address: string]: boolean;
-};
-type WalletsConnectionStateHook = (wallets: Wallet[]) => {
-    connectedWalletsMap: ConnectedWalletsMap;
-    didConnectedStateLoad: MutableRefObject<boolean>;
-};
-export declare const useWalletsConnectionState: WalletsConnectionStateHook;
-export {};

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

@@ -1,161 +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 '@dynamic-labs/sdk-api-core';
-import '../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import 'react/jsx-runtime';
-import '../../../context/ViewContext/ViewContext.js';
-import '@dynamic-labs/wallet-book';
-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 '../../../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 '../../../context/FooterAnimationContext/index.js';
-import '../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
-import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../../context/PasskeyContext/PasskeyContext.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.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) => __awaiter(void 0, void 0, void 0, function* () {
-    const newMap = {};
-    yield Promise.all(wallets.map((wallet) => __awaiter(void 0, void 0, void 0, function* () {
-        newMap[getWalletIdentifier(wallet)] = yield isWalletConnected(wallet);
-    })));
-    return newMap;
-});
-const useWalletsConnectionState = (wallets) => {
-    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);
-        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);
-    }), [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);
-    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
-    [walletsHash]);
-    /**
-     * 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 };