From 50e4d38d6b4982fbe31473b197294a445c1d5532 Mon Sep 17 00:00:00 2001
From: Todd Rizzolo <todd.rizzolo@adhocteam.us>
Date: Fri, 21 Feb 2025 14:07:28 -0700
Subject: [PATCH] Hide PII data on confirmation pages (#34830)

---
 .../containers/ConfirmationPage.jsx           | 10 ++++++--
 .../pensions/containers/ConfirmationPage.jsx  | 24 +++++++++++--------
 2 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/applications/burials-ez/containers/ConfirmationPage.jsx b/src/applications/burials-ez/containers/ConfirmationPage.jsx
index 3cb1f7607e8b..a84e2fb0dc43 100644
--- a/src/applications/burials-ez/containers/ConfirmationPage.jsx
+++ b/src/applications/burials-ez/containers/ConfirmationPage.jsx
@@ -97,7 +97,10 @@ const ConfirmationPage = ({ form, isLoggedIn, route }) => {
       <ul className="claim-list">
         <li>
           <h3>Who submitted this form</h3>
-          <span>
+          <span
+            className="dd-privacy-hidden"
+            data-dd-action-name="claimant full name"
+          >
             {claimantName?.first} {claimantName?.middle} {claimantName?.last}{' '}
             {claimantName?.suffix}
           </span>
@@ -112,7 +115,10 @@ const ConfirmationPage = ({ form, isLoggedIn, route }) => {
         </li>
         <li>
           <h3>Deceased Veteran</h3>
-          <span>
+          <span
+            className="dd-privacy-hidden"
+            data-dd-action-name="deceased veteran full name"
+          >
             {veteranName.first} {veteranName.middle} {veteranName.last}{' '}
             {veteranName.suffix}
           </span>
diff --git a/src/applications/pensions/containers/ConfirmationPage.jsx b/src/applications/pensions/containers/ConfirmationPage.jsx
index 905a242f3fdd..e2047df87f71 100644
--- a/src/applications/pensions/containers/ConfirmationPage.jsx
+++ b/src/applications/pensions/containers/ConfirmationPage.jsx
@@ -82,7 +82,9 @@ const ConfirmationPage = ({ route }) => {
             Your information for this application
           </h3>
           <h4>Your name</h4>
-          <p>{fullName}</p>
+          <p className="name dd-privacy-hidden" data-dd-action-name="full name">
+            {fullName}
+          </p>
           <h4>Date you submitted your application</h4>
           <p>{submittedAt}</p>
           {confirmationNumber && (
@@ -279,23 +281,25 @@ const ConfirmationPage = ({ route }) => {
               </p>
             </va-alert>
             <h4>Bank account you provided in your VA pension application</h4>
-            <p className="va-address-block">
+            <p className="va-address-block dd-privacy-hidden">
               {data.bankAccount.bankName && (
-                <>
+                <span data-dd-action-name="bank name">
                   {data.bankAccount.bankName}
                   <br />
-                </>
+                </span>
               )}
               {data.bankAccount.accountNumber ? (
-                <>
+                <span data-dd-action-name="bank account number">
                   {obfuscateAccountNumber(data.bankAccount.accountNumber)}
                   <br />
-                </>
+                </span>
+              ) : null}
+              {data.bankAccount.accountType ? (
+                <span data-dd-action-name="bank account type">
+                  {`${data.bankAccount.accountType.charAt(0).toUpperCase() +
+                    data.bankAccount.accountType.slice(1)} Account`}
+                </span>
               ) : null}
-              {data.bankAccount.accountType
-                ? `${data.bankAccount.accountType.charAt(0).toUpperCase() +
-                    data.bankAccount.accountType.slice(1)} Account`
-                : null}
             </p>
             <p>
               If you currently receive VA benefit payments through direct