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

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

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

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

@@ -19,7 +19,7 @@ require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../shared/consts/index.cjs');
-require('../../../events/dynamicEvents.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 var digestSHA256 = require('../../functions/digestSHA256/digestSHA256.cjs');
@@ -123,13 +123,22 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         setError(undefined);
         setContextError(undefined);
     };
-    const handleError = (code, message) => {
+    const onFailed = (provider, reason) => {
+        onError === null || onError === void 0 ? void 0 : onError();
+        onSettled === null || onSettled === void 0 ? void 0 : onSettled();
+        if (provider)
+            dynamicEvents.dynamicEvents.emit('authFailure', {
+                option: provider,
+                type: 'social',
+            }, reason);
+    };
+    const handleError = (provider, code, message) => {
+        const error = { code, message };
         logger.logger.error(message);
         setIsProcessing(false);
-        setError({ code, message });
+        setError(error);
         setErrorMessage(code);
-        onError === null || onError === void 0 ? void 0 : onError();
-        onSettled === null || onSettled === void 0 ? void 0 : onSettled();
+        onFailed(provider, { error });
     };
     const poolOauthResult = (provider, state) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!shouldPool.current) {
@@ -153,11 +162,11 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
     });
     const checkValidProvider = (provider) => {
         if (!provider) {
-            handleError(types.SocialOAuthErrorCode.NO_PROVIDER, 'Provider is required');
+            handleError(provider, types.SocialOAuthErrorCode.NO_PROVIDER, 'Provider is required');
             return false;
         }
         if (!socialProviders.includes(provider)) {
-            handleError(types.SocialOAuthErrorCode.INVALID_PROVIDER, `Invalid social provider. Valid providers are: ${socialProviders.join(', ')}`);
+            handleError(provider, types.SocialOAuthErrorCode.INVALID_PROVIDER, `Invalid social provider. Valid providers are: ${socialProviders.join(', ')}`);
             return false;
         }
         return true;
@@ -166,7 +175,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         try {
             const response = yield apiCall();
             if (!response) {
-                handleError(types.SocialOAuthErrorCode.VERIFICATION_ERROR, `Failed to link social account: ${provider}`);
+                handleError(provider, types.SocialOAuthErrorCode.VERIFICATION_ERROR, `Failed to link social account: ${provider}`);
                 return;
             }
             yield updateUserProfileByJWT(response.jwt, response.minifiedJwt);
@@ -174,7 +183,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         }
         catch (error) {
             if (error instanceof utils.SocialAccountAlreadyExistsError) {
-                handleError(types.SocialOAuthErrorCode.ACCOUNT_ALREADY_LINKED_TO_DIFFERENT_PROFILE, `Social account already linked to a different profile: ${provider}`);
+                handleError(provider, types.SocialOAuthErrorCode.ACCOUNT_ALREADY_LINKED_TO_DIFFERENT_PROFILE, `Social account already linked to a different profile: ${provider}`);
             }
         }
     });
@@ -183,7 +192,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         try {
             const response = yield apiCall();
             if (!response) {
-                handleError(types.SocialOAuthErrorCode.SIGNIN_ERROR, `Failed to sign-in with social account: ${provider}`);
+                handleError(provider, types.SocialOAuthErrorCode.SIGNIN_ERROR, `Failed to sign-in with social account: ${provider}`);
                 return;
             }
             const decodedJwt = decodeJwt.decodeJwt(response.jwt);
@@ -219,7 +228,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
                 setView('account-exists');
                 return;
             }
-            handleError(types.SocialOAuthErrorCode.GENERAL_ERROR, error);
+            handleError(provider, types.SocialOAuthErrorCode.GENERAL_ERROR, error);
         }
     });
     const connectSocialAccount = (_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ provider, validator, captchaToken, }) {
@@ -234,9 +243,12 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         if (validator && !validator(provider)) {
             return;
         }
+        dynamicEvents.dynamicEvents.emit('authInit', {
+            option: provider,
+            type: 'social',
+        });
         if (provider === sdkApiCore.ProviderEnum.Farcaster) {
-            connectWithFarcaster();
-            return;
+            return connectWithFarcaster();
         }
         const authWindow = window.open('', '_blank', 'width=500,height=600');
         const state = randomString.randomString(8);
@@ -287,13 +299,13 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             }
             setIsProcessing(true);
             if (!((_h = providersWaitingOauthMessage.current) === null || _h === void 0 ? void 0 : _h[provider])) {
-                handleError(types.SocialOAuthErrorCode.SESSION_TIMEOUT, `Connecting ${provider} account session timeout.`);
+                handleError(provider, types.SocialOAuthErrorCode.SESSION_TIMEOUT, `Connecting ${provider} account session timeout.`);
                 return;
             }
             clearListeners();
             const { code, error, state: authState } = message;
             if (error && error !== 'undefined') {
-                handleError(types.SocialOAuthErrorCode.OAUTH_ERROR, `Failed to connect ${provider} social account: ${error}`);
+                handleError(provider, types.SocialOAuthErrorCode.OAUTH_ERROR, `Failed to connect ${provider} social account: ${error}`);
                 return;
             }
             // check that the state we receive from message is the same state we calculated earlier
@@ -301,11 +313,11 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             // this state check is used only by providers with an open window opener reference (eg, not twitter)
             if (!providersWithoutWindowOpenerRefence.includes(provider) &&
                 state !== authState) {
-                handleError(types.SocialOAuthErrorCode.OAUTH_ERROR, `Failed to connect ${provider} social account: Invalid random state`);
+                handleError(provider, types.SocialOAuthErrorCode.OAUTH_ERROR, `Failed to connect ${provider} social account: Invalid random state`);
                 return;
             }
             if (!code) {
-                handleError(types.SocialOAuthErrorCode.NO_AUTH_CODE, `Failed to connect ${provider} social account: no authorization code`);
+                handleError(provider, types.SocialOAuthErrorCode.NO_AUTH_CODE, `Failed to connect ${provider} social account: no authorization code`);
                 return;
             }
             if (authMode === 'signin') {
@@ -329,7 +341,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         });
         const loginUrl = getOauthLoginUrl.getOauthLoginUrl((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _e !== void 0 ? _e : [], provider);
         if (!loginUrl) {
-            handleError(types.SocialOAuthErrorCode.NO_OAUTH_URL, `Failed to get login url to connect social account: ${provider}`);
+            handleError(provider, types.SocialOAuthErrorCode.NO_OAUTH_URL, `Failed to get login url to connect social account: ${provider}`);
             return;
         }
         if (!((_f = providersWaitingOauthMessage.current) === null || _f === void 0 ? void 0 : _f[provider])) {
@@ -362,8 +374,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
                 setIsProcessing(false);
                 // user didn't complete oauth
                 if ((_a = providersWaitingOauthMessage.current) === null || _a === void 0 ? void 0 : _a[provider]) {
-                    onError === null || onError === void 0 ? void 0 : onError();
-                    onSettled === null || onSettled === void 0 ? void 0 : onSettled();
+                    onFailed(provider, 'user-cancelled');
                 }
             }, 2000);
         }
@@ -385,7 +396,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
                 // clear all states/listeners, assuming user closed the window before completing oauth
                 if ((_j = providersWaitingOauthMessage.current) === null || _j === void 0 ? void 0 : _j[provider]) {
                     clearListeners();
-                    handleError(types.SocialOAuthErrorCode.OAUTH_WINDOW_TIMEOUT, `Connecting ${provider} account window timeout.`);
+                    handleError(provider, types.SocialOAuthErrorCode.OAUTH_WINDOW_TIMEOUT, `Connecting ${provider} account window timeout.`);
                 }
                 clearInterval(authWindowInterval.current);
                 setIsProcessing(false);
@@ -403,7 +414,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             siweUri: window.location.origin,
         });
         if (!(data === null || data === void 0 ? void 0 : data.url) || !(data === null || data === void 0 ? void 0 : data.channelToken)) {
-            handleError(types.SocialOAuthErrorCode.GENERAL_ERROR, "Farcaster didn't return a valid url.");
+            handleError(sdkApiCore.ProviderEnum.Farcaster, types.SocialOAuthErrorCode.GENERAL_ERROR, "Farcaster didn't return a valid url.");
             return;
         }
         // If on mobile, we want to redirect to the Warpcast app.
@@ -428,7 +439,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             !(status === null || status === void 0 ? void 0 : status.custody) ||
             !(status === null || status === void 0 ? void 0 : status.signature) ||
             !(status === null || status === void 0 ? void 0 : status.nonce)) {
-            handleError(types.SocialOAuthErrorCode.GENERAL_ERROR, "Farcaster didn't return valid data.");
+            handleError(sdkApiCore.ProviderEnum.Farcaster, types.SocialOAuthErrorCode.GENERAL_ERROR, "Farcaster didn't return valid data.");
             return;
         }
         const { custody: address, message, signature, nonce } = status;
@@ -443,7 +454,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             yield signInAccount(sdkApiCore.ProviderEnum.Farcaster, apiCall);
         }
         else {
-            handleError(types.SocialOAuthErrorCode.GENERAL_ERROR, 'Linking with Farcaster is not supported at the moment.');
+            handleError(sdkApiCore.ProviderEnum.Farcaster, types.SocialOAuthErrorCode.GENERAL_ERROR, 'Linking with Farcaster is not supported at the moment.');
         }
         setIsProcessing(false);
     });

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

@@ -16,7 +16,7 @@ export declare const useSocialAuth: ({ sessionTimeout, authMode, onSettled, onEr
         captchaToken?: string;
     }) => Promise<void>;
     readonly error: SocialOAuthError | undefined;
-    readonly handleError: (code: SocialOAuthErrorCode, message: string) => void;
+    readonly handleError: (provider: ProviderEnum | undefined, code: SocialOAuthErrorCode, message: string) => void;
     readonly isProcessing: boolean;
     readonly setError: import("react").Dispatch<import("react").SetStateAction<SocialOAuthError | undefined>>;
     readonly setIsProcessing: import("react").Dispatch<import("react").SetStateAction<boolean>>;

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

@@ -15,7 +15,7 @@ import '../../constants/colors.js';
 import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../shared/consts/index.js';
-import '../../../events/dynamicEvents.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
 import { digestSHA256 } from '../../functions/digestSHA256/digestSHA256.js';
@@ -119,13 +119,22 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         setError(undefined);
         setContextError(undefined);
     };
-    const handleError = (code, message) => {
+    const onFailed = (provider, reason) => {
+        onError === null || onError === void 0 ? void 0 : onError();
+        onSettled === null || onSettled === void 0 ? void 0 : onSettled();
+        if (provider)
+            dynamicEvents.emit('authFailure', {
+                option: provider,
+                type: 'social',
+            }, reason);
+    };
+    const handleError = (provider, code, message) => {
+        const error = { code, message };
         logger.error(message);
         setIsProcessing(false);
-        setError({ code, message });
+        setError(error);
         setErrorMessage(code);
-        onError === null || onError === void 0 ? void 0 : onError();
-        onSettled === null || onSettled === void 0 ? void 0 : onSettled();
+        onFailed(provider, { error });
     };
     const poolOauthResult = (provider, state) => __awaiter(void 0, void 0, void 0, function* () {
         if (!shouldPool.current) {
@@ -149,11 +158,11 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
     });
     const checkValidProvider = (provider) => {
         if (!provider) {
-            handleError(SocialOAuthErrorCode.NO_PROVIDER, 'Provider is required');
+            handleError(provider, SocialOAuthErrorCode.NO_PROVIDER, 'Provider is required');
             return false;
         }
         if (!socialProviders.includes(provider)) {
-            handleError(SocialOAuthErrorCode.INVALID_PROVIDER, `Invalid social provider. Valid providers are: ${socialProviders.join(', ')}`);
+            handleError(provider, SocialOAuthErrorCode.INVALID_PROVIDER, `Invalid social provider. Valid providers are: ${socialProviders.join(', ')}`);
             return false;
         }
         return true;
@@ -162,7 +171,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         try {
             const response = yield apiCall();
             if (!response) {
-                handleError(SocialOAuthErrorCode.VERIFICATION_ERROR, `Failed to link social account: ${provider}`);
+                handleError(provider, SocialOAuthErrorCode.VERIFICATION_ERROR, `Failed to link social account: ${provider}`);
                 return;
             }
             yield updateUserProfileByJWT(response.jwt, response.minifiedJwt);
@@ -170,7 +179,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         }
         catch (error) {
             if (error instanceof SocialAccountAlreadyExistsError) {
-                handleError(SocialOAuthErrorCode.ACCOUNT_ALREADY_LINKED_TO_DIFFERENT_PROFILE, `Social account already linked to a different profile: ${provider}`);
+                handleError(provider, SocialOAuthErrorCode.ACCOUNT_ALREADY_LINKED_TO_DIFFERENT_PROFILE, `Social account already linked to a different profile: ${provider}`);
             }
         }
     });
@@ -179,7 +188,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         try {
             const response = yield apiCall();
             if (!response) {
-                handleError(SocialOAuthErrorCode.SIGNIN_ERROR, `Failed to sign-in with social account: ${provider}`);
+                handleError(provider, SocialOAuthErrorCode.SIGNIN_ERROR, `Failed to sign-in with social account: ${provider}`);
                 return;
             }
             const decodedJwt = decodeJwt(response.jwt);
@@ -215,7 +224,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
                 setView('account-exists');
                 return;
             }
-            handleError(SocialOAuthErrorCode.GENERAL_ERROR, error);
+            handleError(provider, SocialOAuthErrorCode.GENERAL_ERROR, error);
         }
     });
     const connectSocialAccount = (_d) => __awaiter(void 0, [_d], void 0, function* ({ provider, validator, captchaToken, }) {
@@ -230,9 +239,12 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         if (validator && !validator(provider)) {
             return;
         }
+        dynamicEvents.emit('authInit', {
+            option: provider,
+            type: 'social',
+        });
         if (provider === ProviderEnum.Farcaster) {
-            connectWithFarcaster();
-            return;
+            return connectWithFarcaster();
         }
         const authWindow = window.open('', '_blank', 'width=500,height=600');
         const state = randomString(8);
@@ -283,13 +295,13 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             }
             setIsProcessing(true);
             if (!((_h = providersWaitingOauthMessage.current) === null || _h === void 0 ? void 0 : _h[provider])) {
-                handleError(SocialOAuthErrorCode.SESSION_TIMEOUT, `Connecting ${provider} account session timeout.`);
+                handleError(provider, SocialOAuthErrorCode.SESSION_TIMEOUT, `Connecting ${provider} account session timeout.`);
                 return;
             }
             clearListeners();
             const { code, error, state: authState } = message;
             if (error && error !== 'undefined') {
-                handleError(SocialOAuthErrorCode.OAUTH_ERROR, `Failed to connect ${provider} social account: ${error}`);
+                handleError(provider, SocialOAuthErrorCode.OAUTH_ERROR, `Failed to connect ${provider} social account: ${error}`);
                 return;
             }
             // check that the state we receive from message is the same state we calculated earlier
@@ -297,11 +309,11 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             // this state check is used only by providers with an open window opener reference (eg, not twitter)
             if (!providersWithoutWindowOpenerRefence.includes(provider) &&
                 state !== authState) {
-                handleError(SocialOAuthErrorCode.OAUTH_ERROR, `Failed to connect ${provider} social account: Invalid random state`);
+                handleError(provider, SocialOAuthErrorCode.OAUTH_ERROR, `Failed to connect ${provider} social account: Invalid random state`);
                 return;
             }
             if (!code) {
-                handleError(SocialOAuthErrorCode.NO_AUTH_CODE, `Failed to connect ${provider} social account: no authorization code`);
+                handleError(provider, SocialOAuthErrorCode.NO_AUTH_CODE, `Failed to connect ${provider} social account: no authorization code`);
                 return;
             }
             if (authMode === 'signin') {
@@ -325,7 +337,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         });
         const loginUrl = getOauthLoginUrl((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _e !== void 0 ? _e : [], provider);
         if (!loginUrl) {
-            handleError(SocialOAuthErrorCode.NO_OAUTH_URL, `Failed to get login url to connect social account: ${provider}`);
+            handleError(provider, SocialOAuthErrorCode.NO_OAUTH_URL, `Failed to get login url to connect social account: ${provider}`);
             return;
         }
         if (!((_f = providersWaitingOauthMessage.current) === null || _f === void 0 ? void 0 : _f[provider])) {
@@ -358,8 +370,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
                 setIsProcessing(false);
                 // user didn't complete oauth
                 if ((_a = providersWaitingOauthMessage.current) === null || _a === void 0 ? void 0 : _a[provider]) {
-                    onError === null || onError === void 0 ? void 0 : onError();
-                    onSettled === null || onSettled === void 0 ? void 0 : onSettled();
+                    onFailed(provider, 'user-cancelled');
                 }
             }, 2000);
         }
@@ -381,7 +392,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
                 // clear all states/listeners, assuming user closed the window before completing oauth
                 if ((_j = providersWaitingOauthMessage.current) === null || _j === void 0 ? void 0 : _j[provider]) {
                     clearListeners();
-                    handleError(SocialOAuthErrorCode.OAUTH_WINDOW_TIMEOUT, `Connecting ${provider} account window timeout.`);
+                    handleError(provider, SocialOAuthErrorCode.OAUTH_WINDOW_TIMEOUT, `Connecting ${provider} account window timeout.`);
                 }
                 clearInterval(authWindowInterval.current);
                 setIsProcessing(false);
@@ -399,7 +410,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             siweUri: window.location.origin,
         });
         if (!(data === null || data === void 0 ? void 0 : data.url) || !(data === null || data === void 0 ? void 0 : data.channelToken)) {
-            handleError(SocialOAuthErrorCode.GENERAL_ERROR, "Farcaster didn't return a valid url.");
+            handleError(ProviderEnum.Farcaster, SocialOAuthErrorCode.GENERAL_ERROR, "Farcaster didn't return a valid url.");
             return;
         }
         // If on mobile, we want to redirect to the Warpcast app.
@@ -424,7 +435,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             !(status === null || status === void 0 ? void 0 : status.custody) ||
             !(status === null || status === void 0 ? void 0 : status.signature) ||
             !(status === null || status === void 0 ? void 0 : status.nonce)) {
-            handleError(SocialOAuthErrorCode.GENERAL_ERROR, "Farcaster didn't return valid data.");
+            handleError(ProviderEnum.Farcaster, SocialOAuthErrorCode.GENERAL_ERROR, "Farcaster didn't return valid data.");
             return;
         }
         const { custody: address, message, signature, nonce } = status;
@@ -439,7 +450,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             yield signInAccount(ProviderEnum.Farcaster, apiCall);
         }
         else {
-            handleError(SocialOAuthErrorCode.GENERAL_ERROR, 'Linking with Farcaster is not supported at the moment.');
+            handleError(ProviderEnum.Farcaster, SocialOAuthErrorCode.GENERAL_ERROR, 'Linking with Farcaster is not supported at the moment.');
         }
         setIsProcessing(false);
     });

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

@@ -77,7 +77,7 @@ const useUserDataForm = ({ onSubmit, onError, userProfile, shouldEnforcePolicies
                 formikHelper.setErrors({ username: 'Username already exists' });
             }
             else if (e instanceof utils.InvalidPhoneNumberError) {
-                formikHelper.setErrors({ phoneNumber: 'Invalid phone number' });
+                formikHelper.setErrors({ phoneNumber: e.message });
             }
             else {
                 formikHelper.setErrors({

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

@@ -73,7 +73,7 @@ const useUserDataForm = ({ onSubmit, onError, userProfile, shouldEnforcePolicies
                 formikHelper.setErrors({ username: 'Username already exists' });
             }
             else if (e instanceof InvalidPhoneNumberError) {
-                formikHelper.setErrors({ phoneNumber: 'Invalid phone number' });
+                formikHelper.setErrors({ phoneNumber: e.message });
             }
             else {
                 formikHelper.setErrors({

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

@@ -21,7 +21,7 @@ require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../shared/consts/index.cjs');
-require('../../../events/dynamicEvents.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 var createUserProfile = require('../../functions/createUserProfile/createUserProfile.cjs');
@@ -90,7 +90,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, events, primaryWallet, enableConnectOnlyFallback, setMultiWalletWidgetState, setLogInWithEmail, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallets, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, events, primaryWallet, enableConnectOnlyFallback, setMultiWalletWidgetState, setLogInWithEmail, selectedWalletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
     const { addedWalletsIds } = UserWalletsContext.useInternalUserWallets();
     // 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,
@@ -171,6 +171,13 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
         if (e.message === 'ignore') {
             return;
         }
+        // Emit failure if this wallet connector was currently selected for auth
+        if (selectedWalletConnector &&
+            selectedWalletConnector.key === walletConnector.key)
+            dynamicEvents.dynamicEvents.emit('authFailure', {
+                option: walletConnector.name,
+                type: 'wallet',
+            }, { error: e });
         if (e instanceof utils.WalletUsedError) {
             handleDisconnectWallet({ endSession: false, walletConnector });
             return handleWalletUsedError(e);
@@ -230,6 +237,10 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
     return (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ walletConnector, getAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride, }) {
         var _b;
         const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
+        dynamicEvents.dynamicEvents.emit('authInit', {
+            option: walletConnector.name,
+            type: 'wallet',
+        });
         try {
             const { response, verifyArgs } = yield generateJWT(walletConnector, walletProvider, getAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride);
             const decodedJwt = decodeJwt.decodeJwt(response.jwt);

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

@@ -17,7 +17,7 @@ import '../../constants/colors.js';
 import '../../constants/values.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../shared/consts/index.js';
-import '../../../events/dynamicEvents.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
 import { createUserProfile } from '../../functions/createUserProfile/createUserProfile.js';
@@ -86,7 +86,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, events, primaryWallet, enableConnectOnlyFallback, setMultiWalletWidgetState, setLogInWithEmail, } = useInternalDynamicContext();
+    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallets, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, events, primaryWallet, enableConnectOnlyFallback, setMultiWalletWidgetState, setLogInWithEmail, selectedWalletConnector, } = useInternalDynamicContext();
     const { addedWalletsIds } = useInternalUserWallets();
     // 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,
@@ -167,6 +167,13 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
         if (e.message === 'ignore') {
             return;
         }
+        // Emit failure if this wallet connector was currently selected for auth
+        if (selectedWalletConnector &&
+            selectedWalletConnector.key === walletConnector.key)
+            dynamicEvents.emit('authFailure', {
+                option: walletConnector.name,
+                type: 'wallet',
+            }, { error: e });
         if (e instanceof WalletUsedError) {
             handleDisconnectWallet({ endSession: false, walletConnector });
             return handleWalletUsedError(e);
@@ -226,6 +233,10 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
     return (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector, getAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride, }) {
         var _b;
         const walletProvider = getWalletProvider(walletConnector);
+        dynamicEvents.emit('authInit', {
+            option: walletConnector.name,
+            type: 'wallet',
+        });
         try {
             const { response, verifyArgs } = yield generateJWT(walletConnector, walletProvider, getAddressOpts, publicWalletAddress, captchaToken, oauth, signedMessageOverride, messageToSignOverride);
             const decodedJwt = decodeJwt(response.jwt);

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -125,6 +125,8 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
         if (!callCallbackOnUnmount.current)
             return;
         dynamicEvents.dynamicEvents.emit('emailVerificationResult', isValidatedRef.current, email$1 !== null && email$1 !== void 0 ? email$1 : '');
+        if (!isValidatedRef.current)
+            dynamicEvents.dynamicEvents.emit('authFailure', { option: email$1 !== null && email$1 !== void 0 ? email$1 : '', type: 'email' }, 'user-cancelled');
         if (!email$1)
             logger.logger.warn("WARNING: emitted emailVerificationResult with incomplete params because useVerification's displayedDestination was undefined");
     });

package/src/lib/views/EmailVerification/EmailVerification.js

@@ -121,6 +121,8 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
         if (!callCallbackOnUnmount.current)
             return;
         dynamicEvents.emit('emailVerificationResult', isValidatedRef.current, email !== null && email !== void 0 ? email : '');
+        if (!isValidatedRef.current)
+            dynamicEvents.emit('authFailure', { option: email !== null && email !== void 0 ? email : '', type: 'email' }, 'user-cancelled');
         if (!email)
             logger.warn("WARNING: emitted emailVerificationResult with incomplete params because useVerification's displayedDestination was undefined");
     });

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs

@@ -91,6 +91,10 @@ const EmailWalletOTPVerificationView = () => {
     const handleBackClick = () => {
         emailWalletConnector.clearEmail();
         clearStatesOnBackClick();
+        dynamicEvents.dynamicEvents.emit('authFailure', {
+            option: email,
+            type: 'email',
+        }, 'user-cancelled');
         setView('login-with-email-or-wallet');
     };
     const { data: isValid, isLoading, mutate: onSubmit, } = useMutation.useMutation((otp) => emailWalletConnector.verifyOneTimePassword(otp), {

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js

@@ -87,6 +87,10 @@ const EmailWalletOTPVerificationView = () => {
     const handleBackClick = () => {
         emailWalletConnector.clearEmail();
         clearStatesOnBackClick();
+        dynamicEvents.emit('authFailure', {
+            option: email,
+            type: 'email',
+        }, 'user-cancelled');
         setView('login-with-email-or-wallet');
     };
     const { data: isValid, isLoading, mutate: onSubmit, } = useMutation((otp) => emailWalletConnector.verifyOneTimePassword(otp), {

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/useSubmitPhoneNumber/useSubmitPhoneNumber.cjs

@@ -20,7 +20,7 @@ require('../../../../../utils/constants/colors.cjs');
 require('../../../../../utils/constants/values.cjs');
 require('../../../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../../../shared/consts/index.cjs');
-require('../../../../../events/dynamicEvents.cjs');
+var dynamicEvents = require('../../../../../events/dynamicEvents.cjs');
 require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var formatPhone = require('../../../../../utils/functions/formatPhone/formatPhone.cjs');
@@ -106,6 +106,14 @@ const useSubmitPhoneNumber = ({ onSubmit, onSubmitError, country, phone, setInva
             setView('login-with-sms-verification');
             setDisplayedDestination(formatPhone.formatPhone(phone));
             setVerificationUUID(verificationUUID);
+            dynamicEvents.dynamicEvents.emit('authInit', {
+                option: {
+                    dialCode: country.dialCode,
+                    iso2: country.iso2,
+                    phone: phoneNumber,
+                },
+                type: 'sms',
+            });
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
         }
         catch (error) {

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/useSubmitPhoneNumber/useSubmitPhoneNumber.js

@@ -16,7 +16,7 @@ import '../../../../../utils/constants/colors.js';
 import '../../../../../utils/constants/values.js';
 import '../../../../../shared/utils/classes/storage/localStorage.js';
 import '../../../../../shared/consts/index.js';
-import '../../../../../events/dynamicEvents.js';
+import { dynamicEvents } from '../../../../../events/dynamicEvents.js';
 import '../../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { formatPhone } from '../../../../../utils/functions/formatPhone/formatPhone.js';
@@ -102,6 +102,14 @@ const useSubmitPhoneNumber = ({ onSubmit, onSubmitError, country, phone, setInva
             setView('login-with-sms-verification');
             setDisplayedDestination(formatPhone(phone));
             setVerificationUUID(verificationUUID);
+            dynamicEvents.emit('authInit', {
+                option: {
+                    dialCode: country.dialCode,
+                    iso2: country.iso2,
+                    phone: phoneNumber,
+                },
+                type: 'sms',
+            });
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
         }
         catch (error) {