import { FormState } from '@skava/ui/dist/forms'
import { wording } from '@skava/ui/dist/words'

class FormStateCard extends FormState {
  inputsList = [
    {
      identity: 'old-password',
      type: 'password',
      value: '',
      className: 'old-password',
      name: 'oldPassword',
      labelText: `${wording.oldPassword}*`,
      maxLength: 90,
      wrapperClassName: 'old-password-wrapper',
      validationType: 'password',
      errorMessageFor: 'password',
      dataQa: 'qa-old-password-text',
      autocomplete: '',
      ariaLabel: 'password',
      animatePlaceholder: false,
    },
    {
      identity: 'new-password',
      type: 'password',
      value: '',
      className: 'new-password',
      name: 'password',
      labelText: `${wording.newPassword}*`,
      maxLength: 90,
      wrapperClassName: 'new-password-wrapper',
      validationType: 'newPassword',
      errorMessageFor: 'newPassword',
      dataQa: 'qa-new-password-text',
      autocomplete: '',
      ariaLabel: 'password',
      animatePlaceholder: false,
      onFormValidation: this.validateNewPassword,
      placeholderText: 'Must be at least 8 characters',
    },
    {
      identity: 'confirm-password',
      type: 'password',
      value: '',
      className: 'confirm-password',
      name: 'confirmPassword',
      labelText: `${wording.confirmNewPassword}*`,
      maxLength: 90,
      wrapperClassName: 'confirm-password-wrapper',
      validationType: 'confirmPassword',
      errorMessageFor: 'confirmPassword',
      dataQa: 'qa-confirm-password-text',
      autocomplete: '',
      ariaLabel: 'password',
      animatePlaceholder: false,
      onFormValidation: this.validateConfirmPassword,
      placeholderText: 'Must be at least 8 characters',
    },
  ]
}

const formStateCard = new FormStateCard()

export { formStateCard }
export default formStateCard