merge

components/HotelReservation/SelectRate/Rooms/RoomsContainer.tsx

@@ -88,7 +88,7 @@ export async function RoomsContainer({
   return (
     <Rooms
       user={user}
-      packages={packages ?? []}
+      availablePackages={packages ?? []}
       roomsAvailability={roomsAvailability}
       roomCategories={hotelData?.included ?? []}
     />

components/HotelReservation/SelectRate/Rooms/index.tsx

@@ -9,6 +9,7 @@ import { filterDuplicateRoomTypesByLowestPrice } from "./utils"
 import styles from "./rooms.module.css"
 
 import {
+  DefaultFilterOptions,
   RoomPackageCodeEnum,
   type RoomPackageCodes,
 } from "@/types/components/hotelReservation/selectRate/roomFilter"
@@ -20,17 +21,39 @@ export default function Rooms({
   roomsAvailability,
   roomCategories = [],
   user,
-  packages,
+  availablePackages,
 }: SelectRateProps) {
   const visibleRooms: RoomConfiguration[] =
     filterDuplicateRoomTypesByLowestPrice(roomsAvailability.roomConfigurations)
-  // const [internalRateSummary, setRateSummary] = useState<Rate | null>(null)
   const [selectedRate, setSelectedRate] = useState<
     { publicRateCode: string; roomTypeCode: string } | undefined
   >(undefined)
   const [selectedPackages, setSelectedPackages] = useState<RoomPackageCodes[]>(
     []
   )
+  const defaultPackages: DefaultFilterOptions[] = [
+    {
+      code: RoomPackageCodeEnum.ACCESSIBILITY_ROOM,
+      description: "Accessible Room",
+      itemCode: availablePackages.find(
+        (pkg) => pkg.code === RoomPackageCodeEnum.ACCESSIBILITY_ROOM
+      )?.itemCode,
+    },
+    {
+      code: RoomPackageCodeEnum.ALLERGY_ROOM,
+      description: "Allergy Room",
+      itemCode: availablePackages.find(
+        (pkg) => pkg.code === RoomPackageCodeEnum.ALLERGY_ROOM
+      )?.itemCode,
+    },
+    {
+      code: RoomPackageCodeEnum.PET_ROOM,
+      description: "Pet Room",
+      itemCode: availablePackages.find(
+        (pkg) => pkg.code === RoomPackageCodeEnum.PET_ROOM
+      )?.itemCode,
+    },
+  ]
 
   const handleFilter = useCallback(
     (filter: Record<RoomPackageCodeEnum, boolean | undefined>) => {
@@ -39,7 +62,6 @@ export default function Rooms({
       ) as RoomPackageCodeEnum[]
 
       setSelectedPackages(filteredPackages)
-      // setRateSummary(null)
     },
     []
   )
@@ -94,7 +116,9 @@ export default function Rooms({
 
     const petRoomPackage =
       (selectedPackages.includes(RoomPackageCodeEnum.PET_ROOM) &&
-        packages.find((pkg) => pkg.code === RoomPackageCodeEnum.PET_ROOM)) ||
+        availablePackages.find(
+          (pkg) => pkg.code === RoomPackageCodeEnum.PET_ROOM
+        )) ||
       undefined
 
     const features = filteredRooms.find((room) =>
@@ -113,7 +137,7 @@ export default function Rooms({
     }
 
     return rateSummary
-  }, [filteredRooms, packages, selectedPackages, selectedRate])
+  }, [filteredRooms, availablePackages, selectedPackages, selectedRate])
 
   useEffect(() => {
     if (rateSummary) return
@@ -127,13 +151,13 @@ export default function Rooms({
       <RoomFilter
         numberOfRooms={rooms.roomConfigurations.length}
         onFilter={handleFilter}
-        filterOptions={packages}
+        filterOptions={defaultPackages}
       />
       <RoomSelection
         roomsAvailability={rooms}
         roomCategories={roomCategories}
         user={user}
-        packages={packages}
+        availablePackages={availablePackages}
         selectedPackages={selectedPackages}
         setRateCode={setSelectedRate}
         rateSummary={rateSummary}