@dynamic-labs/sdk-react-core 1.0.0-alpha.1 → 1.0.0-alpha.11

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

@@ -17,12 +17,14 @@ require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.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 useIsLoggedIn = require('../useIsLoggedIn/useIsLoggedIn.cjs');
 
 const useConnectedWalletsNetworkValidation = () => {
-    const { connectedWallets, selectedWalletConnector, setSelectedWalletConnectorKey, setShowAuthFlow, showAuthFlow, walletsToConnectByChain, sdkHasLoaded, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { connectedWallets, selectedWalletConnector, setSelectedWalletConnectorKey, setShowAuthFlow, bridgeChainsToConnect, sdkHasLoaded, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
+    const isLoggedIn = useIsLoggedIn.useIsLoggedIn();
     React.useEffect(() => {
         /**
          * This check was added to prevent the "wrong network" modal from appearing
@@ -33,11 +35,11 @@ const useConnectedWalletsNetworkValidation = () => {
          * extra popup because handleLogOut flips sdkHasLoaded to false, so on the
          * next render it will already be false.
          */
-        if (!sdkHasLoaded) {
+        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.isSupportedNetwork({
                 network: connectedWallet.network,
                 walletConnector: connectedWallet.connector,
@@ -57,14 +59,10 @@ const useConnectedWalletsNetworkValidation = () => {
             const networkNotSupportedView = isProgrammableNetworkSwitchSupported.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,
@@ -72,7 +70,8 @@ const useConnectedWalletsNetworkValidation = () => {
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setView,
-        walletsToConnectByChain,
+        bridgeChainsToConnect,
+        isLoggedIn,
     ]);
 };
 

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

@@ -13,12 +13,14 @@ 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, setSelectedWalletConnectorKey, setShowAuthFlow, showAuthFlow, walletsToConnectByChain, sdkHasLoaded, } = useInternalDynamicContext();
+    const { connectedWallets, selectedWalletConnector, setSelectedWalletConnectorKey, setShowAuthFlow, bridgeChainsToConnect, sdkHasLoaded, } = useInternalDynamicContext();
     const { setView } = useViewContext();
+    const isLoggedIn = useIsLoggedIn();
     useEffect(() => {
         /**
          * This check was added to prevent the "wrong network" modal from appearing
@@ -29,11 +31,11 @@ const useConnectedWalletsNetworkValidation = () => {
          * extra popup because handleLogOut flips sdkHasLoaded to false, so on the
          * next render it will already be false.
          */
-        if (!sdkHasLoaded) {
+        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,
@@ -53,14 +55,10 @@ const useConnectedWalletsNetworkValidation = () => {
             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,
@@ -68,7 +66,8 @@ const useConnectedWalletsNetworkValidation = () => {
         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,86 @@
+'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, _b;
+        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 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'));
+        /** It's not authenticated if it's a turnkey wallet that still hasn't created a passkey */
+        const authenticated = Boolean((_b = turnkeyVerifiedCredentials === null || turnkeyVerifiedCredentials === void 0 ? void 0 : turnkeyVerifiedCredentials.walletProperties) === null || _b === void 0 ? void 0 : _b.isAuthenticatorAttached);
+        const passkeyWallet = {
+            address: (yield walletConnector.fetchPublicAddress()) || '',
+            authenticated,
+            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);
+        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,82 @@
+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, _b;
+        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 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'));
+        /** It's not authenticated if it's a turnkey wallet that still hasn't created a passkey */
+        const authenticated = Boolean((_b = turnkeyVerifiedCredentials === null || turnkeyVerifiedCredentials === void 0 ? void 0 : turnkeyVerifiedCredentials.walletProperties) === null || _b === void 0 ? void 0 : _b.isAuthenticatorAttached);
+        const passkeyWallet = {
+            address: (yield walletConnector.fetchPublicAddress()) || '',
+            authenticated,
+            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);
+        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

@@ -17,10 +17,10 @@ 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

@@ -13,10 +13,10 @@ 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

@@ -35,10 +35,13 @@ 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.enabledAt &&
-            (provider.provider === sdkApi.ProviderEnum.MagicLink ||
-                provider.provider === sdkApi.ProviderEnum.Blocto)).length);
+        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,

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

@@ -31,10 +31,13 @@ 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.enabledAt &&
-            (provider.provider === ProviderEnum.MagicLink ||
-                provider.provider === ProviderEnum.Blocto)).length);
+        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,

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

@@ -10,27 +10,29 @@ var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
-require('../../../shared/logger.cjs');
+var logger = require('../../../shared/logger.cjs');
 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');
+var findEmbeddedWalletFromVerifiedCredentials = require('../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.cjs');
+var findTurnkeyWallet = require('../../functions/findTurnkeyWallet/findTurnkeyWallet.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
 require('@dynamic-labs/sdk-api');
-var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
-var isEmbeddedWalletPresent = require('../../functions/isEmbeddedWalletPresent/isEmbeddedWalletPresent.cjs');
-var findEmbeddedWalletFromVerifiedCredentials = require('../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.cjs');
-var findTurnkeyWallet = require('../../functions/findTurnkeyWallet/findTurnkeyWallet.cjs');
 var getUserWalletsFromVerifiedCredentials = require('../../functions/getUserWalletsFromVerifiedCredentials/getUserWalletsFromVerifiedCredentials.cjs');
+var isEmbeddedWalletPresent = require('../../functions/isEmbeddedWalletPresent/isEmbeddedWalletPresent.cjs');
+var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 var smartWallet = require('../useWalletConnectors/utils/smartWallet/smartWallet.cjs');
+var useCreateDynamicEmbeddedWalletMutation = require('../useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.cjs');
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
-    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, wallets, internalSetShowAuthFlow, internalEvents, primaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, internalEvents, primaryWallet, environmentId, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
+    const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation.useCreateDynamicEmbeddedWalletMutation();
     const userHasEmbeddedWallet = () => {
         var _a;
         const jwt = (_a = getAuthToken.getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
@@ -39,65 +41,107 @@ const useEmbeddedWallet = () => {
         }
         return isEmbeddedWalletPresent.isEmbeddedWalletPresent(jwt);
     };
-    const createEmbeddedWallet = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d;
-        const jwt = (_a = getAuthToken.getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
-        if (!jwt) {
-            throw new Error('User is not logged in');
-        }
-        if (!isTurnkeyEnabled.isTurnkeyEnabled(projectSettings)) {
-            throw new Error('Passkey embedded wallet is not enabled. Go to the dashboard and make sure to have both Turnkey/Passkey Embedded wallets and at least one EVM network enabled. Also, check if EthereumWalletConnectors is in the  DynamicContextProvider > settings > walletConnectors.');
-        }
-        const userWaletsCredentials = getUserWalletsFromVerifiedCredentials.getUserWalletsFromVerifiedCredentials(jwt);
-        // if user doesn't have a wallet yet, show the passkey view to create an embedded wallet
-        if (!(userWaletsCredentials === null || userWaletsCredentials === void 0 ? void 0 : userWaletsCredentials.length)) {
-            internalSetShowAuthFlow(true);
-            setView('passkey-intro');
-            return new Promise((resolve, reject) => {
-                internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
-                internalEvents.current.once('embeddedWalletFailed', (error) => reject(error));
+    const startPregeneratedWalletCreationFlow = React.useCallback((jwt, decodedJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        createDynamicEmbeddedWalletMutation({
+            authToken: jwt,
+            decodedJwt,
+            environmentId,
+            walletConnectorOptions,
+            withAuthenticator: false,
+        });
+        internalSetShowAuthFlow(false); // close email otp pin modal
+        return new Promise((resolve, reject) => {
+            internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
+            internalEvents.current.once('embeddedWalletFailed', (error) => reject(error));
+        });
+    }), [
+        createDynamicEmbeddedWalletMutation,
+        environmentId,
+        walletConnectorOptions,
+        internalSetShowAuthFlow,
+        internalEvents,
+    ]);
+    const startEmbeddedWalletCreationFlow = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        internalSetShowAuthFlow(true);
+        setView('passkey-intro');
+        return new Promise((resolve, reject) => {
+            internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
+            internalEvents.current.once('embeddedWalletFailed', (error) => {
+                // when creating a passkey, if user cancels the passkey modal more than once
+                // it will throw this DOMException, but we don't want to let user to have access
+                // to the app before they've a passkey correctly setup
+                if (error instanceof DOMException && error.name === 'NotAllowedError') {
+                    logger.logger.error('User cancelled the passkey creation.', error);
+                    return;
+                }
+                reject(error);
             });
-        }
-        internalSetShowAuthFlow(false);
-        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt);
-        const turnkeyWallet = findTurnkeyWallet.findTurnkeyWallet(wallets);
-        // if user logged in with MM for example, just continue the flow
-        if (!embeddedWalletVerifiedCredential) {
-            return Promise.resolve(primaryWallet);
-        }
+        });
+    });
+    const returnEmbeddedWallet = (jwt, embeddedWalletVerifiedCredential) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
         const decodedJwt = decodeJwt.decodeJwt(jwt);
+        const turnkeyWallet = findTurnkeyWallet.findTurnkeyWallet(walletConnectorOptions);
         // if user already has embedded wallet, set it as primary wallet
         if (decodedJwt) {
-            (_b = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _b === void 0 ? void 0 : _b.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+            (_a = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _a === void 0 ? void 0 : _a.setVerifiedCredentials(decodedJwt.verifiedCredentials);
             const smartWallet$1 = smartWallet.findSmartWallet(embeddedWalletVerifiedCredential, decodedJwt.verifiedCredentials);
             if (smartWallet$1) {
-                setPrimaryWalletId(smartWallet$1.id);
-                smartWallet.initializeSmartWallet({
+                yield smartWallet.initializeSmartWallet({
                     account: smartWallet$1,
                     verifiedCredentials: decodedJwt.verifiedCredentials,
-                    walletOptions: wallets,
+                    walletConnectorOptions,
                 });
+                setPrimaryWalletId(smartWallet$1.id);
             }
             else {
                 setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
             }
         }
+        /** It's not authenticated if it still hasn't created a passkey */
+        const authenticated = Boolean((_b = embeddedWalletVerifiedCredential.walletProperties) === null || _b === void 0 ? void 0 : _b.isAuthenticatorAttached);
         const passkeyWallet = {
             address: (yield ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.fetchPublicAddress())) || '',
+            authenticated,
             chain: ((_d = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _d === void 0 ? void 0 : _d.connectedChain) || '',
             connected: true,
             connector: (turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) || {},
             id: embeddedWalletVerifiedCredential.id,
         };
         return Promise.resolve(passkeyWallet);
+    });
+    const createEmbeddedWallet = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _e, _f, _g;
+        const jwt = (_e = getAuthToken.getAuthToken()) !== null && _e !== void 0 ? _e : onboardingOnlyJwt;
+        const decodedJwt = decodeJwt.decodeJwt(jwt);
+        if (!jwt || !decodedJwt) {
+            throw new Error('User is not logged in');
+        }
+        if (!isTurnkeyEnabled.isTurnkeyEnabled(projectSettings)) {
+            throw new Error('Passkey embedded wallet is not enabled. Go to the dashboard and make sure to have both Turnkey/Passkey Embedded wallets and at least one EVM network enabled. Also, check if EthereumWalletConnectors is in the  DynamicContextProvider > settings > walletConnectors.');
+        }
+        const userWaletsCredentials = getUserWalletsFromVerifiedCredentials.getUserWalletsFromVerifiedCredentials(jwt);
+        // if user doesn't have a wallet yet, show the passkey view to create an embedded wallet
+        if (!(userWaletsCredentials === null || userWaletsCredentials === void 0 ? void 0 : userWaletsCredentials.length)) {
+            if (((_g = (_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWalletSecurityMethods) === null || _f === void 0 ? void 0 : _f.length) !== null && _g !== void 0 ? _g : 0) === 0) {
+                return startPregeneratedWalletCreationFlow(jwt, decodedJwt);
+            }
+            return startEmbeddedWalletCreationFlow();
+        }
+        internalSetShowAuthFlow(false);
+        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt);
+        // if user logged in with MM for example, just continue the flow
+        if (!embeddedWalletVerifiedCredential) {
+            return Promise.resolve(primaryWallet);
+        }
+        // if user already has embedded wallet, returns it
+        return returnEmbeddedWallet(jwt, embeddedWalletVerifiedCredential);
     }), [
-        internalEvents,
         internalSetShowAuthFlow,
         onboardingOnlyJwt,
         projectSettings,
-        setPrimaryWalletId,
-        setView,
-        wallets,
+        startPregeneratedWalletCreationFlow,
+        primaryWallet,
     ]);
     return {
         createEmbeddedWallet,

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

@@ -1,5 +1,5 @@
 import { Wallet } from '../../../shared';
 export declare const useEmbeddedWallet: () => {
-    readonly createEmbeddedWallet: () => Promise<Wallet>;
+    readonly createEmbeddedWallet: () => Promise<Wallet | undefined>;
     readonly userHasEmbeddedWallet: () => boolean;
 };