src/applications/simple-forms/21-0966/pages/survivingDependentBenefitSelection.js
import React from 'react';
import {
checkboxGroupUI,
checkboxGroupSchema,
} from 'platform/forms-system/src/js/web-component-patterns';
import { survivingDependentBenefits } from '../definitions/constants';
/** @type {PageSchema} */
export default {
uiSchema: {
benefitSelection: checkboxGroupUI({
title: 'Select the benefit you intend to file a claim for',
required: true,
labelHeaderLevel: '3',
tile: true,
labels: {
[survivingDependentBenefits.SURVIVOR]: {
title:
'Survivors pension and/or dependency and indemnity compensation (DIC)',
description:
'Select this option if you intend to file a DIC claim (VA Form 21P-534 or VA Form 21P-534EZ)',
},
},
errorMessages: {
required: 'Select the benefit listed',
},
}),
'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 you submitted your
intent to file and when we approved your claim.
</va-additional-info>
),
},
},
schema: {
type: 'object',
properties: {
benefitSelection: checkboxGroupSchema(
Object.values(survivingDependentBenefits),
),
'view:additionalInfo': {
type: 'object',
properties: {},
},
},
required: ['benefitSelection'],
},
};