fix: re-add tracking my-stay

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/CancelStay/Steps/FinalConfirmation/index.tsx

@@ -10,6 +10,7 @@ import { useMyStayStore } from "@/stores/my-stay"
 import Modal from "@/components/HotelReservation/MyStay/Modal"
 import { toast } from "@/components/TempDesignSystem/Toasts"
 import useLang from "@/hooks/useLang"
+import { trackCancelStay } from "@/utils/tracking"
 
 import CancelStayPriceContainer from "../CancelStayPriceContainer"
 
@@ -42,6 +43,11 @@ export default function FinalConfirmation({
 
   const cancelBookingsMutation = trpc.booking.cancel.useMutation({
     onSuccess(data, variables) {
+      for (const confirmationNumber of data) {
+        if (confirmationNumber) {
+          trackCancelStay(bookedRoom.hotelId, confirmationNumber)
+        }
+      }
       const allCancellationsWentThrough = data.every((cancelled) => cancelled)
       if (allCancellationsWentThrough) {
         if (data.length === rooms.length) {

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/CancelStay/index.tsx

@@ -3,6 +3,7 @@ import { Dialog, DialogTrigger } from "react-aria-components"
 import { useIntl } from "react-intl"
 
 import Modal from "@/components/HotelReservation/MyStay/Modal"
+import { trackMyStayPageLink } from "@/utils/tracking"
 
 import Alerts from "./Alerts"
 import Steps from "./Steps"
@@ -11,9 +12,14 @@ import styles from "./cancelStay.module.css"
 
 export default function CancelStay() {
   const intl = useIntl()
+
+  function trackCancelStay() {
+    trackMyStayPageLink("cancel booking")
+  }
+
   return (
     <DialogTrigger>
-      <Modal.Button icon="cancel">
+      <Modal.Button icon="cancel" onClick={trackCancelStay}>
         {intl.formatMessage({ defaultMessage: "Cancel stay" })}
       </Modal.Button>
       <Modal>

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/ChangeDates/index.tsx

@@ -5,6 +5,7 @@ import { useIntl } from "react-intl"
 import { useMyStayStore } from "@/stores/my-stay"
 
 import Modal from "@/components/HotelReservation/MyStay/Modal"
+import { trackMyStayPageLink } from "@/utils/tracking"
 
 import { dateHasPassed } from "../utils"
 import Alerts from "./Alerts"
@@ -29,10 +30,18 @@ export default function ChangeDates() {
     !isRewardNight &&
     dateHasPassed(checkInDate, checkInTime)
 
+  function trackChangeDates() {
+    trackMyStayPageLink("modify dates")
+  }
+
   const text = intl.formatMessage({ defaultMessage: "Change dates" })
   return (
     <DialogTrigger>
-      <Modal.Button icon="edit_calendar" isDisabled={isDisabled}>
+      <Modal.Button
+        icon="edit_calendar"
+        isDisabled={isDisabled}
+        onClick={trackChangeDates}
+      >
         {text}
       </Modal.Button>
       <Modal>

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/CustomerSupport/index.tsx

@@ -4,12 +4,18 @@ import { useIntl } from "react-intl"
 
 import Modal from "@/components/HotelReservation/MyStay/Modal"
 import CustomerSupportModal from "@/components/HotelReservation/MyStay/ReferenceCard/Actions/CustomerSupportModal"
+import { trackMyStayPageLink } from "@/utils/tracking"
 
 export default function CustomerSupport() {
   const intl = useIntl()
+
+  function trackCustomerSupport() {
+    trackMyStayPageLink("customer service")
+  }
+
   return (
     <DialogTrigger>
-      <Modal.Button icon="support_agent">
+      <Modal.Button icon="support_agent" onClick={trackCustomerSupport}>
         {intl.formatMessage({ defaultMessage: "Customer support" })}
       </Modal.Button>
       <CustomerSupportModal />

apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/GuaranteeLateArrival/index.tsx

@@ -7,6 +7,7 @@ import { Typography } from "@scandic-hotels/design-system/Typography"
 import { useMyStayStore } from "@/stores/my-stay"
 
 import Modal from "@/components/HotelReservation/MyStay/Modal"
+import { trackMyStayPageLink } from "@/utils/tracking"
 
 import { dateHasPassed } from "../utils"
 import Form from "./Form"
@@ -37,6 +38,10 @@ export default function GuaranteeLateArrival() {
     return null
   }
 
+  function trackGuaranteeLateArrival() {
+    trackMyStayPageLink("guarantee late arrival")
+  }
+
   const arriveLateMsg = intl.formatMessage({
     defaultMessage:
       "Planning to arrive after 18.00? Secure your room by guaranteeing it with a credit card. Without the guarantee and in case of no-show, the room might be reallocated after 18:00.",
@@ -47,7 +52,9 @@ export default function GuaranteeLateArrival() {
 
   return (
     <DialogTrigger>
-      <Modal.Button icon="check">{text}</Modal.Button>
+      <Modal.Button icon="check" onClick={trackGuaranteeLateArrival}>
+        {text}
+      </Modal.Button>
       <Modal>
         <Dialog className={styles.dialog}>
           {({ close }) => (