bbcabfa0ba
feat (SW-2864): Move booking router to trpc package * 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 * Move booking router to trpc package * Merge branch 'master' into feat/sw-2864-move-hotels-router-to-trpc-package Approved-by: Linus Flood
79 lines
2.5 KiB
TypeScript
79 lines
2.5 KiB
TypeScript
"use client"
|
|
import { useIntl } from "react-intl"
|
|
|
|
import { Divider } from "@scandic-hotels/design-system/Divider"
|
|
import { Typography } from "@scandic-hotels/design-system/Typography"
|
|
|
|
import Checkbox from "@/components/TempDesignSystem/Form/Checkbox"
|
|
|
|
import TermsAndConditions from "../Payment/TermsAndConditions"
|
|
import Guarantee from "./Guarantee"
|
|
|
|
import styles from "./confirm.module.css"
|
|
|
|
import type { CreditCard } from "@scandic-hotels/trpc/types/user"
|
|
|
|
interface ConfirmBookingProps {
|
|
savedCreditCards: CreditCard[] | null
|
|
}
|
|
|
|
export default function ConfirmBooking({
|
|
savedCreditCards,
|
|
}: ConfirmBookingProps) {
|
|
const intl = useIntl()
|
|
return (
|
|
<div className={styles.container}>
|
|
<div className={styles.selections}>
|
|
<Guarantee savedCreditCards={savedCreditCards} />
|
|
<Divider color="Border/Divider/Default" />
|
|
<Checkbox name="smsConfirmation">
|
|
<Typography variant="Body/Supporting text (caption)/smRegular">
|
|
<span>
|
|
{intl.formatMessage({
|
|
defaultMessage:
|
|
"I would like to get my booking confirmation via sms",
|
|
})}
|
|
</span>
|
|
</Typography>
|
|
</Checkbox>
|
|
</div>
|
|
<div className={styles.checkboxContainer}>
|
|
<TermsAndConditions isFlexBookingTerms />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export function ConfirmBookingRedemption() {
|
|
const intl = useIntl()
|
|
return (
|
|
<div className={styles.container}>
|
|
<div className={styles.selections}>
|
|
<Checkbox name="smsConfirmation">
|
|
<Typography variant="Body/Supporting text (caption)/smRegular">
|
|
<span>
|
|
{intl.formatMessage({
|
|
defaultMessage:
|
|
"I would like to get my booking confirmation via sms",
|
|
})}
|
|
</span>
|
|
</Typography>
|
|
</Checkbox>
|
|
</div>
|
|
<div className={styles.guaranteeContainer}>
|
|
<Typography variant="Body/Supporting text (caption)/smRegular">
|
|
<p>
|
|
{intl.formatMessage({
|
|
defaultMessage:
|
|
"When you confirm the booking the room will be guaranteed for late arrival. If you fail to arrive without cancelling in advance or if you cancel after 18:00 local time, you will be charged for one reward night.",
|
|
})}
|
|
</p>
|
|
</Typography>
|
|
</div>
|
|
<div className={styles.checkboxContainer}>
|
|
<TermsAndConditions isFlexBookingTerms />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|