Merged in feat(SW-1993)-tracking-mystay-cancellation (pull request #1588)

Feat(SW-1993) tracking mystay

* feat(SW-1993) added trackEvent for cancelStay and mypagelink

* feat(SW-1993) implement trackCancelStay and trackMyStayPageLink


Approved-by: Linus Flood

apps/scandic-web/components/HotelReservation/MyStay/BookingSummary/SummaryCard/index.tsx

@@ -17,6 +17,7 @@ interface SummaryCardProps {
     href: string
     text: string
     icon: React.ReactNode
+    onClick?: () => void
   }[]
   chip?: React.ReactNode
 }
@@ -59,6 +60,7 @@ export default function SummaryCard({
                     target="_blank"
                     color="burgundy"
                     className={styles.link}
+                    onClick={link.onClick}
                   >
                     {link.icon}
                     {link.text}

apps/scandic-web/components/HotelReservation/MyStay/BookingSummary/index.tsx

@@ -19,6 +19,7 @@ import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import { Toast } from "@/components/TempDesignSystem/Toasts"
 import useLang from "@/hooks/useLang"
 import { formatPrice } from "@/utils/numberFormatting"
+import { trackMyStayPageLink } from "@/utils/tracking"
 
 import { useMyStayRoomDetailsStore } from "../stores/myStayRoomDetailsStore"
 import { useMyStayTotalPriceStore } from "../stores/myStayTotalPrice"
@@ -146,16 +147,19 @@ export default function BookingSummary({
               href: directionsUrl,
               text: intl.formatMessage({ id: "Directions" }),
               icon: <DirectionsIcon width={20} height={20} color="burgundy" />,
+              onClick: () => trackMyStayPageLink("see on map"),
             },
             {
               href: `mailto:${hotel.contactInformation.email}`,
               text: intl.formatMessage({ id: "Email" }),
               icon: <EmailIcon width={20} height={20} color="burgundy" />,
+              onClick: () => trackMyStayPageLink("email us"),
             },
             {
               href: hotel.contactInformation.websiteUrl,
               text: intl.formatMessage({ id: "Homepage" }),
               icon: <LinkIcon width={20} height={20} color="burgundy" />,
+              onClick: () => trackMyStayPageLink("hotel homepage"),
             },
           ]}
         />