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