feat: add multiroom tracking to booking flow

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

@@ -1,4 +1,3 @@
-import { differenceInCalendarDays, format, isWeekend } from "date-fns"
 import { notFound } from "next/navigation"
 
 import { getBookingConfirmation } from "@/lib/trpc/memoizedRequests"
@@ -10,30 +9,20 @@ import Receipt from "@/components/HotelReservation/BookingConfirmation/Receipt"
 import Rooms from "@/components/HotelReservation/BookingConfirmation/Rooms"
 import SidePanel from "@/components/HotelReservation/SidePanel"
 import Divider from "@/components/TempDesignSystem/Divider"
-import TrackingSDK from "@/components/TrackingSDK"
-import { getLang } from "@/i18n/serverContext"
 import BookingConfirmationProvider from "@/providers/BookingConfirmationProvider"
 
-import { invertedBedTypeMap } from "../utils"
 import Alerts from "./Alerts"
 import Confirmation from "./Confirmation"
+import Tracking from "./Tracking"
 import { mapRoomState } from "./utils"
 
 import styles from "./bookingConfirmation.module.css"
 
 import type { BookingConfirmationProps } from "@/types/components/hotelReservation/bookingConfirmation/bookingConfirmation"
-import {
-  TrackingChannelEnum,
-  type TrackingSDKHotelInfo,
-  type TrackingSDKPageData,
-  type TrackingSDKPaymentInfo,
-} from "@/types/components/tracking"
-import { BreakfastPackageEnum } from "@/types/enums/breakfast"
 
 export default async function BookingConfirmation({
   confirmationNumber,
 }: BookingConfirmationProps) {
-  const lang = getLang()
   const bookingConfirmation = await getBookingConfirmation(confirmationNumber)
 
   if (!bookingConfirmation) {
@@ -44,74 +33,6 @@ export default async function BookingConfirmation({
     return notFound()
   }
 
-  const arrivalDate = new Date(booking.checkInDate)
-  const departureDate = new Date(booking.checkOutDate)
-
-  const selectedBreakfast = booking.packages.find(
-    (pkg) => pkg.code === BreakfastPackageEnum.REGULAR_BREAKFAST
-  )
-
-  const breakfastAncillary = selectedBreakfast && {
-    hotelid: hotel.operaId,
-    productName: "BreakfastAdult",
-    productCategory: "", // TODO: Add category
-    productId: selectedBreakfast.code ?? "",
-    productPrice: +selectedBreakfast.unitPrice,
-    productUnits: booking.adults,
-    productPoints: 0,
-    productType: "food",
-  }
-
-  const initialPageTrackingData: TrackingSDKPageData = {
-    pageId: "booking-confirmation",
-    domainLanguage: lang,
-    channel: TrackingChannelEnum["hotelreservation"],
-    pageName: `hotelreservation|confirmation`,
-    siteSections: `hotelreservation|confirmation`,
-    pageType: "confirmation",
-    siteVersion: "new-web",
-  }
-
-  const initialHotelsTrackingData: TrackingSDKHotelInfo = {
-    arrivalDate: format(arrivalDate, "yyyy-MM-dd"),
-    departureDate: format(departureDate, "yyyy-MM-dd"),
-    noOfAdults: booking.adults,
-    noOfChildren: booking.childrenAges?.length,
-    ageOfChildren: booking.childrenAges?.join(","),
-    childBedPreference: booking?.childBedPreferences
-      ?.flatMap((c) => Array(c.quantity).fill(invertedBedTypeMap[c.bedType]))
-      .join("|"),
-    noOfRooms: 1, // // TODO: Handle multiple rooms
-    duration: differenceInCalendarDays(departureDate, arrivalDate),
-    leadTime: differenceInCalendarDays(arrivalDate, new Date()),
-    searchType: "hotel",
-    bookingTypeofDay: isWeekend(arrivalDate) ? "weekend" : "weekday",
-    country: hotel?.address.country,
-    hotelID: hotel.operaId,
-    region: hotel?.address.city,
-    rateCode: booking.rateDefinition.rateCode ?? undefined,
-    //rateCodeType: , //TODO: Add when available in API. "regular, promotion, corporate etx",
-    rateCodeName: booking.rateDefinition.title ?? undefined,
-    rateCodeCancellationRule:
-      booking.rateDefinition?.cancellationText ?? undefined,
-    revenueCurrencyCode: booking.currencyCode,
-    breakfastOption: booking.rateDefinition.breakfastIncluded
-      ? "breakfast buffet"
-      : "no breakfast",
-    totalPrice: booking.totalPrice,
-    //specialRoomType: getSpecialRoomType(booking.packages), TODO: Add
-    //roomTypeName: booking.roomTypeCode ?? undefined, TODO: Do we get the name?
-    bedType: room?.bedType.name,
-    roomTypeCode: booking.roomTypeCode ?? undefined,
-    roomPrice: booking.roomPrice,
-    bnr: booking.confirmationNumber ?? undefined,
-    ancillaries: breakfastAncillary ? [breakfastAncillary] : [],
-  }
-
-  const paymentInfo: TrackingSDKPaymentInfo = {
-    paymentStatus: "confirmed",
-  }
-
   return (
     <BookingConfirmationProvider
       bookingCode={booking.bookingCode}
@@ -151,11 +72,7 @@ export default async function BookingConfirmation({
           </SidePanel>
         </aside>
       </Confirmation>
-      <TrackingSDK
-        pageData={initialPageTrackingData}
-        hotelInfo={initialHotelsTrackingData}
-        paymentInfo={paymentInfo}
-      />
+      <Tracking bookingConfirmation={bookingConfirmation} />
     </BookingConfirmationProvider>
   )
 }