@dynamic-labs/sdk-react-core 2.0.6 → 2.0.7

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+### [2.0.7](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.6...v2.0.7) (2024-05-15)
+
+
+### Features
+
+* add authFailure and authInit events ([#5461](https://github.com/dynamic-labs/DynamicAuth/issues/5461)) ([e02e1ad](https://github.com/dynamic-labs/DynamicAuth/commit/e02e1ad36b378e3b2c609fe5bfb2d37aa6a363e0))
+
 ### [2.0.6](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.5...v2.0.6) (2024-05-03)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.0.6";
+var version = "2.0.7";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.418",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,4 +1,4 @@
-var version = "2.0.6";
+var version = "2.0.7";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.418",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,17 +17,17 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "2.0.6",
-    "@dynamic-labs/logger": "2.0.6",
-    "@dynamic-labs/multi-wallet": "2.0.6",
-    "@dynamic-labs/rpc-provider-ethereum": "2.0.6",
-    "@dynamic-labs/rpc-provider-solana": "2.0.6",
-    "@dynamic-labs/rpc-providers": "2.0.6",
-    "@dynamic-labs/types": "2.0.6",
-    "@dynamic-labs/utils": "2.0.6",
-    "@dynamic-labs/viem-utils": "2.0.6",
-    "@dynamic-labs/wallet-book": "2.0.6",
-    "@dynamic-labs/wallet-connector-core": "2.0.6",
+    "@dynamic-labs/iconic": "2.0.7",
+    "@dynamic-labs/logger": "2.0.7",
+    "@dynamic-labs/multi-wallet": "2.0.7",
+    "@dynamic-labs/rpc-provider-ethereum": "2.0.7",
+    "@dynamic-labs/rpc-provider-solana": "2.0.7",
+    "@dynamic-labs/rpc-providers": "2.0.7",
+    "@dynamic-labs/types": "2.0.7",
+    "@dynamic-labs/utils": "2.0.7",
+    "@dynamic-labs/viem-utils": "2.0.7",
+    "@dynamic-labs/wallet-book": "2.0.7",
+    "@dynamic-labs/wallet-connector-core": "2.0.7",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.d.ts

@@ -94,7 +94,7 @@ export {
 type ViewType, } from './lib/context/ViewContext';
 export type { NotSupportedError, NoAccessError, ChainalysisError, EmailAlreadyExistsError, UsernameAlreadyExistsError, SocialAccountAlreadyExistsError, WalletNotDeployedError, WalletUsedError, EmailVerificationError, AccountExistsError, InvalidPhoneNumberError, } from '@dynamic-labs/utils';
 export type { WalletConnector, Chain, } from '@dynamic-labs/wallet-connector-core';
-export type { EvmNetwork } from '@dynamic-labs/types';
+export type { EvmNetwork, AuthOption, AuthType } from '@dynamic-labs/types';
 export { mergeNetworks } from './lib/utils/functions/mergeNetworks';
 export { 
 /** @deprecated use https://www.npmjs.com/package/classnames */

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.cjs

@@ -27,9 +27,9 @@ require('../../../../locale/locale.cjs');
 require('../../../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../AccountExistsContext/AccountExistsContext.cjs');
 require('../../../UserWalletsContext/UserWalletsContext.cjs');
+require('../../../../events/dynamicEvents.cjs');
 require('../../../VerificationContext/VerificationContext.cjs');
 require('react-dom');
-require('../../../../events/dynamicEvents.cjs');
 require('../../../WalletContext/WalletContext.cjs');
 require('../../../ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
@@ -114,6 +114,14 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) =>
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onLogout) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, user);
     });
+    useDynamicEvents.useInternalDynamicEvents('authFailure', (data, reason) => {
+        var _a;
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onAuthFailure) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, data, reason);
+    });
+    useDynamicEvents.useInternalDynamicEvents('authInit', (data) => {
+        var _a;
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onAuthInit) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, data);
+    });
 };
 
 exports.useTieCallbacksToEvents = useTieCallbacksToEvents;

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.js

@@ -23,9 +23,9 @@ import '../../../../locale/locale.js';
 import '../../../AccessDeniedContext/AccessDeniedContext.js';
 import '../../../AccountExistsContext/AccountExistsContext.js';
 import '../../../UserWalletsContext/UserWalletsContext.js';
+import '../../../../events/dynamicEvents.js';
 import '../../../VerificationContext/VerificationContext.js';
 import 'react-dom';
-import '../../../../events/dynamicEvents.js';
 import '../../../WalletContext/WalletContext.js';
 import '../../../ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
@@ -110,6 +110,14 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) =>
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onLogout) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, user);
     });
+    useInternalDynamicEvents('authFailure', (data, reason) => {
+        var _a;
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onAuthFailure) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, data, reason);
+    });
+    useInternalDynamicEvents('authInit', (data) => {
+        var _a;
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onAuthInit) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, data);
+    });
 };
 
 export { useTieCallbacksToEvents };

package/src/lib/context/LoadingContext/LoadingContext.cjs

@@ -27,9 +27,9 @@ require('../../locale/locale.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../UserWalletsContext/UserWalletsContext.cjs');
+require('../../events/dynamicEvents.cjs');
 require('../VerificationContext/VerificationContext.cjs');
 require('react-dom');
-require('../../events/dynamicEvents.cjs');
 require('../WalletContext/WalletContext.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');

package/src/lib/context/LoadingContext/LoadingContext.js

@@ -23,9 +23,9 @@ import '../../locale/locale.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../UserWalletsContext/UserWalletsContext.js';
+import '../../events/dynamicEvents.js';
 import '../VerificationContext/VerificationContext.js';
 import 'react-dom';
-import '../../events/dynamicEvents.js';
 import '../WalletContext/WalletContext.js';
 import '../ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';

package/src/lib/events/auth.d.ts

@@ -0,0 +1,25 @@
+import { AuthOption, AuthType } from '@dynamic-labs/types';
+/** Payload of auth events that provide insight into which auth method was selected */
+export type AuthEventPayload = {
+    [K in AuthType]: {
+        type: K;
+        option: AuthOption[K];
+    };
+}[AuthType];
+export type AuthEvents = {
+    /**
+     * Informs an auth attempt failed.
+     * In general triggered when an error occurs or when user cancels out.
+     * For email/sms, specifically happens when users cancels the OTP verification.
+     */
+    authFailure: (method: AuthEventPayload, 
+    /** Will be 'user-cancelled' when cancelled, or the error when there is an error */
+    reason: 'user-cancelled' | {
+        error: unknown;
+    }) => void;
+    /** Informs an auth attempt initialized, and provides insight into which auth option it is */
+    authInit: (method: AuthEventPayload) => void;
+    logout: () => void;
+    /** This event is used to trigger logout to be called, DO NOT listen to it. Listen to "logout" instead */
+    triggerLogout: () => void;
+};

package/src/lib/events/dynamicEvents.d.ts

@@ -1,35 +1,12 @@
 import EventEmitter from 'eventemitter3';
-import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core/models/JwtVerifiedCredential';
-import { PhoneData, Wallet } from '../shared';
+import { AuthEvents } from './auth';
+import { EmbeddedWalletEvents } from './embeddedWallet';
+import { OTPEvents } from './otp';
+import { PasskeyEvents } from './passkey';
+import { SocialEvents } from './social';
+import { UIEvents } from './ui';
+import { WalletEvents } from './wallet';
 /** Maps internal event names to their listeners */
-export type DynamicEvents = {
-    authFlowOpen: () => void;
-    /** Triggered when auth is closed before reaching success (due to user cancel or fail) */
-    authFlowClose: () => void;
-    /** Triggered when auth is attempted but fails, like when user rejects connection or the network call fails */
-    authFlowCancelled: () => void;
-    emailVerificationResult: (param: boolean, email: string) => void;
-    smsVerificationResult: (param: boolean, phone: PhoneData) => void;
-    embeddedWalletCreated: (wallet: Wallet, verifiedCredential: JwtVerifiedCredential | undefined, authToken: string | undefined) => void;
-    embeddedWalletFailed: (error: unknown) => void;
-    passkeyRecoveryCompleted: (wallet: Wallet) => void;
-    passkeyRecoveryFailed: (error: unknown) => void;
-    embeddedWalletRevealCompleted: (wallet: Wallet) => void;
-    embeddedWalletRevealFailed: (error: unknown) => void;
-    embeddedWalletCreatePasswordCompleted: (password: string) => void;
-    embeddedWalletCreatePasswordFailed: (error: unknown) => void;
-    embeddedWalletRecoveryEmailCompleted: (email: string) => void;
-    embeddedWalletRecoveryEmailFailed: (error: unknown) => void;
-    embeddedWalletUpdatePasswordCompleted: (password: string) => void;
-    embeddedWalletUpdatePasswordFailed: (error: unknown) => void;
-    logout: () => void;
-    /** Triggered when a new wallet is added to user wallets list */
-    walletAdded: (wallet: Wallet, userWallets: Wallet[]) => void;
-    /** Triggered when a wallet is removed from user wallets list */
-    walletRemoved: (wallet: Wallet, userWallets: Wallet[]) => void;
-    /** This event is used to trigger logout to be called, DO NOT listen to it. Listen to "logout" instead */
-    triggerLogout: () => void;
-    farcasterConnectCancelled: () => void;
-};
+export type DynamicEvents = AuthEvents & UIEvents & OTPEvents & WalletEvents & PasskeyEvents & SocialEvents & EmbeddedWalletEvents;
 export declare const dynamicEvents: EventEmitter<DynamicEvents, any>;
 export type DynamicEventEmitter = typeof dynamicEvents;

package/src/lib/events/embeddedWallet.d.ts

@@ -0,0 +1,14 @@
+import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core';
+import { Wallet } from '../shared/types/wallets';
+export type EmbeddedWalletEvents = {
+    embeddedWalletCreated: (wallet: Wallet, verifiedCredential: JwtVerifiedCredential | undefined, authToken: string | undefined) => void;
+    embeddedWalletFailed: (error: unknown) => void;
+    embeddedWalletRevealCompleted: (wallet: Wallet) => void;
+    embeddedWalletRevealFailed: (error: unknown) => void;
+    embeddedWalletCreatePasswordCompleted: (password: string) => void;
+    embeddedWalletCreatePasswordFailed: (error: unknown) => void;
+    embeddedWalletRecoveryEmailCompleted: (email: string) => void;
+    embeddedWalletRecoveryEmailFailed: (error: unknown) => void;
+    embeddedWalletUpdatePasswordCompleted: (password: string) => void;
+    embeddedWalletUpdatePasswordFailed: (error: unknown) => void;
+};

package/src/lib/events/otp.d.ts

@@ -0,0 +1,5 @@
+import { PhoneData } from '../shared/types';
+export type OTPEvents = {
+    emailVerificationResult: (param: boolean, email: string) => void;
+    smsVerificationResult: (param: boolean, phone: PhoneData) => void;
+};

package/src/lib/events/passkey.d.ts

@@ -0,0 +1,5 @@
+import { Wallet } from '../shared/types/wallets';
+export type PasskeyEvents = {
+    passkeyRecoveryCompleted: (wallet: Wallet) => void;
+    passkeyRecoveryFailed: (error: unknown) => void;
+};

package/src/lib/events/social.d.ts

@@ -0,0 +1,3 @@
+export type SocialEvents = {
+    farcasterConnectCancelled: () => void;
+};

package/src/lib/events/ui.d.ts

@@ -0,0 +1,10 @@
+export type UIEvents = {
+    authFlowOpen: () => void;
+    /** Triggered when auth is closed before reaching success (due to user cancel or fail) */
+    authFlowClose: () => void;
+    /**
+     * Triggered alongside authFlowClose when auth is attempted but fails
+     * like when user rejects connection or the network call fails
+     */
+    authFlowCancelled: () => void;
+};

package/src/lib/events/wallet.d.ts

@@ -0,0 +1,7 @@
+import { Wallet } from '../shared/types/wallets';
+export type WalletEvents = {
+    /** Triggered when a new wallet is added to user wallets list */
+    walletAdded: (wallet: Wallet, userWallets: Wallet[]) => void;
+    /** Triggered when a wallet is removed from user wallets list */
+    walletRemoved: (wallet: Wallet, userWallets: Wallet[]) => void;
+};

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
 require('../../../context/DynamicContext/DynamicContext.cjs');
-require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -90,16 +90,32 @@ const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) =>
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     const { setSocialProvider } = SocialRedirectContext.useSocialRedirectContext();
     const handleBackClick = React.useCallback(() => {
+        var _a, _b;
         if (view.type === 'farcaster-connect-view') {
             setSocialProvider(undefined);
             dynamicEvents.dynamicEvents.emit('farcasterConnectCancelled');
+            dynamicEvents.dynamicEvents.emit('authFailure', {
+                option: sdkApiCore.ProviderEnum.Farcaster,
+                type: 'social',
+            }, 'user-cancelled');
         }
         setExistentAccountData(undefined);
         setError(undefined);
-        if (view.type === 'no-qr-not-installed' &&
-            (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.canConnectViaQrCode)) {
-            setView('qr-code');
-            return;
+        if (view.type === 'no-qr-not-installed') {
+            dynamicEvents.dynamicEvents.emit('authFailure', {
+                option: (_a = selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name) !== null && _a !== void 0 ? _a : '',
+                type: 'wallet',
+            }, 'user-cancelled');
+            if (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.canConnectViaQrCode) {
+                setView('qr-code');
+                return;
+            }
+        }
+        if (view.type === 'qr-code' || view.type === 'pending-signature') {
+            dynamicEvents.dynamicEvents.emit('authFailure', {
+                option: (_b = selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name) !== null && _b !== void 0 ? _b : '',
+                type: 'wallet',
+            }, 'user-cancelled');
         }
         goToInitialView();
     }, [

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -1,10 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
+import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
-import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -86,16 +86,32 @@ const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) =>
     const { setExistentAccountData } = useAccountExistsContext();
     const { setSocialProvider } = useSocialRedirectContext();
     const handleBackClick = useCallback(() => {
+        var _a, _b;
         if (view.type === 'farcaster-connect-view') {
             setSocialProvider(undefined);
             dynamicEvents.emit('farcasterConnectCancelled');
+            dynamicEvents.emit('authFailure', {
+                option: ProviderEnum.Farcaster,
+                type: 'social',
+            }, 'user-cancelled');
         }
         setExistentAccountData(undefined);
         setError(undefined);
-        if (view.type === 'no-qr-not-installed' &&
-            (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.canConnectViaQrCode)) {
-            setView('qr-code');
-            return;
+        if (view.type === 'no-qr-not-installed') {
+            dynamicEvents.emit('authFailure', {
+                option: (_a = selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name) !== null && _a !== void 0 ? _a : '',
+                type: 'wallet',
+            }, 'user-cancelled');
+            if (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.canConnectViaQrCode) {
+                setView('qr-code');
+                return;
+            }
+        }
+        if (view.type === 'qr-code' || view.type === 'pending-signature') {
+            dynamicEvents.emit('authFailure', {
+                option: (_b = selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name) !== null && _b !== void 0 ? _b : '',
+                type: 'wallet',
+            }, 'user-cancelled');
         }
         goToInitialView();
     }, [

package/src/lib/shared/types/dynamicEventsCallbacks.d.ts

@@ -1,7 +1,8 @@
 import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core';
+import { AuthEventPayload } from '../../events/auth';
+import { OtpDestination, PhoneData } from '.';
 import { UserProfile } from './user';
 import { Wallet } from './wallets';
-import { OtpDestination, PhoneData } from '.';
 export type DynamicEventsCallbacks = {
     onSignedMessage?: (params: {
         messageToSign: string;
@@ -19,6 +20,16 @@ export type DynamicEventsCallbacks = {
     onEmbeddedWalletCreated?: OnEmbeddedWalletCreated;
     onWalletAdded?: OnWalletAdded;
     onWalletRemoved?: OnWalletRemoved;
+    /**
+     * Informs an auth attempt failed.
+     * In general triggered when an error occurs or when user cancels out.
+     * For email/sms, specifically happens when users cancels the OTP verification.
+     */
+    onAuthFailure?: (data: AuthEventPayload, reason: 'user-cancelled' | {
+        error: unknown;
+    }) => void;
+    /** Informs an auth attempt initialized, and provides insight into which auth option it is */
+    onAuthInit?: (data: AuthEventPayload) => void;
 };
 export type OnAuthSuccess = (params: {
     authToken: string;

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

@@ -2,7 +2,7 @@ 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;
+export declare const useInternalDynamicEvents: <E extends keyof import("../../../../events/auth").AuthEvents | keyof import("../../../../events/ui").UIEvents | keyof import("../../../../events/otp").OTPEvents | keyof import("../../../../events/wallet").WalletEvents | keyof import("../../../../events/passkey").PasskeyEvents | "farcasterConnectCancelled" | keyof import("../../../../events/embeddedWallet").EmbeddedWalletEvents>(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 declare const useDynamicEvents: <E extends "logout" | "emailVerificationResult" | "embeddedWalletCreated">(event: E, listener: DynamicEventListener<E>) => void;
 export {};

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

@@ -17,7 +17,7 @@ require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
-require('../../../events/dynamicEvents.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -115,21 +115,34 @@ const useEmailProvider = ({ emailWalletConnector }) => {
         yield handleEmailOnlyLoginSubmit(emailInput, captchaToken);
     });
     const handleEmailSubmitWithOptionalCaptcha = (emailInput, captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if ((emailWalletConnector !== undefined ||
-            isTurnkeyEnabled.isTurnkeyEnabled(projectSettings)) &&
-            (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.confirmEmailProviderForVerify)) {
-            // see: https://linear.app/dynamic-labs/issue/DYN-2517
-            // if confirmWalletTransfers setting is true, check api first to confirm emailProvider
-            const { emailProvider } = yield email.getEmailProvider({
-                email: emailInput,
-                environmentId,
-            });
-            if (emailProvider === sdkApiCore.ProviderEnum.Dynamic) {
-                yield handleEmailOnlyLoginSubmit(emailInput, captchaToken);
-                return;
+        dynamicEvents.dynamicEvents.emit('authInit', {
+            option: emailInput,
+            type: 'email',
+        });
+        try {
+            if ((emailWalletConnector !== undefined ||
+                isTurnkeyEnabled.isTurnkeyEnabled(projectSettings)) &&
+                (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.confirmEmailProviderForVerify)) {
+                // see: https://linear.app/dynamic-labs/issue/DYN-2517
+                // if confirmWalletTransfers setting is true, check api first to confirm emailProvider
+                const { emailProvider } = yield email.getEmailProvider({
+                    email: emailInput,
+                    environmentId,
+                });
+                if (emailProvider === sdkApiCore.ProviderEnum.Dynamic) {
+                    yield handleEmailOnlyLoginSubmit(emailInput, captchaToken);
+                    return;
+                }
             }
+            yield submitEmail(emailInput, captchaToken);
+        }
+        catch (error) {
+            dynamicEvents.dynamicEvents.emit('authFailure', {
+                option: emailInput,
+                type: 'email',
+            }, { error });
+            throw error;
         }
-        yield submitEmail(emailInput, captchaToken);
     });
     return {
         handleEmailSubmitWithOptionalCaptcha,

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

@@ -13,7 +13,7 @@ import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
-import '../../../events/dynamicEvents.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -111,21 +111,34 @@ const useEmailProvider = ({ emailWalletConnector }) => {
         yield handleEmailOnlyLoginSubmit(emailInput, captchaToken);
     });
     const handleEmailSubmitWithOptionalCaptcha = (emailInput, captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
-        if ((emailWalletConnector !== undefined ||
-            isTurnkeyEnabled(projectSettings)) &&
-            (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.confirmEmailProviderForVerify)) {
-            // see: https://linear.app/dynamic-labs/issue/DYN-2517
-            // if confirmWalletTransfers setting is true, check api first to confirm emailProvider
-            const { emailProvider } = yield getEmailProvider({
-                email: emailInput,
-                environmentId,
-            });
-            if (emailProvider === ProviderEnum.Dynamic) {
-                yield handleEmailOnlyLoginSubmit(emailInput, captchaToken);
-                return;
+        dynamicEvents.emit('authInit', {
+            option: emailInput,
+            type: 'email',
+        });
+        try {
+            if ((emailWalletConnector !== undefined ||
+                isTurnkeyEnabled(projectSettings)) &&
+                (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.confirmEmailProviderForVerify)) {
+                // see: https://linear.app/dynamic-labs/issue/DYN-2517
+                // if confirmWalletTransfers setting is true, check api first to confirm emailProvider
+                const { emailProvider } = yield getEmailProvider({
+                    email: emailInput,
+                    environmentId,
+                });
+                if (emailProvider === ProviderEnum.Dynamic) {
+                    yield handleEmailOnlyLoginSubmit(emailInput, captchaToken);
+                    return;
+                }
             }
+            yield submitEmail(emailInput, captchaToken);
+        }
+        catch (error) {
+            dynamicEvents.emit('authFailure', {
+                option: emailInput,
+                type: 'email',
+            }, { error });
+            throw error;
         }
-        yield submitEmail(emailInput, captchaToken);
     });
     return {
         handleEmailSubmitWithOptionalCaptcha,

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

@@ -105,17 +105,17 @@ const useSocialAccounts = ({ sessionTimeout } = {
     }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials]);
     const checkValidOAuthLinking = (provider) => {
         if (!isSocialKycEnabled.isSocialKycEnabled(projectSettings)) {
-            handleError(types.SocialOAuthErrorCode.SOCIAL_LINKING_NOT_ENABLED, 'Social linking is not enabled on the dashboard');
+            handleError(provider, types.SocialOAuthErrorCode.SOCIAL_LINKING_NOT_ENABLED, 'Social linking is not enabled on the dashboard');
             return false;
         }
         const verifiedCredential = verifiedOAuthCredentialsMap[provider];
         if (verifiedCredential) {
-            handleError(types.SocialOAuthErrorCode.ACCOUNT_ALREADY_LINKED, `Account already linked for provider: ${provider}`);
+            handleError(provider, types.SocialOAuthErrorCode.ACCOUNT_ALREADY_LINKED, `Account already linked for provider: ${provider}`);
             return false;
         }
         const oauthProvider = oauthProviders.find((p) => p.provider === provider);
         if (!oauthProvider) {
-            handleError(types.SocialOAuthErrorCode.PROVIDER_NOT_ENABLED, `Provider is not enabled on the dashboard: ${provider}`);
+            handleError(provider, types.SocialOAuthErrorCode.PROVIDER_NOT_ENABLED, `Provider is not enabled on the dashboard: ${provider}`);
             return false;
         }
         return true;
@@ -132,7 +132,7 @@ const useSocialAccounts = ({ sessionTimeout } = {
         }
         const verifiedCredential = verifiedOAuthCredentialsMap[provider];
         if (!verifiedCredential) {
-            handleError(types.SocialOAuthErrorCode.NO_ACCOUNT_LINKED, `No account linked for provider: ${provider}`);
+            handleError(undefined, types.SocialOAuthErrorCode.NO_ACCOUNT_LINKED, `No account linked for provider: ${provider}`);
             return;
         }
         try {
@@ -143,14 +143,14 @@ const useSocialAccounts = ({ sessionTimeout } = {
                 verifiedCrentialId: (_b = verifiedCredential.id) !== null && _b !== void 0 ? _b : '',
             }, String(userJwt));
             if (!response) {
-                handleError(types.SocialOAuthErrorCode.UNLINK_ERROR, `Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
+                handleError(undefined, types.SocialOAuthErrorCode.UNLINK_ERROR, `Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
                 return;
             }
             yield updateUserProfileByJWT(response.jwt, response.minifiedJwt);
             setIsProcessing(false);
         }
         catch (err) {
-            handleError(types.SocialOAuthErrorCode.GENERAL_ERROR, `Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
+            handleError(undefined, types.SocialOAuthErrorCode.GENERAL_ERROR, `Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
         }
     });
     const isLinked = (provider) => Boolean(verifiedOAuthCredentialsMap[provider]);