"use client" import { useSession } from "next-auth/react" import { useIntl } from "react-intl" import { CheckIcon, InfoCircleIcon } from "@/components/Icons" import Modal from "@/components/Modal" import Button from "@/components/TempDesignSystem/Button" import Label from "@/components/TempDesignSystem/Form/Label" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import { useRoomContext } from "@/contexts/Room" import { isValidClientSession } from "@/utils/clientSession" import PriceTable from "./PriceList" import styles from "./flexibilityOption.module.css" import type { FlexibilityOptionProps } from "@/types/components/hotelReservation/selectRate/flexibilityOption" export default function FlexibilityOption({ features, isSelected, paymentTerm, priceInformation, petRoomPackage, product, roomType, roomTypeCode, title, }: FlexibilityOptionProps) { const intl = useIntl() const { data: session } = useSession() const isUserLoggedIn = isValidClientSession(session) const { actions: { selectRate }, isMainRoom, roomNr, } = useRoomContext() function handleSelect() { if (product) { selectRate({ features, product, roomType, roomTypeCode, }) } } if (!product) { return (
{title} ({paymentTerm})
) } const { public: publicPrice, member: memberPrice } = product.productType const rate = isUserLoggedIn && isMainRoom && memberPrice ? memberPrice : publicPrice return ( ) }