Merged in feat/sw-2874-move-select-rate (pull request #2750)

Approved-by: Joakim Jäderberg

packages/booking-flow/lib/components/PriceDetailsModal/PriceDetailsTable/Row/Price/Voucher.tsx

@@ -0,0 +1,62 @@
+"use client"
+import { useIntl } from "react-intl"
+
+import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
+import { formatPrice } from "@scandic-hotels/common/utils/numberFormatting"
+
+import BoldRow from "../Bold"
+import RegularRow from "../Regular"
+import BedTypeRow from "./BedType"
+import PackagesRow from "./Packages"
+
+import type { SharedPriceRowProps } from "./price"
+
+export interface VoucherPriceType {
+  voucher?: {
+    numberOfVouchers: number
+  }
+}
+
+interface VoucherPriceProps extends SharedPriceRowProps {
+  currency: string
+  nights: number
+  price: VoucherPriceType["voucher"]
+}
+
+export default function VoucherPrice({
+  bedType,
+  currency,
+  nights,
+  packages,
+  price,
+}: VoucherPriceProps) {
+  const intl = useIntl()
+
+  if (!price) {
+    return null
+  }
+
+  const averagePriceTitle = intl.formatMessage({
+    defaultMessage: "Average price per night",
+  })
+
+  const averagePricePerNight = formatPrice(
+    intl,
+    price.numberOfVouchers / nights,
+    CurrencyEnum.Voucher
+  )
+
+  return (
+    <>
+      <BoldRow
+        label={intl.formatMessage({ defaultMessage: "Room charge" })}
+        value={formatPrice(intl, price.numberOfVouchers, CurrencyEnum.Voucher)}
+      />
+      {nights > 1 ? (
+        <RegularRow label={averagePriceTitle} value={averagePricePerNight} />
+      ) : null}
+      <BedTypeRow bedType={bedType} currency={currency} />
+      <PackagesRow packages={packages} />
+    </>
+  )
+}