Merged in fix/SW-3001-select-hotel-booking-code- (pull request #2576)

Fix/SW-3001 select hotel booking code

* fix(SW-3001): Fixed booking code filter store to reset to default state when new search triggered, Removed state as using useState resets the value on every filter change

* fix: Route tracking parsing error in select-hotel page

* fix(SW-3001): Optimized code


Approved-by: Matilda Landström

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

@@ -12,6 +12,7 @@ import {
   selectHotel,
   selectHotelMap,
 } from "@/constants/routes/hotelReservation"
+import { useBookingCodeFilterStore } from "@/stores/bookingCode-filter"
 
 import useLang from "@/hooks/useLang"
 import { trackBookingSearchClick } from "@/utils/tracking/booking"
@@ -27,6 +28,7 @@ import type {
   BookingWidgetType,
 } from "@/types/components/bookingWidget"
 import type { BookingWidgetFormProps } from "@/types/components/form/bookingwidget"
+import { BookingCodeFilterEnum } from "@/types/enums/bookingCodeFilter"
 
 const formId = "booking-widget"
 
@@ -35,6 +37,9 @@ export default function Form({ type, onClose }: BookingWidgetFormProps) {
   const pathname = usePathname()
   const lang = useLang()
   const [isPending, startTransition] = useTransition()
+  const setBookingCodeFilter = useBookingCodeFilterStore(
+    (state) => state.setFilter
+  )
 
   const classNames = bookingWidgetVariants({
     type,
@@ -67,13 +72,19 @@ export default function Form({ type, onClose }: BookingWidgetFormProps) {
     startTransition(() => {
       router.push(`${bookingFlowPage}?${bookingWidgetParams.toString()}`)
     })
-    if (!data.bookingCode?.value) {
+
+    if (data.bookingCode?.value) {
+      // Reset the booking code filter if changed by user to "All rates"
+      setBookingCodeFilter(BookingCodeFilterEnum.Discounted)
+
+      if (data.bookingCode.remember) {
+        localStorage.setItem("bookingCode", JSON.stringify(data.bookingCode))
+      }
+    } else {
       setValue("bookingCode.remember", false, {
         shouldDirty: true,
       })
       localStorage.removeItem("bookingCode")
-    } else if (data.bookingCode?.remember) {
-      localStorage.setItem("bookingCode", JSON.stringify(data.bookingCode))
     }
     reset(data)
   }

apps/scandic-web/components/HotelReservation/SelectHotel/BookingCodeFilter/index.tsx

@@ -31,11 +31,7 @@ export default function BookingCodeFilter() {
   const activeCodeFilter = useBookingCodeFilterStore(
     (state) => state.activeCodeFilter
   )
-  const [filter, setFilter] = useState<BookingCodeFilterEnum>(
-    BookingCodeFilterEnum.Discounted
-  )
-
-  const setStoreFilter = useBookingCodeFilterStore((state) => state.setFilter)
+  const setFilter = useBookingCodeFilterStore((state) => state.setFilter)
 
   const displayAsPopover = useMediaQuery("(min-width: 768px)")
 
@@ -56,7 +52,6 @@ export default function BookingCodeFilter() {
 
   function updateFilter(selectedFilter: string) {
     setFilter(selectedFilter as BookingCodeFilterEnum)
-    setStoreFilter(filter)
   }
 
   // To fix the hyderation error