002d093af4
feat(SW-2863): Move contentstack router to trpc package * Add exports to packages and lint rule to prevent relative imports * Add env to trpc package * Add eslint to trpc package * Apply lint rules * Use direct imports from trpc package * Add lint-staged config to trpc * Move lang enum to common * Restructure trpc package folder structure * WIP first step * update internal imports in trpc * Fix most errors in scandic-web Just 100 left... * Move Props type out of trpc * Fix CategorizedFilters types * Move more schemas in hotel router * Fix deps * fix getNonContentstackUrls * Fix import error * Fix entry error handling * Fix generateMetadata metrics * Fix alertType enum * Fix duplicated types * lint:fix * Merge branch 'master' into feat/sw-2863-move-contentstack-router-to-trpc-package * Fix broken imports * Merge branch 'master' into feat/sw-2863-move-contentstack-router-to-trpc-package Approved-by: Linus Flood
105 lines
3.3 KiB
TypeScript
105 lines
3.3 KiB
TypeScript
import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
|
|
import { Divider } from "@scandic-hotels/design-system/Divider"
|
|
import { Typography } from "@scandic-hotels/design-system/Typography"
|
|
|
|
import { getIntl } from "@/i18n"
|
|
|
|
import styles from "./total.module.css"
|
|
|
|
import type { TotalProps } from "@/types/components/hotelReservation/myStay/receipt"
|
|
|
|
export default async function Total({ booking, currency }: TotalProps) {
|
|
const intl = await getIntl()
|
|
|
|
const totalPriceInMoney = booking.totalPrice
|
|
const totalPriceInMoneyExclVat = booking.totalPriceExVat
|
|
const totalVat = booking.vatAmount
|
|
const totalPriceInPoints = booking.ancillaries
|
|
.filter((a) => a.currency === CurrencyEnum.POINTS)
|
|
.reduce((acc, curr) => acc + curr.totalPrice, 0)
|
|
|
|
const moneyString =
|
|
totalPriceInMoney > 0 ? `${totalPriceInMoney} ${currency}` : ""
|
|
const pointsString =
|
|
totalPriceInPoints > 0
|
|
? `${totalPriceInPoints} ${intl.formatMessage({
|
|
defaultMessage: "Points",
|
|
})}`
|
|
: ""
|
|
const plusString = moneyString && pointsString ? " + " : ""
|
|
|
|
return (
|
|
<div>
|
|
{/****** Total ********/}
|
|
<div className={styles.totalContainer}>
|
|
<Typography>
|
|
<div>
|
|
<span className={styles.title}>
|
|
{intl.formatMessage({
|
|
defaultMessage: "Preliminary receipt",
|
|
})}
|
|
</span>
|
|
<span className={styles.titleSubtext}>
|
|
{intl.formatMessage({
|
|
defaultMessage:
|
|
"Final VAT breakdown will be provided at check-out.",
|
|
})}
|
|
</span>
|
|
</div>
|
|
</Typography>
|
|
|
|
<Divider />
|
|
<dl className={styles.dl}>
|
|
<Typography>
|
|
<dt>
|
|
{intl.formatMessage({
|
|
defaultMessage: "Total including VAT",
|
|
})}
|
|
</dt>
|
|
</Typography>
|
|
<Typography>
|
|
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
|
|
<dd>{`${moneyString}${plusString}${pointsString}`}</dd>
|
|
</Typography>
|
|
|
|
{totalPriceInMoney > 0 && (
|
|
<>
|
|
<Typography>
|
|
<dt className={styles.tertiary}>
|
|
{intl.formatMessage({
|
|
defaultMessage: "Total excluding VAT",
|
|
})}
|
|
</dt>
|
|
</Typography>
|
|
<Typography>
|
|
<dd className={styles.tertiary}>
|
|
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
|
|
{`${totalPriceInMoneyExclVat} ${currency}`}
|
|
</dd>
|
|
</Typography>
|
|
</>
|
|
)}
|
|
|
|
{totalPriceInMoney > 0 && (
|
|
<>
|
|
<Typography>
|
|
<dt className={styles.tertiary}>
|
|
{intl.formatMessage({
|
|
defaultMessage: "VAT",
|
|
})}
|
|
</dt>
|
|
</Typography>
|
|
<Typography>
|
|
<dd className={styles.tertiary}>
|
|
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
|
|
{`${totalVat} ${currency}`}
|
|
</dd>
|
|
</Typography>
|
|
</>
|
|
)}
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|