From 9a998a9fbf52b42b38e82a9fa613b6647c8eb686 Mon Sep 17 00:00:00 2001
From: Andrew Rodiek <25368370+Dr-Pongo@users.noreply.github.com>
Date: Wed, 15 Jan 2025 17:06:54 -0500
Subject: [PATCH] [CDP][FSR] 94773 -  Phone number normalization (#34112)

---
 .../combined/components/ComboAlerts.jsx             |  2 +-
 .../combined/components/MCPAlerts.jsx               |  2 +-
 .../combined/components/ZeroBalanceCard.jsx         |  3 ++-
 .../combined/containers/OverviewPage.jsx            |  3 ++-
 .../combined/utils/alert-messages.jsx               |  4 ++--
 .../debt-letters/components/Alerts.jsx              |  8 ++++----
 .../debt-letters/components/HowDoIPay.jsx           |  7 ++++---
 .../debt-letters/components/NeedHelp.jsx            | 13 +++++++------
 .../debt-letters/const/deduction-codes/index.js     |  7 ++++---
 .../const/diary-codes/debtSummaryCardContent.js     |  3 ++-
 .../debt-letters/containers/DebtLettersDownload.jsx |  5 +++--
 .../debt-letters/containers/DebtLettersSummary.jsx  |  7 ++++---
 .../debtsAndCopays/AvailableDebtsAndCopays.jsx      |  7 ++++---
 .../components/shared/GetFormHelp.jsx               | 12 ++++--------
 .../constants/diary-codes/index.js                  |  9 +++------
 .../wizard/components/Contacts.jsx                  | 12 ++++--------
 16 files changed, 51 insertions(+), 53 deletions(-)

diff --git a/src/applications/combined-debt-portal/combined/components/ComboAlerts.jsx b/src/applications/combined-debt-portal/combined/components/ComboAlerts.jsx
index aaa4b2a63ebc..cf35ee277bbc 100644
--- a/src/applications/combined-debt-portal/combined/components/ComboAlerts.jsx
+++ b/src/applications/combined-debt-portal/combined/components/ComboAlerts.jsx
@@ -68,7 +68,7 @@ ComboAlert.Zero = () => {
       <ul>
         <li>
           <strong>For benefit debts</strong>, call the Debt Management Center
-          (DMC) at <va-telephone contact="8008270648" />(
+          (DMC) at <va-telephone contact={CONTACTS.DMC} /> (
           <va-telephone tty contact="711" />
           ). We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
         </li>
diff --git a/src/applications/combined-debt-portal/combined/components/MCPAlerts.jsx b/src/applications/combined-debt-portal/combined/components/MCPAlerts.jsx
index b16f3a3be116..44e96b50520f 100644
--- a/src/applications/combined-debt-portal/combined/components/MCPAlerts.jsx
+++ b/src/applications/combined-debt-portal/combined/components/MCPAlerts.jsx
@@ -128,7 +128,7 @@ Alert.NoHealthcare = () => (
     <p>
       If you think this is incorrect, call our toll-free hotline at{' '}
       <span className="no-wrap">
-        <va-telephone contact="8772228387" />
+        <va-telephone contact={CONTACTS['222_VETS']} />
       </span>
       , Monday through Friday, 8:00 a.m. to 8:00 p.m. ET.
     </p>
diff --git a/src/applications/combined-debt-portal/combined/components/ZeroBalanceCard.jsx b/src/applications/combined-debt-portal/combined/components/ZeroBalanceCard.jsx
index b69877df15d6..6d392e4392e6 100644
--- a/src/applications/combined-debt-portal/combined/components/ZeroBalanceCard.jsx
+++ b/src/applications/combined-debt-portal/combined/components/ZeroBalanceCard.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { CONTACTS } from '@department-of-veterans-affairs/component-library/contacts';
 import { APP_TYPES } from '../utils/helpers';
 
 const ZeroBalanceCard = ({ appType }) => {
@@ -12,7 +13,7 @@ const ZeroBalanceCard = ({ appType }) => {
     appType === APP_TYPES.DEBT ? (
       <p className="vads-u-margin-y--0">
         If you think this is incorrect, call the Debt Management Center (DMC) at{' '}
-        <va-telephone contact="8008270648" /> (
+        <va-telephone contact={CONTACTS.DMC} /> (
         <va-telephone tty contact="711" />
         ). We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
       </p>
diff --git a/src/applications/combined-debt-portal/combined/containers/OverviewPage.jsx b/src/applications/combined-debt-portal/combined/containers/OverviewPage.jsx
index b071bdded5a4..e572d45c207a 100644
--- a/src/applications/combined-debt-portal/combined/containers/OverviewPage.jsx
+++ b/src/applications/combined-debt-portal/combined/containers/OverviewPage.jsx
@@ -1,6 +1,7 @@
 import React, { useEffect } from 'react';
 import { useSelector } from 'react-redux';
 import { VaBreadcrumbs } from '@department-of-veterans-affairs/web-components/react-bindings';
+import { CONTACTS } from '@department-of-veterans-affairs/component-library/contacts';
 import Balances from '../components/Balances';
 import ComboAlerts from '../components/ComboAlerts';
 import { ALERT_TYPES, setPageFocus } from '../utils/helpers';
@@ -74,7 +75,7 @@ const OverviewPage = () => {
             <h3>Questions about benefit debt</h3>
             <p>
               Call the Debt Management Center (DMC) at{' '}
-              <va-telephone contact="8008270648" /> (
+              <va-telephone contact={CONTACTS.DMC} /> (
               <va-telephone tty contact="711" />
               ). We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
             </p>
diff --git a/src/applications/combined-debt-portal/combined/utils/alert-messages.jsx b/src/applications/combined-debt-portal/combined/utils/alert-messages.jsx
index 7c1b096d9505..46c6869566fc 100644
--- a/src/applications/combined-debt-portal/combined/utils/alert-messages.jsx
+++ b/src/applications/combined-debt-portal/combined/utils/alert-messages.jsx
@@ -22,7 +22,7 @@ const alertMessage = (alertType, appType) => {
           <ul>
             <li>
               <strong>For benefit debts</strong>, call the Debt Management
-              Center (DMC) at <va-telephone contact="8008270648" /> (
+              Center (DMC) at <va-telephone contact={CONTACTS.DMC} /> (
               <va-telephone tty contact="711" />
               ). We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
             </li>
@@ -96,7 +96,7 @@ const alertMessage = (alertType, appType) => {
             <p>
               Our records show you don’t have any current debt related to VA
               benefits. If you think this is incorrect, call the Debt Management
-              Center (DMC) at <va-telephone contact="8008270648" /> (
+              Center (DMC) at <va-telephone contact={CONTACTS.DMC} /> (
               <va-telephone tty contact="711" />
               ). We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
             </p>
diff --git a/src/applications/combined-debt-portal/debt-letters/components/Alerts.jsx b/src/applications/combined-debt-portal/debt-letters/components/Alerts.jsx
index 54195857fb60..6db6f7480fa8 100644
--- a/src/applications/combined-debt-portal/debt-letters/components/Alerts.jsx
+++ b/src/applications/combined-debt-portal/debt-letters/components/Alerts.jsx
@@ -53,7 +53,7 @@ export const DowntimeMessage = () => {
         </Link>
         If you need help resolving a debt, or you would like to get information
         about a debt that has been resolved, call the Debt Management Center at{' '}
-        <va-telephone contact="8008270648" />.
+        <va-telephone contact={CONTACTS.DMC} />.
       </p>
     </va-alert>
   );
@@ -91,7 +91,7 @@ export const ErrorAlert = () => (
     <h4>What you can do</h4>
     <p>
       You can check back later or call the Debt Management Center at{' '}
-      <va-telephone contact="8008270648" /> to find out more information about
+      <va-telephone contact={CONTACTS.DMC} /> to find out more information about
       how to resolve your debt.
     </p>
     <va-link
@@ -114,7 +114,7 @@ export const DependentDebt = () => (
     <h4>What you can do</h4>
     <p>
       If you need to access debt letters that were mailed to you, call the Debt
-      Management Center at <va-telephone contact="8008270648" />.
+      Management Center at <va-telephone contact={CONTACTS.DMC} />.
     </p>
     <va-link
       href="/manage-va-debt/summary/debt-balances/"
@@ -132,7 +132,7 @@ export const NoDebtLinks = () => (
     <p>
       Our records show you don’t have any debt letters related to VA benefits.
       If you think this is an error, please contact the Debt Management Center
-      at <va-telephone contact="8008270648" />.
+      at <va-telephone contact={CONTACTS.DMC} />.
     </p>
     <p>
       If you have VA health care copay debt, go to our
diff --git a/src/applications/combined-debt-portal/debt-letters/components/HowDoIPay.jsx b/src/applications/combined-debt-portal/debt-letters/components/HowDoIPay.jsx
index 92b5049002f5..5ee2a119e458 100644
--- a/src/applications/combined-debt-portal/debt-letters/components/HowDoIPay.jsx
+++ b/src/applications/combined-debt-portal/debt-letters/components/HowDoIPay.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { CONTACTS } from '@department-of-veterans-affairs/component-library/contacts';
 import { deductionCodes } from '../const/deduction-codes';
 
 export const getDeductionDescription = code => {
@@ -75,9 +76,9 @@ const HowDoIPay = ({ userData }) => {
 
       <h3>Pay by phone</h3>
       <p>
-        Call us at <va-telephone contact="8008270648" /> (
-        <va-telephone contact="6127136415" /> from overseas) (
-        <va-telephone contact="711" tty="true" />
+        Call us at <va-telephone contact={CONTACTS.DMC} /> (
+        <va-telephone contact={CONTACTS.DMC_OVERSEAS} international /> from
+        overseas) (<va-telephone contact="711" tty="true" />
         ). We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
       </p>
 
diff --git a/src/applications/combined-debt-portal/debt-letters/components/NeedHelp.jsx b/src/applications/combined-debt-portal/debt-letters/components/NeedHelp.jsx
index 92f20ba14d93..f90edbad73da 100644
--- a/src/applications/combined-debt-portal/debt-letters/components/NeedHelp.jsx
+++ b/src/applications/combined-debt-portal/debt-letters/components/NeedHelp.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { CONTACTS } from '@department-of-veterans-affairs/component-library/contacts';
 
 const NeedHelp = () => (
   <>
@@ -47,11 +48,11 @@ const NeedHelp = () => (
           If you think a debt was created in error, you can dispute it. Get
           information about disputing a debt by contacting us online through{' '}
           <a href="https://ask.va.gov/">Ask VA</a> or calling the Debt
-          Management Center at <va-telephone contact="8008270648" /> (
+          Management Center at <va-telephone contact={CONTACTS.DMC} /> (
           <va-telephone contact="711" tty="true" />
           ). For international callers, use{' '}
-          <va-telephone contact="6127136415" />. We’re here Monday through
-          Friday, 7:30 a.m. to 7:00 p.m. ET.
+          <va-telephone contact={CONTACTS.DMC_OVERSEAS} international />. We’re
+          here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
         </p>
       </section>
     </article>
@@ -61,11 +62,11 @@ const NeedHelp = () => (
         <p>
           If you have any questions about your benefit overpayment. Contact us
           online through <a href="https://ask.va.gov/">Ask VA</a> or call the
-          Debt Management Center at <va-telephone contact="8008270648" /> (
+          Debt Management Center at <va-telephone contact={CONTACTS.DMC} /> (
           <va-telephone contact="711" tty="true" />
           ). For international callers, use{' '}
-          <va-telephone contact="6127136415" />. We’re here Monday through
-          Friday, 7:30 a.m. to 7:00 p.m. ET.
+          <va-telephone contact={CONTACTS.DMC_OVERSEAS} international />. We’re
+          here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
         </p>
       </div>
     </va-need-help>
diff --git a/src/applications/combined-debt-portal/debt-letters/const/deduction-codes/index.js b/src/applications/combined-debt-portal/debt-letters/const/deduction-codes/index.js
index b148f10b8f2f..81df8b6c6035 100644
--- a/src/applications/combined-debt-portal/debt-letters/const/deduction-codes/index.js
+++ b/src/applications/combined-debt-portal/debt-letters/const/deduction-codes/index.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import { CONTACTS } from '@department-of-veterans-affairs/component-library/contacts';
 
 export const deductionCodes = Object.freeze({
   '30': 'Disability compensation and pension debt',
@@ -13,11 +14,11 @@ export const deductionCodes = Object.freeze({
 const ContactInfo = () => (
   <p className="vads-u-margin-bottom--0">
     If you have questions about your VA debt, call us at{' '}
-    <va-telephone contact="8008270648" /> (
+    <va-telephone contact={CONTACTS.DMC} /> (
     <va-telephone contact="711" tty="true" />
     ). If you’re outside the U.S., call{' '}
-    <va-telephone contact="6127136415" international />. We’re here Monday
-    through Friday, 7:30 a.m. to 7:00 p.m. ET.
+    <va-telephone contact={CONTACTS.DMC_OVERSEAS} international />. We’re here
+    Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
   </p>
 );
 
diff --git a/src/applications/combined-debt-portal/debt-letters/const/diary-codes/debtSummaryCardContent.js b/src/applications/combined-debt-portal/debt-letters/const/diary-codes/debtSummaryCardContent.js
index 597449830512..1ebcecafd6dd 100644
--- a/src/applications/combined-debt-portal/debt-letters/const/diary-codes/debtSummaryCardContent.js
+++ b/src/applications/combined-debt-portal/debt-letters/const/diary-codes/debtSummaryCardContent.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { CONTACTS } from '@department-of-veterans-affairs/component-library/contacts';
 import { endDate } from '../../utils/helpers';
 
 const WarningIcon = () => (
@@ -164,7 +165,7 @@ export const debtSummaryText = (diaryCode, dateOfLetter, balance) => {
       return (
         <DebtSummaryMessage IconComponent={WarningIcon}>
           Contact the U.S. Department of the Treasury’s Debt Management Services
-          at <va-telephone contact="8008270648" />, 8:30 a.m. to 6:30 p.m. ET.
+          at <va-telephone contact={CONTACTS.DMC} />, 8:30 a.m. to 6:30 p.m. ET.
           to pay this debt.
         </DebtSummaryMessage>
       );
diff --git a/src/applications/combined-debt-portal/debt-letters/containers/DebtLettersDownload.jsx b/src/applications/combined-debt-portal/debt-letters/containers/DebtLettersDownload.jsx
index 3ba39e2a89f5..efbb2ed7c6a1 100644
--- a/src/applications/combined-debt-portal/debt-letters/containers/DebtLettersDownload.jsx
+++ b/src/applications/combined-debt-portal/debt-letters/containers/DebtLettersDownload.jsx
@@ -1,5 +1,6 @@
 import React, { useEffect } from 'react';
 import { useSelector } from 'react-redux';
+import { CONTACTS } from '@department-of-veterans-affairs/component-library/contacts';
 import { VaBreadcrumbs } from '@department-of-veterans-affairs/web-components/react-bindings';
 import {
   setPageFocus,
@@ -76,11 +77,11 @@ const DebtLettersDownload = () => {
             If you’ve received a letter about a VA debt that isn’t listed here,
             call us at{' '}
             <span className="no-wrap">
-              <va-telephone contact="8008270648" />
+              <va-telephone contact={CONTACTS.DMC} />
             </span>{' '}
             (or{' '}
             <span className="no-wrap">
-              <va-telephone contact="6127136415" international />
+              <va-telephone contact={CONTACTS.DMC_OVERSEAS} international />
             </span>{' '}
             from overseas). You can also call us to get information about your
             resolved debts.
diff --git a/src/applications/combined-debt-portal/debt-letters/containers/DebtLettersSummary.jsx b/src/applications/combined-debt-portal/debt-letters/containers/DebtLettersSummary.jsx
index c5cc4f9c11f6..0cdfe8753a28 100644
--- a/src/applications/combined-debt-portal/debt-letters/containers/DebtLettersSummary.jsx
+++ b/src/applications/combined-debt-portal/debt-letters/containers/DebtLettersSummary.jsx
@@ -1,6 +1,7 @@
 import React, { useEffect } from 'react';
 import { useSelector } from 'react-redux';
 import { Link } from 'react-router-dom';
+import { CONTACTS } from '@department-of-veterans-affairs/component-library/contacts';
 import { VaBreadcrumbs } from '@department-of-veterans-affairs/web-components/react-bindings';
 import {
   setPageFocus,
@@ -146,11 +147,11 @@ const DebtLettersSummary = () => {
               think your debt was created in an error, you can dispute it.
               Contact us online through <a href="https://ask.va.gov/">Ask VA</a>{' '}
               or call the Debt Management Center at{' '}
-              <va-telephone contact="8008270648" /> (
+              <va-telephone contact={CONTACTS.DMC} /> (
               <va-telephone contact="711" tty="true" />
               ). For international callers, use{' '}
-              <va-telephone contact="6127136415" />. We’re here Monday through
-              Friday, 7:30 a.m. to 7:00 p.m. ET.
+              <va-telephone contact={CONTACTS.DMC_OVERSEAS} international />.
+              We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
             </p>
           </div>
         </va-need-help>
diff --git a/src/applications/financial-status-report/components/debtsAndCopays/AvailableDebtsAndCopays.jsx b/src/applications/financial-status-report/components/debtsAndCopays/AvailableDebtsAndCopays.jsx
index d3acdfc43523..b40eeb39c581 100644
--- a/src/applications/financial-status-report/components/debtsAndCopays/AvailableDebtsAndCopays.jsx
+++ b/src/applications/financial-status-report/components/debtsAndCopays/AvailableDebtsAndCopays.jsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
+import { CONTACTS } from '@department-of-veterans-affairs/component-library/contacts';
 import PropTypes from 'prop-types';
 import { uniqBy, head } from 'lodash';
 import { isValid } from 'date-fns';
@@ -212,9 +213,9 @@ const AvailableDebtsAndCopays = ({ formContext }) => {
       )}
       <va-additional-info trigger="What if my debt isn’t listed here?">
         If you received a letter about a VA benefit debt that isn’t listed here,
-        call us at <va-telephone contact="8008270648" /> (or{' '}
-        <va-telephone contact="6127136415" international /> from overseas).
-        We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
+        call us at <va-telephone contact={CONTACTS.DMC} /> (or{' '}
+        <va-telephone contact={CONTACTS.DMC_OVERSEAS} international /> from
+        overseas). We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
       </va-additional-info>
     </div>
   );
diff --git a/src/applications/financial-status-report/components/shared/GetFormHelp.jsx b/src/applications/financial-status-report/components/shared/GetFormHelp.jsx
index cb10a69fcad7..91e0b8606fff 100644
--- a/src/applications/financial-status-report/components/shared/GetFormHelp.jsx
+++ b/src/applications/financial-status-report/components/shared/GetFormHelp.jsx
@@ -6,7 +6,7 @@ const GetFormHelp = () => {
     <>
       <p>
         If you have trouble using this online form, call our MyVA411 main
-        information line at <va-telephone contact="8006982411" /> (
+        information line at <va-telephone contact={CONTACTS.VA_411} /> (
         <va-telephone contact={CONTACTS[711]} tty />
         ).
       </p>
@@ -20,13 +20,9 @@ const GetFormHelp = () => {
       </p>
       <p>
         If you have questions about your benefit overpayments, call us at{' '}
-        <va-telephone contact={CONTACTS.DMC || '8008270648'} /> (or{' '}
-        <va-telephone
-          contact={CONTACTS.DMC_OVERSEAS || '6127136415'}
-          international
-        />{' '}
-        from overseas). We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m.
-        ET.
+        <va-telephone contact={CONTACTS.DMC} /> (or{' '}
+        <va-telephone contact={CONTACTS.DMC_OVERSEAS} international /> from
+        overseas). We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
       </p>
       <p>
         If you have questions about your copay bills, call us at{' '}
diff --git a/src/applications/financial-status-report/constants/diary-codes/index.js b/src/applications/financial-status-report/constants/diary-codes/index.js
index 506546927320..df6957b47d6c 100644
--- a/src/applications/financial-status-report/constants/diary-codes/index.js
+++ b/src/applications/financial-status-report/constants/diary-codes/index.js
@@ -5,12 +5,9 @@ import { endDate } from '../../utils/helpers';
 
 const ContactDMC = () => (
   <span className="vads-u-margin-x--0p5">
-    <VaTelephone contact={CONTACTS.DMC || '800-827-0648'} /> (or{' '}
-    <VaTelephone
-      contact={CONTACTS.DMC_OVERSEAS || '1-612-713-6415'}
-      international
-    />{' '}
-    from overseas)
+    <va-telephone contact={CONTACTS.DMC} /> (or{' '}
+    <va-telephone contact={CONTACTS.DMC_OVERSEAS} international /> from
+    overseas)
   </span>
 );
 
diff --git a/src/applications/financial-status-report/wizard/components/Contacts.jsx b/src/applications/financial-status-report/wizard/components/Contacts.jsx
index c6fa85973909..a2792e0cf317 100644
--- a/src/applications/financial-status-report/wizard/components/Contacts.jsx
+++ b/src/applications/financial-status-report/wizard/components/Contacts.jsx
@@ -4,14 +4,10 @@ import { VaTelephone } from '@department-of-veterans-affairs/component-library/d
 
 const ContactDMC = () => (
   <>
-    Call us at <VaTelephone contact={CONTACTS.DMC || '800-827-0648'} /> (or{' '}
-    <VaTelephone
-      contact={CONTACTS.DMC_OVERSEAS || '1-612-713-6415'}
-      international
-      tty
-    />{' '}
-    from overseas). We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
-    If you have hearing loss, call (<VaTelephone contact={CONTACTS[711]} tty />
+    Call us at <va-telephone contact={CONTACTS.DMC} /> (or{' '}
+    <va-telephone contact={CONTACTS.DMC_OVERSEAS} international /> from
+    overseas). We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET. If
+    you have hearing loss, call (<VaTelephone contact={CONTACTS[711]} tty />
     ).
   </>
 );