department-of-veterans-affairs/vets-website

import React from 'react';
import { checkboxGroupUI } from 'platform/forms-system/src/js/web-component-patterns';
import {
  checkboxGroupSchemaWithReviewLabels,
  representativeTypeMap,
} from '../../utilities/helpers';

export const uiSchema = {
  'ui:description': ({ formData }) => {
    return (
      <>
        <h3>Authorization to access certain medical records</h3>
        <p className="vads-u-margin-bottom--3 appoint-text">
          You’ve authorized this accredited{' '}
          {representativeTypeMap[formData.repTypeRadio] || `representative`} to
          access some of your medical records.
        </p>
      </>
    );
  },
  'view:authorizeRecordsCheckbox': {
    ...checkboxGroupUI({
      title: 'Select the types of records they can access',
      required: true,
      labelHeaderLevel: '',
      tile: false,
      uswds: true,
      labels: {
        alcoholRecords: 'Alcoholism and alcohol abuse records',
        drugAbuseRecords: 'Drug abuse records',
        HIVRecords: 'HIV (human immunodeficiency virus) records',
        sickleCellRecords: 'Sickle cell anemia records',
      },
      errorMessages: {
        required: 'Please select at least one option',
      },
    }),
    'ui:options': {
      classNames: 'vads-u-margin-top--0',
    },
  },
};

export const schema = {
  type: 'object',
  properties: {
    'view:authorizeRecordsCheckbox': {
      ...checkboxGroupSchemaWithReviewLabels([
        'alcoholRecords',
        'drugAbuseRecords',
        'HIVRecords',
        'sickleCellRecords',
      ]),
    },
  },
};