Merged in feat/sw-2873-move-selecthotel-to-booking-flow (pull request #2727)

feat(SW-2873): Move select-hotel to booking flow * crude setup of select-hotel in partner-sas * wip * Fix linting * restructure tracking files * Remove dependency on trpc in tracking hooks * Move pageview tracking to common * Fix some lint and import issues * Add AlternativeHotelsPage * Add SelectHotelMapPage * Add AlternativeHotelsMapPage * remove next dependency in tracking store * Remove dependency on react in tracking hooks * move isSameBooking to booking-flow * Inject searchParamsComparator into tracking store * Move useTrackHardNavigation to common * Move useTrackSoftNavigation to common * Add TrackingSDK to partner-sas * call serverclient in layout * Remove unused css * Update types * Move HotelPin type * Fix todos * Merge branch 'master' into feat/sw-2873-move-selecthotel-to-booking-flow * Merge branch 'master' into feat/sw-2873-move-selecthotel-to-booking-flow * Fix component Approved-by: Joakim Jäderberg
2025-09-01 08:37:00 +00:00
parent 93a90bef9d
commit 87402a2092
157 changed files with 2026 additions and 1376 deletions
--- a/packages/booking-flow/lib/components/SelectHotel/NoAvailabilityAlert.tsx
+++ b/packages/booking-flow/lib/components/SelectHotel/NoAvailabilityAlert.tsx
@@ -0,0 +1,89 @@
+"use client"
+
+import { useIntl } from "react-intl"
+
+import { AlertTypeEnum } from "@scandic-hotels/common/constants/alert"
+import { alternativeHotels } from "@scandic-hotels/common/constants/routes/hotelReservation"
+import { Alert } from "@scandic-hotels/design-system/Alert"
+
+import useLang from "../../hooks/useLang"
+
+import type { Hotel } from "@scandic-hotels/trpc/types/hotel"
+
+type NoAvailabilityAlertProps = {
+  hotelsLength: number
+  bookingCode?: string
+  isAllUnavailable: boolean
+  isAlternative?: boolean
+  isBookingCodeRateNotAvailable?: boolean
+  operaId: Hotel["operaId"]
+}
+
+export default function NoAvailabilityAlert({
+  hotelsLength,
+  bookingCode,
+  isAllUnavailable,
+  isAlternative,
+  isBookingCodeRateNotAvailable,
+  operaId,
+}: NoAvailabilityAlertProps) {
+  const intl = useIntl()
+  const lang = useLang()
+
+  if (bookingCode && isBookingCodeRateNotAvailable && hotelsLength > 0) {
+    const bookingCodeText = intl.formatMessage(
+      {
+        defaultMessage:
+          "We found no available rooms using this booking code ({bookingCode}). See available rates below.",
+      },
+      { bookingCode }
+    )
+    return (
+      <Alert
+        type={AlertTypeEnum.Info}
+        heading={intl.formatMessage({
+          defaultMessage: "No availability",
+        })}
+        text={bookingCodeText}
+      />
+    )
+  }
+
+  if (!isAllUnavailable) {
+    return null
+  }
+
+  if (hotelsLength === 1 && !isAlternative && operaId) {
+    return (
+      <Alert
+        type={AlertTypeEnum.Info}
+        heading={intl.formatMessage({
+          defaultMessage: "No availability",
+        })}
+        text={intl.formatMessage({
+          defaultMessage:
+            "Please try and change your search for this destination or see alternative hotels.",
+        })}
+        link={{
+          title: intl.formatMessage({
+            defaultMessage: "See alternative hotels",
+          }),
+          url: `${alternativeHotels(lang)}?hotel=${operaId}`,
+          keepSearchParams: true,
+        }}
+      />
+    )
+  }
+
+  return (
+    <Alert
+      type={AlertTypeEnum.Info}
+      heading={intl.formatMessage({
+        defaultMessage: "No availability",
+      })}
+      text={intl.formatMessage({
+        defaultMessage: "There are no rooms available that match your request.",
+      })}
+    />
+  )
+}