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

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

@@ -24,12 +24,13 @@ require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
+require('react-international-phone');
 var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.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 useEmbeddedWallet = require('../useEmbeddedWallet/useEmbeddedWallet.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
@@ -67,7 +68,6 @@ require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
 require('../../../context/FooterAnimationContext/index.cjs');
-require('react-international-phone');
 require('../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

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

@@ -20,12 +20,13 @@ import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
+import 'react-international-phone';
 import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.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 { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
 import '../../../context/ThemeContext/ThemeContext.js';
@@ -63,7 +64,6 @@ import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
 import '../../../context/FooterAnimationContext/index.js';
-import 'react-international-phone';
 import '../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { ChainEnum, DynamicJwt } from '@dynamic-labs/sdk-api';
+import { Wallet } from '../../../../shared';
+export declare const useCoinbaseMPC: () => {
+    createCoinbaseMPCWallet: (jwt: string, decodedJwt: DynamicJwt, chain?: ChainEnum, password?: string) => Promise<Wallet | undefined>;
+};

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

@@ -0,0 +1,211 @@
+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 '../../../../views/WalletList/WalletList.js';
+import 'formik';
+import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import 'i18next';
+import '../../../../context/FooterAnimationContext/index.js';
+import '../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.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 updatedJwt = yield linkWallet(environmentId, Object.assign({ backup: backupCode, password, passwordSource: source }, verifyArgs), 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');
@@ -58,7 +65,6 @@ 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');
@@ -68,7 +74,6 @@ require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
 require('../../../context/FooterAnimationContext/index.cjs');
-require('react-international-phone');
 require('../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.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,39 @@ 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) {
+            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;
 };