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

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

@@ -0,0 +1,273 @@
+'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 '@dynamic-labs/iconic';
+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 '../../../constants/colors.js';
+import '../../../constants/values.js';
+import '../../../../store/state/loadingAndLifecycle.js';
+import '../../../../shared/consts/index.js';
+import { dynamicEvents } from '../../../../events/dynamicEvents.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.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 '../../../../config/ApiEndpoint.js';
+import '../../../../store/state/user/user.js';
+import '../../../../locale/locale.js';
+import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../store/state/primaryWalletId/primaryWalletId.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 '../../../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 '../../../../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 '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/OverlayCard/OverlayCard.js';
+import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../../components/Transition/OpacityTransition/OpacityTransition.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 '../../useSubdomainCheck/useSubdomainCheck.js';
+import '../../../../context/FooterAnimationContext/index.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../../context/ConnectWithOtpContext/constants.js';
+import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../../store/state/sendBalances.js';
+import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+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';
+import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+
+const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onConnectOnly, onCustodialWallet, onInstalledExtension, }) => {
+    const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnectorKey, walletConnectorOptions, setQrcodeUri, setDesktopUri, user, linkedWallets, setLegacyIsVerifying, authMode, } = useInternalDynamicContext();
+    const { mockedSDK } = useMockContext();
+    const { setError, setErrorMessage } = useErrorContext();
+    const { setView, goToInitialView } = useViewContext();
+    const handleCustodialWalletClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+        logger.debug('handleCustodialWalletClick', walletConnector);
+        const twoStepAuthentication = requiresTwoStepAuthentication(walletConnector);
+        logger.logVerboseTroubleshootingMessage('[handleCustodialWalletClick]', {
+            twoStepAuthentication,
+        });
+        setSelectedWalletConnectorKey(walletConnector.key);
+        return onCustodialWallet({
+            requiresTwoStepAuthentication: twoStepAuthentication,
+            walletConnector,
+        });
+    });
+    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 = () => {
+            onConnectOnly({ 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);
+        return onInstalledExtension({ walletConnector });
+    });
+    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 {
+            onQrCodeConnect({
+                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 isTryingToUpdateUnknownWallet = activeAccountAlreadyLinked.connector.key === 'unknown';
+        if (isTryingToUpdateUnknownWallet) {
+            //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();
+            }
+            catch (error) {
+                if (error instanceof UserRejectedRequestError) {
+                    setErrorMessage('connection_rejected');
+                    goToInitialView();
+                    return;
+                }
+            }
+        }
+        if (!allowAlreadyConnectedWallet &&
+            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');
+            }
+            else {
+                handleMobileWalletClick(walletConnector);
+            }
+        }
+        else if (isInstalledOnBrowser) {
+            // browser extensions or injected wallets
+            handleInstalledExtensionClick(walletConnector);
+        }
+        else {
+            // wallet requiring a qr code (wallet connect/coinbase wallet)
+            handleUninstalledClick(walletConnector);
+        }
+    });
+    return {
+        handleAlreadyConnectedWallet,
+        handleCustodialWalletClick,
+        handleInstalledExtensionClick,
+        handleMobileWalletClick,
+        handleUninstalledClick,
+        handleWalletItemClick,
+        openWallet,
+    };
+};
+
+export { useHandleWalletItem };

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');
@@ -48,13 +46,13 @@ 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');
@@ -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;
 };