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

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

packages/trpc/lib/routers/contentstack/destinationCityPage/output.ts

@@ -13,7 +13,7 @@ import {
 import { contentRefsSchema, contentSchema } from "../schemas/blocks/content"
 import {
   destinationFiltersRefsSchema,
-  destinationFiltersSchema,
+  transformedDestinationFiltersSchema,
 } from "../schemas/destinationFilters"
 import { mapLocationSchema } from "../schemas/mapLocation"
 import {
@@ -163,7 +163,7 @@ export const destinationCityPageSchema = z.object({
       })
       .nullish(),
     blocks: discriminatedUnionArray(blocksSchema.options).nullable(),
-    seo_filters: destinationFiltersSchema,
+    seo_filters: transformedDestinationFiltersSchema,
     system: systemSchema.merge(
       z.object({
         created_at: z.string(),

packages/trpc/lib/routers/contentstack/destinationCountryPage/output.ts

@@ -13,7 +13,7 @@ import {
 import { contentRefsSchema, contentSchema } from "../schemas/blocks/content"
 import {
   destinationFiltersRefsSchema,
-  destinationFiltersSchema,
+  transformedDestinationFiltersSchema,
 } from "../schemas/destinationFilters"
 import { mapLocationSchema } from "../schemas/mapLocation"
 import {
@@ -92,7 +92,7 @@ export const destinationCountryPageSchema = z.object({
       })
       .nullish(),
     blocks: discriminatedUnionArray(blocksSchema.options).nullable(),
-    seo_filters: destinationFiltersSchema,
+    seo_filters: transformedDestinationFiltersSchema,
     system: systemSchema.merge(
       z.object({
         created_at: z.string(),

packages/trpc/lib/routers/contentstack/metadata/output.ts

@@ -12,6 +12,7 @@ import { Country } from "../../../types/country"
 import { RTETypeEnum } from "../../../types/RTEenums"
 import { additionalDataAttributesSchema } from "../../hotels/schemas/hotel/include/additionalData"
 import { imageSchema } from "../../hotels/schemas/image"
+import { destinationFiltersSchema } from "../schemas/destinationFilters"
 import { systemSchema } from "../schemas/system"
 
 import type { Lang } from "@scandic-hotels/common/constants/language"
@@ -166,6 +167,7 @@ export const rawMetadataSchema = z.object({
       cities: z.array(z.string()).nullish(),
     })
     .nullish(),
+  seo_filters: destinationFiltersSchema,
   system: systemSchema,
 })
 

packages/trpc/lib/routers/contentstack/metadata/utils.ts

@@ -1,6 +1,9 @@
 import { ApiCountry } from "../../../types/country"
 import { HotelSortOption } from "../../../types/hotel"
-import { getFiltersFromHotels } from "../../../utils/getFiltersFromHotels"
+import {
+  getFiltersFromHotels,
+  mergeHotelFiltersAndSeoFilters,
+} from "../../../utils/getFiltersFromHotels"
 import { getSortedCities } from "../../../utils/getSortedCities"
 import {
   getCityByCityIdentifier,
@@ -9,6 +12,7 @@ import {
   getHotelsByHotelIds,
 } from "../../hotels/utils"
 import { getCityPages } from "../destinationCountryPage/utils"
+import { transformDestinationFiltersResponse } from "../schemas/destinationFilters"
 
 import type { Lang } from "@scandic-hotels/common/constants/language"
 
@@ -24,6 +28,7 @@ export async function getCityData(
   lang: Lang
 ) {
   const destinationSettings = data.destination_settings
+  const seoFilters = transformDestinationFiltersResponse(data.seo_filters)
   const filter = input.filterFromUrl
 
   if (destinationSettings) {
@@ -61,7 +66,11 @@ export async function getCityData(
 
       let filterType
       if (filter) {
-        const allFilters = getFiltersFromHotels(hotels, lang)
+        const hotelFilters = getFiltersFromHotels(hotels, lang)
+        const allFilters = mergeHotelFiltersAndSeoFilters(
+          hotelFilters,
+          seoFilters
+        )
         const facilityFilter = allFilters.facilityFilters.find(
           (f) => f.slug === filter
         )

packages/trpc/lib/routers/contentstack/schemas/destinationFilters.ts

@@ -1,8 +1,8 @@
 import { z } from "zod"
 
+import { FacilityEnum } from "@scandic-hotels/common/constants/facilities"
 import { isDefined } from "@scandic-hotels/common/utils/isDefined"
 
-import { hotelFilterSchema } from "./hotelFilter"
 import { systemSchema } from "./system"
 
 export const destinationFiltersSchema = z
@@ -11,32 +11,25 @@ export const destinationFiltersSchema = z
       filterConnection: z.object({
         edges: z.array(
           z.object({
-            node: hotelFilterSchema,
+            node: z.object({
+              title: z.string(),
+              facility_id: z
+                .nativeEnum(FacilityEnum)
+                .catch(FacilityEnum.UNKNOWN),
+              category: z.string(),
+              slug: z.string(),
+            }),
           })
         ),
       }),
     })
   )
   .nullish()
-  .transform((data) => {
-    const filters = data
-      ?.map(({ filterConnection }) => filterConnection.edges[0]?.node)
-      .filter(isDefined)
 
-    if (!data || !filters?.length) {
-      return null
-    }
-
-    const facilityFilters = filters.filter((f) => f.filterType === "facility")
-    const surroundingsFilters = filters.filter(
-      (f) => f.filterType === "surroundings"
-    )
-
-    return {
-      facilityFilters,
-      surroundingsFilters,
-    }
-  })
+export const transformedDestinationFiltersSchema =
+  destinationFiltersSchema.transform((data) =>
+    transformDestinationFiltersResponse(data)
+  )
 
 export const destinationFiltersRefsSchema = z
   .array(
@@ -53,3 +46,35 @@ export const destinationFiltersRefsSchema = z
     })
   )
   .nullish()
+
+export function transformDestinationFiltersResponse(
+  data: typeof destinationFiltersSchema._type
+) {
+  const filters = data
+    ?.map(({ filterConnection }) => filterConnection.edges[0]?.node)
+    .filter(isDefined)
+
+  if (!data || !filters?.length) {
+    return null
+  }
+
+  const transformedFilters = filters.map((filter) => ({
+    id: filter.facility_id,
+    name: filter.title,
+    filterType: filter.category,
+    slug: filter.slug,
+    sortOrder: 0,
+  }))
+
+  const facilityFilters = transformedFilters.filter(
+    (f) => f.filterType === "facility"
+  )
+  const surroundingsFilters = transformedFilters.filter(
+    (f) => f.filterType === "surroundings"
+  )
+
+  return {
+    facilityFilters,
+    surroundingsFilters,
+  }
+}

packages/trpc/lib/routers/contentstack/schemas/hotelFilter.ts

@@ -1,18 +0,0 @@
-import { z } from "zod"
-
-import { FacilityEnum } from "@scandic-hotels/common/constants/facilities"
-
-export const hotelFilterSchema = z
-  .object({
-    title: z.string(),
-    facility_id: z.nativeEnum(FacilityEnum).catch(FacilityEnum.UNKNOWN),
-    category: z.string(),
-    slug: z.string(),
-  })
-  .transform((data) => ({
-    id: data.facility_id,
-    name: data.title,
-    filterType: data.category,
-    slug: data.slug,
-    sortOrder: 0,
-  }))