Merged in fix/refactor-booking-flow-search-params (pull request #2148)

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

apps/scandic-web/stores/tracking.ts

@@ -2,14 +2,12 @@
 
 import { create } from "zustand"
 
-import { convertSearchParamsToObj, searchParamsToRecord } from "@/utils/url"
+import { parseSelectRateSearchParams, searchParamsToRecord } from "@/utils/url"
 
 import { checkIsSameBooking } from "./enter-details/helpers"
 
 import type { ReadonlyURLSearchParams } from "next/navigation"
 
-import type { SelectRateSearchParams } from "@/types/components/hotelReservation/selectRate/selectRate"
-
 interface TrackingStoreState {
   initialStartTime: number
   setInitialPageLoadTime: (time: number) => void
@@ -81,14 +79,15 @@ const useTrackingStore = create<TrackingStoreState>((set, get) => ({
     if (!currentPath?.match(/^\/(da|de|en|fi|no|sv)\/(hotelreservation)/))
       return false
 
-    const previousParamsObject =
-      convertSearchParamsToObj<SelectRateSearchParams>(
-        searchParamsToRecord(previousParams)
-      )
-    const currentParamsObject =
-      convertSearchParamsToObj<SelectRateSearchParams>(
-        searchParamsToRecord(currentParams)
-      )
+    const previousParamsObject = parseSelectRateSearchParams(
+      searchParamsToRecord(previousParams)
+    )
+    const currentParamsObject = parseSelectRateSearchParams(
+      searchParamsToRecord(currentParams)
+    )
+
+    if (!previousParamsObject && !currentParamsObject) return false
+    if (!previousParamsObject || !currentParamsObject) return true
 
     const isSameBooking = checkIsSameBooking(
       previousParamsObject,