[Change request to #618, #619, #620] <Sign in: credentials>

[Yuliia-Fliorko]

As a user I want to be able to sign-in to the application, so that I can use my account on multiple devices.

Mock up: https://www.figma.com/file/JvDAu4MHnh1Vxc5FaokyiA/ITA-UBS-styles?node-id=13193%3A9425

Acceptance criteria:

• Users should be able to see the sign-in screen with input fields: 1) email, 2) password.
• Users should be able to see the sign-in screen with buttons: 1) sign-in, 2) sign-in with Google.
• Users should be able to register using the registration link.
• Users should be able to reset their password using the “reset password” link.
• When a user clicks "Sign-in" in the Header - Sign-in form appears
  a. All fields are mandatory
  Validation of e-mail and password criteria can be taken from Register to the application (new mockup) #385
  b. Link "Forgot password" opens modal window with relevant form Sign-in: forgot password #472
  c. Sign-up link navigates user to Sign-up Form Register to the application (enhancement to #385) #455
• after successful sign-in user is navigated to :
  a. Home page: if user signed-in from UBS
  b. User cabinet: if user signed-in from Green city

Error and informational messages:

1. If the user left a “email” field empty, then an error message appears:
   ENG - Email is required
   UA - Введіть адресу електронної пошти

2. If the user entered less than 8 characters, then an informational message appears:
   ENG - Password must be at least 8 characters long without spaces.
   UA - Пароль повинен містити принаймні 8 символів без пробілів.

3. If at least 1 of the credentials entered is not correct or has never been registered before, then an error message appears:
   ENG - Bad email or password.
   UA - Введено невірний email або пароль.

4. If the user has not entered the password, and clicked on the sign-in button, then an error message appears:
   ENG - Please enter your password.
   UA - Будь ласка введіть пароль.

5. If the user left the “email” and “password” field empty, then an error message appears( all fields are red):
   ENG - Please fill all red fields.
   UA - Будь ласка заповніть всі обов'язкові поля.

6. If the user enters credentials which has been registered before, and an account has been deleted, then an error message appears:
   ENG - Your account has been deleted, please contact us to restore it .
   UA - Ваш аккаунт було видалено, будь ласка зв'яжіться з нами щоб відновити його.