<commit_before>import React from 'react';
import moment from 'moment';

import siteName from '../../../../platform/brand-consolidation/site-name';
import { getDisabilityName } from '../utils';
import {
  successMessage,
  checkLaterMessage,
  errorMessage,
} from '../content/confirmation-poll';

const template = (props, title, content, submissionMessage) => {
  const { fullName, disabilities, submittedAt } = props;
  const { first, last, middle, suffix } = fullName;

  const renderableContent =
    typeof content === 'string' ? <p>{content}</p> : content;

  return (
    <div>
      <h3 className="confirmation-page-title">{title}</h3>
      {renderableContent}

      <div className="inset">
        <h4>
          Disability Compensation Claim{' '}
          <span className="additional">(Form 21-526EZ)</span>
        </h4>
        <span>
          For {first} {middle} {last} {suffix}
        </span>
        <ul className="claim-list">
          <strong>Conditions claimed</strong>
          <br />
          <ul className="disability-list">
            {disabilities.map((disability, i) => (
              <li key={i}>{getDisabilityName(disability)}</li>
            ))}
          </ul>
          {submissionMessage}
          <li>
            <strong>Date submitted</strong>
            <br />
            <span>{moment(submittedAt).format('MMM D, YYYY')}</span>
          </li>
        </ul>
      </div>

      <h4 className="confirmation-guidance-heading">
        What happens after I apply?
      </h4>
      <p className="confirmation-guidance-message">
        You don’t need to do anything unless we send you a letter asking for
        more information.
      </p>
      <br />
      <a href="/disability/after-you-file-claim/">
        Learn more about what happens after you file a disability claim.
      </a>
      <div className="confirmation-guidance-container">
        <h4 className="confirmation-guidance-heading">Need help?</h4>
        <p className="confirmation-guidance-message">
          If you have questions, please call{' '}
          <a href="tel:+18772228387">1-877-222-8387</a>, Monday &#8211; Friday,
          8:00 a.m. &#8211; 8:00 p.m. (ET).
        </p><commit_msg>Fix function ref (#9341)<commit_after>import React from 'react';
import moment from 'moment';

import siteName from '../../../../platform/brand-consolidation/site-name';
import { capitalizeEachWord } from '../utils';
import {
  successMessage,
  checkLaterMessage,
  errorMessage,
} from '../content/confirmation-poll';

const template = (props, title, content, submissionMessage) => {
  const { fullName, disabilities, submittedAt } = props;
  const { first, last, middle, suffix } = fullName;

  const renderableContent =
    typeof content === 'string' ? <p>{content}</p> : content;

  return (
    <div>
      <h3 className="confirmation-page-title">{title}</h3>
      {renderableContent}

      <div className="inset">
        <h4>
          Disability Compensation Claim{' '}
          <span className="additional">(Form 21-526EZ)</span>
        </h4>
        <span>
          For {first} {middle} {last} {suffix}
        </span>
        <ul className="claim-list">
          <strong>Conditions claimed</strong>
          <br />
          <ul className="disability-list">
            {disabilities.map((disability, i) => (
              <li key={i}>{capitalizeEachWord(disability)}</li>
            ))}
          </ul>
          {submissionMessage}
          <li>
            <strong>Date submitted</strong>
            <br />
            <span>{moment(submittedAt).format('MMM D, YYYY')}</span>
          </li>
        </ul>
      </div>

      <h4 className="confirmation-guidance-heading">
        What happens after I apply?
      </h4>
      <p className="confirmation-guidance-message">
        You don’t need to do anything unless we send you a letter asking for
        more information.
      </p>
      <br />
      <a href="/disability/after-you-file-claim/">
        Learn more about what happens after you file a disability claim.
      </a>
      <div className="confirmation-guidance-container">
        <h4 className="confirmation-guidance-heading">Need help?</h4>
        <p className="confirmation-guidance-message">
          If you have questions, please call{' '}
          <a href="tel:+18772228387">1-877-222-8387</a>, Monday &#8211; Friday,
          8:00 a.m. &#8211; 8:00 p.m. (ET).
        </p>
{'fraction_non_alphanumeric': 0.148840351272236, 'fraction_numerical': 0.022967800045034903, 'mean_word_length': 2.3050595238095237, 'pattern_counts': {'":': 0, '<': 89, '<?xml version=': 0, '>': 93, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5220100', 'n_tokens_mistral': 1378, 'n_tokens_neox': 1302, 'n_words': 318}