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

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

@@ -7,24 +7,35 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 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';
 import '@dynamic-labs/multi-wallet';
-import { isSupportedNetwork } from '../../functions/isSupportedNetwork/isSupportedNetwork.js';
 import { isProgrammableNetworkSwitchSupported } from '../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.js';
+import { isSupportedNetwork } from '../../functions/isSupportedNetwork/isSupportedNetwork.js';
+import { useIsLoggedIn } from '../useIsLoggedIn/useIsLoggedIn.js';
 
 const useConnectedWalletsNetworkValidation = () => {
-    const { connectedWallets, selectedWalletConnector, setSelectedWalletConnector, setShowAuthFlow, showAuthFlow, walletsToConnectByChain, isBridgeFlow, } = useInternalDynamicContext();
+    const { connectedWallets, selectedWalletConnector, setSelectedWalletConnectorKey, setShowAuthFlow, bridgeChainsToConnect, sdkHasLoaded, } = useInternalDynamicContext();
     const { setView } = useViewContext();
+    const isLoggedIn = useIsLoggedIn();
     useEffect(() => {
-        if (!isBridgeFlow) {
+        /**
+         * This check was added to prevent the "wrong network" modal from appearing
+         * after logging out. It seems like on log out, there is a render where the
+         * connectedWallets hasn't been cleared out yet, so the logic in this hook
+         * runs and ends up showing the "wrong network" modal if the connected wallet
+         * is on an unsupported network. by checking sdkHasLoaded, we prevent this
+         * extra popup because handleLogOut flips sdkHasLoaded to false, so on the
+         * next render it will already be false.
+         */
+        if (!sdkHasLoaded || !isLoggedIn) {
             return;
         }
         const connectedWalletsWithInvalidNetwork = connectedWallets.filter((connectedWallet) => {
-            const isChainInWalletsToConnect = walletsToConnectByChain === null || walletsToConnectByChain === void 0 ? void 0 : walletsToConnectByChain.some((walletToConnectByChain) => walletToConnectByChain.chain === connectedWallet.chain);
+            const isChainInWalletsToConnect = bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.some((walletToConnectByChain) => walletToConnectByChain.chain === connectedWallet.chain);
             const isSupported = isSupportedNetwork({
                 network: connectedWallet.network,
                 walletConnector: connectedWallet.connector,
@@ -35,31 +46,28 @@ const useConnectedWalletsNetworkValidation = () => {
             // If we found wallets that require a change of network
             // then, one by one, in the first one we require a change of network.
             const [connectedWalletWithInvalidNetwork] = connectedWalletsWithInvalidNetwork;
-            // Keeps the first wallet connectedWallet in setSelectedWalletConnector
+            // Keeps the first wallet connectedWallet in setSelectedWalletConnectorKey
             // This is required because NetworkNotSupported uses walletConnector to display wallet icon, address etc.
             if (connectedWalletWithInvalidNetwork.connector.name !==
                 (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name)) {
-                setSelectedWalletConnector(connectedWalletWithInvalidNetwork.connector);
+                setSelectedWalletConnectorKey(connectedWalletWithInvalidNetwork.connector.key);
             }
             const networkNotSupportedView = isProgrammableNetworkSwitchSupported(connectedWalletWithInvalidNetwork.connector)
                 ? 'network-not-supported'
                 : 'network-not-supported-manual';
-            if (!showAuthFlow) {
-                setShowAuthFlow(true);
-            }
+            // Doesn't rerender if it's already true
+            setShowAuthFlow(true);
             setView(networkNotSupportedView);
         }
-        // we need it to remove 'showAuthFlow' property. we don't want to react to it,
-        // because closing modal on network switch causes it to re-open
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
+        sdkHasLoaded,
         connectedWallets,
-        isBridgeFlow,
         selectedWalletConnector,
-        setSelectedWalletConnector,
+        setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setView,
-        walletsToConnectByChain,
+        bridgeChainsToConnect,
+        isLoggedIn,
     ]);
 };
 

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

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

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

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var createEmbeddedWalletWithPasskey = require('../../../views/Passkey/utils/createEmbeddedWalletWithPasskey/createEmbeddedWalletWithPasskey.cjs');
+var findPasskeyEmailWalletConnector = require('../../../views/Passkey/utils/findPasskeyEmailWalletConnector/findPasskeyEmailWalletConnector.cjs');
+var createPregeneratedWallet = require('../../../views/Passkey/utils/createPregeneratedWallet/createPregeneratedWallet.cjs');
+var createUserProfile = require('../../functions/createUserProfile/createUserProfile.cjs');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var index = require('../../functions/storeAuthToken/index.cjs');
+var smartWallet = require('../useWalletConnectors/utils/smartWallet/smartWallet.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var useMutation = require('../useMutation/useMutation.cjs');
+
+const useCreateDynamicEmbeddedWalletMutation = () => {
+    const { setPrimaryWalletId, internalEvents, setCallback, setUser, user, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { mutate: createDynamicEmbeddedWalletMutation, isLoading, error, } = useMutation.useMutation(({ authToken, decodedJwt, environmentId, walletConnectorOptions, withAuthenticator, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const createEmbeddedWalletMethodToUse = withAuthenticator
+            ? createEmbeddedWalletWithPasskey.createEmbeddedWalletWithPasskey
+            : createPregeneratedWallet.createPregeneratedWallet;
+        const { embeddedWalletVerifiedCredential, jwt, decodedJwt: updatedDecodedJwt, walletConnector, } = yield createEmbeddedWalletMethodToUse({
+            authToken,
+            environmentId,
+            user: user !== null && user !== void 0 ? user : createUserProfile.createUserProfile(decodedJwt),
+            walletConnector: findPasskeyEmailWalletConnector.findPasskeyEmailWalletConnector(walletConnectorOptions),
+        });
+        const passkeyWallet = {
+            address: (yield walletConnector.fetchPublicAddress()) || '',
+            chain: walletConnector.connectedChain || '',
+            connected: true,
+            connector: walletConnector,
+            id: embeddedWalletVerifiedCredential.id,
+        };
+        internalEvents.current.emit('embeddedWalletCreated', passkeyWallet);
+        const smartWallet$1 = smartWallet.findSmartWallet(embeddedWalletVerifiedCredential, updatedDecodedJwt.verifiedCredentials);
+        if (smartWallet$1) {
+            yield smartWallet.initializeSmartWallet({
+                account: smartWallet$1,
+                verifiedCredentials: updatedDecodedJwt.verifiedCredentials,
+                walletConnectorOptions,
+            });
+            setPrimaryWalletId(smartWallet$1.id);
+        }
+        else {
+            setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
+        }
+        index.storeAuthToken(jwt);
+        setUser(createUserProfile.createUserProfile(updatedDecodedJwt));
+        setShowAuthFlow(false);
+        const turnkeyVerifiedCredentials = (_a = updatedDecodedJwt === null || updatedDecodedJwt === void 0 ? void 0 : updatedDecodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'));
+        setCallback('embeddedWalletCreated', {
+            email: (turnkeyVerifiedCredentials === null || turnkeyVerifiedCredentials === void 0 ? void 0 : turnkeyVerifiedCredentials.email) || '',
+            verifiedCredential: turnkeyVerifiedCredentials,
+        });
+    }), {
+        onFailure: (err) => {
+            logger.logger.error('Failed to create embedded wallet', err);
+            internalEvents.current.emit('embeddedWalletFailed', err);
+        },
+    });
+    return {
+        createDynamicEmbeddedWalletMutation,
+        error,
+        isLoading,
+    };
+};
+
+exports.useCreateDynamicEmbeddedWalletMutation = useCreateDynamicEmbeddedWalletMutation;

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

@@ -0,0 +1,15 @@
+import { DynamicJwt } from '@dynamic-labs/sdk-api';
+import { WalletOption } from '../../../shared';
+type MutationProps = {
+    authToken: string | undefined;
+    environmentId: string;
+    walletConnectorOptions: WalletOption[];
+    decodedJwt: DynamicJwt;
+    withAuthenticator: boolean;
+};
+export declare const useCreateDynamicEmbeddedWalletMutation: () => {
+    createDynamicEmbeddedWalletMutation: (variables: MutationProps) => void;
+    error: unknown;
+    isLoading: boolean;
+};
+export {};

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

@@ -0,0 +1,79 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { createEmbeddedWalletWithPasskey } from '../../../views/Passkey/utils/createEmbeddedWalletWithPasskey/createEmbeddedWalletWithPasskey.js';
+import { findPasskeyEmailWalletConnector } from '../../../views/Passkey/utils/findPasskeyEmailWalletConnector/findPasskeyEmailWalletConnector.js';
+import { createPregeneratedWallet } from '../../../views/Passkey/utils/createPregeneratedWallet/createPregeneratedWallet.js';
+import { createUserProfile } from '../../functions/createUserProfile/createUserProfile.js';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
+import { findSmartWallet, initializeSmartWallet } from '../useWalletConnectors/utils/smartWallet/smartWallet.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import { useMutation } from '../useMutation/useMutation.js';
+
+const useCreateDynamicEmbeddedWalletMutation = () => {
+    const { setPrimaryWalletId, internalEvents, setCallback, setUser, user, setShowAuthFlow, } = useInternalDynamicContext();
+    const { mutate: createDynamicEmbeddedWalletMutation, isLoading, error, } = useMutation(({ authToken, decodedJwt, environmentId, walletConnectorOptions, withAuthenticator, }) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const createEmbeddedWalletMethodToUse = withAuthenticator
+            ? createEmbeddedWalletWithPasskey
+            : createPregeneratedWallet;
+        const { embeddedWalletVerifiedCredential, jwt, decodedJwt: updatedDecodedJwt, walletConnector, } = yield createEmbeddedWalletMethodToUse({
+            authToken,
+            environmentId,
+            user: user !== null && user !== void 0 ? user : createUserProfile(decodedJwt),
+            walletConnector: findPasskeyEmailWalletConnector(walletConnectorOptions),
+        });
+        const passkeyWallet = {
+            address: (yield walletConnector.fetchPublicAddress()) || '',
+            chain: walletConnector.connectedChain || '',
+            connected: true,
+            connector: walletConnector,
+            id: embeddedWalletVerifiedCredential.id,
+        };
+        internalEvents.current.emit('embeddedWalletCreated', passkeyWallet);
+        const smartWallet = findSmartWallet(embeddedWalletVerifiedCredential, updatedDecodedJwt.verifiedCredentials);
+        if (smartWallet) {
+            yield initializeSmartWallet({
+                account: smartWallet,
+                verifiedCredentials: updatedDecodedJwt.verifiedCredentials,
+                walletConnectorOptions,
+            });
+            setPrimaryWalletId(smartWallet.id);
+        }
+        else {
+            setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
+        }
+        storeAuthToken(jwt);
+        setUser(createUserProfile(updatedDecodedJwt));
+        setShowAuthFlow(false);
+        const turnkeyVerifiedCredentials = (_a = updatedDecodedJwt === null || updatedDecodedJwt === void 0 ? void 0 : updatedDecodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'));
+        setCallback('embeddedWalletCreated', {
+            email: (turnkeyVerifiedCredentials === null || turnkeyVerifiedCredentials === void 0 ? void 0 : turnkeyVerifiedCredentials.email) || '',
+            verifiedCredential: turnkeyVerifiedCredentials,
+        });
+    }), {
+        onFailure: (err) => {
+            logger.error('Failed to create embedded wallet', err);
+            internalEvents.current.emit('embeddedWalletFailed', err);
+        },
+    });
+    return {
+        createDynamicEmbeddedWalletMutation,
+        error,
+        isLoading,
+    };
+};
+
+export { useCreateDynamicEmbeddedWalletMutation };

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

@@ -12,15 +12,15 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 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');
-var index = require('../../functions/storeAuthToken/index.cjs');
-require('@dynamic-labs/multi-wallet');
 var createUserProfile = require('../../functions/createUserProfile/createUserProfile.cjs');
+require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/sdk-api');
+var index = require('../../functions/storeAuthToken/index.cjs');
 
 const useCreateUserProfileByJWTCallback = () => {
     const { setUser, handleLogOut } = useInternalDynamicContext.useInternalDynamicContext();

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

@@ -8,15 +8,15 @@ import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 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';
-import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
-import '@dynamic-labs/multi-wallet';
 import { createUserProfile } from '../../functions/createUserProfile/createUserProfile.js';
+import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/sdk-api';
+import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
 
 const useCreateUserProfileByJWTCallback = () => {
     const { setUser, handleLogOut } = useInternalDynamicContext();

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

@@ -5,9 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 var iconic = require('@dynamic-labs/iconic');
+var useIsTurnkeyWallet = require('../useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
 
 const useDynamicLayoutData = ({ view, authMode, }) => {
     const { t } = reactI18next.useTranslation();
+    const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     if (view === 'no-access') {
         const headerData = {
             heading: t('dyn_no_access.title'),
@@ -66,6 +68,21 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
         'network-not-supported': {
             heading: 'Update Network',
         },
+        'passkey-recovery-bundle': {
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.code.title')
+                : t('dyn_passkey_recovery.code.title'),
+        },
+        'passkey-recovery-complete': {
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.complete.title')
+                : t('dyn_passkey_recovery.complete.title'),
+        },
+        'passkey-recovery-start': {
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.start.title')
+                : t('dyn_passkey_recovery.start.title'),
+        },
         'pending-connect': {
             heading: t('dyn_login.connect_wallet.title'),
         },

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

@@ -1,9 +1,11 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { WalletConnectIcon } from '@dynamic-labs/iconic';
+import { useIsTurnkeyWallet } from '../useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 
 const useDynamicLayoutData = ({ view, authMode, }) => {
     const { t } = useTranslation();
+    const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();
     if (view === 'no-access') {
         const headerData = {
             heading: t('dyn_no_access.title'),
@@ -62,6 +64,21 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
         'network-not-supported': {
             heading: 'Update Network',
         },
+        'passkey-recovery-bundle': {
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.code.title')
+                : t('dyn_passkey_recovery.code.title'),
+        },
+        'passkey-recovery-complete': {
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.complete.title')
+                : t('dyn_passkey_recovery.complete.title'),
+        },
+        'passkey-recovery-start': {
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.start.title')
+                : t('dyn_passkey_recovery.start.title'),
+        },
         'pending-connect': {
             heading: t('dyn_login.connect_wallet.title'),
         },

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

@@ -10,6 +10,19 @@ var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 var useWalletItemActions = require('../useWalletItemActions/useWalletItemActions.cjs');
 var useConnectWithEmail = require('../useConnectWithEmail/useConnectWithEmail.cjs');
 var api = require('../../../data/api.cjs');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 
 const useEmailProvider = ({ emailWalletConnector }) => {
     const { projectSettings, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
@@ -22,11 +35,16 @@ const useEmailProvider = ({ emailWalletConnector }) => {
     });
     const { providers } = projectSettings || {};
     const isInjectedWalletProviderEnabled = emailWalletConnector !== undefined;
+    // this is enabled in the sense that we could use the given provider in the email form
+    // for magic, as long as there are magic credentials available, then could have an email
+    // address that is a magic address, even if magic was previously turned off in dashboard
     const isMagicOrBloctoEnabled = isInjectedWalletProviderEnabled &&
-        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => provider.provider === sdkApi.ProviderEnum.MagicLink ||
-            provider.provider === sdkApi.ProviderEnum.Blocto).length);
-    const handleEmailOnlyLoginSubmit = (emailInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => (provider.provider === sdkApi.ProviderEnum.MagicLink &&
+            Boolean(provider.providerProjectId)) ||
+            (provider.enabledAt && provider.provider === sdkApi.ProviderEnum.Blocto)).length);
+    const handleEmailOnlyLoginSubmit = (emailInput, captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const { email, verificationUUID } = yield api.createEmailVerification({
+            captchaToken,
             email: emailInput,
             environmentId,
         });
@@ -37,17 +55,37 @@ const useEmailProvider = ({ emailWalletConnector }) => {
     const handleMagicLinkOrBloctoSubmit = (emailInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         yield connectWithEmail(emailInput);
     });
-    const submitEmail = (emailInput) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const submitEmail = (emailInput, captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (isMagicOrBloctoEnabled) {
             yield handleMagicLinkOrBloctoSubmit(emailInput);
             return;
         }
-        yield handleEmailOnlyLoginSubmit(emailInput);
+        yield handleEmailOnlyLoginSubmit(emailInput, captchaToken);
+    });
+    const handleEmailSubmitWithOptionalCaptcha = (emailInput, captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if ((emailWalletConnector !== undefined ||
+            isTurnkeyEnabled.isTurnkeyEnabled(projectSettings)) &&
+            (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.confirmEmailProviderForVerify)) {
+            // see: https://linear.app/dynamic-labs/issue/DYN-2517
+            // if confirmWalletTransfers setting is true, check api first to confirm emailProvider
+            const { emailProvider } = yield api.getEmailProvider({
+                email: emailInput,
+                environmentId,
+            });
+            // For v0.19 we will support emailOnly and Dynamic as email providers
+            // For v0.20/v1 we need to remove emailOnly and leave Dynamic as the only one email provider
+            // Ticket: https://linear.app/dynamic-labs/issue/GVTY-213/remove-emailonly-as-a-provider-from-sdk
+            if (emailProvider === sdkApi.ProviderEnum.EmailOnly ||
+                emailProvider === sdkApi.ProviderEnum.Dynamic) {
+                yield handleEmailOnlyLoginSubmit(emailInput, captchaToken);
+                return;
+            }
+        }
+        yield submitEmail(emailInput, captchaToken);
     });
     return {
-        handleEmailOnlyLoginSubmit,
+        handleEmailSubmitWithOptionalCaptcha,
         isEmailProviderLoading,
-        submitEmail,
     };
 };
 

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

@@ -3,8 +3,7 @@ type Props = {
     emailWalletConnector: IEmailWalletConnector | undefined;
 };
 export declare const useEmailProvider: ({ emailWalletConnector }: Props) => {
-    handleEmailOnlyLoginSubmit: (emailInput: string) => Promise<void>;
+    handleEmailSubmitWithOptionalCaptcha: (emailInput: string, captchaToken?: string) => Promise<void>;
     isEmailProviderLoading: boolean;
-    submitEmail: (emailInput: string) => Promise<void>;
 };
 export {};

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

@@ -5,7 +5,20 @@ import { useEmailVerificationContext } from '../../../context/EmailVerificationC
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import { useWalletItemActions } from '../useWalletItemActions/useWalletItemActions.js';
 import { useConnectWithEmail } from '../useConnectWithEmail/useConnectWithEmail.js';
-import { createEmailVerification } from '../../../data/api.js';
+import { getEmailProvider, createEmailVerification } from '../../../data/api.js';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 
 const useEmailProvider = ({ emailWalletConnector }) => {
     const { projectSettings, environmentId } = useInternalDynamicContext();
@@ -18,11 +31,16 @@ const useEmailProvider = ({ emailWalletConnector }) => {
     });
     const { providers } = projectSettings || {};
     const isInjectedWalletProviderEnabled = emailWalletConnector !== undefined;
+    // this is enabled in the sense that we could use the given provider in the email form
+    // for magic, as long as there are magic credentials available, then could have an email
+    // address that is a magic address, even if magic was previously turned off in dashboard
     const isMagicOrBloctoEnabled = isInjectedWalletProviderEnabled &&
-        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => provider.provider === ProviderEnum.MagicLink ||
-            provider.provider === ProviderEnum.Blocto).length);
-    const handleEmailOnlyLoginSubmit = (emailInput) => __awaiter(void 0, void 0, void 0, function* () {
+        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => (provider.provider === ProviderEnum.MagicLink &&
+            Boolean(provider.providerProjectId)) ||
+            (provider.enabledAt && provider.provider === ProviderEnum.Blocto)).length);
+    const handleEmailOnlyLoginSubmit = (emailInput, captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
         const { email, verificationUUID } = yield createEmailVerification({
+            captchaToken,
             email: emailInput,
             environmentId,
         });
@@ -33,17 +51,37 @@ const useEmailProvider = ({ emailWalletConnector }) => {
     const handleMagicLinkOrBloctoSubmit = (emailInput) => __awaiter(void 0, void 0, void 0, function* () {
         yield connectWithEmail(emailInput);
     });
-    const submitEmail = (emailInput) => __awaiter(void 0, void 0, void 0, function* () {
+    const submitEmail = (emailInput, captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
         if (isMagicOrBloctoEnabled) {
             yield handleMagicLinkOrBloctoSubmit(emailInput);
             return;
         }
-        yield handleEmailOnlyLoginSubmit(emailInput);
+        yield handleEmailOnlyLoginSubmit(emailInput, captchaToken);
+    });
+    const handleEmailSubmitWithOptionalCaptcha = (emailInput, captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
+        if ((emailWalletConnector !== undefined ||
+            isTurnkeyEnabled(projectSettings)) &&
+            (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.confirmEmailProviderForVerify)) {
+            // see: https://linear.app/dynamic-labs/issue/DYN-2517
+            // if confirmWalletTransfers setting is true, check api first to confirm emailProvider
+            const { emailProvider } = yield getEmailProvider({
+                email: emailInput,
+                environmentId,
+            });
+            // For v0.19 we will support emailOnly and Dynamic as email providers
+            // For v0.20/v1 we need to remove emailOnly and leave Dynamic as the only one email provider
+            // Ticket: https://linear.app/dynamic-labs/issue/GVTY-213/remove-emailonly-as-a-provider-from-sdk
+            if (emailProvider === ProviderEnum.EmailOnly ||
+                emailProvider === ProviderEnum.Dynamic) {
+                yield handleEmailOnlyLoginSubmit(emailInput, captchaToken);
+                return;
+            }
+        }
+        yield submitEmail(emailInput, captchaToken);
     });
     return {
-        handleEmailOnlyLoginSubmit,
+        handleEmailSubmitWithOptionalCaptcha,
         isEmailProviderLoading,
-        submitEmail,
     };
 };