src/applications/ask-a-question/form/veteran/service/veteranServiceInformationUI.js
import currentOrPastDateUI from 'platform/forms-system/src/js/definitions/currentOrPastDate';
import dateRangeUI from 'platform/forms-system/src/js/definitions/dateRange';
import ssnUI from 'platform/forms-system/src/js/definitions/ssn';
import {
branchOfServiceError,
branchOfServiceTitle,
claimNumberPatternErrorMessage,
claimNumberTitle,
dateOfBirthTitle,
serviceDateRangeErrorMessage,
serviceEndDateTitle,
serviceNumberPatternErrorMessage,
serviceNumberTitle,
serviceStartDateTitle,
socialSecurityNumberTitle,
} from '../../../constants/labels';
import { requireServiceInfo } from '../../inquiry/status/veteranStatusUI';
const formFields = {
dateOfBirth: 'dateOfBirth',
socialSecurityNumber: 'socialSecurityNumber',
serviceNumber: 'serviceNumber',
claimNumber: 'claimNumber',
branchOfService: 'branchOfService',
serviceDateRange: 'serviceDateRange',
};
export const veteranServiceInformationUI = {
'ui:order': [
'socialSecurityNumber',
'dateOfBirth',
'serviceNumber',
'claimNumber',
'branchOfService',
'serviceDateRange',
],
[formFields.socialSecurityNumber]: {
...ssnUI,
'ui:title': socialSecurityNumberTitle,
},
[formFields.serviceNumber]: {
'ui:title': serviceNumberTitle,
'ui:errorMessages': {
pattern: serviceNumberPatternErrorMessage,
},
},
[formFields.claimNumber]: {
'ui:title': claimNumberTitle,
'ui:errorMessages': {
pattern: claimNumberPatternErrorMessage,
},
},
[formFields.branchOfService]: {
'ui:title': branchOfServiceTitle,
'ui:required': formData =>
requireServiceInfo(formData.veteranStatus.veteranStatus),
'ui:errorMessages': {
required: branchOfServiceError,
},
},
[formFields.dateOfBirth]: {
...currentOrPastDateUI(dateOfBirthTitle),
},
[formFields.serviceDateRange]: dateRangeUI(
serviceStartDateTitle,
serviceEndDateTitle,
serviceDateRangeErrorMessage,
),
};