feat: translate Voucher everywhere during booking flow

apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx

@@ -4,6 +4,7 @@ import { cx } from "class-variance-authority"
 import { useIntl } from "react-intl"
 import { useMediaQuery } from "usehooks-ts"
 
+import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
 import { dt } from "@scandic-hotels/common/dt"
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
@@ -66,11 +67,12 @@ export default function SummaryUI({
   const roomOneMemberPrice = getMemberPrice(rooms[0].room.roomRate)
 
   const roomOneRoomRate = rooms[0].room.roomRate
+  const isVoucherRate = "voucher" in roomOneRoomRate
   // In case of Redemption, voucher and Corporate cheque do not show approx price
   const isSpecialRate =
     "corporateCheque" in roomOneRoomRate ||
     "redemption" in roomOneRoomRate ||
-    "voucher" in roomOneRoomRate
+    isVoucherRate
 
   const priceDetailsRooms = mapToPrice(rooms, isMember)
   const isAllCampaignRate = rooms.every(
@@ -84,6 +86,16 @@ export default function SummaryUI({
   )
   const showDiscounted = containsBookingCodeRate || isMember
 
+  const totalCurrency = isVoucherRate
+    ? intl.formatMessage({ defaultMessage: "Voucher" })
+    : totalPrice.local.currency
+
+  if (isVoucherRate && defaultCurrency === CurrencyEnum.Voucher) {
+    defaultCurrency = intl.formatMessage({
+      defaultMessage: "Voucher",
+    }) as CurrencyEnum
+  }
+
   return (
     <section className={styles.summary}>
       <header
@@ -179,7 +191,7 @@ export default function SummaryUI({
                 {formatPrice(
                   intl,
                   totalPrice.local.price,
-                  totalPrice.local.currency,
+                  totalCurrency,
                   totalPrice.local.additionalPrice,
                   totalPrice.local.additionalPriceCurrency
                 )}