Merged in fix/remove-old-select-rate (pull request #2647)

Fix/remove old select rate

* remove old select-rate

* Fix imports

* renamed SelectRate2 -> SelectRate

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/NoAvailabilityAlert/index.tsx

@@ -5,31 +5,36 @@ import { alternativeHotels } from "@scandic-hotels/common/constants/routes/hotel
 import { AvailabilityEnum } from "@scandic-hotels/trpc/enums/selectHotel"
 import { AlertTypeEnum } from "@scandic-hotels/trpc/types/alertType"
 
-import { useRatesStore } from "@/stores/select-rate"
-
 import Alert from "@/components/TempDesignSystem/Alert"
-import { useRoomContext } from "@/contexts/SelectRate/Room"
+import { useSelectRateContext } from "@/contexts/SelectRate/SelectRateContext"
 import useLang from "@/hooks/useLang"
 
 import styles from "./alert.module.css"
 
-export default function NoAvailabilityAlert() {
+export default function NoAvailabilityAlert({
+  roomIndex,
+}: {
+  roomIndex: number
+}) {
   const lang = useLang()
   const intl = useIntl()
-  const [bookingCode, selectedRooms, activeRoom] = useRatesStore((state) => [
-    state.booking.bookingCode,
-    state.rooms,
-    state.activeRoom,
-  ])
 
-  const { isFetchingPackages, rooms } = useRoomContext()
+  const { availability, input } = useSelectRateContext()
+  if (availability.isFetching || !availability.data) {
+    return null
+  }
 
-  const noAvailableRooms = rooms.every(
-    (roomConfig) => roomConfig.status === AvailabilityEnum.NotAvailable
-  )
+  const indexed = availability.data[roomIndex]
+  const hasAvailabilityError = "error" in indexed
+  if (hasAvailabilityError) {
+    return null
+  }
+
+  const noAvailableRooms = hasAvailableRoomsForRoom(indexed.roomConfigurations)
 
   const alertLink =
-    activeRoom !== -1 && selectedRooms[activeRoom].selectedPackages.length === 0
+    roomIndex !== -1 &&
+    (input.data?.booking.rooms.at(roomIndex)?.packages ?? []).length === 0
       ? {
           title: intl.formatMessage({
             defaultMessage: "See alternative hotels",
@@ -39,10 +44,6 @@ export default function NoAvailabilityAlert() {
         }
       : null
 
-  if (isFetchingPackages) {
-    return null
-  }
-
   if (noAvailableRooms) {
     const text = intl.formatMessage({
       defaultMessage: "There are no rooms available that match your request.",
@@ -61,7 +62,7 @@ export default function NoAvailabilityAlert() {
     )
   }
 
-  const isPublicPromotionWithCode = rooms.some((room) => {
+  const isPublicPromotionWithCode = indexed.roomConfigurations.some((room) => {
     const filteredCampaigns = room.campaign.filter(Boolean)
     return filteredCampaigns.length
       ? filteredCampaigns.every(
@@ -72,19 +73,20 @@ export default function NoAvailabilityAlert() {
 
   const noAvailableBookingCodeRooms =
     !isPublicPromotionWithCode &&
-    rooms.every(
+    indexed.roomConfigurations.every(
       (room) =>
         room.status === AvailabilityEnum.NotAvailable || !room.code.length
     )
 
-  if (bookingCode && noAvailableBookingCodeRooms) {
+  if (input.bookingCode && noAvailableBookingCodeRooms) {
     const bookingCodeText = intl.formatMessage(
       {
         defaultMessage:
           "We found no available rooms using this booking code ({bookingCode}). See available rates below.",
       },
-      { bookingCode }
+      { bookingCode: input.bookingCode }
     )
+
     return (
       <div className={styles.hotelAlert}>
         <Alert
@@ -101,3 +103,16 @@ export default function NoAvailabilityAlert() {
 
   return null
 }
+
+function hasAvailableRoomsForRoom(
+  roomConfigurations: Extract<
+    NonNullable<
+      ReturnType<typeof useSelectRateContext>["availability"]["data"]
+    >[number],
+    { roomConfigurations: unknown }
+  >["roomConfigurations"]
+) {
+  return roomConfigurations.every(
+    (roomConfig) => roomConfig.status === AvailabilityEnum.NotAvailable
+  )
+}