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

package/src/lib/views/ExportSharesView/ExportSharesView.cjs

@@ -0,0 +1,206 @@
+'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 utils = require('@dynamic-labs/utils');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var Badge = require('../../components/Badge/Badge.cjs');
+var Checkbox = require('../../components/Checkbox/Checkbox.cjs');
+var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
+var IconButton = require('../../components/IconButton/IconButton.cjs');
+var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+var NeedHelpSection = require('../../components/NeedHelpSection/NeedHelpSection.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('@dynamic-labs/iconic');
+var arrowLeft = require('../../shared/assets/arrow-left.cjs');
+var close = require('../../shared/assets/close.cjs');
+var exportEmbeddedHero = require('../../shared/assets/export-embedded-hero.cjs');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+var filledQuestionMark = require('../../shared/assets/filled-question-mark.cjs');
+var logger = require('../../shared/logger.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../shared/consts/index.cjs');
+require('../../events/dynamicEvents.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('@dynamic-labs/locale');
+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('../../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');
+var utils$1 = require('../../utils/hooks/useTransactionSimulation/utils/utils.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');
+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('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
+require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../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('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
+require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
+require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/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 parseThresholdScheme = (scheme) => {
+    if (!scheme)
+        return { required: 2, total: 3 };
+    const schemeMap = {
+        THREE_OF_THREE: { required: 3, total: 3 },
+        TWO_OF_THREE: { required: 2, total: 3 },
+        TWO_OF_TWO: { required: 2, total: 2 },
+    };
+    return schemeMap[scheme] || { required: 2, total: 3 };
+};
+const ExportSharesView = ({ passcode }) => {
+    const { t } = reactI18next.useTranslation();
+    const { primaryWallet, setShowAuthFlow, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { getEOAWallet } = useSmartWallets.useSmartWallets();
+    const { goBack, canGoBack } = ViewContext.useViewContext();
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [error, setError] = React.useState();
+    const [isAcknowledged, setIsAcknowledged] = React.useState(false);
+    const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
+    const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
+    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 thresholdInfo = React.useMemo(() => {
+        var _a;
+        const scheme = (_a = walletCredential === null || walletCredential === void 0 ? void 0 : walletCredential.walletProperties) === null || _a === void 0 ? void 0 : _a.thresholdSignatureScheme;
+        return parseThresholdScheme(scheme);
+    }, [walletCredential]);
+    const handleExportShares = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        setError(undefined);
+        setIsLoading(true);
+        try {
+            if (!wallet) {
+                throw new utils.DynamicError('No wallet found');
+            }
+            if (walletConnectorCore.isDynamicWaasConnector(wallet.connector)) {
+                yield wallet.connector.exportClientKeyshares({
+                    accountAddress: wallet.address,
+                    password: passcode,
+                });
+                setShowAuthFlow(false);
+                return;
+            }
+            if (utils$1.isZeroDevConnector(wallet.connector)) {
+                const { eoaConnector } = wallet.connector;
+                if (eoaConnector && walletConnectorCore.isDynamicWaasConnector(eoaConnector)) {
+                    yield eoaConnector.exportClientKeyshares({
+                        accountAddress: wallet.address,
+                        password: passcode,
+                    });
+                    setShowAuthFlow(false);
+                    return;
+                }
+            }
+            throw new utils.DynamicError('Not a supported connector type for export shares');
+        }
+        catch (err) {
+            logger.logger.error('Error exporting shares', { error: err });
+            setError(t('dyn_export_shares.error'));
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }), [wallet, passcode, setShowAuthFlow, t]);
+    const bulletPoints = [
+        { key: 'dyn_export_shares.bullet_1' },
+        {
+            key: 'dyn_export_shares.bullet_2',
+            values: { required: thresholdInfo.required },
+        },
+        { key: 'dyn_export_shares.bullet_3' },
+    ];
+    const backButton = canGoBack && (jsxRuntime.jsx(IconButton.IconButton, { onClick: goBack, type: 'button', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
+    const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { onClick: () => {
+            setShowAuthFlow(false);
+        }, type: 'button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: t('dyn_export_shares.title') }) }), jsxRuntime.jsx("div", { className: 'embedded-reveal-view', children: jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body', children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__description', children: jsxRuntime.jsx("div", { className: 'embedded-reveal-view__header', children: jsxRuntime.jsx("div", { className: 'embedded-reveal-view__header__hero', children: jsxRuntime.jsx(exportEmbeddedHero.ReactComponent, {}) }) }) }), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__description', children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__badge-container', children: jsxRuntime.jsx(Badge.Badge, { text: t('dyn_export_shares.sensitive_info'), className: 'embedded-reveal-view__body__badge' }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', weight: 'regular', copykey: 'dyn_export_shares.threshold_description', children: t('dyn_export_shares.threshold_description', {
+                                        required: thresholdInfo.required,
+                                        total: thresholdInfo.total,
+                                    }) })] }), error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card', children: [jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsxRuntime.jsx(filledQuestionMark.ReactComponent, { height: 16, width: 16 }) }), jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__card__statement__text', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', weight: 'medium', copykey: 'dyn_export_shares.how_to_use_title', children: t('dyn_export_shares.how_to_use_title') }) })] }), jsxRuntime.jsx("ul", { className: 'embedded-reveal-view__body__bullet-list', children: bulletPoints.map((bullet) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', copykey: bullet.key, children: t(bullet.key, bullet.values) }) }, bullet.key))) })] }), jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__confirm_card', children: jsxRuntime.jsxs("button", { className: 'embedded-reveal-view__body__card__acknowledgement', onClick: () => setIsAcknowledged(!isAcknowledged), children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Checkbox.Checkbox, { checked: isAcknowledged, onChange: () => setIsAcknowledged(!isAcknowledged), className: 'embedded-reveal-view__body__card__statement__checkbox', id: 'export-shares-checkbox' }) }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_export_shares.acknowledge', children: t('dyn_export_shares.acknowledge') }) })] }) }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, { isExport: true }), jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__button_section', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', typographyProps: {
+                                    color: 'inherit',
+                                }, onClick: handleExportShares, disabled: !isAcknowledged, loading: isLoading, dataTestId: 'export-shares-submit-button', copykey: 'dyn_export_shares.download_button', style: { width: '100%' }, className: 'embedded-reveal-view__body__button', expanded: true, children: t('dyn_export_shares.download_button') }) })] }) })] }));
+};
+
+exports.ExportSharesView = ExportSharesView;

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export type ExportSharesViewProps = {
+    passcode?: string;
+};
+export declare const ExportSharesView: FC<ExportSharesViewProps>;

package/src/lib/views/ExportSharesView/ExportSharesView.js

@@ -0,0 +1,202 @@
+'use client'
+import { __awaiter } from '../../../../_virtual/_tslib.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useMemo, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { DynamicError } from '@dynamic-labs/utils';
+import { isDynamicWaasConnector } from '@dynamic-labs/wallet-connector-core';
+import { Badge } from '../../components/Badge/Badge.js';
+import { Checkbox } from '../../components/Checkbox/Checkbox.js';
+import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
+import { IconButton } from '../../components/IconButton/IconButton.js';
+import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
+import { NeedHelpSection } from '../../components/NeedHelpSection/NeedHelpSection.js';
+import { Typography } from '../../components/Typography/Typography.js';
+import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '@dynamic-labs/iconic';
+import { ReactComponent as SvgArrowLeft } from '../../shared/assets/arrow-left.js';
+import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
+import { ReactComponent as SvgExportEmbeddedHero } from '../../shared/assets/export-embedded-hero.js';
+import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import { ReactComponent as SvgFilledQuestionMark } from '../../shared/assets/filled-question-mark.js';
+import { logger } from '../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../shared/consts/index.js';
+import '../../events/dynamicEvents.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 '@dynamic-labs/locale';
+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 { useSmartWallets } from '../../utils/hooks/useSmartWallets/useSmartWallets.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import { isZeroDevConnector } from '../../utils/hooks/useTransactionSimulation/utils/utils.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 '../../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 '../../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/useGetMfaOptions/useGetMfaOptions.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 '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.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 parseThresholdScheme = (scheme) => {
+    if (!scheme)
+        return { required: 2, total: 3 };
+    const schemeMap = {
+        THREE_OF_THREE: { required: 3, total: 3 },
+        TWO_OF_THREE: { required: 2, total: 3 },
+        TWO_OF_TWO: { required: 2, total: 2 },
+    };
+    return schemeMap[scheme] || { required: 2, total: 3 };
+};
+const ExportSharesView = ({ passcode }) => {
+    const { t } = useTranslation();
+    const { primaryWallet, setShowAuthFlow, user } = useInternalDynamicContext();
+    const { getEOAWallet } = useSmartWallets();
+    const { goBack, canGoBack } = useViewContext();
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState();
+    const [isAcknowledged, setIsAcknowledged] = useState(false);
+    const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
+    const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
+    const walletCredential = 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 thresholdInfo = useMemo(() => {
+        var _a;
+        const scheme = (_a = walletCredential === null || walletCredential === void 0 ? void 0 : walletCredential.walletProperties) === null || _a === void 0 ? void 0 : _a.thresholdSignatureScheme;
+        return parseThresholdScheme(scheme);
+    }, [walletCredential]);
+    const handleExportShares = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        setError(undefined);
+        setIsLoading(true);
+        try {
+            if (!wallet) {
+                throw new DynamicError('No wallet found');
+            }
+            if (isDynamicWaasConnector(wallet.connector)) {
+                yield wallet.connector.exportClientKeyshares({
+                    accountAddress: wallet.address,
+                    password: passcode,
+                });
+                setShowAuthFlow(false);
+                return;
+            }
+            if (isZeroDevConnector(wallet.connector)) {
+                const { eoaConnector } = wallet.connector;
+                if (eoaConnector && isDynamicWaasConnector(eoaConnector)) {
+                    yield eoaConnector.exportClientKeyshares({
+                        accountAddress: wallet.address,
+                        password: passcode,
+                    });
+                    setShowAuthFlow(false);
+                    return;
+                }
+            }
+            throw new DynamicError('Not a supported connector type for export shares');
+        }
+        catch (err) {
+            logger.error('Error exporting shares', { error: err });
+            setError(t('dyn_export_shares.error'));
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }), [wallet, passcode, setShowAuthFlow, t]);
+    const bulletPoints = [
+        { key: 'dyn_export_shares.bullet_1' },
+        {
+            key: 'dyn_export_shares.bullet_2',
+            values: { required: thresholdInfo.required },
+        },
+        { key: 'dyn_export_shares.bullet_3' },
+    ];
+    const backButton = canGoBack && (jsx(IconButton, { onClick: goBack, type: 'button', children: jsx(SvgArrowLeft, {}) }));
+    const closeButton = (jsx(IconButton, { onClick: () => {
+            setShowAuthFlow(false);
+        }, type: 'button', children: jsx(SvgClose, {}) }));
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: backButton, trailing: closeButton, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: t('dyn_export_shares.title') }) }), jsx("div", { className: 'embedded-reveal-view', children: jsxs("div", { className: 'embedded-reveal-view__body', children: [jsx("div", { className: 'embedded-reveal-view__body__description', children: jsx("div", { className: 'embedded-reveal-view__header', children: jsx("div", { className: 'embedded-reveal-view__header__hero', children: jsx(SvgExportEmbeddedHero, {}) }) }) }), jsxs("div", { className: 'embedded-reveal-view__body__description', children: [jsx("div", { className: 'embedded-reveal-view__body__badge-container', children: jsx(Badge, { text: t('dyn_export_shares.sensitive_info'), className: 'embedded-reveal-view__body__badge' }) }), jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'regular', copykey: 'dyn_export_shares.threshold_description', children: t('dyn_export_shares.threshold_description', {
+                                        required: thresholdInfo.required,
+                                        total: thresholdInfo.total,
+                                    }) })] }), error && jsx(ErrorContainer, { children: error }), jsxs("div", { className: 'embedded-reveal-view__body__card', children: [jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsx(SvgFilledQuestionMark, { height: 16, width: 16 }) }), jsx("div", { className: 'embedded-reveal-view__body__card__statement__text', children: jsx(Typography, { variant: 'body_small', color: 'primary', weight: 'medium', copykey: 'dyn_export_shares.how_to_use_title', children: t('dyn_export_shares.how_to_use_title') }) })] }), jsx("ul", { className: 'embedded-reveal-view__body__bullet-list', children: bulletPoints.map((bullet) => (jsx("li", { children: jsx(Typography, { variant: 'body_small', color: 'primary', copykey: bullet.key, children: t(bullet.key, bullet.values) }) }, bullet.key))) })] }), jsx("div", { className: 'embedded-reveal-view__body__confirm_card', children: jsxs("button", { className: 'embedded-reveal-view__body__card__acknowledgement', onClick: () => setIsAcknowledged(!isAcknowledged), children: [jsx("div", { children: jsx(Checkbox, { checked: isAcknowledged, onChange: () => setIsAcknowledged(!isAcknowledged), className: 'embedded-reveal-view__body__card__statement__checkbox', id: 'export-shares-checkbox' }) }), jsx("div", { children: jsx(Typography, { variant: 'body_small', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_export_shares.acknowledge', children: t('dyn_export_shares.acknowledge') }) })] }) }), jsx(NeedHelpSection, { isExport: true }), jsx("div", { className: 'embedded-reveal-view__body__button_section', children: jsx(TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', typographyProps: {
+                                    color: 'inherit',
+                                }, onClick: handleExportShares, disabled: !isAcknowledged, loading: isLoading, dataTestId: 'export-shares-submit-button', copykey: 'dyn_export_shares.download_button', style: { width: '100%' }, className: 'embedded-reveal-view__body__button', expanded: true, children: t('dyn_export_shares.download_button') }) })] }) })] }));
+};
+
+export { ExportSharesView };

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

@@ -0,0 +1,2 @@
+export { ExportSharesView } from './ExportSharesView';
+export type { ExportSharesViewProps } from './ExportSharesView';

package/src/lib/views/MfaVerificationView/MfaVerificationView.cjs

@@ -33,14 +33,15 @@ require('../../events/dynamicEvents.cjs');
 var getUserProfile = require('../../client/extension/user/getUserProfile/getUserProfile.cjs');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
+var useDynamicContext = require('../../context/DynamicContext/useDynamicContext/useDynamicContext.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
-require('../../store/state/authMode/authMode.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('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
@@ -109,6 +110,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 
 const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, createMfaToken = false, deviceId, }) => {
     const { t } = reactI18next.useTranslation();
+    const { handleLogOut } = useDynamicContext.useDynamicContext();
     const { clearStackAndPush, pushView, goBack, canGoBack } = ViewContext.useViewContext();
     const { authenticateDevice } = useMfa.useMfa();
     const [code, setCode] = React.useState('');
@@ -155,10 +157,10 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
         setCode(code);
     };
     const onClickBack = canGoBack && showBackButton ? goBack : undefined;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { MainIcon: passwordHero.ReactComponent, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(mfaToken), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: onClickBack, disabled: isRateLimited }), !isInitialSetup && (jsxRuntime.jsx("div", { className: 'mfa-verification-view__choose-another-method', children: jsxRuntime.jsx(TextButton.TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
-                        createMfaToken,
-                        isInitialSetup,
-                    }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { MainIcon: passwordHero.ReactComponent, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(mfaToken), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: onClickBack, disabled: isRateLimited }), !isInitialSetup && (jsxRuntime.jsxs("div", { className: 'mfa-verification-view__choose-another-method', children: [jsxRuntime.jsx(TextButton.TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
+                            createMfaToken,
+                            isInitialSetup,
+                        }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }), jsxRuntime.jsx(TextButton.TextButton, { onClick: handleLogOut, copykey: 'dyn_mfa.otp_verification_view.logout', children: t('dyn_mfa.otp_verification_view.logout') })] }))] }));
 };
 
 exports.MfaVerificationView = MfaVerificationView;

package/src/lib/views/MfaVerificationView/MfaVerificationView.js

@@ -29,14 +29,15 @@ import '../../events/dynamicEvents.js';
 import { getUserProfile } from '../../client/extension/user/getUserProfile/getUserProfile.js';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
+import { useDynamicContext } from '../../context/DynamicContext/useDynamicContext/useDynamicContext.js';
 import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
-import '../../store/state/authMode/authMode.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../store/state/authMode/authMode.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
@@ -105,6 +106,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 
 const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, createMfaToken = false, deviceId, }) => {
     const { t } = useTranslation();
+    const { handleLogOut } = useDynamicContext();
     const { clearStackAndPush, pushView, goBack, canGoBack } = useViewContext();
     const { authenticateDevice } = useMfa();
     const [code, setCode] = useState('');
@@ -151,10 +153,10 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
         setCode(code);
     };
     const onClickBack = canGoBack && showBackButton ? goBack : undefined;
-    return (jsxs(Fragment, { children: [jsx(OTPVerificationView, { MainIcon: SvgPasswordHero, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(mfaToken), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: onClickBack, disabled: isRateLimited }), !isInitialSetup && (jsx("div", { className: 'mfa-verification-view__choose-another-method', children: jsx(TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
-                        createMfaToken,
-                        isInitialSetup,
-                    }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) }))] }));
+    return (jsxs(Fragment, { children: [jsx(OTPVerificationView, { MainIcon: SvgPasswordHero, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(mfaToken), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: onClickBack, disabled: isRateLimited }), !isInitialSetup && (jsxs("div", { className: 'mfa-verification-view__choose-another-method', children: [jsx(TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
+                            createMfaToken,
+                            isInitialSetup,
+                        }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }), jsx(TextButton, { onClick: handleLogOut, copykey: 'dyn_mfa.otp_verification_view.logout', children: t('dyn_mfa.otp_verification_view.logout') })] }))] }));
 };
 
 export { MfaVerificationView };

package/src/lib/views/Passkey/utils/passkeyRecovery/passkeyRecovery.cjs

@@ -86,7 +86,7 @@ const passkeyRecoveryBundleValidation = (_c) => _tslib.__awaiter(void 0, [_c], v
     }
     const organizationId = (_g = (_f = (_e = (_d = user.verifiedCredentials) === null || _d === void 0 ? void 0 : _d.find(({ walletName, id }) => (walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey')) && id === wallet.id)) === null || _e === void 0 ? void 0 : _e.walletProperties) === null || _f === void 0 ? void 0 : _f.turnkeySubOrganizationId) !== null && _g !== void 0 ? _g : undefined;
     const turnkeyRecoveryHandler = (_h = wallet.connector) === null || _h === void 0 ? void 0 : _h.getAuthenticatorHandler();
-    yield turnkeyRecoveryHandler.verifyRecoveryCode(bundleInput, organizationId);
+    yield turnkeyRecoveryHandler.verifyRecoveryCode(bundleInput, organizationId !== null && organizationId !== void 0 ? organizationId : undefined);
     const sessionSettings = {
         createdAt: new Date().getTime(),
         emailCode: bundleInput,
@@ -229,7 +229,7 @@ const restoreEmbeddedWalletSession = (_s) => _tslib.__awaiter(void 0, [_s], void
     }
     turnkeyRecoveryHandler.recoveryUserId = sessionSettings.userId;
     const organizationId = (_x = (_w = (_v = (_u = user.verifiedCredentials) === null || _u === void 0 ? void 0 : _u.find(({ walletName, id }) => (walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey')) && id === wallet.id)) === null || _v === void 0 ? void 0 : _v.walletProperties) === null || _w === void 0 ? void 0 : _w.turnkeySubOrganizationId) !== null && _x !== void 0 ? _x : undefined;
-    yield turnkeyRecoveryHandler.verifyRecoveryCode(sessionSettings.emailCode, organizationId);
+    yield turnkeyRecoveryHandler.verifyRecoveryCode(sessionSettings.emailCode, organizationId !== null && organizationId !== void 0 ? organizationId : undefined);
     return true;
 });
 const addEmailRecovery = (_y) => _tslib.__awaiter(void 0, [_y], void 0, function* ({ user: user$1, environmentId, wallet, }) {

package/src/lib/views/Passkey/utils/passkeyRecovery/passkeyRecovery.js

@@ -82,7 +82,7 @@ const passkeyRecoveryBundleValidation = (_c) => __awaiter(void 0, [_c], void 0,
     }
     const organizationId = (_g = (_f = (_e = (_d = user.verifiedCredentials) === null || _d === void 0 ? void 0 : _d.find(({ walletName, id }) => (walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey')) && id === wallet.id)) === null || _e === void 0 ? void 0 : _e.walletProperties) === null || _f === void 0 ? void 0 : _f.turnkeySubOrganizationId) !== null && _g !== void 0 ? _g : undefined;
     const turnkeyRecoveryHandler = (_h = wallet.connector) === null || _h === void 0 ? void 0 : _h.getAuthenticatorHandler();
-    yield turnkeyRecoveryHandler.verifyRecoveryCode(bundleInput, organizationId);
+    yield turnkeyRecoveryHandler.verifyRecoveryCode(bundleInput, organizationId !== null && organizationId !== void 0 ? organizationId : undefined);
     const sessionSettings = {
         createdAt: new Date().getTime(),
         emailCode: bundleInput,
@@ -225,7 +225,7 @@ const restoreEmbeddedWalletSession = (_s) => __awaiter(void 0, [_s], void 0, fun
     }
     turnkeyRecoveryHandler.recoveryUserId = sessionSettings.userId;
     const organizationId = (_x = (_w = (_v = (_u = user.verifiedCredentials) === null || _u === void 0 ? void 0 : _u.find(({ walletName, id }) => (walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey')) && id === wallet.id)) === null || _v === void 0 ? void 0 : _v.walletProperties) === null || _w === void 0 ? void 0 : _w.turnkeySubOrganizationId) !== null && _x !== void 0 ? _x : undefined;
-    yield turnkeyRecoveryHandler.verifyRecoveryCode(sessionSettings.emailCode, organizationId);
+    yield turnkeyRecoveryHandler.verifyRecoveryCode(sessionSettings.emailCode, organizationId !== null && organizationId !== void 0 ? organizationId : undefined);
     return true;
 });
 const addEmailRecovery = (_y) => __awaiter(void 0, [_y], void 0, function* ({ user, environmentId, wallet, }) {

package/src/lib/views/WalletUpgradeFlowView/WalletUpgradeFlowView.cjs

@@ -99,6 +99,7 @@ require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+var EmbeddedWalletExport = require('../../components/EmbeddedWalletExport/EmbeddedWalletExport.cjs');
 require('../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
@@ -106,7 +107,6 @@ require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.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');

package/src/lib/views/WalletUpgradeFlowView/WalletUpgradeFlowView.js

@@ -95,6 +95,7 @@ import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import { EmbeddedWalletExport } from '../../components/EmbeddedWalletExport/EmbeddedWalletExport.js';
 import '../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
@@ -102,7 +103,6 @@ import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.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';