122 lines
3.8 KiB
TypeScript
122 lines
3.8 KiB
TypeScript
import { notFound, redirect } from "next/navigation"
|
|
|
|
import {
|
|
getBreakfastPackages,
|
|
getCreditCardsSafely,
|
|
getHotelData,
|
|
getProfileSafely,
|
|
getRoomAvailability,
|
|
} from "@/lib/trpc/memoizedRequests"
|
|
|
|
import BedType from "@/components/HotelReservation/EnterDetails/BedType"
|
|
import Breakfast from "@/components/HotelReservation/EnterDetails/Breakfast"
|
|
import Details from "@/components/HotelReservation/EnterDetails/Details"
|
|
import HistoryStateManager from "@/components/HotelReservation/EnterDetails/HistoryStateManager"
|
|
import Payment from "@/components/HotelReservation/EnterDetails/Payment"
|
|
import SectionAccordion from "@/components/HotelReservation/EnterDetails/SectionAccordion"
|
|
import { getIntl } from "@/i18n"
|
|
|
|
import { StepEnum } from "@/types/components/enterDetails/step"
|
|
import type { LangParams, PageArgs } from "@/types/params"
|
|
|
|
export function preload() {
|
|
void getProfileSafely()
|
|
void getCreditCardsSafely()
|
|
}
|
|
|
|
function isValidStep(step: string): step is StepEnum {
|
|
return Object.values(StepEnum).includes(step as StepEnum)
|
|
}
|
|
|
|
export default async function StepPage({
|
|
params,
|
|
searchParams,
|
|
}: PageArgs<LangParams & { step: StepEnum }, { hotel: string }>) {
|
|
if (!searchParams.hotel) {
|
|
redirect(`/${params.lang}`)
|
|
}
|
|
void getBreakfastPackages(searchParams.hotel)
|
|
void getRoomAvailability({
|
|
hotelId: searchParams.hotel,
|
|
adults: Number(searchParams.adults),
|
|
roomStayStartDate: searchParams.checkIn,
|
|
roomStayEndDate: searchParams.checkOut,
|
|
})
|
|
|
|
const intl = await getIntl()
|
|
|
|
const hotel = await getHotelData(searchParams.hotel, params.lang)
|
|
const user = await getProfileSafely()
|
|
const savedCreditCards = await getCreditCardsSafely()
|
|
const breakfastPackages = await getBreakfastPackages(searchParams.hotel)
|
|
|
|
const roomAvailability = await getRoomAvailability({
|
|
hotelId: searchParams.hotel,
|
|
adults: Number(searchParams.adults),
|
|
roomStayStartDate: searchParams.checkIn,
|
|
roomStayEndDate: searchParams.checkOut,
|
|
rateCode: searchParams.rateCode,
|
|
})
|
|
|
|
if (!isValidStep(params.step) || !hotel || !roomAvailability) {
|
|
return notFound()
|
|
}
|
|
|
|
const mustBeGuaranteed = roomAvailability?.mustBeGuaranteed ?? false
|
|
|
|
const paymentGuarantee = intl.formatMessage({
|
|
id: "Payment Guarantee",
|
|
})
|
|
const payment = intl.formatMessage({
|
|
id: "Payment",
|
|
})
|
|
const guaranteeWithCard = intl.formatMessage({
|
|
id: "Guarantee booking with credit card",
|
|
})
|
|
const selectPaymentMethod = intl.formatMessage({
|
|
id: "Select payment method",
|
|
})
|
|
|
|
return (
|
|
<section>
|
|
<HistoryStateManager />
|
|
<SectionAccordion
|
|
header={intl.formatMessage({ id: "Select bed" })}
|
|
step={StepEnum.selectBed}
|
|
label={intl.formatMessage({ id: "Request bedtype" })}
|
|
>
|
|
<BedType />
|
|
</SectionAccordion>
|
|
<SectionAccordion
|
|
header={intl.formatMessage({ id: "Food options" })}
|
|
step={StepEnum.breakfast}
|
|
label={intl.formatMessage({ id: "Select breakfast options" })}
|
|
>
|
|
<Breakfast packages={breakfastPackages} />
|
|
</SectionAccordion>
|
|
<SectionAccordion
|
|
header={intl.formatMessage({ id: "Details" })}
|
|
step={StepEnum.details}
|
|
label={intl.formatMessage({ id: "Enter your details" })}
|
|
>
|
|
<Details user={user} />
|
|
</SectionAccordion>
|
|
<SectionAccordion
|
|
header={mustBeGuaranteed ? paymentGuarantee : payment}
|
|
step={StepEnum.payment}
|
|
label={mustBeGuaranteed ? guaranteeWithCard : selectPaymentMethod}
|
|
>
|
|
<Payment
|
|
hotelId={searchParams.hotel}
|
|
otherPaymentOptions={
|
|
hotel.data.attributes.merchantInformationData
|
|
.alternatePaymentOptions
|
|
}
|
|
savedCreditCards={savedCreditCards}
|
|
mustBeGuaranteed={mustBeGuaranteed}
|
|
/>
|
|
</SectionAccordion>
|
|
</section>
|
|
)
|
|
}
|