@dynamic-labs/sdk-react-core 4.48.2 → 4.50.1

package/src/lib/utils/hooks/useWalletBackup/useWalletBackup.js

@@ -0,0 +1,332 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
+import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
+import '@dynamic-labs-sdk/client/core';
+import '../../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import { VerifiedCredentialNameToChainEnum } from '../../constants/values.js';
+import '../../../shared/consts/index.js';
+import { USER_NOT_LOGGED_IN } from '../../constants/errors.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../store/state/nonce/nonce.js';
+import '@dynamic-labs/locale';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import '../../../events/dynamicEvents.js';
+import { useUser } from '../../../client/extension/user/useUser/useUser.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.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 '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
+import '../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
+import { useSocialAccounts } from '../useSocialAccounts/useSocialAccounts.js';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import '../../../views/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 'react-i18next';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
+import '../../../context/WalletContext/WalletContext.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/OverlayCard/OverlayCard.js';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../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 '../useSubdomainCheck/useSubdomainCheck.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import { useDynamicWaas } from '../useDynamicWaas/useDynamicWaas.js';
+import { useRefreshUser } from '../useRefreshUser/useRefreshUser.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
+import '../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
+import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../context/FooterAnimationContext/index.js';
+import '@dynamic-labs/types';
+import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import '../../../views/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 '../../../views/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 isWalletBackedUp = (cred) => {
+    var _a;
+    const keyShares = (_a = cred.walletProperties) === null || _a === void 0 ? void 0 : _a.keyShares;
+    if (!keyShares || !Array.isArray(keyShares))
+        return false;
+    return keyShares.some((keyShare) => keyShare &&
+        typeof keyShare === 'object' &&
+        'backupLocation' in keyShare &&
+        keyShare.backupLocation === 'googleDrive');
+};
+const useWalletBackup = () => {
+    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { pushView } = useViewContext();
+    const user = useUser();
+    const refresh = useRefreshUser();
+    const { getWaasWalletConnector, getWaasWalletsByCredentials } = useDynamicWaas();
+    const { linkSocialAccount, isLinked } = useSocialAccounts();
+    const isGoogleLinked = useMemo(() => isLinked(ProviderEnum.Google), [isLinked]);
+    const [backupState, setBackupState] = useState({
+        currentIndex: 0,
+        failedIndex: null,
+        hasError: false,
+        isComplete: false,
+        isProcessing: false,
+        totalWallets: 0,
+    });
+    const timeoutRef = useRef(null);
+    useEffect(() => () => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+    }, []);
+    const getWalletsBackupStatus = useCallback(() => getWaasWalletsByCredentials().map((cred) => ({
+        address: cred.address,
+        chain: VerifiedCredentialNameToChainEnum[cred.chain],
+        status: isWalletBackedUp(cred) ? 'backed-up' : 'pending',
+    })), [getWaasWalletsByCredentials]);
+    const getWalletsToBackup = useCallback(() => getWalletsBackupStatus()
+        .filter((wallet) => wallet.status === 'pending')
+        .map(({ address, chain }) => ({ address, chain })), [getWalletsBackupStatus]);
+    const areAllWalletsBackedUp = useMemo(() => {
+        const statuses = getWalletsBackupStatus();
+        return (statuses.length > 0 && statuses.every((w) => w.status === 'backed-up'));
+    }, [getWalletsBackupStatus]);
+    const ensureGoogleLinked = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        if (isGoogleLinked) {
+            return true;
+        }
+        try {
+            yield linkSocialAccount(ProviderEnum.Google, {
+                forcePopup: true,
+                showWidgetAfterConnection: false,
+            });
+            const updatedUser = yield refresh();
+            const isGoogleLinkedAfterRefresh = (_a = updatedUser === null || updatedUser === void 0 ? void 0 : updatedUser.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.some((cred) => cred.format === 'oauth' && cred.oauthProvider === ProviderEnum.Google);
+            return Boolean(isGoogleLinkedAfterRefresh);
+        }
+        catch (error) {
+            logger.warn('Error linking Google account for backup', { error });
+            return false;
+        }
+    }), [isGoogleLinked, linkSocialAccount, refresh]);
+    const backupWallet = useCallback((walletToBackup) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const waasConnector = getWaasWalletConnector(walletToBackup.chain);
+            if (!waasConnector) {
+                logger.warn('No WaaS connector found for wallet', {
+                    address: walletToBackup.address,
+                });
+                return false;
+            }
+            yield waasConnector.backupKeySharesToGoogleDrive({
+                accountAddress: walletToBackup.address,
+            });
+            return true;
+        }
+        catch (error) {
+            logger.warn('Error backing up wallet', {
+                address: walletToBackup.address,
+                error,
+            });
+            return false;
+        }
+    }), [getWaasWalletConnector]);
+    const backupAllWallets = useCallback((wallets) => __awaiter(void 0, void 0, void 0, function* () {
+        const walletsToProcess = wallets !== null && wallets !== void 0 ? wallets : getWalletsToBackup();
+        for (const wallet of walletsToProcess) {
+            yield backupWallet(wallet);
+        }
+        yield refresh();
+    }), [getWalletsToBackup, backupWallet, refresh]);
+    const startBackup = useCallback((onComplete_1, ...args_1) => __awaiter(void 0, [onComplete_1, ...args_1], void 0, function* (onComplete, fromIndex = 0) {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+        const walletsToBackup = getWalletsToBackup();
+        if (walletsToBackup.length === 0) {
+            onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+            return;
+        }
+        setBackupState((prev) => (Object.assign(Object.assign({}, prev), { failedIndex: null, hasError: false, isProcessing: true, totalWallets: walletsToBackup.length })));
+        for (let i = fromIndex; i < walletsToBackup.length; i++) {
+            setBackupState((prev) => (Object.assign(Object.assign({}, prev), { currentIndex: i + 1 })));
+            const success = yield backupWallet(walletsToBackup[i]);
+            if (!success) {
+                setBackupState((prev) => (Object.assign(Object.assign({}, prev), { failedIndex: i, hasError: true, isProcessing: false })));
+                return;
+            }
+        }
+        yield refresh();
+        setBackupState((prev) => (Object.assign(Object.assign({}, prev), { isComplete: true, isProcessing: false })));
+        if (onComplete) {
+            timeoutRef.current = setTimeout(onComplete, 1000);
+        }
+    }), [getWalletsToBackup, backupWallet, refresh]);
+    const initBackupProcess = useCallback(() => {
+        if (!user) {
+            throw new Error(USER_NOT_LOGGED_IN);
+        }
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        pushView('waas-backup-progress-view');
+    }, [setShowAuthFlow, pushView, user]);
+    return {
+        areAllWalletsBackedUp,
+        backupAllWallets,
+        backupState,
+        backupWallet,
+        ensureGoogleLinked,
+        getWalletsBackupStatus,
+        getWalletsToBackup,
+        initBackupProcess,
+        isGoogleLinked,
+        startBackup,
+    };
+};
+const useBackupWallets = (onComplete) => {
+    const { backupState, startBackup } = useWalletBackup();
+    const hasStartedRef = useRef(false);
+    const onCompleteRef = useRef(onComplete);
+    onCompleteRef.current = onComplete;
+    useEffect(() => {
+        if (hasStartedRef.current)
+            return;
+        hasStartedRef.current = true;
+        startBackup(() => onCompleteRef.current());
+    }, [startBackup]);
+    const retry = useCallback(() => {
+        var _a;
+        const fromIndex = (_a = backupState.failedIndex) !== null && _a !== void 0 ? _a : 0;
+        startBackup(() => onCompleteRef.current(), fromIndex);
+    }, [startBackup, backupState.failedIndex]);
+    return Object.assign(Object.assign({}, backupState), { retry });
+};
+const useDownloadKeyShares = (onComplete) => {
+    const { getWaasWalletConnector, getWaasWalletsByCredentials } = useDynamicWaas();
+    const [downloadState, setDownloadState] = useState({
+        currentIndex: 0,
+        failedIndex: null,
+        hasError: false,
+        isComplete: false,
+        isProcessing: false,
+        totalWallets: 0,
+    });
+    const hasStartedRef = useRef(false);
+    const onCompleteRef = useRef(onComplete);
+    onCompleteRef.current = onComplete;
+    const walletsToDownload = useMemo(() => getWaasWalletsByCredentials().map((cred) => ({
+        address: cred.address,
+        chain: VerifiedCredentialNameToChainEnum[cred.chain],
+    })), [getWaasWalletsByCredentials]);
+    const downloadKeyShare = useCallback((walletToDownload) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const waasConnector = getWaasWalletConnector(walletToDownload.chain);
+            if (!waasConnector) {
+                logger.warn('No WaaS connector found for wallet', {
+                    address: walletToDownload.address,
+                });
+                return false;
+            }
+            yield waasConnector.exportClientKeyshares({
+                accountAddress: walletToDownload.address,
+            });
+            return true;
+        }
+        catch (error) {
+            logger.warn('Error downloading key share', {
+                address: walletToDownload.address,
+                error,
+            });
+            return false;
+        }
+    }), [getWaasWalletConnector]);
+    const startDownload = useCallback((...args_1) => __awaiter(void 0, [...args_1], void 0, function* (fromIndex = 0) {
+        if (hasStartedRef.current || walletsToDownload.length === 0)
+            return;
+        hasStartedRef.current = true;
+        setDownloadState((prev) => (Object.assign(Object.assign({}, prev), { currentIndex: fromIndex, failedIndex: null, hasError: false, isComplete: false, isProcessing: true, totalWallets: walletsToDownload.length })));
+        for (let i = fromIndex; i < walletsToDownload.length; i++) {
+            setDownloadState((prev) => (Object.assign(Object.assign({}, prev), { currentIndex: i + 1 })));
+            const success = yield downloadKeyShare(walletsToDownload[i]);
+            if (!success) {
+                setDownloadState((prev) => (Object.assign(Object.assign({}, prev), { failedIndex: i, hasError: true, isProcessing: false })));
+                hasStartedRef.current = false;
+                return;
+            }
+        }
+        setDownloadState((prev) => (Object.assign(Object.assign({}, prev), { isComplete: true, isProcessing: false })));
+        hasStartedRef.current = false;
+        if (onCompleteRef.current) {
+            const count = walletsToDownload.length;
+            setTimeout(() => { var _a; return (_a = onCompleteRef.current) === null || _a === void 0 ? void 0 : _a.call(onCompleteRef, count); }, 500);
+        }
+    }), [walletsToDownload, downloadKeyShare]);
+    const retry = useCallback(() => {
+        var _a;
+        const fromIndex = (_a = downloadState.failedIndex) !== null && _a !== void 0 ? _a : 0;
+        startDownload(fromIndex);
+    }, [startDownload, downloadState.failedIndex]);
+    return Object.assign(Object.assign({}, downloadState), { retry, startDownload: () => startDownload(0) });
+};
+
+export { isWalletBackedUp, useBackupWallets, useDownloadKeyShares, useWalletBackup };

package/src/lib/utils/hooks/useWalletDelegation/useWalletDelegation.cjs

@@ -80,6 +80,8 @@ require('qrcode');
 require('formik');
 require('../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
+var useRefreshUser = require('../useRefreshUser/useRefreshUser.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
@@ -93,8 +95,6 @@ require('../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cj
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../context/OnrampContext/OnrampContext.cjs');
 var waas = require('../../../data/api/waas/waas.cjs');
-var useRefreshUser = require('../useRefreshUser/useRefreshUser.cjs');
-var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/utils/hooks/useWalletDelegation/useWalletDelegation.js

@@ -76,6 +76,8 @@ import 'qrcode';
 import 'formik';
 import '../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import { useDynamicWaas } from '../useDynamicWaas/useDynamicWaas.js';
+import { useRefreshUser } from '../useRefreshUser/useRefreshUser.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -89,8 +91,6 @@ import '../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js'
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../context/OnrampContext/OnrampContext.js';
 import { updateWaasWalletSettings } from '../../../data/api/waas/waas.js';
-import { useRefreshUser } from '../useRefreshUser/useRefreshUser.js';
-import { useDynamicWaas } from '../useDynamicWaas/useDynamicWaas.js';
 import '../../../store/state/sendBalances.js';
 import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.cjs

@@ -141,6 +141,7 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         // Check method handleUserResponse in file useResponseHandlers, case 'signMessage'.
         if (walletConnector.key === 'phantom') {
             const currentState = utils.StorageService.getItem(localStorage.PHANTOM_SIGNATURE_STATE);
+            logger.logger.logVerboseTroubleshootingMessage('[useHandleWalletItem] Setting PHANTOM_SIGNATURE_STATE to awaiting_verification', { currentState });
             utils.StorageService.setItem(localStorage.PHANTOM_SIGNATURE_STATE, {
                 loseOriginalAccountOnTransfer: (_a = currentState === null || currentState === void 0 ? void 0 : currentState.loseOriginalAccountOnTransfer) !== null && _a !== void 0 ? _a : false,
                 submittedAtTimestamp: new Date().toString(),

package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.js

@@ -137,6 +137,7 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         // Check method handleUserResponse in file useResponseHandlers, case 'signMessage'.
         if (walletConnector.key === 'phantom') {
             const currentState = StorageService.getItem(PHANTOM_SIGNATURE_STATE);
+            logger.logVerboseTroubleshootingMessage('[useHandleWalletItem] Setting PHANTOM_SIGNATURE_STATE to awaiting_verification', { currentState });
             StorageService.setItem(PHANTOM_SIGNATURE_STATE, {
                 loseOriginalAccountOnTransfer: (_a = currentState === null || currentState === void 0 ? void 0 : currentState.loseOriginalAccountOnTransfer) !== null && _a !== void 0 ? _a : false,
                 submittedAtTimestamp: new Date().toString(),

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

@@ -200,6 +200,19 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
     }, [error, pushView, user]);
     const { t } = reactI18next.useTranslation();
     const hasInjectedCredential = !isLoading && data && !error;
+    // Track successful reveal for emitting event on unmount
+    const revealedWalletRef = React.useRef(null);
+    React.useEffect(() => {
+        if (hasInjectedCredential && wallet) {
+            revealedWalletRef.current = wallet;
+        }
+    }, [hasInjectedCredential, wallet]);
+    // Emit success event when user exits the screen after successful reveal
+    React.useEffect(() => () => {
+        if (revealedWalletRef.current) {
+            dynamicEvents.dynamicEvents.emit('embeddedWalletRevealCompleted', revealedWalletRef.current);
+        }
+    }, []);
     const credentialTitle = !isTurnkeyHDWallet || exportPrivateKey
         ? t('dyn_embedded_reveal.private_key_title')
         : t('dyn_embedded_reveal.recovery_phrase_title');

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

@@ -1,6 +1,6 @@
 'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useEffect, useMemo } from 'react';
+import { useState, useEffect, useMemo, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DynamicError, AccessBlockedError } from '@dynamic-labs/utils';
 import { Badge } from '../../../components/Badge/Badge.js';
@@ -196,6 +196,19 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, }) =>
     }, [error, pushView, user]);
     const { t } = useTranslation();
     const hasInjectedCredential = !isLoading && data && !error;
+    // Track successful reveal for emitting event on unmount
+    const revealedWalletRef = useRef(null);
+    useEffect(() => {
+        if (hasInjectedCredential && wallet) {
+            revealedWalletRef.current = wallet;
+        }
+    }, [hasInjectedCredential, wallet]);
+    // Emit success event when user exits the screen after successful reveal
+    useEffect(() => () => {
+        if (revealedWalletRef.current) {
+            dynamicEvents.emit('embeddedWalletRevealCompleted', revealedWalletRef.current);
+        }
+    }, []);
     const credentialTitle = !isTurnkeyHDWallet || exportPrivateKey
         ? t('dyn_embedded_reveal.private_key_title')
         : t('dyn_embedded_reveal.recovery_phrase_title');

package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.cjs

@@ -7,7 +7,7 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
-require('@dynamic-labs/utils');
+var utils = require('@dynamic-labs/utils');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 var copy = require('../../shared/assets/copy.cjs');
 var download = require('../../shared/assets/download.cjs');
@@ -32,7 +32,6 @@ require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../store/state/nonce/nonce.cjs');
-var downloadFile = require('../../utils/functions/downloadFile/downloadFile.cjs');
 require('@dynamic-labs-sdk/client/core');
 require('../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
@@ -124,12 +123,16 @@ const MfaDisplayBackupCodesView = ({ regenerateCodes = false, }) => {
         setShowAuthFlow(false);
         yield completeAcknowledgement();
     });
+    const handleDownload = (e) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        e.preventDefault();
+        const file = new Blob([codesAsString], {
+            type: 'text/plain',
+        });
+        yield utils.PlatformService.downloadFile('mfa-backup-codes.txt', file);
+    });
     return (jsxRuntime.jsxs("div", { className: 'mfa-display-backup-codes-view__body', "data-testid": 'mfa-display-backup-codes-view', children: [jsxRuntime.jsx(Typography.Typography, { className: 'mfa-display-backup-codes-view__copy', variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_mfa.display_backup_codes_view.body', children: t('dyn_mfa.display_backup_codes_view.body') }), jsxRuntime.jsx(Alert.Alert, { variant: 'warning', copykey: 'dyn_mfa.display_backup_codes_view.warning', className: 'mfa-display-backup-codes-view__warning', children: t('dyn_mfa.display_backup_codes_view.warning') }), isLoading ? (jsxRuntime.jsx(spinner.Spinner, { className: 'mfa-display-backup-codes-view__loading-spinner' })) : (jsxRuntime.jsxs("div", { className: 'mfa-display-backup-codes-view__codes', children: [codes === null || codes === void 0 ? void 0 : codes.map((code, index) => (jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'mfa-display-backup-codes-view__code', children: code }, index))), jsxRuntime.jsxs("div", { className: 'mfa-display-backup-codes-view__actions', children: [jsxRuntime.jsx(CopyButton.CopyButton, { variant: 'button', textToCopy: codesAsString, copykey: 'dyn_mfa.display_backup_codes_view.copy_all', startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsxRuntime.jsx(Icon.Icon, { size: 'mini', color: 'text-tertiary', children: jsxRuntime.jsx(copy.ReactComponent, {}) }), children: t('dyn_mfa.display_backup_codes_view.copy_all') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'download-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: (e) => {
-                                    e.preventDefault();
-                                    downloadFile.downloadFile('mfa-backup-codes.txt', codesAsString);
-                                }, startSlot: jsxRuntime.jsx(download.ReactComponent, {}), expanded: true, copykey: 'dyn_mfa.display_backup_codes_view.download', children: t('dyn_mfa.display_backup_codes_view.download') })] })] })), jsxRuntime.jsxs("div", { className: 'mfa-display-backup-codes-view__complete', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'mfa-display-backup-codes-view__acknowledgement', dataTestId: 'ack-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setAcknowledgement(!acknowledgement), startSlot: 
+                                jsxRuntime.jsx(Icon.Icon, { size: 'mini', color: 'text-tertiary', children: jsxRuntime.jsx(copy.ReactComponent, {}) }), children: t('dyn_mfa.display_backup_codes_view.copy_all') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'download-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleDownload, startSlot: jsxRuntime.jsx(download.ReactComponent, {}), expanded: true, copykey: 'dyn_mfa.display_backup_codes_view.download', children: t('dyn_mfa.display_backup_codes_view.download') })] })] })), jsxRuntime.jsxs("div", { className: 'mfa-display-backup-codes-view__complete', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'mfa-display-backup-codes-view__acknowledgement', dataTestId: 'ack-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setAcknowledgement(!acknowledgement), startSlot: 
                         // eslint-disable-next-line react/jsx-wrap-multilines
                         jsxRuntime.jsx(Checkbox.Checkbox, { checked: acknowledgement, onChange: () => {
                                 setAcknowledgement(!acknowledgement);

package/src/lib/views/MfaDisplayBackupCodesView/MfaDisplayBackupCodesView.js

@@ -3,7 +3,7 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import '@dynamic-labs/utils';
+import { PlatformService } from '@dynamic-labs/utils';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import { ReactComponent as SvgCopy } from '../../shared/assets/copy.js';
 import { ReactComponent as SvgDownload } from '../../shared/assets/download.js';
@@ -28,7 +28,6 @@ import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../store/state/nonce/nonce.js';
-import { downloadFile } from '../../utils/functions/downloadFile/downloadFile.js';
 import '@dynamic-labs-sdk/client/core';
 import '../../client/client.js';
 import '@dynamic-labs-sdk/client';
@@ -120,12 +119,16 @@ const MfaDisplayBackupCodesView = ({ regenerateCodes = false, }) => {
         setShowAuthFlow(false);
         yield completeAcknowledgement();
     });
+    const handleDownload = (e) => __awaiter(void 0, void 0, void 0, function* () {
+        e.preventDefault();
+        const file = new Blob([codesAsString], {
+            type: 'text/plain',
+        });
+        yield PlatformService.downloadFile('mfa-backup-codes.txt', file);
+    });
     return (jsxs("div", { className: 'mfa-display-backup-codes-view__body', "data-testid": 'mfa-display-backup-codes-view', children: [jsx(Typography, { className: 'mfa-display-backup-codes-view__copy', variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_mfa.display_backup_codes_view.body', children: t('dyn_mfa.display_backup_codes_view.body') }), jsx(Alert, { variant: 'warning', copykey: 'dyn_mfa.display_backup_codes_view.warning', className: 'mfa-display-backup-codes-view__warning', children: t('dyn_mfa.display_backup_codes_view.warning') }), isLoading ? (jsx(Spinner, { className: 'mfa-display-backup-codes-view__loading-spinner' })) : (jsxs("div", { className: 'mfa-display-backup-codes-view__codes', children: [codes === null || codes === void 0 ? void 0 : codes.map((code, index) => (jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'mfa-display-backup-codes-view__code', children: code }, index))), jsxs("div", { className: 'mfa-display-backup-codes-view__actions', children: [jsx(CopyButton, { variant: 'button', textToCopy: codesAsString, copykey: 'dyn_mfa.display_backup_codes_view.copy_all', startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsx(Icon, { size: 'mini', color: 'text-tertiary', children: jsx(SvgCopy, {}) }), children: t('dyn_mfa.display_backup_codes_view.copy_all') }), jsx(TypographyButton, { dataTestId: 'download-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: (e) => {
-                                    e.preventDefault();
-                                    downloadFile('mfa-backup-codes.txt', codesAsString);
-                                }, startSlot: jsx(SvgDownload, {}), expanded: true, copykey: 'dyn_mfa.display_backup_codes_view.download', children: t('dyn_mfa.display_backup_codes_view.download') })] })] })), jsxs("div", { className: 'mfa-display-backup-codes-view__complete', children: [jsx(TypographyButton, { buttonClassName: 'mfa-display-backup-codes-view__acknowledgement', dataTestId: 'ack-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setAcknowledgement(!acknowledgement), startSlot: 
+                                jsx(Icon, { size: 'mini', color: 'text-tertiary', children: jsx(SvgCopy, {}) }), children: t('dyn_mfa.display_backup_codes_view.copy_all') }), jsx(TypographyButton, { dataTestId: 'download-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleDownload, startSlot: jsx(SvgDownload, {}), expanded: true, copykey: 'dyn_mfa.display_backup_codes_view.download', children: t('dyn_mfa.display_backup_codes_view.download') })] })] })), jsxs("div", { className: 'mfa-display-backup-codes-view__complete', children: [jsx(TypographyButton, { buttonClassName: 'mfa-display-backup-codes-view__acknowledgement', dataTestId: 'ack-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setAcknowledgement(!acknowledgement), startSlot: 
                         // eslint-disable-next-line react/jsx-wrap-multilines
                         jsx(Checkbox, { checked: acknowledgement, onChange: () => {
                                 setAcknowledgement(!acknowledgement);

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

@@ -147,6 +147,19 @@ const WalletUpgradeFlowView = ({ wallets, method, onComplete, onCancel, }) => {
             dynamicEvents.dynamicEvents.emit('embeddedWalletRevealFailed', err);
         },
     });
+    // Track successful export for emitting event on unmount
+    const revealedWalletRef = React.useRef(null);
+    React.useEffect(() => {
+        if (exportData && wallets[currentWalletIndex]) {
+            revealedWalletRef.current = wallets[currentWalletIndex];
+        }
+    }, [exportData, wallets, currentWalletIndex]);
+    // Emit success event when user exits the screen after successful reveal
+    React.useEffect(() => () => {
+        if (revealedWalletRef.current) {
+            dynamicEvents.dynamicEvents.emit('embeddedWalletRevealCompleted', revealedWalletRef.current);
+        }
+    }, []);
     const { mutate: handleUpgradeWallet, isLoading: isUpgrading, error: upgradeError, } = useMutation.useMutation(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!privateKeyInput.trim()) {
             throw new utils.DynamicError('Private key is required');

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
+import { useState, useRef, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DynamicError } from '@dynamic-labs/utils';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
@@ -143,6 +143,19 @@ const WalletUpgradeFlowView = ({ wallets, method, onComplete, onCancel, }) => {
             dynamicEvents.emit('embeddedWalletRevealFailed', err);
         },
     });
+    // Track successful export for emitting event on unmount
+    const revealedWalletRef = useRef(null);
+    useEffect(() => {
+        if (exportData && wallets[currentWalletIndex]) {
+            revealedWalletRef.current = wallets[currentWalletIndex];
+        }
+    }, [exportData, wallets, currentWalletIndex]);
+    // Emit success event when user exits the screen after successful reveal
+    useEffect(() => () => {
+        if (revealedWalletRef.current) {
+            dynamicEvents.emit('embeddedWalletRevealCompleted', revealedWalletRef.current);
+        }
+    }, []);
     const { mutate: handleUpgradeWallet, isLoading: isUpgrading, error: upgradeError, } = useMutation(() => __awaiter(void 0, void 0, void 0, function* () {
         if (!privateKeyInput.trim()) {
             throw new DynamicError('Private key is required');

package/src/lib/views/WalletUsedView/WalletUsedView.cjs

@@ -145,6 +145,7 @@ const WalletUsedView = () => {
             // is a signature, authentication or transfer.
             // Check method handleUserResponse in file useResponseHandlers, case 'signMessage'.
             if (walletConnector.key === 'phantom' && utils.isMobile()) {
+                logger.logger.logVerboseTroubleshootingMessage('[WalletUsedView handleWalletTransfer] Setting PHANTOM_SIGNATURE_STATE to awaiting_transfer', { isChecked });
                 utils.StorageService.setItem(localStorage.PHANTOM_SIGNATURE_STATE, {
                     loseOriginalAccountOnTransfer: isChecked,
                     submittedAtTimestamp: new Date().toString(),

package/src/lib/views/WalletUsedView/WalletUsedView.js

@@ -141,6 +141,7 @@ const WalletUsedView = () => {
             // is a signature, authentication or transfer.
             // Check method handleUserResponse in file useResponseHandlers, case 'signMessage'.
             if (walletConnector.key === 'phantom' && isMobile()) {
+                logger.logVerboseTroubleshootingMessage('[WalletUsedView handleWalletTransfer] Setting PHANTOM_SIGNATURE_STATE to awaiting_transfer', { isChecked });
                 StorageService.setItem(PHANTOM_SIGNATURE_STATE, {
                     loseOriginalAccountOnTransfer: isChecked,
                     submittedAtTimestamp: new Date().toString(),

package/src/lib/views/viewToComponentMap.cjs

@@ -4,6 +4,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+require('react');
+require('@dynamic-labs/iconic');
+require('../context/ViewContext/ViewContext.cjs');
+var WaasBackupCloudProviderView = require('../widgets/DynamicWidget/views/WaasBackupView/WaasBackupCloudProviderView.cjs');
+var WaasBackupDownloadView = require('../widgets/DynamicWidget/views/WaasBackupView/WaasBackupDownloadView.cjs');
+var WaasBackupInfoView = require('../widgets/DynamicWidget/views/WaasBackupView/WaasBackupInfoView.cjs');
+var WaasBackupProgressView = require('../widgets/DynamicWidget/views/WaasBackupView/WaasBackupProgressView.cjs');
+var WaasBackupSuccessView = require('../widgets/DynamicWidget/views/WaasBackupView/WaasBackupSuccessView.cjs');
+var WaasBackupView = require('../widgets/DynamicWidget/views/WaasBackupView/WaasBackupView.cjs');
 var AccessBlockedView = require('./AccessBlockedView/AccessBlockedView.cjs');
 var AccountExistsView = require('./AccountExistsView/AccountExistsView.cjs');
 var AccountUpgradedView = require('./AccountUpgradedView/AccountUpgradedView.cjs');
@@ -53,9 +62,6 @@ var EmbeddedAuthChoice = require('./Passkey/EmbeddedAuthChoice/EmbeddedAuthChoic
 require('react-i18next');
 require('@dynamic-labs/utils');
 require('../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('react');
-require('@dynamic-labs/iconic');
-require('../context/ViewContext/ViewContext.cjs');
 require('../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('../shared/logger.cjs');
@@ -237,6 +243,12 @@ const viewToComponentMap = {
     'user-delete-account': UserDeleteAccountView.UserDeleteAccountView,
     'verify-email': EmailVerification.EmailVerification,
     'verify-sms': SmsVerification.SmsVerification,
+    'waas-backup-cloud-provider-view': WaasBackupCloudProviderView.WaasBackupCloudProviderView,
+    'waas-backup-download-view': WaasBackupDownloadView.WaasBackupDownloadView,
+    'waas-backup-info-view': WaasBackupInfoView.WaasBackupInfoView,
+    'waas-backup-progress-view': WaasBackupProgressView.WaasBackupProgressView,
+    'waas-backup-success-view': WaasBackupSuccessView.WaasBackupSuccessView,
+    'waas-backup-view': WaasBackupView.WaasBackupView,
     'waas-upgrade-view': WaasUpgradeView.WaasUpgradeView,
     'wait-for-email-confirmation-view': EmailConfirmationWaitingView.EmailConfirmationWaitingView,
     'wallet-cannot-be-transferred': WalletCannotBeTransferredView.WalletCannotBeTransferredView,