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

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

@@ -0,0 +1,70 @@
+'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 decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../shared/logger.cjs');
+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');
+require('@dynamic-labs/sdk-api');
+var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
+var useEmbeddedWallet = require('../useEmbeddedWallet/useEmbeddedWallet.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
+
+// Hook exposed to customers and used internally to trigger embedded reveal
+const useEmbeddedReveal = () => {
+    const { projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { userHasEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
+    const { setView } = ViewContext.useViewContext();
+    const initExportProcess = React.useCallback((recoveryPhrase = false) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        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');
+        }
+        const decodedJwt = decodeJwt.decodeJwt(jwt);
+        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 turnkeyHDWalletId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
+        if (recoveryPhrase && !turnkeyHDWalletId) {
+            throw new Error('Wallet is non-HD and does not have a recovery phrase');
+        }
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        if (recoveryPhrase) {
+            setView('embedded-reveal-view');
+        }
+        else {
+            setView('embedded-reveal-account-view');
+        }
+        return new Promise((resolve, reject) => {
+            dynamicEvents.dynamicEvents.once('embeddedWalletRevealCompleted', (wallet) => resolve(wallet));
+            dynamicEvents.dynamicEvents.once('embeddedWalletRevealFailed', (error) => reject(error));
+        });
+    }), [setShowAuthFlow, projectSettings, setView, userHasEmbeddedWallet]);
+    return {
+        initExportProcess,
+    };
+};
+
+exports.useEmbeddedReveal = useEmbeddedReveal;

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

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

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

@@ -0,0 +1,66 @@
+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 { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../shared/logger.js';
+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 '@dynamic-labs/sdk-api';
+import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
+import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
+
+// Hook exposed to customers and used internally to trigger embedded reveal
+const useEmbeddedReveal = () => {
+    const { projectSettings, setShowAuthFlow } = useInternalDynamicContext();
+    const { userHasEmbeddedWallet } = useEmbeddedWallet();
+    const { setView } = useViewContext();
+    const initExportProcess = useCallback((recoveryPhrase = false) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        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');
+        }
+        const decodedJwt = decodeJwt(jwt);
+        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 turnkeyHDWalletId = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
+        if (recoveryPhrase && !turnkeyHDWalletId) {
+            throw new Error('Wallet is non-HD and does not have a recovery phrase');
+        }
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        if (recoveryPhrase) {
+            setView('embedded-reveal-view');
+        }
+        else {
+            setView('embedded-reveal-account-view');
+        }
+        return new Promise((resolve, reject) => {
+            dynamicEvents.once('embeddedWalletRevealCompleted', (wallet) => resolve(wallet));
+            dynamicEvents.once('embeddedWalletRevealFailed', (error) => reject(error));
+        });
+    }), [setShowAuthFlow, projectSettings, setView, userHasEmbeddedWallet]);
+    return {
+        initExportProcess,
+    };
+};
+
+export { useEmbeddedReveal };

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

@@ -31,7 +31,7 @@ var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
-    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, primaryWallet, environmentId, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, setShowAuthFlow, primaryWallet, environmentId, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation.useCreateDynamicEmbeddedWalletMutation();
     const userHasEmbeddedWallet = () => {
@@ -50,7 +50,7 @@ const useEmbeddedWallet = () => {
             walletConnectorOptions,
             withAuthenticator: false,
         });
-        internalSetShowAuthFlow(false); // close email otp pin modal
+        setShowAuthFlow(false, { performMultiWalletChecks: false }); // close email otp pin modal
         return new Promise((resolve, reject) => {
             dynamicEvents.dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
             dynamicEvents.dynamicEvents.once('embeddedWalletFailed', (error) => reject(error));
@@ -59,10 +59,13 @@ const useEmbeddedWallet = () => {
         createDynamicEmbeddedWalletMutation,
         environmentId,
         walletConnectorOptions,
-        internalSetShowAuthFlow,
+        setShowAuthFlow,
     ]);
     const startEmbeddedWalletCreationFlow = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        internalSetShowAuthFlow(true);
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
         setView('passkey-intro');
         return new Promise((resolve, reject) => {
             dynamicEvents.dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
@@ -128,7 +131,7 @@ const useEmbeddedWallet = () => {
             }
             return startEmbeddedWalletCreationFlow();
         }
-        internalSetShowAuthFlow(false);
+        setShowAuthFlow(false, { performMultiWalletChecks: false });
         const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt);
         // if user logged in with MM for example, just continue the flow
         if (!embeddedWalletVerifiedCredential) {
@@ -137,7 +140,7 @@ const useEmbeddedWallet = () => {
         // if user already has embedded wallet, returns it
         return returnEmbeddedWallet(jwt, embeddedWalletVerifiedCredential);
     }), [
-        internalSetShowAuthFlow,
+        setShowAuthFlow,
         onboardingOnlyJwt,
         projectSettings,
         startPregeneratedWalletCreationFlow,

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

@@ -27,7 +27,7 @@ import { dynamicEvents } from '../../../events/dynamicEvents.js';
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
-    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, primaryWallet, environmentId, } = useInternalDynamicContext();
+    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, setShowAuthFlow, primaryWallet, environmentId, } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation();
     const userHasEmbeddedWallet = () => {
@@ -46,7 +46,7 @@ const useEmbeddedWallet = () => {
             walletConnectorOptions,
             withAuthenticator: false,
         });
-        internalSetShowAuthFlow(false); // close email otp pin modal
+        setShowAuthFlow(false, { performMultiWalletChecks: false }); // close email otp pin modal
         return new Promise((resolve, reject) => {
             dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
             dynamicEvents.once('embeddedWalletFailed', (error) => reject(error));
@@ -55,10 +55,13 @@ const useEmbeddedWallet = () => {
         createDynamicEmbeddedWalletMutation,
         environmentId,
         walletConnectorOptions,
-        internalSetShowAuthFlow,
+        setShowAuthFlow,
     ]);
     const startEmbeddedWalletCreationFlow = () => __awaiter(void 0, void 0, void 0, function* () {
-        internalSetShowAuthFlow(true);
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
         setView('passkey-intro');
         return new Promise((resolve, reject) => {
             dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
@@ -124,7 +127,7 @@ const useEmbeddedWallet = () => {
             }
             return startEmbeddedWalletCreationFlow();
         }
-        internalSetShowAuthFlow(false);
+        setShowAuthFlow(false, { performMultiWalletChecks: false });
         const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt);
         // if user logged in with MM for example, just continue the flow
         if (!embeddedWalletVerifiedCredential) {
@@ -133,7 +136,7 @@ const useEmbeddedWallet = () => {
         // if user already has embedded wallet, returns it
         return returnEmbeddedWallet(jwt, embeddedWalletVerifiedCredential);
     }), [
-        internalSetShowAuthFlow,
+        setShowAuthFlow,
         onboardingOnlyJwt,
         projectSettings,
         startPregeneratedWalletCreationFlow,

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

@@ -61,6 +61,7 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
             const serializedDynamicContextProps = Object.assign(Object.assign({}, updatedDynamicProps), { settings: Object.assign(Object.assign({}, updatedDynamicProps.settings), { eventsCallbacks: serializedEventsCallbacks, walletConnectors: serializedWalletConnectors }) });
             api.sendDynamicProps(environmentId, {
                 dynamicContextProps: serializedDynamicContextProps,
+                frameworkSettings: getFrameworkSettings(),
             });
             api.fetchProjectSettings(environmentId)
                 .then((response) => {
@@ -123,6 +124,19 @@ const serializeWalletConnectors = (walletConnectors) => {
         return undefined;
     }
 };
+const getFrameworkSettings = () => {
+    var _a;
+    return ({
+        nextJs: {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            version: (_a = window.next) === null || _a === void 0 ? void 0 : _a.version,
+        },
+        react: {
+            version: React.version,
+        },
+    });
+};
 
 exports.serializeEventsCallbacks = serializeEventsCallbacks;
 exports.serializeWalletConnectors = serializeWalletConnectors;

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

@@ -1,4 +1,4 @@
-import { useState, useEffect, useMemo } from 'react';
+import { useState, useEffect, useMemo, version } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
 import { sendDynamicProps, fetchProjectSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
@@ -57,6 +57,7 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
             const serializedDynamicContextProps = Object.assign(Object.assign({}, updatedDynamicProps), { settings: Object.assign(Object.assign({}, updatedDynamicProps.settings), { eventsCallbacks: serializedEventsCallbacks, walletConnectors: serializedWalletConnectors }) });
             sendDynamicProps(environmentId, {
                 dynamicContextProps: serializedDynamicContextProps,
+                frameworkSettings: getFrameworkSettings(),
             });
             fetchProjectSettings(environmentId)
                 .then((response) => {
@@ -119,5 +120,18 @@ const serializeWalletConnectors = (walletConnectors) => {
         return undefined;
     }
 };
+const getFrameworkSettings = () => {
+    var _a;
+    return ({
+        nextJs: {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            version: (_a = window.next) === null || _a === void 0 ? void 0 : _a.version,
+        },
+        react: {
+            version,
+        },
+    });
+};
 
 export { serializeEventsCallbacks, serializeWalletConnectors, useFetchProjectSettings };

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
@@ -18,7 +18,6 @@ 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');
 
 const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, }) => {
     const callback = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -44,8 +43,11 @@ const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWall
             setUser(newUser);
         }
         const wallet = secondaryWallets.find((w) => w.id === walletId);
+        // remaining normalizeWalletName until QNTM-846 is complete due to us still passing the walletname to redcoast:
+        // https://linear.app/dynamic-labs/issue/QNTM-846/remove-usage-of-walletwalletconnectorwname-to-instead-use
         const numberOfLinkedWallets = verifiedCredentials.filter((account) => account.walletName &&
-            isSameWalletName.isSameWalletName(account.walletName, (wallet === null || wallet === void 0 ? void 0 : wallet.connector.name) || '')).length;
+            walletConnectorCore.normalizeWalletName(account.walletName) ===
+                ((wallet === null || wallet === void 0 ? void 0 : wallet.connector.key) || '')).length;
         // If there's only 1, it's the one being removed and we can kill the session
         if (numberOfLinkedWallets === 1) {
             yield (wallet === null || wallet === void 0 ? void 0 : wallet.connector.endSession());

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

@@ -1,9 +1,9 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
+import { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import '../../../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';
@@ -14,7 +14,6 @@ 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';
 
 const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, }) => {
     const callback = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
@@ -40,8 +39,11 @@ const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWall
             setUser(newUser);
         }
         const wallet = secondaryWallets.find((w) => w.id === walletId);
+        // remaining normalizeWalletName until QNTM-846 is complete due to us still passing the walletname to redcoast:
+        // https://linear.app/dynamic-labs/issue/QNTM-846/remove-usage-of-walletwalletconnectorwname-to-instead-use
         const numberOfLinkedWallets = verifiedCredentials.filter((account) => account.walletName &&
-            isSameWalletName(account.walletName, (wallet === null || wallet === void 0 ? void 0 : wallet.connector.name) || '')).length;
+            normalizeWalletName(account.walletName) ===
+                ((wallet === null || wallet === void 0 ? void 0 : wallet.connector.key) || '')).length;
         // If there's only 1, it's the one being removed and we can kill the session
         if (numberOfLinkedWallets === 1) {
             yield (wallet === null || wallet === void 0 ? void 0 : wallet.connector.endSession());

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

@@ -4,12 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-const useHover = (initialValue = false, falseOnClick = false) => {
+const useHover = ({ initialValue = false, falseOnClick = false, onHover, onHoverOff, }) => {
     const [hover, setHover] = React.useState(initialValue);
     const handlers = {
         onMouseDown: () => setHover(true),
-        onMouseEnter: () => setHover(true),
-        onMouseLeave: () => setHover(false),
+        onMouseEnter: () => {
+            onHover === null || onHover === void 0 ? void 0 : onHover();
+            setHover(true);
+        },
+        onMouseLeave: () => {
+            onHoverOff === null || onHoverOff === void 0 ? void 0 : onHoverOff();
+            setHover(false);
+        },
         onMouseUp: () => setHover(falseOnClick),
     };
     return [hover, handlers];

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

@@ -1,11 +1,17 @@
 import { useState } from 'react';
 
-const useHover = (initialValue = false, falseOnClick = false) => {
+const useHover = ({ initialValue = false, falseOnClick = false, onHover, onHoverOff, }) => {
     const [hover, setHover] = useState(initialValue);
     const handlers = {
         onMouseDown: () => setHover(true),
-        onMouseEnter: () => setHover(true),
-        onMouseLeave: () => setHover(false),
+        onMouseEnter: () => {
+            onHover === null || onHover === void 0 ? void 0 : onHover();
+            setHover(true);
+        },
+        onMouseLeave: () => {
+            onHoverOff === null || onHoverOff === void 0 ? void 0 : onHoverOff();
+            setHover(false);
+        },
         onMouseUp: () => setHover(falseOnClick),
     };
     return [hover, handlers];

package/src/lib/utils/hooks/useHover/useHover.types.d.ts

@@ -4,4 +4,11 @@ export type MouseEventHandlers = {
     onMouseLeave: () => void;
     onMouseUp: () => void;
 };
-export type HoverHook = (initialValue?: boolean, falseOnClick?: boolean) => [boolean, MouseEventHandlers];
+type HoverHookArgs = {
+    initialValue?: boolean;
+    falseOnClick?: boolean;
+    onHover?: () => void;
+    onHoverOff?: () => void;
+};
+export type HoverHook = (args: HoverHookArgs) => [boolean, MouseEventHandlers];
+export {};

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('react');

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

@@ -1,8 +1,8 @@
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var useOnlyConnectedMode = require('../useOnlyConnectedMode/useOnlyConnectedMode.cjs');
 var getUserProfileFields = require('../../functions/getUserProfileFields/getUserProfileFields.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('react');

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

@@ -1,10 +1,10 @@
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useOnlyConnectedMode } from '../useOnlyConnectedMode/useOnlyConnectedMode.js';
 import { getUserProfileFields } from '../../functions/getUserProfileFields/getUserProfileFields.js';
+import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';

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

@@ -9,7 +9,7 @@ const useKeyboardEventListener = ({ disabled, inputKey, onKeyPressed, }) => {
         const handleKeydown = (evt) => {
             if (disabled || evt.key !== inputKey)
                 return;
-            onKeyPressed();
+            onKeyPressed(evt);
         };
         document.addEventListener('keydown', handleKeydown);
         return () => {

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

@@ -2,7 +2,9 @@ type InputKeyType = 'Escape';
 type UseKeyboardEventListenerProps = {
     disabled?: boolean;
     inputKey: InputKeyType;
-    onKeyPressed: () => void;
+    onKeyPressed: (e: {
+        stopPropagation: VoidFunction;
+    }) => void;
 };
 export declare const useKeyboardEventListener: ({ disabled, inputKey, onKeyPressed, }: UseKeyboardEventListenerProps) => void;
 export {};

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

@@ -5,7 +5,7 @@ const useKeyboardEventListener = ({ disabled, inputKey, onKeyPressed, }) => {
         const handleKeydown = (evt) => {
             if (disabled || evt.key !== inputKey)
                 return;
-            onKeyPressed();
+            onKeyPressed(evt);
         };
         document.addEventListener('keydown', handleKeydown);
         return () => {

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

@@ -8,10 +8,10 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useInte
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 var constants = require('../../../views/Passkey/PasskeyRecovery/constants.cjs');
+require('@dynamic-labs/wallet-connector-core');
 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');
@@ -27,7 +27,7 @@ var useEmbeddedWallet = require('../useEmbeddedWallet/useEmbeddedWallet.cjs');
 
 // Hook exposed to customers and used internally to trigger passkey recovery
 const usePasskeyRecovery = () => {
-    const { projectSettings, internalSetShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { userHasEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
     const { setView } = ViewContext.useViewContext();
     const initPasskeyRecoveryProcess = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -45,18 +45,16 @@ const usePasskeyRecovery = () => {
         // since the iframe can still exist it can't be recreated by Turnkey
         // and throws an error
         removeElementById.removeElementById(constants.iframeContainerId);
-        internalSetShowAuthFlow(true);
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
         setView('passkey-recovery-start');
         return new Promise((resolve, reject) => {
             dynamicEvents.dynamicEvents.once('passkeyRecoveryCompleted', (wallet) => resolve(wallet));
             dynamicEvents.dynamicEvents.once('passkeyRecoveryFailed', (error) => reject(error));
         });
-    }), [
-        internalSetShowAuthFlow,
-        projectSettings,
-        setView,
-        userHasEmbeddedWallet,
-    ]);
+    }), [setShowAuthFlow, projectSettings, setView, userHasEmbeddedWallet]);
     return {
         initPasskeyRecoveryProcess,
     };

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

@@ -4,10 +4,10 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useIn
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import { iframeContainerId } from '../../../views/Passkey/PasskeyRecovery/constants.js';
+import '@dynamic-labs/wallet-connector-core';
 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';
@@ -23,7 +23,7 @@ import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
 
 // Hook exposed to customers and used internally to trigger passkey recovery
 const usePasskeyRecovery = () => {
-    const { projectSettings, internalSetShowAuthFlow } = useInternalDynamicContext();
+    const { projectSettings, setShowAuthFlow } = useInternalDynamicContext();
     const { userHasEmbeddedWallet } = useEmbeddedWallet();
     const { setView } = useViewContext();
     const initPasskeyRecoveryProcess = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
@@ -41,18 +41,16 @@ const usePasskeyRecovery = () => {
         // since the iframe can still exist it can't be recreated by Turnkey
         // and throws an error
         removeElementById(iframeContainerId);
-        internalSetShowAuthFlow(true);
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
         setView('passkey-recovery-start');
         return new Promise((resolve, reject) => {
             dynamicEvents.once('passkeyRecoveryCompleted', (wallet) => resolve(wallet));
             dynamicEvents.once('passkeyRecoveryFailed', (error) => reject(error));
         });
-    }), [
-        internalSetShowAuthFlow,
-        projectSettings,
-        setView,
-        userHasEmbeddedWallet,
-    ]);
+    }), [setShowAuthFlow, projectSettings, setView, userHasEmbeddedWallet]);
     return {
         initPasskeyRecoveryProcess,
     };

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

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