Merged in fix/SW-2668-tracking-room-details-missing (pull request #2015)

fix(SW-2668): added search term and room details to tracking

* fix(SW-2668): added search term and room details to tracking

* fix: change to optional type


Approved-by: Christian Andolf
Approved-by: Matilda Landström

apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/details/page.tsx

@@ -156,7 +156,6 @@ export default async function DetailsPage({
       <EnterDetailsTrackingWrapper
         booking={booking}
         hotel={hotel}
-        city={searchParams.city}
         isMember={!!user}
         lang={lang}
         rooms={rooms}

apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/index.tsx

@@ -13,10 +13,10 @@ import { Typography } from "@scandic-hotels/design-system/Typography"
 import { type AutoCompleteLocation } from "@/server/routers/autocomplete/schema"
 
 import SkeletonShimmer from "@/components/SkeletonShimmer"
+import { useSearchHistory } from "@/hooks/useSearchHistory"
 
 import { Input } from "../Input"
 import SearchList from "./SearchList"
-import { useSearchHistory } from "./useSearchHistory"
 
 import styles from "./search.module.css"
 

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

@@ -6,6 +6,7 @@ import { useBookingConfirmationStore } from "@/stores/booking-confirmation"
 
 import TrackingSDK from "@/components/TrackingSDK"
 import useLang from "@/hooks/useLang"
+import { useSearchHistory } from "@/hooks/useSearchHistory"
 
 import { getTracking } from "./tracking"
 
@@ -33,6 +34,9 @@ export default function Tracking({
     sessionStorage.setItem("loadedBookingConfirmationRefId", refId)
   }, [refId])
 
+  const searchHistory = useSearchHistory()
+  const searchTerm = searchHistory.searchHistory[0]?.name
+
   if (!bookingRooms.every(Boolean)) {
     return null
   }
@@ -44,7 +48,8 @@ export default function Tracking({
       lang,
       bookingConfirmation.booking,
       bookingConfirmation.hotel,
-      rooms
+      rooms,
+      searchTerm
     )
 
   return (

apps/scandic-web/components/HotelReservation/BookingConfirmation/Tracking/tracking.ts

@@ -58,7 +58,8 @@ export function getTracking(
   lang: Lang,
   booking: BookingConfirmation["booking"],
   hotel: BookingConfirmation["hotel"],
-  rooms: Room[]
+  rooms: Room[],
+  searchTerm?: string
 ) {
   const arrivalDate = new Date(booking.checkInDate)
   const departureDate = new Date(booking.checkOutDate)
@@ -150,6 +151,7 @@ export function getTracking(
     points: booking.roomPoints > 0 ? booking.roomPoints : undefined,
     roomPrice: rooms.reduce((total, room) => total + room.roomPrice, 0),
     roomTypeCode: rooms.map((r) => r.roomTypeCode ?? "").join(","),
+    searchTerm,
     searchType: "hotel",
     specialRoomType: rooms
       .map((room) => getSpecialRoomType(room.packages))

apps/scandic-web/components/HotelReservation/EnterDetails/Tracking/index.tsx

@@ -3,6 +3,7 @@
 import { useEnterDetailsStore } from "@/stores/enter-details"
 
 import TrackingSDK from "@/components/TrackingSDK"
+import { useSearchHistory } from "@/hooks/useSearchHistory"
 
 import { getTracking } from "./tracking"
 
@@ -16,7 +17,6 @@ interface TrackingWrapperProps {
   booking: SelectHotelParams<SelectRateSearchParams>
   hotel: Hotel
   rooms: Room[]
-  city: string | undefined
   isMember: boolean
   lang: Lang
 }
@@ -25,7 +25,6 @@ export default function EnterDetailsTrackingWrapper({
   booking,
   hotel,
   rooms,
-  city,
   isMember,
   lang,
 }: TrackingWrapperProps) {
@@ -34,15 +33,18 @@ export default function EnterDetailsTrackingWrapper({
     breakfastPackages: state.breakfastPackages,
   }))
 
+  const searchHistory = useSearchHistory()
+  const searchTerm = searchHistory.searchHistory[0]?.name
+
   const { hotelsTrackingData, pageTrackingData, ancillaries } = getTracking(
     booking,
     hotel,
     rooms,
-    city,
     isMember,
     lang,
     storedRooms,
-    breakfastPackages
+    breakfastPackages,
+    searchTerm
   )
   return (
     <TrackingSDK

apps/scandic-web/components/HotelReservation/EnterDetails/Tracking/tracking.ts

@@ -31,11 +31,11 @@ export function getTracking(
   booking: SelectHotelParams<SelectRateSearchParams>,
   hotel: Hotel,
   rooms: Room[],
-  city: string | undefined,
   isMember: boolean,
   lang: Lang,
   storedRooms: RoomState[],
-  breakfastPackages: BreakfastPackages
+  breakfastPackages: BreakfastPackages,
+  searchTerm?: string
 ) {
   const arrivalDate = new Date(booking.fromDate)
   const departureDate = new Date(booking.toDate)
@@ -185,12 +185,14 @@ export function getTracking(
     rewardNightAvailability:
       booking.searchType === REDEMPTION ? "true" : "false",
     roomPrice: calcTotalRoomPrice(storedRooms, isMember),
+    roomTypeCode: rooms.map((room) => room.roomTypeCode).join("|"),
+    roomTypeName: rooms.map((room) => room.roomType).join("|"),
     totalPrice: calcTotalPrice(storedRooms, isMember),
     points:
       // @ts-expect-error - redemption object doesn't exist error
       rooms.find((room) => "redemption" in room.roomRate)?.roomRate.redemption
         .localPrice.pointsPerStay ?? "n/a",
-    searchTerm: city,
+    searchTerm,
     searchType: "hotel",
     specialRoomType: rooms
       .map((room) => getSpecialRoomType(room.packages))