feat(BOOK-463): Fetching hotel filters from CMS and using these inside the destination pages and select hotel page

* feat(BOOK-463): Fetching hotel filters from CMS and using these inside the destination pages

* fix(BOOK-698): fetch hotel filters from CMS on select hotel page

Approved-by: Bianca Widstam

apps/scandic-web/stores/hotel-listing-data/helper.ts

@@ -4,6 +4,11 @@ import {
   HotelSortOption,
 } from "@scandic-hotels/trpc/types/hotel"
 
+import type {
+  HotelFilter,
+  HotelFilters,
+} from "@scandic-hotels/trpc/routers/hotels/filters/output"
+
 const HOTEL_SORTING_STRATEGIES: Partial<
   Record<
     HotelSortOption,
@@ -20,16 +25,15 @@ const HOTEL_SORTING_STRATEGIES: Partial<
 
 export function getFilteredHotels(
   hotels: HotelListingHotelData[],
-  filters: string[]
+  filters: HotelFilter[]
 ) {
   if (filters.length) {
     return hotels.filter(({ hotel }) =>
       filters.every((filter) => {
         const matchesFacility = hotel.detailedFacilities.some(
-          (facility) => facility.slug === filter
+          (facility) => facility.id === Number(filter.id)
         )
-        const matchesCountry =
-          hotel.countryCode.toLowerCase() === filter.toLowerCase()
+        const matchesCountry = hotel.countryCode === filter.id
         return matchesFacility || matchesCountry
       })
     )
@@ -51,3 +55,50 @@ export function isValidSortOption(
 ): value is HotelSortOption {
   return sortItems.map((item) => item.value).includes(value as HotelSortOption)
 }
+
+export function getFiltersWithHotelCount(
+  hotelFilters: HotelFilters,
+  hotels: HotelListingHotelData[]
+): HotelFilters {
+  const flattenedFilters = Object.values(hotelFilters).flat()
+  const filterHotelCounts: Record<string, number> = {}
+
+  hotels.forEach(({ hotel }) => {
+    hotel.detailedFacilities.forEach((facility) => {
+      filterHotelCounts[facility.id] = (filterHotelCounts[facility.id] || 0) + 1
+    })
+
+    if (hotel.countryCode) {
+      filterHotelCounts[hotel.countryCode] =
+        (filterHotelCounts[hotel.countryCode] || 0) + 1
+    }
+  })
+
+  return flattenedFilters.reduce(
+    (acc, filter) => {
+      if (filter.filterType === "facility") {
+        acc.facilityFilters.push({
+          ...filter,
+          hotelCount: filterHotelCounts[filter.id] ?? 0,
+        })
+      } else if (filter.filterType === "surroundings") {
+        acc.surroundingsFilters.push({
+          ...filter,
+          hotelCount: filterHotelCounts[filter.id] ?? 0,
+        })
+      } else if (filter.filterType === "country") {
+        acc.countryFilters.push({
+          ...filter,
+          filterType: "country",
+          hotelCount: filterHotelCounts[filter.id] ?? 0,
+        })
+      }
+      return acc
+    },
+    {
+      facilityFilters: [],
+      surroundingsFilters: [],
+      countryFilters: [],
+    } as HotelFilters
+  )
+}