Merged in feat/SW-1368-1369-Guarantee-late-arrival (pull request #1512)

Feat/SW-1368 1369 Guarantee late arrival

* feat(SW-1368-SW-1369): guarantee late arrival for confirmation page and my stay

* feat(SW-1368-SW-1369): guarantee late arrival updated design

* feat(SW-1368-SW-1369): add translations

* feat(SW-1368-SW-1369): add translations

* feat(SW-1368-SW-1369): fix merge with master

* feat(SW-1368-SW-1369): add translations

* feat(SW-1368-SW-1369): add redirect with refId

* feat(SW-1368-SW-1369): if booking completed redirect to confirmation page

* feat(SW-1368-SW-1369): fix comments pr

* feat(SW-1368-SW-1369): fix comments pr

* feat(SW-1368-SW-1369): fix rebase master

* feat(SW-1368-SW-1369): fix duplicate flex rate check

* feat(SW-1368-SW-1369): if any room is flex, card must be used

* feat(SW-1368-SW-1369): move callback route

* feat(SW-1368-SW-1369): top align checkbox

* feat(SW-1368-SW-1369): top align checkbox


Approved-by: Tobias Johansson
Approved-by: Niclas Edenvin

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

@@ -10,18 +10,22 @@ import Modal from "@/components/Modal"
 import Button from "@/components/TempDesignSystem/Button"
 
 import CancelStay from "../CancelStay"
+import GuaranteeLateArrival from "../GuaranteeLateArrival"
 import ActionPanel from "./ActionPanel"
 
 import type { Hotel } from "@/types/hotel"
 import type { BookingConfirmation } from "@/types/trpc/routers/booking/confirmation"
+import type { CreditCard } from "@/types/user"
 
-type ActiveView = "actionPanel" | "cancelStay"
+type ActiveView = "actionPanel" | "cancelStay" | "guaranteeLateArrival"
 
 interface ManageStayProps {
   booking: BookingConfirmation["booking"]
   hotel: Hotel
   setBookingStatus: (status: BookingStatusEnum) => void
   bookingStatus: string | null
+  savedCreditCards: CreditCard[] | null
+  refId: string
 }
 
 export default function ManageStay({
@@ -29,6 +33,8 @@ export default function ManageStay({
   hotel,
   setBookingStatus,
   bookingStatus,
+  savedCreditCards,
+  refId,
 }: ManageStayProps) {
   const [isOpen, setIsOpen] = useState(false)
 
@@ -39,6 +45,9 @@ export default function ManageStay({
   const showCancelStayButton =
     bookingStatus !== BookingStatusEnum.Cancelled && booking.isCancelable
 
+  const showGuaranteeButton =
+    bookingStatus !== BookingStatusEnum.Cancelled && !booking.guaranteeInfo
+
   function handleClose() {
     setIsOpen(false)
     setActiveView("actionPanel")
@@ -61,13 +70,25 @@ export default function ManageStay({
             handleBackToManageStay={handleBack}
           />
         )
+      case "guaranteeLateArrival":
+        return (
+          <GuaranteeLateArrival
+            booking={booking}
+            handleCloseModal={handleClose}
+            handleBackToManageStay={handleBack}
+            savedCreditCards={savedCreditCards}
+            refId={refId}
+          />
+        )
       default:
         return (
           <ActionPanel
             booking={booking}
             hotel={hotel}
             onCancelClick={() => setActiveView("cancelStay")}
+            onGuaranteeClick={() => setActiveView("guaranteeLateArrival")}
             showCancelStayButton={showCancelStayButton}
+            showGuaranteeButton={showGuaranteeButton}
           />
         )
     }