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/index.tsx

@@ -9,6 +9,7 @@ import {
   getAncillaryPackages,
   getBookingConfirmation,
   getProfileSafely,
+  getSavedPaymentCardsSafely,
 } from "@/lib/trpc/memoizedRequests"
 import { decrypt } from "@/server/routers/utils/encryption"
 
@@ -64,6 +65,10 @@ export async function MyStay({ refId }: { refId: string }) {
       hotelId: hotel.operaId,
       toDate: dt(booking.checkOutDate).format("YYYY-MM-DD"),
     })
+    const supportedCards = hotel.merchantInformationData.cards
+    const savedCreditCards = await getSavedPaymentCardsSafely({
+      supportedCards,
+    })
 
     return (
       <main className={styles.main}>
@@ -84,7 +89,12 @@ export async function MyStay({ refId }: { refId: string }) {
         <div className={styles.content}>
           <div className={styles.headerContainer}>
             <Header hotel={hotel} />
-            <ReferenceCard booking={booking} hotel={hotel} />
+            <ReferenceCard
+              booking={booking}
+              hotel={hotel}
+              savedCreditCards={savedCreditCards}
+              refId={refId}
+            />
           </div>
           {booking.showAncillaries && (
             <Ancillaries