@dynamic-labs/sdk-react-core 1.0.0-alpha.0 → 1.0.0-alpha.10

package/src/lib/utils/functions/getReferencedAccount/getReferencedAccount.js

@@ -6,10 +6,10 @@ import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 
 /**

package/src/lib/utils/functions/getUserWalletsFromVerifiedCredentials/getUserWalletsFromVerifiedCredentials.cjs

@@ -10,10 +10,10 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 
 // verifies if user has any type of wallet

package/src/lib/utils/functions/getUserWalletsFromVerifiedCredentials/getUserWalletsFromVerifiedCredentials.js

@@ -6,10 +6,10 @@ import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 
 // verifies if user has any type of wallet

package/src/lib/utils/functions/getVerifyArgs/getVerifyArgs.d.ts

@@ -20,6 +20,6 @@ export declare const getVerifyArgs: ({ walletConnector, nonce, walletProvider, e
     signedMessage: string;
     skipEmptyAccountCheck: boolean | undefined;
     walletName: string;
-    walletProvider: "browserExtension" | "custodialService" | "walletConnect" | "qrCode" | "deepLink" | "embeddedWallet";
+    walletProvider: "browserExtension" | "custodialService" | "walletConnect" | "qrCode" | "deepLink" | "embeddedWallet" | "smartContractWallet";
 }>;
 export {};

package/src/lib/utils/functions/handleUnlinkHelper/handleUnlinkHelper.cjs

@@ -17,11 +17,11 @@ require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../shared/consts/index.cjs');
-var index = require('../storeAuthToken/index.cjs');
+var createUserProfile = require('../createUserProfile/createUserProfile.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../getAuthToken/getAuthToken.cjs');
-var createUserProfile = require('../createUserProfile/createUserProfile.cjs');
 require('@dynamic-labs/sdk-api');
+var index = require('../storeAuthToken/index.cjs');
 
 /**
  * A helper function that wraps the unlinkWallet function from the API.

package/src/lib/utils/functions/handleUnlinkHelper/handleUnlinkHelper.js

@@ -13,11 +13,11 @@ import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../shared/consts/index.js';
-import { storeAuthToken } from '../storeAuthToken/index.js';
+import { createUserProfile } from '../createUserProfile/createUserProfile.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../getAuthToken/getAuthToken.js';
-import { createUserProfile } from '../createUserProfile/createUserProfile.js';
 import '@dynamic-labs/sdk-api';
+import { storeAuthToken } from '../storeAuthToken/index.js';
 
 /**
  * A helper function that wraps the unlinkWallet function from the API.

package/src/lib/utils/functions/index.d.ts

@@ -1,45 +1,48 @@
-export * from './getEnabledKYC';
-export * from './storeAuthToken';
+export * from './createUserProfile';
+export * from './digestSHA256';
+export * from './encodeBase64URL';
+export * from './findEmbeddedWalletFromVerifiedCredentials';
+export * from './findTurnkeyWallet';
 export * from './generateMessages';
+export * from './getActiveOauthCredential';
+export * from './getAppOrigin';
 export * from './getAuthToken';
-export * from './isWalletConnected';
-export * from './getVerifyArgs';
-export * from './createUserProfile';
-export * from './requiresTwoStepAuthentication';
-export * from './isSupportedNetwork';
-export * from './isEmailProviderEnabled';
-export * from './getEnabledProviders';
-export * from './pixelToRem';
-export * from './isProgrammableNetworkSwitchSupported';
+export * from './getEnabledKYC';
 export * from './getEnabledOAuthProviders';
-export * from './shouldManuallyReconnectOnRefresh';
-export * from './isNetworkUnsupported';
+export * from './getEnabledProviders';
+export * from './getEnabledSocialSignInProvidersAsProviderEnum';
+export * from './getOauthLoginUrl';
+export * from './getOrdinalNumber';
+export * from './getProviderByType';
+export * from './getProviderEnumForSocialSignInProvider';
+export * from './getRedirectURIOrigin';
 export * from './getReferencedAccount';
-export * from './getAppOrigin';
+export * from './getSocialSignInProviderForProviderEnum';
+export * from './getSocialSignInProviderFromString';
+export * from './getUserProfileFields';
+export * from './getUserWalletsFromVerifiedCredentials';
+export * from './getVerifyArgs';
+export * from './getWalletConnectorNetworks/getWalletConnectorNetworks';
 export * from './groupBy';
-export * from './isProviderEnabled';
+export * from './isEmailProviderEnabled';
+export * from './isEmbeddedWalletPresent';
+export * from './isMagicConnector';
+export * from './isNetworkUnsupported';
 export * from './isOnrampProvider';
-export * from './getWalletConnectorNetworks/getWalletConnectorNetworks';
+export * from './isProgrammableNetworkSwitchSupported';
+export * from './isProviderEnabled';
 export * from './isSocialKycEnabled';
-export * from './getUserProfileFields';
-export * from './isMagicConnector';
+export * from './isSupportedNetwork';
+export * from './isTestnet';
+export * from './isTurnkeyEnabled';
+export * from './isWalletConnected';
+export * from './pixelToRem';
 export * from './randomString';
-export * from './stringifyURIQuery';
-export * from './digestSHA256';
-export * from './encodeBase64URL';
-export * from './getRedirectURIOrigin';
+export * from './requiresTwoStepAuthentication';
 export * from './sendTransactionWithAutoNonce';
-export * from './getProviderEnumForSocialSignInProvider';
-export * from './getEnabledSocialSignInProvidersAsProviderEnum';
-export * from './getActiveOauthCredential';
-export * from './getSocialSignInProviderForProviderEnum';
-export * from './getSocialSignInProviderFromString';
-export * from './getOauthLoginUrl';
-export * from './isTurnkeyEnabled';
-export * from './isEmbeddedWalletPresent';
-export * from './findEmbeddedWalletFromVerifiedCredentials';
-export * from './findTurnkeyWallet';
-export * from './isTestnet';
-export * from './getOrdinalNumber';
-export * from './getProviderByType';
-export * from './getUserWalletsFromVerifiedCredentials';
+export * from './shouldManuallyReconnectOnRefresh';
+export * from './storeAuthToken';
+export * from './stringifyURIQuery';
+export * from './removeElementById';
+export * from './isAccountAbstractionWallet';
+export * from './createOwnerWallet';

package/src/lib/utils/functions/isAccountAbstractionWallet/index.d.ts

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

package/src/lib/utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+
+const isAccountAbstractionWallet = (wallet) => {
+    if (!wallet ||
+        wallet === undefined ||
+        wallet === null ||
+        typeof wallet !== 'object' ||
+        !('connector' in wallet)) {
+        return false;
+    }
+    return walletConnectorCore.isAccountAbstractionConnector(wallet.connector);
+};
+
+exports.isAccountAbstractionWallet = isAccountAbstractionWallet;

package/src/lib/utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.d.ts

@@ -0,0 +1,2 @@
+import { Wallet } from '../../../shared';
+export declare const isAccountAbstractionWallet: (wallet: Wallet | unknown) => wallet is Wallet;

package/src/lib/utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.js

@@ -0,0 +1,14 @@
+import { isAccountAbstractionConnector } from '@dynamic-labs/wallet-connector-core';
+
+const isAccountAbstractionWallet = (wallet) => {
+    if (!wallet ||
+        wallet === undefined ||
+        wallet === null ||
+        typeof wallet !== 'object' ||
+        !('connector' in wallet)) {
+        return false;
+    }
+    return isAccountAbstractionConnector(wallet.connector);
+};
+
+export { isAccountAbstractionWallet };

package/src/lib/utils/functions/removeElementById/index.d.ts

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

package/src/lib/utils/functions/removeElementById/removeElementById.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const removeElementById = (elementId) => {
+    let modalRootElement;
+    if (typeof window !== 'undefined') {
+        modalRootElement = window.document.getElementById(elementId);
+        if (!modalRootElement) {
+            return;
+        }
+        window.document.body.removeChild(modalRootElement);
+    }
+};
+
+exports.removeElementById = removeElementById;

package/src/lib/utils/functions/removeElementById/removeElementById.d.ts

@@ -0,0 +1 @@
+export declare const removeElementById: (elementId: string) => void;

package/src/lib/utils/functions/removeElementById/removeElementById.js

@@ -0,0 +1,12 @@
+const removeElementById = (elementId) => {
+    let modalRootElement;
+    if (typeof window !== 'undefined') {
+        modalRootElement = window.document.getElementById(elementId);
+        if (!modalRootElement) {
+            return;
+        }
+        window.document.body.removeChild(modalRootElement);
+    }
+};
+
+export { removeElementById };

package/src/lib/utils/functions/storeAuthToken/index.cjs

@@ -10,11 +10,11 @@ require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 var localStorage$1 = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
 var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 
 const storeAuthToken = (jwt) => {

package/src/lib/utils/functions/storeAuthToken/index.js

@@ -6,11 +6,11 @@ import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import { AUTH_TOKEN } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 
 const storeAuthToken = (jwt) => {

package/src/lib/utils/functions/walletFilters/index.cjs

@@ -24,7 +24,7 @@ const SortWallets = (sortedWalletKeys) => (wallets) => [...wallets].sort((wallet
 });
 const FilterWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => walletKeys.includes(wallet.key));
 const RemoveWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => !walletKeys.includes(wallet.key));
-const FilterWalletsByChainName = (chainName) => (wallets) => wallets.filter((wallet) => wallet.walletConnector.supportedChains.includes(chainName));
+const FilterBridgeChainsName = (chainName) => (wallets) => wallets.filter((wallet) => wallet.walletConnector.supportedChains.includes(chainName));
 /**
  * Filters and sorts the wallet selection by the provided sortedWalletKeys.
  * This filter should be used when you only want specific wallets to be available
@@ -37,8 +37,8 @@ const FilterAndSortWallets = (sortedWalletKeys) => (wallets) => {
 const UniswapFilter = () => (wallets) => FilterAndSortWallets(['uniswap', 'metamask', 'coinbase', 'walletconnect'])(wallets);
 
 exports.FilterAndSortWallets = FilterAndSortWallets;
+exports.FilterBridgeChainsName = FilterBridgeChainsName;
 exports.FilterWallets = FilterWallets;
-exports.FilterWalletsByChainName = FilterWalletsByChainName;
 exports.RemoveWallets = RemoveWallets;
 exports.SortWallets = SortWallets;
 exports.UniswapFilter = UniswapFilter;

package/src/lib/utils/functions/walletFilters/index.d.ts

@@ -10,7 +10,7 @@ import { WalletOption } from '../../../shared';
 export declare const SortWallets: (sortedWalletKeys: string[]) => (wallets: WalletOption[]) => WalletOption[];
 export declare const FilterWallets: (walletKeys: string[]) => (wallets: WalletOption[]) => WalletOption[];
 export declare const RemoveWallets: (walletKeys: string[]) => (wallets: WalletOption[]) => WalletOption[];
-export declare const FilterWalletsByChainName: (chainName: Chain) => (wallets: WalletOption[]) => WalletOption[];
+export declare const FilterBridgeChainsName: (chainName: Chain) => (wallets: WalletOption[]) => WalletOption[];
 /**
  * Filters and sorts the wallet selection by the provided sortedWalletKeys.
  * This filter should be used when you only want specific wallets to be available

package/src/lib/utils/functions/walletFilters/index.js

@@ -20,7 +20,7 @@ const SortWallets = (sortedWalletKeys) => (wallets) => [...wallets].sort((wallet
 });
 const FilterWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => walletKeys.includes(wallet.key));
 const RemoveWallets = (walletKeys) => (wallets) => wallets.filter((wallet) => !walletKeys.includes(wallet.key));
-const FilterWalletsByChainName = (chainName) => (wallets) => wallets.filter((wallet) => wallet.walletConnector.supportedChains.includes(chainName));
+const FilterBridgeChainsName = (chainName) => (wallets) => wallets.filter((wallet) => wallet.walletConnector.supportedChains.includes(chainName));
 /**
  * Filters and sorts the wallet selection by the provided sortedWalletKeys.
  * This filter should be used when you only want specific wallets to be available
@@ -32,4 +32,4 @@ const FilterAndSortWallets = (sortedWalletKeys) => (wallets) => {
 };
 const UniswapFilter = () => (wallets) => FilterAndSortWallets(['uniswap', 'metamask', 'coinbase', 'walletconnect'])(wallets);
 
-export { FilterAndSortWallets, FilterWallets, FilterWalletsByChainName, RemoveWallets, SortWallets, UniswapFilter };
+export { FilterAndSortWallets, FilterBridgeChainsName, FilterWallets, RemoveWallets, SortWallets, UniswapFilter };

package/src/lib/utils/hooks/authenticationHooks/helpers/showPendingConnectView.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var getWalletProvider = require('../../../functions/getWalletProvider/getWalletProvider.cjs');
 
-const specialCareWallets = ['slope', 'myalgo', 'bloctoevm'];
+const specialCareWallets = ['slope', 'myalgo', 'bloctoevm', 'perawallet'];
 const showPendingConnectView = (walletConnector, setView) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
     // We don't want to show the pending connect view for qrCode and walletConnect

package/src/lib/utils/hooks/authenticationHooks/helpers/showPendingConnectView.js

@@ -1,7 +1,7 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { getWalletProvider } from '../../../functions/getWalletProvider/getWalletProvider.js';
 
-const specialCareWallets = ['slope', 'myalgo', 'bloctoevm'];
+const specialCareWallets = ['slope', 'myalgo', 'bloctoevm', 'perawallet'];
 const showPendingConnectView = (walletConnector, setView) => __awaiter(void 0, void 0, void 0, function* () {
     const walletProvider = getWalletProvider(walletConnector);
     // We don't want to show the pending connect view for qrCode and walletConnect

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs

@@ -4,34 +4,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-var showPendingConnectView = require('../helpers/showPendingConnectView.cjs');
-var isConnectOnly = require('../helpers/isConnectOnly.cjs');
+var CaptchaContext = require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
-var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 var ErrorContext = require('../../../../context/ErrorContext/ErrorContext.cjs');
+var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 require('react');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 var localStorage$1 = require('../../../constants/localStorage.cjs');
 require('../../../constants/colors.cjs');
 var localStorage = require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
-var useVerifyWallet = require('../../useVerifyWallet/useVerifyWallet.cjs');
-var CaptchaContext = require('../../../../context/CaptchaContext/CaptchaContext.cjs');
-var useHandleWalletsToConnect = require('../../useHandleWalletsToConnect/useHandleWalletsToConnect.cjs');
 require('@dynamic-labs/multi-wallet');
-var isSupportedNetwork = require('../../../functions/isSupportedNetwork/isSupportedNetwork.cjs');
 var isProgrammableNetworkSwitchSupported = require('../../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.cjs');
+var isSupportedNetwork = require('../../../functions/isSupportedNetwork/isSupportedNetwork.cjs');
+var useHandleWalletsToConnect = require('../../useHandleWalletsToConnect/useHandleWalletsToConnect.cjs');
+var useVerifyWallet = require('../../useVerifyWallet/useVerifyWallet.cjs');
+var showPendingConnectView = require('../helpers/showPendingConnectView.cjs');
+var isConnectOnly = require('../helpers/isConnectOnly.cjs');
 
 const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = true, } = {}) => {
     const { setView, goToInitialView } = ViewContext.useViewContext();
+    const { engageCaptcha, getCaptchaToken } = CaptchaContext.useCaptchaContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
-    const { captchaToken } = CaptchaContext.useCaptchaContext();
     const { authMode, connectWallet, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, user, walletUiUtils, setCallback, setIsVerificationInProgress, } = useInternalDynamicContext.useInternalDynamicContext();
     const { handleWalletsToConnect } = useHandleWalletsToConnect.useHandleWalletsToConnect();
     const verifyWallet = useVerifyWallet.useVerifyWallet({
@@ -41,8 +41,35 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
         projectSettings,
         setIsSingleWalletAccount,
     });
+    const handleWalletVerify = (walletConnector, publicWalletAddress, captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!walletConnectorCore.isEmailWalletConnector(walletConnector) ||
+            walletConnectorCore.isBloctoConnector(walletConnector)) {
+            setView('pending-signature');
+        }
+        else {
+            walletUiUtils.disabledConfirmationOnce();
+        }
+        yield verifyWallet({
+            captchaToken,
+            publicWalletAddress,
+            walletConnector,
+        });
+    });
+    const handleWalletVerifyError = (err) => {
+        var _a;
+        const userCancelled = (err === null || err === void 0 ? void 0 : err.code) === 'user-cancelled';
+        if (!userCancelled)
+            logger.logger.debug(err);
+        setErrorMessage((_a = err === null || err === void 0 ? void 0 : err.code) === null || _a === void 0 ? void 0 : _a.toString());
+        goToInitialView();
+        // Since auth failed, clear verification flag
+        // But if user cancelled, clearStatesOnBackClick will have already cleared it. So avoid
+        // clearing again since that would trigger a warning
+        if (!userCancelled)
+            setIsVerificationInProgress(false);
+    };
     return ({ walletConnector, fetchPublicAddressOpts = undefined, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
+        var _a;
         // Raise verification ongoing flag
         setIsVerificationInProgress(true);
         try {
@@ -55,22 +82,32 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
                     setView('wait-for-email-confirmation-view');
                 }
             }
-            const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts, shouldCallCallback);
-            if (!publicWalletAddress) {
+            const connectionResult = yield connectWallet(walletConnector, fetchPublicAddressOpts, shouldCallCallback);
+            if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.address)) {
                 return;
             }
+            const { address, id } = connectionResult;
             const walletNetwork = yield walletConnector.getNetwork();
+            // When we switch networks on MM/walletconnect, it breaks the flow and doesn't always display the sign message
+            // Since it the network doesn't matter for the sign, we don't need to force the user to switch to the supported
+            // network at this stage and they can switch when doing a transaction
+            // Note: not checking specifically for MM since user can choose walletconnect connector to use with MM
+            const shouldForceSupportedNetwork = !walletConnector.isWalletConnect;
             const usesSupportedNetwork = isSupportedNetwork.isSupportedNetwork({
                 network: walletNetwork,
                 walletConnector,
             });
             if (!usesSupportedNetwork) {
-                if (isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector)) {
+                if (!isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector)) {
+                    return setView('network-not-supported-manual');
+                }
+                if (shouldForceSupportedNetwork) {
                     return setView('network-not-supported');
                 }
-                return setView('network-not-supported-manual');
             }
-            setCallback('connectSuccess');
+            setCallback('connectSuccess', {
+                walletId: id,
+            });
             if (isConnectOnly.isConnectOnly(user, authMode)) {
                 localStorage.LocalStorage.setToLS(localStorage$1.LAST_USED_WALLET, walletConnector.key);
                 if (shouldUpdateWallets) {
@@ -79,34 +116,23 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
                 return;
             }
             if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _a === void 0 ? void 0 : _a.enabled) {
-                setView('captcha');
+                engageCaptcha({
+                    authMethod: 'wallet',
+                    onCaptchaSuccess: (captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+                        try {
+                            yield handleWalletVerify(walletConnector, address, captchaToken);
+                        }
+                        catch (e) {
+                            handleWalletVerifyError(e);
+                        }
+                    }),
+                });
                 return;
             }
-            if (!walletConnectorCore.isEmailWalletConnector(walletConnector) ||
-                walletConnectorCore.isBloctoConnector(walletConnector)) {
-                setView('pending-signature');
-            }
-            else {
-                walletUiUtils.disabledConfirmationOnce();
-            }
-            yield verifyWallet({
-                captchaToken,
-                publicWalletAddress,
-                walletConnector,
-            });
+            yield handleWalletVerify(walletConnector, address, getCaptchaToken());
         }
         catch (err) {
-            const userCancelled = (err === null || err === void 0 ? void 0 : err.code) === 'user-cancelled';
-            if (!userCancelled)
-                logger.logger.debug(err);
-            setErrorMessage((_b = err === null || err === void 0 ? void 0 : err.code) === null || _b === void 0 ? void 0 : _b.toString());
-            goToInitialView();
-            // Since auth failed, clear verification flag
-            // But if user cancelled, clearStatesOnBackClick will have already cleared it. So avoid
-            // clearing again since that would trigger a warning
-            if (!userCancelled)
-                setIsVerificationInProgress(false);
-            return;
+            handleWalletVerifyError(err);
         }
     });
 };