@dynamic-labs/sdk-react-core 2.0.0-alpha.3 → 2.0.0-alpha.31

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

@@ -0,0 +1,214 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var utils = require('@dynamic-labs/utils');
+var findEmbeddedWalletFromVerifiedCredentials = require('../../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.cjs');
+require('../../../constants/values.cjs');
+require('@dynamic-labs/multi-wallet');
+var logger = require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+var generateRandomPassword = require('../../../../shared/utils/functions/generateRandomPassword/generateRandomPassword.cjs');
+require('../../../../shared/consts/index.cjs');
+require('react-international-phone');
+var getVerifyArgs = require('../../../functions/getVerifyArgs/getVerifyArgs.cjs');
+require('viem');
+require('viem/chains');
+var findCoinbaseMPCWallet = require('../../../functions/findCoinbaseMPCWallet/findCoinbaseMPCWallet.cjs');
+var getCoinbaseMPCConnectorFetchers = require('../../../functions/getCoinbaseMPCConnectorFetchers/getCoinbaseMPCConnectorFetchers.cjs');
+var updateJWTAndCreateUserProfile = require('../../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.cjs');
+require('../../../../context/DynamicContext/DynamicContext.cjs');
+var dynamicEvents = 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/UserWalletsContext/UserWalletsContext.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/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../../context/MockContext/MockContext.cjs');
+require('../../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+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('qrcode');
+require('formik');
+require('../../../../views/WalletList/WalletList.cjs');
+require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../../../locale/locale.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../../config/ApiEndpoint.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
+require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.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, handleLogOut, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setError } = ErrorContext.useErrorContext();
+    const returnExistingCoinbaseMPCWallet = React.useCallback((connector, decodedJwt, embeddedWalletVerifiedCredential) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        connector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+        setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
+        const coinbaseMPCWallet = {
+            address: (yield (connector === null || connector === void 0 ? void 0 : connector.getAddress())) || '',
+            authenticated: true,
+            chain: (connector === null || connector === void 0 ? void 0 : connector.connectedChain) || '',
+            connected: true,
+            connector,
+            id: embeddedWalletVerifiedCredential.id,
+        };
+        return coinbaseMPCWallet;
+    }), [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.getAddress();
+        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 passcodeArgs = source === sdkApiCore.PasswordSourceTypeEnum.Dynamic
+            ? { password, passwordSource: source }
+            : {};
+        const response = yield api.linkWallet(environmentId, Object.assign(Object.assign(Object.assign({}, passcodeArgs), verifyArgs), { backup: backupCode }), jwt);
+        const user = updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(response === null || response === void 0 ? void 0 : response.jwt, response === null || response === void 0 ? void 0 : response.minifiedJwt);
+        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);
+        setUser(user);
+        connector.setVerifiedCredentials(user.verifiedCredentials);
+        return newSelectedCredentialWallet;
+    }), [
+        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);
+        const source = password
+            ? sdkApiCore.PasswordSourceTypeEnum.User
+            : sdkApiCore.PasswordSourceTypeEnum.Dynamic;
+        try {
+            const backupCode = yield connector.generateWallet(source, initialWalletPassword);
+            const jwtVerifiedCredential = yield linkCoinbaseMPCWallet({
+                backupCode,
+                connector,
+                jwt,
+                password: initialWalletPassword,
+                source,
+            });
+            const coinbaseMPCWallet = {
+                address: (yield (connector === null || connector === void 0 ? void 0 : connector.getAddress())) || '',
+                authenticated: true,
+                chain: (connector === null || connector === void 0 ? void 0 : connector.connectedChain) || '',
+                connected: true,
+                connector,
+                id: jwtVerifiedCredential.id,
+            };
+            dynamicEvents.dynamicEvents.emit('embeddedWalletCreated', coinbaseMPCWallet, jwtVerifiedCredential);
+            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;
+    }), [linkCoinbaseMPCWallet, handleLogOut, setError]);
+    const createCoinbaseMPCWallet = React.useCallback((jwt, decodedJwt, chain = sdkApiCore.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)) {
+            const error = new utils.DynamicError('CoinbaseWaaSWalletConnectors not found');
+            logger.logger.error('Failed to create embedded wallet', error);
+            dynamicEvents.dynamicEvents.emit('embeddedWalletFailed', error);
+            setError(error.message);
+            throw error;
+        }
+        setShowAuthFlow(false);
+        const { fetchAuthToken } = getCoinbaseMPCConnectorFetchers.getCoinbaseMPCConnectorFetchers({
+            authToken: jwt,
+            environmentId,
+        });
+        if (fetchAuthToken) {
+            connector.setAuthTokenFetcher(fetchAuthToken);
+        }
+        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,
+        setShowAuthFlow,
+        environmentId,
+        createNewCoinbaseMPCWallet,
+        setError,
+        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-core';
+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,210 @@
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { PasswordSourceTypeEnum, ChainEnum } from '@dynamic-labs/sdk-api-core';
+import { isCoinbaseMpcWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { DynamicError } from '@dynamic-labs/utils';
+import { findEmbeddedWalletFromVerifiedCredentials } from '../../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
+import '../../../constants/values.js';
+import '@dynamic-labs/multi-wallet';
+import { logger } from '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import { generateRandomPassword } from '../../../../shared/utils/functions/generateRandomPassword/generateRandomPassword.js';
+import '../../../../shared/consts/index.js';
+import 'react-international-phone';
+import { getVerifyArgs } from '../../../functions/getVerifyArgs/getVerifyArgs.js';
+import 'viem';
+import 'viem/chains';
+import { findCoinbaseMPCWallet } from '../../../functions/findCoinbaseMPCWallet/findCoinbaseMPCWallet.js';
+import { getCoinbaseMPCConnectorFetchers } from '../../../functions/getCoinbaseMPCConnectorFetchers/getCoinbaseMPCConnectorFetchers.js';
+import { updateJWTAndCreateUserProfile } from '../../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js';
+import '../../../../context/DynamicContext/DynamicContext.js';
+import { dynamicEvents } from '../../../../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/UserWalletsContext/UserWalletsContext.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/FieldsStateContext/FieldsStateContext.js';
+import '../../../../context/MockContext/MockContext.js';
+import '../../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+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 'qrcode';
+import 'formik';
+import '../../../../views/WalletList/WalletList.js';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../../../locale/locale.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../config/ApiEndpoint.js';
+import '../../../../context/FooterAnimationContext/index.js';
+import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.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 '../../../../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, handleLogOut, setShowAuthFlow, } = useInternalDynamicContext();
+    const { setError } = useErrorContext();
+    const returnExistingCoinbaseMPCWallet = useCallback((connector, decodedJwt, embeddedWalletVerifiedCredential) => __awaiter(void 0, void 0, void 0, function* () {
+        connector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+        setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
+        const coinbaseMPCWallet = {
+            address: (yield (connector === null || connector === void 0 ? void 0 : connector.getAddress())) || '',
+            authenticated: true,
+            chain: (connector === null || connector === void 0 ? void 0 : connector.connectedChain) || '',
+            connected: true,
+            connector,
+            id: embeddedWalletVerifiedCredential.id,
+        };
+        return coinbaseMPCWallet;
+    }), [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.getAddress();
+        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 response = yield linkWallet(environmentId, Object.assign(Object.assign(Object.assign({}, passcodeArgs), verifyArgs), { backup: backupCode }), jwt);
+        const user = updateJWTAndCreateUserProfile(response === null || response === void 0 ? void 0 : response.jwt, response === null || response === void 0 ? void 0 : response.minifiedJwt);
+        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);
+        setUser(user);
+        connector.setVerifiedCredentials(user.verifiedCredentials);
+        return newSelectedCredentialWallet;
+    }), [
+        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);
+        const source = password
+            ? PasswordSourceTypeEnum.User
+            : PasswordSourceTypeEnum.Dynamic;
+        try {
+            const backupCode = yield connector.generateWallet(source, initialWalletPassword);
+            const jwtVerifiedCredential = yield linkCoinbaseMPCWallet({
+                backupCode,
+                connector,
+                jwt,
+                password: initialWalletPassword,
+                source,
+            });
+            const coinbaseMPCWallet = {
+                address: (yield (connector === null || connector === void 0 ? void 0 : connector.getAddress())) || '',
+                authenticated: true,
+                chain: (connector === null || connector === void 0 ? void 0 : connector.connectedChain) || '',
+                connected: true,
+                connector,
+                id: jwtVerifiedCredential.id,
+            };
+            dynamicEvents.emit('embeddedWalletCreated', coinbaseMPCWallet, jwtVerifiedCredential);
+            return coinbaseMPCWallet;
+        }
+        catch (error) {
+            logger.error(error);
+            if (error instanceof DynamicError &&
+                error.code === 'create_embedded_wallet_error') {
+                yield handleLogOut();
+                setError(error.message);
+            }
+        }
+        return undefined;
+    }), [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)) {
+            const error = new DynamicError('CoinbaseWaaSWalletConnectors not found');
+            logger.error('Failed to create embedded wallet', error);
+            dynamicEvents.emit('embeddedWalletFailed', error);
+            setError(error.message);
+            throw error;
+        }
+        setShowAuthFlow(false);
+        const { fetchAuthToken } = getCoinbaseMPCConnectorFetchers({
+            authToken: jwt,
+            environmentId,
+        });
+        if (fetchAuthToken) {
+            connector.setAuthTokenFetcher(fetchAuthToken);
+        }
+        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,
+        setShowAuthFlow,
+        environmentId,
+        createNewCoinbaseMPCWallet,
+        setError,
+        returnExistingCoinbaseMPCWallet,
+    ]);
+    return {
+        createCoinbaseMPCWallet,
+    };
+};
+
+export { useCoinbaseMPC };

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

@@ -4,80 +4,95 @@ 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');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
-require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('@dynamic-labs/utils');
 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 getUserWalletsFromVerifiedCredentials = require('../../functions/getUserWalletsFromVerifiedCredentials/getUserWalletsFromVerifiedCredentials.cjs');
 var isEmbeddedWalletPresent = require('../../functions/isEmbeddedWalletPresent/isEmbeddedWalletPresent.cjs');
 var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
+require('viem');
 require('viem/chains');
+var findCoinbaseMPCWallet = require('../../functions/findCoinbaseMPCWallet/findCoinbaseMPCWallet.cjs');
+var requiresPasswordForEmbeddedWallet = require('../../functions/requiresPasswordForEmbeddedWallet/requiresPasswordForEmbeddedWallet.cjs');
+var requiresPasswordForEmbeddedWalletOnSignup = require('../../functions/requiresPasswordForEmbeddedWalletOnSignup/requiresPasswordForEmbeddedWalletOnSignup.cjs');
+var isCoinbaseWaasEnabled = require('../../functions/isCoinbaseWaasEnabled/isCoinbaseWaasEnabled.cjs');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../locale/locale.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../config/ApiEndpoint.cjs');
-require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.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');
 require('yup');
 require('react-i18next');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 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('qrcode');
 require('formik');
-require('i18next');
-require('../../../components/OverlayCard/OverlayCard.context.cjs');
-require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/WalletList/WalletList.cjs');
-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('@hcaptcha/react-hcaptcha');
+require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.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('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
-    const { projectSettings, onboardingOnlyJwt } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, onboardingOnlyJwt, walletConnectorOptions } = 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;
@@ -86,20 +101,66 @@ const useEmbeddedWallet = () => {
         }
         return isEmbeddedWalletPresent.isEmbeddedWalletPresent(jwt);
     };
-    const createEmbeddedWallet = React.useCallback((chain = sdkApi.ChainEnum.Evm) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+    const createPassword = React.useCallback((showIntro) => _tslib.__awaiter(void 0, void 0, void 0, function* () { return internalCreatePassword(showIntro); }), [internalCreatePassword]);
+    const createEmbeddedWallet = React.useCallback((chain) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
         const jwt = (_a = getAuthToken.getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
         const decodedJwt = decodeJwt.decodeJwt(jwt);
         if (!jwt || !decodedJwt) {
             throw new Error('User is not logged in');
         }
-        if (isTurnkeyEnabled.isTurnkeyEnabled(projectSettings)) {
-            return createTurnkeyWallet(jwt, decodedJwt, chain);
+        const userWaletsCredentials = getUserWalletsFromVerifiedCredentials.getUserWalletsFromVerifiedCredentials(jwt);
+        const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt, chain);
+        const isManualMode = ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) === false;
+        // if user has a wallet and it's not embedded,
+        // throw error to follow another flow and set up the right wallet
+        // However, if the user is in manual mode continue.
+        if ((userWaletsCredentials === null || userWaletsCredentials === void 0 ? void 0 : userWaletsCredentials.length) &&
+            !embeddedWalletVerifiedCredential &&
+            !isManualMode) {
+            throw new Error('manual mode must be enabled to create an embedded wallet for this user');
+        }
+        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.');
+        }
+        setIsLoadingEmbeddedWallet(true);
+        // since we can dynamically change the settings from demov2, we need to set
+        // requires password prop here in case the connector has already been initialized with a different value
+        const connector = (_c = findCoinbaseMPCWallet.findCoinbaseMPCWallet(walletConnectorOptions)) === null || _c === void 0 ? void 0 : _c.walletConnector;
+        if (walletConnectorCore.isCoinbaseMpcWalletConnector(connector)) {
+            connector.setRequiredPassword((_d = requiresPasswordForEmbeddedWallet.requiresPasswordForEmbeddedWallet(projectSettings)) !== null && _d !== void 0 ? _d : false);
+        }
+        let password;
+        if (!embeddedWalletVerifiedCredential &&
+            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,
+        walletConnectorOptions,
+    ]);
     return {
         createEmbeddedWallet,
+        createPassword,
+        isLoadingEmbeddedWallet,
         userHasEmbeddedWallet,
     };
 };

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

@@ -1,6 +1,8 @@
-import { ChainEnum } from '@dynamic-labs/sdk-api';
+import { ChainEnum } from '@dynamic-labs/sdk-api-core';
 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;
 };