@dynamic-labs/sdk-react-core 4.3.1 → 4.4.0

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

@@ -4,24 +4,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
-var utils = require('@dynamic-labs/utils');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('react');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
-var logger = require('../../../shared/logger.cjs');
+require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-var localStorage = require('../../constants/localStorage.cjs');
+require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
-var dynamicEvents = require('../../../events/dynamicEvents.cjs');
+require('../../../events/dynamicEvents.cjs');
 var useConnectAndSign = require('../authenticationHooks/useConnectAndSign/useConnectAndSign.cjs');
-var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -29,7 +28,6 @@ require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../store/state/nonce/nonce.cjs');
-var requiresTwoStepAuthentication = require('../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.cjs');
 require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -43,17 +41,18 @@ require('../../functions/compareChains/compareChains.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('yup');
-var MockContext = require('../../../context/MockContext/MockContext.cjs');
+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('../../../store/state/walletOptions/walletOptions.cjs');
-var isSelectedWalletAlreadyConnected = require('../../functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.cjs');
+var useHandleWalletItem = require('./useHandleWalletItem/useHandleWalletItem.cjs');
 require('react-i18next');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../components/Alert/Alert.cjs');
@@ -77,7 +76,6 @@ require('../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
@@ -89,6 +87,7 @@ require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../index.cjs');
 require('../../../store/state/tokenBalances.cjs');
@@ -96,196 +95,35 @@ require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useWalletItemActions = () => {
-    const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnectorKey, walletConnectorOptions, setQrcodeUri, setDesktopUri, user, linkedWallets, setLegacyIsVerifying, authMode, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { mockedSDK } = MockContext.useMockContext();
-    const { setError, setErrorMessage } = ErrorContext.useErrorContext();
-    const { setView, goToInitialView } = ViewContext.useViewContext();
     const { onlyConnectUser } = useConnectAndSignSplitSteps.useConnectAndSignSplitSteps();
     const connectAndSignWallet = useConnectAndSign.useConnectAndSign();
-    const handleCustodialWalletClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        logger.logger.debug('handleCustodialWalletClick', walletConnector);
-        const twoStepAuthentication = requiresTwoStepAuthentication.requiresTwoStepAuthentication(walletConnector);
-        logger.logger.logVerboseTroubleshootingMessage('[handleCustodialWalletClick]', {
-            twoStepAuthentication,
-        });
-        if (twoStepAuthentication) {
-            setSelectedWalletConnectorKey(walletConnector.key);
-            yield onlyConnectUser({
-                walletConnector,
-            });
-        }
-        else {
-            setSelectedWalletConnectorKey(walletConnector.key);
-            setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
-        }
-        setView('pending-signature');
-    });
-    const handleMobileWalletClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        logger.logger.debug('handleMobileWalletClick', walletConnector);
-        setSelectedWalletConnectorKey(walletConnector.key);
-        // We need to set to LS when about to verify phantom wallet on mobile
-        // because the deeplink interrupts this code execution and then redirects back on a new tab.
-        // This resets all state (except for LS obviously). When we receive the phantom signature in this new tab,
-        // we can't tell whether it's supposed to be used to sign a message, verify a wallet sign in/link,
-        // or conclude a wallet transfer, which is why we need this LS variable: it will indicate whether it
-        // is a signature, authentication or transfer.
-        // Check method handleUserResponse in file useResponseHandlers, case 'signMessage'.
-        if (walletConnector.key === 'phantom') {
-            const currentState = utils.StorageService.getItem(localStorage.PHANTOM_SIGNATURE_STATE);
-            utils.StorageService.setItem(localStorage.PHANTOM_SIGNATURE_STATE, {
-                loseOriginalAccountOnTransfer: (_a = currentState === null || currentState === void 0 ? void 0 : currentState.loseOriginalAccountOnTransfer) !== null && _a !== void 0 ? _a : false,
-                submittedAtTimestamp: new Date().toString(),
-                verificationType: 'awaiting_verification',
-            });
-        }
-        const attemptConnection = () => {
-            onlyConnectUser({ shouldShowPendingConnectView: false, walletConnector });
-        };
-        setView('mobile-wallet-redirect-view', { onRetry: attemptConnection });
-        attemptConnection();
-    });
-    const handleInstalledExtensionClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        logger.logger.debug('handleInstalledExtensionClick', walletConnector);
-        setSelectedWalletConnectorKey(walletConnector.key);
-        if (authMode === 'connect-only') {
-            setView('pending-connect');
-            onlyConnectUser({ walletConnector });
-        }
-        else {
-            setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
-        }
-    });
-    const handleUninstalledClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        logger.logger.debug('handleUninstalledClick', walletConnector);
-        setSelectedWalletConnectorKey(walletConnector.key);
-        if (!walletConnector.canConnectViaQrCode) {
-            setView('no-qr-not-installed');
-        }
-        else {
-            connectAndSignWallet({
-                getAddressOpts: {
-                    onDesktopUri: (uri) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-                        setDesktopUri(uri);
-                    }),
-                    onDisplayUri: (uri) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-                        setQrcodeUri(uri);
-                    }),
-                },
-                walletConnector,
-            });
-            setView('qr-code');
-        }
-        setError(undefined);
-    });
-    const handleAlreadyConnectedWallet = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        logger.logger.debug('handleAlreadyConnectedWallet', walletConnector);
-        setShowAuthFlow(false);
-        const connectedAccounts = yield walletConnector.getConnectedAccounts();
-        const activeAccountAlreadyLinked = linkedWallets.find((wallet) => { var _a; return wallet.address.toLowerCase() === ((_a = connectedAccounts[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
-        logger.logger.logVerboseTroubleshootingMessage('[handleAlreadyConnectedWallet]', {
-            activeAccountAlreadyLinked,
-            connectedAccounts,
-            linkedWallets,
-            walletConnectorKey: walletConnector.key,
-        });
-        setSelectedWalletConnectorKey(walletConnector.key);
-        if (!activeAccountAlreadyLinked) {
-            setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
-            return;
-        }
-        const isTryingToUpdateUnkownWallet = activeAccountAlreadyLinked.connector.key === 'unknown';
-        if (isTryingToUpdateUnkownWallet) {
-            //prompt the user to connect and sign with the wallet
-            dynamicEvents.dynamicEvents.emit('triggerConnectAndSign', walletConnector);
-            return;
-        }
-        setMultiWalletWidgetState('awaiting_account_switch', 'linking_new_wallet');
-    });
-    const openWallet = (walletKey, handlers) => {
-        var _a;
-        const { openMobileWallet = handleMobileWalletClick, openCustodialWallet = handleCustodialWalletClick, openExtensionWallet = handleInstalledExtensionClick, } = handlers || {};
-        const walletConnector = (_a = walletConnectorOptions.find((wallet) => wallet.key === walletKey)) === null || _a === void 0 ? void 0 : _a.walletConnector;
-        if (!walletConnector)
-            return;
-        if (utils.isMobile()) {
-            openMobileWallet(walletConnector);
-        }
-        else if (walletConnector.canConnectViaCustodialService) {
-            openCustodialWallet(walletConnector);
-        }
-        else if (walletConnector.isInstalledOnBrowser()) {
-            openExtensionWallet(walletConnector);
-        }
-    };
-    const handleWalletItemClick = (wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const { walletConnector, isInstalledOnBrowser } = wallet;
-        const shouldEndWalletConnectorSession = walletConnector.connectedChain === 'FLOW' ||
-            walletConnectorCore.isPhantomRedirectConnector(walletConnector);
-        logger.logger.logVerboseTroubleshootingMessage('[handleWalletItemClick]', {
-            mockedSDK,
-            shouldEndWalletConnectorSession,
-            wallet,
-        });
-        if (mockedSDK)
-            return;
-        if (shouldEndWalletConnectorSession) {
-            yield walletConnector.endSession();
-        }
-        setLegacyIsVerifying(false);
-        const isMetamask = walletConnector.key === 'metamask';
-        // in connect only we only allow one account to be connected in the same wallet
-        // also this is only a feature in MM
-        if (authMode !== 'connect-only' && isMetamask) {
-            try {
-                setSelectedWalletConnectorKey(walletConnector.key);
-                setView('pending-connect');
-                yield walletConnector.chooseAccountsToConnect();
+    const { setMultiWalletWidgetState, authMode } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView } = ViewContext.useViewContext();
+    return useHandleWalletItem.useHandleWalletItem({
+        allowAlreadyConnectedWallet: false,
+        onConnectOnly: onlyConnectUser,
+        onCustodialWallet: (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ requiresTwoStepAuthentication, walletConnector, }) {
+            if (requiresTwoStepAuthentication) {
+                yield onlyConnectUser({
+                    walletConnector,
+                });
             }
-            catch (error) {
-                if (error instanceof utils.UserRejectedRequestError) {
-                    setErrorMessage('connection_rejected');
-                    goToInitialView();
-                    return;
-                }
+            else {
+                setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
             }
-        }
-        if (isSelectedWalletAlreadyConnected.isSelectedWalletAlreadyConnected(linkedWallets, walletConnector, user) &&
-            walletConnector.connectedChain !== 'FLOW') {
-            // wallet is already connected
-            handleAlreadyConnectedWallet(walletConnector);
-        }
-        else if (walletConnector.canConnectViaCustodialService) {
-            // providers like blocto and dapper
-            handleCustodialWalletClick(walletConnector);
-        }
-        else if (utils.isMobile()) {
-            // mobile wallets
-            if (walletConnector.key === 'walletconnect') {
-                setView('wallet-connect-mobile-wallets-list');
+            setView('pending-signature');
+        }),
+        onInstalledExtension: (_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ walletConnector }) {
+            if (authMode === 'connect-only') {
+                setView('pending-connect');
+                onlyConnectUser({ walletConnector });
             }
             else {
-                handleMobileWalletClick(walletConnector);
+                setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
             }
-        }
-        else if (isInstalledOnBrowser) {
-            // browser extensions or injected wallets
-            handleInstalledExtensionClick(walletConnector);
-        }
-        else {
-            // wallet requiring a qr code (wallet connect/coinbase wallet)
-            handleUninstalledClick(walletConnector);
-        }
+        }),
+        onQrCodeConnect: connectAndSignWallet,
     });
-    return {
-        handleAlreadyConnectedWallet,
-        handleCustodialWalletClick,
-        handleInstalledExtensionClick,
-        handleMobileWalletClick,
-        handleUninstalledClick,
-        handleWalletItemClick,
-        openWallet,
-    };
 };
 
 exports.useWalletItemActions = useWalletItemActions;

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

@@ -1,12 +1,9 @@
-import { InternalWalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { WalletOption } from '../../../shared/types/wallets';
-import { OpenWalletHandler } from './useWalletItemActions.types';
 export declare const useWalletItemActions: () => {
-    handleAlreadyConnectedWallet: (walletConnector: InternalWalletConnector) => Promise<void>;
-    handleCustodialWalletClick: (walletConnector: InternalWalletConnector) => Promise<void>;
-    handleInstalledExtensionClick: (walletConnector: InternalWalletConnector) => Promise<void>;
-    handleMobileWalletClick: (walletConnector: InternalWalletConnector) => Promise<void>;
-    handleUninstalledClick: (walletConnector: InternalWalletConnector) => Promise<void>;
-    handleWalletItemClick: (wallet: WalletOption) => Promise<void>;
-    openWallet: OpenWalletHandler;
+    handleAlreadyConnectedWallet: (walletConnector: import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector) => Promise<void>;
+    handleCustodialWalletClick: (walletConnector: import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector) => Promise<void>;
+    handleInstalledExtensionClick: (walletConnector: import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector) => Promise<void>;
+    handleMobileWalletClick: (walletConnector: import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector) => Promise<void>;
+    handleUninstalledClick: (walletConnector: import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector) => Promise<void>;
+    handleWalletItemClick: (wallet: import("../../../shared").WalletOption) => Promise<void>;
+    openWallet: import("./useWalletItemActions.types").OpenWalletHandler;
 };

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

@@ -1,23 +1,22 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { StorageService, isMobile, UserRejectedRequestError } from '@dynamic-labs/utils';
-import { isPhantomRedirectConnector } from '@dynamic-labs/wallet-connector-core';
 import 'react';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
-import { logger } from '../../../shared/logger.js';
+import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import { PHANTOM_SIGNATURE_STATE } from '../../constants/localStorage.js';
+import '@dynamic-labs/utils';
 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 '../../../events/dynamicEvents.js';
 import { useConnectAndSign } from '../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
-import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -25,7 +24,6 @@ import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../store/state/nonce/nonce.js';
-import { requiresTwoStepAuthentication } from '../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.js';
 import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
@@ -39,17 +37,18 @@ import '../../functions/compareChains/compareChains.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/WalletContext/WalletContext.js';
 import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import 'yup';
-import { useMockContext } from '../../../context/MockContext/MockContext.js';
+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 '../../../store/state/walletOptions/walletOptions.js';
-import { isSelectedWalletAlreadyConnected } from '../../functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.js';
+import { useHandleWalletItem } from './useHandleWalletItem/useHandleWalletItem.js';
 import 'react-i18next';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
@@ -73,7 +72,6 @@ import '../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../context/ConnectWithOtpContext/constants.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -85,6 +83,7 @@ import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../context/OnrampContext/OnrampContext.js';
 import '../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../index.js';
 import '../../../store/state/tokenBalances.js';
@@ -92,196 +91,35 @@ import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useWalletItemActions = () => {
-    const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnectorKey, walletConnectorOptions, setQrcodeUri, setDesktopUri, user, linkedWallets, setLegacyIsVerifying, authMode, } = useInternalDynamicContext();
-    const { mockedSDK } = useMockContext();
-    const { setError, setErrorMessage } = useErrorContext();
-    const { setView, goToInitialView } = useViewContext();
     const { onlyConnectUser } = useConnectAndSignSplitSteps();
     const connectAndSignWallet = useConnectAndSign();
-    const handleCustodialWalletClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
-        logger.debug('handleCustodialWalletClick', walletConnector);
-        const twoStepAuthentication = requiresTwoStepAuthentication(walletConnector);
-        logger.logVerboseTroubleshootingMessage('[handleCustodialWalletClick]', {
-            twoStepAuthentication,
-        });
-        if (twoStepAuthentication) {
-            setSelectedWalletConnectorKey(walletConnector.key);
-            yield onlyConnectUser({
-                walletConnector,
-            });
-        }
-        else {
-            setSelectedWalletConnectorKey(walletConnector.key);
-            setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
-        }
-        setView('pending-signature');
-    });
-    const handleMobileWalletClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        logger.debug('handleMobileWalletClick', walletConnector);
-        setSelectedWalletConnectorKey(walletConnector.key);
-        // We need to set to LS when about to verify phantom wallet on mobile
-        // because the deeplink interrupts this code execution and then redirects back on a new tab.
-        // This resets all state (except for LS obviously). When we receive the phantom signature in this new tab,
-        // we can't tell whether it's supposed to be used to sign a message, verify a wallet sign in/link,
-        // or conclude a wallet transfer, which is why we need this LS variable: it will indicate whether it
-        // is a signature, authentication or transfer.
-        // Check method handleUserResponse in file useResponseHandlers, case 'signMessage'.
-        if (walletConnector.key === 'phantom') {
-            const currentState = StorageService.getItem(PHANTOM_SIGNATURE_STATE);
-            StorageService.setItem(PHANTOM_SIGNATURE_STATE, {
-                loseOriginalAccountOnTransfer: (_a = currentState === null || currentState === void 0 ? void 0 : currentState.loseOriginalAccountOnTransfer) !== null && _a !== void 0 ? _a : false,
-                submittedAtTimestamp: new Date().toString(),
-                verificationType: 'awaiting_verification',
-            });
-        }
-        const attemptConnection = () => {
-            onlyConnectUser({ shouldShowPendingConnectView: false, walletConnector });
-        };
-        setView('mobile-wallet-redirect-view', { onRetry: attemptConnection });
-        attemptConnection();
-    });
-    const handleInstalledExtensionClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
-        logger.debug('handleInstalledExtensionClick', walletConnector);
-        setSelectedWalletConnectorKey(walletConnector.key);
-        if (authMode === 'connect-only') {
-            setView('pending-connect');
-            onlyConnectUser({ walletConnector });
-        }
-        else {
-            setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
-        }
-    });
-    const handleUninstalledClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
-        logger.debug('handleUninstalledClick', walletConnector);
-        setSelectedWalletConnectorKey(walletConnector.key);
-        if (!walletConnector.canConnectViaQrCode) {
-            setView('no-qr-not-installed');
-        }
-        else {
-            connectAndSignWallet({
-                getAddressOpts: {
-                    onDesktopUri: (uri) => __awaiter(void 0, void 0, void 0, function* () {
-                        setDesktopUri(uri);
-                    }),
-                    onDisplayUri: (uri) => __awaiter(void 0, void 0, void 0, function* () {
-                        setQrcodeUri(uri);
-                    }),
-                },
-                walletConnector,
-            });
-            setView('qr-code');
-        }
-        setError(undefined);
-    });
-    const handleAlreadyConnectedWallet = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
-        logger.debug('handleAlreadyConnectedWallet', walletConnector);
-        setShowAuthFlow(false);
-        const connectedAccounts = yield walletConnector.getConnectedAccounts();
-        const activeAccountAlreadyLinked = linkedWallets.find((wallet) => { var _a; return wallet.address.toLowerCase() === ((_a = connectedAccounts[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
-        logger.logVerboseTroubleshootingMessage('[handleAlreadyConnectedWallet]', {
-            activeAccountAlreadyLinked,
-            connectedAccounts,
-            linkedWallets,
-            walletConnectorKey: walletConnector.key,
-        });
-        setSelectedWalletConnectorKey(walletConnector.key);
-        if (!activeAccountAlreadyLinked) {
-            setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
-            return;
-        }
-        const isTryingToUpdateUnkownWallet = activeAccountAlreadyLinked.connector.key === 'unknown';
-        if (isTryingToUpdateUnkownWallet) {
-            //prompt the user to connect and sign with the wallet
-            dynamicEvents.emit('triggerConnectAndSign', walletConnector);
-            return;
-        }
-        setMultiWalletWidgetState('awaiting_account_switch', 'linking_new_wallet');
-    });
-    const openWallet = (walletKey, handlers) => {
-        var _a;
-        const { openMobileWallet = handleMobileWalletClick, openCustodialWallet = handleCustodialWalletClick, openExtensionWallet = handleInstalledExtensionClick, } = handlers || {};
-        const walletConnector = (_a = walletConnectorOptions.find((wallet) => wallet.key === walletKey)) === null || _a === void 0 ? void 0 : _a.walletConnector;
-        if (!walletConnector)
-            return;
-        if (isMobile()) {
-            openMobileWallet(walletConnector);
-        }
-        else if (walletConnector.canConnectViaCustodialService) {
-            openCustodialWallet(walletConnector);
-        }
-        else if (walletConnector.isInstalledOnBrowser()) {
-            openExtensionWallet(walletConnector);
-        }
-    };
-    const handleWalletItemClick = (wallet) => __awaiter(void 0, void 0, void 0, function* () {
-        const { walletConnector, isInstalledOnBrowser } = wallet;
-        const shouldEndWalletConnectorSession = walletConnector.connectedChain === 'FLOW' ||
-            isPhantomRedirectConnector(walletConnector);
-        logger.logVerboseTroubleshootingMessage('[handleWalletItemClick]', {
-            mockedSDK,
-            shouldEndWalletConnectorSession,
-            wallet,
-        });
-        if (mockedSDK)
-            return;
-        if (shouldEndWalletConnectorSession) {
-            yield walletConnector.endSession();
-        }
-        setLegacyIsVerifying(false);
-        const isMetamask = walletConnector.key === 'metamask';
-        // in connect only we only allow one account to be connected in the same wallet
-        // also this is only a feature in MM
-        if (authMode !== 'connect-only' && isMetamask) {
-            try {
-                setSelectedWalletConnectorKey(walletConnector.key);
-                setView('pending-connect');
-                yield walletConnector.chooseAccountsToConnect();
+    const { setMultiWalletWidgetState, authMode } = useInternalDynamicContext();
+    const { setView } = useViewContext();
+    return useHandleWalletItem({
+        allowAlreadyConnectedWallet: false,
+        onConnectOnly: onlyConnectUser,
+        onCustodialWallet: (_a) => __awaiter(void 0, [_a], void 0, function* ({ requiresTwoStepAuthentication, walletConnector, }) {
+            if (requiresTwoStepAuthentication) {
+                yield onlyConnectUser({
+                    walletConnector,
+                });
             }
-            catch (error) {
-                if (error instanceof UserRejectedRequestError) {
-                    setErrorMessage('connection_rejected');
-                    goToInitialView();
-                    return;
-                }
+            else {
+                setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
             }
-        }
-        if (isSelectedWalletAlreadyConnected(linkedWallets, walletConnector, user) &&
-            walletConnector.connectedChain !== 'FLOW') {
-            // wallet is already connected
-            handleAlreadyConnectedWallet(walletConnector);
-        }
-        else if (walletConnector.canConnectViaCustodialService) {
-            // providers like blocto and dapper
-            handleCustodialWalletClick(walletConnector);
-        }
-        else if (isMobile()) {
-            // mobile wallets
-            if (walletConnector.key === 'walletconnect') {
-                setView('wallet-connect-mobile-wallets-list');
+            setView('pending-signature');
+        }),
+        onInstalledExtension: (_b) => __awaiter(void 0, [_b], void 0, function* ({ walletConnector }) {
+            if (authMode === 'connect-only') {
+                setView('pending-connect');
+                onlyConnectUser({ walletConnector });
             }
             else {
-                handleMobileWalletClick(walletConnector);
+                setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
             }
-        }
-        else if (isInstalledOnBrowser) {
-            // browser extensions or injected wallets
-            handleInstalledExtensionClick(walletConnector);
-        }
-        else {
-            // wallet requiring a qr code (wallet connect/coinbase wallet)
-            handleUninstalledClick(walletConnector);
-        }
+        }),
+        onQrCodeConnect: connectAndSignWallet,
     });
-    return {
-        handleAlreadyConnectedWallet,
-        handleCustodialWalletClick,
-        handleInstalledExtensionClick,
-        handleMobileWalletClick,
-        handleUninstalledClick,
-        handleWalletItemClick,
-        openWallet,
-    };
 };
 
 export { useWalletItemActions };

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

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