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

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.cjs

@@ -7,12 +7,12 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
 var utils = require('@dynamic-labs/utils');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var getProperErrorMessage = require('../../../modals/SignMessageConfirmationModal/getProperErrorMessage.cjs');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('../../../context/ViewContext/ViewContext.cjs');
 var close = require('../../../shared/assets/close.cjs');
 var exportEmbeddedHero = require('../../../shared/assets/export-embedded-hero.cjs');
@@ -33,7 +33,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem/chains');
 var getEOAWallet = require('../../../utils/functions/getEOAWallet/getEOAWallet.cjs');
-require('../../../config/ApiEndpoint.cjs');
+var ApiEndpoint = require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
@@ -42,6 +42,7 @@ require('../../../context/WalletContext/WalletContext.cjs');
 var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 var useMutation = require('../../../utils/hooks/useMutation/useMutation.cjs');
+var useIsTurnkeyWallet = require('../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
@@ -51,7 +52,7 @@ require('@dynamic-labs/rpc-providers');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('i18next');
 var Typography = require('../../../components/Typography/Typography.cjs');
-require('../../../components/ShadowDOM/ShadowDOM.cjs');
+var ShadowDOM = require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
@@ -91,13 +92,17 @@ var constants = require('../constants.cjs');
 require('../../LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 
 const EmbeddedRevealView = ({ exportPrivateKey, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     const { authToken, primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
+    const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();
+    const { shadowRoot } = ShadowDOM.useShadowDOMContext();
     const [acknowledgement1, setAcknowledgement1] = React.useState(false);
+    const [hasRevealedCoinbaseMpcKey, setHasRevealedCoinbaseMpcKey] = React.useState(false);
     const iframeContainerRef = React.useRef(null);
     const decodedJwt = decodeJwt.decodeJwt(authToken);
     const walletProperties = (_b = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
     const isTurnkeyHDWallet = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
+    const isCoinbaseMpcWallet = primaryWallet && walletConnectorCore.isCoinbaseMpcWalletConnector(primaryWallet.connector);
     const wallet = getEOAWallet.getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
     // eslint-disable-next-line arrow-body-style
     React.useEffect(() => {
@@ -124,18 +129,35 @@ const EmbeddedRevealView = ({ exportPrivateKey, }) => {
     });
     const { mutate: handleExportWallet, isLoading, error, data, } = useMutation.useMutation(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const wallet = getEOAWallet.getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
-        return turnkeyExport.exportCredential({
-            address: exportPrivateKey ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
-            authToken,
-            environmentId,
-            userEmail: user === null || user === void 0 ? void 0 : user.email,
-            wallet,
-        });
+        if (isCoinbaseMpcWallet) {
+            return primaryWallet.connector.exportWalletKeys();
+        }
+        if (isTurnkeyWallet) {
+            return turnkeyExport.exportCredential({
+                address: exportPrivateKey ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
+                authToken,
+                environmentId,
+                userEmail: user === null || user === void 0 ? void 0 : user.email,
+                wallet,
+            });
+        }
+        return undefined;
     }), {
         onFailure: (err) => {
             logger.logger.error('Failed to export', err);
             dynamicEvents.dynamicEvents.emit('embeddedWalletRevealFailed', err);
         },
+        onSuccess: (data) => {
+            var _a, _b;
+            if (isCoinbaseMpcWallet && data && (data === null || data === void 0 ? void 0 : data.length)) {
+                const iframe = shadowRoot === null || shadowRoot === void 0 ? void 0 : shadowRoot.getElementById('coinbase-waas-key-export');
+                (_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage({
+                    key: (_b = data[0]) === null || _b === void 0 ? void 0 : _b.ecKeyPrivate,
+                    type: 'export_key',
+                }, '*');
+                setHasRevealedCoinbaseMpcKey(true);
+            }
+        },
     });
     const errorText = React.useMemo(() => {
         if (!error) {
@@ -158,7 +180,7 @@ const EmbeddedRevealView = ({ exportPrivateKey, }) => {
                 : 'height: 100px');
         }
     }, [iframeContainerRef, data, isTurnkeyHDWallet, exportPrivateKey]);
-    const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { onClick: () => setShowAuthFlow(false, { emitCancelAuth: true }), type: 'button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
+    const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { onClick: () => setShowAuthFlow(false), type: 'button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const hasInjectedCredential = !isLoading && data && !error;
     const credentialTitle = !isTurnkeyHDWallet || exportPrivateKey
         ? t('dyn_embedded_reveal.private_key_title')
@@ -166,7 +188,12 @@ const EmbeddedRevealView = ({ exportPrivateKey, }) => {
     const title = hasInjectedCredential
         ? credentialTitle
         : t('dyn_embedded_reveal.agreement_title');
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: title }) }), jsxRuntime.jsx("div", { className: 'embedded-reveal-view', children: jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body', children: [contentHeader, jsxRuntime.jsx("div", { id: constants.iframeContainerId, style: { display: data ? 'block' : 'none' }, ref: iframeContainerRef }), hasInjectedCredential ? (jsxRuntime.jsx(Button.Button, { buttonPadding: 'large', buttonVariant: 'brand-primary', onClick: () => setShowAuthFlow(false), loading: isLoading, copykey: 'dyn_embedded_reveal.done_button_label', typographyProps: {
+    // this element needs to be on the DOM before the reveal occurs
+    // so we can inject the key into it once it's fetched from coinbase.
+    const coinbaseWaasKeyExportIframe = (jsxRuntime.jsx("iframe", { src: (_c = ApiEndpoint === null || ApiEndpoint === void 0 ? void 0 : ApiEndpoint.getBaseUrl()) === null || _c === void 0 ? void 0 : _c.replace('api/v0', 'coinbase-waas-key-export.html'), id: 'coinbase-waas-key-export', title: 'Coinbase WaaS key export', height: hasRevealedCoinbaseMpcKey ? '100%' : 0, width: hasRevealedCoinbaseMpcKey ? '100%' : 0, style: {
+            borderRadius: '0.75rem',
+        }, allow: 'clipboard-write' }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: title }) }), jsxRuntime.jsx("div", { className: 'embedded-reveal-view', children: jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body', children: [contentHeader, isCoinbaseMpcWallet && coinbaseWaasKeyExportIframe, isTurnkeyWallet ? (jsxRuntime.jsx("div", { id: constants.iframeContainerId, style: { display: data ? 'block' : 'none' }, ref: iframeContainerRef })) : null, hasInjectedCredential ? (jsxRuntime.jsx(Button.Button, { buttonPadding: 'large', buttonVariant: 'brand-primary', onClick: () => setShowAuthFlow(false), loading: isLoading, copykey: 'dyn_embedded_reveal.done_button_label', typographyProps: {
                                 color: 'inherit',
                             }, children: t('dyn_embedded_reveal.done_button_label') })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__description', children: jsxRuntime.jsx(Badge.Badge, { text: t('dyn_embedded_reveal.badge_label'), className: 'embedded-reveal-view__body__badge' }) }), errorText && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card', children: [jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsxRuntime.jsx(walletV2.ReactComponent, {}) }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.statement_1.title', children: t('dyn_embedded_reveal.statement_1.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', weight: 'regular', copykey: 'dyn_embedded_reveal.statement_1.description', children: t('dyn_embedded_reveal.statement_1.description') })] })] }), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsxRuntime.jsx(eyeOffIcon.ReactComponent, {}) }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.statement_2.title', children: t('dyn_embedded_reveal.statement_2.title') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', weight: 'regular', copykey: 'dyn_embedded_reveal.statement_2.description', children: t('dyn_embedded_reveal.statement_2.description', {
                                                                 credential_type: credentialTitle === null || credentialTitle === void 0 ? void 0 : credentialTitle.toLowerCase(),

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.d.ts

@@ -1,6 +1,5 @@
 import { FC } from 'react';
-interface EmbeddedRevealViewProps {
+export type EmbeddedRevealViewProps = {
     exportPrivateKey?: boolean;
-}
+};
 export declare const EmbeddedRevealView: FC<EmbeddedRevealViewProps>;
-export {};

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.js

@@ -3,12 +3,12 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DynamicError } from '@dynamic-labs/utils';
+import { isCoinbaseMpcWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { getProperErrorMessage } from '../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import '../../../context/DynamicContext/DynamicContext.js';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import '../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgClose } from '../../../shared/assets/close.js';
 import { ReactComponent as SvgExportEmbeddedHero } from '../../../shared/assets/export-embedded-hero.js';
@@ -29,7 +29,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem/chains';
 import { getEOAWallet } from '../../../utils/functions/getEOAWallet/getEOAWallet.js';
-import '../../../config/ApiEndpoint.js';
+import ApiEndpoint from '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
@@ -38,6 +38,7 @@ import '../../../context/WalletContext/WalletContext.js';
 import { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import { useMutation } from '../../../utils/hooks/useMutation/useMutation.js';
+import { useIsTurnkeyWallet } from '../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 import '@dynamic-labs/types';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
@@ -47,7 +48,7 @@ import '@dynamic-labs/rpc-providers';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import 'i18next';
 import { Typography } from '../../../components/Typography/Typography.js';
-import '../../../components/ShadowDOM/ShadowDOM.js';
+import { useShadowDOMContext } from '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
@@ -87,13 +88,17 @@ import { iframeContainerId, iframeElementId } from '../constants.js';
 import '../../LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 
 const EmbeddedRevealView = ({ exportPrivateKey, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     const { authToken, primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext();
+    const { isTurnkeyWallet } = useIsTurnkeyWallet();
+    const { shadowRoot } = useShadowDOMContext();
     const [acknowledgement1, setAcknowledgement1] = useState(false);
+    const [hasRevealedCoinbaseMpcKey, setHasRevealedCoinbaseMpcKey] = useState(false);
     const iframeContainerRef = useRef(null);
     const decodedJwt = decodeJwt(authToken);
     const walletProperties = (_b = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
     const isTurnkeyHDWallet = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
+    const isCoinbaseMpcWallet = primaryWallet && isCoinbaseMpcWalletConnector(primaryWallet.connector);
     const wallet = getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
     // eslint-disable-next-line arrow-body-style
     useEffect(() => {
@@ -120,18 +125,35 @@ const EmbeddedRevealView = ({ exportPrivateKey, }) => {
     });
     const { mutate: handleExportWallet, isLoading, error, data, } = useMutation(() => __awaiter(void 0, void 0, void 0, function* () {
         const wallet = getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
-        return exportCredential({
-            address: exportPrivateKey ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
-            authToken,
-            environmentId,
-            userEmail: user === null || user === void 0 ? void 0 : user.email,
-            wallet,
-        });
+        if (isCoinbaseMpcWallet) {
+            return primaryWallet.connector.exportWalletKeys();
+        }
+        if (isTurnkeyWallet) {
+            return exportCredential({
+                address: exportPrivateKey ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
+                authToken,
+                environmentId,
+                userEmail: user === null || user === void 0 ? void 0 : user.email,
+                wallet,
+            });
+        }
+        return undefined;
     }), {
         onFailure: (err) => {
             logger.error('Failed to export', err);
             dynamicEvents.emit('embeddedWalletRevealFailed', err);
         },
+        onSuccess: (data) => {
+            var _a, _b;
+            if (isCoinbaseMpcWallet && data && (data === null || data === void 0 ? void 0 : data.length)) {
+                const iframe = shadowRoot === null || shadowRoot === void 0 ? void 0 : shadowRoot.getElementById('coinbase-waas-key-export');
+                (_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage({
+                    key: (_b = data[0]) === null || _b === void 0 ? void 0 : _b.ecKeyPrivate,
+                    type: 'export_key',
+                }, '*');
+                setHasRevealedCoinbaseMpcKey(true);
+            }
+        },
     });
     const errorText = useMemo(() => {
         if (!error) {
@@ -154,7 +176,7 @@ const EmbeddedRevealView = ({ exportPrivateKey, }) => {
                 : 'height: 100px');
         }
     }, [iframeContainerRef, data, isTurnkeyHDWallet, exportPrivateKey]);
-    const closeButton = (jsx(IconButton, { onClick: () => setShowAuthFlow(false, { emitCancelAuth: true }), type: 'button', children: jsx(SvgClose, {}) }));
+    const closeButton = (jsx(IconButton, { onClick: () => setShowAuthFlow(false), type: 'button', children: jsx(SvgClose, {}) }));
     const hasInjectedCredential = !isLoading && data && !error;
     const credentialTitle = !isTurnkeyHDWallet || exportPrivateKey
         ? t('dyn_embedded_reveal.private_key_title')
@@ -162,7 +184,12 @@ const EmbeddedRevealView = ({ exportPrivateKey, }) => {
     const title = hasInjectedCredential
         ? credentialTitle
         : t('dyn_embedded_reveal.agreement_title');
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: title }) }), jsx("div", { className: 'embedded-reveal-view', children: jsxs("div", { className: 'embedded-reveal-view__body', children: [contentHeader, jsx("div", { id: iframeContainerId, style: { display: data ? 'block' : 'none' }, ref: iframeContainerRef }), hasInjectedCredential ? (jsx(Button, { buttonPadding: 'large', buttonVariant: 'brand-primary', onClick: () => setShowAuthFlow(false), loading: isLoading, copykey: 'dyn_embedded_reveal.done_button_label', typographyProps: {
+    // this element needs to be on the DOM before the reveal occurs
+    // so we can inject the key into it once it's fetched from coinbase.
+    const coinbaseWaasKeyExportIframe = (jsx("iframe", { src: (_c = ApiEndpoint === null || ApiEndpoint === void 0 ? void 0 : ApiEndpoint.getBaseUrl()) === null || _c === void 0 ? void 0 : _c.replace('api/v0', 'coinbase-waas-key-export.html'), id: 'coinbase-waas-key-export', title: 'Coinbase WaaS key export', height: hasRevealedCoinbaseMpcKey ? '100%' : 0, width: hasRevealedCoinbaseMpcKey ? '100%' : 0, style: {
+            borderRadius: '0.75rem',
+        }, allow: 'clipboard-write' }));
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: title }) }), jsx("div", { className: 'embedded-reveal-view', children: jsxs("div", { className: 'embedded-reveal-view__body', children: [contentHeader, isCoinbaseMpcWallet && coinbaseWaasKeyExportIframe, isTurnkeyWallet ? (jsx("div", { id: iframeContainerId, style: { display: data ? 'block' : 'none' }, ref: iframeContainerRef })) : null, hasInjectedCredential ? (jsx(Button, { buttonPadding: 'large', buttonVariant: 'brand-primary', onClick: () => setShowAuthFlow(false), loading: isLoading, copykey: 'dyn_embedded_reveal.done_button_label', typographyProps: {
                                 color: 'inherit',
                             }, children: t('dyn_embedded_reveal.done_button_label') })) : (jsxs(Fragment, { children: [jsx("div", { className: 'embedded-reveal-view__body__description', children: jsx(Badge, { text: t('dyn_embedded_reveal.badge_label'), className: 'embedded-reveal-view__body__badge' }) }), errorText && jsx(ErrorContainer, { children: errorText }), jsxs("div", { className: 'embedded-reveal-view__body__card', children: [jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsx(SvgWalletV2, {}) }), jsxs("div", { children: [jsx(Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.statement_1.title', children: t('dyn_embedded_reveal.statement_1.title') }), jsx(Typography, { variant: 'body_small', color: 'secondary', weight: 'regular', copykey: 'dyn_embedded_reveal.statement_1.description', children: t('dyn_embedded_reveal.statement_1.description') })] })] }), jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsx(SvgEyeOffIcon, {}) }), jsxs("div", { children: [jsx(Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.statement_2.title', children: t('dyn_embedded_reveal.statement_2.title') }), jsx(Typography, { variant: 'body_small', color: 'secondary', weight: 'regular', copykey: 'dyn_embedded_reveal.statement_2.description', children: t('dyn_embedded_reveal.statement_2.description', {
                                                                 credential_type: credentialTitle === null || credentialTitle === void 0 ? void 0 : credentialTitle.toLowerCase(),

package/src/lib/views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.d.ts

@@ -15,7 +15,7 @@ export declare const exportCredential: ({ authToken, userEmail, wallet, environm
     wallet: Wallet | null;
     environmentId: string;
     address?: string | undefined;
-}) => Promise<unknown>;
+}) => Promise<boolean>;
 export declare const cleanupExport: ({ wallet }: {
     wallet: Wallet | null;
 }) => Promise<void>;

package/src/lib/views/EnterPasswordView/EnterPasswordView.cjs

@@ -95,10 +95,17 @@ const EnterPasswordView = ({ mutation, onSuccess, onError, closeView = true, })
             onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(password);
         },
     });
+    const onClose = () => {
+        if (onError) {
+            onError === null || onError === void 0 ? void 0 : onError(t('dyn_enter_password.error.invalid_password'));
+            return;
+        }
+        setShowAuthFlow(false);
+    };
     const errorMessage = hasError
         ? t('dyn_enter_password.error.invalid_password')
         : undefined;
-    const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { onClick: () => setShowAuthFlow(false, { emitCancelAuth: true }), type: 'button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
+    const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { onClick: onClose, type: 'button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const inputSuffix = (jsxRuntime.jsx(ToggleVisibilityButton.ToggleVisibilityButton, { initialState: inputType === 'password', onClick: (hidden) => setInputType(hidden ? 'password' : 'text'), className: 'enter-password-view__password-input__suffix-icon' }));
     const onPasswordInputChange = (e) => {
         const newPassword = e.target.value;

package/src/lib/views/EnterPasswordView/EnterPasswordView.js

@@ -91,10 +91,17 @@ const EnterPasswordView = ({ mutation, onSuccess, onError, closeView = true, })
             onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(password);
         },
     });
+    const onClose = () => {
+        if (onError) {
+            onError === null || onError === void 0 ? void 0 : onError(t('dyn_enter_password.error.invalid_password'));
+            return;
+        }
+        setShowAuthFlow(false);
+    };
     const errorMessage = hasError
         ? t('dyn_enter_password.error.invalid_password')
         : undefined;
-    const closeButton = (jsx(IconButton, { onClick: () => setShowAuthFlow(false, { emitCancelAuth: true }), type: 'button', children: jsx(SvgClose, {}) }));
+    const closeButton = (jsx(IconButton, { onClick: onClose, type: 'button', children: jsx(SvgClose, {}) }));
     const inputSuffix = (jsx(ToggleVisibilityButton, { initialState: inputType === 'password', onClick: (hidden) => setInputType(hidden ? 'password' : 'text'), className: 'enter-password-view__password-input__suffix-icon' }));
     const onPasswordInputChange = (e) => {
         const newPassword = e.target.value;

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs

@@ -65,6 +65,7 @@ require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components
 require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js

@@ -61,6 +61,7 @@ import '../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/
 import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../../config/ApiEndpoint.js';
 import '../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/views/LoginView/useLoginView/useLoginView.cjs

@@ -86,6 +86,7 @@ const useLoginView = () => {
     const { enabledSocialProviders } = SocialRedirectContext.useSocialRedirectContext();
     const hasSocialProvidersEnabled = Boolean(enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length);
     const hasEmailProviderEnabled = isEmailProviderEnabled.isEmailProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
+    const hasPhoneProviderEnabled = isPhoneNumberProviderEnabled.isPhoneNumberProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     /** Takes from wallets only those that can be selected in the wallet list by the user.
      * Should filter out embedded wallets
      * WHY: when we decide whether to show wallets or not, we need to know how many wallets
@@ -100,13 +101,17 @@ const useLoginView = () => {
         if (!projectSettings) {
             return false;
         }
-        // if both loginWithEmail AND hasSocialProvidersEnabled are false, it's wallet only
-        if (!loginWithEmail && !hasSocialProvidersEnabled) {
+        // When no other methods are enabled we can safely assume it's wallet only
+        if (!loginWithEmail &&
+            !hasPhoneProviderEnabled &&
+            !hasSocialProvidersEnabled) {
             return true;
         }
         // backwards compatibility for those that didn't set up login view sections
         if (!((_a = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _a === void 0 ? void 0 : _a.length)) {
-            return !hasEmailProviderEnabled && !hasSocialProvidersEnabled;
+            return (!hasEmailProviderEnabled &&
+                !hasPhoneProviderEnabled &&
+                !hasSocialProvidersEnabled);
         }
         return (loginView.sections.length === 1 && loginView.sections[0].type === 'wallet');
     }, [
@@ -114,6 +119,7 @@ const useLoginView = () => {
         projectSettings,
         loginWithEmail,
         hasSocialProvidersEnabled,
+        hasPhoneProviderEnabled,
         hasEmailProviderEnabled,
     ]);
     // TODO: https://linear.app/dynamic-labs/issue/GVTY-212/rethink-or-implement-toolkit-template-for-email-wallet-order
@@ -154,7 +160,7 @@ const useLoginView = () => {
                 ? 0
                 : NUMBER_OF_WALLETS,
             showEmail: hasEmailProviderEnabled,
-            showPhone: isPhoneNumberProviderEnabled.isPhoneNumberProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers),
+            showPhone: hasPhoneProviderEnabled,
             showSocial: Boolean(enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length),
             // is email only is set in the project settings when the "Email (Web2) only" is toggled on in the dashboard
             showWallets: Boolean(selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length) &&
@@ -185,9 +191,9 @@ const useLoginView = () => {
         enabledSocialProviders,
         filterLoginViewSections,
         hasEmailProviderEnabled,
+        hasPhoneProviderEnabled,
         loginView === null || loginView === void 0 ? void 0 : loginView.sections,
         projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal,
-        projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers,
         selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length,
         t,
     ]);

package/src/lib/views/LoginView/useLoginView/useLoginView.js

@@ -82,6 +82,7 @@ const useLoginView = () => {
     const { enabledSocialProviders } = useSocialRedirectContext();
     const hasSocialProvidersEnabled = Boolean(enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length);
     const hasEmailProviderEnabled = isEmailProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
+    const hasPhoneProviderEnabled = isPhoneNumberProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     /** Takes from wallets only those that can be selected in the wallet list by the user.
      * Should filter out embedded wallets
      * WHY: when we decide whether to show wallets or not, we need to know how many wallets
@@ -96,13 +97,17 @@ const useLoginView = () => {
         if (!projectSettings) {
             return false;
         }
-        // if both loginWithEmail AND hasSocialProvidersEnabled are false, it's wallet only
-        if (!loginWithEmail && !hasSocialProvidersEnabled) {
+        // When no other methods are enabled we can safely assume it's wallet only
+        if (!loginWithEmail &&
+            !hasPhoneProviderEnabled &&
+            !hasSocialProvidersEnabled) {
             return true;
         }
         // backwards compatibility for those that didn't set up login view sections
         if (!((_a = loginView === null || loginView === void 0 ? void 0 : loginView.sections) === null || _a === void 0 ? void 0 : _a.length)) {
-            return !hasEmailProviderEnabled && !hasSocialProvidersEnabled;
+            return (!hasEmailProviderEnabled &&
+                !hasPhoneProviderEnabled &&
+                !hasSocialProvidersEnabled);
         }
         return (loginView.sections.length === 1 && loginView.sections[0].type === 'wallet');
     }, [
@@ -110,6 +115,7 @@ const useLoginView = () => {
         projectSettings,
         loginWithEmail,
         hasSocialProvidersEnabled,
+        hasPhoneProviderEnabled,
         hasEmailProviderEnabled,
     ]);
     // TODO: https://linear.app/dynamic-labs/issue/GVTY-212/rethink-or-implement-toolkit-template-for-email-wallet-order
@@ -150,7 +156,7 @@ const useLoginView = () => {
                 ? 0
                 : NUMBER_OF_WALLETS,
             showEmail: hasEmailProviderEnabled,
-            showPhone: isPhoneNumberProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers),
+            showPhone: hasPhoneProviderEnabled,
             showSocial: Boolean(enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length),
             // is email only is set in the project settings when the "Email (Web2) only" is toggled on in the dashboard
             showWallets: Boolean(selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length) &&
@@ -181,9 +187,9 @@ const useLoginView = () => {
         enabledSocialProviders,
         filterLoginViewSections,
         hasEmailProviderEnabled,
+        hasPhoneProviderEnabled,
         loginView === null || loginView === void 0 ? void 0 : loginView.sections,
         projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal,
-        projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers,
         selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length,
         t,
     ]);

package/src/lib/views/MergeUserAccountsView/MergeUserAccountsView.cjs

@@ -80,6 +80,7 @@ require('../WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../config/ApiEndpoint.cjs');
 require('../LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 
 const MergeUserAccountsView = () => {

package/src/lib/views/MergeUserAccountsView/MergeUserAccountsView.js

@@ -76,6 +76,7 @@ import '../WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../config/ApiEndpoint.js';
 import '../LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 
 const MergeUserAccountsView = () => {

package/src/lib/views/Passkey/EmbeddedAuthChoice/EmbeddedAuthChoice.d.ts

@@ -1,7 +1,6 @@
 import { FC } from 'react';
 import { EmbeddedWalletCurrentAction } from '../../../shared';
-interface EmbeddedAuthChoiceProps {
+export type EmbeddedAuthChoiceProps = {
     currentAction?: EmbeddedWalletCurrentAction;
-}
+};
 export declare const EmbeddedAuthChoice: FC<EmbeddedAuthChoiceProps>;
-export {};

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.d.ts

@@ -1,9 +1,8 @@
 import { FC } from 'react';
 import { AuthenticatorType } from '@dynamic-labs/wallet-connector-core';
 import { EmbeddedWalletCurrentAction } from '../../../../shared';
-interface PasskeyBundleValidationProps {
+export type PasskeyBundleValidationProps = {
     authenticatorType: AuthenticatorType;
     currentAction?: EmbeddedWalletCurrentAction;
-}
+};
 export declare const PasskeyBundleRecovery: FC<PasskeyBundleValidationProps>;
-export {};

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.d.ts

@@ -1,7 +1,6 @@
 import { FC } from 'react';
 import { AuthenticatorType } from '@dynamic-labs/wallet-connector-core';
-interface PasskeyInitRecoveryProps {
+export type PasskeyInitRecoveryProps = {
     authenticatorType: AuthenticatorType;
-}
+};
 export declare const PasskeyInitRecovery: FC<PasskeyInitRecoveryProps>;
-export {};

package/src/lib/views/Passkey/RenamePasskeyView/RenamePasskeyView.cjs

@@ -77,6 +77,7 @@ require('../../WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../config/ApiEndpoint.cjs');
 require('../../LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 
 const RenamePasskeyView = () => {

package/src/lib/views/Passkey/RenamePasskeyView/RenamePasskeyView.js

@@ -73,6 +73,7 @@ import '../../WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../config/ApiEndpoint.js';
 import '../../LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 
 const RenamePasskeyView = () => {