Merged in feat/SW-1737-design-mystay-multiroom (pull request #1565)

Feat/SW-1737 design mystay multiroom

* feat(SW-1737) Fixed member view of guest details

* feat(SW-1737) fix merge issues

* feat(SW-1737) Fixed price details

* feat(SW-1737) removed unused imports

* feat(SW-1737) removed true as statement

* feat(SW-1737) updated store handling

* feat(SW-1737) fixed bug showing double numbers

* feat(SW-1737) small design fixed

* feat(SW-1737) fixed rebase errors

* feat(SW-1737) fixed create booking error with dates

* feat(SW-1737) fixed view multiroom as singleroom

* feat(SW-1737) fixes for multiroom

* feat(SW-1737) fixed bookingsummary

* feat(SW-1737) dont hide modify dates

* feat(SW-1737) updated breakfast to handle number

* feat(SW-1737) Added red color if member rate

* feat(SW-1737) fix PR comments

* feat(SW-1737) updated member tiers svg

* feat(SW-1737) updated how to handle paymentMethodDescription

* feat(SW-1737) fixes after testing mystay

* feat(SW-1737) updated Room type to just use whats used

* feat(SW-1737) fixed access

* feat(SW-1737) refactor my stay after PR comments

* feat(SW-1737) fix roomNumber translation

* feat(SW-1737) removed log


Approved-by: Arvid Norlin

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

@@ -5,13 +5,15 @@ import { useRouter } from "next/navigation"
 import { FormProvider, useForm } from "react-hook-form"
 import { useIntl } from "react-intl"
 
-import { BookingStatusEnum, PaymentMethodEnum } from "@/constants/booking"
+import { PaymentMethodEnum } from "@/constants/booking"
 import {
   bookingTermsAndConditions,
   privacyPolicy,
 } from "@/constants/currentWebHrefs"
 import { guaranteeCallback } from "@/constants/routes/hotelReservation"
 import { env } from "@/env/client"
+import { useManageStayStore } from "@/stores/my-stay/manageStayStore"
+import { useMyStayRoomDetailsStore } from "@/stores/my-stay/myStayRoomDetailsStore"
 
 import LoadingSpinner from "@/components/LoadingSpinner"
 import { ModalContentWithActions } from "@/components/Modal/ModalContentWithActions"
@@ -31,27 +33,24 @@ import { type GuaranteeFormData, paymentSchema } from "./schema"
 
 import styles from "./guaranteeLateArrival.module.css"
 
-import type { BookingConfirmation } from "@/types/trpc/routers/booking/confirmation"
 import type { CreditCard } from "@/types/user"
 
 export interface GuaranteeLateArrivalProps {
-  booking: BookingConfirmation["booking"]
-  handleCloseModal: () => void
-  handleBackToManageStay: () => void
   savedCreditCards: CreditCard[] | null
   refId: string
 }
 
 export default function GuaranteeLateArrival({
-  booking,
-  handleCloseModal,
-  handleBackToManageStay,
   savedCreditCards,
   refId,
 }: GuaranteeLateArrivalProps) {
   const intl = useIntl()
   const lang = useLang()
   const router = useRouter()
+  const bookedRoom = useMyStayRoomDetailsStore((state) => state.bookedRoom)
+  const {
+    actions: { handleCloseView, handleCloseModal },
+  } = useManageStayStore()
 
   const methods = useForm<GuaranteeFormData>({
     defaultValues: {
@@ -67,7 +66,7 @@ export default function GuaranteeLateArrival({
   const guaranteeRedirectUrl = `${env.NEXT_PUBLIC_NODE_ENV === "development" ? `http://localhost:${env.NEXT_PUBLIC_PORT}` : ""}${guaranteeCallback(lang)}`
 
   const { guaranteeBooking, isLoading } = useGuaranteeBooking({
-    confirmationNumber: booking.confirmationNumber,
+    confirmationNumber: bookedRoom.confirmationNumber,
     handleBookingCompleted: router.refresh,
   })
 
@@ -83,7 +82,7 @@ export default function GuaranteeLateArrival({
     const savedCreditCard = savedCreditCards?.find(
       (card) => card.id === data.paymentMethod
     )
-    if (booking.confirmationNumber) {
+    if (bookedRoom.confirmationNumber) {
       const card = savedCreditCard
         ? {
             alias: savedCreditCard.alias,
@@ -92,7 +91,7 @@ export default function GuaranteeLateArrival({
           }
         : undefined
       guaranteeBooking.mutate({
-        confirmationNumber: booking.confirmationNumber,
+        confirmationNumber: bookedRoom.confirmationNumber,
         language: lang,
         ...(card !== undefined && { card }),
         success: `${guaranteeRedirectUrl}?status=success&RefId=${encodeURIComponent(refId)}`,
@@ -182,7 +181,7 @@ export default function GuaranteeLateArrival({
               </div>
               <Divider variant="vertical" color="subtle" />
               <Body textTransform="bold">
-                {formatPrice(intl, 0, booking.currencyCode)}
+                {formatPrice(intl, 0, bookedRoom.currencyCode)}
               </Body>
             </div>
           </>
@@ -194,7 +193,7 @@ export default function GuaranteeLateArrival({
         }}
         secondaryAction={{
           label: intl.formatMessage({ id: "Back" }),
-          onClick: handleBackToManageStay,
+          onClick: handleCloseView,
           intent: "text",
         }}
       />