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/components/HotelReservation/MyStay/GuaranteeLateArrival/index.tsx

@@ -2,7 +2,6 @@
 
 import { zodResolver } from "@hookform/resolvers/zod"
 import { useRouter } from "next/navigation"
-import { useCallback, useEffect, useState } from "react"
 import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
@@ -13,7 +12,6 @@ import {
 } from "@/constants/currentWebHrefs"
 import { guaranteeCallback } from "@/constants/routes/hotelReservation"
 import { env } from "@/env/client"
-import { trpc } from "@/lib/trpc/client"
 
 import LoadingSpinner from "@/components/LoadingSpinner"
 import { ModalContentWithActions } from "@/components/Modal/ModalContentWithActions"
@@ -23,7 +21,7 @@ import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import { toast } from "@/components/TempDesignSystem/Toasts"
-import { useHandleBookingStatus } from "@/hooks/booking/useHandleBookingStatus"
+import { useGuaranteeBooking } from "@/hooks/booking/useGuaranteeBooking"
 import useLang from "@/hooks/useLang"
 import { formatPrice } from "@/utils/numberFormatting"
 
@@ -36,9 +34,6 @@ import styles from "./guaranteeLateArrival.module.css"
 import type { BookingConfirmation } from "@/types/trpc/routers/booking/confirmation"
 import type { CreditCard } from "@/types/user"
 
-const maxRetries = 15
-const retryInterval = 2000
-
 export interface GuaranteeLateArrivalProps {
   booking: BookingConfirmation["booking"]
   handleCloseModal: () => void
@@ -57,6 +52,7 @@ export default function GuaranteeLateArrival({
   const intl = useIntl()
   const lang = useLang()
   const router = useRouter()
+
   const methods = useForm<GuaranteeFormData>({
     defaultValues: {
       paymentMethod: savedCreditCards?.length
@@ -68,56 +64,14 @@ export default function GuaranteeLateArrival({
     reValidateMode: "onChange",
     resolver: zodResolver(paymentSchema),
   })
-  const [isPollingForBookingStatus, setIsPollingForBookingStatus] =
-    useState(false)
+  const guaranteeRedirectUrl = `${env.NEXT_PUBLIC_NODE_ENV === "development" ? `http://localhost:${env.NEXT_PUBLIC_PORT}` : ""}${guaranteeCallback(lang)}`
 
-  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) {
-        setIsPollingForBookingStatus(true)
-      } else {
-        handlePaymentError()
-      }
-    },
-    onError: () => {
-      toast.error(
-        intl.formatMessage({
-          id: "Something went wrong!",
-        })
-      )
-    },
-  })
-
-  const bookingStatus = useHandleBookingStatus({
+  const { guaranteeBooking, isLoading } = useGuaranteeBooking({
     confirmationNumber: booking.confirmationNumber,
-    expectedStatuses: [BookingStatusEnum.BookingCompleted],
-    maxRetries,
-    retryInterval,
-    enabled: isPollingForBookingStatus,
+    handleBookingCompleted: router.refresh,
   })
 
-  useEffect(() => {
-    if (bookingStatus?.data?.paymentUrl) {
-      router.push(bookingStatus.data.paymentUrl)
-    } else if (bookingStatus.isTimeout) {
-      handlePaymentError()
-    }
-  }, [bookingStatus, router, intl, handlePaymentError])
-
-  if (
-    guaranteeBooking.isPending ||
-    (isPollingForBookingStatus &&
-      !bookingStatus.data?.paymentUrl &&
-      !bookingStatus.isTimeout)
-  ) {
+  if (isLoading) {
     return (
       <div className={styles.loading}>
         <LoadingSpinner />
@@ -129,7 +83,6 @@ export default function GuaranteeLateArrival({
     const savedCreditCard = savedCreditCards?.find(
       (card) => card.id === data.paymentMethod
     )
-    const guaranteeRedirectUrl = `${env.NEXT_PUBLIC_NODE_ENV === "development" ? `http://localhost:${env.NEXT_PUBLIC_PORT}` : ""}${guaranteeCallback(lang)}`
     if (booking.confirmationNumber) {
       const card = savedCreditCard
         ? {
@@ -142,14 +95,14 @@ export default function GuaranteeLateArrival({
         confirmationNumber: booking.confirmationNumber,
         language: lang,
         ...(card !== undefined && { card }),
-        success: `${guaranteeRedirectUrl}/success/${encodeURIComponent(refId)}`,
-        error: `${guaranteeRedirectUrl}/error/${encodeURIComponent(refId)}`,
-        cancel: `${guaranteeRedirectUrl}/cancel/${encodeURIComponent(refId)}`,
+        success: `${guaranteeRedirectUrl}?status=success&RefId=${encodeURIComponent(refId)}`,
+        error: `${guaranteeRedirectUrl}?status=error&RefId=${encodeURIComponent(refId)}`,
+        cancel: `${guaranteeRedirectUrl}?status=cancel&RefId=${encodeURIComponent(refId)}`,
       })
     } else {
       toast.error(
         intl.formatMessage({
-          id: "Confirmation number is missing!",
+          id: "Something went wrong!",
         })
       )
     }