@dynamic-labs/sdk-react-core 4.29.4 → 4.29.5

package/src/lib/views/AccountUpgradedView/AccountUpgradedView.js

@@ -0,0 +1,120 @@
+'use client'
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import { Typography } from '../../components/Typography/Typography.js';
+import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'react';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
+import { ReactComponent as SvgSparkles } from '../../shared/assets/sparkles.js';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../shared/consts/index.js';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../store/state/nonce/nonce.js';
+import '@dynamic-labs-sdk/client/core';
+import '../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../config/ApiEndpoint.js';
+import '../../store/state/projectSettings/projectSettings.js';
+import '../../locale/locale.js';
+import '../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../store/state/authMode/authMode.js';
+import '../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
+import '../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.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';
+import '../../context/WalletContext/WalletContext.js';
+import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../CollectUserDataView/useFields.js';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../store/state/walletOptions/walletOptions.js';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import { IconButton } from '../../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/OverlayCard/OverlayCard.js';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import { ModalHeader } from '../../components/ModalHeader/ModalHeader.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 '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
+import '../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
+import '../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../context/OnrampContext/OnrampContext.js';
+import '../../store/state/sendBalances.js';
+import '../../store/state/connectorsInitializing/connectorsInitializing.js';
+import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
+import '../../../index.js';
+import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
+import '../../store/state/tokenBalances.js';
+import '../../store/state/multichainBalances.js';
+import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+
+const AccountUpgradedView = () => {
+    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { t } = useTranslation();
+    const handleContinue = () => {
+        setShowAuthFlow(false);
+    };
+    const closeButton = (jsx(IconButton, { onClick: () => {
+            setShowAuthFlow(false);
+        }, type: 'button', children: jsx(SvgClose, {}) }));
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, displayBorder: true, children: jsx(Typography, { variant: 'title', color: 'primary', children: t('dyn_account_upgraded.title') }) }), jsxs("div", { className: 'account-upgraded-view', children: [jsxs("div", { className: 'account-upgraded-view__content', children: [jsx("div", { className: 'account-upgraded-view__icon-container', children: jsx("div", { className: 'account-upgraded-view__icon-background', children: jsx(SvgSparkles, { className: 'account-upgraded-view__icon' }) }) }), jsx("div", { className: 'account-upgraded-view__message', children: jsx(Typography, { variant: 'body_normal', color: 'primary', style: { textAlign: 'center' }, children: t('dyn_account_upgraded.message') }) })] }), jsx("div", { className: 'account-upgraded-view__actions', children: jsx(TypographyButton, { onClick: handleContinue, buttonVariant: 'brand-primary', expanded: true, buttonPadding: 'large', typographyProps: {
+                                color: 'white',
+                            }, dataTestId: 'account-upgraded-continue-button', children: t('dyn_account_upgraded.continue_button') }) })] })] }));
+};
+
+export { AccountUpgradedView };

package/src/lib/views/AccountUpgradedView/index.d.ts

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

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -33,8 +33,10 @@ var updatePrimaryWalletId = require('../../utils/functions/updatePrimaryWalletId
 require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
-var dynamicEvents = require('../../events/dynamicEvents.cjs');
+var email = require('../../data/api/email/email.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../locale/locale.cjs');
+var dynamicEvents = require('../../events/dynamicEvents.cjs');
 var storeTokenAndUser = require('../../client/extension/storeTokenAndUser/storeTokenAndUser.cjs');
 var convertSdkUserToUserProfile = require('../../client/extension/user/convertSdkUserToUserProfile/convertSdkUserToUserProfile.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
@@ -49,8 +51,6 @@ var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
-var email = require('../../data/api/email/email.cjs');
-require('../../locale/locale.cjs');
 var useOtpVerificationRequest = require('../../utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');

package/src/lib/views/EmailVerification/EmailVerification.js

@@ -29,8 +29,10 @@ import { updatePrimaryWalletId } from '../../utils/functions/updatePrimaryWallet
 import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
-import { dynamicEvents } from '../../events/dynamicEvents.js';
+import { signInWithEmailVerification, retryEmailVerification } from '../../data/api/email/email.js';
 import '../../store/state/projectSettings/projectSettings.js';
+import '../../locale/locale.js';
+import { dynamicEvents } from '../../events/dynamicEvents.js';
 import { storeTokenAndUser } from '../../client/extension/storeTokenAndUser/storeTokenAndUser.js';
 import { convertSdkUserToUserProfile } from '../../client/extension/user/convertSdkUserToUserProfile/convertSdkUserToUserProfile.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
@@ -45,8 +47,6 @@ import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
-import { signInWithEmailVerification, retryEmailVerification } from '../../data/api/email/email.js';
-import '../../locale/locale.js';
 import { useOtpVerificationRequest } from '../../utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';

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

@@ -3,12 +3,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../../_virtual/_tslib.cjs');
 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');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 var close = require('../../../shared/assets/close.cjs');
 var exportEmbeddedHero = require('../../../shared/assets/export-embedded-hero.cjs');
@@ -17,8 +15,10 @@ var info = require('../../../shared/assets/info.cjs');
 var walletV2 = require('../../../shared/assets/wallet-v2.cjs');
 require('@dynamic-labs/iconic');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
+require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
@@ -44,6 +44,7 @@ require('../../../locale/locale.cjs');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+var exportWalletCredential = require('../../../utils/functions/exportWalletCredential/exportWalletCredential.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -58,7 +59,6 @@ require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchem
 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');
 require('../../../context/LoadingContext/LoadingContext.cjs');
@@ -110,7 +110,6 @@ require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 var Checkbox = require('../../../components/Checkbox/Checkbox.cjs');
-var constants = require('../constants.cjs');
 var waasExport = require('../utils/waasExport/waasExport.cjs');
 require('../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
@@ -120,6 +119,7 @@ require('../../../store/state/tokenBalances.cjs');
 require('../../../store/state/multichainBalances.cjs');
 var useSyncEmbeddedWalletFlow = require('../../../utils/hooks/useSyncEmbeddedWalletFlow/useSyncEmbeddedWalletFlow.cjs');
 require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var EmbeddedWalletExport = require('../../../components/EmbeddedWalletExport/EmbeddedWalletExport.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
@@ -130,14 +130,12 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
     const { primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
     const { handleAcknowledgeExportPrompt } = useSyncEmbeddedWalletFlow.useSyncEmbeddedWalletFlow();
     const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();
-    const isWaasWallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((vc) => { var _a; return (_a = vc.walletName) === null || _a === void 0 ? void 0 : _a.startsWith('dynamicwaas'); });
+    const isWaasWallet = Boolean(user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((vc) => { var _a; return (_a = vc.walletName) === null || _a === void 0 ? void 0 : _a.startsWith('dynamicwaas'); }));
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { pushView } = ViewContext.useViewContext();
     const { getEOAWallet, isSmartWallet } = useSmartWallets.useSmartWallets();
     const [acknowledgement1, setAcknowledgement1] = React.useState(false);
-    const iframeContainerRef = React.useRef(null);
-    const [showSkeleton, setShowSkeleton] = React.useState(false);
-    const [waasExportComplete, setWaasExportComplete] = React.useState(false);
+    const [iframeContainerRef, setIframeContainerRef] = React.useState(null);
     if (!primaryWallet) {
         throw new utils.DynamicError('No primary wallet found', errors.INVALID_WALLET_DATA);
     }
@@ -168,89 +166,21 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
         // only run once on unmount
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    const { isLoading: exportLoading } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _d, _e;
-        const iframeContainerElement = iframeContainerRef.current;
-        if (!iframeContainerElement ||
-            ((_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 ((_e = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _e === void 0 ? void 0 : _e.createOrRestoreSession());
-        }
-        if (isTurnkeyWallet) {
-            return turnkeyExport.initExport({
-                iframeContainer: iframeContainerElement,
-                iframeElementId: constants.iframeElementId,
-                wallet: wallet,
-            });
-        }
-        return;
-    }));
-    const { mutate: handleExportWallet, isLoading, error, data, } = useMutation.useMutation(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _f, _g, _h;
-        handleAcknowledgeExportPrompt();
-        if (isTurnkeyWallet) {
-            try {
-                return yield turnkeyExport.exportCredential({
-                    address: exportPrivateKey ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
-                    environmentId,
-                    user,
-                    wallet: wallet,
-                });
-            }
-            catch (err) {
-                if (walletConnectorCore.isSessionKeyCompatibleWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector) &&
-                    ((_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,
-                    }));
-                    logger.logger.error('[TK - removeSessionKeys] failed to perform revealEmbeddedWalletKey activity', {
-                        address: wallet === null || wallet === void 0 ? void 0 : wallet.address,
-                        err,
-                        userId: user === null || user === void 0 ? void 0 : user.userId,
-                    });
-                }
-                return turnkeyExport.exportCredential({
-                    address: exportPrivateKey ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
-                    environmentId,
-                    user,
-                    wallet: wallet,
-                });
-            }
-        }
-        if (isWaasWallet) {
-            // Start the export in the background
-            waasExport.exportWaasCredential({
-                address: exportPrivateKey ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
-                iframeContainer: iframeContainerRef.current,
-                user,
-                wallet: wallet,
-            })
-                .then(() => {
-                setWaasExportComplete(true);
-            })
-                .catch((error) => {
-                logger.logger.error(`Failed in exporting waas wallet ${wallet === null || wallet === void 0 ? void 0 : wallet.id}`, error);
-                dynamicEvents.dynamicEvents.emit('embeddedWalletRevealFailed', error);
-            });
-            // Return true immediately to show skeleton
-            return true;
-        }
-        return undefined;
+    const { mutate: handleExportWallet, isLoading, error, data, } = useMutation.useMutation(() => exportWalletCredential.exportWalletCredential({
+        environmentId,
+        exportPrivateKey,
+        handleAcknowledgeExportPrompt,
+        iframeContainerRef: iframeContainerRef,
+        isTurnkeyWallet,
+        isWaasWallet,
+        user,
+        wallet,
     }), {
         onFailure: (err) => {
             logger.logger.error('Failed to export', err);
             dynamicEvents.dynamicEvents.emit('embeddedWalletRevealFailed', err);
         },
     });
-    // Reset waasExportComplete when data changes to false (new export starting)
-    React.useEffect(() => {
-        if (!data) {
-            setWaasExportComplete(false);
-        }
-    }, [data]);
     const errorText = React.useMemo(() => {
         if (!error) {
             return undefined;
@@ -277,26 +207,6 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
                                     setShowAuthFlow(false);
                                     setDynamicWidgetView('send-balance');
                                 }, className: 'embedded-reveal-view__zerodev-warning__link-button', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'primary', className: 'underline', copykey: 'dyn_embedded_reveal.aa_warning.button', children: t('dyn_embedded_reveal.aa_warning.button') }) })] })] })), jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__description', children: !(!isLoading && data && !error) && (jsxRuntime.jsx("div", { className: 'embedded-reveal-view__header', children: jsxRuntime.jsx("div", { className: 'embedded-reveal-view__header__hero', children: jsxRuntime.jsx(exportEmbeddedHero.ReactComponent, {}) }) })) })] }));
-    React.useEffect(() => {
-        if (data) {
-            // Show skeleton first
-            setShowSkeleton(true);
-            if (isWaasWallet) {
-                // For WAAS wallets, hide skeleton when export is actually complete
-                if (waasExportComplete) {
-                    setShowSkeleton(false);
-                }
-            }
-            else {
-                // For other wallets, use the fixed 2-second delay
-                const timer = setTimeout(() => {
-                    setShowSkeleton(false);
-                }, 2000);
-                return () => clearTimeout(timer);
-            }
-        }
-        return;
-    }, [data, isWaasWallet, waasExportComplete]);
     const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { onClick: () => {
             setShowAuthFlow(false);
         }, type: 'button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
@@ -325,42 +235,10 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
         }
         return baseClass;
     };
-    const getCredentialContainerClassName = () => {
-        const baseClass = 'embedded-reveal-view__body__credential-container';
-        if (title !== credentialTitle) {
-            return `${baseClass} ${baseClass}--hidden`;
-        }
-        if (isWaasWallet) {
-            return `${baseClass} ${baseClass}--waas`;
-        }
-        return baseClass;
-    };
-    const getIframeContainerClassName = () => {
-        const baseClass = 'embedded-reveal-view__body__iframe-container';
-        if (!data) {
-            return `${baseClass} ${baseClass}--hidden`;
-        }
-        if (showSkeleton) {
-            return `${baseClass} ${baseClass}--invisible`;
-        }
-        return baseClass;
-    };
-    const getSkeletonLines = () => {
-        const lineCount = 5; // Updated for 110px height
-        const lines = [];
-        for (let i = 0; i < lineCount; i++) {
-            const isLastLine = i === lineCount - 1;
-            const className = isLastLine
-                ? 'embedded-reveal-view__body__skeleton-line embedded-reveal-view__body__skeleton-line--short'
-                : 'embedded-reveal-view__body__skeleton-line';
-            lines.push(jsxRuntime.jsx("div", { className: className, "data-testid": i === 0 ? 'private-key-skeleton' : undefined }, i));
-        }
-        return lines;
-    };
     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: getBodyClassName(), children: [(!isWaasWallet ||
                             !hasInjectedCredential ||
                             title !== credentialTitle) &&
-                            contentHeader, isTurnkeyWallet || isWaasWallet ? (jsxRuntime.jsxs("div", { className: getCredentialContainerClassName(), children: [jsxRuntime.jsx("div", { id: constants.iframeContainerId, className: getIframeContainerClassName(), ref: iframeContainerRef }), showSkeleton && data && (jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__skeleton-container', children: getSkeletonLines() }))] })) : null, hasInjectedCredential ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', onClick: () => {
+                            contentHeader, (isTurnkeyWallet || isWaasWallet) && (jsxRuntime.jsx(EmbeddedWalletExport.EmbeddedWalletExport, { wallet: wallet, isTurnkeyWallet: isTurnkeyWallet, isWaasWallet: isWaasWallet, data: data, onIframeContainerRef: setIframeContainerRef, isVisible: !title.includes('Agree') })), hasInjectedCredential ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', onClick: () => {
                                         setShowAuthFlow(false);
                                     }, loading: isLoading, copykey: 'dyn_embedded_reveal.done_button_label', typographyProps: {
                                         color: 'inherit',
@@ -372,7 +250,7 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
                                                 setShowAuthFlow(false);
                                             }, dataTestId: 'embedded-reveal-button', copykey: 'dyn_embedded_reveal.skip_button_label', expanded: true, buttonClassName: 'embedded-reveal-view__body__button', children: t('dyn_embedded_reveal.skip_button_label') })), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', typographyProps: {
                                                 color: 'inherit',
-                                            }, onClick: () => handleExportWallet(), disabled: !acknowledgement1 || exportLoading, loading: isLoading, dataTestId: 'embedded-reveal-button', copykey: 'dyn_embedded_reveal.reveal_button_label', style: { width: '100%' }, className: 'embedded-reveal-view__body__button', expanded: true, children: isPromptForExport
+                                            }, onClick: () => handleExportWallet(), disabled: !acknowledgement1, loading: isLoading, dataTestId: 'embedded-reveal-button', copykey: 'dyn_embedded_reveal.reveal_button_label', style: { width: '100%' }, className: 'embedded-reveal-view__body__button', expanded: true, children: isPromptForExport
                                                 ? t('dyn_embedded_reveal.backup_button_label')
                                                 : t('dyn_embedded_reveal.reveal_button_label') })] })] }))] }) })] }));
 };