Merged in feat/SW-1370/Guarantee-my-stay-ancillaries (pull request #1545)

Feat/SW-1370/Guarantee my stay ancillaries

* feat(SW-1370): guarantee for ancillaries

* feat(SW-1370): remove console log

* feat(SW-1370): add translations

* feat(SW-1370): small fix

* feat(SW-1370): fix must be guaranteed

* feat(SW-1370): fix logic and comments pr

* feat(SW-1370): fix comments pr

* feat(SW-1370): fix comments pr

* feat(SW-1370): add translation

* feat(SW-1370): add translation and fix pr comment

* feat(SW-1370): fix pr comment

* feat(SW-1370): fix encoding path refId issue

* feat(SW-1370): refactor AddAncillaryStore usage and introduce context provider

* feat(SW-1370): refactor

* feat(SW-1370): refactor ancillaries

* feat(SW-1370): fix merge


Approved-by: Simon.Emanuelsson

apps/scandic-web/hooks/booking/useGuaranteeBooking.ts

@@ -0,0 +1,78 @@
+import { useRouter } from "next/navigation"
+import { useCallback, useEffect, useState } from "react"
+import { useIntl } from "react-intl"
+
+import { BookingStatusEnum } from "@/constants/booking"
+import { trpc } from "@/lib/trpc/client"
+
+import { toast } from "@/components/TempDesignSystem/Toasts"
+import { useHandleBookingStatus } from "@/hooks/booking/useHandleBookingStatus"
+
+const maxRetries = 15
+const retryInterval = 2000
+
+export function useGuaranteeBooking({
+  confirmationNumber,
+  handleBookingCompleted = () => {},
+}: {
+  confirmationNumber: string
+  handleBookingCompleted?: () => void
+}) {
+  const intl = useIntl()
+  const router = useRouter()
+  const [isPollingForBookingStatus, setIsPollingForBookingStatus] =
+    useState(false)
+
+  const handlePaymentError = useCallback(() => {
+    toast.error(
+      intl.formatMessage({
+        id: "We had an issue guaranteeing your booking. Please try again.",
+      })
+    )
+  }, [intl])
+
+  const guaranteeBooking = trpc.booking.guarantee.useMutation({
+    onSuccess: (result) => {
+      if (result) {
+        if (result.reservationStatus == BookingStatusEnum.BookingCompleted) {
+          handleBookingCompleted()
+        } else {
+          setIsPollingForBookingStatus(true)
+        }
+      } else {
+        handlePaymentError()
+      }
+    },
+    onError: () => {
+      toast.error(
+        intl.formatMessage({
+          id: "Something went wrong!",
+        })
+      )
+    },
+  })
+
+  const bookingStatus = useHandleBookingStatus({
+    confirmationNumber,
+    expectedStatuses: [BookingStatusEnum.BookingCompleted],
+    maxRetries,
+    retryInterval,
+    enabled: isPollingForBookingStatus,
+  })
+
+  useEffect(() => {
+    if (bookingStatus?.data?.paymentUrl) {
+      router.push(bookingStatus.data.paymentUrl)
+    } else if (bookingStatus.isTimeout) {
+      handlePaymentError()
+    }
+  }, [bookingStatus, router, intl, handlePaymentError])
+
+  const isLoading =
+    guaranteeBooking.isPending ||
+    (isPollingForBookingStatus &&
+      !bookingStatus.data?.paymentUrl &&
+      !bookingStatus.isTimeout)
+
+  return { guaranteeBooking, isLoading }
+}

apps/scandic-web/hooks/booking/useGuaranteePaymentFailedToast.ts

@@ -21,6 +21,10 @@ export function useGuaranteePaymentFailedToast() {
           return intl.formatMessage({
             id: "You have cancelled to process to guarantee your booking.",
           })
+        case "AncillaryFailed":
+          return intl.formatMessage({
+            id: "The product could not be added. Your booking is guaranteed. Please try again.",
+          })
         default:
           return intl.formatMessage({
             id: "We had an issue guaranteeing your booking. Please try again.",
@@ -30,10 +34,9 @@ export function useGuaranteePaymentFailedToast() {
     [intl]
   )
 
-  const errorCode = searchParams.get("errorCode")
-  const errorMessage = getErrorMessage(errorCode)
-
   useEffect(() => {
+    const errorCode = searchParams.get("errorCode")
+    const errorMessage = getErrorMessage(errorCode)
     if (!errorCode) return
 
     // setTimeout is needed to show toasts on page load: https://sonner.emilkowal.ski/toast#render-toast-on-page-load
@@ -45,10 +48,14 @@ export function useGuaranteePaymentFailedToast() {
 
       toast[toastType](errorMessage)
     })
+    const ancillary = searchParams.get("ancillary")
+    if ((errorCode && ancillary) || errorCode === "AncillaryFailed") {
+      return
+    }
 
     const queryParams = new URLSearchParams(searchParams.toString())
     queryParams.delete("errorCode")
 
     router.push(`${pathname}?${queryParams.toString()}`)
-  }, [searchParams, pathname, errorCode, errorMessage, router])
+  }, [searchParams, pathname, router, getErrorMessage])
 }