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

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

@@ -1,10 +1,8 @@
 'use client'
-import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useRef, useEffect, useMemo } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DynamicError, AccessBlockedError } from '@dynamic-labs/utils';
-import { isSessionKeyCompatibleWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import { ReactComponent as SvgClose } from '../../../shared/assets/close.js';
 import { ReactComponent as SvgExportEmbeddedHero } from '../../../shared/assets/export-embedded-hero.js';
@@ -13,8 +11,10 @@ import { ReactComponent as SvgInfo } from '../../../shared/assets/info.js';
 import { ReactComponent as SvgWalletV2 } from '../../../shared/assets/wallet-v2.js';
 import '@dynamic-labs/iconic';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
@@ -40,6 +40,7 @@ import '../../../locale/locale.js';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import { exportWalletCredential } from '../../../utils/functions/exportWalletCredential/exportWalletCredential.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -54,12 +55,11 @@ import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema
 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';
 import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/WalletContext/WalletContext.js';
-import { cleanupExport, exportCredential, initExport } from '../utils/turnkeyExport/turnkeyExport.js';
+import { cleanupExport } from '../utils/turnkeyExport/turnkeyExport.js';
 import '../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
@@ -106,8 +106,7 @@ import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import { Checkbox } from '../../../components/Checkbox/Checkbox.js';
-import { iframeContainerId, iframeElementId } from '../constants.js';
-import { cleanupExport as cleanupExport$1, exportWaasCredential } from '../utils/waasExport/waasExport.js';
+import { cleanupExport as cleanupExport$1 } from '../utils/waasExport/waasExport.js';
 import '../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
@@ -116,6 +115,7 @@ import '../../../store/state/tokenBalances.js';
 import '../../../store/state/multichainBalances.js';
 import { useSyncEmbeddedWalletFlow } from '../../../utils/hooks/useSyncEmbeddedWalletFlow/useSyncEmbeddedWalletFlow.js';
 import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { EmbeddedWalletExport } from '../../../components/EmbeddedWalletExport/EmbeddedWalletExport.js';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/IsBrowser/IsBrowser.js';
 import '../../../components/Popper/Popper/Popper.js';
@@ -126,14 +126,12 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
     const { primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext();
     const { handleAcknowledgeExportPrompt } = useSyncEmbeddedWalletFlow();
     const { isTurnkeyWallet } = 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 } = useWidgetContext();
     const { pushView } = useViewContext();
     const { getEOAWallet, isSmartWallet } = useSmartWallets();
     const [acknowledgement1, setAcknowledgement1] = useState(false);
-    const iframeContainerRef = useRef(null);
-    const [showSkeleton, setShowSkeleton] = useState(false);
-    const [waasExportComplete, setWaasExportComplete] = useState(false);
+    const [iframeContainerRef, setIframeContainerRef] = useState(null);
     if (!primaryWallet) {
         throw new DynamicError('No primary wallet found', INVALID_WALLET_DATA);
     }
@@ -164,89 +162,21 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
         // only run once on unmount
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    const { isLoading: exportLoading } = usePromise(() => __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 (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 initExport({
-                iframeContainer: iframeContainerElement,
-                iframeElementId,
-                wallet: wallet,
-            });
-        }
-        return;
-    }));
-    const { mutate: handleExportWallet, isLoading, error, data, } = useMutation(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _f, _g, _h;
-        handleAcknowledgeExportPrompt();
-        if (isTurnkeyWallet) {
-            try {
-                return yield exportCredential({
-                    address: exportPrivateKey ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
-                    environmentId,
-                    user,
-                    wallet: wallet,
-                });
-            }
-            catch (err) {
-                if (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.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 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
-            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.error(`Failed in exporting waas wallet ${wallet === null || wallet === void 0 ? void 0 : wallet.id}`, error);
-                dynamicEvents.emit('embeddedWalletRevealFailed', error);
-            });
-            // Return true immediately to show skeleton
-            return true;
-        }
-        return undefined;
+    const { mutate: handleExportWallet, isLoading, error, data, } = useMutation(() => exportWalletCredential({
+        environmentId,
+        exportPrivateKey,
+        handleAcknowledgeExportPrompt,
+        iframeContainerRef: iframeContainerRef,
+        isTurnkeyWallet,
+        isWaasWallet,
+        user,
+        wallet,
     }), {
         onFailure: (err) => {
             logger.error('Failed to export', err);
             dynamicEvents.emit('embeddedWalletRevealFailed', err);
         },
     });
-    // Reset waasExportComplete when data changes to false (new export starting)
-    useEffect(() => {
-        if (!data) {
-            setWaasExportComplete(false);
-        }
-    }, [data]);
     const errorText = useMemo(() => {
         if (!error) {
             return undefined;
@@ -273,26 +203,6 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
                                     setShowAuthFlow(false);
                                     setDynamicWidgetView('send-balance');
                                 }, className: 'embedded-reveal-view__zerodev-warning__link-button', children: jsx(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') }) })] })] })), jsx("div", { className: 'embedded-reveal-view__body__description', children: !(!isLoading && data && !error) && (jsx("div", { className: 'embedded-reveal-view__header', children: jsx("div", { className: 'embedded-reveal-view__header__hero', children: jsx(SvgExportEmbeddedHero, {}) }) })) })] }));
-    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 = (jsx(IconButton, { onClick: () => {
             setShowAuthFlow(false);
         }, type: 'button', children: jsx(SvgClose, {}) }));
@@ -321,42 +231,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(jsx("div", { className: className, "data-testid": i === 0 ? 'private-key-skeleton' : undefined }, i));
-        }
-        return lines;
-    };
     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: getBodyClassName(), children: [(!isWaasWallet ||
                             !hasInjectedCredential ||
                             title !== credentialTitle) &&
-                            contentHeader, isTurnkeyWallet || isWaasWallet ? (jsxs("div", { className: getCredentialContainerClassName(), children: [jsx("div", { id: iframeContainerId, className: getIframeContainerClassName(), ref: iframeContainerRef }), showSkeleton && data && (jsx("div", { className: 'embedded-reveal-view__body__skeleton-container', children: getSkeletonLines() }))] })) : null, hasInjectedCredential ? (jsxs(Fragment, { children: [jsx(TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', onClick: () => {
+                            contentHeader, (isTurnkeyWallet || isWaasWallet) && (jsx(EmbeddedWalletExport, { wallet: wallet, isTurnkeyWallet: isTurnkeyWallet, isWaasWallet: isWaasWallet, data: data, onIframeContainerRef: setIframeContainerRef, isVisible: !title.includes('Agree') })), hasInjectedCredential ? (jsxs(Fragment, { children: [jsx(TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', onClick: () => {
                                         setShowAuthFlow(false);
                                     }, loading: isLoading, copykey: 'dyn_embedded_reveal.done_button_label', typographyProps: {
                                         color: 'inherit',
@@ -368,7 +246,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') })), jsx(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') })] })] }))] }) })] }));
 };

package/src/lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs

@@ -44,12 +44,25 @@ const isTransactionExecutionError = (error) => error !== undefined &&
     typeof error === 'object' &&
     'walk' in error &&
     typeof error['walk'] === 'function';
+const getPolicyViolationErrorMsg = (error) => {
+    const message = getMessage(error);
+    return ((message === null || message === void 0 ? void 0 : message.replace('Error: ', '')) ||
+        'Policy violation: unknown error, please try again.');
+};
+const isPolicyViolationError = (error) => {
+    const message = getMessage(error);
+    return ((message === null || message === void 0 ? void 0 : message.toLowerCase().includes('policy violation')) ||
+        (message === null || message === void 0 ? void 0 : message.toLowerCase().includes('explicitly denied by policy')));
+};
 const transactionErrorMessage = (err) => {
     let error = err;
     if (isTransactionExecutionError(err)) {
         error = err.walk();
     }
     logger.logger.debug('transaction error:', error);
+    if (isPolicyViolationError(error)) {
+        return getPolicyViolationErrorMsg(error);
+    }
     if (utils.TransactionGasCannotBeSponsoredError.isInstance(error)) {
         return;
     }
@@ -75,5 +88,7 @@ const isMagicInsufficientFundsError = (error) => {
         Boolean(message === null || message === void 0 ? void 0 : message.includes('insufficient funds for gas * price + value')));
 };
 
+exports.getPolicyViolationErrorMsg = getPolicyViolationErrorMsg;
+exports.isPolicyViolationError = isPolicyViolationError;
 exports.isTransactionExecutionError = isTransactionExecutionError;
 exports.transactionErrorMessage = transactionErrorMessage;

package/src/lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.d.ts

@@ -2,4 +2,6 @@ import { TransactionError } from '../TransactionConfirmationView.types';
 export declare const isTransactionExecutionError: <T>(error: unknown) => error is {
     walk: () => T;
 };
+export declare const getPolicyViolationErrorMsg: (error: TransactionError) => string;
+export declare const isPolicyViolationError: (error: TransactionError) => boolean | undefined;
 export declare const transactionErrorMessage: (err: TransactionError) => string | undefined;

package/src/lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.js

@@ -40,12 +40,25 @@ const isTransactionExecutionError = (error) => error !== undefined &&
     typeof error === 'object' &&
     'walk' in error &&
     typeof error['walk'] === 'function';
+const getPolicyViolationErrorMsg = (error) => {
+    const message = getMessage(error);
+    return ((message === null || message === void 0 ? void 0 : message.replace('Error: ', '')) ||
+        'Policy violation: unknown error, please try again.');
+};
+const isPolicyViolationError = (error) => {
+    const message = getMessage(error);
+    return ((message === null || message === void 0 ? void 0 : message.toLowerCase().includes('policy violation')) ||
+        (message === null || message === void 0 ? void 0 : message.toLowerCase().includes('explicitly denied by policy')));
+};
 const transactionErrorMessage = (err) => {
     let error = err;
     if (isTransactionExecutionError(err)) {
         error = err.walk();
     }
     logger.debug('transaction error:', error);
+    if (isPolicyViolationError(error)) {
+        return getPolicyViolationErrorMsg(error);
+    }
     if (TransactionGasCannotBeSponsoredError.isInstance(error)) {
         return;
     }
@@ -71,4 +84,4 @@ const isMagicInsufficientFundsError = (error) => {
         Boolean(message === null || message === void 0 ? void 0 : message.includes('insufficient funds for gas * price + value')));
 };
 
-export { isTransactionExecutionError, transactionErrorMessage };
+export { getPolicyViolationErrorMsg, isPolicyViolationError, isTransactionExecutionError, transactionErrorMessage };

package/src/lib/views/WaasUpgradeView/WaasUpgradeView.cjs

@@ -0,0 +1,159 @@
+'use client'
+'use strict';
+
+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');
+require('@dynamic-labs/utils');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('@dynamic-labs/iconic');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+var upgrade = require('../../shared/assets/upgrade.cjs');
+require('@dynamic-labs/sdk-api-core');
+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');
+require('../../shared/consts/index.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+var useDynamicContext = require('../../context/DynamicContext/useDynamicContext/useDynamicContext.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../store/state/nonce/nonce.cjs');
+require('@dynamic-labs-sdk/client/core');
+require('../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../config/ApiEndpoint.cjs');
+require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../locale/locale.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../store/state/authMode/authMode.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../utils/functions/compareChains/compareChains.cjs');
+require('../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+var useSmartWallets = require('../../utils/hooks/useSmartWallets/useSmartWallets.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
+require('@dynamic-labs/types');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/WalletContext/WalletContext.cjs');
+require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../CollectUserDataView/useFields.cjs');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../store/state/walletOptions/walletOptions.cjs');
+var Typography = require('../../components/Typography/Typography.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
+var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+require('../../store/state/sendBalances.cjs');
+require('../../components/Input/Input.cjs');
+require('../../components/OverlayCard/OverlayCard.cjs');
+require('../TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
+require('../../../index.cjs');
+require('../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('qrcode');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
+require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
+require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
+require('../../store/state/tokenBalances.cjs');
+require('../../store/state/multichainBalances.cjs');
+require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+
+// TODO(zfaizal2): Add this back as a param in a future PR
+const enableNewWalletCreation = false;
+const WaasUpgradeView = ({ onUpgrade }) => {
+    const { pushView } = ViewContext.useViewContext();
+    const { primaryWallet, secondaryWallets } = useInternalDynamicContext.useInternalDynamicContext();
+    const { getEOAWallet } = useSmartWallets.useSmartWallets();
+    const userWallets = [primaryWallet, ...secondaryWallets].reduce((acc, wallet) => {
+        if (!wallet)
+            return acc;
+        // Check if the wallet itself is a Turnkey wallet
+        if (wallet.connector.key.startsWith('turnkey')) {
+            acc.push(wallet);
+        }
+        // Check if it's a smart contract wallet with a Turnkey EOA signer
+        const eoaWallet = getEOAWallet(wallet);
+        if (eoaWallet && eoaWallet.connector.key.startsWith('turnkey')) {
+            // Check if EOA wallet is already in the accumulator to avoid duplicates
+            const isAlreadyIncluded = acc.some((existingWallet) => existingWallet.id === eoaWallet.id);
+            if (!isAlreadyIncluded) {
+                acc.push(eoaWallet);
+            }
+        }
+        return acc;
+    }, []);
+    const { t } = reactI18next.useTranslation();
+    const { setShowAuthFlow } = useDynamicContext.useDynamicContext();
+    const [selectedWallets] = React.useState(userWallets.map((w) => { var _a; return (_a = w === null || w === void 0 ? void 0 : w.id) !== null && _a !== void 0 ? _a : ''; }));
+    const [upgradeOption, setUpgradeOption] = React.useState('keep');
+    const handleUpgrade = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (selectedWallets.length === 0)
+            return;
+        if (upgradeOption === 'keep') {
+            const walletsToUpgrade = selectedWallets
+                .map((walletId) => userWallets.find((w) => (w === null || w === void 0 ? void 0 : w.id) === walletId))
+                .filter((w) => w !== undefined && w !== null);
+            pushView('wallet-upgrade-flow-view', {
+                method: 'existing',
+                wallets: walletsToUpgrade,
+            });
+        }
+        onUpgrade === null || onUpgrade === void 0 ? void 0 : onUpgrade(selectedWallets, upgradeOption);
+    });
+    return (jsxRuntime.jsxs("div", { className: 'waas-upgrade-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', children: t('dyn_upgrade_wallet.title') }) }), jsxRuntime.jsxs("div", { className: 'waas-upgrade-view__content', children: [jsxRuntime.jsx("div", { className: 'waas-upgrade-view__illustration', children: jsxRuntime.jsx(upgrade.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { as: 'p', variant: 'body_normal', className: 'waas-upgrade-view__new-version-message', children: t('dyn_upgrade_wallet.description') }), jsxRuntime.jsxs("div", { className: 'waas-upgrade-view__wallets-section', children: [jsxRuntime.jsx("div", { className: 'waas-upgrade-view__section-header', children: jsxRuntime.jsx(Typography.Typography, { color: 'primary', children: t('dyn_upgrade_wallet.eligible_wallets') }) }), jsxRuntime.jsx("div", { className: 'waas-upgrade-view__wallets-list', children: userWallets.map((wallet) => (jsxRuntime.jsx("div", { className: 'waas-upgrade-view__wallet-item', children: jsxRuntime.jsx("div", { className: 'waas-upgrade-view__wallet-info', children: jsxRuntime.jsxs("div", { className: 'waas-upgrade-view__wallet-details', children: [jsxRuntime.jsx(Typography.Typography, { color: 'primary', children: wallet.chain }), jsxRuntime.jsxs(Typography.Typography, { color: 'primary', children: [wallet.address.slice(0, 6), "...", wallet.address.slice(-4)] })] }) }) }, wallet.id))) })] }), enableNewWalletCreation , jsxRuntime.jsxs("div", { className: 'waas-upgrade-view__actions', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', onClick: handleUpgrade, disabled: selectedWallets.length === 0, copykey: 'dyn_upgrade_wallet.upgrade', typographyProps: {
+                                    color: 'inherit',
+                                }, children: t('dyn_upgrade_wallet.upgrade') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'tertiary', onClick: () => {
+                                    setShowAuthFlow(false);
+                                }, children: t('dyn_upgrade_wallet.not_now') })] })] })] }));
+};
+
+exports.WaasUpgradeView = WaasUpgradeView;

package/src/lib/views/WaasUpgradeView/WaasUpgradeView.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export interface WaasUpgradeViewProps {
+    onUpgrade?: (selectedWallets: string[], upgradeOption: 'keep' | 'fresh') => void;
+}
+export declare const WaasUpgradeView: FC<WaasUpgradeViewProps>;