src/applications/pre-need/config/pages/sponsorMilitaryNameInformation.jsx
import React from 'react';
import { merge } from 'lodash';
import get from 'platform/utilities/data/get';
import omit from 'platform/utilities/data/omit';
import fullSchemaPreNeed from 'vets-json-schema/dist/40-10007-schema.json';
import fullNameUI from 'platform/forms/definitions/fullName';
export const nonRequiredFullNameUI = omit('required', fullNameUI);
const { fullName } = fullSchemaPreNeed.definitions;
const nonRequiredFullName = omit('required', fullName);
export const uiSchema = {
application: {
veteran: {
'ui:description': (
<h3 className="vads-u-font-size--h5">Sponsor’s previous name</h3>
),
serviceName: merge({}, nonRequiredFullNameUI, {
first: {
'ui:title': 'Sponsor’s previous first name',
'ui:required': form =>
get('application.veteran.view:hasServiceName', form) === true,
},
last: {
'ui:title': 'Sponsor’s previous last name',
'ui:required': form =>
get('application.veteran.view:hasServiceName', form) === true,
},
middle: {
'ui:title': 'Sponsor’s previous middle name',
},
suffix: {
'ui:title': 'Sponsor’s previous suffix',
},
}),
},
},
};
export const schema = {
type: 'object',
properties: {
application: {
type: 'object',
properties: {
veteran: {
type: 'object',
properties: {
serviceName: nonRequiredFullName,
},
},
},
},
},
};