@dynamic-labs/sdk-react-core 2.0.0-alpha.4 → 2.0.0-alpha.6

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

@@ -0,0 +1,214 @@
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { useMemo, useCallback } from 'react';
+import { PasswordSourceTypeEnum, ChainEnum } from '@dynamic-labs/sdk-api';
+import { isCoinbaseMpcWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { DynamicError } from '@dynamic-labs/utils';
+import { createUserProfile } from '../../../functions/createUserProfile/createUserProfile.js';
+import { findEmbeddedWalletFromVerifiedCredentials } from '../../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
+import '../../../constants/values.js';
+import '@dynamic-labs/multi-wallet';
+import { getAuthToken } from '../../../functions/getAuthToken/getAuthToken.js';
+import 'react-international-phone';
+import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../../../context/ViewContext/ViewContext.js';
+import { logger } from '../../../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
+import '../../../constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import { generateRandomPassword } from '../../../../shared/utils/functions/generateRandomPassword/generateRandomPassword.js';
+import '../../../../shared/consts/index.js';
+import { getVerifyArgs } from '../../../functions/getVerifyArgs/getVerifyArgs.js';
+import { storeAuthToken } from '../../../functions/storeAuthToken/index.js';
+import 'viem/chains';
+import { findCoinbaseMPCWallet } from '../../../functions/findCoinbaseMPCWallet/findCoinbaseMPCWallet.js';
+import { getCoinbaseMPCConnectorFetchers } from '../../../functions/getCoinbaseMPCConnectorFetchers/getCoinbaseMPCConnectorFetchers.js';
+import '../../../../context/DynamicContext/DynamicContext.js';
+import '../../../../events/dynamicEvents.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../../context/AccountExistsContext/AccountExistsContext.js';
+import { linkWallet } from '../../../../data/api.js';
+import { getSiweStatement } from '../../../functions/getSiweStatement/getSiweStatement.js';
+import '../../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../../../context/WalletContext/WalletContext.js';
+import '../../../../context/ThemeContext/ThemeContext.js';
+import '@dynamic-labs/types';
+import 'yup';
+import 'react-i18next';
+import '../../../../context/MockContext/MockContext.js';
+import '../../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../../components/Alert/Alert.js';
+import '../../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../../components/IconButton/IconButton.js';
+import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/Input/Input.js';
+import '../../../../components/IsBrowser/IsBrowser.js';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../../components/Popper/Popper/Popper.js';
+import '../../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'formik';
+import 'qrcode';
+import '../../../../views/WalletList/WalletList.js';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../context/FooterAnimationContext/index.js';
+import '../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+
+const DYNAMIC_PASSWORD_LENGTH = 20;
+const useCoinbaseMPC = () => {
+    const { setPrimaryWalletId, walletConnectorOptions, environmentId, consumeNonce, displaySiweStatement, appName, siweStatement, setUser, onboardingOnlyJwt, handleLogOut, } = useInternalDynamicContext();
+    const { setError } = useErrorContext();
+    const fetchAuthToken = useMemo(() => {
+        const authToken = getAuthToken() || onboardingOnlyJwt;
+        if (!authToken) {
+            return;
+        }
+        return getCoinbaseMPCConnectorFetchers({ authToken, environmentId })
+            .fetchAuthToken;
+    }, [environmentId, onboardingOnlyJwt]);
+    const returnExistingCoinbaseMPCWallet = useCallback((connector, decodedJwt, embeddedWalletVerifiedCredential) => __awaiter(void 0, void 0, void 0, function* () {
+        if (fetchAuthToken) {
+            connector.setAuthTokenFetcher(fetchAuthToken);
+        }
+        connector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+        setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
+        const coinbaseMPCWallet = {
+            address: (yield (connector === null || connector === void 0 ? void 0 : connector.fetchPublicAddress())) || '',
+            authenticated: true,
+            chain: (connector === null || connector === void 0 ? void 0 : connector.connectedChain) || '',
+            connected: true,
+            connector,
+            id: embeddedWalletVerifiedCredential.id,
+        };
+        return coinbaseMPCWallet;
+    }), [fetchAuthToken, setPrimaryWalletId]);
+    const linkCoinbaseMPCWallet = useCallback(({ connector, backupCode, password, source, jwt, }) => __awaiter(void 0, void 0, void 0, function* () {
+        const nonce = consumeNonce();
+        if (nonce === undefined)
+            throw new DynamicError('Missing nonce');
+        const address = yield connector.fetchPublicAddress();
+        if (!address)
+            throw new DynamicError('Missing address');
+        const verifyArgs = yield getVerifyArgs({
+            displaySiweStatement,
+            environmentId,
+            nonce,
+            publicWalletAddress: address,
+            siweStatement: getSiweStatement({ appName, siweStatement }),
+            walletConnector: connector,
+            walletProvider: 'embeddedWallet',
+        });
+        const passcodeArgs = source === PasswordSourceTypeEnum.Dynamic
+            ? { password, passwordSource: source }
+            : {};
+        const updatedJwt = yield linkWallet(environmentId, Object.assign(Object.assign(Object.assign({}, passcodeArgs), verifyArgs), { backup: backupCode }), jwt);
+        const decodedJwt = decodeJwt(updatedJwt);
+        if (!updatedJwt || decodedJwt === undefined)
+            throw new DynamicError('Invalid token!');
+        const user = yield createUserProfile(decodedJwt);
+        const newSelectedCredentialWallet = user.verifiedCredentials.find((cred) => cred.id === user.lastVerifiedCredentialId &&
+            cred.format === 'blockchain');
+        if (!newSelectedCredentialWallet) {
+            throw new DynamicError('No primary wallet found');
+        }
+        setPrimaryWalletId(newSelectedCredentialWallet.id);
+        storeAuthToken(updatedJwt);
+        setUser(user);
+        connector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+        return newSelectedCredentialWallet.id;
+    }), [
+        appName,
+        consumeNonce,
+        displaySiweStatement,
+        environmentId,
+        setPrimaryWalletId,
+        setUser,
+        siweStatement,
+    ]);
+    const createNewCoinbaseMPCWallet = useCallback((connector, jwt, password) => __awaiter(void 0, void 0, void 0, function* () {
+        const initialWalletPassword = password
+            ? password
+            : generateRandomPassword(DYNAMIC_PASSWORD_LENGTH);
+        if (fetchAuthToken) {
+            connector.setAuthTokenFetcher(fetchAuthToken);
+        }
+        const source = password
+            ? PasswordSourceTypeEnum.User
+            : PasswordSourceTypeEnum.Dynamic;
+        try {
+            const backupCode = yield connector.generateWallet(source, initialWalletPassword);
+            const walletId = yield linkCoinbaseMPCWallet({
+                backupCode,
+                connector,
+                jwt,
+                password: initialWalletPassword,
+                source,
+            });
+            const coinbaseMPCWallet = {
+                address: (yield (connector === null || connector === void 0 ? void 0 : connector.fetchPublicAddress())) || '',
+                authenticated: true,
+                chain: (connector === null || connector === void 0 ? void 0 : connector.connectedChain) || '',
+                connected: true,
+                connector,
+                id: walletId,
+            };
+            return coinbaseMPCWallet;
+        }
+        catch (error) {
+            logger.error(error);
+            if (error instanceof DynamicError &&
+                error.code === 'create_embedded_wallet_error') {
+                yield handleLogOut();
+                setError(error.message);
+            }
+        }
+        return undefined;
+    }), [fetchAuthToken, linkCoinbaseMPCWallet, handleLogOut, setError]);
+    const createCoinbaseMPCWallet = useCallback((jwt, decodedJwt, chain = ChainEnum.Evm, password) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const connector = (_a = findCoinbaseMPCWallet(walletConnectorOptions)) === null || _a === void 0 ? void 0 : _a.walletConnector;
+        if (!connector || !isCoinbaseMpcWalletConnector(connector)) {
+            return;
+        }
+        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt, chain);
+        // if user already has embedded wallet, set it as primary wallet and return
+        if (embeddedWalletVerifiedCredential) {
+            return returnExistingCoinbaseMPCWallet(connector, decodedJwt, embeddedWalletVerifiedCredential);
+        }
+        return createNewCoinbaseMPCWallet(connector, jwt, password);
+    }), [
+        walletConnectorOptions,
+        createNewCoinbaseMPCWallet,
+        returnExistingCoinbaseMPCWallet,
+    ]);
+    return {
+        createCoinbaseMPCWallet,
+    };
+};
+
+export { useCoinbaseMPC };

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

@@ -22,16 +22,23 @@ require('../../../shared/consts/index.cjs');
 require('../../../events/dynamicEvents.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
+var findEmbeddedWalletFromVerifiedCredentials = require('../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
+require('react-international-phone');
 var isEmbeddedWalletPresent = require('../../functions/isEmbeddedWalletPresent/isEmbeddedWalletPresent.cjs');
 var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 require('viem/chains');
+var requiresPasswordForEmbeddedWalletOnSignup = require('../../functions/requiresPasswordForEmbeddedWalletOnSignup/requiresPasswordForEmbeddedWalletOnSignup.cjs');
+var isCoinbaseWaasEnabled = require('../../functions/isCoinbaseWaasEnabled/isCoinbaseWaasEnabled.cjs');
+require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../config/ApiEndpoint.cjs');
-require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+var WalletContext = require('../../../context/WalletContext/WalletContext.cjs');
+var useEmbeddedWalletPassword = require('../useEmbeddedWalletPassword/useEmbeddedWalletPassword.cjs');
+var useCoinbaseMPC = require('./useCoinbaseMPC/useCoinbaseMPC.cjs');
 var useTurnkey = require('./useTurnkey/useTurnkey.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
@@ -57,19 +64,17 @@ require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBa
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../../../views/WalletList/WalletList.cjs');
-require('../../../context/WalletContext/WalletContext.cjs');
 require('formik');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
-require('react-international-phone');
 require('../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -81,7 +86,10 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
     const { projectSettings, onboardingOnlyJwt } = useInternalDynamicContext.useInternalDynamicContext();
+    const { createPassword: internalCreatePassword } = useEmbeddedWalletPassword.useEmbeddedWalletPassword();
+    const { createCoinbaseMPCWallet } = useCoinbaseMPC.useCoinbaseMPC();
     const { createTurnkeyWallet } = useTurnkey.useTurnkey();
+    const { isLoadingEmbeddedWallet, setIsLoadingEmbeddedWallet } = WalletContext.useWalletContext();
     const userHasEmbeddedWallet = () => {
         var _a;
         const jwt = (_a = getAuthToken.getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
@@ -90,6 +98,7 @@ const useEmbeddedWallet = () => {
         }
         return isEmbeddedWalletPresent.isEmbeddedWalletPresent(jwt);
     };
+    const createPassword = React.useCallback((showIntro) => _tslib.__awaiter(void 0, void 0, void 0, function* () { return internalCreatePassword(showIntro); }), [internalCreatePassword]);
     const createEmbeddedWallet = React.useCallback((chain = sdkApi.ChainEnum.Evm) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
         const jwt = (_a = getAuthToken.getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
@@ -97,13 +106,41 @@ const useEmbeddedWallet = () => {
         if (!jwt || !decodedJwt) {
             throw new Error('User is not logged in');
         }
-        if (isTurnkeyEnabled.isTurnkeyEnabled(projectSettings)) {
-            return createTurnkeyWallet(jwt, decodedJwt, chain);
+        const isTurnkeyProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings);
+        const isCoinbaseWaaSProviderEnabled = isCoinbaseWaasEnabled.isCoinbaseWaasEnabled(projectSettings);
+        if (!isTurnkeyProviderEnabled && !isCoinbaseWaaSProviderEnabled) {
+            throw new Error('No embedded wallet is enabled. Go to the dashboard and make sure to have both Embedded wallets and at least one EVM network enabled. Also, check if EthereumWalletConnectors is in the DynamicContextProvider > settings > walletConnectors.');
+        }
+        const hasEmbeddedWallet = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, chain);
+        setIsLoadingEmbeddedWallet(true);
+        let password;
+        if (!hasEmbeddedWallet &&
+            requiresPasswordForEmbeddedWalletOnSignup.requiresPasswordForEmbeddedWalletOnSignup(projectSettings)) {
+            password = yield internalCreatePassword(false, true);
+        }
+        let wallet;
+        if (isCoinbaseWaaSProviderEnabled) {
+            wallet = yield createCoinbaseMPCWallet(jwt, decodedJwt, chain, password);
+        }
+        else if (isTurnkeyProviderEnabled) {
+            // TEMP: immediately disable loading state
+            setIsLoadingEmbeddedWallet(false);
+            wallet = yield createTurnkeyWallet(jwt, decodedJwt, chain);
         }
-        throw new Error('No embedded wallet is enabled. Go to the dashboard and make sure to have both Embedded wallets and at least one EVM network enabled. Also, check if EthereumWalletConnectors is in the DynamicContextProvider > settings > walletConnectors.');
-    }), [onboardingOnlyJwt, projectSettings, createTurnkeyWallet]);
+        setIsLoadingEmbeddedWallet(false);
+        return wallet;
+    }), [
+        createCoinbaseMPCWallet,
+        createTurnkeyWallet,
+        internalCreatePassword,
+        onboardingOnlyJwt,
+        projectSettings,
+        setIsLoadingEmbeddedWallet,
+    ]);
     return {
         createEmbeddedWallet,
+        createPassword,
+        isLoadingEmbeddedWallet,
         userHasEmbeddedWallet,
     };
 };

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

@@ -2,5 +2,7 @@ import { ChainEnum } from '@dynamic-labs/sdk-api';
 import { Wallet } from '../../../shared';
 export declare const useEmbeddedWallet: () => {
     readonly createEmbeddedWallet: (chain?: ChainEnum) => Promise<Wallet | undefined>;
+    readonly createPassword: (showIntro?: boolean) => Promise<string>;
+    readonly isLoadingEmbeddedWallet: boolean;
     readonly userHasEmbeddedWallet: () => boolean;
 };

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

@@ -18,16 +18,23 @@ import '../../../shared/consts/index.js';
 import '../../../events/dynamicEvents.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
+import { findEmbeddedWalletFromVerifiedCredentials } from '../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
+import 'react-international-phone';
 import { isEmbeddedWalletPresent } from '../../functions/isEmbeddedWalletPresent/isEmbeddedWalletPresent.js';
 import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 import 'viem/chains';
+import { requiresPasswordForEmbeddedWalletOnSignup } from '../../functions/requiresPasswordForEmbeddedWalletOnSignup/requiresPasswordForEmbeddedWalletOnSignup.js';
+import { isCoinbaseWaasEnabled } from '../../functions/isCoinbaseWaasEnabled/isCoinbaseWaasEnabled.js';
+import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../config/ApiEndpoint.js';
-import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import { useWalletContext } from '../../../context/WalletContext/WalletContext.js';
+import { useEmbeddedWalletPassword } from '../useEmbeddedWalletPassword/useEmbeddedWalletPassword.js';
+import { useCoinbaseMPC } from './useCoinbaseMPC/useCoinbaseMPC.js';
 import { useTurnkey } from './useTurnkey/useTurnkey.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
@@ -53,19 +60,17 @@ import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBan
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../../views/WalletList/WalletList.js';
-import '../../../context/WalletContext/WalletContext.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
-import 'react-international-phone';
 import '../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -77,7 +82,10 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
     const { projectSettings, onboardingOnlyJwt } = useInternalDynamicContext();
+    const { createPassword: internalCreatePassword } = useEmbeddedWalletPassword();
+    const { createCoinbaseMPCWallet } = useCoinbaseMPC();
     const { createTurnkeyWallet } = useTurnkey();
+    const { isLoadingEmbeddedWallet, setIsLoadingEmbeddedWallet } = useWalletContext();
     const userHasEmbeddedWallet = () => {
         var _a;
         const jwt = (_a = getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
@@ -86,6 +94,7 @@ const useEmbeddedWallet = () => {
         }
         return isEmbeddedWalletPresent(jwt);
     };
+    const createPassword = useCallback((showIntro) => __awaiter(void 0, void 0, void 0, function* () { return internalCreatePassword(showIntro); }), [internalCreatePassword]);
     const createEmbeddedWallet = useCallback((chain = ChainEnum.Evm) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
         const jwt = (_a = getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
@@ -93,13 +102,41 @@ const useEmbeddedWallet = () => {
         if (!jwt || !decodedJwt) {
             throw new Error('User is not logged in');
         }
-        if (isTurnkeyEnabled(projectSettings)) {
-            return createTurnkeyWallet(jwt, decodedJwt, chain);
+        const isTurnkeyProviderEnabled = isTurnkeyEnabled(projectSettings);
+        const isCoinbaseWaaSProviderEnabled = isCoinbaseWaasEnabled(projectSettings);
+        if (!isTurnkeyProviderEnabled && !isCoinbaseWaaSProviderEnabled) {
+            throw new Error('No embedded wallet is enabled. Go to the dashboard and make sure to have both Embedded wallets and at least one EVM network enabled. Also, check if EthereumWalletConnectors is in the DynamicContextProvider > settings > walletConnectors.');
+        }
+        const hasEmbeddedWallet = findEmbeddedWalletFromVerifiedCredentials(jwt, chain);
+        setIsLoadingEmbeddedWallet(true);
+        let password;
+        if (!hasEmbeddedWallet &&
+            requiresPasswordForEmbeddedWalletOnSignup(projectSettings)) {
+            password = yield internalCreatePassword(false, true);
+        }
+        let wallet;
+        if (isCoinbaseWaaSProviderEnabled) {
+            wallet = yield createCoinbaseMPCWallet(jwt, decodedJwt, chain, password);
+        }
+        else if (isTurnkeyProviderEnabled) {
+            // TEMP: immediately disable loading state
+            setIsLoadingEmbeddedWallet(false);
+            wallet = yield createTurnkeyWallet(jwt, decodedJwt, chain);
         }
-        throw new Error('No embedded wallet is enabled. Go to the dashboard and make sure to have both Embedded wallets and at least one EVM network enabled. Also, check if EthereumWalletConnectors is in the DynamicContextProvider > settings > walletConnectors.');
-    }), [onboardingOnlyJwt, projectSettings, createTurnkeyWallet]);
+        setIsLoadingEmbeddedWallet(false);
+        return wallet;
+    }), [
+        createCoinbaseMPCWallet,
+        createTurnkeyWallet,
+        internalCreatePassword,
+        onboardingOnlyJwt,
+        projectSettings,
+        setIsLoadingEmbeddedWallet,
+    ]);
     return {
         createEmbeddedWallet,
+        createPassword,
+        isLoadingEmbeddedWallet,
         userHasEmbeddedWallet,
     };
 };

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

@@ -25,14 +25,16 @@ require('../../../../context/ErrorContext/ErrorContext.cjs');
 var findEmbeddedWalletFromVerifiedCredentials = require('../../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.cjs');
 var findTurnkeyWallet = require('../../../functions/findTurnkeyWallet/findTurnkeyWallet.cjs');
 require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
 var getUserWalletsFromVerifiedCredentials = require('../../../functions/getUserWalletsFromVerifiedCredentials/getUserWalletsFromVerifiedCredentials.cjs');
 require('viem/chains');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../../config/ApiEndpoint.cjs');
-require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 var useCreateDynamicEmbeddedWalletMutation = require('../../useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.cjs');
+require('../../../../context/WalletContext/WalletContext.cjs');
 var smartWallet = require('../../useWalletConnectors/utils/smartWallet/smartWallet.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
@@ -58,19 +60,17 @@ require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSucces
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../../../../views/WalletList/WalletList.cjs');
-require('../../../../context/WalletContext/WalletContext.cjs');
 require('formik');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
-require('react-international-phone');
 require('../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

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

@@ -21,14 +21,16 @@ import '../../../../context/ErrorContext/ErrorContext.js';
 import { findEmbeddedWalletFromVerifiedCredentials } from '../../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
 import { findTurnkeyWallet } from '../../../functions/findTurnkeyWallet/findTurnkeyWallet.js';
 import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
 import { getUserWalletsFromVerifiedCredentials } from '../../../functions/getUserWalletsFromVerifiedCredentials/getUserWalletsFromVerifiedCredentials.js';
 import 'viem/chains';
+import '../../../../config/ApiEndpoint.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../../config/ApiEndpoint.js';
-import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import { useCreateDynamicEmbeddedWalletMutation } from '../../useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.js';
+import '../../../../context/WalletContext/WalletContext.js';
 import { findSmartWallet, initializeSmartWallet } from '../../useWalletConnectors/utils/smartWallet/smartWallet.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
@@ -54,19 +56,17 @@ import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccess
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../../../views/WalletList/WalletList.js';
-import '../../../../context/WalletContext/WalletContext.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../views/WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../context/FooterAnimationContext/index.js';
-import 'react-international-phone';
 import '../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

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

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