feat(SW-1717): rewrite select-rate to show all variants of rate-cards

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/NoAvailabilityAlert/alert.module.css

@@ -0,0 +1,5 @@
+.hotelAlert {
+  margin: 0 auto;
+  padding: var(--Spacing-x-one-and-half);
+  width: 100%;
+}

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

@@ -0,0 +1,86 @@
+"use client"
+import { useIntl } from "react-intl"
+
+import { alternativeHotels } from "@/constants/routes/hotelReservation"
+import { useRatesStore } from "@/stores/select-rate"
+
+import Alert from "@/components/TempDesignSystem/Alert"
+import { useRoomContext } from "@/contexts/SelectRate/Room"
+import useLang from "@/hooks/useLang"
+
+import styles from "./alert.module.css"
+
+import { AvailabilityEnum } from "@/types/components/hotelReservation/selectHotel/selectHotel"
+import { AlertTypeEnum } from "@/types/enums/alert"
+
+export default function NoAvailabilityAlert() {
+  const lang = useLang()
+  const intl = useIntl()
+  const bookingCode = useRatesStore((state) => state.booking.bookingCode)
+  const { rooms } = useRoomContext()
+
+  const noAvailableRooms = rooms.every(
+    (roomConfig) => roomConfig.status === AvailabilityEnum.NotAvailable
+  )
+
+  if (noAvailableRooms) {
+    const text = intl.formatMessage({
+      id: "There are no rooms available that match your request.",
+    })
+    return (
+      <div className={styles.hotelAlert}>
+        <Alert
+          type={AlertTypeEnum.Info}
+          heading={intl.formatMessage({ id: "No availability" })}
+          text={text}
+          link={{
+            title: intl.formatMessage({ id: "See alternative hotels" }),
+            url: `${alternativeHotels(lang)}`,
+            keepSearchParams: true,
+          }}
+        />
+      </div>
+    )
+  }
+
+  const isPublicPromotionWithCode = rooms.some((room) => {
+    const filteredCampaigns = room.campaign.filter(Boolean)
+    return filteredCampaigns.length
+      ? filteredCampaigns.every(
+          (product) => !!product.rateDefinition?.isCampaignRate
+        )
+      : false
+  })
+
+  const noAvailableBookingCodeRooms =
+    !isPublicPromotionWithCode &&
+    rooms.every(
+      (room) =>
+        room.status === AvailabilityEnum.NotAvailable || !room.code.length
+    )
+
+  if (bookingCode && noAvailableBookingCodeRooms) {
+    const bookingCodeText = intl.formatMessage(
+      {
+        id: "We found no available rooms using this booking code ({bookingCode}). See available rates below.",
+      },
+      { bookingCode }
+    )
+    return (
+      <div className={styles.hotelAlert}>
+        <Alert
+          type={AlertTypeEnum.Info}
+          heading={intl.formatMessage({ id: "No availability" })}
+          text={bookingCodeText}
+          link={{
+            title: intl.formatMessage({ id: "See alternative hotels" }),
+            url: `${alternativeHotels(lang)}`,
+            keepSearchParams: true,
+          }}
+        />
+      </div>
+    )
+  }
+
+  return null
+}