department-of-veterans-affairs/vets-website

import React from 'react';
import fullSchemaPreNeed from 'vets-json-schema/dist/40-10007-schema.json';
import set from 'platform/utilities/data/set';
import { merge } from 'lodash';
import * as autosuggest from 'platform/forms-system/src/js/definitions/autosuggest';
import { useSelector } from 'react-redux';
import fullNameUI from '../../definitions/fullName';

import EligibleBuriedView from '../../components/EligibleBuriedView';

import { isVeteran, getCemeteries } from '../../utils/helpers';

const {
  currentlyBuriedPersons,
} = fullSchemaPreNeed.properties.application.properties;

function currentlyBuriedPersonsMinItem() {
  const copy = { ...currentlyBuriedPersons };
  copy.minItems = 1;
  return set('items.properties.cemeteryNumber', autosuggest.schema, copy);
}

function CurrentlyBuriedPersonsDescription() {
  const data = useSelector(state => state.form.data || {});
  if (isVeteran(data)) {
    return 'Please provide the details of the person(s) currently buried in a VA national cemetery under your eligibility.';
  }
  return 'Please provide the details of the person(s) currently buried in a VA national cemetery under the sponsor’s eligibility.';
}

export const currentlyBuriedPersonsTitle = (
  <h3 className="vads-u-font-size--h5">Name of deceased person(s)</h3>
);

export const currentlyBuriedPersonsTitleWrapper = (
  <CurrentlyBuriedPersonsTitle />
);

function CurrentlyBuriedPersonsTitle() {
  return currentlyBuriedPersonsTitle;
}

export const uiSchema = {
  application: {
    currentlyBuriedPersons: {
      'ui:title': currentlyBuriedPersonsTitleWrapper,
      'ui:description': CurrentlyBuriedPersonsDescription,
      'ui:options': {
        viewField: EligibleBuriedView,
        keepInPageOnReview: true,
        itemName: 'Name of deceased',
      },
      items: {
        name: merge({}, fullNameUI),
        cemeteryNumber: autosuggest.uiSchema(
          'VA national cemetery where they’re buried',
          getCemeteries,
          {
            'ui:options': {
              hideIf: () => true,
            },
          },
        ),
      },
    },
  },
};
export const schema = {
  type: 'object',
  properties: {
    application: {
      type: 'object',
      properties: {
        currentlyBuriedPersons: currentlyBuriedPersonsMinItem(),
      },
      currentlyBuriedPersons,
    },
  },
};