@dynamic-labs/sdk-react-core 4.47.2 → 4.48.0

package/src/lib/views/viewToComponentMap.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var AccessBlockedView = require('./AccessBlockedView/AccessBlockedView.cjs');
 var AccountExistsView = require('./AccountExistsView/AccountExistsView.cjs');
+var AccountUpgradedView = require('./AccountUpgradedView/AccountUpgradedView.cjs');
 var BackupUnsuccessfulView = require('./BackupUnsuccessfulView/BackupUnsuccessfulView.cjs');
 var BridgeNextWalletConnectionView = require('./BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.cjs');
 var BridgeSummaryView = require('./BridgeSummaryView/BridgeSummaryView.cjs');
@@ -21,6 +22,7 @@ var EmbeddedDeleteView = require('./EmbeddedDeleteView/EmbeddedDeleteView.cjs');
 var EmbeddedRevealView = require('./EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.cjs');
 var ExchangeList = require('./ExchangeList/ExchangeList.cjs');
 var ExchangeWhitelistWarning = require('./ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
+var ExportSharesView = require('./ExportSharesView/ExportSharesView.cjs');
 var FarcasterConnectView = require('./FarcasterConnectView/FarcasterConnectView.cjs');
 var GlobalWalletConfirmView = require('./GlobalWalletConfirmView/GlobalWalletConfirmView.cjs');
 var GlobalWalletInfoView = require('./GlobalWalletInfoView/GlobalWalletInfoView.cjs');
@@ -133,8 +135,8 @@ require('../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cj
 var PendingSignatureView = require('./PendingSignatureView/PendingSignatureView.cjs');
 var QrCodeView = require('./QrCodeView/QrCodeView.cjs');
 var WalletList = require('./WalletList/WalletList.cjs');
-var SetupPasskeyView = require('./Passkey/SetupPasskeyView/SetupPasskeyView.cjs');
 var ConfirmPasskeyView = require('./Passkey/ConfirmPasskeyView/ConfirmPasskeyView.cjs');
+var SetupPasskeyView = require('./Passkey/SetupPasskeyView/SetupPasskeyView.cjs');
 var PendingConnectView = require('./PendingConnectView/PendingConnectView.cjs');
 var SandboxMaximumThresholdReached = require('./SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.cjs');
 var SelectHardwareWalletView = require('./SelectHardwareWalletView/SelectHardwareWalletView.cjs');
@@ -144,6 +146,7 @@ var SocialRedirectView = require('./SocialRedirectView/SocialRedirectView.cjs');
 var SocialWrongAccountView = require('./SocialWrongAccountView/SocialWrongAccountView.cjs');
 var UnifiedList = require('./UnifiedList/UnifiedList.cjs');
 var UserDeleteAccountView = require('./UserDeleteAccountView/UserDeleteAccountView.cjs');
+var WaasUpgradeView = require('./WaasUpgradeView/WaasUpgradeView.cjs');
 var WalletAlreadyExistsView = require('./WalletAlreadyExistsView/WalletAlreadyExistsView.cjs');
 var WalletCannotBeTransferredView = require('./WalletCannotBeTransferredView/WalletCannotBeTransferredView.cjs');
 var WalletGroupView = require('./WalletGroupView/WalletGroupView.cjs');
@@ -153,8 +156,6 @@ var WalletRedirectView = require('./WalletRedirectView/WalletRedirectView.cjs');
 var WalletSignSpinnerView = require('./WalletSignSpinnerView/WalletSignSpinnerView.cjs');
 var WalletUpgradeFlowView = require('./WalletUpgradeFlowView/WalletUpgradeFlowView.cjs');
 var WalletUsedView = require('./WalletUsedView/WalletUsedView.cjs');
-var WaasUpgradeView = require('./WaasUpgradeView/WaasUpgradeView.cjs');
-var AccountUpgradedView = require('./AccountUpgradedView/AccountUpgradedView.cjs');
 require('../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../store/state/tokenBalances.cjs');
 require('../store/state/multichainBalances.cjs');
@@ -185,6 +186,7 @@ const viewToComponentMap = {
     'embedded-wallet-auth-choice': EmbeddedAuthChoice.EmbeddedAuthChoice,
     'embedded-wallet-exists': WalletAlreadyExistsView.WalletAlreadyExistsView,
     'exchange-whitelist-warning': ExchangeWhitelistWarning.ExchangeWhitelistWarning,
+    'export-shares-view': ExportSharesView.ExportSharesView,
     'external-funding-exchange-list': ExchangeList.ExchangeList,
     'external-funding-wallet-list': WalletList.WalletList,
     'farcaster-connect-view': FarcasterConnectView.FarcasterConnectView,

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

@@ -26,6 +26,7 @@ export declare const viewToComponentMap: {
         onContinue: () => void;
         onClose: () => void;
     }>;
+    'export-shares-view': import("react").FC<import("./ExportSharesView").ExportSharesViewProps>;
     'external-funding-exchange-list': ({ onSelectExchange, showDefaultFooter, scrollContainerClassName, }: import("./ExchangeList").ExchangeListProps) => JSX.Element;
     'external-funding-wallet-list': ({ isWalletConnectList, onSelectWallet, viewWalletsFilter, showDefaultFooter, scrollContainerClassName, }: import("./WalletList").WalletListProps) => JSX.Element;
     'farcaster-connect-view': ({ url }: import("./FarcasterConnectView/FarcasterConnectView").FarcasterConnectViewProps) => JSX.Element;

package/src/lib/views/viewToComponentMap.js

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { AccessBlockedView } from './AccessBlockedView/AccessBlockedView.js';
 import { AccountExistsView } from './AccountExistsView/AccountExistsView.js';
+import { AccountUpgradedView } from './AccountUpgradedView/AccountUpgradedView.js';
 import { BackupUnsuccessfulView } from './BackupUnsuccessfulView/BackupUnsuccessfulView.js';
 import { BridgeNextWalletConnectionView } from './BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.js';
 import { BridgeSummaryView } from './BridgeSummaryView/BridgeSummaryView.js';
@@ -17,6 +18,7 @@ import { EmbeddedDeleteView } from './EmbeddedDeleteView/EmbeddedDeleteView.js';
 import { EmbeddedRevealView } from './EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.js';
 import { ExchangeList } from './ExchangeList/ExchangeList.js';
 import { ExchangeWhitelistWarning } from './ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
+import { ExportSharesView } from './ExportSharesView/ExportSharesView.js';
 import { FarcasterConnectView } from './FarcasterConnectView/FarcasterConnectView.js';
 import { GlobalWalletConfirmView } from './GlobalWalletConfirmView/GlobalWalletConfirmView.js';
 import { GlobalWalletInfoView } from './GlobalWalletInfoView/GlobalWalletInfoView.js';
@@ -129,8 +131,8 @@ import '../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js'
 import { PendingSignatureView } from './PendingSignatureView/PendingSignatureView.js';
 import { QrCodeView } from './QrCodeView/QrCodeView.js';
 import { WalletList } from './WalletList/WalletList.js';
-import { SetupPasskeyView } from './Passkey/SetupPasskeyView/SetupPasskeyView.js';
 import { ConfirmPasskeyView } from './Passkey/ConfirmPasskeyView/ConfirmPasskeyView.js';
+import { SetupPasskeyView } from './Passkey/SetupPasskeyView/SetupPasskeyView.js';
 import { PendingConnectView } from './PendingConnectView/PendingConnectView.js';
 import { SandboxMaximumThresholdReached } from './SandboxMaximumThresholdReached/SandboxMaximumThresholdReached.js';
 import { SelectHardwareWalletView } from './SelectHardwareWalletView/SelectHardwareWalletView.js';
@@ -140,6 +142,7 @@ import { SocialRedirectView } from './SocialRedirectView/SocialRedirectView.js';
 import { SocialWrongAccountView } from './SocialWrongAccountView/SocialWrongAccountView.js';
 import { UnifiedList } from './UnifiedList/UnifiedList.js';
 import { UserDeleteAccountView } from './UserDeleteAccountView/UserDeleteAccountView.js';
+import { WaasUpgradeView } from './WaasUpgradeView/WaasUpgradeView.js';
 import { WalletAlreadyExistsView } from './WalletAlreadyExistsView/WalletAlreadyExistsView.js';
 import { WalletCannotBeTransferredView } from './WalletCannotBeTransferredView/WalletCannotBeTransferredView.js';
 import { WalletGroupView } from './WalletGroupView/WalletGroupView.js';
@@ -149,8 +152,6 @@ import { WalletRedirectView } from './WalletRedirectView/WalletRedirectView.js';
 import { WalletSignSpinnerView } from './WalletSignSpinnerView/WalletSignSpinnerView.js';
 import { WalletUpgradeFlowView } from './WalletUpgradeFlowView/WalletUpgradeFlowView.js';
 import { WalletUsedView } from './WalletUsedView/WalletUsedView.js';
-import { WaasUpgradeView } from './WaasUpgradeView/WaasUpgradeView.js';
-import { AccountUpgradedView } from './AccountUpgradedView/AccountUpgradedView.js';
 import '../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../store/state/tokenBalances.js';
 import '../store/state/multichainBalances.js';
@@ -181,6 +182,7 @@ const viewToComponentMap = {
     'embedded-wallet-auth-choice': EmbeddedAuthChoice,
     'embedded-wallet-exists': WalletAlreadyExistsView,
     'exchange-whitelist-warning': ExchangeWhitelistWarning,
+    'export-shares-view': ExportSharesView,
     'external-funding-exchange-list': ExchangeList,
     'external-funding-wallet-list': WalletList,
     'farcaster-connect-view': FarcasterConnectView,

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/mapViewToComponent.cjs

@@ -23,6 +23,8 @@ var ConfirmExchangeTransferView = require('../../views/ConfirmExchangeTransferVi
 var ConnectedAppsView = require('../../views/ConnectedAppsView/ConnectedAppsView.cjs');
 var DepositedExchangeView = require('../../views/DepositedExchangeView/DepositedExchangeView.cjs');
 var DepositView = require('../../views/DepositView/DepositView.cjs');
+var ExportAndRecoveryView = require('../../views/ExportAndRecoveryView/ExportAndRecoveryView.cjs');
+var ExportSharesPasscodeView = require('../../views/ExportSharesPasscodeView/ExportSharesPasscodeView.cjs');
 var GlobalWalletView = require('../../views/GlobalWalletView/GlobalWalletView.cjs');
 var ManagePasskeysMfaWidgetView = require('../../views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
 var ManageTotpMfaWidgetView = require('../../views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
@@ -41,6 +43,8 @@ const mapViewToComponent = {
     'deposit-view': DepositView.DepositView,
     'deposited-exchange': DepositedExchangeView.DepositedExchangeView,
     'edit-profile': EditProfileView.EditProfileView,
+    'export-and-recovery': ExportAndRecoveryView.ExportAndRecoveryView,
+    'export-shares-passcode': ExportSharesPasscodeView.ExportSharesPasscodeView,
     'global-wallet': GlobalWalletView.GlobalWalletView,
     'manage-passkeys': ManagePasskeysWidgetView.ManagePasskeysWidgetView,
     'manage-passkeys-mfa': ManagePasskeysMfaWidgetView.ManagePasskeysMfaWidgetView,

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/mapViewToComponent.d.ts

@@ -20,6 +20,8 @@ export declare const mapViewToComponent: {
         toAddress: string;
     }>;
     'edit-profile': import("react").FC<import("../../views/EditProfileView/EditProfileView").EditProfileViewProps>;
+    'export-and-recovery': import("react").FC;
+    'export-shares-passcode': import("react").FC;
     'global-wallet': import("react").FC<{}>;
     'manage-passkeys': import("react").FC;
     'manage-passkeys-mfa': import("react").FC;

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetViews/mapViewToComponent.js

@@ -19,6 +19,8 @@ import { ConfirmExchangeTransferView } from '../../views/ConfirmExchangeTransfer
 import { ConnectedAppsView } from '../../views/ConnectedAppsView/ConnectedAppsView.js';
 import { DepositedExchangeView } from '../../views/DepositedExchangeView/DepositedExchangeView.js';
 import { DepositView } from '../../views/DepositView/DepositView.js';
+import { ExportAndRecoveryView } from '../../views/ExportAndRecoveryView/ExportAndRecoveryView.js';
+import { ExportSharesPasscodeView } from '../../views/ExportSharesPasscodeView/ExportSharesPasscodeView.js';
 import { GlobalWalletView } from '../../views/GlobalWalletView/GlobalWalletView.js';
 import { ManagePasskeysMfaWidgetView } from '../../views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
 import { ManageTotpMfaWidgetView } from '../../views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
@@ -37,6 +39,8 @@ const mapViewToComponent = {
     'deposit-view': DepositView,
     'deposited-exchange': DepositedExchangeView,
     'edit-profile': EditProfileView,
+    'export-and-recovery': ExportAndRecoveryView,
+    'export-shares-passcode': ExportSharesPasscodeView,
     'global-wallet': GlobalWalletView,
     'manage-passkeys': ManagePasskeysWidgetView,
     'manage-passkeys-mfa': ManagePasskeysMfaWidgetView,

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.types.d.ts

@@ -13,7 +13,7 @@ export declare const DynamicSessionManagementViews: readonly ["session-managemen
 export type DynamicSessionManagementViewsType = typeof DynamicSessionManagementViews[number];
 export declare const DynamicTransactionsWidgetViews: readonly ["send-balance"];
 export type DynamicTransactionsWidgetViewsType = typeof DynamicTransactionsWidgetViews[number];
-export type DynamicWidgetViews = 'wallets' | 'profile' | 'edit-profile' | 'choose-wallet-funding-method' | 'receive-wallet-funds' | 'deposited-exchange' | 'receive-exchange-funds' | 'crypto-com-onramp' | DynamicTransactionsWidgetViewsType | DynamicPasskeyWidgetViewsType | DynamicMfaWidgetViewsType | DynamicSettingsType | DynamicGlobalWalletType | DynamicSessionManagementViewsType | 'connected-apps' | 'deposit-view' | 'confirm-exchange-transfer' | 'choose-onramp-provider' | 'choose-linked-wallet' | 'waas-backup' | 'waas-backup-info' | 'wallet-delegation' | 'wallets-delegated-settings';
+export type DynamicWidgetViews = 'wallets' | 'profile' | 'edit-profile' | 'choose-wallet-funding-method' | 'receive-wallet-funds' | 'deposited-exchange' | 'receive-exchange-funds' | 'crypto-com-onramp' | DynamicTransactionsWidgetViewsType | DynamicPasskeyWidgetViewsType | DynamicMfaWidgetViewsType | DynamicSettingsType | DynamicGlobalWalletType | DynamicSessionManagementViewsType | 'connected-apps' | 'deposit-view' | 'confirm-exchange-transfer' | 'choose-onramp-provider' | 'choose-linked-wallet' | 'waas-backup' | 'waas-backup-info' | 'wallet-delegation' | 'wallets-delegated-settings' | 'export-and-recovery' | 'export-shares-passcode';
 export type DynamicWidgetViewMapConstraint = Record<DynamicWidgetViews, FC<any>>;
 export type DynamicWidgetViewMap = typeof mapViewToComponent;
 export type SetDynamicWidgetView = <T extends DynamicWidgetViews>(view: T, props?: ComponentProps<DynamicWidgetViewMap[T]>) => void;

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/EmbeddedWalletExportSection/EmbeddedWalletExportSection.cjs

@@ -130,6 +130,7 @@ const EmbeddedWalletExportSection = () => {
     const isTurnkeyHDWallet = Boolean(turnkeyWalletProperties === null || turnkeyWalletProperties === void 0 ? void 0 : turnkeyWalletProperties.turnkeyHDWalletId);
     const isSessionKeyCompatible = (primaryWallet && walletConnectorCore.isSessionKeyCompatibleWallet(primaryWallet)) ||
         (eoaWallet && walletConnectorCore.isSessionKeyCompatibleWallet(eoaWallet));
+    const isV3WaasWallet = Boolean(wallet && ((_h = (_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.key) === null || _h === void 0 ? void 0 : _h.startsWith('dynamicwaas')));
     const handleExportClick = React.useCallback((recoveryPhrase) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!isSessionKeyCompatible) {
             if (yield shouldInitRecovery()) {
@@ -145,23 +146,31 @@ const EmbeddedWalletExportSection = () => {
         initExportProcess,
         isSessionKeyCompatible,
     ]);
-    const handleExportButtonClick = React.useCallback(() => handleExportClick(), [handleExportClick]);
+    const handleExportButtonClick = React.useCallback(() => {
+        if (isV3WaasWallet) {
+            setDynamicWidgetView('export-and-recovery');
+        }
+        else {
+            handleExportClick();
+        }
+    }, [handleExportClick, isV3WaasWallet, setDynamicWidgetView]);
     const handleExportWithPhraseClick = React.useCallback(() => handleExportClick(true), [handleExportClick]);
     const exportIconClasses = React.useMemo(() => `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}`, [theme.theme.name]);
-    const isV3WaasWallet = Boolean(wallet && ((_h = (_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.key) === null || _h === void 0 ? void 0 : _h.startsWith('dynamicwaas')));
     const isGoogleDriveBackupEnabled = Boolean((_l = (_k = (_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _j === void 0 ? void 0 : _j.waas) === null || _k === void 0 ? void 0 : _k.backupOptions) === null || _l === void 0 ? void 0 : _l.includes(sdkApiCore.WaasBackupOptionsEnum.GoogleDrive));
     const shouldShowBackupOption = isV3WaasWallet && isGoogleDriveBackupEnabled;
     const handleBackupClick = React.useCallback(() => {
         setDynamicWidgetView('waas-backup');
     }, [setDynamicWidgetView]);
+    const exportButtonStartSlot = React.useMemo(() => (jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportPrivateKey.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: isV3WaasWallet
+                    ? 'dyn_settings.export_section.export_button'
+                    : 'dyn_settings.export_section.private_key_button', children: isV3WaasWallet
+                    ? t('dyn_settings.export_section.export_button', 'Export')
+                    : t('dyn_settings.export_section.private_key_button') })] })), [exportIconClasses, isV3WaasWallet, t]);
+    const recoveryPhraseButtonStartSlot = React.useMemo(() => (jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportRecoveryPhrase.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.srp_button', children: t('dyn_settings.export_section.srp_button') })] })), [exportIconClasses, t]);
     if (!isEmbeddedWallet) {
         return null;
     }
-    return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.export_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.export_section.title') }) }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: handleExportButtonClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
-                // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportPrivateKey.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.private_key_button', children: t('dyn_settings.export_section.private_key_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: handleExportWithPhraseClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
-                // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportRecoveryPhrase.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.srp_button', children: t('dyn_settings.export_section.srp_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })), shouldShowBackupOption && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'backup-button', onClick: handleBackupClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+    return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.export_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.export_section.title') }) }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: handleExportButtonClick, buttonClassName: 'settings-view__body__section__button', startSlot: exportButtonStartSlot, endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && !isV3WaasWallet && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: handleExportWithPhraseClick, buttonClassName: 'settings-view__body__section__button', startSlot: recoveryPhraseButtonStartSlot, endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })), shouldShowBackupOption && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'backup-button', onClick: handleBackupClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
                 jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(backupArrow.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.backup_button', children: t('dyn_settings.export_section.backup_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] }));
 };

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/EmbeddedWalletExportSection/EmbeddedWalletExportSection.js

@@ -126,6 +126,7 @@ const EmbeddedWalletExportSection = () => {
     const isTurnkeyHDWallet = Boolean(turnkeyWalletProperties === null || turnkeyWalletProperties === void 0 ? void 0 : turnkeyWalletProperties.turnkeyHDWalletId);
     const isSessionKeyCompatible = (primaryWallet && isSessionKeyCompatibleWallet(primaryWallet)) ||
         (eoaWallet && isSessionKeyCompatibleWallet(eoaWallet));
+    const isV3WaasWallet = Boolean(wallet && ((_h = (_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.key) === null || _h === void 0 ? void 0 : _h.startsWith('dynamicwaas')));
     const handleExportClick = useCallback((recoveryPhrase) => __awaiter(void 0, void 0, void 0, function* () {
         if (!isSessionKeyCompatible) {
             if (yield shouldInitRecovery()) {
@@ -141,23 +142,31 @@ const EmbeddedWalletExportSection = () => {
         initExportProcess,
         isSessionKeyCompatible,
     ]);
-    const handleExportButtonClick = useCallback(() => handleExportClick(), [handleExportClick]);
+    const handleExportButtonClick = useCallback(() => {
+        if (isV3WaasWallet) {
+            setDynamicWidgetView('export-and-recovery');
+        }
+        else {
+            handleExportClick();
+        }
+    }, [handleExportClick, isV3WaasWallet, setDynamicWidgetView]);
     const handleExportWithPhraseClick = useCallback(() => handleExportClick(true), [handleExportClick]);
     const exportIconClasses = useMemo(() => `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}`, [theme.theme.name]);
-    const isV3WaasWallet = Boolean(wallet && ((_h = (_g = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _g === void 0 ? void 0 : _g.key) === null || _h === void 0 ? void 0 : _h.startsWith('dynamicwaas')));
     const isGoogleDriveBackupEnabled = Boolean((_l = (_k = (_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _j === void 0 ? void 0 : _j.waas) === null || _k === void 0 ? void 0 : _k.backupOptions) === null || _l === void 0 ? void 0 : _l.includes(WaasBackupOptionsEnum.GoogleDrive));
     const shouldShowBackupOption = isV3WaasWallet && isGoogleDriveBackupEnabled;
     const handleBackupClick = useCallback(() => {
         setDynamicWidgetView('waas-backup');
     }, [setDynamicWidgetView]);
+    const exportButtonStartSlot = useMemo(() => (jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgExportPrivateKey, { className: exportIconClasses }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: isV3WaasWallet
+                    ? 'dyn_settings.export_section.export_button'
+                    : 'dyn_settings.export_section.private_key_button', children: isV3WaasWallet
+                    ? t('dyn_settings.export_section.export_button', 'Export')
+                    : t('dyn_settings.export_section.private_key_button') })] })), [exportIconClasses, isV3WaasWallet, t]);
+    const recoveryPhraseButtonStartSlot = useMemo(() => (jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgExportRecoveryPhrase, { className: exportIconClasses }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.srp_button', children: t('dyn_settings.export_section.srp_button') })] })), [exportIconClasses, t]);
     if (!isEmbeddedWallet) {
         return null;
     }
-    return (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: 'settings-view__body__section__title', children: jsx(Typography, { copykey: 'dyn_settings.export_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.export_section.title') }) }), jsx(TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: handleExportButtonClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
-                // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgExportPrivateKey, { className: exportIconClasses }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.private_key_button', children: t('dyn_settings.export_section.private_key_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && (jsx(TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: handleExportWithPhraseClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
-                // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgExportRecoveryPhrase, { className: exportIconClasses }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.srp_button', children: t('dyn_settings.export_section.srp_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })), shouldShowBackupOption && (jsx(TypographyButton, { dataTestId: 'backup-button', onClick: handleBackupClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+    return (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: 'settings-view__body__section__title', children: jsx(Typography, { copykey: 'dyn_settings.export_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.export_section.title') }) }), jsx(TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: handleExportButtonClick, buttonClassName: 'settings-view__body__section__button', startSlot: exportButtonStartSlot, endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && !isV3WaasWallet && (jsx(TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: handleExportWithPhraseClick, buttonClassName: 'settings-view__body__section__button', startSlot: recoveryPhraseButtonStartSlot, endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })), shouldShowBackupOption && (jsx(TypographyButton, { dataTestId: 'backup-button', onClick: handleBackupClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
                 jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgBackupArrow, { className: exportIconClasses }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.backup_button', children: t('dyn_settings.export_section.backup_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] }));
 };

package/src/lib/widgets/DynamicWidget/views/ExportAndRecoveryView/ExportAndRecoveryView.cjs

@@ -0,0 +1,183 @@
+'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');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs-sdk/client/core');
+require('@dynamic-labs/sdk-api-core');
+require('../../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/iconic');
+var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
+var exportPrivateKey = require('../../../../shared/assets/export-private-key.cjs');
+var exportRecoveryPhrase = require('../../../../shared/assets/export-recovery-phrase.cjs');
+var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../utils/constants/values.cjs');
+require('../../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../../store/state/nonce/nonce.cjs');
+require('@dynamic-labs/locale');
+require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+require('../../../../events/dynamicEvents.cjs');
+var useUser = require('../../../../client/extension/user/useUser/useUser.cjs');
+var IconButton = require('../../../../components/IconButton/IconButton.cjs');
+var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
+var Typography = require('../../../../components/Typography/Typography.cjs');
+var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../../store/state/authMode/authMode.cjs');
+require('../../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../../../utils/functions/compareChains/compareChains.cjs');
+require('../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
+var ThemeContext = require('../../../../context/ThemeContext/ThemeContext.cjs');
+var useSmartWallets = require('../../../../utils/hooks/useSmartWallets/useSmartWallets.cjs');
+require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+var usePasskeyRecovery = require('../../../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.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('../../../../views/CollectUserDataView/useFields.cjs');
+require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+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');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../../components/OverlayCard/OverlayCard.cjs');
+require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../../components/Popper/Popper/Popper.cjs');
+require('../../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
+require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('../../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
+require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
+require('../../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
+require('../../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
+require('../../../../store/state/sendBalances.cjs');
+require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
+require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../components/PasskeyCard/PasskeyCard.cjs');
+var useEmbeddedReveal = require('../../../../utils/hooks/useEmbeddedReveal/useEmbeddedReveal.cjs');
+require('../CryptoComOnramp/CryptoComOnramp.cjs');
+require('../../../../../index.cjs');
+require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+require('../../../../store/state/tokenBalances.cjs');
+require('../../../../store/state/multichainBalances.cjs');
+require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+
+const ExportAndRecoveryView = () => {
+    var _a, _b;
+    const { t } = reactI18next.useTranslation();
+    const { theme } = ThemeContext.useThemeContext();
+    const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { pushView } = ViewContext.useViewContext();
+    const user = useUser.useUser();
+    const { getEOAWallet } = useSmartWallets.useSmartWallets();
+    const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery.usePasskeyRecovery();
+    const { initExportProcess } = useEmbeddedReveal.useEmbeddedReveal();
+    const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
+    const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
+    const isSessionKeyCompatible = (primaryWallet && walletConnectorCore.isSessionKeyCompatibleWallet(primaryWallet)) ||
+        (eoaWallet && walletConnectorCore.isSessionKeyCompatibleWallet(eoaWallet));
+    const isV3WaasWallet = Boolean(wallet && ((_b = (_a = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.startsWith('dynamicwaas')));
+    const walletCredential = React.useMemo(() => {
+        var _a;
+        if (!user || !primaryWallet)
+            return undefined;
+        return (_a = user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find((cred) => cred.walletName === 'dynamicwaas' &&
+            cred.address === primaryWallet.address);
+    }, [user, primaryWallet]);
+    const isPasswordEncrypted = React.useMemo(() => {
+        var _a;
+        const keyShares = (_a = walletCredential === null || walletCredential === void 0 ? void 0 : walletCredential.walletProperties) === null || _a === void 0 ? void 0 : _a.keyShares;
+        if (!keyShares || !Array.isArray(keyShares))
+            return false;
+        return keyShares.some((keyShare) => keyShare &&
+            typeof keyShare === 'object' &&
+            'passwordEncrypted' in keyShare &&
+            keyShare.passwordEncrypted === true);
+    }, [walletCredential]);
+    const handleBackClick = React.useCallback(() => setDynamicWidgetView('account-and-security-settings'), [setDynamicWidgetView]);
+    const handlePrivateKeyClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!isSessionKeyCompatible) {
+            if (yield shouldInitRecovery()) {
+                yield initPasskeyRecoveryProcess(undefined, {
+                    type: 'reveal',
+                });
+            }
+        }
+        return initExportProcess();
+    }), [
+        isSessionKeyCompatible,
+        shouldInitRecovery,
+        initPasskeyRecoveryProcess,
+        initExportProcess,
+    ]);
+    const handleExportSharesClick = React.useCallback(() => {
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        if (isPasswordEncrypted) {
+            setDynamicWidgetView('export-shares-passcode');
+        }
+        else {
+            pushView('export-shares-view');
+        }
+    }, [isPasswordEncrypted, setDynamicWidgetView, setShowAuthFlow, pushView]);
+    const exportIconClasses = React.useMemo(() => `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}`, [theme.theme.name]);
+    const privateKeyButtonStartSlot = React.useMemo(() => (jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportPrivateKey.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_export_and_recovery.private_key', children: t('dyn_export_and_recovery.private_key') })] })), [exportIconClasses, t]);
+    const exportSharesButtonStartSlot = React.useMemo(() => (jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportRecoveryPhrase.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsxs("div", { className: 'export-and-recovery-view__export-shares-label', children: [jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_export_and_recovery.export_shares', children: t('dyn_export_and_recovery.export_shares') }), jsxRuntime.jsx("span", { className: 'export-and-recovery-view__advanced-badge', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'inherit', weight: 'medium', copykey: 'dyn_export_and_recovery.advanced', children: t('dyn_export_and_recovery.advanced') }) })] })] })), [exportIconClasses, t]);
+    const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
+    return (jsxRuntime.jsxs("div", { className: 'export-and-recovery-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_export_and_recovery.title', children: t('dyn_export_and_recovery.title') }) }) }), jsxRuntime.jsx("div", { className: 'account-wrap', children: jsxRuntime.jsxs("div", { className: 'settings-view__body', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'private-key-button', onClick: handlePrivateKeyClick, buttonClassName: 'settings-view__body__section__button', startSlot: privateKeyButtonStartSlot, endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isV3WaasWallet && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'export-shares-button', onClick: handleExportSharesClick, buttonClassName: 'settings-view__body__section__button', startSlot: exportSharesButtonStartSlot, endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] }) })] }));
+};
+
+exports.ExportAndRecoveryView = ExportAndRecoveryView;

package/src/lib/widgets/DynamicWidget/views/ExportAndRecoveryView/ExportAndRecoveryView.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const ExportAndRecoveryView: FC;