@dynamic-labs/sdk-react-core 1.0.0-alpha.7 → 1.0.0-alpha.8

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, wallets, 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(wallets),
+        });
+        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,
+                walletOptions: wallets,
+            });
+            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/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'),
@@ -67,13 +69,19 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
             heading: 'Update Network',
         },
         'passkey-recovery-bundle': {
-            heading: t('dyn_passkey_recovery.code.title'),
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.code.title')
+                : t('dyn_passkey_recovery.code.title'),
         },
         'passkey-recovery-complete': {
-            heading: t('dyn_passkey_recovery.complete.title'),
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.complete.title')
+                : t('dyn_passkey_recovery.complete.title'),
         },
         'passkey-recovery-start': {
-            heading: t('dyn_passkey_recovery.start.title'),
+            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'),
@@ -63,13 +65,19 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
             heading: 'Update Network',
         },
         'passkey-recovery-bundle': {
-            heading: t('dyn_passkey_recovery.code.title'),
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.code.title')
+                : t('dyn_passkey_recovery.code.title'),
         },
         'passkey-recovery-complete': {
-            heading: t('dyn_passkey_recovery.complete.title'),
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.complete.title')
+                : t('dyn_passkey_recovery.complete.title'),
         },
         'passkey-recovery-start': {
-            heading: t('dyn_passkey_recovery.start.title'),
+            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/useEmbeddedWallet/useEmbeddedWallet.cjs

@@ -26,11 +26,13 @@ var getUserWalletsFromVerifiedCredentials = require('../../functions/getUserWall
 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, wallets, 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,36 +41,25 @@ const useEmbeddedWallet = () => {
         }
         return isEmbeddedWalletPresent.isEmbeddedWalletPresent(jwt);
     };
-    const createEmbeddedWallet = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        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)) {
-            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);
+    const startPregeneratedWalletCreationFlow = React.useCallback((jwt, decodedJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        createDynamicEmbeddedWalletMutation({
+            authToken: jwt,
+            decodedJwt,
+            environmentId,
+            wallets,
+            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));
+        });
     }), [
-        internalEvents,
-        internalSetShowAuthFlow,
-        onboardingOnlyJwt,
-        projectSettings,
-        setPrimaryWalletId,
-        setView,
+        createDynamicEmbeddedWalletMutation,
+        environmentId,
         wallets,
+        internalSetShowAuthFlow,
+        internalEvents,
     ]);
     const startEmbeddedWalletCreationFlow = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         internalSetShowAuthFlow(true);
@@ -88,12 +79,12 @@ const useEmbeddedWallet = () => {
         });
     });
     const returnEmbeddedWallet = (jwt, embeddedWalletVerifiedCredential) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _b, _c, _d;
+        var _a, _b, _c;
         const decodedJwt = decodeJwt.decodeJwt(jwt);
         const turnkeyWallet = findTurnkeyWallet.findTurnkeyWallet(wallets);
         // 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) {
                 yield smartWallet.initializeSmartWallet({
@@ -108,14 +99,47 @@ const useEmbeddedWallet = () => {
             }
         }
         const passkeyWallet = {
-            address: (yield ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.fetchPublicAddress())) || '',
-            chain: ((_d = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _d === void 0 ? void 0 : _d.connectedChain) || '',
+            address: (yield ((_b = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _b === void 0 ? void 0 : _b.fetchPublicAddress())) || '',
+            chain: ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.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 _d, _e, _f;
+        const jwt = (_d = getAuthToken.getAuthToken()) !== null && _d !== void 0 ? _d : 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 (((_f = (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWalletSecurityMethods) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 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);
+    }), [
+        internalSetShowAuthFlow,
+        onboardingOnlyJwt,
+        projectSettings,
+        startPregeneratedWalletCreationFlow,
+        primaryWallet,
+    ]);
     return {
         createEmbeddedWallet,
         userHasEmbeddedWallet,

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;
 };

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

@@ -22,11 +22,13 @@ import { getUserWalletsFromVerifiedCredentials } from '../../functions/getUserWa
 import { isEmbeddedWalletPresent } from '../../functions/isEmbeddedWalletPresent/isEmbeddedWalletPresent.js';
 import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 import { findSmartWallet, initializeSmartWallet } from '../useWalletConnectors/utils/smartWallet/smartWallet.js';
+import { useCreateDynamicEmbeddedWalletMutation } from '../useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.js';
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
-    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, wallets, internalSetShowAuthFlow, internalEvents, primaryWallet, } = useInternalDynamicContext();
+    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, wallets, internalSetShowAuthFlow, internalEvents, primaryWallet, environmentId, } = useInternalDynamicContext();
     const { setView } = useViewContext();
+    const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation();
     const userHasEmbeddedWallet = () => {
         var _a;
         const jwt = (_a = getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
@@ -35,36 +37,25 @@ const useEmbeddedWallet = () => {
         }
         return isEmbeddedWalletPresent(jwt);
     };
-    const createEmbeddedWallet = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        const jwt = (_a = getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
-        if (!jwt) {
-            throw new Error('User is not logged in');
-        }
-        if (!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(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)) {
-            return startEmbeddedWalletCreationFlow();
-        }
-        internalSetShowAuthFlow(false);
-        const embeddedWalletVerifiedCredential = 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);
+    const startPregeneratedWalletCreationFlow = useCallback((jwt, decodedJwt) => __awaiter(void 0, void 0, void 0, function* () {
+        createDynamicEmbeddedWalletMutation({
+            authToken: jwt,
+            decodedJwt,
+            environmentId,
+            wallets,
+            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));
+        });
     }), [
-        internalEvents,
-        internalSetShowAuthFlow,
-        onboardingOnlyJwt,
-        projectSettings,
-        setPrimaryWalletId,
-        setView,
+        createDynamicEmbeddedWalletMutation,
+        environmentId,
         wallets,
+        internalSetShowAuthFlow,
+        internalEvents,
     ]);
     const startEmbeddedWalletCreationFlow = () => __awaiter(void 0, void 0, void 0, function* () {
         internalSetShowAuthFlow(true);
@@ -84,12 +75,12 @@ const useEmbeddedWallet = () => {
         });
     });
     const returnEmbeddedWallet = (jwt, embeddedWalletVerifiedCredential) => __awaiter(void 0, void 0, void 0, function* () {
-        var _b, _c, _d;
+        var _a, _b, _c;
         const decodedJwt = decodeJwt(jwt);
         const turnkeyWallet = findTurnkeyWallet(wallets);
         // 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 = findSmartWallet(embeddedWalletVerifiedCredential, decodedJwt.verifiedCredentials);
             if (smartWallet) {
                 yield initializeSmartWallet({
@@ -104,14 +95,47 @@ const useEmbeddedWallet = () => {
             }
         }
         const passkeyWallet = {
-            address: (yield ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.fetchPublicAddress())) || '',
-            chain: ((_d = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _d === void 0 ? void 0 : _d.connectedChain) || '',
+            address: (yield ((_b = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _b === void 0 ? void 0 : _b.fetchPublicAddress())) || '',
+            chain: ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.connectedChain) || '',
             connected: true,
             connector: (turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) || {},
             id: embeddedWalletVerifiedCredential.id,
         };
         return Promise.resolve(passkeyWallet);
     });
+    const createEmbeddedWallet = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        var _d, _e, _f;
+        const jwt = (_d = getAuthToken()) !== null && _d !== void 0 ? _d : onboardingOnlyJwt;
+        const decodedJwt = decodeJwt(jwt);
+        if (!jwt || !decodedJwt) {
+            throw new Error('User is not logged in');
+        }
+        if (!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(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 (((_f = (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWalletSecurityMethods) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0) === 0) {
+                return startPregeneratedWalletCreationFlow(jwt, decodedJwt);
+            }
+            return startEmbeddedWalletCreationFlow();
+        }
+        internalSetShowAuthFlow(false);
+        const embeddedWalletVerifiedCredential = 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);
+    }), [
+        internalSetShowAuthFlow,
+        onboardingOnlyJwt,
+        projectSettings,
+        startPregeneratedWalletCreationFlow,
+        primaryWallet,
+    ]);
     return {
         createEmbeddedWallet,
         userHasEmbeddedWallet,

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

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

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

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+
+const useIsTurnkeyWallet = () => {
+    var _a;
+    const { primaryWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const getTurnkeyVerifiedCredential = () => {
+        if (!primaryWallet || !user) {
+            return undefined;
+        }
+        const isPrimaryWalletTurnkey = primaryWallet.connector.key.startsWith('turnkey');
+        if (!isPrimaryWalletTurnkey) {
+            return undefined;
+        }
+        const primaryWalletId = primaryWallet.id;
+        const turnkeyVC = user.verifiedCredentials.find((vc) => vc.id === primaryWalletId);
+        if (!turnkeyVC) {
+            return undefined;
+        }
+        return turnkeyVC;
+    };
+    const turnkeyVerifiedCredential = getTurnkeyVerifiedCredential();
+    const isTurnkeyWallet = Boolean(turnkeyVerifiedCredential);
+    const hasTurnkeyVerifiedCredentialAuthenticator = Boolean((_a = turnkeyVerifiedCredential === null || turnkeyVerifiedCredential === void 0 ? void 0 : turnkeyVerifiedCredential.walletProperties) === null || _a === void 0 ? void 0 : _a.isAuthenticatorAttached);
+    const isTurnkeyWalletWithoutAuthenticator = isTurnkeyWallet && !hasTurnkeyVerifiedCredentialAuthenticator;
+    return {
+        hasTurnkeyVerifiedCredentialAuthenticator,
+        isTurnkeyWallet,
+        isTurnkeyWalletWithoutAuthenticator,
+        turnkeyVerifiedCredential,
+    };
+};
+
+exports.useIsTurnkeyWallet = useIsTurnkeyWallet;

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

@@ -0,0 +1,6 @@
+export declare const useIsTurnkeyWallet: () => {
+    hasTurnkeyVerifiedCredentialAuthenticator: boolean;
+    isTurnkeyWallet: boolean;
+    isTurnkeyWalletWithoutAuthenticator: boolean;
+    turnkeyVerifiedCredential: import("@dynamic-labs/sdk-api").JwtVerifiedCredential | undefined;
+};

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

@@ -0,0 +1,33 @@
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+
+const useIsTurnkeyWallet = () => {
+    var _a;
+    const { primaryWallet, user } = useInternalDynamicContext();
+    const getTurnkeyVerifiedCredential = () => {
+        if (!primaryWallet || !user) {
+            return undefined;
+        }
+        const isPrimaryWalletTurnkey = primaryWallet.connector.key.startsWith('turnkey');
+        if (!isPrimaryWalletTurnkey) {
+            return undefined;
+        }
+        const primaryWalletId = primaryWallet.id;
+        const turnkeyVC = user.verifiedCredentials.find((vc) => vc.id === primaryWalletId);
+        if (!turnkeyVC) {
+            return undefined;
+        }
+        return turnkeyVC;
+    };
+    const turnkeyVerifiedCredential = getTurnkeyVerifiedCredential();
+    const isTurnkeyWallet = Boolean(turnkeyVerifiedCredential);
+    const hasTurnkeyVerifiedCredentialAuthenticator = Boolean((_a = turnkeyVerifiedCredential === null || turnkeyVerifiedCredential === void 0 ? void 0 : turnkeyVerifiedCredential.walletProperties) === null || _a === void 0 ? void 0 : _a.isAuthenticatorAttached);
+    const isTurnkeyWalletWithoutAuthenticator = isTurnkeyWallet && !hasTurnkeyVerifiedCredentialAuthenticator;
+    return {
+        hasTurnkeyVerifiedCredentialAuthenticator,
+        isTurnkeyWallet,
+        isTurnkeyWalletWithoutAuthenticator,
+        turnkeyVerifiedCredential,
+    };
+};
+
+export { useIsTurnkeyWallet };

package/src/lib/views/AccountExistsView/AccountExistsView.cjs

@@ -49,13 +49,13 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('yup');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
+var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('formik');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
 var useFindSocialIcon = require('../../utils/hooks/useFindSocialIcon/useFindSocialIcon.cjs');
 var IconListTile = require('../../components/IconListTile/IconListTile.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');

package/src/lib/views/AccountExistsView/AccountExistsView.js

@@ -45,13 +45,13 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import 'yup';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
+import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'formik';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
 import { useFindSocialIcon } from '../../utils/hooks/useFindSocialIcon/useFindSocialIcon.js';
 import { IconListTile } from '../../components/IconListTile/IconListTile.js';
 import '../../components/InlineWidget/InlineWidget.js';

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs

@@ -40,6 +40,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('formik');
 require('yup');
+var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/MockContext/MockContext.cjs');
@@ -57,7 +58,6 @@ require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
 
 const EmailWalletOTPVerificationView = () => {
     const { setView } = ViewContext.useViewContext();

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js

@@ -36,6 +36,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'formik';
 import 'yup';
+import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/MockContext/MockContext.js';
@@ -53,7 +54,6 @@ import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
 
 const EmailWalletOTPVerificationView = () => {
     const { setView } = useViewContext();

package/src/lib/views/LoginView/sections/SocialSignInSection/MagicSocialSignIn/MagicSocialSignIn.cjs

@@ -46,13 +46,13 @@ require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs')
 require('yup');
 require('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
+var useMutation = require('../../../../../utils/hooks/useMutation/useMutation.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('formik');
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/Alert/Alert.cjs');
 require('../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-var useMutation = require('../../../../../utils/hooks/useMutation/useMutation.cjs');
 require('../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');

package/src/lib/views/LoginView/sections/SocialSignInSection/MagicSocialSignIn/MagicSocialSignIn.js

@@ -42,13 +42,13 @@ import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import 'yup';
 import '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
+import { useMutation } from '../../../../../utils/hooks/useMutation/useMutation.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'formik';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/Alert/Alert.js';
 import '../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useMutation } from '../../../../../utils/hooks/useMutation/useMutation.js';
 import '../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../components/Popper/Popper/Popper.js';

package/src/lib/views/LoginView/sections/SocialSignInSection/SocialSignInSection.cjs

@@ -32,16 +32,13 @@ const SocialSignInSection = ({ sectionData, collapsedLayout, }) => {
         numOfItemsToDisplay: sectionData.numOfItemsToDisplay,
     };
     const isMagicEnabled = isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.MagicLink);
-    const isDynamicEnabled = isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.Dynamic) ||
-        isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.EmailOnly);
     if (isMagicEnabled &&
         ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _b === void 0 ? void 0 : _b.signInProvider) ===
             sdkApi.SignInProviderEnum.MagicLink) {
         return jsxRuntime.jsx(MagicSocialSignIn.MagicSocialSignIn, Object.assign({}, componentProps));
     }
-    if (isDynamicEnabled &&
-        ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _c === void 0 ? void 0 : _c.signInProvider) ===
-            sdkApi.SignInProviderEnum.Dynamic) {
+    if (((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _c === void 0 ? void 0 : _c.signInProvider) ===
+        sdkApi.SignInProviderEnum.Dynamic) {
         return jsxRuntime.jsx(DynamicSocialSignIn.DynamicSocialSignIn, Object.assign({}, componentProps));
     }
     logger.logger.error('Failed to render SocialSignInSection - no sign in provider enabled');