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

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

@@ -8,101 +8,145 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
     const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();
     if (view === 'no-access') {
         const headerData = {
+            copykey: 'dyn_no_access.title',
             heading: t('dyn_no_access.title'),
         };
         return { headerData };
     }
     const helpHeaderMap = {
         'login-with-email-or-wallet-full-wallet-list': {
+            copykey: 'dyn_login.helper.all_wallet_list',
             heading: t('dyn_login.helper.all_wallet_list'),
         },
         'login-with-wallet-only': {
+            copykey: 'dyn_login.helper.wallet_only',
             heading: t('dyn_login.helper.wallet_only'),
         },
         'passkey-intro': {
+            copykey: 'dyn_passkey_intro.helper.title',
             heading: t('dyn_passkey_intro.helper.title'),
         },
         'pending-connect': {
+            copykey: 'dyn_login.helper.pending_connect.title',
             heading: t('dyn_login.helper.pending_connect.title'),
         },
         'pending-signature': {
+            copykey: 'dyn_login.helper.pending_signature.title',
             heading: t('dyn_login.helper.pending_signature.title'),
         },
         'pending-signature-without-back-button': {
+            copykey: 'dyn_login.helper.pending_signature_without_back_button.title',
             heading: t('dyn_login.helper.pending_signature_without_back_button.title'),
         },
         'qr-code': {
+            copykey: 'dyn_login.helper.qr_code.title',
             heading: t('dyn_login.helper.qr_code.title'),
         },
         'wallet-connect-mobile-wallets-list': {
+            copykey: 'dyn_wallet_conect.mobile.wallet_list.helper',
             heading: t('dyn_wallet_conect.mobile.wallet_list.helper'),
         },
         'wallet-list': {
+            copykey: 'dyn_wallet_list.helper',
             heading: t('dyn_wallet_list.helper'),
         },
     };
     const headerMap = {
-        'account-exists': { heading: t('dyn_account_exists.title') },
+        'account-exists': {
+            copykey: 'dyn_account_exists.title',
+            heading: t('dyn_account_exists.title'),
+        },
         'chainalysis-blocked-wallet': {
+            copykey: 'dyn_chainalysis_blocked_wallet.title',
             heading: t('dyn_chainalysis_blocked_wallet.title'),
         },
-        'login-with-email-or-wallet': { heading: t('dyn_login.title.all') },
+        'login-with-email-or-wallet': {
+            copykey: 'dyn_login.title.all',
+            heading: t('dyn_login.title.all'),
+        },
         'login-with-email-or-wallet-full-wallet-list': {
+            copykey: 'dyn_login.title.all_wallet_list',
             heading: t('dyn_login.title.all_wallet_list'),
         },
         'login-with-email-verification': {
-            heading: 'Confirm verification code',
+            copykey: 'dyn_otp_verification.title',
+            heading: t('dyn_otp_verification.title'),
         },
         'login-with-wallet-only': {
+            copykey: 'dyn_login.title.wallet_only',
             heading: t('dyn_login.title.wallet_only'),
         },
         'multi-wallet-wallet-list': {
+            copykey: authMode === 'connect-only'
+                ? 'dyn_wallet_list.title.connect'
+                : 'dyn_wallet_list.title.link',
             heading: authMode === 'connect-only'
                 ? t('dyn_wallet_list.title.connect')
                 : t('dyn_wallet_list.title.link'),
         },
         'network-not-supported': {
-            heading: 'Update Network',
+            copykey: 'dyn_network_not_supported.title',
+            heading: t('dyn_network_not_supported.title'),
         },
         'passkey-recovery-bundle': {
+            copykey: isTurnkeyWalletWithoutAuthenticator
+                ? 'dyn_passkey_secure_modal.code.title'
+                : 'dyn_passkey_recovery.code.title',
             heading: isTurnkeyWalletWithoutAuthenticator
                 ? t('dyn_passkey_secure_modal.code.title')
                 : t('dyn_passkey_recovery.code.title'),
         },
         'passkey-recovery-complete': {
+            copykey: isTurnkeyWalletWithoutAuthenticator
+                ? 'dyn_passkey_secure_modal.complete.title'
+                : 'dyn_passkey_recovery.complete.title',
             heading: isTurnkeyWalletWithoutAuthenticator
                 ? t('dyn_passkey_secure_modal.complete.title')
                 : t('dyn_passkey_recovery.complete.title'),
         },
         'passkey-recovery-start': {
+            copykey: isTurnkeyWalletWithoutAuthenticator
+                ? 'dyn_passkey_secure_modal.start.title'
+                : 'dyn_passkey_recovery.start.title',
             heading: isTurnkeyWalletWithoutAuthenticator
                 ? t('dyn_passkey_secure_modal.start.title')
                 : t('dyn_passkey_recovery.start.title'),
         },
         'pending-connect': {
+            copykey: 'dyn_login.connect_wallet.title',
             heading: t('dyn_login.connect_wallet.title'),
         },
         'pending-signature': {
+            copykey: 'dyn_login.sign_wallet.title',
             heading: t('dyn_login.sign_wallet.title'),
         },
         'qr-code': {
+            copykey: 'dyn_login.qr_code.title',
             heading: t('dyn_login.qr_code.title'),
         },
         'verify-email': {
-            heading: 'Confirm verification code',
+            copykey: 'dyn_otp_verification.title',
+            heading: t('dyn_otp_verification.title'),
         },
         'wallet-connect-mobile-wallets-list': {
+            copykey: 'dyn_wallet_conect.mobile.wallet_list.title',
             heading: (jsxs(Fragment, { children: [jsx(WalletConnectIcon, { style: { height: '1.5rem', width: '1.5rem' } }), ' ', t('dyn_wallet_conect.mobile.wallet_list.title')] })),
         },
         'wallet-group': {
+            copykey: 'dyn_login.wallet_group.title',
             heading: t('dyn_login.wallet_group.title'),
         },
         'wallet-list': {
+            copykey: 'dyn_wallet_list.title.select',
             heading: t('dyn_wallet_list.title.select'),
         },
-        'wallet-sign': { heading: t('dyn_wallet_transfer.sign.title') },
+        'wallet-sign': {
+            copykey: 'dyn_wallet_transfer.sign.title',
+            heading: t('dyn_wallet_transfer.sign.title'),
+        },
         'wallet-used': {
-            heading: 'Transfer this wallet?',
+            copykey: 'dyn_wallet_link.title',
+            heading: t('dyn_wallet_link.title'),
         },
     };
     const helpHeaderData = helpHeaderMap[view];

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

@@ -27,10 +27,11 @@ var isEmbeddedWalletPresent = require('../../functions/isEmbeddedWalletPresent/i
 var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 var smartWallet = require('../useWalletConnectors/utils/smartWallet/smartWallet.cjs');
 var useCreateDynamicEmbeddedWalletMutation = require('../useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
-    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, internalEvents, primaryWallet, environmentId, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, primaryWallet, environmentId, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation.useCreateDynamicEmbeddedWalletMutation();
     const userHasEmbeddedWallet = () => {
@@ -42,7 +43,7 @@ const useEmbeddedWallet = () => {
         return isEmbeddedWalletPresent.isEmbeddedWalletPresent(jwt);
     };
     const startPregeneratedWalletCreationFlow = React.useCallback((jwt, decodedJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        createDynamicEmbeddedWalletMutation({
+        yield createDynamicEmbeddedWalletMutation({
             authToken: jwt,
             decodedJwt,
             environmentId,
@@ -51,22 +52,21 @@ const useEmbeddedWallet = () => {
         });
         internalSetShowAuthFlow(false); // close email otp pin modal
         return new Promise((resolve, reject) => {
-            internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
-            internalEvents.current.once('embeddedWalletFailed', (error) => reject(error));
+            dynamicEvents.dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
+            dynamicEvents.dynamicEvents.once('embeddedWalletFailed', (error) => reject(error));
         });
     }), [
         createDynamicEmbeddedWalletMutation,
         environmentId,
         walletConnectorOptions,
         internalSetShowAuthFlow,
-        internalEvents,
     ]);
     const startEmbeddedWalletCreationFlow = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         internalSetShowAuthFlow(true);
         setView('passkey-intro');
         return new Promise((resolve, reject) => {
-            internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
-            internalEvents.current.once('embeddedWalletFailed', (error) => {
+            dynamicEvents.dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
+            dynamicEvents.dynamicEvents.once('embeddedWalletFailed', (error) => {
                 // when creating a passkey, if user cancels the passkey modal more than once
                 // it will throw this DOMException, but we don't want to let user to have access
                 // to the app before they've a passkey correctly setup

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

@@ -23,10 +23,11 @@ import { isEmbeddedWalletPresent } from '../../functions/isEmbeddedWalletPresent
 import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 import { findSmartWallet, initializeSmartWallet } from '../useWalletConnectors/utils/smartWallet/smartWallet.js';
 import { useCreateDynamicEmbeddedWalletMutation } from '../useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
-    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, internalEvents, primaryWallet, environmentId, } = useInternalDynamicContext();
+    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, primaryWallet, environmentId, } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation();
     const userHasEmbeddedWallet = () => {
@@ -38,7 +39,7 @@ const useEmbeddedWallet = () => {
         return isEmbeddedWalletPresent(jwt);
     };
     const startPregeneratedWalletCreationFlow = useCallback((jwt, decodedJwt) => __awaiter(void 0, void 0, void 0, function* () {
-        createDynamicEmbeddedWalletMutation({
+        yield createDynamicEmbeddedWalletMutation({
             authToken: jwt,
             decodedJwt,
             environmentId,
@@ -47,22 +48,21 @@ const useEmbeddedWallet = () => {
         });
         internalSetShowAuthFlow(false); // close email otp pin modal
         return new Promise((resolve, reject) => {
-            internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
-            internalEvents.current.once('embeddedWalletFailed', (error) => reject(error));
+            dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
+            dynamicEvents.once('embeddedWalletFailed', (error) => reject(error));
         });
     }), [
         createDynamicEmbeddedWalletMutation,
         environmentId,
         walletConnectorOptions,
         internalSetShowAuthFlow,
-        internalEvents,
     ]);
     const startEmbeddedWalletCreationFlow = () => __awaiter(void 0, void 0, void 0, function* () {
         internalSetShowAuthFlow(true);
         setView('passkey-intro');
         return new Promise((resolve, reject) => {
-            internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
-            internalEvents.current.once('embeddedWalletFailed', (error) => {
+            dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
+            dynamicEvents.once('embeddedWalletFailed', (error) => {
                 // when creating a passkey, if user cancels the passkey modal more than once
                 // it will throw this DOMException, but we don't want to let user to have access
                 // to the app before they've a passkey correctly setup

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/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');
+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/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';
+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/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs

@@ -36,8 +36,8 @@ const useIsTurnkeyWallet = () => {
     };
     const turnkeyVerifiedCredential = getTurnkeyVerifiedCredential();
     const unclaimedTurnkeyTheSignerOfScw = getUnclaimedTurnkeyTheSignerOfScw();
-    const isTurnkeyWallet = Boolean(turnkeyVerifiedCredential);
     const isUnclaimedTurnkeyTheSignerOfScw = Boolean(unclaimedTurnkeyTheSignerOfScw);
+    const isTurnkeyWallet = Boolean(turnkeyVerifiedCredential || isUnclaimedTurnkeyTheSignerOfScw);
     const hasTurnkeyVerifiedCredentialAuthenticator = Boolean((_a = turnkeyVerifiedCredential === null || turnkeyVerifiedCredential === void 0 ? void 0 : turnkeyVerifiedCredential.walletProperties) === null || _a === void 0 ? void 0 : _a.isAuthenticatorAttached);
     const isTurnkeyWalletWithoutAuthenticator = (isTurnkeyWallet && !hasTurnkeyVerifiedCredentialAuthenticator) ||
         isUnclaimedTurnkeyTheSignerOfScw;

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

@@ -32,8 +32,8 @@ const useIsTurnkeyWallet = () => {
     };
     const turnkeyVerifiedCredential = getTurnkeyVerifiedCredential();
     const unclaimedTurnkeyTheSignerOfScw = getUnclaimedTurnkeyTheSignerOfScw();
-    const isTurnkeyWallet = Boolean(turnkeyVerifiedCredential);
     const isUnclaimedTurnkeyTheSignerOfScw = Boolean(unclaimedTurnkeyTheSignerOfScw);
+    const isTurnkeyWallet = Boolean(turnkeyVerifiedCredential || isUnclaimedTurnkeyTheSignerOfScw);
     const hasTurnkeyVerifiedCredentialAuthenticator = Boolean((_a = turnkeyVerifiedCredential === null || turnkeyVerifiedCredential === void 0 ? void 0 : turnkeyVerifiedCredential.walletProperties) === null || _a === void 0 ? void 0 : _a.isAuthenticatorAttached);
     const isTurnkeyWalletWithoutAuthenticator = (isTurnkeyWallet && !hasTurnkeyVerifiedCredentialAuthenticator) ||
         isUnclaimedTurnkeyTheSignerOfScw;

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

@@ -6,6 +6,7 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 var constants = require('../../../views/Passkey/PasskeyRecovery/constants.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
@@ -26,7 +27,7 @@ var useEmbeddedWallet = require('../useEmbeddedWallet/useEmbeddedWallet.cjs');
 
 // Hook exposed to customers and used internally to trigger passkey recovery
 const usePasskeyRecovery = () => {
-    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, internalEvents, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, internalSetShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { userHasEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
     const { setView } = ViewContext.useViewContext();
     const initPasskeyRecoveryProcess = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -47,17 +48,14 @@ const usePasskeyRecovery = () => {
         internalSetShowAuthFlow(true);
         setView('passkey-recovery-start');
         return new Promise((resolve, reject) => {
-            internalEvents.current.once('passkeyRecoveryCompleted', (wallet) => resolve(wallet));
-            internalEvents.current.once('passkeyRecoveryFailed', (error) => reject(error));
+            dynamicEvents.dynamicEvents.once('passkeyRecoveryCompleted', (wallet) => resolve(wallet));
+            dynamicEvents.dynamicEvents.once('passkeyRecoveryFailed', (error) => reject(error));
         });
     }), [
-        internalEvents,
         internalSetShowAuthFlow,
-        onboardingOnlyJwt,
         projectSettings,
-        setPrimaryWalletId,
         setView,
-        walletConnectorOptions,
+        userHasEmbeddedWallet,
     ]);
     return {
         initPasskeyRecoveryProcess,

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

@@ -2,6 +2,7 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import { iframeContainerId } from '../../../views/Passkey/PasskeyRecovery/constants.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
@@ -22,7 +23,7 @@ import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
 
 // Hook exposed to customers and used internally to trigger passkey recovery
 const usePasskeyRecovery = () => {
-    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, internalEvents, } = useInternalDynamicContext();
+    const { projectSettings, internalSetShowAuthFlow } = useInternalDynamicContext();
     const { userHasEmbeddedWallet } = useEmbeddedWallet();
     const { setView } = useViewContext();
     const initPasskeyRecoveryProcess = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
@@ -43,17 +44,14 @@ const usePasskeyRecovery = () => {
         internalSetShowAuthFlow(true);
         setView('passkey-recovery-start');
         return new Promise((resolve, reject) => {
-            internalEvents.current.once('passkeyRecoveryCompleted', (wallet) => resolve(wallet));
-            internalEvents.current.once('passkeyRecoveryFailed', (error) => reject(error));
+            dynamicEvents.once('passkeyRecoveryCompleted', (wallet) => resolve(wallet));
+            dynamicEvents.once('passkeyRecoveryFailed', (error) => reject(error));
         });
     }), [
-        internalEvents,
         internalSetShowAuthFlow,
-        onboardingOnlyJwt,
         projectSettings,
-        setPrimaryWalletId,
         setView,
-        walletConnectorOptions,
+        userHasEmbeddedWallet,
     ]);
     return {
         initPasskeyRecoveryProcess,

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

@@ -8,10 +8,11 @@ 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 }, }, internalSetShowAuthFlow, setView, resolve, reject) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     // If no verification is needed, we are done
     if (!isEmailVerificationRequired) {
         resolve(newValues);
@@ -21,7 +22,7 @@ const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerifica
     internalSetShowAuthFlow(true);
     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 +35,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, internalSetShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const editorContext = React.useContext(UserFieldEditorContext.UserFieldEditorContext);
     if (!editorContext)
@@ -54,7 +55,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, internalSetShowAuthFlow, setView, resolve, reject))
             .catch((error) => {
             if (/email already exists/gi.test(error))
                 throw error;
@@ -67,7 +68,6 @@ const useUpdateUserWithModal = (updateUser) => {
         updateUser,
         internalSetShowAuthFlow,
         setView,
-        internalEvents,
     ]);
     return updateUserWithModal;
 };

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

@@ -4,10 +4,11 @@ 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 }, }, internalSetShowAuthFlow, setView, resolve, reject) => __awaiter(void 0, void 0, void 0, function* () {
     // If no verification is needed, we are done
     if (!isEmailVerificationRequired) {
         resolve(newValues);
@@ -17,7 +18,7 @@ const saveUserValues = ({ fields: newValues, updateUserResult: { isEmailVerifica
     internalSetShowAuthFlow(true);
     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 +31,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, internalSetShowAuthFlow } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const editorContext = useContext(UserFieldEditorContext);
     if (!editorContext)
@@ -50,7 +51,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, internalSetShowAuthFlow, setView, resolve, reject))
             .catch((error) => {
             if (/email already exists/gi.test(error))
                 throw error;
@@ -63,7 +64,6 @@ const useUpdateUserWithModal = (updateUser) => {
         updateUser,
         internalSetShowAuthFlow,
         setView,
-        internalEvents,
     ]);
     return updateUserWithModal;
 };

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