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

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>

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>
         </>

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>

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",

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>
         ))}