@dynamic-labs/sdk-react-core 4.0.0-alpha.4 → 4.0.0-alpha.40

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

@@ -30,8 +30,10 @@ require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../store/state/environmentId.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../functions/compareChains/compareChains.cjs');
 require('../../../context/WalletContext/WalletContext.cjs');
 var useSmartWallets = require('../useSmartWallets/useSmartWallets.cjs');
 require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
@@ -45,7 +47,6 @@ require('../../../views/CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../store/state/environmentId.cjs');
 require('../../../store/state/walletConnectorOptions.cjs');
 require('react-i18next');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
@@ -56,10 +57,10 @@ require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/Input/Input.cjs');
 require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
@@ -68,28 +69,20 @@ require('qrcode');
 require('formik');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../store/state/sendBalances.cjs');
+require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../polyfills.cjs');
-require('../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../../context/FundingContext/FundingContext.cjs');
-require('../../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../context/ConnectWithOtpContext/constants.cjs');
-require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../../index.cjs');
 require('../../../store/state/tokenBalances.cjs');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 /**
@@ -122,17 +115,17 @@ const useSwitchWallet = () => {
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
     const userWallets = UserWalletsContext.useUserWallets();
     return React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d;
+        var _a, _b, _c;
         const wallet = userWallets.find((wallet) => wallet.id === walletId);
         if (!wallet) {
             throw new Error(`Wallet with id ${walletId} not found`);
         }
-        if (((_a = wallet.connector) === null || _a === void 0 ? void 0 : _a.key) === 'unknown') {
+        if (!wallet.connector.isAvailable) {
             throw new Error("Cannot make this wallet active, since this wallet doesn't have a compatible connector on this device.");
         }
         const eoaWallet = getEOAWallet(wallet);
         if (eoaWallet && walletConnectorCore.isTurnkeyWalletConnector(eoaWallet.connector)) {
-            const sortedVcs = (_c = (_b = eoaWallet.connector) === null || _b === void 0 ? void 0 : _b.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.reduce((acc, vc) => {
+            const sortedVcs = (_b = (_a = eoaWallet.connector) === null || _a === void 0 ? void 0 : _a.verifiedCredentials) === null || _b === void 0 ? void 0 : _b.reduce((acc, vc) => {
                 if (vc.address === eoaWallet.address) {
                     return [vc, ...acc];
                 }
@@ -143,7 +136,7 @@ const useSwitchWallet = () => {
             }
         }
         const { connector } = wallet;
-        const email = (_d = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((verifiedCredential) => verifiedCredential.format === 'email')) === null || _d === void 0 ? void 0 : _d.email;
+        const email = (_c = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((verifiedCredential) => verifiedCredential.format === 'email')) === null || _c === void 0 ? void 0 : _c.email;
         if (walletConnectorCore.isEmailWalletConnector(connector) && email) {
             connector.setEmail(email);
         }

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

@@ -26,8 +26,10 @@ import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../store/state/environmentId.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
 import '../../../context/WalletContext/WalletContext.js';
 import { useSmartWallets } from '../useSmartWallets/useSmartWallets.js';
 import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
@@ -41,7 +43,6 @@ import '../../../views/CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../store/state/environmentId.js';
 import '../../../store/state/walletConnectorOptions.js';
 import 'react-i18next';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
@@ -52,10 +53,10 @@ 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/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
@@ -64,28 +65,20 @@ import 'qrcode';
 import 'formik';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../store/state/sendBalances.js';
+import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../polyfills.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../context/FundingContext/FundingContext.js';
-import '../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../context/ConnectWithOtpContext/constants.js';
-import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../index.js';
 import '../../../store/state/tokenBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 /**
@@ -118,17 +111,17 @@ const useSwitchWallet = () => {
     const { getEOAWallet } = useSmartWallets();
     const userWallets = useUserWallets();
     return useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d;
+        var _a, _b, _c;
         const wallet = userWallets.find((wallet) => wallet.id === walletId);
         if (!wallet) {
             throw new Error(`Wallet with id ${walletId} not found`);
         }
-        if (((_a = wallet.connector) === null || _a === void 0 ? void 0 : _a.key) === 'unknown') {
+        if (!wallet.connector.isAvailable) {
             throw new Error("Cannot make this wallet active, since this wallet doesn't have a compatible connector on this device.");
         }
         const eoaWallet = getEOAWallet(wallet);
         if (eoaWallet && isTurnkeyWalletConnector(eoaWallet.connector)) {
-            const sortedVcs = (_c = (_b = eoaWallet.connector) === null || _b === void 0 ? void 0 : _b.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.reduce((acc, vc) => {
+            const sortedVcs = (_b = (_a = eoaWallet.connector) === null || _a === void 0 ? void 0 : _a.verifiedCredentials) === null || _b === void 0 ? void 0 : _b.reduce((acc, vc) => {
                 if (vc.address === eoaWallet.address) {
                     return [vc, ...acc];
                 }
@@ -139,7 +132,7 @@ const useSwitchWallet = () => {
             }
         }
         const { connector } = wallet;
-        const email = (_d = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((verifiedCredential) => verifiedCredential.format === 'email')) === null || _d === void 0 ? void 0 : _d.email;
+        const email = (_c = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((verifiedCredential) => verifiedCredential.format === 'email')) === null || _c === void 0 ? void 0 : _c.email;
         if (isEmailWalletConnector(connector) && email) {
             connector.setEmail(email);
         }

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

@@ -18,10 +18,12 @@ require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../store/state/loadingAndLifecycle.cjs');
+var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../shared/consts/index.cjs');
 var useDynamicEvents = require('../events/useDynamicEvents/useDynamicEvents.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
+var findEmbeddedWalletFromVerifiedCredentials = require('../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../config/ApiEndpoint.cjs');
@@ -32,8 +34,10 @@ require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../events/dynamicEvents.cjs');
+require('../../../store/state/environmentId.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../functions/compareChains/compareChains.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
@@ -44,7 +48,6 @@ require('../../../views/CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../store/state/environmentId.cjs');
 require('../../../store/state/walletConnectorOptions.cjs');
 require('react-i18next');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
@@ -55,10 +58,10 @@ require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/Input/Input.cjs');
 require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
@@ -68,72 +71,94 @@ var WalletContext = require('../../../context/WalletContext/WalletContext.cjs');
 require('formik');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../store/state/sendBalances.cjs');
+require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../polyfills.cjs');
-require('../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../../context/FundingContext/FundingContext.cjs');
-require('../../../context/SendBalanceContext/SendBalanceContext.cjs');
-require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../context/ConnectWithOtpContext/constants.cjs');
-require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+var useEmbeddedReveal = require('../useEmbeddedReveal/useEmbeddedReveal.cjs');
+require('../../../../index.cjs');
 require('../../../store/state/tokenBalances.cjs');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 
+let acknowledgedExportPrompt = false;
 const useSyncEmbeddedWalletFlow = () => {
-    const { projectSettings, user, primaryWalletId, walletConnectorOptions, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, user, primaryWalletId, walletConnectorOptions, primaryWallet, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
     const { isLoadingEmbeddedWallet } = WalletContext.useWalletContext();
     const { loading: globalLoading } = LoadingContext.useLoadingContext();
-    const { createEmbeddedWallet, shouldAutoCreateEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
+    const { initExportProcess } = useEmbeddedReveal.useEmbeddedReveal();
+    const [wasShownExportPrompt, setWasShownExportPrompt] = useLocalStorage.useLocalStorage(`dynamic_export_prompt-${user === null || user === void 0 ? void 0 : user.userId}`, false, (data) => Boolean(data));
+    const { createEmbeddedWallet, shouldAutoCreateEmbeddedWallet, shouldPromptForKeyExport, } = useEmbeddedWallet.useEmbeddedWallet();
     const triggeredCreate = React.useRef(false);
+    const handleAcknowledgeExportPrompt = React.useCallback((value = true) => {
+        acknowledgedExportPrompt = value;
+        setWasShownExportPrompt(value);
+    }, [setWasShownExportPrompt]);
     useDynamicEvents.useInternalDynamicEvents('logout', () => {
         triggeredCreate.current = false;
+        acknowledgedExportPrompt = false;
     });
     // this is used to trigger createEmbeddedWallet
     // when user didn't create a passkey after login,
     // we force them to created it before they can use the app
     // ** It must be an useEffect because some of the dependencies are async
     React.useEffect(() => {
-        const createWallet = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            triggeredCreate.current = true;
-            try {
-                yield createEmbeddedWallet();
+        const syncEmbeddedWallet = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            const isNewUser = user === null || user === void 0 ? void 0 : user.newUser;
+            if (shouldSyncCreateWallet) {
+                triggeredCreate.current = true;
+                try {
+                    yield createEmbeddedWallet();
+                }
+                catch (error) {
+                    if (error instanceof utils.EmbeddedWalletException) {
+                        logger.logger.debug('Error creating embedded wallet', error);
+                    }
+                    else {
+                        logger.logger.error('Error creating embedded wallet', error);
+                    }
+                    setShowAuthFlow(false);
+                }
             }
-            catch (error) {
-                if (error instanceof utils.EmbeddedWalletException) {
-                    logger.logger.debug('Error creating embedded wallet', error);
+            if (shouldSyncPromptKeyExport &&
+                isNewUser &&
+                findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(user) &&
+                primaryWallet) {
+                try {
+                    setShowAuthFlow(true);
+                    yield initExportProcess(true, true);
                 }
-                else {
-                    logger.logger.error('Error creating embedded wallet', error);
+                catch (error) {
+                    logger.logger.error('Error initializing embedded wallet export', error);
+                    setShowAuthFlow(false);
                 }
-                setShowAuthFlow(false);
             }
         });
         const shouldCreateWallet = shouldAutoCreateEmbeddedWallet();
-        if (!shouldCreateWallet ||
+        const shouldSyncCreateWallet = shouldCreateWallet && !triggeredCreate.current;
+        if (wasShownExportPrompt && !acknowledgedExportPrompt)
+            acknowledgedExportPrompt = true;
+        const shouldPromptKeyExport = shouldPromptForKeyExport();
+        const shouldSyncPromptKeyExport = shouldPromptKeyExport && !acknowledgedExportPrompt;
+        const shouldSyncEmbeddedWallet = shouldSyncCreateWallet || shouldSyncPromptKeyExport;
+        if (!shouldSyncEmbeddedWallet ||
             !user ||
             !projectSettings ||
             !walletConnectorOptions.length || // no connectors to use for the embedded wallet
             isLoadingEmbeddedWallet || // already has a wallet
-            globalLoading || // this will be true if auth is in progress
-            triggeredCreate.current // already triggered
+            globalLoading // this will be true if auth is in progress
         ) {
             return;
         }
-        createWallet();
+        syncEmbeddedWallet();
     }, [
         user,
         projectSettings,
@@ -144,7 +169,17 @@ const useSyncEmbeddedWalletFlow = () => {
         globalLoading,
         shouldAutoCreateEmbeddedWallet,
         setShowAuthFlow,
+        initExportProcess,
+        primaryWallet,
+        shouldPromptForKeyExport,
+        setWasShownExportPrompt,
+        handleAcknowledgeExportPrompt,
+        wasShownExportPrompt,
     ]);
+    return {
+        acknowledgedExportPrompt,
+        handleAcknowledgeExportPrompt,
+    };
 };
 
 exports.useSyncEmbeddedWalletFlow = useSyncEmbeddedWalletFlow;

package/src/lib/utils/hooks/useSyncEmbeddedWalletFlow/useSyncEmbeddedWalletFlow.d.ts

@@ -1 +1,4 @@
-export declare const useSyncEmbeddedWalletFlow: () => void;
+export declare const useSyncEmbeddedWalletFlow: () => {
+    acknowledgedExportPrompt: boolean;
+    handleAcknowledgeExportPrompt: (value?: boolean) => void;
+};

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

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useRef, useEffect } from 'react';
+import { useRef, useCallback, useEffect } from 'react';
 import { EmbeddedWalletException } from '@dynamic-labs/utils';
 import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
 import '@dynamic-labs/sdk-api-core';
@@ -14,10 +14,12 @@ import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
 import '../../constants/values.js';
 import '../../../store/state/loadingAndLifecycle.js';
+import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
 import { useInternalDynamicEvents } from '../events/useDynamicEvents/useDynamicEvents.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
+import { findEmbeddedWalletFromVerifiedCredentials } from '../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../config/ApiEndpoint.js';
@@ -28,8 +30,10 @@ import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../events/dynamicEvents.js';
+import '../../../store/state/environmentId.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
@@ -40,7 +44,6 @@ import '../../../views/CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../store/state/environmentId.js';
 import '../../../store/state/walletConnectorOptions.js';
 import 'react-i18next';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
@@ -51,10 +54,10 @@ 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/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
@@ -64,72 +67,94 @@ import { useWalletContext } from '../../../context/WalletContext/WalletContext.j
 import 'formik';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../store/state/sendBalances.js';
+import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../polyfills.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
-import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
-import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../../../context/FundingContext/FundingContext.js';
-import '../../../context/SendBalanceContext/SendBalanceContext.js';
-import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../context/ConnectWithOtpContext/constants.js';
-import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import { useEmbeddedReveal } from '../useEmbeddedReveal/useEmbeddedReveal.js';
+import '../../../../index.js';
 import '../../../store/state/tokenBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 
+let acknowledgedExportPrompt = false;
 const useSyncEmbeddedWalletFlow = () => {
-    const { projectSettings, user, primaryWalletId, walletConnectorOptions, setShowAuthFlow, } = useInternalDynamicContext();
+    const { projectSettings, user, primaryWalletId, walletConnectorOptions, primaryWallet, setShowAuthFlow, } = useInternalDynamicContext();
     const { isLoadingEmbeddedWallet } = useWalletContext();
     const { loading: globalLoading } = useLoadingContext();
-    const { createEmbeddedWallet, shouldAutoCreateEmbeddedWallet } = useEmbeddedWallet();
+    const { initExportProcess } = useEmbeddedReveal();
+    const [wasShownExportPrompt, setWasShownExportPrompt] = useLocalStorage(`dynamic_export_prompt-${user === null || user === void 0 ? void 0 : user.userId}`, false, (data) => Boolean(data));
+    const { createEmbeddedWallet, shouldAutoCreateEmbeddedWallet, shouldPromptForKeyExport, } = useEmbeddedWallet();
     const triggeredCreate = useRef(false);
+    const handleAcknowledgeExportPrompt = useCallback((value = true) => {
+        acknowledgedExportPrompt = value;
+        setWasShownExportPrompt(value);
+    }, [setWasShownExportPrompt]);
     useInternalDynamicEvents('logout', () => {
         triggeredCreate.current = false;
+        acknowledgedExportPrompt = false;
     });
     // this is used to trigger createEmbeddedWallet
     // when user didn't create a passkey after login,
     // we force them to created it before they can use the app
     // ** It must be an useEffect because some of the dependencies are async
     useEffect(() => {
-        const createWallet = () => __awaiter(void 0, void 0, void 0, function* () {
-            triggeredCreate.current = true;
-            try {
-                yield createEmbeddedWallet();
+        const syncEmbeddedWallet = () => __awaiter(void 0, void 0, void 0, function* () {
+            const isNewUser = user === null || user === void 0 ? void 0 : user.newUser;
+            if (shouldSyncCreateWallet) {
+                triggeredCreate.current = true;
+                try {
+                    yield createEmbeddedWallet();
+                }
+                catch (error) {
+                    if (error instanceof EmbeddedWalletException) {
+                        logger.debug('Error creating embedded wallet', error);
+                    }
+                    else {
+                        logger.error('Error creating embedded wallet', error);
+                    }
+                    setShowAuthFlow(false);
+                }
             }
-            catch (error) {
-                if (error instanceof EmbeddedWalletException) {
-                    logger.debug('Error creating embedded wallet', error);
+            if (shouldSyncPromptKeyExport &&
+                isNewUser &&
+                findEmbeddedWalletFromVerifiedCredentials(user) &&
+                primaryWallet) {
+                try {
+                    setShowAuthFlow(true);
+                    yield initExportProcess(true, true);
                 }
-                else {
-                    logger.error('Error creating embedded wallet', error);
+                catch (error) {
+                    logger.error('Error initializing embedded wallet export', error);
+                    setShowAuthFlow(false);
                 }
-                setShowAuthFlow(false);
             }
         });
         const shouldCreateWallet = shouldAutoCreateEmbeddedWallet();
-        if (!shouldCreateWallet ||
+        const shouldSyncCreateWallet = shouldCreateWallet && !triggeredCreate.current;
+        if (wasShownExportPrompt && !acknowledgedExportPrompt)
+            acknowledgedExportPrompt = true;
+        const shouldPromptKeyExport = shouldPromptForKeyExport();
+        const shouldSyncPromptKeyExport = shouldPromptKeyExport && !acknowledgedExportPrompt;
+        const shouldSyncEmbeddedWallet = shouldSyncCreateWallet || shouldSyncPromptKeyExport;
+        if (!shouldSyncEmbeddedWallet ||
             !user ||
             !projectSettings ||
             !walletConnectorOptions.length || // no connectors to use for the embedded wallet
             isLoadingEmbeddedWallet || // already has a wallet
-            globalLoading || // this will be true if auth is in progress
-            triggeredCreate.current // already triggered
+            globalLoading // this will be true if auth is in progress
         ) {
             return;
         }
-        createWallet();
+        syncEmbeddedWallet();
     }, [
         user,
         projectSettings,
@@ -140,7 +165,17 @@ const useSyncEmbeddedWalletFlow = () => {
         globalLoading,
         shouldAutoCreateEmbeddedWallet,
         setShowAuthFlow,
+        initExportProcess,
+        primaryWallet,
+        shouldPromptForKeyExport,
+        setWasShownExportPrompt,
+        handleAcknowledgeExportPrompt,
+        wasShownExportPrompt,
     ]);
+    return {
+        acknowledgedExportPrompt,
+        handleAcknowledgeExportPrompt,
+    };
 };
 
 export { useSyncEmbeddedWalletFlow };