export const wording = {
  firstNameLabel: 'first name',
  lastNameLabel: 'last name',
  emailLabel: 'email',
  organizationName: 'organization name',
  addressLineOne: 'address line 1',
  addressLineTwo: 'address line 2',
  city: 'city',
  state: 'state/province',
  country: 'country/region',
  zipCode: 'zipcode',
  phoneNumber: 'phone number',
  taxIdentifier: 'tax ID',
  duns: 'duns',
  submitButton: 'submit',
}

export const inputList = [
  {
    type: 'groupElements',
    validationType: 'groupElements',
    className: 'input-group-wrapper full-name-container',
    name: 'fullNameContainer',
    elementList: [
      {
        identity: 'first-name',
        type: 'text',
        value: '',
        className: 'input-form first-name',
        name: 'first-name',
        labelText: `${wording.firstNameLabel}*`,
        maxLength: '50',
        wrapperClassName: 'input-form-wrapper first-name-wrapper',
        validationType: 'name',
        errorMessageFor: 'firstName',
        dataQa: 'qa-createaccount-name',
        autocomplete: 'given-name',
        ariaLabel: wording.firstNameLabel,
        animatePlaceholder: false,
      },
      {
        identity: 'last-name',
        type: 'text',
        value: '',
        className: 'input-form last-name',
        name: 'last-name',
        labelText: `${wording.lastNameLabel}*`,
        maxLength: '50',
        wrapperClassName: 'input-form-wrapper last-name-wrapper',
        validationType: 'name',
        errorMessageFor: 'lastName',
        dataQa: 'qa-createaccount-lastname',
        autocomplete: 'given-name',
        ariaLabel: wording.lastNameLabel,
        animatePlaceholder: false,
      },
    ],
  },
  {
    type: 'groupElements',
    validationType: 'groupElements',
    className: 'input-group-wrapper full-name-container',
    name: 'fullNameContainer',
    elementList: [
      {
        identity: 'email',
        type: 'text',
        value: '',
        className: 'input-form email-address',
        name: 'email',
        labelText: `${wording.emailLabel}*`,
        maxLength: '254',
        wrapperClassName: 'input-form-wrapper email-address-wrapper',
        validationType: 'email',
        errorMessageFor: 'email',
        dataQa: 'qa-createaccount-email',
        autocomplete: 'email',
        ariaLabel: wording.emailLabel,
        animatePlaceholder: false,
      },
      {
        identity: 'organization-name',
        type: 'text',
        value: '',
        className: 'input-form organization-name',
        name: 'organization-name',
        labelText: `${wording.organizationName}*`,
        maxLength: '50',
        wrapperClassName: 'input-form-wrapper organization-name-wrapper',
        validationType: 'name',
        errorMessageFor: 'organizationName',
        dataQa: 'qa-organization-name',
        autocomplete: 'given-name',
        ariaLabel: wording.organizationName,
        animatePlaceholder: false,
      },
    ],
  },
  {
    type: 'groupElements',
    validationType: 'groupElements',
    className: 'input-group-wrapper full-address-container',
    name: 'fullAddressContainer',
    elementList: [
      {
        identity: 'address-line-one',
        type: 'text',
        value: '',
        className: 'input-form address-line-one',
        name: 'address-line-one',
        labelText: `${wording.addressLineOne}*`,
        maxLength: '50',
        wrapperClassName: 'input-form-wrapper address-line-one-wrapper',
        validationType: 'required',
        errorMessageFor: 'addressLine1',
        dataQa: 'qa-address-line1',
        autocomplete: 'given-address',
        ariaLabel: wording.addressLineOne,
        animatePlaceholder: false,
      },
      {
        identity: 'address-line-two',
        type: 'text',
        value: '',
        className: 'input-form address-line-two',
        name: 'address-line-two',
        labelText: `${wording.addressLineTwo}`,
        maxLength: '50',
        wrapperClassName: 'input-form-wrapper address-line-two-wrapper',
        validationType: 'emptyOrAddress',
        errorMessageFor: 'addressLine2',
        dataQa: 'qa-address-line2',
        autocomplete: 'given-address',
        ariaLabel: wording.addressLineTwo,
        animatePlaceholder: false,
      },
    ],
  },
  {
    type: 'groupElements',
    validationType: 'groupElements',
    className: 'input-group-wrapper city-state-container',
    name: 'cityStateContainer',
    elementList: [
      {
        identity: 'city',
        type: 'text',
        value: '',
        className: 'input-form city',
        name: 'city',
        labelText: `${wording.city}*`,
        maxLength: '50',
        wrapperClassName: 'input-form-wrapper city-wrapper',
        validationType: 'city',
        errorMessageFor: 'city',
        dataQa: 'qa-city',
        autocomplete: 'given-city',
        ariaLabel: wording.city,
        animatePlaceholder: false,
      },
      {
        identity: 'state',
        type: 'text',
        value: '',
        className: 'input-form state',
        name: 'state',
        labelText: `${wording.state}*`,
        maxLength: '50',
        wrapperClassName: 'input-form-wrapper state-wrapper',
        validationType: 'state',
        errorMessageFor: 'state',
        dataQa: 'qa-state',
        autocomplete: 'given-state',
        ariaLabel: wording.state,
        animatePlaceholder: false,
      },
    ],
  },
  {
    type: 'groupElements',
    validationType: 'groupElements',
    className: 'input-group-wrapper postal-container',
    name: 'postalContainer',
    elementList: [
      {
        identity: 'country',
        type: 'text',
        value: '',
        className: 'input-form country',
        name: 'country',
        labelText: `${wording.country}*`,
        maxLength: '50',
        wrapperClassName: 'input-form-wrapper country-wrapper',
        validationType: 'country',
        errorMessageFor: 'country',
        dataQa: 'qa-country',
        autocomplete: 'given-country',
        ariaLabel: wording.country,
        animatePlaceholder: false,
      },
      {
        identity: 'postalCode',
        type: 'text',
        value: '',
        className: 'input-form postalCode',
        name: 'postalCode',
        labelText: `${wording.zipCode}*`,
        maxLength: '50',
        wrapperClassName: 'input-form-wrapper postal-code-wrapper',
        validationType: 'zipCode',
        errorMessageFor: 'zipCode',
        dataQa: 'qa-zipcode',
        autocomplete: 'given-zip-code',
        ariaLabel: wording.zipCode,
        animatePlaceholder: false,
      },
      {
        identity: 'phone-number',
        type: 'telephone',
        value: '',
        className: 'input-form phone-number',
        name: 'phone-number',
        labelText: `${wording.phoneNumber}*`,
        maxLength: '50',
        wrapperClassName: 'input-form-wrapper phone-number-wrapper',
        validationType: 'telephone',
        errorMessageFor: 'phoneNumber',
        dataQa: 'qa-create-account-phone',
        autocomplete: 'tel',
        ariaLabel: wording.phoneNumber,
        animatePlaceholder: false,
      },
    ],
  },
  {
    type: 'groupElements',
    validationType: 'groupElements',
    className: 'input-group-wrapper tax-duns-container',
    name: 'taxDunsContainer',
    elementList: [
      {
        identity: 'tax-identifier',
        type: 'text',
        value: '',
        className: 'input-form tax-identifier',
        name: 'tax-identifier',
        labelText: `${wording.taxIdentifier}*`,
        maxLength: '50',
        wrapperClassName: 'input-form-wrapper tax-identifier-wrapper',
        validationType: 'taxIdentifier',
        errorMessageFor: 'taxId',
        dataQa: 'qa-tax-identifier',
        autocomplete: 'given-number',
        ariaLabel: wording.taxIdentifier,
        animatePlaceholder: false,
      },
      {
        identity: 'duns',
        type: 'text',
        value: '',
        className: 'input-form duns',
        name: 'duns',
        labelText: `${wording.duns}`,
        maxLength: '50',
        wrapperClassName: 'input-form-wrapper duns-wrapper',
        validationType: 'duns',
        errorMessageFor: 'invalidInput',
        dataQa: 'qa-duns',
        autocomplete: 'given-duns',
        ariaLabel: wording.duns,
        animatePlaceholder: false,
      },
    ],
  },
]