@dynamic-labs/sdk-react-core 1.2.0-alpha.0 → 2.0.0-alpha.0

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.cjs

@@ -24,12 +24,18 @@ const PRIORITY_WALLET_LIST = [
     'lilico',
 ];
 const SIGN_IN_WITH_EMAIL_WALLET_NAME = 'Sign In With Email';
-const sortedInputList = (inputList) => {
+const sortedInputList = (inputList, recommendedWalletKeys) => {
     // Input is the unordered list of wallets we support
+    const unsortedRecommendedWallets = [];
     const unsortedPriorityWallets = [];
     const unsortedOtherWallets = [];
     inputList.forEach((wallet) => {
-        if (PRIORITY_WALLET_LIST.includes(wallet.key)) {
+        const isRecommendedWallet = recommendedWalletKeys.includes(wallet.key);
+        if (isRecommendedWallet) {
+            unsortedRecommendedWallets.push(wallet);
+        }
+        else if (PRIORITY_WALLET_LIST.includes(wallet.key) &&
+            !isRecommendedWallet) {
             unsortedPriorityWallets.push(wallet);
         }
         else {
@@ -40,9 +46,17 @@ const sortedInputList = (inputList) => {
         .slice()
         .sort((a, b) => PRIORITY_WALLET_LIST.indexOf(a.key) -
         PRIORITY_WALLET_LIST.indexOf(b.key));
-    return [...sortedPriorityWallets, ...unsortedOtherWallets];
+    const sortedRecommendedWallets = unsortedRecommendedWallets
+        .slice()
+        .sort((a, b) => recommendedWalletKeys.indexOf(a.key) -
+        recommendedWalletKeys.indexOf(b.key));
+    return [
+        ...sortedRecommendedWallets,
+        ...sortedPriorityWallets,
+        ...unsortedOtherWallets,
+    ];
 };
-const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletKey, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, showMoreWalletsWithFilter, }) => {
+const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletKey, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, showMoreWalletsWithFilter, recommendedWallets, }) => {
     let walletList = inputList;
     if (isWalletConnectList) {
         walletList = inputList.filter((wallet) => wallet.walletConnector.isWalletConnect &&
@@ -57,13 +71,19 @@ const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWa
     let lastUsedWallet;
     const hasWalletFilter = Boolean(walletsFilter);
     const signWithEmailWallet = getSignWithEmailWallet(signWithEmailWalletName, walletList);
+    const recommendedWalletsList = [];
     const installedWallets = [];
     const otherWallets = [];
-    const orderedInputList = orderAndFilterList(walletList, walletsFilter, isWalletConnectList);
+    const recommendedWalletKeys = Array.from(new Set((recommendedWallets || []).map((w) => w.walletKey)));
+    const orderedInputList = orderAndFilterList(walletList, walletsFilter, isWalletConnectList, recommendedWalletKeys);
     orderedInputList.forEach((wallet) => {
+        const isRecommendedWallet = recommendedWalletKeys === null || recommendedWalletKeys === void 0 ? void 0 : recommendedWalletKeys.includes(wallet.key);
         if (walletConnectorCore.isEmbeddedConnector(wallet.walletConnector)) {
             return;
         }
+        else if (isRecommendedWallet) {
+            recommendedWalletsList.push(wallet);
+        }
         else if (lastUsedWalletKey === wallet.key) {
             lastUsedWallet = wallet;
         }
@@ -79,6 +99,7 @@ const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWa
         ...(lastUsedWallet ? [lastUsedWallet] : []),
     ];
     const walletsList = [
+        ...recommendedWalletsList,
         ...firstPriorityWallets,
         ...installedWallets,
         ...otherWallets,
@@ -96,12 +117,13 @@ const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWa
 };
 // We want to show the full list of wallets when we render the wallet connect list even
 // if a filter was applied to the main page
-const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList) => {
+const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList, recommendedWalletKeys) => {
+    const sortedWalletList = sortedInputList(walletList, recommendedWalletKeys);
     if (!isWalletConnectList && walletsFilter) {
-        return walletsFilter(sortedInputList(walletList));
+        return walletsFilter(sortedWalletList);
     }
     else {
-        return sortedInputList(walletList);
+        return sortedWalletList;
     }
 };
 const applySearchFilterToWalletOptionList = (rawSearchFilter, walletOptionList) => {

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.d.ts

@@ -1,5 +1,5 @@
 import { WalletBookSchema } from '@dynamic-labs/wallet-book';
-import { AuthModeType, Wallet, WalletOption } from '../../../shared/types';
+import { AuthModeType, RecommendedWallet, Wallet, WalletOption } from '../../../shared/types';
 type BuilderParams = {
     authMode: AuthModeType;
     connectedWallets: Wallet[];
@@ -15,6 +15,7 @@ type BuilderParams = {
     groupWallets?: boolean;
     walletBook: WalletBookSchema;
     showMoreWalletsWithFilter?: boolean;
+    recommendedWallets?: RecommendedWallet[];
 };
 type BuilderResult = {
     numberOfWallets: number;
@@ -22,5 +23,5 @@ type BuilderResult = {
 };
 export declare const PRIORITY_WALLET_LIST: string[];
 export declare const SIGN_IN_WITH_EMAIL_WALLET_NAME = "Sign In With Email";
-export declare const walletListBuilder: ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletKey, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, showMoreWalletsWithFilter, }: BuilderParams) => BuilderResult;
+export declare const walletListBuilder: ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletKey, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, showMoreWalletsWithFilter, recommendedWallets, }: BuilderParams) => BuilderResult;
 export {};

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.js

@@ -20,12 +20,18 @@ const PRIORITY_WALLET_LIST = [
     'lilico',
 ];
 const SIGN_IN_WITH_EMAIL_WALLET_NAME = 'Sign In With Email';
-const sortedInputList = (inputList) => {
+const sortedInputList = (inputList, recommendedWalletKeys) => {
     // Input is the unordered list of wallets we support
+    const unsortedRecommendedWallets = [];
     const unsortedPriorityWallets = [];
     const unsortedOtherWallets = [];
     inputList.forEach((wallet) => {
-        if (PRIORITY_WALLET_LIST.includes(wallet.key)) {
+        const isRecommendedWallet = recommendedWalletKeys.includes(wallet.key);
+        if (isRecommendedWallet) {
+            unsortedRecommendedWallets.push(wallet);
+        }
+        else if (PRIORITY_WALLET_LIST.includes(wallet.key) &&
+            !isRecommendedWallet) {
             unsortedPriorityWallets.push(wallet);
         }
         else {
@@ -36,9 +42,17 @@ const sortedInputList = (inputList) => {
         .slice()
         .sort((a, b) => PRIORITY_WALLET_LIST.indexOf(a.key) -
         PRIORITY_WALLET_LIST.indexOf(b.key));
-    return [...sortedPriorityWallets, ...unsortedOtherWallets];
+    const sortedRecommendedWallets = unsortedRecommendedWallets
+        .slice()
+        .sort((a, b) => recommendedWalletKeys.indexOf(a.key) -
+        recommendedWalletKeys.indexOf(b.key));
+    return [
+        ...sortedRecommendedWallets,
+        ...sortedPriorityWallets,
+        ...unsortedOtherWallets,
+    ];
 };
-const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletKey, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, showMoreWalletsWithFilter, }) => {
+const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletKey, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, showMoreWalletsWithFilter, recommendedWallets, }) => {
     let walletList = inputList;
     if (isWalletConnectList) {
         walletList = inputList.filter((wallet) => wallet.walletConnector.isWalletConnect &&
@@ -53,13 +67,19 @@ const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWa
     let lastUsedWallet;
     const hasWalletFilter = Boolean(walletsFilter);
     const signWithEmailWallet = getSignWithEmailWallet(signWithEmailWalletName, walletList);
+    const recommendedWalletsList = [];
     const installedWallets = [];
     const otherWallets = [];
-    const orderedInputList = orderAndFilterList(walletList, walletsFilter, isWalletConnectList);
+    const recommendedWalletKeys = Array.from(new Set((recommendedWallets || []).map((w) => w.walletKey)));
+    const orderedInputList = orderAndFilterList(walletList, walletsFilter, isWalletConnectList, recommendedWalletKeys);
     orderedInputList.forEach((wallet) => {
+        const isRecommendedWallet = recommendedWalletKeys === null || recommendedWalletKeys === void 0 ? void 0 : recommendedWalletKeys.includes(wallet.key);
         if (isEmbeddedConnector(wallet.walletConnector)) {
             return;
         }
+        else if (isRecommendedWallet) {
+            recommendedWalletsList.push(wallet);
+        }
         else if (lastUsedWalletKey === wallet.key) {
             lastUsedWallet = wallet;
         }
@@ -75,6 +95,7 @@ const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWa
         ...(lastUsedWallet ? [lastUsedWallet] : []),
     ];
     const walletsList = [
+        ...recommendedWalletsList,
         ...firstPriorityWallets,
         ...installedWallets,
         ...otherWallets,
@@ -92,12 +113,13 @@ const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWa
 };
 // We want to show the full list of wallets when we render the wallet connect list even
 // if a filter was applied to the main page
-const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList) => {
+const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList, recommendedWalletKeys) => {
+    const sortedWalletList = sortedInputList(walletList, recommendedWalletKeys);
     if (!isWalletConnectList && walletsFilter) {
-        return walletsFilter(sortedInputList(walletList));
+        return walletsFilter(sortedWalletList);
     }
     else {
-        return sortedInputList(walletList);
+        return sortedWalletList;
     }
 };
 const applySearchFilterToWalletOptionList = (rawSearchFilter, walletOptionList) => {

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

@@ -100,12 +100,7 @@ const useEmbeddedReveal = () => {
             ignoreIfIsEmbeddedWidget: false,
             performMultiWalletChecks: false,
         });
-        if (recoveryPhrase) {
-            setView('embedded-reveal-view');
-        }
-        else {
-            setView('embedded-reveal-account-view');
-        }
+        setView('embedded-reveal-view', { exportPrivateKey: !recoveryPhrase });
         return new Promise((resolve, reject) => {
             dynamicEvents.dynamicEvents.once('embeddedWalletRevealCompleted', (wallet) => resolve(wallet));
             dynamicEvents.dynamicEvents.once('embeddedWalletRevealFailed', (error) => reject(error));

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

@@ -96,12 +96,7 @@ const useEmbeddedReveal = () => {
             ignoreIfIsEmbeddedWidget: false,
             performMultiWalletChecks: false,
         });
-        if (recoveryPhrase) {
-            setView('embedded-reveal-view');
-        }
-        else {
-            setView('embedded-reveal-account-view');
-        }
+        setView('embedded-reveal-view', { exportPrivateKey: !recoveryPhrase });
         return new Promise((resolve, reject) => {
             dynamicEvents.once('embeddedWalletRevealCompleted', (wallet) => resolve(wallet));
             dynamicEvents.once('embeddedWalletRevealFailed', (error) => reject(error));

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

@@ -12,10 +12,9 @@ require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-var localStorage$1 = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
-var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
@@ -173,21 +172,16 @@ const usePasskeyRecovery = () => {
         }
     };
     const isSessionRestored = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _b, _c;
-        if (!((_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _b === void 0 ? void 0 : _b.sessionKeyDuration) === null || _c === void 0 ? void 0 : _c.amount)) {
-            return false;
-        }
-        const sessionSettings = localStorage.LocalStorage.getFromLS(localStorage$1.EMBEDDED_WALLET_SESSION_SETTINGS);
-        if (!sessionSettings) {
-            return false;
-        }
-        const sessionExpiration = projectSettings.sdk.embeddedWallets.sessionKeyDuration.amount * 60;
-        const recoveryExpirationSeconds = (sessionSettings === null || sessionSettings === void 0 ? void 0 : sessionSettings.createdAt) + sessionExpiration * 1000;
-        const expirationTime = new Date(recoveryExpirationSeconds);
-        if (new Date() >= expirationTime) {
-            localStorage.LocalStorage.removeFromLS(localStorage$1.EMBEDDED_WALLET_SESSION_SETTINGS);
+        var _b, _c, _d, _e;
+        if (!((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _b === void 0 ? void 0 : _b.sessionKeyDuration) ||
+            !passkeyRecovery.canRestoreEmbeddedWalletSession((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _c === void 0 ? void 0 : _c.sessionKeyDuration)) {
             return false;
         }
+        const sessionExpiration = ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _d === void 0 ? void 0 : _d.sessionKeyDuration.amount) *
+            (((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _e === void 0 ? void 0 : _e.sessionKeyDuration.unit) ===
+                'minutes'
+                ? 60
+                : 3600);
         try {
             return yield passkeyRecovery.restoreEmbeddedWalletSession({
                 authToken,

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

@@ -8,10 +8,9 @@ import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import { EMBEDDED_WALLET_SESSION_SETTINGS } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
 import '../../constants/values.js';
-import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
@@ -36,7 +35,7 @@ import { useElementById } from '../useElementById/useElementById.js';
 import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import { iframeContainerId, iframeElementId } from '../../../views/Passkey/PasskeyRecovery/constants.js';
-import { addNewPasskeyAuthenticator, restoreEmbeddedWalletSession } from '../../../views/Passkey/utils/passkeyRecovery/passkeyRecovery.js';
+import { addNewPasskeyAuthenticator, canRestoreEmbeddedWalletSession, restoreEmbeddedWalletSession } from '../../../views/Passkey/utils/passkeyRecovery/passkeyRecovery.js';
 import { useIsTurnkeyWallet } from '../useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 import { useInitEmbeddedWalletAuthMethod } from '../useInitEmbeddedWalletAuthMethod/useInitEmbeddedWalletAuthMethod.js';
 import '@dynamic-labs/types';
@@ -169,21 +168,16 @@ const usePasskeyRecovery = () => {
         }
     };
     const isSessionRestored = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _b, _c;
-        if (!((_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _b === void 0 ? void 0 : _b.sessionKeyDuration) === null || _c === void 0 ? void 0 : _c.amount)) {
-            return false;
-        }
-        const sessionSettings = LocalStorage.getFromLS(EMBEDDED_WALLET_SESSION_SETTINGS);
-        if (!sessionSettings) {
-            return false;
-        }
-        const sessionExpiration = projectSettings.sdk.embeddedWallets.sessionKeyDuration.amount * 60;
-        const recoveryExpirationSeconds = (sessionSettings === null || sessionSettings === void 0 ? void 0 : sessionSettings.createdAt) + sessionExpiration * 1000;
-        const expirationTime = new Date(recoveryExpirationSeconds);
-        if (new Date() >= expirationTime) {
-            LocalStorage.removeFromLS(EMBEDDED_WALLET_SESSION_SETTINGS);
+        var _b, _c, _d, _e;
+        if (!((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _b === void 0 ? void 0 : _b.sessionKeyDuration) ||
+            !canRestoreEmbeddedWalletSession((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _c === void 0 ? void 0 : _c.sessionKeyDuration)) {
             return false;
         }
+        const sessionExpiration = ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _d === void 0 ? void 0 : _d.sessionKeyDuration.amount) *
+            (((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _e === void 0 ? void 0 : _e.sessionKeyDuration.unit) ===
+                'minutes'
+                ? 60
+                : 3600);
         try {
             return yield restoreEmbeddedWalletSession({
                 authToken,

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

@@ -13,7 +13,7 @@ require('../../../context/DynamicContext/DynamicContext.cjs');
 var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
+require('../../../context/ViewContext/ViewContext.cjs');
 var close = require('../../../shared/assets/close.cjs');
 var eyeOffIcon = require('../../../shared/assets/eye-off-icon.cjs');
 var exportEmbeddedHero = require('../../../shared/assets/export-embedded-hero.cjs');
@@ -40,6 +40,7 @@ require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs'
 require('react-dom');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 var useMutation = require('../../../utils/hooks/useMutation/useMutation.cjs');
+var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
@@ -54,7 +55,6 @@ require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 var Typography = require('../../../components/Typography/Typography.cjs');
-var Badge = require('../../../components/Badge/Badge.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
@@ -73,6 +73,7 @@ require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBa
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var Badge = require('../../../components/Badge/Badge.cjs');
 var Checkbox = require('../../../components/Checkbox/Checkbox.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/IsBrowser/IsBrowser.cjs');
@@ -86,39 +87,40 @@ require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secon
 var turnkeyExport = require('../utils/turnkeyExport/turnkeyExport.cjs');
 var constants = require('../constants.cjs');
 
-const EmbeddedRevealView = () => {
-    var _a, _b, _c;
+const EmbeddedRevealView = ({ exportPrivateKey, }) => {
+    var _a, _b;
     const { authToken, primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
-    const { view } = ViewContext.useViewContext();
     const [acknowledgement1, setAcknowledgement1] = React.useState(false);
     const iframeContainerRef = React.useRef(null);
     const decodedJwt = decodeJwt.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');
+    const wallet = isAccountAbstractionWallet.isAccountAbstractionWallet(primaryWallet)
+        ? createOwnerWallet.createOwnerWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [])
+        : primaryWallet;
+    // eslint-disable-next-line arrow-body-style
     React.useEffect(() => {
+        return () => {
+            turnkeyExport.cleanupExport({
+                wallet,
+            });
+        };
+        // only run once on unmount
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const { isLoading: exportLoading } = usePromise.usePromise(() => {
         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;
         }
-        const wallet = isAccountAbstractionWallet.isAccountAbstractionWallet(primaryWallet)
-            ? createOwnerWallet.createOwnerWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [])
-            : primaryWallet;
-        turnkeyExport.initExport({
+        return turnkeyExport.initExport({
             iframeContainer: iframeContainerElement,
             iframeElementId: constants.iframeElementId,
             wallet,
         });
-        return () => {
-            turnkeyExport.cleanupExport({
-                wallet,
-            });
-        };
-        // only run once on mount
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    });
     const { mutate: handleExportWallet, isLoading, error, data, } = useMutation.useMutation(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const wallet = isAccountAbstractionWallet.isAccountAbstractionWallet(primaryWallet)
             ? createOwnerWallet.createOwnerWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [])
@@ -171,7 +173,7 @@ const EmbeddedRevealView = () => {
                                                                 credential_type: credentialTitle === null || credentialTitle === void 0 ? void 0 : credentialTitle.toLowerCase(),
                                                             }) })] })] })] }), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__confirm_card', children: [jsxRuntime.jsxs("button", { className: 'embedded-reveal-view__body__card__acknowledgement', onClick: () => setAcknowledgement1(!acknowledgement1), children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Checkbox.Checkbox, { checked: acknowledgement1, onChange: () => setAcknowledgement1(!acknowledgement1), className: 'embedded-reveal-view__body__card__statement__checkbox', id: 'embedded-reveal-checkbox-1' }) }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.checkbox_label', children: t('dyn_embedded_reveal.checkbox_label') }) })] }), jsxRuntime.jsx(Button.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') })] })] }))] }) })] }));
+                                            }, onClick: () => handleExportWallet(), disabled: !acknowledgement1 || exportLoading, loading: isLoading, dataTestId: 'embedded-reveal-button', copykey: 'dyn_embedded_reveal.reveal_button_label', children: t('dyn_embedded_reveal.reveal_button_label') })] })] }))] }) })] }));
 };
 
 exports.EmbeddedRevealView = EmbeddedRevealView;

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

@@ -1,2 +1,6 @@
 import { FC } from 'react';
-export declare const EmbeddedRevealView: FC;
+interface EmbeddedRevealViewProps {
+    exportPrivateKey?: boolean;
+}
+export declare const EmbeddedRevealView: FC<EmbeddedRevealViewProps>;
+export {};

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

@@ -9,7 +9,7 @@ import '../../../context/DynamicContext/DynamicContext.js';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+import '../../../context/ViewContext/ViewContext.js';
 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';
@@ -36,6 +36,7 @@ import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
 import '../../../context/ThemeContext/ThemeContext.js';
 import { useMutation } from '../../../utils/hooks/useMutation/useMutation.js';
+import { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
@@ -50,7 +51,6 @@ 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';
@@ -69,6 +69,7 @@ import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBan
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { Badge } from '../../../components/Badge/Badge.js';
 import { Checkbox } from '../../../components/Checkbox/Checkbox.js';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/IsBrowser/IsBrowser.js';
@@ -79,42 +80,43 @@ 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 { cleanupExport, exportCredential, initExport } from '../utils/turnkeyExport/turnkeyExport.js';
 import { iframeContainerId, iframeElementId } from '../constants.js';
 
-const EmbeddedRevealView = () => {
-    var _a, _b, _c;
+const EmbeddedRevealView = ({ exportPrivateKey, }) => {
+    var _a, _b;
     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');
+    const wallet = isAccountAbstractionWallet(primaryWallet)
+        ? createOwnerWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [])
+        : primaryWallet;
+    // eslint-disable-next-line arrow-body-style
     useEffect(() => {
+        return () => {
+            cleanupExport({
+                wallet,
+            });
+        };
+        // only run once on unmount
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const { isLoading: exportLoading } = usePromise(() => {
         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;
         }
-        const wallet = isAccountAbstractionWallet(primaryWallet)
-            ? createOwnerWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [])
-            : primaryWallet;
-        initExport({
+        return initExport({
             iframeContainer: iframeContainerElement,
             iframeElementId,
             wallet,
         });
-        return () => {
-            cleanupExport({
-                wallet,
-            });
-        };
-        // 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* () {
         const wallet = isAccountAbstractionWallet(primaryWallet)
             ? createOwnerWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [])
@@ -167,7 +169,7 @@ const EmbeddedRevealView = () => {
                                                                 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') })] })] }))] }) })] }));
+                                            }, onClick: () => handleExportWallet(), disabled: !acknowledgement1 || exportLoading, 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/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.cjs

@@ -45,7 +45,6 @@ require('../../../../../components/Transition/OpacityTransition/OpacityTransitio
 require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../../context/FooterAnimationContext/index.cjs');
-var Badge = require('../../../../../components/Badge/Badge.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
@@ -62,6 +61,7 @@ require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuc
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var Badge = require('../../../../../components/Badge/Badge.cjs');
 var ListTile = require('../../../../../components/ListTile/ListTile.cjs');
 require('../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../components/IsBrowser/IsBrowser.cjs');

package/src/lib/views/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.js

@@ -41,7 +41,6 @@ import '../../../../../components/Transition/OpacityTransition/OpacityTransition
 import '../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../../context/FooterAnimationContext/index.js';
-import { Badge } from '../../../../../components/Badge/Badge.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
@@ -58,6 +57,7 @@ import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSucc
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
 import '../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { Badge } from '../../../../../components/Badge/Badge.js';
 import { ListTile } from '../../../../../components/ListTile/ListTile.js';
 import '../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../components/IsBrowser/IsBrowser.js';

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.cjs

@@ -76,7 +76,7 @@ var useInternalDynamicContext = require('../../../../../context/DynamicContext/u
 
 const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllWallets, }) => {
     const { t } = reactI18next.useTranslation();
-    const { walletConnectorOptions, projectSettings, walletsFilter, signWithEmailWalletName, authMode, multiWallet, connectedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { walletConnectorOptions, projectSettings, walletsFilter, signWithEmailWalletName, authMode, multiWallet, connectedWallets, recommendedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
     const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const { numberOfWallets, walletsList } = walletListBuilder.walletListBuilder({
         authMode,
@@ -88,6 +88,7 @@ const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllW
         loginWithEmail: true,
         multiWallet,
         numberOfWalletsToShow: previewWalletsNumber,
+        recommendedWallets,
         searchFilter: undefined,
         signWithEmailWalletName,
         walletBook: walletBook$1,

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.js

@@ -72,7 +72,7 @@ import { useInternalDynamicContext } from '../../../../../context/DynamicContext
 
 const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllWallets, }) => {
     const { t } = useTranslation();
-    const { walletConnectorOptions, projectSettings, walletsFilter, signWithEmailWalletName, authMode, multiWallet, connectedWallets, } = useInternalDynamicContext();
+    const { walletConnectorOptions, projectSettings, walletsFilter, signWithEmailWalletName, authMode, multiWallet, connectedWallets, recommendedWallets, } = useInternalDynamicContext();
     const { walletBook } = useWalletBookContext();
     const { numberOfWallets, walletsList } = walletListBuilder({
         authMode,
@@ -84,6 +84,7 @@ const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllW
         loginWithEmail: true,
         multiWallet,
         numberOfWalletsToShow: previewWalletsNumber,
+        recommendedWallets,
         searchFilter: undefined,
         signWithEmailWalletName,
         walletBook,