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

"use client"

import { usePathname, useRouter, useSearchParams } from "next/navigation"
import { useCallback, useEffect } from "react"
import { useIntl } from "react-intl"

import { BookingErrorCodeEnum } from "@/constants/booking"

import { toast } from "@/components/TempDesignSystem/Toasts"

export function useGuaranteePaymentFailedToast() {
  const intl = useIntl()
  const searchParams = useSearchParams()
  const pathname = usePathname()
  const router = useRouter()

  const getErrorMessage = useCallback(
    (errorCode: string | null) => {
      switch (errorCode) {
        case BookingErrorCodeEnum.TransactionCancelled:
          return intl.formatMessage({
            id: "You have cancelled to process to guarantee your booking.",
          })
        default:
          return intl.formatMessage({
            id: "We had an issue guaranteeing your booking. Please try again.",
          })
      }
    },
    [intl]
  )

  const errorCode = searchParams.get("errorCode")
  const errorMessage = getErrorMessage(errorCode)

  useEffect(() => {
    if (!errorCode) return

    // setTimeout is needed to show toasts on page load: https://sonner.emilkowal.ski/toast#render-toast-on-page-load
    setTimeout(() => {
      const toastType =
        errorCode === BookingErrorCodeEnum.TransactionCancelled
          ? "warning"
          : "error"

      toast[toastType](errorMessage)
    })

    const queryParams = new URLSearchParams(searchParams.toString())
    queryParams.delete("errorCode")

    router.push(`${pathname}?${queryParams.toString()}`)
  }, [searchParams, pathname, errorCode, errorMessage, router])
}