src/applications/simple-forms/21-0966/pages/veteranBenefitSelection.js
import React from 'react';
import {
checkboxGroupUI,
checkboxGroupSchema,
} from 'platform/forms-system/src/js/web-component-patterns/';
import { veteranBenefits } from '../definitions/constants';
/** @type {PageSchema} */
export default {
uiSchema: {
benefitSelection: checkboxGroupUI({
title: 'Select the benefits you intend to file a claim for.',
hint: 'Select all that apply',
required: true,
labelHeaderLevel: '3',
tile: true,
labels: {
[veteranBenefits.COMPENSATION]: {
title: 'Compensation',
description:
'Select this option if you intend to file for disability compensation (VA Form 21-526EZ)',
},
[veteranBenefits.PENSION]: {
title: 'Pension',
description:
'Select this option if you intend to file a pension claim (VA Form 21P-527EZ)',
},
},
errorMessages: {
required: 'Select at least one benefit',
},
}),
'view:additionalInfo': {
'ui:description': (
<va-additional-info trigger="What's an intent to file?">
An intent to file sets a potential start date (or effective date) for
your benefits. If you notify us of your intent to file and we approve
your claim, you may be able to get retroactive payments. Retroactive
payments are payments for the time between when we processed your
intent to file and when we approved your claim.
</va-additional-info>
),
},
},
schema: {
type: 'object',
properties: {
benefitSelection: checkboxGroupSchema(Object.values(veteranBenefits)),
'view:additionalInfo': {
type: 'object',
properties: {},
},
},
required: ['benefitSelection'],
},
};