Merged in fix/SW-3020-paymentInfo-tracking (pull request #2403)

fix(SW-3020): add correct paymentInfo in booking flow and ancillary flow

* fix(SW-3020): add correct paymentInfo in booking flow and ancillary flow

* fix(SW-3020): fix pr comments


Approved-by: Tobias Johansson

apps/scandic-web/components/HotelReservation/BookingConfirmation/Tracking/index.tsx

@@ -8,6 +8,7 @@ import TrackingSDK from "@/components/TrackingSDK"
 import useLang from "@/hooks/useLang"
 import { useSearchHistory } from "@/hooks/useSearchHistory"
 
+import { clearPaymentInfoSessionStorage } from "../../EnterDetails/Payment/helpers"
 import { getTracking } from "./tracking"
 
 import type { Room } from "@/types/stores/booking-confirmation"
@@ -37,20 +38,31 @@ export default function Tracking({
   const searchHistory = useSearchHistory()
   const searchTerm = searchHistory.searchHistory[0]?.name
 
-  if (!bookingRooms.every(Boolean)) {
-    return null
-  }
+  let trackingData = null
 
-  const rooms = bookingRooms.filter((room): room is Room => !!room)
-
-  const { hotelsTrackingData, pageTrackingData, paymentInfo, ancillaries } =
-    getTracking(
+  if (bookingRooms.every(Boolean)) {
+    const rooms = bookingRooms.filter((room): room is Room => !!room)
+    trackingData = getTracking(
       lang,
       bookingConfirmation.booking,
       bookingConfirmation.hotel,
       rooms,
       searchTerm
     )
+  }
+
+  useEffect(() => {
+    if (trackingData?.paymentInfo) {
+      clearPaymentInfoSessionStorage()
+    }
+  }, [trackingData])
+
+  if (!trackingData) {
+    return null
+  }
+
+  const { hotelsTrackingData, pageTrackingData, paymentInfo, ancillaries } =
+    trackingData
 
   return (
     <TrackingSDK

apps/scandic-web/components/HotelReservation/BookingConfirmation/Tracking/tracking.ts

@@ -2,6 +2,7 @@ import { differenceInCalendarDays, format, isWeekend } from "date-fns"
 
 import { CancellationRuleEnum } from "@/constants/booking"
 
+import { readPaymentInfoFromSessionStorage } from "@/components/HotelReservation/EnterDetails/Payment/helpers"
 import { getSpecialRoomType } from "@/utils/specialRoomType"
 
 import { invertedBedTypeMap } from "../../utils"
@@ -66,6 +67,7 @@ export function getTracking(
 ) {
   const arrivalDate = new Date(booking.checkInDate)
   const departureDate = new Date(booking.checkOutDate)
+  const paymentInfoSessionData = readPaymentInfoFromSessionStorage()
 
   const pageTrackingData: TrackingSDKPageData = {
     channel: TrackingChannelEnum.hotelreservation,
@@ -177,9 +179,7 @@ export function getTracking(
         ? "glacardsaveconfirmed"
         : undefined,
     type:
-      booking.guaranteeInfo && isFlexBooking
-        ? booking.guaranteeInfo.cardType
-        : undefined,
+      booking.guaranteeInfo?.cardType ?? paymentInfoSessionData?.paymentMethod,
   }
 
   return {