Fix: refactor booking flow search params * wip: apply codemod and upgrade swc plugin * wip: design-system to react 19, fix issues from async (search)params * Prepare new parse function for booking flow search params * Prepare serialize function for booking flow search params * Improve handling of comma separated arrays * Slightly refactor for readability * Next abstracts URLSearchParams so handle the abstraction instead * Refactor booking widget to use new search params parsing * Rename search param functions * Refactor select-hotel to use new search param parser * Use new search params parser in select-rate and details * Fix hotelId type * Avoid passing down search params into BookingWidget components * More updates to use new types instead of SearchParams<T> * Remove types SelectHotelSearchParams and AlternativeSelectHotelSearchParams * Fix parseBookingWidgetSearchParams return type * Add error handling to booking search param parsers * Fix modifyRateIndex handling in details page * Clean up * Refactor booking widget search param serializing to util function * Move start page booking widget search param parsing to page * Use new search param serializer in HandleErrorCallback * Delete convertSearchParamsToObj & convertObjToSearchParams Approved-by: Michael Zetterberg
77 lines
2.5 KiB
TypeScript
77 lines
2.5 KiB
TypeScript
import { differenceInCalendarDays, format, isWeekend } from "date-fns"
|
|
|
|
import { ChildBedMapEnum } from "@/types/components/bookingWidget/enums"
|
|
import {
|
|
TrackingChannelEnum,
|
|
type TrackingSDKHotelInfo,
|
|
type TrackingSDKPageData,
|
|
} from "@/types/components/tracking"
|
|
import type { Lang } from "@/constants/languages"
|
|
import type { ChildrenInRoom } from "@/utils/hotelSearchDetails"
|
|
|
|
export function getTracking(
|
|
lang: Lang,
|
|
isAlternativeFor: boolean,
|
|
arrivalDate: Date,
|
|
departureDate: Date,
|
|
adultsInRoom: number[],
|
|
childrenInRoom: ChildrenInRoom,
|
|
hotelsResult: number,
|
|
hotelId: string | undefined,
|
|
noOfRooms: number,
|
|
country: string | undefined,
|
|
hotelCity: string | undefined,
|
|
paramCity: string | undefined,
|
|
bookingCode?: string,
|
|
isBookingCodeRateAvailable = false,
|
|
isRedemption?: boolean,
|
|
isRedemptionAvailable = false
|
|
) {
|
|
const pageTrackingData: TrackingSDKPageData = {
|
|
channel: TrackingChannelEnum["hotelreservation"],
|
|
domainLanguage: lang,
|
|
pageId: isAlternativeFor ? "alternative-hotels" : "select-hotel",
|
|
pageName: isAlternativeFor
|
|
? "hotelreservation|alternative-hotels"
|
|
: "hotelreservation|select-hotel",
|
|
pageType: "bookinghotelspage",
|
|
siteSections: isAlternativeFor
|
|
? "hotelreservation|alternative-hotels"
|
|
: "hotelreservation|select-hotel",
|
|
siteVersion: "new-web",
|
|
}
|
|
|
|
const hotelsTrackingData: TrackingSDKHotelInfo = {
|
|
ageOfChildren: childrenInRoom
|
|
?.map((c) => c?.map((k) => k.age).join(",") ?? "")
|
|
.join("|"),
|
|
arrivalDate: format(arrivalDate, "yyyy-MM-dd"),
|
|
availableResults: hotelsResult,
|
|
bookingTypeofDay: isWeekend(arrivalDate) ? "weekend" : "weekday",
|
|
childBedPreference: childrenInRoom
|
|
?.map((c) => c?.map((k) => ChildBedMapEnum[k.bed]).join(",") ?? "")
|
|
.join("|"),
|
|
country,
|
|
departureDate: format(departureDate, "yyyy-MM-dd"),
|
|
duration: differenceInCalendarDays(departureDate, arrivalDate),
|
|
leadTime: differenceInCalendarDays(arrivalDate, new Date()),
|
|
noOfAdults: adultsInRoom.join(","),
|
|
noOfChildren: childrenInRoom?.map((kids) => kids?.length ?? 0).join(","),
|
|
noOfRooms,
|
|
region: hotelCity,
|
|
searchTerm: isAlternativeFor ? hotelId : (paramCity as string),
|
|
searchType: "destination",
|
|
bookingCode: bookingCode ?? "n/a",
|
|
bookingCodeAvailability: bookingCode
|
|
? isBookingCodeRateAvailable.toString()
|
|
: undefined,
|
|
rewardNight: isRedemption ? "yes" : "no",
|
|
rewardNightAvailability: isRedemptionAvailable.toString(),
|
|
}
|
|
|
|
return {
|
|
hotelsTrackingData,
|
|
pageTrackingData,
|
|
}
|
|
}
|