feat(BOOK-55): Listen to SEO filter slugs when navigating to such page

Approved-by: Chuma Mcphoy (We Ahead)
Approved-by: Matilda Landström

apps/scandic-web/stores/destination-data/index.ts

@@ -2,6 +2,7 @@ import { produce } from "immer"
 import { useContext } from "react"
 import { create, useStore } from "zustand"
 
+import { mergeHotelFiltersAndSeoFilters } from "@scandic-hotels/trpc/utils/getFiltersFromHotels"
 import { getSortedCities } from "@scandic-hotels/trpc/utils/getSortedCities"
 
 import { DestinationDataContext } from "@/contexts/DestinationData"
@@ -28,15 +29,17 @@ import type {
 export function createDestinationDataStore({
   allCities,
   allHotels,
-  allFilters,
+  hotelFilters,
+  seoFilters,
   pathname,
   sortItems,
   searchParams,
 }: InitialState) {
   const defaultSort =
     sortItems.find((s) => s.isDefault)?.value ?? sortItems[0].value
-  const flattenedFilters = Object.values(allFilters).flat<HotelFilter[]>()
-  const allFilterSlugs = flattenedFilters.map((filter) => filter.slug)
+  const allFilters = mergeHotelFiltersAndSeoFilters(hotelFilters, seoFilters)
+  const allFlattenedFilters = Object.values(allFilters).flat<HotelFilter[]>()
+  const allFilterSlugs = allFlattenedFilters.map((filter) => filter.slug)
   const activeFilters: HotelFilter[] = []
   let filterFromUrl: HotelFilter | null = null
 
@@ -47,7 +50,7 @@ export function createDestinationDataStore({
   if (basePathnameWithoutFilters !== pathname) {
     const pathParts = pathname.split("/")
     filterFromUrl =
-      flattenedFilters.find(
+      allFlattenedFilters.find(
         (filter) => filter.slug === pathParts[pathParts.length - 1]
       ) ?? null
     if (filterFromUrl) {
@@ -76,11 +79,11 @@ export function createDestinationDataStore({
               sort && isValidSortOption(sort, state.sortItems)
                 ? sort
                 : state.defaultSort
-            const filters = flattenedFilters.filter((filter) =>
+            const filters = allFlattenedFilters.filter((filter) =>
               filterSlugs.includes(filter.slug)
             )
             const filterFromUrl =
-              flattenedFilters.find(
+              allFlattenedFilters.find(
                 (filter) => filter.slug === filterSlugFromUrl
               ) ?? null
             const filteredHotels = getFilteredHotels(state.allHotels, filters)