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

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js

@@ -21,6 +21,8 @@ import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/sdk-api';
+import { isTurnkeyEnabled } from '../../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
+import { storeAuthToken } from '../../../functions/storeAuthToken/index.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useEmailVerificationRequest } from '../../authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js';
@@ -50,13 +52,14 @@ const userFieldsSchema = object().shape({
     username: string(),
 });
 const useUpdateUser = (validationSchemaStripUnknown) => {
-    const { authToken, onboardingOnlyJwt, environmentId } = useInternalDynamicContext();
+    const { authToken, onboardingOnlyJwt, environmentId, projectSettings, primaryWallet, } = useInternalDynamicContext();
+    const isTurnkeyProviderEnabled = isTurnkeyEnabled(projectSettings);
     const jwtToken = onboardingOnlyJwt || authToken;
     const { setVerificationUUID, setEmail } = useEmailVerificationContext();
     const { verifyEmail } = useEmailVerificationRequest();
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
     return useCallback((userFields, userEnvironmentId) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         // `stripUnknown: true` will automatically strip out any values in the metadata object
         // so we need to pull out the metadata object here and then re-add it after stripping unknown fields
         const { metadata } = userFields;
@@ -68,6 +71,25 @@ const useUpdateUser = (validationSchemaStripUnknown) => {
         const decodedJwt = decodeJwt(updateUserProfileResponse.jwt);
         const missingFields = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _a !== void 0 ? _a : [];
         const _isEmailVerificationRequired = isEmailVerificationRequired(updateUserProfileResponse);
+        // This is to handle properly the embedded wallet creation.
+        // In that case we shouldn't create a user. Only store the JWT in the localstorage
+        // The user will be created after generating the wallet.
+        // This should be called only when:
+        // Turnkey is enabled
+        // automaticEmbeddedWalletCreation is set to true
+        // there is no emailVerificationRequired -> it's already verified
+        // there is no primaryWallet -> it means that the user is already logged in
+        if (isTurnkeyProviderEnabled &&
+            ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) &&
+            !_isEmailVerificationRequired &&
+            !primaryWallet) {
+            storeAuthToken(updateUserProfileResponse.jwt);
+            return {
+                isEmailVerificationRequired: false,
+                missingFields,
+                updateUserProfileResponse,
+            };
+        }
         if (!_isEmailVerificationRequired) {
             // If email verification is not needed then we can update the user profile immediately.
             yield updateUserProfileByJWT(updateUserProfileResponse.jwt);
@@ -78,8 +100,8 @@ const useUpdateUser = (validationSchemaStripUnknown) => {
             };
         }
         // We update EmailContext to use this information in the Email Verification view
-        setEmail((_b = updateUserProfileResponse.emailVerification) === null || _b === void 0 ? void 0 : _b.email);
-        setVerificationUUID((_c = updateUserProfileResponse.emailVerification) === null || _c === void 0 ? void 0 : _c.verificationUUID);
+        setEmail((_c = updateUserProfileResponse.emailVerification) === null || _c === void 0 ? void 0 : _c.email);
+        setVerificationUUID((_d = updateUserProfileResponse.emailVerification) === null || _d === void 0 ? void 0 : _d.verificationUUID);
         // DYN-2046 - Customers have the opportunity to programmatically use our email verification and profile editing.
         // VerifyEmailFN was scoped to bypass the problem with memoization of the state at the beginning of Promise.
         // setEmail and setVerificationUUID in the above lines will are not visible in this promise.

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.cjs

@@ -8,20 +8,24 @@ var utils = require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var UserFieldEditorContext = require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
+var dynamicEvents = require('../../../../events/dynamicEvents.cjs');
 var validateUpdateRequest = require('./validateUpdateRequest/validateUpdateRequest.cjs');
 
 /** Saves the values updated by the user */
-const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerificationRequired }, }, internalEvents, internalSetShowAuthFlow, setView, resolve, reject) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerificationRequired }, }, setShowAuthFlow, setView, resolve, reject) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     // If no verification is needed, we are done
     if (!isEmailVerificationRequired) {
         resolve(newValues);
         return;
     }
     // Show email verification view
-    internalSetShowAuthFlow(true);
+    setShowAuthFlow(true, {
+        ignoreIfIsEmbeddedWidget: false,
+        performMultiWalletChecks: false,
+    });
     setView('verify-email');
     // Subscribe to email verification result
-    internalEvents.current.once('emailVerificationResult', (wasSuccessful, newEmail) => {
+    dynamicEvents.dynamicEvents.once('emailVerificationResult', (wasSuccessful, newEmail) => {
         // Make sure we're using the correct, updated email. User might have changed it mid-OTP
         newValues.email = newEmail;
         wasSuccessful
@@ -34,7 +38,7 @@ const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerifica
  * The fields must have been previously enabled in the dashboard
  */
 const useUpdateUserWithModal = (updateUser) => {
-    const { user, projectSettings, internalSetShowAuthFlow, internalEvents } = useInternalDynamicContext.useInternalDynamicContext();
+    const { user, projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const editorContext = React.useContext(UserFieldEditorContext.UserFieldEditorContext);
     if (!editorContext)
@@ -54,7 +58,7 @@ const useUpdateUserWithModal = (updateUser) => {
             subtitle: options === null || options === void 0 ? void 0 : options.subtitle,
             title: options === null || options === void 0 ? void 0 : options.title,
         }, updateUser)
-            .then((updateValues) => saveUserValues(updateValues, internalEvents, internalSetShowAuthFlow, setView, resolve, reject))
+            .then((updateValues) => saveUserValues(updateValues, setShowAuthFlow, setView, resolve, reject))
             .catch((error) => {
             if (/email already exists/gi.test(error))
                 throw error;
@@ -65,9 +69,8 @@ const useUpdateUserWithModal = (updateUser) => {
         projectSettings,
         promptUserForValues,
         updateUser,
-        internalSetShowAuthFlow,
+        setShowAuthFlow,
         setView,
-        internalEvents,
     ]);
     return updateUserWithModal;
 };

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.js

@@ -4,20 +4,24 @@ import { DynamicError } from '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import { UserFieldEditorContext } from '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
+import { dynamicEvents } from '../../../../events/dynamicEvents.js';
 import { validateUpdateRequest } from './validateUpdateRequest/validateUpdateRequest.js';
 
 /** Saves the values updated by the user */
-const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerificationRequired }, }, internalEvents, internalSetShowAuthFlow, setView, resolve, reject) => __awaiter(void 0, void 0, void 0, function* () {
+const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerificationRequired }, }, setShowAuthFlow, setView, resolve, reject) => __awaiter(void 0, void 0, void 0, function* () {
     // If no verification is needed, we are done
     if (!isEmailVerificationRequired) {
         resolve(newValues);
         return;
     }
     // Show email verification view
-    internalSetShowAuthFlow(true);
+    setShowAuthFlow(true, {
+        ignoreIfIsEmbeddedWidget: false,
+        performMultiWalletChecks: false,
+    });
     setView('verify-email');
     // Subscribe to email verification result
-    internalEvents.current.once('emailVerificationResult', (wasSuccessful, newEmail) => {
+    dynamicEvents.once('emailVerificationResult', (wasSuccessful, newEmail) => {
         // Make sure we're using the correct, updated email. User might have changed it mid-OTP
         newValues.email = newEmail;
         wasSuccessful
@@ -30,7 +34,7 @@ const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerifica
  * The fields must have been previously enabled in the dashboard
  */
 const useUpdateUserWithModal = (updateUser) => {
-    const { user, projectSettings, internalSetShowAuthFlow, internalEvents } = useInternalDynamicContext();
+    const { user, projectSettings, setShowAuthFlow } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const editorContext = useContext(UserFieldEditorContext);
     if (!editorContext)
@@ -50,7 +54,7 @@ const useUpdateUserWithModal = (updateUser) => {
             subtitle: options === null || options === void 0 ? void 0 : options.subtitle,
             title: options === null || options === void 0 ? void 0 : options.title,
         }, updateUser)
-            .then((updateValues) => saveUserValues(updateValues, internalEvents, internalSetShowAuthFlow, setView, resolve, reject))
+            .then((updateValues) => saveUserValues(updateValues, setShowAuthFlow, setView, resolve, reject))
             .catch((error) => {
             if (/email already exists/gi.test(error))
                 throw error;
@@ -61,9 +65,8 @@ const useUpdateUserWithModal = (updateUser) => {
         projectSettings,
         promptUserForValues,
         updateUser,
-        internalSetShowAuthFlow,
+        setShowAuthFlow,
         setView,
-        internalEvents,
     ]);
     return updateUserWithModal;
 };

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

@@ -38,7 +38,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     const { setView, goToInitialView } = ViewContext.useViewContext();
     const { setErrorMessage, setError } = ErrorContext.useErrorContext();
-    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallets, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, setIsVerificationInProgress, eventsCallbacks, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallets, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, setIsVerificationInProgress, eventsCallbacks, primaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
     // If the user is not already logged it means that we only need to verify
     // We need this boolean for the part of the logic where we already persisted a new authToken,
     // and need to distinguish between logic for verify or linking.
@@ -80,7 +80,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
         if (newSelectedCredentialWallet) {
             const currentPrimaryWallet = user.verifiedCredentials.find((a) => a.id === primaryWalletId);
             if (verifyOnly ||
-                primaryWalletId === undefined ||
+                !primaryWallet ||
                 (multiWalletWidgetState === 'awaiting_signature' &&
                     newSelectedCredentialWallet.walletName ===
                         (currentPrimaryWallet === null || currentPrimaryWallet === void 0 ? void 0 : currentPrimaryWallet.walletName)) ||

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

@@ -34,7 +34,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
     const { setExistentAccountData } = useAccountExistsContext();
     const { setView, goToInitialView } = useViewContext();
     const { setErrorMessage, setError } = useErrorContext();
-    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallets, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, setIsVerificationInProgress, eventsCallbacks, } = useInternalDynamicContext();
+    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallets, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, setIsVerificationInProgress, eventsCallbacks, primaryWallet, } = useInternalDynamicContext();
     // If the user is not already logged it means that we only need to verify
     // We need this boolean for the part of the logic where we already persisted a new authToken,
     // and need to distinguish between logic for verify or linking.
@@ -76,7 +76,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
         if (newSelectedCredentialWallet) {
             const currentPrimaryWallet = user.verifiedCredentials.find((a) => a.id === primaryWalletId);
             if (verifyOnly ||
-                primaryWalletId === undefined ||
+                !primaryWallet ||
                 (multiWalletWidgetState === 'awaiting_signature' &&
                     newSelectedCredentialWallet.walletName ===
                         (currentPrimaryWallet === null || currentPrimaryWallet === void 0 ? void 0 : currentPrimaryWallet.walletName)) ||

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

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

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

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var usePromise = require('../usePromise/usePromise.cjs');
+require('../../../events/dynamicEvents.cjs');
+var useWalletConnectorEvent = require('../events/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
+
+/**
+ * Sync wallet connector network.
+ *
+ * @param walletConnector - The WalletConnector instance to be used.
+ *
+ * @returns {{ network: string | number | undefined }} An object containing the current network state.
+ *
+ * @example
+ * // Example of using the useWalletConnectorNetwork hook
+ * const { network } = useWalletConnectorNetwork(walletConnector);
+ *
+ * // You can then use the 'network' state in your component
+ * return <div>Current Network: {network}</div>;
+ */
+const useWalletConnectorNetwork = (walletConnector) => {
+    const [network, setNetwork] = React.useState();
+    usePromise.usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork(), {
+        onResolve: (network) => setNetwork(network),
+    });
+    useWalletConnectorEvent.useWalletConnectorEvent(walletConnector || undefined, 'chainChange', ({ chain }) => setNetwork(chain));
+    /**
+     * Listen to disconnect event and update the network because ArgentX
+     * emits a disconnect event when the user switches network.
+     */
+    useWalletConnectorEvent.useWalletConnectorEvent(walletConnector || undefined, 'disconnect', () => {
+        if ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'argentx') {
+            walletConnector.getNetwork().then(setNetwork);
+        }
+    });
+    return { network };
+};
+
+exports.useWalletConnectorNetwork = useWalletConnectorNetwork;

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

@@ -0,0 +1,18 @@
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+/**
+ * Sync wallet connector network.
+ *
+ * @param walletConnector - The WalletConnector instance to be used.
+ *
+ * @returns {{ network: string | number | undefined }} An object containing the current network state.
+ *
+ * @example
+ * // Example of using the useWalletConnectorNetwork hook
+ * const { network } = useWalletConnectorNetwork(walletConnector);
+ *
+ * // You can then use the 'network' state in your component
+ * return <div>Current Network: {network}</div>;
+ */
+export declare const useWalletConnectorNetwork: (walletConnector: WalletConnector | null | undefined) => {
+    network: string | number | undefined;
+};

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

@@ -0,0 +1,38 @@
+import { useState } from 'react';
+import { usePromise } from '../usePromise/usePromise.js';
+import '../../../events/dynamicEvents.js';
+import { useWalletConnectorEvent } from '../events/useWalletConnectorEvent/useWalletConnectorEvent.js';
+
+/**
+ * Sync wallet connector network.
+ *
+ * @param walletConnector - The WalletConnector instance to be used.
+ *
+ * @returns {{ network: string | number | undefined }} An object containing the current network state.
+ *
+ * @example
+ * // Example of using the useWalletConnectorNetwork hook
+ * const { network } = useWalletConnectorNetwork(walletConnector);
+ *
+ * // You can then use the 'network' state in your component
+ * return <div>Current Network: {network}</div>;
+ */
+const useWalletConnectorNetwork = (walletConnector) => {
+    const [network, setNetwork] = useState();
+    usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork(), {
+        onResolve: (network) => setNetwork(network),
+    });
+    useWalletConnectorEvent(walletConnector || undefined, 'chainChange', ({ chain }) => setNetwork(chain));
+    /**
+     * Listen to disconnect event and update the network because ArgentX
+     * emits a disconnect event when the user switches network.
+     */
+    useWalletConnectorEvent(walletConnector || undefined, 'disconnect', () => {
+        if ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'argentx') {
+            walletConnector.getNetwork().then(setNetwork);
+        }
+    });
+    return { network };
+};
+
+export { useWalletConnectorNetwork };

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

@@ -17,7 +17,6 @@ require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../shared/consts/index.cjs');
-var isSameWalletName = require('../../functions/isSameWalletName/isSameWalletName.cjs');
 var useWalletsConnectionState = require('../useWalletsConnectionState/useWalletsConnectionState.cjs');
 var reconnectSocialWallet = require('./reconnectSocialWallet.cjs');
 var createLinkedWalletsFromWalletOptions = require('./utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs');
@@ -96,7 +95,8 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConn
         const accountIsNotConnectedInSecondaryWallet = connectedAccounts &&
             !connectedAccounts.find((connectedAccount) => connectedAccount.toLowerCase() ===
                 newPrimaryWallet.address.toLowerCase());
-        return (isSameWalletName.isSameWalletName(newPrimaryWallet.connector.name, primaryWallet.connector.name) || accountIsNotConnectedInSecondaryWallet);
+        return (newPrimaryWallet.connector.key === primaryWallet.connector.key ||
+            accountIsNotConnectedInSecondaryWallet);
     }, [multiWalletWidgetState]);
     const checkIfShowQrCodeModal = React.useCallback((wallet) => !wallet.connector.isInstalledOnBrowser() &&
         !wallet.connector.canConnectViaCustodialService, []);

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

@@ -13,7 +13,6 @@ import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../shared/consts/index.js';
-import { isSameWalletName } from '../../functions/isSameWalletName/isSameWalletName.js';
 import { useWalletsConnectionState } from '../useWalletsConnectionState/useWalletsConnectionState.js';
 import { reconnectSocialWallet } from './reconnectSocialWallet.js';
 import { createLinkedWalletsFromWalletOptions } from './utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js';
@@ -92,7 +91,8 @@ const useWalletConnectors = ({ authMode, authToken, connectedWallets, walletConn
         const accountIsNotConnectedInSecondaryWallet = connectedAccounts &&
             !connectedAccounts.find((connectedAccount) => connectedAccount.toLowerCase() ===
                 newPrimaryWallet.address.toLowerCase());
-        return (isSameWalletName(newPrimaryWallet.connector.name, primaryWallet.connector.name) || accountIsNotConnectedInSecondaryWallet);
+        return (newPrimaryWallet.connector.key === primaryWallet.connector.key ||
+            accountIsNotConnectedInSecondaryWallet);
     }, [multiWalletWidgetState]);
     const checkIfShowQrCodeModal = useCallback((wallet) => !wallet.connector.isInstalledOnBrowser() &&
         !wallet.connector.canConnectViaCustodialService, []);

package/src/lib/utils/hooks/useWalletConnectors/utils/findWallet/findWallet.cjs

@@ -2,8 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var isSameWalletName = require('../../../../functions/isSameWalletName/isSameWalletName.cjs');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 
-const findWallet = (account, walletOptions) => walletOptions.find((wallet) => account.walletName && isSameWalletName.isSameWalletName(wallet.name, account.walletName));
+// 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 findWallet = (account, walletOptions) => walletOptions.find((wallet) => account.walletName &&
+    walletConnectorCore.normalizeWalletName(account.walletName) === wallet.key);
 
 exports.findWallet = findWallet;

package/src/lib/utils/hooks/useWalletConnectors/utils/findWallet/findWallet.js

@@ -1,5 +1,8 @@
-import { isSameWalletName } from '../../../../functions/isSameWalletName/isSameWalletName.js';
+import { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
 
-const findWallet = (account, walletOptions) => walletOptions.find((wallet) => account.walletName && isSameWalletName(wallet.name, account.walletName));
+// 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 findWallet = (account, walletOptions) => walletOptions.find((wallet) => account.walletName &&
+    normalizeWalletName(account.walletName) === wallet.key);
 
 export { findWallet };

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

@@ -16,7 +16,8 @@ require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
-var useWalletConnectorEvent = require('../useWalletConnectorEvent/useWalletConnectorEvent.cjs');
+require('../../../events/dynamicEvents.cjs');
+var useWalletConnectorEvent = require('../events/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
 
 const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
     const [loadingNetwork, setLoadingNetwork] = React.useState(true);

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { IDynamicContext } from '../../../context/DynamicContext/types';
 import { AuthModeType, MultiWalletWidgetState, UserProfile, Wallet, WalletWithAction } from '../../../shared';
 import { MultiWalletWidgetStateSetter } from '../multiWallet';
-import { IDynamicContext } from '../../../context/DynamicContext/types';
 export type UseWalletEventListenersArgs = {
     handleLogOut(): Promise<void>;
     multiWallet: boolean;

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

@@ -12,7 +12,8 @@ import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
-import { useWalletConnectorEvent } from '../useWalletConnectorEvent/useWalletConnectorEvent.js';
+import '../../../events/dynamicEvents.js';
+import { useWalletConnectorEvent } from '../events/useWalletConnectorEvent/useWalletConnectorEvent.js';
 
 const useWalletEventListeners = ({ handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
     const [loadingNetwork, setLoadingNetwork] = useState(true);

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

@@ -6,6 +6,7 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
+require('../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -53,8 +54,8 @@ require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
@@ -88,7 +89,7 @@ const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
         if (!shouldConfirmAction()) {
             return handler(transaction);
         }
-        return openSendTransaction((resolve, reject) => (jsxRuntime.jsx(TransactionConfirmationModal.TransactionConfirmationModal, { walletConnector: connector, title: t('dyn_send_transaction.confirmation.title'), transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
+        return openSendTransaction((resolve, reject) => (jsxRuntime.jsx(TransactionConfirmationModal.TransactionConfirmationModal, { walletConnector: connector, copykey: 'dyn_send_transaction.confirmation.title', title: t('dyn_send_transaction.confirmation.title'), transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
     }), [openSendTransaction, shouldConfirmAction, t]);
     const disabledConfirmationOnce = React.useCallback(() => {
         confirmationStateRef.current = 'disabled';

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

@@ -2,6 +2,7 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
+import '../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -49,8 +50,8 @@ import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/QrCodeContext/QrCodeContext.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
@@ -84,7 +85,7 @@ const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
         if (!shouldConfirmAction()) {
             return handler(transaction);
         }
-        return openSendTransaction((resolve, reject) => (jsx(TransactionConfirmationModal, { walletConnector: connector, title: t('dyn_send_transaction.confirmation.title'), transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
+        return openSendTransaction((resolve, reject) => (jsx(TransactionConfirmationModal, { walletConnector: connector, copykey: 'dyn_send_transaction.confirmation.title', title: t('dyn_send_transaction.confirmation.title'), transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
     }), [openSendTransaction, shouldConfirmAction, t]);
     const disabledConfirmationOnce = useCallback(() => {
         confirmationStateRef.current = 'disabled';

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

@@ -16,10 +16,11 @@ require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
-var useWalletConnectorEvent = require('../useWalletConnectorEvent/useWalletConnectorEvent.cjs');
 require('@dynamic-labs/multi-wallet');
 var isWalletConnected = require('../../functions/isWalletConnected/isWalletConnected.cjs');
-var useEventListener = require('../useEventListener/useEventListener.cjs');
+require('../../../events/dynamicEvents.cjs');
+var useEventListener = require('../events/useEventListener/useEventListener.cjs');
+var useWalletConnectorEvent = require('../events/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
 
 const connectedWalletStateReducer = (state, connectedWalletsMap) => {
     const isConnectedWalletsMapEmpty = Object.values(connectedWalletsMap).length === 0;

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

@@ -12,10 +12,11 @@ import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
-import { useWalletConnectorEvent } from '../useWalletConnectorEvent/useWalletConnectorEvent.js';
 import '@dynamic-labs/multi-wallet';
 import { isWalletConnected } from '../../functions/isWalletConnected/isWalletConnected.js';
-import { useEventListener } from '../useEventListener/useEventListener.js';
+import '../../../events/dynamicEvents.js';
+import { useEventListener } from '../events/useEventListener/useEventListener.js';
+import { useWalletConnectorEvent } from '../events/useWalletConnectorEvent/useWalletConnectorEvent.js';
 
 const connectedWalletStateReducer = (state, connectedWalletsMap) => {
     const isConnectedWalletsMapEmpty = Object.values(connectedWalletsMap).length === 0;

package/src/lib/views/AccountExistsView/AccountExistsView.cjs

@@ -7,6 +7,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 var iconic = require('@dynamic-labs/iconic');
 require('react');
+require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -27,9 +28,9 @@ var AccountExistsContext = require('../../context/AccountExistsContext/AccountEx
 require('../../config/ApiEndpoint.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
-var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
 var useFindSocialIcon = require('../../utils/hooks/useFindSocialIcon/useFindSocialIcon.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
+var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
@@ -47,9 +48,10 @@ require('../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
-require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -63,7 +65,6 @@ require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 var capitalize = require('../../shared/utils/functions/capitalize/capitalize.cjs');
 var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 var LoginEmailForm = require('../LoginView/sections/EmailSignInSection/LoginEmailForm.cjs');
@@ -88,7 +89,7 @@ const AccountExistsView = () => {
             : t('dyn_account_exists.trail_message_email');
         return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [t('dyn_account_exists.description'), " ", jsxRuntime.jsx("strong", { children: email }), ' ', messageTrail] }));
     };
-    return (jsxRuntime.jsxs("div", { className: 'account-exists__container', children: [jsxRuntime.jsx(iconic.UserProfileIcon, { className: 'account-exists__image' }), jsxRuntime.jsxs("div", { className: 'account-exists__main', children: [jsxRuntime.jsx("div", { className: 'account-exists__content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'account-exists__content--secondary', children: renderFullMessage() }) }), embeddedSocialSigninProvider ? (jsxRuntime.jsxs(IconListTile.IconListTile, { dataTestId: `inline-${embeddedSocialSigninProvider}`, onClick: () => handleNewLoging(), className: 'social-sign-in--tile', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: findSocialIcon(embeddedSocialSigninProvider), isSpinning: socialProvider === existingSocialSignInProvider, iconSize: 32 }), jsxRuntime.jsx(Typography.Typography, { variant: 'button_primary', children: t('dyn_account_exists.connect', {
+    return (jsxRuntime.jsxs("div", { className: 'account-exists__container', children: [jsxRuntime.jsx(iconic.UserProfileIcon, { className: 'account-exists__image' }), jsxRuntime.jsxs("div", { className: 'account-exists__main', children: [jsxRuntime.jsx("div", { className: 'account-exists__content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'account-exists__content--secondary', copykey: 'dyn_account_exists', children: renderFullMessage() }) }), embeddedSocialSigninProvider ? (jsxRuntime.jsxs(IconListTile.IconListTile, { dataTestId: `inline-${embeddedSocialSigninProvider}`, onClick: () => handleNewLoging(), className: 'social-sign-in--tile', children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: findSocialIcon(embeddedSocialSigninProvider), isSpinning: socialProvider === existingSocialSignInProvider, iconSize: 32 }), jsxRuntime.jsx(Typography.Typography, { variant: 'button_primary', copykey: 'dyn_account_exists.connect', children: t('dyn_account_exists.connect', {
                                     socialOauth: capitalize.capitalize(embeddedSocialSigninProvider === null || embeddedSocialSigninProvider === void 0 ? void 0 : embeddedSocialSigninProvider.toString()),
                                 }) })] }, embeddedSocialSigninProvider)) : (jsxRuntime.jsx(LoginEmailForm.LoginEmailForm, { isLoading: false, currentEmail: email }))] })] }));
 };

package/src/lib/views/AccountExistsView/AccountExistsView.js

@@ -3,6 +3,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { UserProfileIcon } from '@dynamic-labs/iconic';
 import 'react';
+import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -23,9 +24,9 @@ import { useAccountExistsContext } from '../../context/AccountExistsContext/Acco
 import '../../config/ApiEndpoint.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
-import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
 import { useFindSocialIcon } from '../../utils/hooks/useFindSocialIcon/useFindSocialIcon.js';
 import '../../context/ThemeContext/ThemeContext.js';
+import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
 import '@dynamic-labs/types';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
@@ -43,9 +44,10 @@ import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
-import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -59,7 +61,6 @@ import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 import { capitalize } from '../../shared/utils/functions/capitalize/capitalize.js';
 import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import { LoginEmailForm } from '../LoginView/sections/EmailSignInSection/LoginEmailForm.js';
@@ -84,7 +85,7 @@ const AccountExistsView = () => {
             : t('dyn_account_exists.trail_message_email');
         return (jsxs(Fragment, { children: [t('dyn_account_exists.description'), " ", jsx("strong", { children: email }), ' ', messageTrail] }));
     };
-    return (jsxs("div", { className: 'account-exists__container', children: [jsx(UserProfileIcon, { className: 'account-exists__image' }), jsxs("div", { className: 'account-exists__main', children: [jsx("div", { className: 'account-exists__content', children: jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'account-exists__content--secondary', children: renderFullMessage() }) }), embeddedSocialSigninProvider ? (jsxs(IconListTile, { dataTestId: `inline-${embeddedSocialSigninProvider}`, onClick: () => handleNewLoging(), className: 'social-sign-in--tile', children: [jsx(IconWithSpinner, { Icon: findSocialIcon(embeddedSocialSigninProvider), isSpinning: socialProvider === existingSocialSignInProvider, iconSize: 32 }), jsx(Typography, { variant: 'button_primary', children: t('dyn_account_exists.connect', {
+    return (jsxs("div", { className: 'account-exists__container', children: [jsx(UserProfileIcon, { className: 'account-exists__image' }), jsxs("div", { className: 'account-exists__main', children: [jsx("div", { className: 'account-exists__content', children: jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'account-exists__content--secondary', copykey: 'dyn_account_exists', children: renderFullMessage() }) }), embeddedSocialSigninProvider ? (jsxs(IconListTile, { dataTestId: `inline-${embeddedSocialSigninProvider}`, onClick: () => handleNewLoging(), className: 'social-sign-in--tile', children: [jsx(IconWithSpinner, { Icon: findSocialIcon(embeddedSocialSigninProvider), isSpinning: socialProvider === existingSocialSignInProvider, iconSize: 32 }), jsx(Typography, { variant: 'button_primary', copykey: 'dyn_account_exists.connect', children: t('dyn_account_exists.connect', {
                                     socialOauth: capitalize(embeddedSocialSigninProvider === null || embeddedSocialSigninProvider === void 0 ? void 0 : embeddedSocialSigninProvider.toString()),
                                 }) })] }, embeddedSocialSigninProvider)) : (jsx(LoginEmailForm, { isLoading: false, currentEmail: email }))] })] }));
 };