@dynamic-labs/sdk-react-core 1.0.0-alpha.0 → 1.0.0-alpha.3

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
+var validators = require('../../../context/DynamicContext/validators.cjs');
 var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
@@ -18,7 +19,7 @@ var localStorage$1 = require('../../../shared/utils/classes/storage/localStorage
 require('viem');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../shared/consts/index.cjs');
-var validators = require('../../../context/DynamicContext/validators.cjs');
+var usePrevious = require('../usePrevious/usePrevious.cjs');
 var mergeCustomerEvmNetworksWithServerNetworks = require('./utils/mergeCustomerEvmNetworksWithServerNetworks/mergeCustomerEvmNetworksWithServerNetworks.cjs');
 
 const MAX_RETRIES = 2;
@@ -54,6 +55,14 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
             handleRemoveLsNetworks();
         }
     }, [authToken, handleRemoveLsNetworks]);
+    // When customer networks change, we need to update ls networks
+    const previousCustomerEvmNetworks = usePrevious.usePrevious(customerEvmNetworks);
+    React.useEffect(() => {
+        if (JSON.stringify(customerEvmNetworks) ===
+            JSON.stringify(previousCustomerEvmNetworks))
+            return;
+        setlsNetworksExists(false);
+    }, [customerEvmNetworks, previousCustomerEvmNetworks]);
     React.useEffect(() => {
         var _a, _b;
         if (lsNetworksExists && customerEvmNetworksJson && !completed) {

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

@@ -1,5 +1,6 @@
 import { useState, useCallback, useEffect } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
+import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators.js';
 import { fetchNetworkSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
@@ -14,7 +15,7 @@ import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage
 import 'viem';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
-import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators.js';
+import { usePrevious } from '../usePrevious/usePrevious.js';
 import { mergeCustomerEvmNetworksWithServerNetworks } from './utils/mergeCustomerEvmNetworksWithServerNetworks/mergeCustomerEvmNetworksWithServerNetworks.js';
 
 const MAX_RETRIES = 2;
@@ -50,6 +51,14 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
             handleRemoveLsNetworks();
         }
     }, [authToken, handleRemoveLsNetworks]);
+    // When customer networks change, we need to update ls networks
+    const previousCustomerEvmNetworks = usePrevious(customerEvmNetworks);
+    useEffect(() => {
+        if (JSON.stringify(customerEvmNetworks) ===
+            JSON.stringify(previousCustomerEvmNetworks))
+            return;
+        setlsNetworksExists(false);
+    }, [customerEvmNetworks, previousCustomerEvmNetworks]);
     useEffect(() => {
         var _a, _b;
         if (lsNetworksExists && customerEvmNetworksJson && !completed) {

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

@@ -6,7 +6,7 @@ var React = require('react');
 var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
-require('../../../shared/logger.cjs');
+var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
@@ -14,9 +14,10 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var localStorage = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
+var localStorage$1 = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+var useEffectOnce = require('../../../shared/utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('../../../shared/consts/index.cjs');
 var validators = require('../../../context/DynamicContext/validators.cjs');
 
@@ -55,8 +56,11 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
             const updatedDynamicProps = {
                 settings: Object.assign(Object.assign({}, dynamicContextProps.settings), { customPrivacyPolicy: Boolean(dynamicContextProps.settings.customPrivacyPolicy), customTermsOfServices: Boolean(dynamicContextProps.settings.customTermsOfServices), policiesConsentInnerComponent: Boolean(dynamicContextProps.settings.policiesConsentInnerComponent) }),
             };
+            const serializedEventsCallbacks = serializeEventsCallbacks(updatedDynamicProps.settings.eventsCallbacks);
+            const serializedWalletConnectors = serializeWalletConnectors(updatedDynamicProps.settings.walletConnectors);
+            const serializedDynamicContextProps = Object.assign(Object.assign({}, updatedDynamicProps), { settings: Object.assign(Object.assign({}, updatedDynamicProps.settings), { eventsCallbacks: serializedEventsCallbacks, walletConnectors: serializedWalletConnectors }) });
             api.sendDynamicProps(environmentId, {
-                dynamicContextProps: updatedDynamicProps,
+                dynamicContextProps: serializedDynamicContextProps,
             });
             api.fetchProjectSettings(environmentId)
                 .then((response) => {
@@ -78,11 +82,48 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
         }
     }, [environmentId, isLoading, lsSettingsExists, maxRetries, retries]);
     const settingsWithOverride = React.useMemo(() => overrideSettings(lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings, dynamicContextProps.settings.overrides), [lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings, dynamicContextProps.settings.overrides]);
+    useEffectOnce.useEffectOnce(() => {
+        const [connectedWalletData] = localStorage$1.LocalStorage.getFromLS(localStorage.CONNECTED_WALLETS_INFO) || [];
+        if (!authToken && !connectedWalletData) {
+            removeLsSettings();
+        }
+    });
     return {
         isLoading,
         projectSettings: settingsWithOverride,
         removeLsSettings,
     };
 };
+const serializeEventsCallbacks = (eventsCallbacks) => {
+    try {
+        if (!eventsCallbacks)
+            return undefined;
+        const eventsCallbackValues = Object.values(eventsCallbacks);
+        const eventsCallbacksKeys = Object.keys(eventsCallbacks);
+        return eventsCallbacksKeys.filter((key, index) => {
+            if (eventsCallbackValues[index] === undefined) {
+                return false;
+            }
+            return key;
+        });
+    }
+    catch (error) {
+        logger.logger.error('error serializing eventsCallbacks', error);
+        return undefined;
+    }
+};
+const serializeWalletConnectors = (walletConnectors) => {
+    try {
+        if (!walletConnectors)
+            return undefined;
+        return walletConnectors.map((connector) => connector.name);
+    }
+    catch (error) {
+        logger.logger.error('error serializing walletConnectors', error);
+        return undefined;
+    }
+};
 
+exports.serializeEventsCallbacks = serializeEventsCallbacks;
+exports.serializeWalletConnectors = serializeWalletConnectors;
 exports.useFetchProjectSettings = useFetchProjectSettings;

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

@@ -1,4 +1,6 @@
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
+import { WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
+import { DynamicEventsCallbacks } from '../../../shared';
 import { DynamicContextProps } from '../../../context/DynamicContext';
 export type fetchProjectSettingsProps = {
     authToken: string | undefined;
@@ -11,3 +13,5 @@ export declare const useFetchProjectSettings: ({ authToken, environmentId, maxRe
     projectSettings: ProjectSettings | undefined;
     removeLsSettings: () => void;
 };
+export declare const serializeEventsCallbacks: (eventsCallbacks: DynamicEventsCallbacks | undefined) => string[] | undefined;
+export declare const serializeWalletConnectors: (walletConnectors?: WalletConnectorsMethod[]) => string[] | undefined;

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

@@ -2,17 +2,18 @@ import { useState, useEffect, useMemo } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
 import { sendDynamicProps, fetchProjectSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
-import '../../../shared/logger.js';
+import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import { PROJECT_SETTINGS_STORAGE_KEY } from '../../constants/localStorage.js';
+import { PROJECT_SETTINGS_STORAGE_KEY, CONNECTED_WALLETS_INFO } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
-import '../../../shared/utils/classes/storage/localStorage.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
+import { useEffectOnce } from '../../../shared/utils/hooks/useEffectOnce/useEffectOnce.js';
 import '../../../shared/consts/index.js';
 import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators.js';
 
@@ -51,8 +52,11 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
             const updatedDynamicProps = {
                 settings: Object.assign(Object.assign({}, dynamicContextProps.settings), { customPrivacyPolicy: Boolean(dynamicContextProps.settings.customPrivacyPolicy), customTermsOfServices: Boolean(dynamicContextProps.settings.customTermsOfServices), policiesConsentInnerComponent: Boolean(dynamicContextProps.settings.policiesConsentInnerComponent) }),
             };
+            const serializedEventsCallbacks = serializeEventsCallbacks(updatedDynamicProps.settings.eventsCallbacks);
+            const serializedWalletConnectors = serializeWalletConnectors(updatedDynamicProps.settings.walletConnectors);
+            const serializedDynamicContextProps = Object.assign(Object.assign({}, updatedDynamicProps), { settings: Object.assign(Object.assign({}, updatedDynamicProps.settings), { eventsCallbacks: serializedEventsCallbacks, walletConnectors: serializedWalletConnectors }) });
             sendDynamicProps(environmentId, {
-                dynamicContextProps: updatedDynamicProps,
+                dynamicContextProps: serializedDynamicContextProps,
             });
             fetchProjectSettings(environmentId)
                 .then((response) => {
@@ -74,11 +78,46 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
         }
     }, [environmentId, isLoading, lsSettingsExists, maxRetries, retries]);
     const settingsWithOverride = useMemo(() => overrideSettings(lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings, dynamicContextProps.settings.overrides), [lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings, dynamicContextProps.settings.overrides]);
+    useEffectOnce(() => {
+        const [connectedWalletData] = LocalStorage.getFromLS(CONNECTED_WALLETS_INFO) || [];
+        if (!authToken && !connectedWalletData) {
+            removeLsSettings();
+        }
+    });
     return {
         isLoading,
         projectSettings: settingsWithOverride,
         removeLsSettings,
     };
 };
+const serializeEventsCallbacks = (eventsCallbacks) => {
+    try {
+        if (!eventsCallbacks)
+            return undefined;
+        const eventsCallbackValues = Object.values(eventsCallbacks);
+        const eventsCallbacksKeys = Object.keys(eventsCallbacks);
+        return eventsCallbacksKeys.filter((key, index) => {
+            if (eventsCallbackValues[index] === undefined) {
+                return false;
+            }
+            return key;
+        });
+    }
+    catch (error) {
+        logger.error('error serializing eventsCallbacks', error);
+        return undefined;
+    }
+};
+const serializeWalletConnectors = (walletConnectors) => {
+    try {
+        if (!walletConnectors)
+            return undefined;
+        return walletConnectors.map((connector) => connector.name);
+    }
+    catch (error) {
+        logger.error('error serializing walletConnectors', error);
+        return undefined;
+    }
+};
 
-export { useFetchProjectSettings };
+export { serializeEventsCallbacks, serializeWalletConnectors, useFetchProjectSettings };

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

@@ -10,10 +10,10 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 var index = require('../../../shared/consts/index.cjs');
 
 const useFetchWalletsForChainsMap = (propsWalletsChainsMap) => {

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

@@ -6,10 +6,10 @@ import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import { defaultWalletsForChains } from '../../../shared/consts/index.js';
 
 const useFetchWalletsForChainsMap = (propsWalletsChainsMap) => {

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

@@ -11,11 +11,11 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 var localStorage$1 = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
 var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var handleUnlinkHelper = require('../../functions/handleUnlinkHelper/handleUnlinkHelper.cjs');
 var isSameWalletName = require('../../functions/isSameWalletName/isSameWalletName.cjs');

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

@@ -7,11 +7,11 @@ import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import { PRIMARY_WALLET_ID } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { handleUnlinkHelper } from '../../functions/handleUnlinkHelper/handleUnlinkHelper.js';
 import { isSameWalletName } from '../../functions/isSameWalletName/isSameWalletName.js';

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

@@ -6,16 +6,16 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useInte
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 
 const useHandleWalletsToConnect = () => {
-    const { walletsToConnectByChain, setWalletsToConnectByChain, setShowAuthFlow, setIsFullyConnected, isFullyConnected, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { bridgeChainsToConnect, setBridgeChainsToConnect, setShowAuthFlow, setIsFullyConnected, isFullyConnected, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView, goToInitialView } = ViewContext.useViewContext();
     const handleWalletsToConnect = ({ walletConnector, }) => {
-        if (!walletsToConnectByChain) {
+        if (!bridgeChainsToConnect) {
             setIsFullyConnected(true);
             setShowAuthFlow(false);
             return;
         }
         // Avoid showing wallet-list when wallet updates network to the correct one in run time (bridge mode)
-        if (walletsToConnectByChain.length === 0) {
+        if (bridgeChainsToConnect.length === 0) {
             setShowAuthFlow(false);
             return goToInitialView();
         }
@@ -23,8 +23,8 @@ const useHandleWalletsToConnect = () => {
             setShowAuthFlow(false);
             return goToInitialView();
         }
-        const restOfWallets = walletsToConnectByChain.filter((wallet) => wallet.chain !== (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain));
-        setWalletsToConnectByChain(restOfWallets);
+        const restOfWallets = bridgeChainsToConnect.filter((wallet) => wallet.chain !== (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain));
+        setBridgeChainsToConnect(restOfWallets);
         const allWalletsConnected = restOfWallets.length === 0;
         if (allWalletsConnected) {
             if (!isFullyConnected) {

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

@@ -2,16 +2,16 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useIn
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 
 const useHandleWalletsToConnect = () => {
-    const { walletsToConnectByChain, setWalletsToConnectByChain, setShowAuthFlow, setIsFullyConnected, isFullyConnected, } = useInternalDynamicContext();
+    const { bridgeChainsToConnect, setBridgeChainsToConnect, setShowAuthFlow, setIsFullyConnected, isFullyConnected, } = useInternalDynamicContext();
     const { setView, goToInitialView } = useViewContext();
     const handleWalletsToConnect = ({ walletConnector, }) => {
-        if (!walletsToConnectByChain) {
+        if (!bridgeChainsToConnect) {
             setIsFullyConnected(true);
             setShowAuthFlow(false);
             return;
         }
         // Avoid showing wallet-list when wallet updates network to the correct one in run time (bridge mode)
-        if (walletsToConnectByChain.length === 0) {
+        if (bridgeChainsToConnect.length === 0) {
             setShowAuthFlow(false);
             return goToInitialView();
         }
@@ -19,8 +19,8 @@ const useHandleWalletsToConnect = () => {
             setShowAuthFlow(false);
             return goToInitialView();
         }
-        const restOfWallets = walletsToConnectByChain.filter((wallet) => wallet.chain !== (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain));
-        setWalletsToConnectByChain(restOfWallets);
+        const restOfWallets = bridgeChainsToConnect.filter((wallet) => wallet.chain !== (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain));
+        setBridgeChainsToConnect(restOfWallets);
         const allWalletsConnected = restOfWallets.length === 0;
         if (allWalletsConnected) {
             if (!isFullyConnected) {

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

@@ -6,10 +6,12 @@ var React = require('react');
 
 const useIsFirstRender = () => {
     const isFirst = React.useRef(true);
-    if (isFirst.current) {
-        isFirst.current = false;
-        return true;
-    }
+    // force it to be false on second client render only avoiding SSR issues
+    React.useEffect(() => {
+        if (isFirst.current) {
+            isFirst.current = false;
+        }
+    }, []);
     return isFirst.current;
 };
 

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

@@ -1,11 +1,13 @@
-import { useRef } from 'react';
+import { useRef, useEffect } from 'react';
 
 const useIsFirstRender = () => {
     const isFirst = useRef(true);
-    if (isFirst.current) {
-        isFirst.current = false;
-        return true;
-    }
+    // force it to be false on second client render only avoiding SSR issues
+    useEffect(() => {
+        if (isFirst.current) {
+            isFirst.current = false;
+        }
+    }, []);
     return isFirst.current;
 };
 

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

@@ -13,10 +13,10 @@ require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var isSocialKycEnabled = require('../../functions/isSocialKycEnabled/isSocialKycEnabled.cjs');

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

@@ -9,10 +9,10 @@ import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { isSocialKycEnabled } from '../../functions/isSocialKycEnabled/isSocialKycEnabled.js';

package/src/lib/utils/hooks/usePasskeyRecovery/index.d.ts

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

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

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
+var constants = require('../../../views/Passkey/PasskeyRecovery/constants.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('@dynamic-labs/wallet-book');
+require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
+var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
+var removeElementById = require('../../functions/removeElementById/removeElementById.cjs');
+var useEmbeddedWallet = require('../useEmbeddedWallet/useEmbeddedWallet.cjs');
+
+// Hook exposed to customers and used internally to trigger passkey recovery
+const usePasskeyRecovery = () => {
+    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, wallets, internalSetShowAuthFlow, internalEvents, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { userHasEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
+    const { setView } = ViewContext.useViewContext();
+    const initPasskeyRecoveryProcess = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const jwt = getAuthToken.getAuthToken();
+        if (!jwt) {
+            throw new Error('User is not logged in');
+        }
+        if (!isTurnkeyEnabled.isTurnkeyEnabled(projectSettings)) {
+            throw new Error('Passkey embedded wallet is not enabled. Go to the dashboard and make sure to have both Turnkey/Passkey Embedded wallets and at least one EVM network enabled. Also, check if EthereumWalletConnectors is in the  DynamicContextProvider > settings > walletConnectors.');
+        }
+        if (!userHasEmbeddedWallet()) {
+            throw new Error('Passkey embedded wallet not found');
+        }
+        // if user clicks twice to recover,
+        // since the iframe can still exist it can't be recreated by Turnkey
+        // and throws an error
+        removeElementById.removeElementById(constants.iframeContainerId);
+        internalSetShowAuthFlow(true);
+        setView('passkey-recovery-start');
+        return new Promise((resolve, reject) => {
+            internalEvents.current.once('passkeyRecoveryCompleted', (wallet) => resolve(wallet));
+            internalEvents.current.once('passkeyRecoveryFailed', (error) => reject(error));
+        });
+    }), [
+        internalEvents,
+        internalSetShowAuthFlow,
+        onboardingOnlyJwt,
+        projectSettings,
+        setPrimaryWalletId,
+        setView,
+        wallets,
+    ]);
+    return {
+        initPasskeyRecoveryProcess,
+    };
+};
+
+exports.usePasskeyRecovery = usePasskeyRecovery;

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

@@ -0,0 +1,4 @@
+import { Wallet } from '../../../shared';
+export declare const usePasskeyRecovery: () => {
+    readonly initPasskeyRecoveryProcess: () => Promise<Wallet>;
+};

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

@@ -0,0 +1,63 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+import { iframeContainerId } from '../../../views/Passkey/PasskeyRecovery/constants.js';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '@dynamic-labs/wallet-book';
+import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
+import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
+import { removeElementById } from '../../functions/removeElementById/removeElementById.js';
+import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
+
+// Hook exposed to customers and used internally to trigger passkey recovery
+const usePasskeyRecovery = () => {
+    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, wallets, internalSetShowAuthFlow, internalEvents, } = useInternalDynamicContext();
+    const { userHasEmbeddedWallet } = useEmbeddedWallet();
+    const { setView } = useViewContext();
+    const initPasskeyRecoveryProcess = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        const jwt = getAuthToken();
+        if (!jwt) {
+            throw new Error('User is not logged in');
+        }
+        if (!isTurnkeyEnabled(projectSettings)) {
+            throw new Error('Passkey embedded wallet is not enabled. Go to the dashboard and make sure to have both Turnkey/Passkey Embedded wallets and at least one EVM network enabled. Also, check if EthereumWalletConnectors is in the  DynamicContextProvider > settings > walletConnectors.');
+        }
+        if (!userHasEmbeddedWallet()) {
+            throw new Error('Passkey embedded wallet not found');
+        }
+        // if user clicks twice to recover,
+        // since the iframe can still exist it can't be recreated by Turnkey
+        // and throws an error
+        removeElementById(iframeContainerId);
+        internalSetShowAuthFlow(true);
+        setView('passkey-recovery-start');
+        return new Promise((resolve, reject) => {
+            internalEvents.current.once('passkeyRecoveryCompleted', (wallet) => resolve(wallet));
+            internalEvents.current.once('passkeyRecoveryFailed', (error) => reject(error));
+        });
+    }), [
+        internalEvents,
+        internalSetShowAuthFlow,
+        onboardingOnlyJwt,
+        projectSettings,
+        setPrimaryWalletId,
+        setView,
+        wallets,
+    ]);
+    return {
+        initPasskeyRecoveryProcess,
+    };
+};
+
+export { usePasskeyRecovery };

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

@@ -10,12 +10,12 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 var localStorage = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var primaryWalletIdValidator = require('../useWalletConnectors/utils/primaryWalletIdValidator/primaryWalletIdValidator.cjs');
 require('@dynamic-labs/multi-wallet');

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

@@ -6,12 +6,12 @@ import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import { PRIMARY_WALLET_ID } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { primaryWalletIdValidator } from '../useWalletConnectors/utils/primaryWalletIdValidator/primaryWalletIdValidator.js';
 import '@dynamic-labs/multi-wallet';

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

@@ -10,10 +10,10 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var resolveFetcher = require('./utils/resolveFetcher/resolveFetcher.cjs');
 var createReducer = require('./utils/createReducer/createReducer.cjs');

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

@@ -6,10 +6,10 @@ import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { resolveFetcher } from './utils/resolveFetcher/resolveFetcher.js';
 import { createReducer } from './utils/createReducer/createReducer.js';

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

@@ -11,10 +11,10 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 
 const useRpcProviders = ({ networkConfigurations, }) => {