department-of-veterans-affairs/vets-website

import { cloneDeep } from 'lodash';

import { fullNameNoSuffixUI } from 'platform/forms-system/src/js/web-component-patterns/fullNamePattern.js';

import {
  dateOfBirthSchema,
  dateOfBirthUI,
  inlineTitleSchema,
  inlineTitleUI,
  titleUI,
} from 'platform/forms-system/src/js/web-component-patterns';

import VaTextInputField from 'platform/forms-system/src/js/web-component-fields/VaTextInputField';
import { pdfFullNameNoSuffixSchema } from '../../shared/definitions/pdfFullNameNoSuffix';

const fullNameUI = cloneDeep(fullNameNoSuffixUI());

fullNameUI.middle['ui:title'] = 'Middle initial';

/** @type {PageSchema} */
export default {
  uiSchema: {
    ...titleUI('Your name'),
    fullName: fullNameUI,
    'view:birthTitle': inlineTitleUI('Your date and place of birth'),
    dateOfBirth: dateOfBirthUI(),
    placeOfBirth: {
      'ui:title': 'Place of birth',
      'ui:webComponentField': VaTextInputField,
      'ui:options': {
        hint: 'City and state or foreign country',
      },
      'ui:errorMessages': {
        required: 'Enter your place of birth',
      },
    },
  },
  schema: {
    type: 'object',
    properties: {
      fullName: pdfFullNameNoSuffixSchema({
        pdfMaxLengths: { first: 12, middle: 1, last: 18 },
      }),
      'view:birthTitle': inlineTitleSchema,
      dateOfBirth: dateOfBirthSchema,
      placeOfBirth: {
        type: 'string',
      },
    },
    required: ['fullName', 'dateOfBirth', 'placeOfBirth'],
  },
};