How to add custom error message for password reset UI (Universal Login)

ldsouza · November 11, 2020, 10:26pm

I want to change the error string in the Password reset screen, not sure how to go about it. I referred to this link and made changes to the HTML as shown below in code. But I don’t see it working.

github.com

auth0/lock/blob/master/src/i18n/en.js

export default {
  error: {
    forgotPassword: {
      too_many_requests:
        'You have reached the limit on password change attempts. Please wait before trying again.',
      'lock.fallback': "We're sorry, something went wrong when requesting the password change.",
      enterprise_email:
        "Your email's domain is part of an Enterprise identity provider. To reset your password, please see your security administrator."
    },
    login: {
      blocked_user: 'The user is blocked.',
      invalid_user_password: 'Wrong credentials.',
      invalid_captcha: 'Solve the challenge question to verify you are not a robot.',
      invalid_recaptcha: 'Select the checkbox to verify you are not a robot.',
      'lock.fallback': "We're sorry, something went wrong when attempting to log in.",
      'lock.invalid_code': 'Wrong code.',
      'lock.invalid_email_password': 'Wrong email or password.',
      'lock.invalid_username_password': 'Wrong username or password.',
      'lock.network': 'We could not reach the server. Please check your connection and try again.',
      'lock.popup_closed': 'Popup window closed. Try again.',

This file has been truncated. show original

new Auth0ChangePassword({
.
.
dict: {
error: {
signUp: {
password_dictionary_error: ‘That password is too common.’,
}
},
}
});

konrad.sopala · November 13, 2020, 10:57am

Hey there!

Have you had a chance to check that doc of ours?

ldsouza · November 13, 2020, 1:29pm

Hi Konrad,

Thank you for responding to my query, I did see the Auth0Lock options. I tried them and was seeing errors in the browser console. I realized that the Auth0Lock works on the Login screen but not that well on the “Password Reset”.

For auth0lock config to work, it looks for certain URL parameters, these parameters are not seen in the password reset screen.

david.spencer01 · October 15, 2021, 4:04pm

@konrad.sopala I’m also looking to customize the error message on the Password Reset field.

I see the response format described here: GitHub - auth0/auth0-custom-password-reset-hosted-page: An example on how to do a custom reset password hosted page.

How do I output the returned message instead of the generic: “There was an error processing the password reset.”