fix: unite all price details modals to one and align on ui

apps/scandic-web/components/HotelReservation/PriceDetailsModal/PriceDetailsTable/Row/Price/BedType.tsx

@@ -0,0 +1,31 @@
+"use client"
+import { useIntl } from "react-intl"
+
+import { formatPrice } from "@/utils/numberFormatting"
+
+import RegularRow from "../Regular"
+
+import type { BedTypeSchema } from "@/types/components/hotelReservation/enterDetails/bedType"
+
+interface BedTypeRowProps {
+  bedType: BedTypeSchema | undefined
+  currency?: string
+}
+
+export default function BedTypeRow({
+  bedType,
+  currency = "",
+}: BedTypeRowProps) {
+  const intl = useIntl()
+
+  if (!bedType) {
+    return null
+  }
+
+  return (
+    <RegularRow
+      label={bedType.description}
+      value={formatPrice(intl, 0, currency)}
+    />
+  )
+}

apps/scandic-web/components/HotelReservation/PriceDetailsModal/PriceDetailsTable/Row/Price/CorporateCheque.tsx

@@ -0,0 +1,83 @@
+"use client"
+import { useIntl } from "react-intl"
+
+import { sumPackages } from "@/components/HotelReservation/utils"
+import { formatPrice } from "@/utils/numberFormatting"
+
+import BoldRow from "../Bold"
+import RegularRow from "../Regular"
+import BedTypeRow from "./BedType"
+import PackagesRow from "./Packages"
+
+import { CurrencyEnum } from "@/types/enums/currency"
+import type { SharedPriceRowProps } from "./price"
+
+export interface CorporateChequePriceType {
+  corporateCheque?: {
+    additionalPricePerStay?: number
+    currency?: CurrencyEnum
+    numberOfCheques: number
+  }
+}
+
+interface CorporateChequePriceProps extends SharedPriceRowProps {
+  currency: string
+  nights: number
+  price: CorporateChequePriceType["corporateCheque"]
+}
+
+export default function CorporateChequePrice({
+  bedType,
+  currency,
+  nights,
+  packages,
+  price,
+}: CorporateChequePriceProps) {
+  const intl = useIntl()
+
+  if (!price) {
+    return null
+  }
+
+  const averagePriceTitle = intl.formatMessage({
+    defaultMessage: "Average price per night",
+  })
+
+  const pkgsSum = sumPackages(packages)
+  const roomAdditionalPrice = price.additionalPricePerStay
+  let additionalPricePerStay
+  if (roomAdditionalPrice) {
+    additionalPricePerStay = roomAdditionalPrice + pkgsSum.price
+  } else if (pkgsSum.price) {
+    additionalPricePerStay = pkgsSum.price
+  }
+
+  const averageChequesPerNight = price.numberOfCheques / nights
+  const averageAdditionalPricePerNight = roomAdditionalPrice
+    ? Math.ceil(roomAdditionalPrice / nights)
+    : null
+
+  const additionalCurrency = price.currency ?? pkgsSum.currency
+  let averagePricePerNight = `${averageChequesPerNight} ${CurrencyEnum.CC}`
+  if (averageAdditionalPricePerNight) {
+    averagePricePerNight = `${averagePricePerNight} + ${averageAdditionalPricePerNight} ${additionalCurrency}`
+  }
+
+  return (
+    <>
+      <RegularRow label={averagePriceTitle} value={averagePricePerNight} />
+      <BedTypeRow bedType={bedType} currency={currency} />
+      <PackagesRow packages={packages} />
+      <BoldRow
+        label={intl.formatMessage({ defaultMessage: "Room charge" })}
+        value={formatPrice(
+          intl,
+          price.numberOfCheques,
+          CurrencyEnum.CC,
+          additionalPricePerStay,
+          additionalCurrency
+        )}
+      />
+    </>
+  )
+}

apps/scandic-web/components/HotelReservation/PriceDetailsModal/PriceDetailsTable/Row/Price/Packages.tsx

@@ -0,0 +1,32 @@
+"use client"
+import { useIntl } from "react-intl"
+
+import { formatPrice } from "@/utils/numberFormatting"
+
+import RegularRow from "../Regular"
+
+import type { Packages as PackagesType } from "@/types/requests/packages"
+
+interface PackagesProps {
+  packages: PackagesType | null
+}
+
+export default function PackagesRow({ packages }: PackagesProps) {
+  const intl = useIntl()
+
+  if (!packages || !packages.length) {
+    return null
+  }
+
+  return packages?.map((pkg) => (
+    <RegularRow
+      key={pkg.code}
+      label={pkg.description}
+      value={formatPrice(
+        intl,
+        +pkg.localPrice.totalPrice,
+        pkg.localPrice.currency
+      )}
+    />
+  ))
+}

apps/scandic-web/components/HotelReservation/PriceDetailsModal/PriceDetailsTable/Row/Price/Redemption.tsx

@@ -0,0 +1,83 @@
+"use client"
+import { useIntl } from "react-intl"
+
+import { sumPackages } from "@/components/HotelReservation/utils"
+import { formatPrice } from "@/utils/numberFormatting"
+
+import BoldRow from "../Bold"
+import RegularRow from "../Regular"
+import BedTypeRow from "./BedType"
+import PackagesRow from "./Packages"
+
+import { CurrencyEnum } from "@/types/enums/currency"
+import type { SharedPriceRowProps } from "./price"
+
+export interface RedemptionPriceType {
+  redemption?: {
+    additionalPricePerStay?: number
+    currency?: CurrencyEnum
+    pointsPerNight: number
+    pointsPerStay: number
+  }
+}
+
+interface RedemptionPriceProps extends SharedPriceRowProps {
+  currency: string
+  nights: number
+  price: RedemptionPriceType["redemption"]
+}
+
+export default function RedemptionPrice({
+  bedType,
+  currency,
+  nights,
+  packages,
+  price,
+}: RedemptionPriceProps) {
+  const intl = useIntl()
+
+  if (!price) {
+    return null
+  }
+
+  const averagePriceTitle = intl.formatMessage({
+    defaultMessage: "Average price per night",
+  })
+  const pkgsSum = sumPackages(packages)
+
+  const roomAdditionalPrice = price.additionalPricePerStay
+  let additionalPricePerStay
+  if (roomAdditionalPrice) {
+    additionalPricePerStay = roomAdditionalPrice + pkgsSum.price
+  } else if (pkgsSum.price) {
+    additionalPricePerStay = pkgsSum.price
+  }
+
+  const averageAdditionalPricePerNight = roomAdditionalPrice
+    ? Math.ceil(roomAdditionalPrice / nights)
+    : null
+
+  const additionalCurrency = price.currency ?? pkgsSum.currency
+  let averagePricePerNight = `${price.pointsPerNight} ${CurrencyEnum.POINTS}`
+  if (averageAdditionalPricePerNight) {
+    averagePricePerNight = `${averagePricePerNight} + ${averageAdditionalPricePerNight} ${additionalCurrency}`
+  }
+
+  return (
+    <>
+      <RegularRow label={averagePriceTitle} value={averagePricePerNight} />
+      <BedTypeRow bedType={bedType} currency={currency} />
+      <PackagesRow packages={packages} />
+      <BoldRow
+        label={intl.formatMessage({ defaultMessage: "Room charge" })}
+        value={formatPrice(
+          intl,
+          price.pointsPerStay,
+          CurrencyEnum.POINTS,
+          additionalPricePerStay,
+          additionalCurrency
+        )}
+      />
+    </>
+  )
+}

apps/scandic-web/components/HotelReservation/PriceDetailsModal/PriceDetailsTable/Row/Price/Regular.tsx

@@ -0,0 +1,67 @@
+"use client"
+import { useIntl } from "react-intl"
+
+import { sumPackages } from "@/components/HotelReservation/utils"
+import { formatPrice } from "@/utils/numberFormatting"
+
+import BoldRow from "../Bold"
+import RegularRow from "../Regular"
+import BedTypeRow from "./BedType"
+import PackagesRow from "./Packages"
+
+import type { CurrencyEnum } from "@/types/enums/currency"
+import type { SharedPriceRowProps } from "./price"
+
+export interface RegularPriceType {
+  regular?: {
+    currency: CurrencyEnum
+    pricePerNight: number
+    pricePerStay: number
+  }
+}
+
+interface RegularPriceProps extends SharedPriceRowProps {
+  price: RegularPriceType["regular"]
+}
+
+export default function RegularPrice({
+  bedType,
+  packages,
+  price,
+}: RegularPriceProps) {
+  const intl = useIntl()
+
+  if (!price) {
+    return null
+  }
+
+  const averagePriceTitle = intl.formatMessage({
+    defaultMessage: "Average price per night",
+  })
+
+  const avgeragePricePerNight = formatPrice(
+    intl,
+    price.pricePerNight,
+    price.currency
+  )
+
+  const pkgs = sumPackages(packages)
+
+  const roomCharge = formatPrice(
+    intl,
+    price.pricePerStay + pkgs.price,
+    price.currency
+  )
+
+  return (
+    <>
+      <RegularRow label={averagePriceTitle} value={avgeragePricePerNight} />
+      <BedTypeRow bedType={bedType} currency={price.currency} />
+      <PackagesRow packages={packages} />
+      <BoldRow
+        label={intl.formatMessage({ defaultMessage: "Room charge" })}
+        value={roomCharge}
+      />
+    </>
+  )
+}

apps/scandic-web/components/HotelReservation/PriceDetailsModal/PriceDetailsTable/Row/Price/Voucher.tsx

@@ -0,0 +1,76 @@
+"use client"
+import { useIntl } from "react-intl"
+
+import { sumPackages } from "@/components/HotelReservation/utils"
+import { formatPrice } from "@/utils/numberFormatting"
+
+import BoldRow from "../Bold"
+import RegularRow from "../Regular"
+import BedTypeRow from "./BedType"
+import PackagesRow from "./Packages"
+
+import { CurrencyEnum } from "@/types/enums/currency"
+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 pkgsSum = sumPackages(packages)
+
+  let additionalPricePerStay
+  if (pkgsSum.price) {
+    additionalPricePerStay = pkgsSum.price
+  }
+
+  const averageAdditionalPricePerNight = additionalPricePerStay
+    ? Math.ceil(additionalPricePerStay / nights)
+    : null
+
+  let averagePricePerNight = `${price.numberOfVouchers} ${CurrencyEnum.Voucher}`
+  if (averageAdditionalPricePerNight) {
+    averagePricePerNight = `${averagePricePerNight} + ${averageAdditionalPricePerNight} ${pkgsSum.currency}`
+  }
+
+  return (
+    <>
+      <RegularRow label={averagePriceTitle} value={averagePricePerNight} />
+      <BedTypeRow bedType={bedType} currency={currency} />
+      <PackagesRow packages={packages} />
+      <BoldRow
+        label={intl.formatMessage({ defaultMessage: "Room charge" })}
+        value={formatPrice(
+          intl,
+          price.numberOfVouchers,
+          CurrencyEnum.Voucher,
+          additionalPricePerStay,
+          pkgsSum.currency
+        )}
+      />
+    </>
+  )
+}

apps/scandic-web/components/HotelReservation/PriceDetailsModal/PriceDetailsTable/Row/Price/price.ts

@@ -0,0 +1,7 @@
+import type { BedTypeSchema } from "@/types/components/hotelReservation/enterDetails/bedType"
+import type { Packages } from "@/types/requests/packages"
+
+export interface SharedPriceRowProps {
+  bedType: BedTypeSchema | undefined
+  packages: Packages | null
+}