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

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

@@ -4,8 +4,19 @@
  * not additional accounts from the same wallet
  */
 const filterConnectedWallets = ({ walletOptions, connectedWallets, }) => {
-    const connectedWalletKeys = connectedWallets.map((connectedWallet) => connectedWallet.connector.key);
-    return walletOptions.filter((wallet) => !connectedWalletKeys.includes(wallet.walletConnector.key));
+    const connectedWalletKeys = new Set(connectedWallets.map((connectedWallet) => connectedWallet.connector.key));
+    /**
+     * Phantom and Phantom Ledger are the same wallet, so we have to filter both of them
+     * if one is present, because the next connection will not work, it will just connect the
+     * same wallet again with a different walletName.
+     * This will be fixed by combining both Phantom and PhantomLedger to the same connector here QNTM-885
+     */
+    if (connectedWalletKeys.has('phantom') ||
+        connectedWalletKeys.has('phantomledger')) {
+        connectedWalletKeys.add('phantom');
+        connectedWalletKeys.add('phantomledger');
+    }
+    return walletOptions.filter((wallet) => !connectedWalletKeys.has(wallet.walletConnector.key));
 };
 
 export { filterConnectedWallets };

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

@@ -28,9 +28,11 @@ const groupWalletOptions = (walletBook$1, walletOptionList) => {
         // Validate if there is any other wallet with the same group
         const isThereWalletOptionWithSameGroup = walletOptionList.some((walletOption) => {
             var _a;
-            return currentWalletOption.group === walletOption.group &&
-                (((_a = walletOption.injectedConfig) === null || _a === void 0 ? void 0 : _a.length) ||
-                    currentWalletOption.key !== walletOption.key);
+            const isSameGroup = currentWalletOption.group === walletOption.group;
+            const isDifferentKey = currentWalletOption.key !== walletOption.key;
+            const hasInjectedConfig = ((_a = walletOption.injectedConfig) === null || _a === void 0 ? void 0 : _a.length) &&
+                walletOption.injectedConfig.length > 1;
+            return isSameGroup && (hasInjectedConfig || isDifferentKey);
         });
         // Avoid group creation if there only one wallet in group
         if (!isThereWalletOptionWithSameGroup) {

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

@@ -24,9 +24,11 @@ const groupWalletOptions = (walletBook, walletOptionList) => {
         // Validate if there is any other wallet with the same group
         const isThereWalletOptionWithSameGroup = walletOptionList.some((walletOption) => {
             var _a;
-            return currentWalletOption.group === walletOption.group &&
-                (((_a = walletOption.injectedConfig) === null || _a === void 0 ? void 0 : _a.length) ||
-                    currentWalletOption.key !== walletOption.key);
+            const isSameGroup = currentWalletOption.group === walletOption.group;
+            const isDifferentKey = currentWalletOption.key !== walletOption.key;
+            const hasInjectedConfig = ((_a = walletOption.injectedConfig) === null || _a === void 0 ? void 0 : _a.length) &&
+                walletOption.injectedConfig.length > 1;
+            return isSameGroup && (hasInjectedConfig || isDifferentKey);
         });
         // Avoid group creation if there only one wallet in group
         if (!isThereWalletOptionWithSameGroup) {

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

@@ -29,7 +29,7 @@ const sortedInputList = (inputList) => {
     const unsortedPriorityWallets = [];
     const unsortedOtherWallets = [];
     inputList.forEach((wallet) => {
-        if (PRIORITY_WALLET_LIST.includes(walletConnectorCore.normalizeWalletName(wallet.name))) {
+        if (PRIORITY_WALLET_LIST.includes(wallet.key)) {
             unsortedPriorityWallets.push(wallet);
         }
         else {
@@ -38,8 +38,8 @@ const sortedInputList = (inputList) => {
     });
     const sortedPriorityWallets = unsortedPriorityWallets
         .slice()
-        .sort((a, b) => PRIORITY_WALLET_LIST.indexOf(walletConnectorCore.normalizeWalletName(a.name)) -
-        PRIORITY_WALLET_LIST.indexOf(walletConnectorCore.normalizeWalletName(b.name)));
+        .sort((a, b) => PRIORITY_WALLET_LIST.indexOf(a.key) -
+        PRIORITY_WALLET_LIST.indexOf(b.key));
     return [...sortedPriorityWallets, ...unsortedOtherWallets];
 };
 const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, showMoreWalletsWithFilter, }) => {

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

@@ -1,4 +1,4 @@
-import { isEmbeddedConnector, normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
+import { isEmbeddedConnector } from '@dynamic-labs/wallet-connector-core';
 import { getCalculatedOffset } from './utils/getCalculatedOffset/getCalculatedOffset.js';
 import { groupWalletOptions } from './utils/groupWalletOptions/groupWalletOptions.js';
 import { filterConnectedWallets } from './utils/filterConnectedWallets/filterConnectedWallets.js';
@@ -25,7 +25,7 @@ const sortedInputList = (inputList) => {
     const unsortedPriorityWallets = [];
     const unsortedOtherWallets = [];
     inputList.forEach((wallet) => {
-        if (PRIORITY_WALLET_LIST.includes(normalizeWalletName(wallet.name))) {
+        if (PRIORITY_WALLET_LIST.includes(wallet.key)) {
             unsortedPriorityWallets.push(wallet);
         }
         else {
@@ -34,8 +34,8 @@ const sortedInputList = (inputList) => {
     });
     const sortedPriorityWallets = unsortedPriorityWallets
         .slice()
-        .sort((a, b) => PRIORITY_WALLET_LIST.indexOf(normalizeWalletName(a.name)) -
-        PRIORITY_WALLET_LIST.indexOf(normalizeWalletName(b.name)));
+        .sort((a, b) => PRIORITY_WALLET_LIST.indexOf(a.key) -
+        PRIORITY_WALLET_LIST.indexOf(b.key));
     return [...sortedPriorityWallets, ...unsortedOtherWallets];
 };
 const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, showMoreWalletsWithFilter, }) => {

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
+var utils = require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ErrorContext = require('../../../../context/ErrorContext/ErrorContext.cjs');
 var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
@@ -20,7 +21,6 @@ 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 CaptchaContext = require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 var useHandleWalletsToConnect = require('../../useHandleWalletsToConnect/useHandleWalletsToConnect.cjs');
@@ -38,6 +38,19 @@ const useConnectAndSignSplitSteps = () => {
         projectSettings,
         setIsSingleWalletAccount,
     });
+    const onErrorHandler = (err) => {
+        logger.logger.debug(err);
+        goToInitialView();
+        setIsVerificationInProgress(false);
+        /**
+         * On mobile we don't want to show error message because the user
+         * is redirected to the wallet mobile app
+         */
+        const isMissingPublicAddressErrorExpected = err instanceof utils.MissingPublicAddressError && utils.isMobile();
+        if (!isMissingPublicAddressErrorExpected) {
+            setErrorMessage(err.toString());
+        }
+    };
     // This method is similar to useConnectAndSign, but it skips signing for now
     // It's used when we want to connect and sign in two separate steps
     // For example on mobile when we want to sign on button click
@@ -71,10 +84,7 @@ const useConnectAndSignSplitSteps = () => {
             setView('pending-signature');
         }
         catch (err) {
-            logger.logger.debug(err);
-            setErrorMessage(err.toString());
-            goToInitialView();
-            setIsVerificationInProgress(false);
+            onErrorHandler(err);
             return;
         }
     });
@@ -95,10 +105,7 @@ const useConnectAndSignSplitSteps = () => {
             });
         }
         catch (err) {
-            logger.logger.debug(err);
-            setErrorMessage(err.toString());
-            goToInitialView();
-            setIsVerificationInProgress(false);
+            onErrorHandler(err);
             return;
         }
     });

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js

@@ -1,4 +1,5 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { MissingPublicAddressError, isMobile } from '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
@@ -16,7 +17,6 @@ import { LAST_USED_WALLET } 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 { useCaptchaContext } from '../../../../context/CaptchaContext/CaptchaContext.js';
 import { useHandleWalletsToConnect } from '../../useHandleWalletsToConnect/useHandleWalletsToConnect.js';
@@ -34,6 +34,19 @@ const useConnectAndSignSplitSteps = () => {
         projectSettings,
         setIsSingleWalletAccount,
     });
+    const onErrorHandler = (err) => {
+        logger.debug(err);
+        goToInitialView();
+        setIsVerificationInProgress(false);
+        /**
+         * On mobile we don't want to show error message because the user
+         * is redirected to the wallet mobile app
+         */
+        const isMissingPublicAddressErrorExpected = err instanceof MissingPublicAddressError && isMobile();
+        if (!isMissingPublicAddressErrorExpected) {
+            setErrorMessage(err.toString());
+        }
+    };
     // This method is similar to useConnectAndSign, but it skips signing for now
     // It's used when we want to connect and sign in two separate steps
     // For example on mobile when we want to sign on button click
@@ -67,10 +80,7 @@ const useConnectAndSignSplitSteps = () => {
             setView('pending-signature');
         }
         catch (err) {
-            logger.debug(err);
-            setErrorMessage(err.toString());
-            goToInitialView();
-            setIsVerificationInProgress(false);
+            onErrorHandler(err);
             return;
         }
     });
@@ -91,10 +101,7 @@ const useConnectAndSignSplitSteps = () => {
             });
         }
         catch (err) {
-            logger.debug(err);
-            setErrorMessage(err.toString());
-            goToInitialView();
-            setIsVerificationInProgress(false);
+            onErrorHandler(err);
             return;
         }
     });

package/src/lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs

@@ -8,14 +8,31 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useI
 var api = require('../../../../data/api.cjs');
 var useUpdateUserProfileByJWTCallback = require('../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
 var EmailVerificationContext = require('../../../../context/EmailVerificationContext/EmailVerificationContext.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('../../../../context/ViewContext/ViewContext.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 isTurnkeyEnabled = require('../../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 
 // Hook exposed to the public as a scoped function in useUserUpdateRequest result
 const useEmailVerificationRequest = () => {
-    const { onboardingOnlyJwt, authToken, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
+    var _a;
+    const { onboardingOnlyJwt, authToken, environmentId, projectSettings, primaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
     const jwtToken = onboardingOnlyJwt || authToken;
+    const isTurnkeyProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings);
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback.useUpdateUserProfileByJWTCallback();
     const { verificationUUID: emailVerificationContextVerificationUUID } = EmailVerificationContext.useEmailVerificationContext();
     const verifyEmail = React.useCallback((verificationToken, verificationUUID) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _b;
         if (!jwtToken)
             throw new Error('No JWT token provided');
         // VerificationUUID is saved in the context in case the view changes
@@ -27,12 +44,22 @@ const useEmailVerificationRequest = () => {
             verificationToken,
             verificationUUID: String(verificationUUID || emailVerificationContextVerificationUUID),
         }, jwtToken);
+        if (isTurnkeyProviderEnabled &&
+            ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) &&
+            !primaryWallet) {
+            // Don't create the user right now
+            // It will be done after the wallet creation
+            return verifyEmailResponse;
+        }
         yield updateUserProfileByJWT(verifyEmailResponse.jwt);
         return verifyEmailResponse;
     }), [
         emailVerificationContextVerificationUUID,
         environmentId,
+        isTurnkeyProviderEnabled,
         jwtToken,
+        primaryWallet,
+        (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.automaticEmbeddedWalletCreation,
         updateUserProfileByJWT,
     ]);
     return { verifyEmail };

package/src/lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js

@@ -4,14 +4,31 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 import { verifyEmail } from '../../../../data/api.js';
 import { useUpdateUserProfileByJWTCallback } from '../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
 import { useEmailVerificationContext } from '../../../../context/EmailVerificationContext/EmailVerificationContext.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 '../../../../context/ViewContext/ViewContext.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 { isTurnkeyEnabled } from '../../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 
 // Hook exposed to the public as a scoped function in useUserUpdateRequest result
 const useEmailVerificationRequest = () => {
-    const { onboardingOnlyJwt, authToken, environmentId } = useInternalDynamicContext();
+    var _a;
+    const { onboardingOnlyJwt, authToken, environmentId, projectSettings, primaryWallet, } = useInternalDynamicContext();
     const jwtToken = onboardingOnlyJwt || authToken;
+    const isTurnkeyProviderEnabled = isTurnkeyEnabled(projectSettings);
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
     const { verificationUUID: emailVerificationContextVerificationUUID } = useEmailVerificationContext();
     const verifyEmail$1 = useCallback((verificationToken, verificationUUID) => __awaiter(void 0, void 0, void 0, function* () {
+        var _b;
         if (!jwtToken)
             throw new Error('No JWT token provided');
         // VerificationUUID is saved in the context in case the view changes
@@ -23,12 +40,22 @@ const useEmailVerificationRequest = () => {
             verificationToken,
             verificationUUID: String(verificationUUID || emailVerificationContextVerificationUUID),
         }, jwtToken);
+        if (isTurnkeyProviderEnabled &&
+            ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) &&
+            !primaryWallet) {
+            // Don't create the user right now
+            // It will be done after the wallet creation
+            return verifyEmailResponse;
+        }
         yield updateUserProfileByJWT(verifyEmailResponse.jwt);
         return verifyEmailResponse;
     }), [
         emailVerificationContextVerificationUUID,
         environmentId,
+        isTurnkeyProviderEnabled,
         jwtToken,
+        primaryWallet,
+        (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.automaticEmbeddedWalletCreation,
         updateUserProfileByJWT,
     ]);
     return { verifyEmail: verifyEmail$1 };

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs

@@ -61,7 +61,7 @@ const useSignConnectOnlyUser = () => {
         catch (err) {
             logger.logger.debug(err);
             setErrorMessage(err.toString());
-            setShowAuthFlow(false);
+            setShowAuthFlow(false, { emitCancelAuth: true });
             return;
         }
     });

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js

@@ -57,7 +57,7 @@ const useSignConnectOnlyUser = () => {
         catch (err) {
             logger.debug(err);
             setErrorMessage(err.toString());
-            setShowAuthFlow(false);
+            setShowAuthFlow(false, { emitCancelAuth: true });
             return;
         }
     });

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

@@ -0,0 +1,3 @@
+export * from './useDynamicEvents';
+export * from './useEventListener';
+export * from './useWalletConnectorEvent';

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

@@ -0,0 +1,14 @@
+type EventTypes = Record<string, (...args: any[]) => any>;
+/**
+ * This type is a copy of the ArgumentMap type from eventemitter3 package.
+ * Is used extract the arguments from a event type.
+ * Then we can use the arguments to reconstruct the callback we want
+ */
+export type ArgumentMap<T extends EventTypes> = {
+    [key in keyof T]: Parameters<T[key]>;
+};
+/**
+ * Maps the event to its callback's arguments
+ */
+export type EventArgs<T extends EventTypes, Event extends keyof T> = ArgumentMap<T>[Extract<Event, keyof T>];
+export {};

package/src/lib/utils/hooks/events/useDynamicEvents/index.d.ts

@@ -0,0 +1 @@
+export * from './useDynamicEvents';

package/src/lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var dynamicEvents = require('../../../../events/dynamicEvents.cjs');
+
+/** Allows us to subscribe to all dynamicEvents with a hook, even the internal ones */
+const useInternalDynamicEvents = (event, listener) => {
+    const handler = React.useRef(listener);
+    handler.current = listener;
+    React.useEffect(() => {
+        const callback = (...args) => handler.current(...args);
+        dynamicEvents.dynamicEvents.on(event, callback);
+        return () => {
+            dynamicEvents.dynamicEvents.off(event, callback);
+        };
+    }, [event]);
+};
+
+exports.useInternalDynamicEvents = useInternalDynamicEvents;

package/src/lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.d.ts

@@ -0,0 +1,8 @@
+import { DynamicEvents } from '../../../../events';
+import { EventArgs } from '../types';
+type DynamicEventListener<E extends keyof DynamicEvents> = (...args: EventArgs<DynamicEvents, E>) => void;
+/** Allows us to subscribe to all dynamicEvents with a hook, even the internal ones */
+export declare const useInternalDynamicEvents: <E extends keyof DynamicEvents>(event: E, listener: DynamicEventListener<E>) => void;
+/** Allows subscribing to dynamic events directly inside components with a hook */
+export declare const useDynamicEvents: <E extends "emailVerificationResult" | "embeddedWalletCreated" | "logout">(event: E, listener: DynamicEventListener<E>) => void;
+export {};

package/src/lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.js

@@ -0,0 +1,17 @@
+import { useRef, useEffect } from 'react';
+import { dynamicEvents } from '../../../../events/dynamicEvents.js';
+
+/** Allows us to subscribe to all dynamicEvents with a hook, even the internal ones */
+const useInternalDynamicEvents = (event, listener) => {
+    const handler = useRef(listener);
+    handler.current = listener;
+    useEffect(() => {
+        const callback = (...args) => handler.current(...args);
+        dynamicEvents.on(event, callback);
+        return () => {
+            dynamicEvents.off(event, callback);
+        };
+    }, [event]);
+};
+
+export { useInternalDynamicEvents };

package/src/lib/utils/hooks/{useWalletConnectorEvent → events/useWalletConnectorEvent}/useWalletConnectorEvent.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Hook for handling events from a WalletConnector or an array of WalletConnectors.
  * This hook allows you to specify an event to listen to and a handler function that will be called

package/src/lib/utils/hooks/{useWalletConnectorEvent → events/useWalletConnectorEvent}/useWalletConnectorEvent.d.ts

@@ -1,13 +1,5 @@
 import { WalletConnector, WalletConnectorEventTypes } from '@dynamic-labs/wallet-connector-core';
-/**
- * This type is a copy of the ArgumentMap type from eventemitter3 package.
- * Is used extract the arguments from a event type.
- * Then we can use the arguments to reconstruct the callback we want
- */
-type ArgumentMap<T extends object> = {
-    [K in keyof T]: T[K] extends (...args: any[]) => void ? Parameters<T[K]> : T[K] extends any[] ? T[K] : any[];
-};
-type EventArg<Event extends keyof WalletConnectorEventTypes> = ArgumentMap<WalletConnectorEventTypes>[Extract<Event, keyof WalletConnectorEventTypes>];
+import { EventArgs } from '../types';
 /**
  * Hook for handling events from a WalletConnector or an array of WalletConnectors.
  * This hook allows you to specify an event to listen to and a handler function that will be called
@@ -40,5 +32,4 @@ type EventArg<Event extends keyof WalletConnectorEventTypes> = ArgumentMap<Walle
  *   },
  * );
  */
-export declare const useWalletConnectorEvent: <Event_1 extends keyof WalletConnectorEventTypes = keyof WalletConnectorEventTypes>(eventEmitters: WalletConnector | WalletConnector[] | undefined, eventName: Event_1, handler: (...args: [...EventArg<Event_1>, import("@dynamic-labs/wallet-connector-core").WalletConnectorCore.WalletConnector]) => void) => void;
-export {};
+export declare const useWalletConnectorEvent: <Event_1 extends keyof WalletConnectorEventTypes = keyof WalletConnectorEventTypes>(eventEmitters: WalletConnector | WalletConnector[] | undefined, eventName: Event_1, handler: (...args: [...EventArgs<WalletConnectorEventTypes, Event_1>, import("@dynamic-labs/wallet-connector-core").WalletConnectorCore.WalletConnector]) => void) => void;

package/src/lib/utils/hooks/{useWalletConnectorEvent → events/useWalletConnectorEvent}/useWalletConnectorEvent.js

@@ -1,5 +1,6 @@
 import { useRef, useEffect } from 'react';
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Hook for handling events from a WalletConnector or an array of WalletConnectors.
  * This hook allows you to specify an event to listen to and a handler function that will be called

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

@@ -1,3 +1,4 @@
+export * from './events';
 export { useAuthenticateConnectedUser } from './useAuthenticateConnectedUser';
 export { useColorSchemePreference } from './useColorSchemePreference';
 export { useConfirmationModal } from './useConfirmationModal';
@@ -7,7 +8,6 @@ export { useDefaultQrCode } from './useDefaultQrCode';
 export { useDynamicScopes } from './useDynamicScopes';
 export { useElementById } from './useElementById';
 export { useEmbeddedWallet } from './useEmbeddedWallet';
-export { useEventListener } from './useEventListener';
 export { useFetchNonce } from './useFetchNonce';
 export { useFetchProjectSettings } from './useFetchProjectSettings';
 export { useFindSocialIcon } from './useFindSocialIcon';
@@ -37,8 +37,9 @@ export * from './useUserDataForm';
 export * from './useUserUpdateRequest';
 export { useValidateSession } from './useValidateSession';
 export { useVerifyWallet } from './useVerifyWallet';
-export { useWalletConnectorEvent } from './useWalletConnectorEvent';
 export { useWalletConnectorOptions } from './useWalletConnectorOptions';
 export { useWalletConnectors } from './useWalletConnectors';
 export { useWalletItemActions } from './useWalletItemActions';
 export { useWalletUiUtils } from './useWalletUiUtils';
+export { useEmbeddedReveal } from './useEmbeddedReveal';
+export { useWalletConnectorNetwork } from './useWalletConnectorNetwork';

package/src/lib/utils/hooks/multiWallet/useMultiWallet/useMultiWallet.cjs

@@ -18,8 +18,9 @@ var useLocalStorage = require('../../../../shared/utils/hooks/useLocalStorage/us
 require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 
-const useMultiWallet = (toolkitEnabled, multiWalletSettings) => {
-    const isMultiWalletEnabled = multiWalletSettings !== null && multiWalletSettings !== void 0 ? multiWalletSettings : false;
+const useMultiWallet = ({ toolkitEnabled, isBridgeFlow, multiWalletSettings, }) => {
+    var _a;
+    const isMultiWalletEnabled = (_a = (multiWalletSettings || isBridgeFlow)) !== null && _a !== void 0 ? _a : false;
     const [multiWallet, setMultiWallet] = useLocalStorage.useLocalStorage(localStorage.IS_MULTI_WALLET_ENABLED, isMultiWalletEnabled);
     React.useEffect(() => {
         // don't overwrite toolkit stored value after the refresh

package/src/lib/utils/hooks/multiWallet/useMultiWallet/useMultiWallet.d.ts

@@ -1,4 +1,9 @@
-export declare const useMultiWallet: (toolkitEnabled: boolean, multiWalletSettings?: boolean) => {
+export type UseMultiWalletProps = {
+    toolkitEnabled: boolean;
+    isBridgeFlow?: boolean;
+    multiWalletSettings?: boolean;
+};
+export declare const useMultiWallet: ({ toolkitEnabled, isBridgeFlow, multiWalletSettings, }: UseMultiWalletProps) => {
     multiWallet: boolean;
     setMultiWallet: (value: boolean | ((val: boolean) => boolean)) => void;
 };

package/src/lib/utils/hooks/multiWallet/useMultiWallet/useMultiWallet.js

@@ -14,8 +14,9 @@ import { useLocalStorage } from '../../../../shared/utils/hooks/useLocalStorage/
 import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 
-const useMultiWallet = (toolkitEnabled, multiWalletSettings) => {
-    const isMultiWalletEnabled = multiWalletSettings !== null && multiWalletSettings !== void 0 ? multiWalletSettings : false;
+const useMultiWallet = ({ toolkitEnabled, isBridgeFlow, multiWalletSettings, }) => {
+    var _a;
+    const isMultiWalletEnabled = (_a = (multiWalletSettings || isBridgeFlow)) !== null && _a !== void 0 ? _a : false;
     const [multiWallet, setMultiWallet] = useLocalStorage(IS_MULTI_WALLET_ENABLED, isMultiWalletEnabled);
     useEffect(() => {
         // don't overwrite toolkit stored value after the refresh

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

@@ -48,7 +48,9 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'social-redirect-view' &&
         view !== 'update-email' &&
         view !== 'collect-user-data-login-with-email' &&
-        view !== 'passkey-recovery-start';
+        view !== 'passkey-recovery-start' &&
+        view !== 'embedded-reveal-view' &&
+        view !== 'embedded-reveal-account-view';
     const showConnectedWalletProgress = isBridgeFlow &&
         (view === 'wallet-list' ||
             view === 'qr-code' ||
@@ -94,12 +96,14 @@ const useAuthLayoutChecks = (walletConnector) => {
         view === 'passkey-intro' ||
         (view === 'merge-user-accounts' && !user);
     const showQrCodePreHeader = view === 'qr-code' && showQrCodeMessage && !showQrCodeImage;
+    const showDefaultFooter = !showDynamicFooter && !showToSFooter;
     return {
         displayBorderBelowHeader,
         isWalletListTypeView,
         showBackButton,
         showCloseButton,
         showConnectedWalletProgress,
+        showDefaultFooter,
         showDynamicFooter,
         showHeader,
         showHelpContent,

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

@@ -5,6 +5,7 @@ export declare const useAuthLayoutChecks: (walletConnector?: WalletConnector | n
     showBackButton: boolean;
     showCloseButton: boolean;
     showConnectedWalletProgress: boolean;
+    showDefaultFooter: boolean;
     showDynamicFooter: boolean;
     showHeader: boolean;
     showHelpContent: boolean;

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

@@ -44,7 +44,9 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'social-redirect-view' &&
         view !== 'update-email' &&
         view !== 'collect-user-data-login-with-email' &&
-        view !== 'passkey-recovery-start';
+        view !== 'passkey-recovery-start' &&
+        view !== 'embedded-reveal-view' &&
+        view !== 'embedded-reveal-account-view';
     const showConnectedWalletProgress = isBridgeFlow &&
         (view === 'wallet-list' ||
             view === 'qr-code' ||
@@ -90,12 +92,14 @@ const useAuthLayoutChecks = (walletConnector) => {
         view === 'passkey-intro' ||
         (view === 'merge-user-accounts' && !user);
     const showQrCodePreHeader = view === 'qr-code' && showQrCodeMessage && !showQrCodeImage;
+    const showDefaultFooter = !showDynamicFooter && !showToSFooter;
     return {
         displayBorderBelowHeader,
         isWalletListTypeView,
         showBackButton,
         showCloseButton,
         showConnectedWalletProgress,
+        showDefaultFooter,
         showDynamicFooter,
         showHeader,
         showHelpContent,

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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');
@@ -22,10 +22,10 @@ const useClearWalletConnectSessions = ({ connectors }) => {
             return;
         if (connectors.length === 0)
             return;
-        const names = new Set(connectors.map((connector) => walletConnectorCore.normalizeWalletName(connector.name)));
+        const keys = new Set(connectors.map((connector) => connector.key));
         for (const key of localStorage$1.LocalStorage.getKeys()) {
             if (key.startsWith('walletconnect') &&
-                !names.has(key.replace('walletconnect-', ''))) {
+                !keys.has(key.replace('walletconnect-', ''))) {
                 localStorage.removeItem(key);
             }
         }