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

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

@@ -17,31 +17,32 @@ require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 
 const useClearWalletConnectSessions = ({ connectors }) => {
-    const clearOphanedWalletConnectSessions = React.useCallback(() => {
+    const clearAllWalletConnectSessions = () => {
         if (typeof window === 'undefined')
             return;
-        if (connectors.length === 0)
-            return;
-        const keys = new Set(connectors.map((connector) => connector.key));
         for (const key of localStorage$1.LocalStorage.getKeys()) {
-            if (key.startsWith('walletconnect') &&
-                !keys.has(key.replace('walletconnect-', ''))) {
+            if (key.startsWith('walletconnect') ||
+                key.startsWith('walletlink') ||
+                key.startsWith('wc@2')) {
                 localStorage.removeItem(key);
             }
         }
-    }, [connectors]);
-    const clearAllWalletConnectSessions = () => {
+    };
+    // Clears orphaned wallet connect sessions
+    React.useEffect(() => {
         if (typeof window === 'undefined')
             return;
+        if (connectors.length === 0)
+            return;
+        const keys = new Set(connectors.map((connector) => connector.key));
         for (const key of localStorage$1.LocalStorage.getKeys()) {
-            if (key.startsWith('walletconnect') ||
-                key.startsWith('walletlink') ||
-                key.startsWith('wc@2')) {
+            if (key.startsWith('walletconnect') &&
+                !keys.has(key.replace('walletconnect-', ''))) {
                 localStorage.removeItem(key);
             }
         }
-    };
-    return { clearAllWalletConnectSessions, clearOphanedWalletConnectSessions };
+    }, [connectors]);
+    return { clearAllWalletConnectSessions };
 };
 
 exports.useClearWalletConnectSessions = useClearWalletConnectSessions;

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

@@ -4,6 +4,5 @@ type Args = {
 };
 export declare const useClearWalletConnectSessions: ({ connectors }: Args) => {
     clearAllWalletConnectSessions: () => void;
-    clearOphanedWalletConnectSessions: () => void;
 };
 export {};

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

@@ -1,4 +1,4 @@
-import { useCallback } from 'react';
+import { useEffect } from 'react';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -13,31 +13,32 @@ import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 
 const useClearWalletConnectSessions = ({ connectors }) => {
-    const clearOphanedWalletConnectSessions = useCallback(() => {
+    const clearAllWalletConnectSessions = () => {
         if (typeof window === 'undefined')
             return;
-        if (connectors.length === 0)
-            return;
-        const keys = new Set(connectors.map((connector) => connector.key));
         for (const key of LocalStorage.getKeys()) {
-            if (key.startsWith('walletconnect') &&
-                !keys.has(key.replace('walletconnect-', ''))) {
+            if (key.startsWith('walletconnect') ||
+                key.startsWith('walletlink') ||
+                key.startsWith('wc@2')) {
                 localStorage.removeItem(key);
             }
         }
-    }, [connectors]);
-    const clearAllWalletConnectSessions = () => {
+    };
+    // Clears orphaned wallet connect sessions
+    useEffect(() => {
         if (typeof window === 'undefined')
             return;
+        if (connectors.length === 0)
+            return;
+        const keys = new Set(connectors.map((connector) => connector.key));
         for (const key of LocalStorage.getKeys()) {
-            if (key.startsWith('walletconnect') ||
-                key.startsWith('walletlink') ||
-                key.startsWith('wc@2')) {
+            if (key.startsWith('walletconnect') &&
+                !keys.has(key.replace('walletconnect-', ''))) {
                 localStorage.removeItem(key);
             }
         }
-    };
-    return { clearAllWalletConnectSessions, clearOphanedWalletConnectSessions };
+    }, [connectors]);
+    return { clearAllWalletConnectSessions };
 };
 
 export { useClearWalletConnectSessions };

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

@@ -206,7 +206,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                     chain: walletChain || '',
                     environmentId,
                     publicWalletAddress: walletAddress,
-                    walletName: walletConnector.name,
+                    walletName: walletConnector.key,
                     walletProvider: getWalletProvider.getWalletProvider(walletConnector),
                 });
             }

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

@@ -202,7 +202,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                     chain: walletChain || '',
                     environmentId,
                     publicWalletAddress: walletAddress,
-                    walletName: walletConnector.name,
+                    walletName: walletConnector.key,
                     walletProvider: getWalletProvider(walletConnector),
                 });
             }

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ViewContext = require('../../../context/ViewContext/ViewContext.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');
@@ -52,8 +52,8 @@ const useConnectedWalletsNetworkValidation = () => {
             const [connectedWalletWithInvalidNetwork] = connectedWalletsWithInvalidNetwork;
             // Keeps the first wallet connectedWallet in setSelectedWalletConnectorKey
             // This is required because NetworkNotSupported uses walletConnector to display wallet icon, address etc.
-            if (connectedWalletWithInvalidNetwork.connector.name !==
-                (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name)) {
+            if (connectedWalletWithInvalidNetwork.connector.key !==
+                (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key)) {
                 setSelectedWalletConnectorKey(connectedWalletWithInvalidNetwork.connector.key);
             }
             const networkNotSupportedView = isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(connectedWalletWithInvalidNetwork.connector)

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

@@ -1,10 +1,10 @@
 import { useEffect } from 'react';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.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';
@@ -48,8 +48,8 @@ const useConnectedWalletsNetworkValidation = () => {
             const [connectedWalletWithInvalidNetwork] = connectedWalletsWithInvalidNetwork;
             // Keeps the first wallet connectedWallet in setSelectedWalletConnectorKey
             // This is required because NetworkNotSupported uses walletConnector to display wallet icon, address etc.
-            if (connectedWalletWithInvalidNetwork.connector.name !==
-                (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name)) {
+            if (connectedWalletWithInvalidNetwork.connector.key !==
+                (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key)) {
                 setSelectedWalletConnectorKey(connectedWalletWithInvalidNetwork.connector.key);
             }
             const networkNotSupportedView = isProgrammableNetworkSwitchSupported(connectedWalletWithInvalidNetwork.connector)

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

@@ -10,9 +10,9 @@ var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 var useWalletItemActions = require('../useWalletItemActions/useWalletItemActions.cjs');
 var useConnectWithEmail = require('../useConnectWithEmail/useConnectWithEmail.cjs');
 var api = require('../../../data/api.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('react');
 require('@dynamic-labs/wallet-book');

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

@@ -6,9 +6,9 @@ import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import { useWalletItemActions } from '../useWalletItemActions/useWalletItemActions.js';
 import { useConnectWithEmail } from '../useConnectWithEmail/useConnectWithEmail.js';
 import { getEmailProvider, createEmailVerification } from '../../../data/api.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import 'react';
 import '@dynamic-labs/wallet-book';

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

@@ -28,14 +28,12 @@ var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnable
 var smartWallet = require('../useWalletConnectors/utils/smartWallet/smartWallet.cjs');
 var useCreateDynamicEmbeddedWalletMutation = require('../useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.cjs');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
-var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
     const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, setShowAuthFlow, primaryWallet, environmentId, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation.useCreateDynamicEmbeddedWalletMutation();
-    const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
     const userHasEmbeddedWallet = () => {
         var _a;
         const jwt = (_a = getAuthToken.getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
@@ -90,7 +88,6 @@ const useEmbeddedWallet = () => {
         // if user already has embedded wallet, set it as primary wallet
         if (decodedJwt) {
             (_a = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _a === void 0 ? void 0 : _a.setVerifiedCredentials(decodedJwt.verifiedCredentials);
-            yield createUserProfileByJWT(jwt);
             const smartWallet$1 = smartWallet.findSmartWallet(embeddedWalletVerifiedCredential, decodedJwt.verifiedCredentials);
             if (smartWallet$1) {
                 yield smartWallet.initializeSmartWallet({

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

@@ -24,14 +24,12 @@ import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnab
 import { findSmartWallet, initializeSmartWallet } from '../useWalletConnectors/utils/smartWallet/smartWallet.js';
 import { useCreateDynamicEmbeddedWalletMutation } from '../useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.js';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
-import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
     const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, setShowAuthFlow, primaryWallet, environmentId, } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation();
-    const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
     const userHasEmbeddedWallet = () => {
         var _a;
         const jwt = (_a = getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
@@ -86,7 +84,6 @@ const useEmbeddedWallet = () => {
         // if user already has embedded wallet, set it as primary wallet
         if (decodedJwt) {
             (_a = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _a === void 0 ? void 0 : _a.setVerifiedCredentials(decodedJwt.verifiedCredentials);
-            yield createUserProfileByJWT(jwt);
             const smartWallet = findSmartWallet(embeddedWalletVerifiedCredential, decodedJwt.verifiedCredentials);
             if (smartWallet) {
                 yield initializeSmartWallet({

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/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,12 +3,37 @@
 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('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+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 isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 
 const useIsLoggedIn = () => {
-    const { user, primaryWallet, authMode } = useInternalDynamicContext.useInternalDynamicContext();
+    const { user, primaryWallet, authMode, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const isTurnkeyProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings);
     // a user is set even when on connect-only mode if signing in with social,
     // but it won't have a primaryWallet in this case
-    return (Boolean(user) || (authMode === 'connect-only' && Boolean(primaryWallet)));
+    const isLoggedIn = Boolean(user) || (authMode === 'connect-only' && Boolean(primaryWallet));
+    // if turnkey is enabled we need to check if the user that is logged/connected
+    // has a primaryWallet to not show the widget without secure
+    if (isTurnkeyProviderEnabled &&
+        (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.automaticEmbeddedWalletCreation) &&
+        ((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWalletSecurityMethods) || []).length === 0) {
+        return Boolean(primaryWallet && isLoggedIn);
+    }
+    // return isLoggedIn;
+    return isLoggedIn;
 };
 
 exports.useIsLoggedIn = useIsLoggedIn;

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

@@ -1,10 +1,35 @@
 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 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import 'react';
+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 { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 
 const useIsLoggedIn = () => {
-    const { user, primaryWallet, authMode } = useInternalDynamicContext();
+    const { user, primaryWallet, authMode, projectSettings } = useInternalDynamicContext();
+    const isTurnkeyProviderEnabled = isTurnkeyEnabled(projectSettings);
     // a user is set even when on connect-only mode if signing in with social,
     // but it won't have a primaryWallet in this case
-    return (Boolean(user) || (authMode === 'connect-only' && Boolean(primaryWallet)));
+    const isLoggedIn = Boolean(user) || (authMode === 'connect-only' && Boolean(primaryWallet));
+    // if turnkey is enabled we need to check if the user that is logged/connected
+    // has a primaryWallet to not show the widget without secure
+    if (isTurnkeyProviderEnabled &&
+        (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.automaticEmbeddedWalletCreation) &&
+        ((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWalletSecurityMethods) || []).length === 0) {
+        return Boolean(primaryWallet && isLoggedIn);
+    }
+    // return isLoggedIn;
+    return isLoggedIn;
 };
 
 export { useIsLoggedIn };

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');

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';

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

@@ -8,10 +8,10 @@ var types = require('@dynamic-labs/types');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var api = require('../../../data/api.cjs');
 var useUpdateUserProfileByJWTCallback = require('../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.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('@dynamic-labs/wallet-book');

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

@@ -4,10 +4,10 @@ import { SocialOAuthErrorCode } from '@dynamic-labs/types';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { unlinkOAuth } from '../../../data/api.js';
 import { useUpdateUserProfileByJWTCallback } from '../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.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 '@dynamic-labs/wallet-book';