department-of-veterans-affairs/vets-website

import pickBy from 'lodash/pickBy';
import VaTextInputField from '~/platform/forms-system/src/js/web-component-fields/VaTextInputField';

import { PHONE_TYPE, USA } from 'platform/user/profile/vap-svc/constants';

export const phoneFormSchema = {
  type: 'object',
  properties: {
    'view:noInternationalNumbers': {
      type: 'object',
      properties: {},
    },
    inputPhoneNumber: {
      type: 'string',
      pattern: '^[0-9-() ]+$',
      maxLength: 14,
      minLength: 10,
    },
    extension: {
      type: 'string',
      pattern: '^\\s*[0-9-]{0,6}\\s*$',
      maxLength: 6,
    },
  },
  required: ['inputPhoneNumber', 'saveToProfile'],
};

const phoneErrorMessage = 'Enter a 10 digit phone number';
export const phoneUiSchema = fieldName => {
  return {
    inputPhoneNumber: {
      'ui:title': `${fieldName} (U.S. numbers only)`,
      'ui:webComponentField': VaTextInputField,
      'ui:validations': [
        (errors, field) => {
          // checks that the phone number is at least 10 numerical digits
          const strippedPhone = field?.replace(/[^0-9]/g, '');
          if (strippedPhone?.length !== 10) {
            errors.addError(phoneErrorMessage);
          }
        },
      ],
      'ui:errorMessages': {
        pattern: phoneErrorMessage,
      },
      'ui:autocomplete': 'tel',
      'ui:options': {
        inputType: 'tel',
        ariaDescribedby: 'error-message-details',
      },
    },
    extension: {
      'ui:title': 'Extension (6 digits maximum)',
      'ui:webComponentField': VaTextInputField,
      'ui:errorMessages': {
        pattern: 'You must enter a valid extension up to 6 digits.',
      },
    },
  };
};

export const phoneConvertNextValueToCleanData = value => {
  const { id, countryCode, extension, phoneType, inputPhoneNumber } = value;

  const strippedPhone = (inputPhoneNumber || '').replace(/[^\d]/g, '');
  const strippedExtension = (extension || '').replace(/[^a-zA-Z0-9]/g, '');

  return {
    id,
    areaCode: strippedPhone.substring(0, 3),
    countryCode,
    extension: strippedExtension,
    inputPhoneNumber,
    isInternational: countryCode !== USA.COUNTRY_CODE,
    phoneNumber: strippedPhone.substring(3),
    phoneType,
  };
};

export const phoneConvertCleanDataToPayload = (data, fieldName) => {
  let cleanData = data;
  if (data.inputPhoneNumber) {
    cleanData = phoneConvertNextValueToCleanData(data);
  }
  return pickBy(
    {
      id: cleanData.id,
      areaCode: cleanData.areaCode,
      countryCode: USA.COUNTRY_CODE, // currently no international phone number support
      extension: cleanData.extension,
      isInternational: false, // currently no international phone number support
      phoneNumber: cleanData.phoneNumber,
      phoneType: PHONE_TYPE[fieldName],
    },
    e => !!e,
  );
};