feat: SW-1583 City search Map view redemption

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

@@ -13,6 +13,7 @@ import Footnote from "@/components/TempDesignSystem/Text/Footnote"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import { isValidClientSession } from "@/utils/clientSession"
 
+import HotelPointsCard from "../../HotelCard/HotelPointsCard"
 import NoPriceAvailableCard from "../../HotelCard/NoPriceAvailableCard"
 import HotelCardDialogImage from "../HotelCardDialogImage"
 
@@ -41,6 +42,7 @@ export default function StandaloneHotelCardDialog({
     name,
     publicPrice,
     memberPrice,
+    redemptionPrice,
     currency,
     amenities,
     images,
@@ -85,12 +87,18 @@ export default function StandaloneHotelCardDialog({
           })}
         </div>
         <div className={styles.pricesContainer}>
-          {publicPrice || memberPrice ? (
+          {publicPrice || memberPrice || redemptionPrice ? (
             <>
               <div className={styles.priceCard}>
-                <Caption type="bold">
-                  {intl.formatMessage({ id: "From" })}
-                </Caption>
+                {redemptionPrice ? (
+                  <Caption>
+                    {intl.formatMessage({ id: "Available rates" })}
+                  </Caption>
+                ) : (
+                  <Caption type="bold">
+                    {intl.formatMessage({ id: "From" })}
+                  </Caption>
+                )}
                 {publicPrice && !isUserLoggedIn && (
                   <Subtitle type="two">
                     {intl.formatMessage(
@@ -123,6 +131,9 @@ export default function StandaloneHotelCardDialog({
                     </Body>
                   </Subtitle>
                 )}
+                {redemptionPrice && (
+                  <HotelPointsCard redemptionPrice={redemptionPrice} />
+                )}
               </div>
               <Button
                 asChild