department-of-veterans-affairs/vets-website

import merge from 'lodash/merge';

import schemaDefinitions from 'vets-json-schema/dist/definitions.json';

import { validateMatch } from 'platform/forms-system/src/js/validation';

import { preferredContactMethodLabels } from '../utils/labels';

const { preferredContactMethod } = schemaDefinitions;

import phoneUI from 'platform/forms-system/src/js/definitions/phone';
import emailUI from 'platform/forms-system/src/js/definitions/email';
import * as address from 'platform/forms/definitions/address';

export default function createContactInformationPage(
  schema,
  addressField = 'veteranAddress',
) {
  const { homePhone, mobilePhone } = schema.properties;

  return {
    title: 'Contact information',
    path: 'personal-information/contact-information',
    initialData: {},
    uiSchema: {
      preferredContactMethod: {
        'ui:title':
          'How should we contact you if we have questions about your application?',
        'ui:widget': 'radio',
        'ui:options': {
          labels: preferredContactMethodLabels,
        },
      },
      [addressField]: address.uiSchema(),
      'view:otherContactInfo': {
        'ui:title': 'Other contact information',
        'ui:description':
          'Please enter as much contact information as possible so we can get in touch with you, if necessary.',
        'ui:validations': [
          validateMatch('email', 'view:confirmEmail', { ignoreCase: true }),
        ],
        email: emailUI(),
        'view:confirmEmail': merge({}, emailUI('Re-enter email address'), {
          'ui:options': {
            hideOnReview: true,
          },
        }),
        homePhone: {
          ...phoneUI('Home phone number'),
          'ui:required': form => form.preferredContactMethod === 'phone',
        },
        mobilePhone: {
          ...phoneUI('Mobile phone number'),
          'ui:required': form => form.preferredContactMethod === 'mobile',
        },
      },
    },
    schema: {
      type: 'object',
      definitions: {
        phone: schema.definitions.phone,
      },
      properties: {
        preferredContactMethod,
        [addressField]: address.schema(schema, true),
        'view:otherContactInfo': {
          type: 'object',
          required: ['email', 'view:confirmEmail'],
          properties: {
            email: {
              type: 'string',
              format: 'email',
            },
            'view:confirmEmail': {
              type: 'string',
              format: 'email',
            },
            mobilePhone,
            homePhone,
          },
        },
      },
    },
  };
}