feat: SW-1583 City search Map view redemption

apps/scandic-web/components/HotelReservation/HotelCardDialogListing/index.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import { useCallback, useEffect, useRef } from "react"
+import { useIntl } from "react-intl"
 import { useMediaQuery } from "usehooks-ts"
 
 import { useHotelsMapStore } from "@/stores/hotels-map"
@@ -17,7 +18,12 @@ import type { HotelCardDialogListingProps } from "@/types/components/hotelReserv
 export default function HotelCardDialogListing({
   hotels,
 }: HotelCardDialogListingProps) {
-  const hotelsPinData = hotels ? getHotelPins(hotels) : []
+  const intl = useIntl()
+  const isRedemption = hotels?.find((hotel) => hotel.price?.redemption)
+  const currencyValue = isRedemption
+    ? intl.formatMessage({ id: "Points" })
+    : undefined
+  const hotelsPinData = hotels ? getHotelPins(hotels, currencyValue) : []
   const activeCardRef = useRef<HTMLDivElement | null>(null)
   const observerRef = useRef<IntersectionObserver | null>(null)
   const dialogRef = useRef<HTMLDivElement>(null)

apps/scandic-web/components/HotelReservation/HotelCardDialogListing/utils.ts

@@ -1,7 +1,10 @@
 import type { HotelData } from "@/types/components/hotelReservation/selectHotel/hotelCardListingProps"
 import type { HotelPin } from "@/types/components/hotelReservation/selectHotel/map"
 
-export function getHotelPins(hotels: HotelData[]): HotelPin[] {
+export function getHotelPins(
+  hotels: HotelData[],
+  currencyValue?: string
+): HotelPin[] {
   if (hotels.length === 0) return []
 
   return hotels
@@ -14,11 +17,14 @@ export function getHotelPins(hotels: HotelData[]): HotelPin[] {
       name: hotel.hotelData.name,
       publicPrice: hotel.price?.public?.localPrice.pricePerNight ?? null,
       memberPrice: hotel.price?.member?.localPrice.pricePerNight ?? null,
+      redemptionPrice:
+        hotel.price?.redemption?.localPrice.pointsPerNight ?? null,
       rateType:
         hotel.price?.public?.rateType ?? hotel.price?.member?.rateType ?? null,
       currency:
         hotel.price?.public?.localPrice.currency ||
         hotel.price?.member?.localPrice.currency ||
+        currencyValue ||
         "N/A",
       images: [
         hotel.hotelData.hotelContent.images,