feat: add multiroom tracking to booking flow

apps/scandic-web/components/HotelReservation/SelectRate/index.tsx

@@ -1,12 +1,9 @@
-import { differenceInCalendarDays, format, isWeekend } from "date-fns"
 import stringify from "json-stable-stringify-without-jsonify"
 import { notFound } from "next/navigation"
 import { Suspense } from "react"
 
 import { getHotel } from "@/lib/trpc/memoizedRequests"
 
-import { getValidDates } from "@/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/getValidDates"
-import { getHotelSearchDetails } from "@/app/[lang]/(live)/(public)/hotelreservation/(standard)/utils"
 import { auth } from "@/auth"
 import HotelInfoCard, {
   HotelInfoCardSkeleton,
@@ -14,16 +11,14 @@ import HotelInfoCard, {
 import { RoomsContainer } from "@/components/HotelReservation/SelectRate/RoomsContainer"
 import TrackingSDK from "@/components/TrackingSDK"
 import { setLang } from "@/i18n/serverContext"
+import { getHotelSearchDetails } from "@/utils/hotelSearchDetails"
 import { isValidSession } from "@/utils/session"
 import { convertSearchParamsToObj } from "@/utils/url"
 
-import { ChildBedMapEnum } from "@/types/components/bookingWidget/enums"
+import { getValidDates } from "./getValidDates"
+import { getTracking } from "./tracking"
+
 import type { SelectRateSearchParams } from "@/types/components/hotelReservation/selectRate/selectRate"
-import {
-  TrackingChannelEnum,
-  type TrackingSDKHotelInfo,
-  type TrackingSDKPageData,
-} from "@/types/components/tracking"
 import type { LangParams, PageArgs } from "@/types/params"
 
 export default async function SelectRatePage({
@@ -35,7 +30,7 @@ export default async function SelectRatePage({
   if (!searchDetails?.hotel) {
     return notFound()
   }
-  const { hotel, adultsInRoom, childrenInRoom, selectHotelParams } =
+  const { adultsInRoom, childrenInRoom, hotel, noOfRooms, selectHotelParams } =
     searchDetails
 
   const { fromDate, toDate } = getValidDates(
@@ -55,41 +50,24 @@ export default async function SelectRatePage({
   const arrivalDate = fromDate.toDate()
   const departureDate = toDate.toDate()
 
-  const pageTrackingData: TrackingSDKPageData = {
-    pageId: "select-rate",
-    domainLanguage: params.lang,
-    channel: TrackingChannelEnum["hotelreservation"],
-    pageName: "hotelreservation|select-rate",
-    siteSections: "hotelreservation|select-rate",
-    pageType: "bookingroomsandratespage",
-    siteVersion: "new-web",
-  }
-
-  const hotelsTrackingData: TrackingSDKHotelInfo = {
-    searchTerm: selectHotelParams.city ?? hotel?.name,
-    arrivalDate: format(arrivalDate, "yyyy-MM-dd"),
-    departureDate: format(departureDate, "yyyy-MM-dd"),
-    noOfAdults: adultsInRoom[0], // TODO: Handle multiple rooms
-    noOfChildren: childrenInRoom?.length,
-    ageOfChildren: childrenInRoom?.map((c) => c.age).join(","),
-    childBedPreference: childrenInRoom
-      ?.map((c) => ChildBedMapEnum[c.bed])
-      .join("|"),
-    noOfRooms: 1, // // TODO: Handle multiple rooms
-    duration: differenceInCalendarDays(departureDate, arrivalDate),
-    leadTime: differenceInCalendarDays(arrivalDate, new Date()),
-    searchType: "hotel",
-    bookingTypeofDay: isWeekend(arrivalDate) ? "weekend" : "weekday",
-    country: hotelData?.hotel.address.country,
-    hotelID: hotel?.id,
-    region: hotelData?.hotel.address.city,
-  }
-
-  const hotelId = +hotel.id
+  const { hotelsTrackingData, pageTrackingData } = getTracking(
+    params.lang,
+    arrivalDate,
+    departureDate,
+    adultsInRoom,
+    childrenInRoom,
+    hotel.id,
+    hotel.name,
+    noOfRooms,
+    hotelData?.hotel.address.country,
+    hotelData?.hotel.address.city,
+    selectHotelParams.city
+  )
 
   const booking = convertSearchParamsToObj<SelectRateSearchParams>(searchParams)
-  const suspenseKey = stringify(searchParams)
 
+  const hotelId = +hotel.id
+  const suspenseKey = stringify(searchParams)
   return (
     <>
       <Suspense fallback={<HotelInfoCardSkeleton />}>