@dynamic-labs/sdk-react-core 0.17.18 → 0.17.100-viem.2

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

@@ -1,19 +1,19 @@
-import { WalletOption } from '../../../shared/types';
-type BuilderParams = {
-    inputList: WalletOption[];
-    isWalletConnectList: boolean;
-    lastUsedWalletName: string | undefined;
-    loginWithEmail?: boolean;
-    numberOfWalletsToShow: number;
-    searchFilter: string | undefined;
-    signWithEmailWalletName: string | undefined;
-    walletsFilter: ((options: WalletOption[]) => WalletOption[]) | undefined;
-};
-type BuilderResult = {
-    numberOfWallets: number;
-    walletsList: WalletOption[];
-};
-export declare const PRIORITY_WALLET_LIST: string[];
-export declare const SIGN_IN_WITH_EMAIL_WALLET_NAME = "Sign In With Email";
-export declare const walletListBuilder: ({ numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, }: BuilderParams) => BuilderResult;
-export {};
+import { WalletOption } from '../../../shared/types';
+type BuilderParams = {
+    inputList: WalletOption[];
+    isWalletConnectList: boolean;
+    lastUsedWalletName: string | undefined;
+    loginWithEmail?: boolean;
+    numberOfWalletsToShow: number;
+    searchFilter: string | undefined;
+    signWithEmailWalletName: string | undefined;
+    walletsFilter: ((options: WalletOption[]) => WalletOption[]) | undefined;
+};
+type BuilderResult = {
+    numberOfWallets: number;
+    walletsList: WalletOption[];
+};
+export declare const PRIORITY_WALLET_LIST: string[];
+export declare const SIGN_IN_WITH_EMAIL_WALLET_NAME = "Sign In With Email";
+export declare const walletListBuilder: ({ numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, }: BuilderParams) => BuilderResult;
+export {};

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

@@ -1,140 +1,140 @@
 import { isEmailWalletConnector, isSocialWalletConnector, normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
 import { getCalculatedOffset } from './utils/getCalculatedOffset/getCalculatedOffset.js';
 
-const PRIORITY_WALLET_LIST = [
-    'metamask',
-    'coinbase',
-    'walletconnect',
-    'phantom',
-    'argentx',
-    'myalgo',
-    'blocto',
-    'solflare',
-    'braavos',
-    'trust',
-    'rainbow',
-    'dapper',
-    'glow',
-    'lilico',
-];
-const SIGN_IN_WITH_EMAIL_WALLET_NAME = 'Sign In With Email';
-const sortedInputList = (inputList) => {
-    // Input is the unordered list of wallets we support
-    const unsortedPriorityWallets = [];
-    const unsortedOtherWallets = [];
-    inputList.forEach((wallet) => {
-        if (PRIORITY_WALLET_LIST.includes(normalizeWalletName(wallet.name))) {
-            unsortedPriorityWallets.push(wallet);
-        }
-        else {
-            unsortedOtherWallets.push(wallet);
-        }
-    });
-    const sortedPriorityWallets = unsortedPriorityWallets
-        .slice()
-        .sort((a, b) => PRIORITY_WALLET_LIST.indexOf(normalizeWalletName(a.name)) -
-        PRIORITY_WALLET_LIST.indexOf(normalizeWalletName(b.name)));
-    return [...sortedPriorityWallets, ...unsortedOtherWallets];
-};
-const walletListBuilder = ({ numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, }) => {
-    let lastUsedWallet;
-    const hasWalletFilter = Boolean(walletsFilter);
-    const walletList = isWalletConnectList
-        ? inputList.filter((wallet) => wallet.walletConnector.isWalletConnect &&
-            wallet.name.toLowerCase() !== 'walletconnect')
-        : inputList;
-    const signWithEmailWallet = getSignWithEmailWallet(signWithEmailWalletName, walletList);
-    const installedWallets = [];
-    const otherWallets = [];
-    const orderedInputList = orderAndFilterList(walletList, walletsFilter, isWalletConnectList);
-    orderedInputList.forEach((wallet) => {
-        if (isEmailWalletConnector(wallet.walletConnector) ||
-            isSocialWalletConnector(wallet.walletConnector)) {
-            return;
-        }
-        else if ((lastUsedWalletName === null || lastUsedWalletName === void 0 ? void 0 : lastUsedWalletName.toLowerCase()) === wallet.name.toLowerCase()) {
-            lastUsedWallet = wallet;
-        }
-        else if (wallet.isInstalledOnBrowser) {
-            installedWallets.push(wallet);
-        }
-        else {
-            otherWallets.push(wallet);
-        }
-    });
-    const installedUsedWallets = [
-        ...(signWithEmailWallet ? [signWithEmailWallet] : []),
-        ...(lastUsedWallet ? [lastUsedWallet] : []),
-        ...installedWallets,
-    ];
-    const updatedNumberOfWalletsToShow = !hasWalletFilter
-        ? numberOfWalletsToShow
-        : calculateWithFilterNumberOfWalletsToShow(orderedInputList, installedUsedWallets, numberOfWalletsToShow);
-    const finalizedList = [...installedUsedWallets, ...otherWallets];
-    return {
-        numberOfWallets: finalizedList.length,
-        walletsList: listToDisplay(finalizedList, searchFilter, isWalletConnectList, updatedNumberOfWalletsToShow, hasWalletFilter, loginWithEmail),
-    };
-};
-// We want to show the full list of wallets when we render the wallet connect list even
-// if a filter was applied to the main page
-const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList) => {
-    if (!isWalletConnectList && walletsFilter) {
-        return walletsFilter(sortedInputList(walletList));
-    }
-    else {
-        return sortedInputList(walletList);
-    }
-};
-const listToDisplay = (finalizedList, searchFilter, isWalletConnectList, numberOfWalletsToShow, hasWalletFilter, loginWithEmail) => {
-    if (searchFilter) {
-        return finalizedList.filter((wallet) => wallet.name.toLowerCase().includes(searchFilter.trim().toLowerCase()));
-    }
-    else if (isWalletConnectList) {
-        return finalizedList;
-    }
-    else if (loginWithEmail) {
-        return finalizedList.slice(0, numberOfWalletsToShow);
-    }
-    else {
-        const list = finalizedList.map((wallet) => wallet.name.toLowerCase());
-        const offset = getCalculatedOffset({
-            defaultOffset: numberOfWalletsToShow,
-            hasWalletFilter,
-            list,
-            priorityList: PRIORITY_WALLET_LIST,
-        });
-        return finalizedList.slice(0, offset);
-    }
-};
-/**
- * When a filter is applied we would like to show the installed + last used wallets
- * in addition to the wallets that the filter has specified.
- * This calculation adds an offset to numberOfWalletsToShow so we will show the
- * intended wallets + installed and last used.
- *
- * For example:
- * we want to show 4 wallets: ['metamask', 'rainbow', 'walletconnect', 'coinbase']
- * and someone is using brave with installed phantom he should see
- * [ 'brave injected', phantom ,'metamask', 'rainbow', 'walletconnect', 'coinbase',]
- *
- */
-const calculateWithFilterNumberOfWalletsToShow = (allWalletsOrdered, installedOrUsedWallets, numberOfWalletsToShow) => {
-    const filteredWallets = allWalletsOrdered.slice(0, numberOfWalletsToShow);
-    const offset = installedOrUsedWallets.filter((wallet) => !filteredWallets.includes(wallet)).length;
-    return numberOfWalletsToShow + offset;
-};
-const getSignWithEmailWallet = (signWithEmailWalletName, inputList) => {
-    let walletOverride;
-    if (signWithEmailWalletName) {
-        const walletToReplicate = inputList.find((wallet) => wallet.name === signWithEmailWalletName &&
-            wallet.walletConnector.canConnectViaCustodialService);
-        if (walletToReplicate) {
-            walletOverride = Object.assign({}, walletToReplicate);
-            walletOverride.name = SIGN_IN_WITH_EMAIL_WALLET_NAME;
-        }
-    }
-    return walletOverride;
+const PRIORITY_WALLET_LIST = [
+    'metamask',
+    'coinbase',
+    'walletconnect',
+    'phantom',
+    'argentx',
+    'myalgo',
+    'blocto',
+    'solflare',
+    'braavos',
+    'trust',
+    'rainbow',
+    'dapper',
+    'glow',
+    'lilico',
+];
+const SIGN_IN_WITH_EMAIL_WALLET_NAME = 'Sign In With Email';
+const sortedInputList = (inputList) => {
+    // Input is the unordered list of wallets we support
+    const unsortedPriorityWallets = [];
+    const unsortedOtherWallets = [];
+    inputList.forEach((wallet) => {
+        if (PRIORITY_WALLET_LIST.includes(normalizeWalletName(wallet.name))) {
+            unsortedPriorityWallets.push(wallet);
+        }
+        else {
+            unsortedOtherWallets.push(wallet);
+        }
+    });
+    const sortedPriorityWallets = unsortedPriorityWallets
+        .slice()
+        .sort((a, b) => PRIORITY_WALLET_LIST.indexOf(normalizeWalletName(a.name)) -
+        PRIORITY_WALLET_LIST.indexOf(normalizeWalletName(b.name)));
+    return [...sortedPriorityWallets, ...unsortedOtherWallets];
+};
+const walletListBuilder = ({ numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, }) => {
+    let lastUsedWallet;
+    const hasWalletFilter = Boolean(walletsFilter);
+    const walletList = isWalletConnectList
+        ? inputList.filter((wallet) => wallet.walletConnector.isWalletConnect &&
+            wallet.name.toLowerCase() !== 'walletconnect')
+        : inputList;
+    const signWithEmailWallet = getSignWithEmailWallet(signWithEmailWalletName, walletList);
+    const installedWallets = [];
+    const otherWallets = [];
+    const orderedInputList = orderAndFilterList(walletList, walletsFilter, isWalletConnectList);
+    orderedInputList.forEach((wallet) => {
+        if (isEmailWalletConnector(wallet.walletConnector) ||
+            isSocialWalletConnector(wallet.walletConnector)) {
+            return;
+        }
+        else if ((lastUsedWalletName === null || lastUsedWalletName === void 0 ? void 0 : lastUsedWalletName.toLowerCase()) === wallet.name.toLowerCase()) {
+            lastUsedWallet = wallet;
+        }
+        else if (wallet.isInstalledOnBrowser) {
+            installedWallets.push(wallet);
+        }
+        else {
+            otherWallets.push(wallet);
+        }
+    });
+    const installedUsedWallets = [
+        ...(signWithEmailWallet ? [signWithEmailWallet] : []),
+        ...(lastUsedWallet ? [lastUsedWallet] : []),
+        ...installedWallets,
+    ];
+    const updatedNumberOfWalletsToShow = !hasWalletFilter
+        ? numberOfWalletsToShow
+        : calculateWithFilterNumberOfWalletsToShow(orderedInputList, installedUsedWallets, numberOfWalletsToShow);
+    const finalizedList = [...installedUsedWallets, ...otherWallets];
+    return {
+        numberOfWallets: finalizedList.length,
+        walletsList: listToDisplay(finalizedList, searchFilter, isWalletConnectList, updatedNumberOfWalletsToShow, hasWalletFilter, loginWithEmail),
+    };
+};
+// We want to show the full list of wallets when we render the wallet connect list even
+// if a filter was applied to the main page
+const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList) => {
+    if (!isWalletConnectList && walletsFilter) {
+        return walletsFilter(sortedInputList(walletList));
+    }
+    else {
+        return sortedInputList(walletList);
+    }
+};
+const listToDisplay = (finalizedList, searchFilter, isWalletConnectList, numberOfWalletsToShow, hasWalletFilter, loginWithEmail) => {
+    if (searchFilter) {
+        return finalizedList.filter((wallet) => wallet.name.toLowerCase().includes(searchFilter.trim().toLowerCase()));
+    }
+    else if (isWalletConnectList) {
+        return finalizedList;
+    }
+    else if (loginWithEmail) {
+        return finalizedList.slice(0, numberOfWalletsToShow);
+    }
+    else {
+        const list = finalizedList.map((wallet) => wallet.name.toLowerCase());
+        const offset = getCalculatedOffset({
+            defaultOffset: numberOfWalletsToShow,
+            hasWalletFilter,
+            list,
+            priorityList: PRIORITY_WALLET_LIST,
+        });
+        return finalizedList.slice(0, offset);
+    }
+};
+/**
+ * When a filter is applied we would like to show the installed + last used wallets
+ * in addition to the wallets that the filter has specified.
+ * This calculation adds an offset to numberOfWalletsToShow so we will show the
+ * intended wallets + installed and last used.
+ *
+ * For example:
+ * we want to show 4 wallets: ['metamask', 'rainbow', 'walletconnect', 'coinbase']
+ * and someone is using brave with installed phantom he should see
+ * [ 'brave injected', phantom ,'metamask', 'rainbow', 'walletconnect', 'coinbase',]
+ *
+ */
+const calculateWithFilterNumberOfWalletsToShow = (allWalletsOrdered, installedOrUsedWallets, numberOfWalletsToShow) => {
+    const filteredWallets = allWalletsOrdered.slice(0, numberOfWalletsToShow);
+    const offset = installedOrUsedWallets.filter((wallet) => !filteredWallets.includes(wallet)).length;
+    return numberOfWalletsToShow + offset;
+};
+const getSignWithEmailWallet = (signWithEmailWalletName, inputList) => {
+    let walletOverride;
+    if (signWithEmailWalletName) {
+        const walletToReplicate = inputList.find((wallet) => wallet.name === signWithEmailWalletName &&
+            wallet.walletConnector.canConnectViaCustodialService);
+        if (walletToReplicate) {
+            walletOverride = Object.assign({}, walletToReplicate);
+            walletOverride.name = SIGN_IN_WITH_EMAIL_WALLET_NAME;
+        }
+    }
+    return walletOverride;
 };
 
 export { PRIORITY_WALLET_LIST, SIGN_IN_WITH_EMAIL_WALLET_NAME, walletListBuilder };

package/src/lib/utils/hooks/authenticationHooks/helpers/index.d.ts

@@ -1,2 +1,2 @@
-export { showPendingConnectView } from './showPendingConnectView';
-export { isConnectOnly } from './isConnectOnly';
+export { showPendingConnectView } from './showPendingConnectView';
+export { isConnectOnly } from './isConnectOnly';

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const isConnectOnly = (user, authMode) => {
-    // we need to check for user because of connect-only (authenticated)
-    // and linking a new wallet in mutliwallet
-    const linking = user !== undefined;
-    const connectOnly = authMode === 'connect-only' && !linking;
-    return connectOnly;
+const isConnectOnly = (user, authMode) => {
+    // we need to check for user because of connect-only (authenticated)
+    // and linking a new wallet in mutliwallet
+    const linking = user !== undefined;
+    const connectOnly = authMode === 'connect-only' && !linking;
+    return connectOnly;
 };
 
 exports.isConnectOnly = isConnectOnly;

package/src/lib/utils/hooks/authenticationHooks/helpers/isConnectOnly.d.ts

@@ -1,2 +1,2 @@
-import { AuthModeType, UserProfile } from '../../../../shared';
-export declare const isConnectOnly: (user: UserProfile | undefined, authMode: AuthModeType) => boolean;
+import { AuthModeType, UserProfile } from '../../../../shared';
+export declare const isConnectOnly: (user: UserProfile | undefined, authMode: AuthModeType) => boolean;

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

@@ -1,9 +1,9 @@
-const isConnectOnly = (user, authMode) => {
-    // we need to check for user because of connect-only (authenticated)
-    // and linking a new wallet in mutliwallet
-    const linking = user !== undefined;
-    const connectOnly = authMode === 'connect-only' && !linking;
-    return connectOnly;
+const isConnectOnly = (user, authMode) => {
+    // we need to check for user because of connect-only (authenticated)
+    // and linking a new wallet in mutliwallet
+    const linking = user !== undefined;
+    const connectOnly = authMode === 'connect-only' && !linking;
+    return connectOnly;
 };
 
 export { isConnectOnly };

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

@@ -5,27 +5,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var getWalletProvider = require('../../../functions/getWalletProvider/getWalletProvider.cjs');
 
-const specialCareWallets = ['slope', 'myalgo'];
-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
-    // They have their own view with qrCode so we don't need to show the pending connect view
-    if (walletProvider === 'walletConnect' || walletProvider === 'qrCode') {
-        return;
-    }
-    specialCareWallets.forEach((wallet) => {
-        if (walletConnector.key === wallet) {
-            // Slope and some other wallets works different as Justin mentioned in this commit:
-            // https://github.com/dynamic-labs/DynamicAuth/commit/57233d3620611bc91439f3d4587b8516f8d16f99
-            // It needs to show the connect view before getting connected accounts
-            setView('pending-connect');
-        }
-    });
-    const connectedAccounts = yield walletConnector.getConnectedAccounts();
-    /* istanbul ignore else */
-    if (connectedAccounts.length === 0) {
-        setView('pending-connect');
-    }
+const specialCareWallets = ['slope', 'myalgo'];
+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
+    // They have their own view with qrCode so we don't need to show the pending connect view
+    if (walletProvider === 'walletConnect' || walletProvider === 'qrCode') {
+        return;
+    }
+    specialCareWallets.forEach((wallet) => {
+        if (walletConnector.key === wallet) {
+            // Slope and some other wallets works different as Justin mentioned in this commit:
+            // https://github.com/dynamic-labs/DynamicAuth/commit/57233d3620611bc91439f3d4587b8516f8d16f99
+            // It needs to show the connect view before getting connected accounts
+            setView('pending-connect');
+        }
+    });
+    const connectedAccounts = yield walletConnector.getConnectedAccounts();
+    /* istanbul ignore else */
+    if (connectedAccounts.length === 0) {
+        setView('pending-connect');
+    }
 });
 
 exports.showPendingConnectView = showPendingConnectView;

package/src/lib/utils/hooks/authenticationHooks/helpers/showPendingConnectView.d.ts

@@ -1,3 +1,3 @@
-import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { ViewType } from '../../../../context/ViewContext';
-export declare const showPendingConnectView: (walletConnector: WalletConnector, setView: (view: ViewType) => void) => Promise<void>;
+import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { ViewType } from '../../../../context/ViewContext';
+export declare const showPendingConnectView: (walletConnector: WalletConnector, setView: (view: ViewType) => void) => Promise<void>;

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

@@ -1,27 +1,27 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { getWalletProvider } from '../../../functions/getWalletProvider/getWalletProvider.js';
 
-const specialCareWallets = ['slope', 'myalgo'];
-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
-    // They have their own view with qrCode so we don't need to show the pending connect view
-    if (walletProvider === 'walletConnect' || walletProvider === 'qrCode') {
-        return;
-    }
-    specialCareWallets.forEach((wallet) => {
-        if (walletConnector.key === wallet) {
-            // Slope and some other wallets works different as Justin mentioned in this commit:
-            // https://github.com/dynamic-labs/DynamicAuth/commit/57233d3620611bc91439f3d4587b8516f8d16f99
-            // It needs to show the connect view before getting connected accounts
-            setView('pending-connect');
-        }
-    });
-    const connectedAccounts = yield walletConnector.getConnectedAccounts();
-    /* istanbul ignore else */
-    if (connectedAccounts.length === 0) {
-        setView('pending-connect');
-    }
+const specialCareWallets = ['slope', 'myalgo'];
+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
+    // They have their own view with qrCode so we don't need to show the pending connect view
+    if (walletProvider === 'walletConnect' || walletProvider === 'qrCode') {
+        return;
+    }
+    specialCareWallets.forEach((wallet) => {
+        if (walletConnector.key === wallet) {
+            // Slope and some other wallets works different as Justin mentioned in this commit:
+            // https://github.com/dynamic-labs/DynamicAuth/commit/57233d3620611bc91439f3d4587b8516f8d16f99
+            // It needs to show the connect view before getting connected accounts
+            setView('pending-connect');
+        }
+    });
+    const connectedAccounts = yield walletConnector.getConnectedAccounts();
+    /* istanbul ignore else */
+    if (connectedAccounts.length === 0) {
+        setView('pending-connect');
+    }
 });
 
 export { showPendingConnectView };

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

@@ -1,3 +1,3 @@
-export { useConnectAndSign } from './useConnectAndSign';
-export { useSignConnectOnlyUser } from './useSignConnectOnlyUser';
-export { useConnectAndSignSplitSteps } from './useConnectAndSignSplitSteps';
+export { useConnectAndSign } from './useConnectAndSign';
+export { useSignConnectOnlyUser } from './useSignConnectOnlyUser';
+export { useConnectAndSignSplitSteps } from './useConnectAndSignSplitSteps';

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/index.d.ts

@@ -1 +1 @@
-export { useConnectAndSign } from './useConnectAndSign';
+export { useConnectAndSign } from './useConnectAndSign';

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

@@ -19,64 +19,64 @@ require('react');
 require('@dynamic-labs/utils');
 var localStorage = require('../../../constants/localStorage.cjs');
 require('../../../constants/colors.cjs');
-require('ethers');
+require('viem');
 require('../../../../shared/consts/index.cjs');
 var useVerifyWallet = require('../../useVerifyWallet/useVerifyWallet.cjs');
 var CaptchaContext = require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 
-const useConnectAndSign = () => {
-    const { setView, goToInitialView } = ViewContext.useViewContext();
-    const { setErrorMessage } = ErrorContext.useErrorContext();
-    const { captchaToken } = CaptchaContext.useCaptchaContext();
-    const { authMode, connectWallet, consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, setShowAuthFlow, user, walletUiUtils, setCallback, } = useInternalDynamicContext.useInternalDynamicContext();
-    const verifyWallet = useVerifyWallet.useVerifyWallet({
-        consumeNonce,
-        displayTermsOfService,
-        environmentId,
-        projectSettings,
-        setIsSingleWalletAccount,
-    });
-    return ({ walletConnector, fetchPublicAddressOpts = undefined, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
-        yield showPendingConnectView.showPendingConnectView(walletConnector, setView);
-        try {
-            if (walletConnectorCore.isEmailWalletConnector(walletConnector)) {
-                if (walletConnectorCore.isEmailOTPWalletConnector(walletConnector)) {
-                    setView('email-wallet-otp-verification-view');
-                }
-                else {
-                    setView('wait-for-email-confirmation-view');
-                }
-            }
-            const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts);
-            setCallback('connectSuccess');
-            if (isConnectOnly.isConnectOnly(user, authMode)) {
-                setToLS.setToLS(localStorage.LAST_USED_WALLET, walletConnector.name);
-                setShowAuthFlow(false);
-                return;
-            }
-            if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _a === void 0 ? void 0 : _a.enabled) {
-                setView('captcha');
-                return;
-            }
-            if (!walletConnectorCore.isEmailWalletConnector(walletConnector)) {
-                setView('pending-signature');
-            }
-            else {
-                walletUiUtils.disabledConfirmationOnce();
-            }
-            yield verifyWallet({
-                captchaToken,
-                publicWalletAddress,
-                walletConnector,
-            });
-        }
-        catch (err) {
-            setErrorMessage((_b = err === null || err === void 0 ? void 0 : err.code) === null || _b === void 0 ? void 0 : _b.toString());
-            goToInitialView();
-            return;
-        }
-    });
+const useConnectAndSign = () => {
+    const { setView, goToInitialView } = ViewContext.useViewContext();
+    const { setErrorMessage } = ErrorContext.useErrorContext();
+    const { captchaToken } = CaptchaContext.useCaptchaContext();
+    const { authMode, connectWallet, consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, setShowAuthFlow, user, walletUiUtils, setCallback, } = useInternalDynamicContext.useInternalDynamicContext();
+    const verifyWallet = useVerifyWallet.useVerifyWallet({
+        consumeNonce,
+        displayTermsOfService,
+        environmentId,
+        projectSettings,
+        setIsSingleWalletAccount,
+    });
+    return ({ walletConnector, fetchPublicAddressOpts = undefined, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        yield showPendingConnectView.showPendingConnectView(walletConnector, setView);
+        try {
+            if (walletConnectorCore.isEmailWalletConnector(walletConnector)) {
+                if (walletConnectorCore.isEmailOTPWalletConnector(walletConnector)) {
+                    setView('email-wallet-otp-verification-view');
+                }
+                else {
+                    setView('wait-for-email-confirmation-view');
+                }
+            }
+            const publicWalletAddress = yield connectWallet(walletConnector, fetchPublicAddressOpts);
+            setCallback('connectSuccess');
+            if (isConnectOnly.isConnectOnly(user, authMode)) {
+                setToLS.setToLS(localStorage.LAST_USED_WALLET, walletConnector.name);
+                setShowAuthFlow(false);
+                return;
+            }
+            if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _a === void 0 ? void 0 : _a.enabled) {
+                setView('captcha');
+                return;
+            }
+            if (!walletConnectorCore.isEmailWalletConnector(walletConnector)) {
+                setView('pending-signature');
+            }
+            else {
+                walletUiUtils.disabledConfirmationOnce();
+            }
+            yield verifyWallet({
+                captchaToken,
+                publicWalletAddress,
+                walletConnector,
+            });
+        }
+        catch (err) {
+            setErrorMessage((_b = err === null || err === void 0 ? void 0 : err.code) === null || _b === void 0 ? void 0 : _b.toString());
+            goToInitialView();
+            return;
+        }
+    });
 };
 
 exports.useConnectAndSign = useConnectAndSign;

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.d.ts

@@ -1,7 +1,7 @@
-import { FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
-type Props = {
-    fetchPublicAddressOpts?: FetchPublicAddressOpts;
-    walletConnector: WalletConnector;
-};
-export declare const useConnectAndSign: () => ({ walletConnector, fetchPublicAddressOpts, }: Props) => Promise<void>;
-export {};
+import { FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+type Props = {
+    fetchPublicAddressOpts?: FetchPublicAddressOpts;
+    walletConnector: WalletConnector;
+};
+export declare const useConnectAndSign: () => ({ walletConnector, fetchPublicAddressOpts, }: Props) => Promise<void>;
+export {};