feat(SW-892) Fixed bug with summary not adding pet charge on filter

app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/page.tsx

@@ -18,7 +18,7 @@ import { setLang } from "@/i18n/serverContext"
 
 import { RoomPackageCodeEnum } from "@/types/components/hotelReservation/selectRate/roomFilter"
 import type { SelectRateSearchParams } from "@/types/components/hotelReservation/selectRate/selectRate"
-import { LangParams, PageArgs } from "@/types/params"
+import type { LangParams, PageArgs } from "@/types/params"
 
 export default async function SelectRatePage({
   params,

components/HotelReservation/SelectRate/RoomSelection/RoomCard/index.tsx

@@ -66,7 +66,7 @@ export default function RoomCard({
     (room) => room.name === roomConfiguration.roomType
   )
 
-  const { roomSize, occupancy, descriptions, images } = selectedRoom || {}
+  const { roomSize, occupancy, images } = selectedRoom || {}
   const mainImage = images?.[0]
 
   const freeCancelation = intl.formatMessage({ id: "Free cancellation" })

components/HotelReservation/SelectRate/RoomSelection/index.tsx

@@ -17,9 +17,9 @@ export default function RoomSelection({
   user,
   packages,
   selectedPackages,
+  setRateSummary,
+  rateSummary,
 }: RoomSelectionProps) {
-  const [rateSummary, setRateSummary] = useState<Rate | null>(null)
-
   const router = useRouter()
   const searchParams = useSearchParams()
   const isUserLoggedIn = !!user

components/HotelReservation/SelectRate/Rooms/index.tsx

@@ -12,7 +12,8 @@ import {
   RoomPackageCodeEnum,
   type RoomPackageCodes,
 } from "@/types/components/hotelReservation/selectRate/roomFilter"
-import type { RoomSelectionProps } from "@/types/components/hotelReservation/selectRate/roomSelection"
+import type { SelectRateProps } from "@/types/components/hotelReservation/selectRate/roomSelection"
+import type { Rate } from "@/types/components/hotelReservation/selectRate/selectRate"
 import type {
   RoomConfiguration,
   RoomsAvailability,
@@ -23,10 +24,10 @@ export default function Rooms({
   roomCategories = [],
   user,
   packages,
-}: Omit<RoomSelectionProps, "selectedPackages">) {
+}: SelectRateProps) {
   const visibleRooms: RoomConfiguration[] =
     filterDuplicateRoomTypesByLowestPrice(roomsAvailability.roomConfigurations)
-
+  const [rateSummary, setRateSummary] = useState<Rate | null>(null)
   const [rooms, setRooms] = useState<RoomsAvailability>({
     ...roomsAvailability,
     roomConfigurations: visibleRooms,
@@ -48,6 +49,14 @@ export default function Rooms({
           ...roomsAvailability,
           roomConfigurations: visibleRooms,
         })
+
+        if (!!rateSummary) {
+          setRateSummary({
+            ...rateSummary,
+            features: [],
+          })
+        }
+
         return
       }
 
@@ -57,8 +66,26 @@ export default function Rooms({
         )
       )
       setRooms({ ...roomsAvailability, roomConfigurations: filteredRooms })
+
+      const petRoomPackage =
+        (filteredPackages.includes(RoomPackageCodeEnum.PET_ROOM) &&
+          packages.find((pkg) => pkg.code === RoomPackageCodeEnum.PET_ROOM)) ||
+        undefined
+
+      const features = filteredRooms.find((room) =>
+        room.features.some(
+          (feature) => feature.code === RoomPackageCodeEnum.PET_ROOM
+        )
+      )?.features
+
+      if (!!rateSummary) {
+        setRateSummary({
+          ...rateSummary,
+          features: petRoomPackage && features ? features : [],
+        })
+      }
     },
-    [roomsAvailability, visibleRooms]
+    [roomsAvailability, visibleRooms, rateSummary, packages]
   )
 
   return (
@@ -74,6 +101,8 @@ export default function Rooms({
         user={user}
         packages={packages}
         selectedPackages={selectedPackages}
+        setRateSummary={setRateSummary}
+        rateSummary={rateSummary}
       />
     </div>
   )

types/components/hotelReservation/selectRate/roomSelection.ts

@@ -2,6 +2,7 @@ import type { RoomData } from "@/types/hotel"
 import type { SafeUser } from "@/types/user"
 import type { RoomsAvailability } from "@/server/routers/hotels/output"
 import type { RoomPackageCodes, RoomPackageData } from "./roomFilter"
+import type { Rate } from "./selectRate"
 
 export interface RoomSelectionProps {
   roomsAvailability: RoomsAvailability
@@ -9,4 +10,13 @@ export interface RoomSelectionProps {
   user: SafeUser
   packages: RoomPackageData
   selectedPackages: RoomPackageCodes[]
+  setRateSummary: (rateSummary: Rate) => void
+  rateSummary: Rate | null
+}
+
+export interface SelectRateProps {
+  roomsAvailability: RoomsAvailability
+  roomCategories: RoomData[]
+  user: SafeUser
+  packages: RoomPackageData
 }