Merged in feat/BOOK-529-update-GLA-design-mystay (pull request #3230)

Feat/BOOK-529 update GLA design mystay

* feat(BOOK-529): update gla design on my stay

* feat(BOOK-529): open gla modal if error

* feat(BOOK-529): add inline accordion to storybook

* feat(529): move errormessage below message

* feat(529): update infomodal

* feat(BOOK-529): update infomodal

* feat(BOOK-529): hide guarantee info for adding ancillaries if prepaid

* feat(BOOK-529): update width on info dialog

* feat(BOOK-529): fix alignment

* feat(BOOK-529): check if member price

* feat(BOOK-529): refactor msg

* feat(BOOK-529): refactor terms and conditions to own component

* feat(BOOK-529): clean up confirmation step


Approved-by: Christel Westerberg

apps/scandic-web/components/SidePeeks/BookedRoomSidePeekContent/index.tsx

@@ -16,6 +16,7 @@ import { RoomPackageCodeEnum } from "@scandic-hotels/trpc/enums/roomFilter"
 
 import GuestDetails from "@/components/HotelReservation/MyStay/GuestDetails"
 import PriceType from "@/components/HotelReservation/MyStay/PriceType"
+import Price from "@/components/HotelReservation/MyStay/PriceType/Price"
 import { hasModifiableRate } from "@/components/HotelReservation/MyStay/utils"
 import useLang from "@/hooks/useLang"
 import { mapApiImagesToGalleryImages } from "@/utils/imageGallery"
@@ -70,11 +71,13 @@ type Room = Pick<
 interface BookedRoomSidepeekContentProps {
   room: Room
   user: SafeUser
+  totalPriceBooking?: string
 }
 
 export default function BookedRoomSidePeekContent({
   room,
   user,
+  totalPriceBooking,
 }: BookedRoomSidepeekContentProps) {
   const intl = useIntl()
   const lang = useLang()
@@ -407,18 +410,25 @@ export default function BookedRoomSidePeekContent({
                   })}
                 </p>
               </Typography>
-
-              <PriceType
-                cheques={cheques}
-                formattedTotalPrice={formattedTotalPrice}
-                isCancelled={isCancelled}
-                priceType={priceType}
-                currencyCode={currencyCode}
-                rateDefinition={rateDefinition}
-                totalPoints={totalPoints}
-                totalPrice={totalRoomPrice}
-                vouchers={vouchers}
-              />
+              {totalPriceBooking ? (
+                <Price
+                  isCancelled={isCancelled}
+                  price={totalPriceBooking}
+                  isMember={rateDefinition.isMemberRate}
+                />
+              ) : (
+                <PriceType
+                  cheques={cheques}
+                  formattedTotalPrice={formattedTotalPrice}
+                  isCancelled={isCancelled}
+                  priceType={priceType}
+                  currencyCode={currencyCode}
+                  rateDefinition={rateDefinition}
+                  totalPoints={totalPoints}
+                  totalPrice={totalRoomPrice}
+                  vouchers={vouchers}
+                />
+              )}
             </div>
           </div>
         </div>