Merged in fix/SW-2642-select-hotel-corporate-ch (pull request #2003)

fix: SW-2642 Fixed corporate chq and voucher rates city search

* fix: SW-2642 Fixed corporate chq and voucher rates city search

* fix: SW-2642 Fixed no availability alert for all hotels

* fix: SW-2642 Combined flags to suitable variable

* fix: SW-2642 Fixed map view to show prices


Approved-by: Arvid Norlin

apps/scandic-web/components/HotelReservation/HotelCardDialog/ListingHotelCardDialog/index.tsx

@@ -2,6 +2,8 @@
 import { useSession } from "next-auth/react"
 import { useIntl } from "react-intl"
 
+import { Typography } from "@scandic-hotels/design-system/Typography"
+
 import { selectRate } from "@/constants/routes/hotelReservation"
 
 import { FacilityToIcon } from "@/components/ContentType/HotelPage/data"
@@ -47,6 +49,8 @@ export default function ListingHotelCardDialog({
     ratings,
     operaId,
     redemptionPrice,
+    chequePrice,
+    voucherPrice,
   } = data
 
   const firstImage = images[0]?.imageSizes?.small
@@ -81,7 +85,11 @@ export default function ListingHotelCardDialog({
         </div>
       </div>
 
-      {publicPrice || memberPrice || redemptionPrice ? (
+      {publicPrice ||
+      memberPrice ||
+      redemptionPrice ||
+      voucherPrice ||
+      chequePrice ? (
         <div className={styles.bottomContainer}>
           <div className={styles.pricesContainer}>
             {redemptionPrice ? (
@@ -130,6 +138,63 @@ export default function ListingHotelCardDialog({
               {redemptionPrice && (
                 <HotelPointsRow pointsPerStay={redemptionPrice} />
               )}
+              {chequePrice && (
+                <Subtitle type="two">
+                  {intl.formatMessage(
+                    {
+                      defaultMessage: "{price} {currency}",
+                    },
+                    {
+                      price: chequePrice.numberOfCheques,
+                      currency: "CC",
+                    }
+                  )}
+                  {chequePrice.additionalPricePerStay > 0
+                    ? // eslint-disable-next-line formatjs/no-literal-string-in-jsx
+                      " + " +
+                      intl.formatMessage(
+                        {
+                          defaultMessage: "{price} {currency}",
+                        },
+                        {
+                          price: chequePrice.additionalPricePerStay,
+                          currency: chequePrice.currency,
+                        }
+                      )
+                    : null}
+                  <Typography variant="Body/Paragraph/mdRegular">
+                    {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
+                    <span>
+                      /
+                      {intl.formatMessage({
+                        defaultMessage: "night",
+                      })}
+                    </span>
+                  </Typography>
+                </Subtitle>
+              )}
+              {voucherPrice && (
+                <Subtitle type="two">
+                  {intl.formatMessage(
+                    {
+                      defaultMessage: "{price} {currency}",
+                    },
+                    {
+                      price: voucherPrice,
+                      currency,
+                    }
+                  )}
+                  <Typography variant="Body/Paragraph/mdRegular">
+                    {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
+                    <span>
+                      /
+                      {intl.formatMessage({
+                        defaultMessage: "night",
+                      })}
+                    </span>
+                  </Typography>
+                </Subtitle>
+              )}
             </div>
           </div>
           <Button asChild theme="base" size="small" className={styles.button}>