@dynamic-labs/sdk-react-core 4.4.4 → 4.5.1

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

@@ -14,10 +14,8 @@ var Checkbox = require('../../../components/Checkbox/Checkbox.cjs');
 var ErrorContainer = require('../../../components/ErrorContainer/ErrorContainer.cjs');
 var IconButton = require('../../../components/IconButton/IconButton.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
-var ShadowDOM = require('../../../components/ShadowDOM/ShadowDOM.cjs');
 var Typography = require('../../../components/Typography/Typography.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
-var ApiEndpoint = require('../../../config/ApiEndpoint.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../../shared/logger.cjs');
@@ -39,6 +37,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../store/state/nonce/nonce.cjs');
 require('../../../store/state/projectSettings/projectSettings.cjs');
+require('../../../config/ApiEndpoint.cjs');
 require('../../../store/state/user/user.cjs');
 require('../../../locale/locale.cjs');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
@@ -54,6 +53,7 @@ var useSmartWallets = require('../../../utils/hooks/useSmartWallets/useSmartWall
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var useMutation = require('../../../utils/hooks/useMutation/useMutation.cjs');
 var useIsTurnkeyWallet = require('../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
+require('bs58');
 var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
@@ -71,6 +71,7 @@ require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../store/state/walletOptions/walletOptions.cjs');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../components/Alert/Alert.cjs');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/Input/Input.cjs');
 require('../../../components/IsBrowser/IsBrowser.cjs');
@@ -112,21 +113,18 @@ require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const { primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
     const { handleAcknowledgeExportPrompt } = useSyncEmbeddedWalletFlow.useSyncEmbeddedWalletFlow();
     const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();
-    const { shadowRoot } = ShadowDOM.useShadowDOMContext();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { pushView } = ViewContext.useViewContext();
     const { getEOAWallet, isSmartWallet } = useSmartWallets.useSmartWallets();
     const [acknowledgement1, setAcknowledgement1] = React.useState(false);
-    const [hasRevealedCoinbaseMpcKey, setHasRevealedCoinbaseMpcKey] = React.useState(false);
     const iframeContainerRef = React.useRef(null);
     const walletProperties = (_b = (_a = user === null || user === void 0 ? void 0 : user.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 wallet = (_c = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _c !== void 0 ? _c : primaryWallet;
-    const isCoinbaseMpcWallet = wallet && walletConnectorCore.isCoinbaseMpcWalletConnector(wallet.connector);
     // eslint-disable-next-line arrow-body-style
     React.useEffect(() => {
         return () => {
@@ -140,14 +138,14 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     const { isLoading: exportLoading } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _e, _f;
+        var _d, _e;
         const iframeContainerElement = iframeContainerRef.current;
         if (!iframeContainerElement ||
-            ((_e = iframeContainerElement === null || iframeContainerElement === void 0 ? void 0 : iframeContainerElement.children) === null || _e === void 0 ? void 0 : _e.length) > 0) {
+            ((_d = iframeContainerElement === null || iframeContainerElement === void 0 ? void 0 : iframeContainerElement.children) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             return;
         }
         if (walletConnectorCore.isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
-            yield ((_f = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _f === void 0 ? void 0 : _f.createOrRestoreSession());
+            yield ((_e = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _e === void 0 ? void 0 : _e.createOrRestoreSession());
         }
         return turnkeyExport.initExport({
             iframeContainer: iframeContainerElement,
@@ -156,11 +154,8 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
         });
     }));
     const { mutate: handleExportWallet, isLoading, error, data, } = useMutation.useMutation(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _g, _h, _j;
+        var _f, _g, _h;
         handleAcknowledgeExportPrompt();
-        if (isCoinbaseMpcWallet) {
-            return (wallet === null || wallet === void 0 ? void 0 : wallet.connector).exportWalletKeys();
-        }
         if (isTurnkeyWallet) {
             try {
                 return yield turnkeyExport.exportCredential({
@@ -170,11 +165,11 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
                     wallet: wallet,
                 });
             }
-            catch (_k) {
+            catch (_j) {
                 if (walletConnectorCore.isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector) &&
-                    ((_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.removeSessionKeys)) {
-                    yield ((_h = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _h === void 0 ? void 0 : _h.removeSessionKeys());
-                    yield ((_j = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _j === void 0 ? void 0 : _j.createOrRestoreSession({
+                    ((_f = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _f === void 0 ? void 0 : _f.removeSessionKeys)) {
+                    yield ((_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.removeSessionKeys());
+                    yield ((_h = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _h === void 0 ? void 0 : _h.createOrRestoreSession({
                         ignoreRestore: true,
                     }));
                 }
@@ -192,17 +187,6 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
             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) {
@@ -255,15 +239,10 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
         return t('dyn_embedded_reveal.agreement_title');
     };
     const title = getTitle();
-    // 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: (_d = ApiEndpoint === null || ApiEndpoint === void 0 ? void 0 : ApiEndpoint.getBaseUrl()) === null || _d === void 0 ? void 0 : _d.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' }));
     const handleClickUnlink = () => {
         pushView('embedded-delete-view');
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: isPromptForExport ? null : 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.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'large', buttonVariant: 'brand-primary', onClick: () => setShowAuthFlow(false), loading: isLoading, copykey: 'dyn_embedded_reveal.done_button_label', typographyProps: {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: isPromptForExport ? null : 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, isTurnkeyWallet ? (jsxRuntime.jsx("div", { id: constants.iframeContainerId, style: { display: data ? 'block' : 'none' }, ref: iframeContainerRef })) : null, hasInjectedCredential ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { 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') }), !exportPrivateKey && (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'embedded-reveal-view__body__unlink_button', buttonVariant: 'tertiary', buttonPadding: 'none', copykey: 'dyn_embedded_reveal.unlink', onClick: handleClickUnlink, typographyProps: {
                                         color: 'secondary',

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

@@ -4,16 +4,14 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DynamicError, AccessBlockedError } from '@dynamic-labs/utils';
-import { isCoinbaseMpcWalletConnector, isSessionKeyCompatibleWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { isSessionKeyCompatibleWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { Badge } from '../../../components/Badge/Badge.js';
 import { Checkbox } from '../../../components/Checkbox/Checkbox.js';
 import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
 import { IconButton } from '../../../components/IconButton/IconButton.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
-import { useShadowDOMContext } from '../../../components/ShadowDOM/ShadowDOM.js';
 import { Typography } from '../../../components/Typography/Typography.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
-import ApiEndpoint from '../../../config/ApiEndpoint.js';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../shared/logger.js';
@@ -35,6 +33,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../store/state/nonce/nonce.js';
 import '../../../store/state/projectSettings/projectSettings.js';
+import '../../../config/ApiEndpoint.js';
 import '../../../store/state/user/user.js';
 import '../../../locale/locale.js';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
@@ -50,6 +49,7 @@ import { useSmartWallets } from '../../../utils/hooks/useSmartWallets/useSmartWa
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { useMutation } from '../../../utils/hooks/useMutation/useMutation.js';
 import { useIsTurnkeyWallet } from '../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
+import 'bs58';
 import { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
@@ -67,6 +67,7 @@ import '../../../store/state/loadingAndLifecycle.js';
 import '../../../store/state/walletOptions/walletOptions.js';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/Input/Input.js';
 import '../../../components/IsBrowser/IsBrowser.js';
@@ -108,21 +109,18 @@ import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const { primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext();
     const { handleAcknowledgeExportPrompt } = useSyncEmbeddedWalletFlow();
     const { isTurnkeyWallet } = useIsTurnkeyWallet();
-    const { shadowRoot } = useShadowDOMContext();
     const { setDynamicWidgetView } = useWidgetContext();
     const { pushView } = useViewContext();
     const { getEOAWallet, isSmartWallet } = useSmartWallets();
     const [acknowledgement1, setAcknowledgement1] = useState(false);
-    const [hasRevealedCoinbaseMpcKey, setHasRevealedCoinbaseMpcKey] = useState(false);
     const iframeContainerRef = useRef(null);
     const walletProperties = (_b = (_a = user === null || user === void 0 ? void 0 : user.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 wallet = (_c = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _c !== void 0 ? _c : primaryWallet;
-    const isCoinbaseMpcWallet = wallet && isCoinbaseMpcWalletConnector(wallet.connector);
     // eslint-disable-next-line arrow-body-style
     useEffect(() => {
         return () => {
@@ -136,14 +134,14 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     const { isLoading: exportLoading } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _e, _f;
+        var _d, _e;
         const iframeContainerElement = iframeContainerRef.current;
         if (!iframeContainerElement ||
-            ((_e = iframeContainerElement === null || iframeContainerElement === void 0 ? void 0 : iframeContainerElement.children) === null || _e === void 0 ? void 0 : _e.length) > 0) {
+            ((_d = iframeContainerElement === null || iframeContainerElement === void 0 ? void 0 : iframeContainerElement.children) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             return;
         }
         if (isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
-            yield ((_f = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _f === void 0 ? void 0 : _f.createOrRestoreSession());
+            yield ((_e = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _e === void 0 ? void 0 : _e.createOrRestoreSession());
         }
         return initExport({
             iframeContainer: iframeContainerElement,
@@ -152,11 +150,8 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
         });
     }));
     const { mutate: handleExportWallet, isLoading, error, data, } = useMutation(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _g, _h, _j;
+        var _f, _g, _h;
         handleAcknowledgeExportPrompt();
-        if (isCoinbaseMpcWallet) {
-            return (wallet === null || wallet === void 0 ? void 0 : wallet.connector).exportWalletKeys();
-        }
         if (isTurnkeyWallet) {
             try {
                 return yield exportCredential({
@@ -166,11 +161,11 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
                     wallet: wallet,
                 });
             }
-            catch (_k) {
+            catch (_j) {
                 if (isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector) &&
-                    ((_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.removeSessionKeys)) {
-                    yield ((_h = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _h === void 0 ? void 0 : _h.removeSessionKeys());
-                    yield ((_j = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _j === void 0 ? void 0 : _j.createOrRestoreSession({
+                    ((_f = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _f === void 0 ? void 0 : _f.removeSessionKeys)) {
+                    yield ((_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.removeSessionKeys());
+                    yield ((_h = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _h === void 0 ? void 0 : _h.createOrRestoreSession({
                         ignoreRestore: true,
                     }));
                 }
@@ -188,17 +183,6 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
             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) {
@@ -251,15 +235,10 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
         return t('dyn_embedded_reveal.agreement_title');
     };
     const title = getTitle();
-    // 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: (_d = ApiEndpoint === null || ApiEndpoint === void 0 ? void 0 : ApiEndpoint.getBaseUrl()) === null || _d === void 0 ? void 0 : _d.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' }));
     const handleClickUnlink = () => {
         pushView('embedded-delete-view');
     };
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: isPromptForExport ? null : 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 ? (jsxs(Fragment, { children: [jsx(TypographyButton, { buttonPadding: 'large', buttonVariant: 'brand-primary', onClick: () => setShowAuthFlow(false), loading: isLoading, copykey: 'dyn_embedded_reveal.done_button_label', typographyProps: {
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: isPromptForExport ? null : 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, isTurnkeyWallet ? (jsx("div", { id: iframeContainerId, style: { display: data ? 'block' : 'none' }, ref: iframeContainerRef })) : null, hasInjectedCredential ? (jsxs(Fragment, { children: [jsx(TypographyButton, { 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') }), !exportPrivateKey && (jsx(TypographyButton, { buttonClassName: 'embedded-reveal-view__body__unlink_button', buttonVariant: 'tertiary', buttonPadding: 'none', copykey: 'dyn_embedded_reveal.unlink', onClick: handleClickUnlink, typographyProps: {
                                         color: 'secondary',

package/src/lib/views/FarcasterConnectView/FarcasterConnectView.cjs

@@ -39,6 +39,7 @@ require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 var useIconThemeVariant = require('../../utils/hooks/useIconThemeVariant/useIconThemeVariant.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/views/FarcasterConnectView/FarcasterConnectView.js

@@ -35,6 +35,7 @@ import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import { useIconThemeVariant } from '../../utils/hooks/useIconThemeVariant/useIconThemeVariant.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/LoadingContext/LoadingContext.js';

package/src/lib/views/GlobalWalletConfirmView/GlobalWalletConfirmView.cjs

@@ -40,6 +40,7 @@ require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/views/GlobalWalletConfirmView/GlobalWalletConfirmView.js

@@ -36,6 +36,7 @@ import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/LoadingContext/LoadingContext.js';

package/src/lib/views/GlobalWalletMaliciousView/GlobalWalletMaliciousView.cjs

@@ -47,6 +47,7 @@ require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/views/GlobalWalletMaliciousView/GlobalWalletMaliciousView.js

@@ -43,6 +43,7 @@ import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/LoadingContext/LoadingContext.js';

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

@@ -40,6 +40,7 @@ require('react-dom');
 require('../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 var LoadingContext = require('../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -36,6 +36,7 @@ import 'react-dom';
 import '../../../utils/functions/compareChains/compareChains.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import { useLoadingContext } from '../../../context/LoadingContext/LoadingContext.js';

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.cjs

@@ -41,6 +41,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.js

@@ -37,6 +37,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

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

@@ -30,11 +30,11 @@ require('react-international-phone');
 var getCustomCountries = require('../../../../utils/functions/getCustomCountries/getCustomCountries.cjs');
 require('../../../../store/state/nonce/nonce.cjs');
 require('../../../../store/state/projectSettings/projectSettings.cjs');
+var getSupportedCountriesForVerificationFromProjectSettings = require('../../../../utils/functions/getSupportedCountriesForVerificationFromProjectSettings/getSupportedCountriesForVerificationFromProjectSettings.cjs');
+var getDefaultCountriesIfEmpty = require('../../../../utils/functions/getDefaultCountriesIfEmpty/getDefaultCountriesIfEmpty.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
-var getSupportedCountriesForVerificationFromProjectSettings = require('../../../../utils/functions/getSupportedCountriesForVerificationFromProjectSettings/getSupportedCountriesForVerificationFromProjectSettings.cjs');
-var getDefaultCountriesIfEmpty = require('../../../../utils/functions/getDefaultCountriesIfEmpty/getDefaultCountriesIfEmpty.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
@@ -45,6 +45,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -26,11 +26,11 @@ import 'react-international-phone';
 import { getCustomCountries } from '../../../../utils/functions/getCustomCountries/getCustomCountries.js';
 import '../../../../store/state/nonce/nonce.js';
 import '../../../../store/state/projectSettings/projectSettings.js';
+import { getSupportedCountriesForVerificationFromProjectSettings } from '../../../../utils/functions/getSupportedCountriesForVerificationFromProjectSettings/getSupportedCountriesForVerificationFromProjectSettings.js';
+import { getDefaultCountriesIfEmpty } from '../../../../utils/functions/getDefaultCountriesIfEmpty/getDefaultCountriesIfEmpty.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
-import { getSupportedCountriesForVerificationFromProjectSettings } from '../../../../utils/functions/getSupportedCountriesForVerificationFromProjectSettings/getSupportedCountriesForVerificationFromProjectSettings.js';
-import { getDefaultCountriesIfEmpty } from '../../../../utils/functions/getDefaultCountriesIfEmpty/getDefaultCountriesIfEmpty.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
@@ -41,6 +41,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

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

@@ -39,6 +39,7 @@ require('react-dom');
 require('../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -35,6 +35,7 @@ import 'react-dom';
 import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/LoadingContext/LoadingContext.js';

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

@@ -41,6 +41,7 @@ require('react-dom');
 require('../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 var SocialRedirectContext = require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 var useSocialAuth = require('../../../../../utils/hooks/useSocialAuth/useSocialAuth.cjs');

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

@@ -37,6 +37,7 @@ import 'react-dom';
 import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import { useSocialRedirectContext } from '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import { useSocialAuth } from '../../../../../utils/hooks/useSocialAuth/useSocialAuth.js';

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

@@ -41,6 +41,7 @@ require('../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var useMutation = require('../../../../../utils/hooks/useMutation/useMutation.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 var SocialRedirectContext = require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -37,6 +37,7 @@ import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { useMutation } from '../../../../../utils/hooks/useMutation/useMutation.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import { useSocialRedirectContext } from '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/LoadingContext/LoadingContext.js';

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

@@ -39,6 +39,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -35,6 +35,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

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

@@ -39,6 +39,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/views/LoginView/sections/ToggleableSection/ToggleableSection.js

@@ -35,6 +35,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

package/src/lib/views/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.cjs

@@ -41,6 +41,7 @@ require('react-dom');
 require('../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/views/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.js

@@ -37,6 +37,7 @@ import 'react-dom';
 import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/LoadingContext/LoadingContext.js';

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

@@ -40,6 +40,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSignInSection.js

@@ -36,6 +36,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.cjs

@@ -40,6 +40,7 @@ require('react-dom');
 require('../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.js

@@ -36,6 +36,7 @@ import 'react-dom';
 import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/LoadingContext/LoadingContext.js';

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

@@ -40,6 +40,7 @@ require('react-dom');
 require('../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 var SocialRedirectContext = require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/LoadingContext/LoadingContext.cjs');