From 5ac7e5deacc0d4e10cead0fe4513464975dadaa5 Mon Sep 17 00:00:00 2001
From: Bianca Widstam <bianca.widstam@scandichotels.com>
Date: Thu, 27 Nov 2025 13:09:37 +0000
Subject: [PATCH] Merged in fix/hotjar-suppress (pull request #3211)

Fix/hotjar suppress

* fix(hotjar): suppress personal info on my pages

* fix(hotjar): suppress more data


Approved-by: Linus Flood
---
 .../HotelReservation/MyStay/GuestDetails/index.tsx     | 10 +++++-----
 .../HotelReservation/MyStay/ModifyContact/index.tsx    |  6 +++---
 .../MyPages/DigitalTeamMemberCard/Content.tsx          |  6 ++++--
 .../MyPages/Profile/MembershipCards/index.tsx          |  2 +-
 apps/scandic-web/components/MyPages/Profile/index.tsx  |  2 +-
 5 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/index.tsx
index 0c1d9d2a0..d3ed766e3 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/GuestDetails/index.tsx
@@ -198,7 +198,7 @@ export default function GuestDetails({
         </Typography>
         {isMemberBooking && user.membership && (
           <Typography variant="Body/Paragraph/mdRegular">
-            <p className={styles.memberNumber}>
+            <p className={styles.memberNumber} data-hj-suppress>
               {intl.formatMessage(
                 {
                   id: "myStay.membershipId",
@@ -213,18 +213,18 @@ export default function GuestDetails({
         )}
         <div className={styles.contactInfoMobile}>
           <Typography variant="Body/Supporting text (caption)/smRegular">
-            <p>{guest.email}</p>
+            <p data-hj-suppress>{guest.email}</p>
           </Typography>
           <Typography variant="Body/Supporting text (caption)/smRegular">
-            <p>{guest.phoneNumber}</p>
+            <p data-hj-suppress>{guest.phoneNumber}</p>
           </Typography>
         </div>
         <div className={styles.contactInfoDesktop}>
           <Typography variant="Body/Paragraph/mdRegular">
-            <p>{guest.email}</p>
+            <p data-hj-suppress>{guest.email}</p>
           </Typography>
           <Typography variant="Body/Paragraph/mdRegular">
-            <p>{guest.phoneNumber}</p>
+            <p data-hj-suppress>{guest.phoneNumber}</p>
           </Typography>
         </div>
       </div>
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ModifyContact/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/ModifyContact/index.tsx
index ab2adfe1f..8fc42c5c1 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/ModifyContact/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/ModifyContact/index.tsx
@@ -124,15 +124,15 @@ export default function ModifyContact({
           </Typography>
           <div className={styles.container}>
             <Typography variant="Body/Paragraph/mdBold">
-              <p>
+              <p data-hj-suppress>
                 {getValues("firstName")} {getValues("lastName")}
               </p>
             </Typography>
             <Typography variant="Body/Paragraph/mdRegular">
-              <p>{getValues("email")}</p>
+              <p data-hj-suppress>{getValues("email")}</p>
             </Typography>
             <Typography variant="Body/Paragraph/mdRegular">
-              <p>{phoneNumber}</p>
+              <p data-hj-suppress>{phoneNumber}</p>
             </Typography>
           </div>
         </>
diff --git a/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Content.tsx b/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Content.tsx
index 9a4e0bd7f..6cc7cf286 100644
--- a/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Content.tsx
+++ b/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Content.tsx
@@ -135,7 +135,9 @@ export default function DigitalTeamMemberCardContent({
           <div className={styles.middle}>
             <div className={styles.employeeNumber}>
               <Typography variant="Title/sm">
-                <div>{employeeInfo?.employeeId || notAvailableText}</div>
+                <div data-hj-suppress>
+                  {employeeInfo?.employeeId || notAvailableText}
+                </div>
               </Typography>
               <svg
                 width="42"
@@ -154,7 +156,7 @@ export default function DigitalTeamMemberCardContent({
             </div>
 
             <Typography variant="Title/md">
-              <div>
+              <div data-hj-suppress>
                 {user.firstName} {user.lastName}
               </div>
             </Typography>
diff --git a/apps/scandic-web/components/MyPages/Profile/MembershipCards/index.tsx b/apps/scandic-web/components/MyPages/Profile/MembershipCards/index.tsx
index 517ad8758..a24f26322 100644
--- a/apps/scandic-web/components/MyPages/Profile/MembershipCards/index.tsx
+++ b/apps/scandic-web/components/MyPages/Profile/MembershipCards/index.tsx
@@ -60,7 +60,7 @@ export default async function MembershipCardSlot() {
               }
             )}
           </span>
-          <span>
+          <span data-hj-suppress>
             {intl.formatMessage(
               {
                 id: "myPages.numberWithValue",
diff --git a/apps/scandic-web/components/MyPages/Profile/index.tsx b/apps/scandic-web/components/MyPages/Profile/index.tsx
index a1a805cc8..d99bd9e9a 100644
--- a/apps/scandic-web/components/MyPages/Profile/index.tsx
+++ b/apps/scandic-web/components/MyPages/Profile/index.tsx
@@ -160,7 +160,7 @@ export default async function Profile() {
               <p>{label}</p>
             </Typography>
             <Typography variant="Body/Paragraph/mdRegular">
-              <p>{value}</p>
+              <p data-hj-suppress>{value}</p>
             </Typography>
           </div>
         ))}