Merged in feat/SW-1997-tracking-gla-my-stay-ancillaries (pull request #1657)

Feat/SW-1997 tracking gla my stay ancillaries

* feat(SW-1996): tracking gla my stay

* feat(SW-1996): update gla tracking

* feat(SW-1996): fix comment

* feat(SW-1997): add tracking for gla my stay and ancillaries

* feat(SW-1997): rebase master

* feat(SW-1997): fix duplicate import

* feat(SW-1997): add hotelId and category for ancillaries, and add more tracking

* feat(SW-1997): remove commments and fix spelling mistake

* feat(SW-1997): if addAncillary failed, but guarantee is successful, default to card in booking


Approved-by: Niclas Edenvin

apps/scandic-web/components/HotelReservation/MyStay/GuaranteeLateArrival/GuaranteeLateArrivalCallback/index.tsx

@@ -0,0 +1,110 @@
+"use client"
+
+import { useRouter } from "next/navigation"
+import { useEffect } from "react"
+
+import { PaymentCallbackStatusEnum } from "@/constants/booking"
+
+import LoadingSpinner from "@/components/LoadingSpinner"
+import { trackEvent } from "@/utils/tracking/base"
+
+import {
+  buildAncillaryPackages,
+  getAncillarySessionData,
+} from "../../Ancillaries/utils"
+
+interface TrackGuaranteeProps {
+  status: string
+  isAncillaryFlow?: boolean
+  redirectUrl: string
+  errorMessage?: string
+}
+
+export default function TrackGuarantee({
+  status,
+  isAncillaryFlow = false,
+  redirectUrl,
+  errorMessage,
+}: TrackGuaranteeProps) {
+  const router = useRouter()
+
+  useEffect(() => {
+    const trackAncillaryPaymentEvent = (event: string, status: string) => {
+      const sessionData = getAncillarySessionData()
+      const { formData, selectedAncillary } = sessionData || {}
+
+      const packages =
+        formData && selectedAncillary
+          ? buildAncillaryPackages(formData, selectedAncillary)
+          : []
+
+      trackEvent({
+        event,
+        paymentInfo: { status },
+        ancillaries: packages.map((pkg) => ({
+          hotelId: selectedAncillary?.hotelId,
+          productId: pkg.code,
+          productUnits: pkg.quantity,
+          productPoints: selectedAncillary?.points,
+          productDeliveryTime: formData?.deliveryTime,
+          productPrice: selectedAncillary?.price,
+          productName: selectedAncillary?.title,
+          productCategory: selectedAncillary?.categoryName,
+        })),
+        lateArrivalGuarantee: "yes",
+        guaranteedProduct: "room + ancillary",
+      })
+    }
+
+    const trackGuaranteePaymentEvent = (event: string, status: string) => {
+      trackEvent({
+        event,
+        hotelInfo: {
+          lateArrivalGuarantee: "yes",
+          guaranteedProduct: "room",
+        },
+        paymentInfo: {
+          status,
+          ...(errorMessage && { errorMessage }),
+        },
+      })
+    }
+
+    switch (status) {
+      case PaymentCallbackStatusEnum.Success:
+        trackEvent({
+          event: "guaranteeBookingSuccess",
+          hotelInfo: {
+            lateArrivalGuarantee: "yes",
+            guaranteedProduct: "room",
+          },
+        })
+        break
+
+      case PaymentCallbackStatusEnum.Cancel:
+        isAncillaryFlow
+          ? trackAncillaryPaymentEvent(
+              "GuaranteeCancelAncillary",
+              "glacardsavecancelled"
+            )
+          : trackGuaranteePaymentEvent(
+              "glaCardSaveCancelled",
+              "glacardsavecancelled"
+            )
+        break
+
+      case PaymentCallbackStatusEnum.Error:
+        isAncillaryFlow
+          ? trackAncillaryPaymentEvent(
+              "GuaranteeFailAncillary",
+              "glacardsavefailed"
+            )
+          : trackGuaranteePaymentEvent("glaCardSaveFailed", "glacardsavefailed")
+        break
+    }
+
+    router.replace(redirectUrl)
+  }, [status, isAncillaryFlow, redirectUrl, errorMessage, router])
+
+  return <LoadingSpinner />
+}

apps/scandic-web/components/HotelReservation/MyStay/GuaranteeLateArrival/index.tsx

@@ -66,10 +66,11 @@ export default function GuaranteeLateArrival({
   })
   const guaranteeRedirectUrl = `${env.NEXT_PUBLIC_NODE_ENV === "development" ? `http://localhost:${env.NEXT_PUBLIC_PORT}` : ""}${guaranteeCallback(lang)}`
 
-  const { guaranteeBooking, isLoading } = useGuaranteeBooking({
-    confirmationNumber: bookedRoom.confirmationNumber,
-    handleBookingCompleted: router.refresh,
-  })
+  const { guaranteeBooking, isLoading, handleGuaranteeError } =
+    useGuaranteeBooking({
+      confirmationNumber: bookedRoom.confirmationNumber,
+      handleBookingCompleted: router.refresh,
+    })
 
   if (isLoading) {
     return (
@@ -83,12 +84,7 @@ export default function GuaranteeLateArrival({
     const savedCreditCard = savedCreditCards?.find(
       (card) => card.id === data.paymentMethod
     )
-    trackGlaSaveCardAttempt(
-      bookedRoom.hotelId,
-      data.paymentMethod,
-      savedCreditCard,
-      "yes"
-    )
+    trackGlaSaveCardAttempt(bookedRoom.hotelId, savedCreditCard, "yes")
     if (bookedRoom.confirmationNumber) {
       const card = savedCreditCard
         ? {
@@ -106,6 +102,7 @@ export default function GuaranteeLateArrival({
         cancel: `${guaranteeRedirectUrl}?status=cancel&RefId=${encodeURIComponent(refId)}`,
       })
     } else {
+      handleGuaranteeError("No confirmation number")
       toast.error(
         intl.formatMessage({
           id: "Something went wrong!",