Support on auth.error event

[MrSwitch]

On page redirect authentication login is captured. However errors are not.

e.g. stored in localstorage would be...

{
	"adB2CSignInSignUp": {
		"error": {
			"code": "access_denied",
			"message": "AADB2C90118:+The+user+has+forgotten+their+password.\r\nCorrelation+ID:+3f341530-ed9a-4546-a646-2e2ac3e3b43d\r\nTimestamp:+2017-07-25+19:29:24Z\r\n"
		},
		"error_description": "AADB2C90118:+The+user+has+forgotten+their+password.\r\nCorrelation+ID:+3f341530-ed9a-4546-a646-2e2ac3e3b43d\r\nTimestamp:+2017-07-25+19:29:24Z\r\n",
		"state": "",
		"client_id": "da7caa3a-739c-436c-a32b-b428d3e8c043",
		"network": "adB2CSignInSignUp",
		"display": "page",
		"redirect_uri": "https://localhost:44369/redirect",
		"scope": "openid,https://foobar.onmicrosoft.com/foobarapi/use",
		"page_uri": "https://localhost:44369"
	}
}

This should trigger any listeners on auth.error on page load.

[raj-adi00]

Can you assign this issue to me

[raj-adi00]

Can you tell me how can i check the issue?

[rajj28]

// Define a function to trigger auth error listeners
function triggerAuthErrorListeners(error) {
// Example: Trigger a custom event for error handling
const event = new CustomEvent('auth.error', { detail: error });
window.dispatchEvent(event);

// You can also directly call error handlers here
console.error('Auth Error:', error);

}

// On page load, check for auth-related errors in localStorage
document.addEventListener('DOMContentLoaded', () => {
const authDataKey = 'adB2CSignInSignUp'; // Key where auth data is stored
const authDataJson = localStorage.getItem(authDataKey);

if (authDataJson) {
    try {
        const authData = JSON.parse(authDataJson);

        // Check if there's an error field in the stored data
        if (authData.error) {
            triggerAuthErrorListeners(authData.error);

            // Optionally remove the item from localStorage after handling
            localStorage.removeItem(authDataKey);
        }
    } catch (e) {
        console.error('Error parsing auth data from localStorage:', e);
    }
}

});

// Example listener for 'auth.error'
window.addEventListener('auth.error', (event) => {
const error = event.detail;
alert(Authentication Error: ${error.message});
});

[MrRob0t404]

Hi does this issue still need to be fixed? I'll be happy to work on it

[helennavwezzy]

Use Case
This feature will improve the developer experience by:

• Allowing better handling of authentication errors without manually parsing localStorage.
• Simplifying the error handling logic for Single Page Applications (SPAs).
• Enabling UI feedback (e.g., "You canceled login" or "Session expired") automatically based on the auth.error event

[elanchezhiyan2005]

is this issue resolved i would like to work on with or is this issue reassigned to anyone please let me know

[91FAhmed]

i would like to work on it if not resolved does it still needs too be fixed

[Mubashir2611]

I Would like to work on this issue if it is not solved yet. Can you assign me.

[Kunal-sharmaa]

I will work on this issue, but i think you forgot to close it.

[Govind-553]

I would like to work on solving this issue if the issue is not solved yet.

[nidhi-ux]

I would like to work on solving this issue if the issue is not solved yet.