03468ad824
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
68 lines
1.5 KiB
TypeScript
68 lines
1.5 KiB
TypeScript
"use client"
|
|
|
|
import { useSearchParams } from "next/navigation"
|
|
import React from "react"
|
|
|
|
import { REDEMPTION } from "@/constants/booking"
|
|
|
|
import TrackingSDK from "@/components/TrackingSDK"
|
|
import useLang from "@/hooks/useLang"
|
|
import { parseSelectRateSearchParams, searchParamsToRecord } from "@/utils/url"
|
|
|
|
import { getValidDates } from "../getValidDates"
|
|
import { getTracking } from "./tracking"
|
|
|
|
import type { ChildrenInRoom } from "@/utils/hotelSearchDetails"
|
|
|
|
export default function Tracking({
|
|
adultsInRoom,
|
|
childrenInRoom,
|
|
hotelId,
|
|
hotelName,
|
|
noOfRooms,
|
|
country,
|
|
city,
|
|
}: {
|
|
adultsInRoom: number[]
|
|
childrenInRoom: ChildrenInRoom
|
|
hotelId: string
|
|
hotelName: string
|
|
noOfRooms: number
|
|
country: string
|
|
city: string
|
|
}) {
|
|
const lang = useLang()
|
|
const params = useSearchParams()
|
|
const booking = parseSelectRateSearchParams(searchParamsToRecord(params))
|
|
|
|
if (!booking) return null
|
|
|
|
const { fromDate, toDate } = getValidDates(booking.fromDate, booking.toDate)
|
|
|
|
const { rooms, searchType, bookingCode, city: paramCity } = booking
|
|
|
|
const arrivalDate = fromDate.toDate()
|
|
const departureDate = toDate.toDate()
|
|
|
|
const { hotelsTrackingData, pageTrackingData } = getTracking(
|
|
lang,
|
|
arrivalDate,
|
|
departureDate,
|
|
adultsInRoom,
|
|
childrenInRoom,
|
|
hotelId,
|
|
hotelName,
|
|
noOfRooms,
|
|
country,
|
|
city,
|
|
paramCity,
|
|
bookingCode,
|
|
searchType === REDEMPTION,
|
|
rooms
|
|
)
|
|
|
|
return (
|
|
<TrackingSDK pageData={pageTrackingData} hotelInfo={hotelsTrackingData} />
|
|
)
|
|
}
|