From 1fb90ba9bd4c3802063ac394070887509ada7f01 Mon Sep 17 00:00:00 2001
From: Linus Flood <linus.flood@scandichotels.com>
Date: Fri, 29 Nov 2024 08:36:21 +0100
Subject: [PATCH] More props to track in enter details

---
 .../(standard)/step/enterDetailsTracking.tsx  | 78 ++++++++++++++++++-
 .../hotelreservation/(standard)/step/page.tsx |  2 +
 types/components/tracking.ts                  |  2 +-
 3 files changed, 77 insertions(+), 5 deletions(-)

diff --git a/app/[lang]/(live)/(public)/hotelreservation/(standard)/step/enterDetailsTracking.tsx b/app/[lang]/(live)/(public)/hotelreservation/(standard)/step/enterDetailsTracking.tsx
index 03256c62e..3a923a924 100644
--- a/app/[lang]/(live)/(public)/hotelreservation/(standard)/step/enterDetailsTracking.tsx
+++ b/app/[lang]/(live)/(public)/hotelreservation/(standard)/step/enterDetailsTracking.tsx
@@ -4,30 +4,75 @@ import { usePathname } from "next/navigation"
 import { useEffect, useMemo } from "react"
 
 import { Lang } from "@/constants/languages"
+import { RoomConfiguration } from "@/server/routers/hotels/output"
 import { useEnterDetailsStore } from "@/stores/enter-details"
 import useTrackingStore from "@/stores/tracking"
 
 import { createSDKPageObject } from "@/utils/tracking"
 
+import { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
 import {
   TrackingChannelEnum,
   TrackingSDKHotelInfo,
   TrackingSDKPageData,
   TrackingSDKUserData,
 } from "@/types/components/tracking"
+import { Packages } from "@/types/requests/packages"
 
 type Props = {
   initialHotelsTrackingData: TrackingSDKHotelInfo
   userTrackingData: TrackingSDKUserData
   lang: Lang
+  selectedRoom: RoomConfiguration
+  cancellationRule: string
 }
 
 export default function EnterDetailsTracking(props: Props) {
-  const { initialHotelsTrackingData, userTrackingData, lang } = props
-  const currentStep = useEnterDetailsStore((state) => state.currentStep)
+  const {
+    initialHotelsTrackingData,
+    userTrackingData,
+    lang,
+    selectedRoom,
+    cancellationRule,
+  } = props
+
+  const {
+    currentStep,
+    bedType,
+    breakfast,
+    totalPrice,
+    roomPrice,
+    roomRate,
+    packages,
+  } = useEnterDetailsStore((state) => state)
   const { getPageLoadTime, hasRun } = useTrackingStore()
   const pathName = usePathname()
 
+  const getSpecialRoomType = (packages: Packages | null) => {
+    if (!packages) {
+      return ""
+    }
+
+    const specialRoom = packages.find((p) =>
+      [
+        RoomPackageCodeEnum.PET_ROOM,
+        RoomPackageCodeEnum.ALLERGY_ROOM,
+        RoomPackageCodeEnum.ACCESSIBILITY_ROOM,
+      ].includes(p.code)
+    )
+
+    switch (specialRoom?.code) {
+      case RoomPackageCodeEnum.PET_ROOM:
+        return "pet-friendly"
+      case RoomPackageCodeEnum.ALLERGY_ROOM:
+        return "allergy room"
+      case RoomPackageCodeEnum.ACCESSIBILITY_ROOM:
+        return "accessibility room"
+      default:
+        return ""
+    }
+  }
+
   const pageObject = useMemo(() => {
     const pageTrackingData: TrackingSDKPageData = {
       pageId: currentStep,
@@ -48,9 +93,34 @@ export default function EnterDetailsTracking(props: Props) {
   }, [currentStep, getPageLoadTime, lang, pathName])
 
   const hotelDetailsData = useMemo(() => {
-    const data: TrackingSDKHotelInfo = { ...initialHotelsTrackingData }
+    const data: TrackingSDKHotelInfo = {
+      ...initialHotelsTrackingData,
+      rateCode: roomRate.memberRate?.rateCode,
+      rateCodeType: roomRate.memberRate?.rateType,
+      rateCodeName: roomRate.memberRate?.rateCode,
+      rateCodeCancellationRule: cancellationRule,
+      revenueCurrencyCode: roomRate.memberRate?.requestedPrice?.currency,
+      breakfastOption: breakfast ? "breakfast buffet" : "no breakfast",
+      totalPrice: totalPrice.euro?.price,
+      specialRoomType: getSpecialRoomType(packages),
+      roomTypeName: selectedRoom.roomType,
+      bedType: bedType?.description,
+      roomTypeCode: bedType?.roomTypeCode,
+      roomPrice: roomPrice?.euro?.price,
+    }
+
     return data
-  }, [initialHotelsTrackingData])
+  }, [
+    initialHotelsTrackingData,
+    selectedRoom,
+    cancellationRule,
+    bedType,
+    roomPrice,
+    totalPrice,
+    roomRate,
+    breakfast,
+    packages,
+  ])
 
   useEffect(() => {
     if (!hasRun) {
diff --git a/app/[lang]/(live)/(public)/hotelreservation/(standard)/step/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/(standard)/step/page.tsx
index 5b02afad9..0074b0a46 100644
--- a/app/[lang]/(live)/(public)/hotelreservation/(standard)/step/page.tsx
+++ b/app/[lang]/(live)/(public)/hotelreservation/(standard)/step/page.tsx
@@ -277,6 +277,8 @@ export default async function StepPage({
       <EnterDetailsTracking
         initialHotelsTrackingData={initialHotelsTrackingData}
         userTrackingData={userTrackingData}
+        selectedRoom={roomAvailability.selectedRoom}
+        cancellationRule={roomAvailability.cancellationText}
         lang={lang}
       />
       <TrackingSDK
diff --git a/types/components/tracking.ts b/types/components/tracking.ts
index ecf02269d..5273b92d3 100644
--- a/types/components/tracking.ts
+++ b/types/components/tracking.ts
@@ -60,7 +60,7 @@ export type TrackingSDKHotelInfo = {
   availableResults?: number // Number of hotels to choose from after a city search
   bookingTypeofDay?: "weekend" | "weekday"
   searchTerm?: string
-  roomPrice?: string
+  roomPrice?: number
   rateCode?: string
   rateCodeCancellationRule?: string
   rateCodeName?: string // Scandic Friends - full flex inkl. frukost