Merged in feat/SW-1414-guarantee-enter-details-tracking (pull request #1744)

Feat/SW-1414 guarantee enter details tracking

* feat(SW-1414): add tracking for gla enter details

* feat(SW-1414): add tracking for gla

* feat(SW-1414): add tracking for gla in enter details

* feat(SW-1414): fix pr comments

* feat(SW-1414): fix pr comment client only

* feat(SW-1414): fix pr comments

* feat(SW-1414): add tracking on load


Approved-by: Christian Andolf

apps/scandic-web/components/HotelReservation/EnterDetails/Payment/PaymentClient.tsx

@@ -30,10 +30,13 @@ import { useAvailablePaymentOptions } from "@/hooks/booking/useAvailablePaymentO
 import { useHandleBookingStatus } from "@/hooks/booking/useHandleBookingStatus"
 import useLang from "@/hooks/useLang"
 import { trackPaymentEvent } from "@/utils/tracking"
+import { trackEvent } from "@/utils/tracking/base"
+import { trackGlaSaveCardAttempt } from "@/utils/tracking/myStay"
 
 import { bedTypeMap } from "../../utils"
 import ConfirmBooking, { ConfirmBookingRedemption } from "../Confirm"
 import PriceChangeDialog from "../PriceChangeDialog"
+import { writeGlaToSessionStorage } from "./PaymentCallback/helpers"
 import GuaranteeDetails from "./GuaranteeDetails"
 import { hasFlexibleRate, hasPrepaidRate, isPaymentMethodEnum } from "./helpers"
 import MixedRatePaymentBreakdown from "./MixedRatePaymentBreakdown"
@@ -194,21 +197,45 @@ export default function PaymentClient({
 
       const currentPaymentMethod = methods.getValues("paymentMethod")
       const smsEnable = methods.getValues("smsConfirmation")
+      const guarantee = methods.getValues("guarantee")
       const isSavedCreditCard = savedCreditCards?.some(
         (card) => card.id === currentPaymentMethod
       )
 
-      trackPaymentEvent({
-        event: "paymentFail",
-        hotelId,
-        method: currentPaymentMethod,
-        isSavedCreditCard,
-        smsEnable,
-        errorMessage,
-        status: "failed",
-      })
+      if (guarantee || (bookingMustBeGuaranteed && hasOnlyFlexRates)) {
+        const lateArrivalGuarantee = guarantee ? "yes" : "mandatory"
+        trackEvent({
+          event: "glaCardSaveFailed",
+          hotelInfo: {
+            hotelId,
+            lateArrivalGuarantee,
+            guaranteedProduct: "room",
+          },
+          paymentInfo: {
+            isSavedCreditCard,
+            hotelId,
+            status: "glacardsavefailed",
+          },
+        })
+      } else {
+        trackPaymentEvent({
+          event: "paymentFail",
+          hotelId,
+          method: currentPaymentMethod,
+          isSavedCreditCard,
+          smsEnable,
+          errorMessage,
+          status: "failed",
+        })
+      }
     },
-    [methods, savedCreditCards, hotelId]
+    [
+      methods,
+      savedCreditCards,
+      hotelId,
+      bookingMustBeGuaranteed,
+      hasOnlyFlexRates,
+    ]
   )
 
   useEffect(() => {
@@ -273,14 +300,20 @@ export default function PaymentClient({
           }
         : undefined
 
-      trackPaymentEvent({
-        event: "paymentAttemptStart",
-        hotelId,
-        method: paymentMethod,
-        isSavedCreditCard: !!savedCreditCard,
-        smsEnable: data.smsConfirmation,
-        status: "attempt",
-      })
+      if (guarantee || (bookingMustBeGuaranteed && hasOnlyFlexRates)) {
+        const lateArrivalGuarantee = guarantee ? "yes" : "mandatory"
+        writeGlaToSessionStorage(lateArrivalGuarantee)
+        trackGlaSaveCardAttempt(hotelId, savedCreditCard, lateArrivalGuarantee)
+      } else {
+        trackPaymentEvent({
+          event: "paymentAttemptStart",
+          hotelId,
+          method: paymentMethod,
+          isSavedCreditCard: !!savedCreditCard,
+          smsEnable: data.smsConfirmation,
+          status: "attempt",
+        })
+      }
 
       const payload = {
         checkInDate: fromDate,