[CDP] 94725 - Alert content updates (#33810)

department-of-veterans-affairs · Dec 31, 2024 · c3a24b1 · c3a24b1
1 parent a328413
commit c3a24b1
Show file tree

Hide file tree

Showing 5 changed files with 96 additions and 33 deletions.
diff --git a/src/applications/combined-debt-portal/combined/components/AlertCard.jsx b/src/applications/combined-debt-portal/combined/components/AlertCard.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 AlertCard = ({ appType }) => {
@@ -22,11 +23,32 @@ const AlertCard = ({ appType }) => {
           is unavailable because something went wrong on our end. Please check
           back soon.
         </p>
-        <p>
-          If you continue having trouble viewing information about your{' '}
-          {`${appType === APP_TYPES.DEBT ? 'debts' : 'copays'}`}, contact us
-          online through <a href="https://ask.va.gov">Ask VA</a>.
-        </p>
+        <h3 className="vads-u-font-size--h4">What you can do</h3>
+        {appType === APP_TYPES.DEBT ? (
+          <>
+            <p className="vads-u-margin-bottom--0">
+              If you continue having trouble viewing information about your
+              current debts, contact us online through{' '}
+              <a href="https://ask.va.gov">Ask VA</a>.
+            </p>
+            <p className="vads-u-margin-top--0">
+              If you need immediate assistance call the Debt Management Center
+              at <va-telephone contact={CONTACTS.DMC} /> (
+              <va-telephone contact={CONTACTS[711]} tty />
+              ). For international callers, use{' '}
+              <va-telephone contact={CONTACTS.DMC_OVERSEAS} international />.
+              We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
+            </p>
+          </>
+        ) : (
+          <p>
+            If you continue having trouble viewing information about your
+            copays, call the VA Health Resource Center at{' '}
+            <va-telephone contact="8664001238" /> (
+            <va-telephone contact={CONTACTS[711]} tty />
+            ). We’re here Monday through Friday, 8:00 a.m. to 8:00 p.m. ET.
+          </p>
+        )}
       </va-alert>
     </>
   );

diff --git a/src/applications/combined-debt-portal/combined/components/ComboAlerts.jsx b/src/applications/combined-debt-portal/combined/components/ComboAlerts.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import recordEvent from 'platform/monitoring/record-event';
+import { CONTACTS } from '@department-of-veterans-affairs/component-library/contacts';
 import { ALERT_TYPES } from '../utils/helpers';
 
 const ComboAlert = ({ children }) => children;
@@ -26,6 +27,20 @@ ComboAlert.Error = () => {
         debts and bills, contact us online through{' '}
         <a href="https://ask.va.gov">Ask VA</a>.
       </p>
+      <p>
+        If you need immediate assistance with overpayment debt, call the Debt
+        Management Center at <va-telephone contact={CONTACTS.DMC} /> (
+        <va-telephone contact={CONTACTS[711]} tty />
+        ). For international callers, use{' '}
+        <va-telephone contact={CONTACTS.DMC_OVERSEAS} international />. We’re
+        here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
+      </p>
+      <p>
+        If you need immediate assistance with copay bills, call the VA Health
+        Resource Center at <va-telephone contact="8664001238" /> (
+        <va-telephone contact={CONTACTS[711]} tty />
+        ). We’re here Monday through Friday, 8:00 a.m. to 8:00 p.m. ET.
+      </p>
       <p className="vads-u-margin-bottom--0">
         <va-link active text="Contact us at Ask VA" url="https://ask.va.gov" />
       </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
@@ -1,4 +1,5 @@
 import React from 'react';
+import { CONTACTS } from '@department-of-veterans-affairs/component-library/contacts';
 import { ALERT_TYPES, APP_TYPES } from './helpers';
 
 const alertMessage = (alertType, appType) => {
@@ -43,28 +44,38 @@ const alertMessage = (alertType, appType) => {
           appType === APP_TYPES.DEBT ? 'debt' : 'copay'
         } records right now`,
         body: (
+          <p>
+            We’re sorry. Information about{' '}
+            {`${appType === APP_TYPES.DEBT ? 'debts' : 'copays'}`} you might
+            have is unavailable because something went wrong on our end. Please
+            check back soon.
+          </p>
+        ),
+        secondHeader: `What you can do`,
+        secondBody: (
           <>
             {appType === APP_TYPES.DEBT ? (
               <>
-                <p>
-                  We’re sorry. Information about{' '}
-                  {`${appType === APP_TYPES.DEBT ? 'debts' : 'copays'}`} you
-                  might have is unavailable because something went wrong on our
-                  end. Please check back soon.
-                </p>
-                <p>
-                  If you continue having trouble viewing information about your{' '}
-                  {`${appType === APP_TYPES.DEBT ? 'debts' : 'copays'}`},
-                  contact us online through{' '}
+                <p className="vads-u-margin-bottom--0">
+                  If you continue having trouble viewing information about your
+                  current debts, contact us online through{' '}
                   <a href="https://ask.va.gov">Ask VA</a>.
                 </p>
+                <p className="vads-u-margin-top--0">
+                  If you need immediate assistance call the Debt Management
+                  Center at <va-telephone contact={CONTACTS.DMC} /> (
+                  <va-telephone contact={CONTACTS[711]} tty />
+                  ). For international callers, use{' '}
+                  <va-telephone contact={CONTACTS.DMC_OVERSEAS} international />
+                  . We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
+                </p>
               </>
             ) : (
               <p>
-                Please check back soon. If you continue having trouble viewing
-                information about your copays, call the VA Health Resource
-                Center at <va-telephone contact="8664001238" /> (
-                <va-telephone tty contact="711" />
+                If you continue having trouble viewing information about your
+                copays, call the VA Health Resource Center at{' '}
+                <va-telephone contact="8664001238" /> (
+                <va-telephone contact={CONTACTS[711]} tty />
                 ). We’re here Monday through Friday, 8:00 a.m. to 8:00 p.m. ET.
               </p>
             )}
@@ -121,12 +132,27 @@ const alertMessage = (alertType, appType) => {
               current debts and bills, contact us online through{' '}
               <a href="https://ask.va.gov">Ask VA</a>.
             </p>
-            <va-link
-              href="https://ask.va.gov"
-              active
-              text="Contact us at Ask VA"
-              class="vads-u-margin-top--2"
-            />
+            <p>
+              If you need immediate assistance with overpayment debt, call the
+              Debt Management Center at <va-telephone contact={CONTACTS.DMC} />{' '}
+              (<va-telephone contact={CONTACTS[711]} tty />
+              ). For international callers, use{' '}
+              <va-telephone contact={CONTACTS.DMC_OVERSEAS} international />.
+              We’re here Monday through Friday, 7:30 a.m. to 7:00 p.m. ET.
+            </p>
+            <p>
+              If you need immediate assistance with copay bills, call the VA
+              Health Resource Center at <va-telephone contact="8664001238" /> (
+              <va-telephone contact={CONTACTS[711]} tty />
+              ). We’re here Monday through Friday, 8:00 a.m. to 8:00 p.m. ET.
+            </p>
+            <p className="vads-u-margin-bottom--0">
+              <va-link
+                active
+                text="Contact us at Ask VA"
+                url="https://ask.va.gov"
+              />
+            </p>
           </>
         ),
       };

diff --git a/src/applications/combined-debt-portal/debt-letters/containers/DebtLettersSummary.jsx b/src/applications/combined-debt-portal/debt-letters/containers/DebtLettersSummary.jsx
@@ -25,13 +25,12 @@ const renderAlert = (alertType, statements) => {
         {alertInfo.header}
       </h2>
       {alertInfo.body}
-      {showOther && <OtherVADebts module={APP_TYPES.COPAY} subHeading />}
-      {alertType === ALERT_TYPES.ALL_ERROR && (
+      {alertInfo.secondHeader ? (
         <>
           <h3 className="vads-u-font-size--h4">{alertInfo.secondHeader}</h3>
           {alertInfo.secondBody}
         </>
-      )}
+      ) : null}
       {showVAReturnLink ? (
         <va-link
           active
@@ -41,6 +40,7 @@ const renderAlert = (alertType, statements) => {
           text="Return to VA.gov"
         />
       ) : null}
+      {showOther && <OtherVADebts module={APP_TYPES.COPAY} subHeading />}
     </va-alert>
   );
 };
@@ -58,7 +58,7 @@ const renderOtherVA = (mcpLength, mcpError) => {
           <h4 slot="headline" className="vads-u-font-size--h3">
             {alertInfo.header}
           </h4>
-          {alertInfo.body}
+          {alertInfo.secondBody}
         </va-alert>
       </>
     );

diff --git a/src/applications/combined-debt-portal/medical-copays/containers/SummaryPage.jsx b/src/applications/combined-debt-portal/medical-copays/containers/SummaryPage.jsx
@@ -29,13 +29,12 @@ const renderAlert = (alertType, debts) => {
         {alertInfo.header}
       </h2>
       {alertInfo.body}
-      {showOther && <OtherVADebts module={APP_TYPES.DEBT} subHeading />}
-      {alertType === ALERT_TYPES.ALL_ERROR && (
+      {alertInfo.secondHeader ? (
         <>
           <h3 className="vads-u-font-size--h4">{alertInfo.secondHeader}</h3>
           {alertInfo.secondBody}
         </>
-      )}
+      ) : null}
       {showVAReturnLink ? (
         <va-link
           active
@@ -45,6 +44,7 @@ const renderAlert = (alertType, debts) => {
           text="Return to VA.gov"
         />
       ) : null}
+      {showOther && <OtherVADebts module={APP_TYPES.DEBT} subHeading />}
     </va-alert>
   );
 };
@@ -62,7 +62,7 @@ const renderOtherVA = (debtLength, debtError) => {
           <h3 slot="headline" className="vads-u-font-size--h3">
             {alertInfo.header}
           </h3>
-          {alertInfo.body}
+          {alertInfo.secondBody}
         </va-alert>
       </>
     );