@dynamic-labs/sdk-react-core 1.1.0-alpha.1 → 1.1.0-alpha.11

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

@@ -0,0 +1,161 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { DynamicError } from '@dynamic-labs/utils';
+import { getProperErrorMessage } from '../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
+import '@dynamic-labs/iconic';
+import { ReactComponent as SvgClose } from '../../../shared/assets/close.js';
+import { ReactComponent as SvgEyeOffIcon } from '../../../shared/assets/eye-off-icon.js';
+import { ReactComponent as SvgExportEmbeddedHero } from '../../../shared/assets/export-embedded-hero.js';
+import { ReactComponent as SvgWalletV2 } from '../../../shared/assets/wallet-v2.js';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
+import '../../../utils/constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/sdk-api';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../config/ApiEndpoint.js';
+import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'react-dom';
+import '../../../context/ThemeContext/ThemeContext.js';
+import { useMutation } from '../../../utils/hooks/useMutation/useMutation.js';
+import '@dynamic-labs/types';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/OverlayCard/OverlayCard.context.js';
+import '../../../context/FooterAnimationContext/index.js';
+import { Typography } from '../../../components/Typography/Typography.js';
+import { Badge } from '../../../components/Badge/Badge.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
+import '../../../context/LoadingContext/LoadingContext.js';
+import 'i18next';
+import 'qrcode';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
+import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import 'formik';
+import { Button } from '../../../components/Button/Button.js';
+import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
+import { IconButton } from '../../../components/IconButton/IconButton.js';
+import '../../../components/Alert/Alert.js';
+import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '@dynamic-labs/viem-utils';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { Checkbox } from '../../../components/Checkbox/Checkbox.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import '../../WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import { initExport, cleanupExport, exportCredential } from '../utils/turnkeyExport/turnkeyExport.js';
+import { iframeContainerId, iframeElementId } from '../constants.js';
+
+const EmbeddedRevealView = () => {
+    var _a, _b, _c;
+    const { authToken, primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext();
+    const { view } = useViewContext();
+    const [acknowledgement1, setAcknowledgement1] = useState(false);
+    const iframeContainerRef = useRef(null);
+    const decodedJwt = decodeJwt(authToken);
+    const walletProperties = (_b = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
+    const isTurnkeyHDWallet = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
+    const exportPrivateKey = (_c = view === null || view === void 0 ? void 0 : view.type) === null || _c === void 0 ? void 0 : _c.includes('account');
+    useEffect(() => {
+        var _a;
+        const iframeContainerElement = iframeContainerRef.current;
+        if (!iframeContainerElement ||
+            ((_a = iframeContainerElement === null || iframeContainerElement === void 0 ? void 0 : iframeContainerElement.children) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            return;
+        }
+        initExport({
+            iframeContainer: iframeContainerElement,
+            iframeElementId,
+            wallet: primaryWallet,
+        });
+        return () => {
+            cleanupExport({
+                wallet: primaryWallet,
+            });
+        };
+        // only run once on mount
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const { mutate: handleExportWallet, isLoading, error, data, } = useMutation(() => __awaiter(void 0, void 0, void 0, function* () {
+        return exportCredential({
+            address: exportPrivateKey ? primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address : undefined,
+            authToken,
+            environmentId,
+            userEmail: user === null || user === void 0 ? void 0 : user.email,
+            wallet: primaryWallet,
+        });
+    }), {
+        onFailure: (err) => {
+            logger.error('Failed to export', err);
+            dynamicEvents.emit('embeddedWalletRevealFailed', err);
+        },
+    });
+    const errorText = useMemo(() => {
+        if (!error) {
+            return undefined;
+        }
+        if (error instanceof DynamicError) {
+            return error.message;
+        }
+        return getProperErrorMessage(error);
+    }, [error]);
+    const { t } = useTranslation();
+    const contentHeader = (jsx("div", { className: 'embedded-reveal-view__body__description', children: !isLoading && data && !error ? (jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', children: t('dyn_embedded_reveal.reveal_description') })) : (jsx("div", { className: 'embedded-reveal-view__header', children: jsx(SvgExportEmbeddedHero, {}) })) }));
+    useEffect(() => {
+        var _a;
+        if (((_a = iframeContainerRef === null || iframeContainerRef === void 0 ? void 0 : iframeContainerRef.current) === null || _a === void 0 ? void 0 : _a.children) && data) {
+            // eslint-disable-next-line prefer-destructuring
+            const iframeElement = iframeContainerRef.current.children[0];
+            iframeElement === null || iframeElement === void 0 ? void 0 : iframeElement.setAttribute('style', !isTurnkeyHDWallet || exportPrivateKey
+                ? 'height: 60px'
+                : 'height: 100px');
+        }
+    }, [iframeContainerRef, data, isTurnkeyHDWallet, exportPrivateKey]);
+    const closeButton = (jsx(IconButton, { onClick: () => setShowAuthFlow(false, { emitCancelAuth: true }), type: 'button', children: jsx(SvgClose, {}) }));
+    const hasInjectedCredential = !isLoading && data && !error;
+    const credentialTitle = !isTurnkeyHDWallet || exportPrivateKey
+        ? t('dyn_embedded_reveal.private_key_title')
+        : t('dyn_embedded_reveal.recovery_phrase_title');
+    const title = hasInjectedCredential
+        ? credentialTitle
+        : t('dyn_embedded_reveal.agreement_title');
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: title }) }), jsx("div", { className: 'embedded-reveal-view', children: jsxs("div", { className: 'embedded-reveal-view__body', children: [contentHeader, jsx("div", { id: iframeContainerId, style: { display: data ? 'block' : 'none' }, ref: iframeContainerRef }), hasInjectedCredential ? (jsx(Button, { buttonPadding: 'large', buttonVariant: 'brand-primary', onClick: () => setShowAuthFlow(false), loading: isLoading, copykey: 'dyn_embedded_reveal.done_button_label', typographyProps: {
+                                color: 'inherit',
+                            }, children: t('dyn_embedded_reveal.done_button_label') })) : (jsxs(Fragment, { children: [jsx("div", { className: 'embedded-reveal-view__body__description', children: jsx(Badge, { text: t('dyn_embedded_reveal.badge_label'), className: 'embedded-reveal-view__body__badge' }) }), errorText && jsx(ErrorContainer, { children: errorText }), 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(SvgWalletV2, {}) }), jsxs("div", { children: [jsx(Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.statement_1.title', children: t('dyn_embedded_reveal.statement_1.title') }), jsx(Typography, { variant: 'body_small', color: 'secondary', weight: 'regular', copykey: 'dyn_embedded_reveal.statement_1.description', children: t('dyn_embedded_reveal.statement_1.description') })] })] }), jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsx(SvgEyeOffIcon, {}) }), jsxs("div", { children: [jsx(Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.statement_2.title', children: t('dyn_embedded_reveal.statement_2.title') }), jsx(Typography, { variant: 'body_small', color: 'secondary', weight: 'regular', copykey: 'dyn_embedded_reveal.statement_2.description', children: t('dyn_embedded_reveal.statement_2.description', {
+                                                                credential_type: credentialTitle === null || credentialTitle === void 0 ? void 0 : credentialTitle.toLowerCase(),
+                                                            }) })] })] })] }), jsxs("div", { className: 'embedded-reveal-view__body__confirm_card', children: [jsxs("button", { className: 'embedded-reveal-view__body__card__acknowledgement', onClick: () => setAcknowledgement1(!acknowledgement1), children: [jsx("div", { children: jsx(Checkbox, { checked: acknowledgement1, onChange: () => setAcknowledgement1(!acknowledgement1), className: 'embedded-reveal-view__body__card__statement__checkbox', id: 'embedded-reveal-checkbox-1' }) }), jsx("div", { children: jsx(Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.checkbox_label', children: t('dyn_embedded_reveal.checkbox_label') }) })] }), jsx(Button, { buttonPadding: 'large', buttonVariant: 'brand-primary', typographyProps: {
+                                                color: 'inherit',
+                                            }, onClick: () => handleExportWallet(), disabled: !acknowledgement1, loading: isLoading, dataTestId: 'embedded-reveal-button', copykey: 'dyn_embedded_reveal.reveal_button_label', children: t('dyn_embedded_reveal.reveal_button_label') })] })] }))] }) })] }));
+};
+
+export { EmbeddedRevealView };

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/index.d.ts

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

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const iframeContainerId = 'dyn-turnkey-export-container-id';
+const iframeElementId = 'dyn-turnkey-export-element-id';
+
+exports.iframeContainerId = iframeContainerId;
+exports.iframeElementId = iframeElementId;

package/src/lib/views/EmbeddedReveal/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const iframeContainerId = "dyn-turnkey-export-container-id";
+export declare const iframeElementId = "dyn-turnkey-export-element-id";

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

@@ -0,0 +1,4 @@
+const iframeContainerId = 'dyn-turnkey-export-container-id';
+const iframeElementId = 'dyn-turnkey-export-element-id';
+
+export { iframeContainerId, iframeElementId };

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

@@ -0,0 +1 @@
+export * from './EmbeddedRevealView';

package/src/lib/views/EmbeddedReveal/utils/turnkeyExport/index.d.ts

@@ -0,0 +1 @@
+export * from './turnkeyExport';

package/src/lib/views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.cjs

@@ -0,0 +1,139 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../../_virtual/_tslib.cjs');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var utils = require('@dynamic-labs/utils');
+var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('../../../../shared/consts/index.cjs');
+var api = require('../../../../data/api.cjs');
+
+const initExport = ({ iframeContainer, iframeElementId, wallet, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    if (!(wallet === null || wallet === void 0 ? void 0 : wallet.connector) ||
+        !(wallet === null || wallet === void 0 ? void 0 : wallet.id) ||
+        !walletConnectorCore.isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
+        throw new utils.DynamicError('PasskeyWalletConnector not found');
+    }
+    const turnkeyExportHandler = (_a = wallet.connector) === null || _a === void 0 ? void 0 : _a.getExportHandler();
+    const publicKey = yield turnkeyExportHandler.initExport(iframeContainer, iframeElementId);
+    if (!publicKey) {
+        throw new utils.DynamicError('Something went wrong');
+    }
+    return turnkeyExportHandler;
+});
+const handleExportInitCheck = ({ authToken, userEmail, wallet, }) => {
+    var _a, _b;
+    if (!authToken) {
+        throw new utils.DynamicError('User must be logged in');
+    }
+    const decodedJwt = decodeJwt.decodeJwt(authToken);
+    if (!decodedJwt) {
+        throw new utils.DynamicError('User must be logged in with a valid token');
+    }
+    if (!(wallet === null || wallet === void 0 ? void 0 : wallet.connector) ||
+        !(wallet === null || wallet === void 0 ? void 0 : wallet.id) ||
+        !walletConnectorCore.isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
+        throw new utils.DynamicError('PasskeyWalletConnector not found');
+    }
+    const connector = wallet.connector;
+    connector.setEmail(userEmail);
+    const walletProperties = (_b = (_a = decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
+    const turnkeyHDWalletId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
+    const privateKeyId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyPrivateKeyId;
+    const organizationId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeySubOrganizationId;
+    if (!organizationId ||
+        (turnkeyHDWalletId === undefined && privateKeyId === undefined)) {
+        throw new utils.DynamicError('Invalid token!');
+    }
+    return {
+        connector,
+        organizationId,
+        privateKeyId,
+        turnkeyHDWalletId,
+    };
+};
+const extractExportBundle = ({ address, privateKeyId, activity, }) => {
+    var _a, _b, _c;
+    const exportWalletResult = address
+        ? (_a = activity.result) === null || _a === void 0 ? void 0 : _a.exportWalletAccountResult
+        : (_b = activity.result) === null || _b === void 0 ? void 0 : _b.exportWalletResult;
+    const result = privateKeyId
+        ? (_c = activity.result) === null || _c === void 0 ? void 0 : _c.exportPrivateKeyResult
+        : exportWalletResult;
+    return result === null || result === void 0 ? void 0 : result.exportBundle;
+};
+const exportCredential = ({ authToken, userEmail, wallet, environmentId, address, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const { connector, turnkeyHDWalletId, privateKeyId, organizationId } = handleExportInitCheck({
+        authToken,
+        userEmail,
+        wallet,
+    });
+    const turnkeyExportHandler = connector.getExportHandler();
+    const targetPublicKey = turnkeyExportHandler.publicKey;
+    if (!targetPublicKey) {
+        throw new utils.DynamicError('Must initialize export first');
+    }
+    // calls turnkey export api
+    let newActivity;
+    if (turnkeyHDWalletId) {
+        newActivity = yield turnkeyExportHandler.exportWallet({
+            address,
+            organizationId,
+            walletId: turnkeyHDWalletId,
+        });
+    }
+    else if (privateKeyId) {
+        newActivity = yield turnkeyExportHandler.exportPrivateKey({
+            organizationId,
+            privateKeyId,
+        });
+    }
+    const activityId = newActivity.id;
+    const activityStatus = newActivity.status;
+    let exportBundle;
+    if (activityStatus === 'ACTIVITY_STATUS_COMPLETED') {
+        exportBundle = extractExportBundle({
+            activity: newActivity,
+            address,
+            privateKeyId,
+        });
+    }
+    else {
+        const res = yield api.exportEmbeddedWallet({
+            activityId,
+            environmentId,
+            userJwt: authToken || '',
+            walletId: (wallet === null || wallet === void 0 ? void 0 : wallet.id) || '',
+        });
+        exportBundle = res === null || res === void 0 ? void 0 : res.exportBundle;
+    }
+    if (!exportBundle) {
+        throw new utils.DynamicError('Invalid export response');
+    }
+    if (address || privateKeyId) {
+        return turnkeyExportHandler.verifyExportPrivateKey(exportBundle);
+    }
+    return turnkeyExportHandler.verifyExportWallet(exportBundle);
+});
+const cleanupExport = ({ wallet }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    var _b;
+    const connector = wallet === null || wallet === void 0 ? void 0 : wallet.connector;
+    // clear iframeStamper and its reference
+    (_b = connector === null || connector === void 0 ? void 0 : connector.getExportHandler()) === null || _b === void 0 ? void 0 : _b.clear();
+});
+
+exports.cleanupExport = cleanupExport;
+exports.exportCredential = exportCredential;
+exports.extractExportBundle = extractExportBundle;
+exports.initExport = initExport;

package/src/lib/views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.d.ts

@@ -0,0 +1,21 @@
+import { Wallet } from '../../../../shared';
+export declare const initExport: ({ iframeContainer, iframeElementId, wallet, }: {
+    iframeContainer: HTMLElement;
+    iframeElementId: string;
+    wallet: Wallet | null;
+}) => Promise<import("@dynamic-labs/wallet-connector-core").ExportHandler>;
+export declare const extractExportBundle: ({ address, privateKeyId, activity, }: {
+    address?: string | undefined;
+    privateKeyId?: string | undefined;
+    activity: any;
+}) => any;
+export declare const exportCredential: ({ authToken, userEmail, wallet, environmentId, address, }: {
+    authToken: string | undefined;
+    userEmail: string | undefined;
+    wallet: Wallet | null;
+    environmentId: string;
+    address?: string | undefined;
+}) => Promise<unknown>;
+export declare const cleanupExport: ({ wallet }: {
+    wallet: Wallet | null;
+}) => Promise<void>;

package/src/lib/views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.js

@@ -0,0 +1,132 @@
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { isPasskeyWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { DynamicError } from '@dynamic-labs/utils';
+import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
+import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../../../shared/consts/index.js';
+import { exportEmbeddedWallet } from '../../../../data/api.js';
+
+const initExport = ({ iframeContainer, iframeElementId, wallet, }) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    if (!(wallet === null || wallet === void 0 ? void 0 : wallet.connector) ||
+        !(wallet === null || wallet === void 0 ? void 0 : wallet.id) ||
+        !isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
+        throw new DynamicError('PasskeyWalletConnector not found');
+    }
+    const turnkeyExportHandler = (_a = wallet.connector) === null || _a === void 0 ? void 0 : _a.getExportHandler();
+    const publicKey = yield turnkeyExportHandler.initExport(iframeContainer, iframeElementId);
+    if (!publicKey) {
+        throw new DynamicError('Something went wrong');
+    }
+    return turnkeyExportHandler;
+});
+const handleExportInitCheck = ({ authToken, userEmail, wallet, }) => {
+    var _a, _b;
+    if (!authToken) {
+        throw new DynamicError('User must be logged in');
+    }
+    const decodedJwt = decodeJwt(authToken);
+    if (!decodedJwt) {
+        throw new DynamicError('User must be logged in with a valid token');
+    }
+    if (!(wallet === null || wallet === void 0 ? void 0 : wallet.connector) ||
+        !(wallet === null || wallet === void 0 ? void 0 : wallet.id) ||
+        !isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
+        throw new DynamicError('PasskeyWalletConnector not found');
+    }
+    const connector = wallet.connector;
+    connector.setEmail(userEmail);
+    const walletProperties = (_b = (_a = decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
+    const turnkeyHDWalletId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
+    const privateKeyId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyPrivateKeyId;
+    const organizationId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeySubOrganizationId;
+    if (!organizationId ||
+        (turnkeyHDWalletId === undefined && privateKeyId === undefined)) {
+        throw new DynamicError('Invalid token!');
+    }
+    return {
+        connector,
+        organizationId,
+        privateKeyId,
+        turnkeyHDWalletId,
+    };
+};
+const extractExportBundle = ({ address, privateKeyId, activity, }) => {
+    var _a, _b, _c;
+    const exportWalletResult = address
+        ? (_a = activity.result) === null || _a === void 0 ? void 0 : _a.exportWalletAccountResult
+        : (_b = activity.result) === null || _b === void 0 ? void 0 : _b.exportWalletResult;
+    const result = privateKeyId
+        ? (_c = activity.result) === null || _c === void 0 ? void 0 : _c.exportPrivateKeyResult
+        : exportWalletResult;
+    return result === null || result === void 0 ? void 0 : result.exportBundle;
+};
+const exportCredential = ({ authToken, userEmail, wallet, environmentId, address, }) => __awaiter(void 0, void 0, void 0, function* () {
+    const { connector, turnkeyHDWalletId, privateKeyId, organizationId } = handleExportInitCheck({
+        authToken,
+        userEmail,
+        wallet,
+    });
+    const turnkeyExportHandler = connector.getExportHandler();
+    const targetPublicKey = turnkeyExportHandler.publicKey;
+    if (!targetPublicKey) {
+        throw new DynamicError('Must initialize export first');
+    }
+    // calls turnkey export api
+    let newActivity;
+    if (turnkeyHDWalletId) {
+        newActivity = yield turnkeyExportHandler.exportWallet({
+            address,
+            organizationId,
+            walletId: turnkeyHDWalletId,
+        });
+    }
+    else if (privateKeyId) {
+        newActivity = yield turnkeyExportHandler.exportPrivateKey({
+            organizationId,
+            privateKeyId,
+        });
+    }
+    const activityId = newActivity.id;
+    const activityStatus = newActivity.status;
+    let exportBundle;
+    if (activityStatus === 'ACTIVITY_STATUS_COMPLETED') {
+        exportBundle = extractExportBundle({
+            activity: newActivity,
+            address,
+            privateKeyId,
+        });
+    }
+    else {
+        const res = yield exportEmbeddedWallet({
+            activityId,
+            environmentId,
+            userJwt: authToken || '',
+            walletId: (wallet === null || wallet === void 0 ? void 0 : wallet.id) || '',
+        });
+        exportBundle = res === null || res === void 0 ? void 0 : res.exportBundle;
+    }
+    if (!exportBundle) {
+        throw new DynamicError('Invalid export response');
+    }
+    if (address || privateKeyId) {
+        return turnkeyExportHandler.verifyExportPrivateKey(exportBundle);
+    }
+    return turnkeyExportHandler.verifyExportWallet(exportBundle);
+});
+const cleanupExport = ({ wallet }) => __awaiter(void 0, void 0, void 0, function* () {
+    var _b;
+    const connector = wallet === null || wallet === void 0 ? void 0 : wallet.connector;
+    // clear iframeStamper and its reference
+    (_b = connector === null || connector === void 0 ? void 0 : connector.getExportHandler()) === null || _b === void 0 ? void 0 : _b.clear();
+});
+
+export { cleanupExport, exportCredential, extractExportBundle, initExport };

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var sdkApi = require('@dynamic-labs/sdk-api');
+var utils = require('@dynamic-labs/utils');
 var Divider = require('../../components/Divider/Divider.cjs');
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
@@ -12,7 +13,63 @@ var LoadingContext = require('../../context/LoadingContext/LoadingContext.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var WalletList = require('../WalletList/WalletList.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('react-dom');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('@dynamic-labs/types');
+require('yup');
+require('react-i18next');
+require('../../context/MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+var useAuthLayoutChecks = require('../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
+var Typography = require('../../components/Typography/Typography.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+require('i18next');
+require('qrcode');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('formik');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('@dynamic-labs/viem-utils');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var LoginEmailForm = require('./sections/EmailSignInSection/LoginEmailForm.cjs');
+var DefaultFooter = require('../../layout/DynamicAuthLayout/DefaultFooter/DefaultFooter.cjs');
 var WalletSignInSection = require('./sections/WalletSignInSection/WalletSignInSection.cjs');
 var SocialSignInSection = require('./sections/SocialSignInSection/SocialSignInSection.cjs');
 var useLoginView = require('./useLoginView.cjs');
@@ -32,30 +89,33 @@ const LoginView = () => {
             setShowWalletList(true);
         }
         // returning from 'View all wallets' button
-        if (!isWalletOnly && view === 'login-with-email-or-wallet') {
+        if (!isWalletOnly && view.type === 'login-with-email-or-wallet') {
             setShowWalletList(false);
         }
         // toolkit log in with email was set back to true
         if (!isWalletOnly &&
-            (!showWalletList || view === 'login-with-wallet-only')) {
+            (!showWalletList || view.type === 'login-with-wallet-only')) {
             setView('login-with-email-or-wallet');
             setShowWalletList(false);
         }
-    }, [isWalletOnly, view]);
+    }, [isWalletOnly, view.type]);
+    const { showDefaultFooter } = useAuthLayoutChecks.useAuthLayoutChecks();
     const numOfWallets = ((_a = logingViewSections.find((section) => section.type === sdkApi.SdkViewSectionType.Wallet)) === null || _a === void 0 ? void 0 : _a.numOfItemsToDisplay) || 0;
     const renderViewSections = React.useMemo(() => logingViewSections.map((viewSection, index) => {
         switch (viewSection.type) {
-            case 'separator':
+            case sdkApi.SdkViewSectionType.Separator:
                 return (jsxRuntime.jsx(Divider.Divider, { text: viewSection.label }, `${viewSection.type}_${index}`));
-            case 'email':
+            case sdkApi.SdkViewSectionType.Email:
                 return (jsxRuntime.jsx(LoginEmailForm.LoginEmailForm, { onSubmit: () => setIsLoading(true), onSubmitError: () => setIsLoading(false), isLoading: isLoading }, `${viewSection.type}_${index}`));
-            case 'wallet':
+            case sdkApi.SdkViewSectionType.Wallet:
                 return (jsxRuntime.jsx(WalletSignInSection.WalletSignInSection, { numberOfItensToShow: viewSection.numOfItemsToDisplay || 0, onSubmit: () => {
                         setView('login-with-email-or-wallet-full-wallet-list'); // this view is just to show the back button
                         setShowWalletList(true);
                     }, isLoading: isLoading }, `${viewSection.type}_${index}`));
-            case 'social':
+            case sdkApi.SdkViewSectionType.Social:
                 return (jsxRuntime.jsx(SocialSignInSection.SocialSignInSection, { collapsedLayout: numOfWallets > 1, sectionData: viewSection }, `${viewSection.type}_${index}`));
+            case sdkApi.SdkViewSectionType.Text:
+                return (jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', align: viewSection.alignment, className: 'login-view__text', children: viewSection.label }, `${viewSection.type}_${index}`));
             default:
                 return null;
         }
@@ -63,9 +123,10 @@ const LoginView = () => {
     if (showWalletList) {
         return jsxRuntime.jsx(WalletList.WalletList, {});
     }
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [error && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { className: 'login-with-email__error-container', withIcon: false, children: error })), jsxRuntime.jsx("div", { className: classNames.classNames('login-with-email__container', {
-                    'login-with-email__container--error': Boolean(error),
-                }), children: jsxRuntime.jsx("div", { className: 'login-with-email__scroll', "data-testid": 'login-with-email-scroll', children: renderViewSections }) })] }));
+    const shouldShowFooter = utils.isMobile() && showDefaultFooter;
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [error && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { className: 'login-view__error-container', withIcon: false, children: error })), jsxRuntime.jsx("div", { className: classNames.classNames('login-view__container', {
+                    'login-view__container--error': Boolean(error),
+                }), children: jsxRuntime.jsx("div", { className: 'login-view__scroll', "data-testid": 'login-view-scroll', children: renderViewSections }) }), shouldShowFooter && jsxRuntime.jsx(DefaultFooter.DefaultFooter, { hideBorder: true })] }));
 };
 
 exports.LoginView = LoginView;