Add a /reset-password route and component

Problem

We need a UI to perform a password reset action

Subtasks

• [ ] Add /reset-password/:token route
• Add components/password/reset-password
• Component should have a form two password fields, for password and password confirmation
• On submitting the form, an action should trigger
• [ ] Route should handle action by sending an API POST /reset-password request with the following data:

{
  value: token // from query param,
  password,
  password_confirmation
}

• on success, route should log user in with new credentials and show a flash with a success message
• [ ] on a 422 failure, it should indicate that the passwords do not match

Notes

We can use mirage to do this until https://github.com/code-corps/code-corps-api/issues/498 is done. Otherwise, it’s partially blocked by that set of API issues.

I would not consider it blocked by #5, though, since there is nothing preventing us from displaying an unstyled form for now. The UI won’t be hooked up with the rest of the app immediately.

[begedin]

During password reset, you have access to the email and the typed in password (and confirmation). At that point, it should be a matter of calling session to authenticate.

You can see how it’s done in the login form and do something similar:

authenticate() {
  set(this, 'isLoading', true);

  let credentials = this.getProperties('identification', 'password');

  get(this, 'session').authenticate('authenticator:jwt', credentials).catch((reason) => {
    set(this, 'isLoading', false);
    set(this, 'errors', reason.error || reason);
  });
}

You can ignore the isLoading part for now, as well as error handling. Just get the email and the password the user typed in and call

get(this, 'session').authenticate('authenticator:jwt', { identification: email, password });

once the reset task is successfully completed.

[joshsmith]

Thinking we may want to call this /password/reset