Merged in fix/BOOK-131-noroomsavailability-tracking (pull request #2971)

fix(BOOK-131): add action and domain

* fix(BOOK-131): add action and domain


Approved-by: Anton Gunnarsson

packages/booking-flow/lib/components/EnterDetails/Payment/BookingAlert/index.tsx

@@ -6,6 +6,7 @@ import { useIntl } from "react-intl"
 
 import { AlertTypeEnum } from "@scandic-hotels/common/constants/alert"
 import { selectRate } from "@scandic-hotels/common/constants/routes/hotelReservation"
+import { useSessionId } from "@scandic-hotels/common/hooks/useSessionId"
 import useStickyPosition from "@scandic-hotels/common/hooks/useStickyPosition"
 import { Alert } from "@scandic-hotels/design-system/Alert"
 import { trackNoAvailability } from "@scandic-hotels/tracking/NoAvailabilityTracking"
@@ -165,6 +166,7 @@ function useNoAvailabilityTracking() {
   const { fromDate, toDate, hotelId, bookingCode, searchType, rooms } =
     useEnterDetailsStore((state) => state.booking)
   const lang = useLang()
+  const sessionId = useSessionId()
 
   const specialRoomType = rooms
     ?.map((room) => {
@@ -191,6 +193,8 @@ function useNoAvailabilityTracking() {
         pageName: "hotelreservation|details",
         pageType: "bookingenterdetailspage",
         siteSections: "hotelreservation|details",
+        sessionId,
+        domain: typeof window !== "undefined" ? window.location.host : "",
       }),
     [
       specialRoomType,
@@ -201,6 +205,7 @@ function useNoAvailabilityTracking() {
       rooms.length,
       searchType,
       bookingCode,
+      sessionId,
     ]
   )
   return track

packages/booking-flow/lib/components/SelectRate/AvailabilityError.tsx

@@ -4,6 +4,7 @@ import { usePathname, useSearchParams } from "next/navigation"
 import { useCallback, useEffect } from "react"
 import { useIntl } from "react-intl"
 
+import { useSessionId } from "@scandic-hotels/common/hooks/useSessionId"
 import { toast } from "@scandic-hotels/design-system/Toast"
 import { trackNoAvailability } from "@scandic-hotels/tracking/NoAvailabilityTracking"
 import { BookingErrorCodeEnum } from "@scandic-hotels/trpc/enums/bookingErrorCode"
@@ -21,6 +22,8 @@ export default function AvailabilityError({ booking }: AvailabilityErrorProps) {
   const intl = useIntl()
   const pathname = usePathname()
   const searchParams = useSearchParams()
+  const sessionId = useSessionId()
+
   const lang = useLang()
 
   const { rooms, fromDate, toDate, hotelId, bookingCode, searchType } = booking
@@ -61,8 +64,19 @@ export default function AvailabilityError({ booking }: AvailabilityErrorProps) {
       pageName: "hotelreservation|select-rate",
       pageType: "bookingroomsandratespage",
       siteSections: "hotelreservation|select-rate",
+      sessionId,
+      domain: typeof window !== "undefined" ? window.location.host : "",
     })
-  }, [rooms, hotelId, lang, fromDate, toDate, searchType, bookingCode])
+  }, [
+    rooms,
+    hotelId,
+    lang,
+    fromDate,
+    toDate,
+    searchType,
+    bookingCode,
+    sessionId,
+  ])
 
   useEffect(() => {
     if (hasAvailabilityError) {