"use client" import { zodResolver } from "@hookform/resolvers/zod" import { useCallback, useEffect } from "react" import { FormProvider, useForm } from "react-hook-form" import { useIntl } from "react-intl" import { useEnterDetailsStore } from "@/stores/enter-details" import { selectRoom } from "@/stores/enter-details/helpers" import BreakfastChoiceCard from "@/components/HotelReservation/EnterDetails/Breakfast/BreakfastChoiceCard" import Body from "@/components/TempDesignSystem/Text/Body" import { breakfastFormSchema } from "./schema" import styles from "./breakfast.module.css" import type { BreakfastFormSchema, BreakfastProps, } from "@/types/components/hotelReservation/enterDetails/breakfast" import { BreakfastPackageEnum } from "@/types/enums/breakfast" export default function Breakfast({ packages, roomIndex, }: BreakfastProps & { roomIndex: number }) { const intl = useIntl() const room = useEnterDetailsStore((state) => selectRoom(state, roomIndex)) const breakfastSelection = room?.breakfast ? room.breakfast.code : room?.breakfast === false ? "false" : undefined const updateBreakfast = useEnterDetailsStore( (state) => state.actions.updateBreakfast ) const children = useEnterDetailsStore( (state) => state.booking.rooms[0].childrenInRoom ) const methods = useForm({ defaultValues: breakfastSelection ? { breakfast: breakfastSelection } : undefined, criteriaMode: "all", mode: "all", resolver: zodResolver(breakfastFormSchema), reValidateMode: "onChange", }) const onSubmit = useCallback( (values: BreakfastFormSchema) => { const pkg = packages?.find((p) => p.code === values.breakfast) if (pkg) { updateBreakfast(pkg) } else { updateBreakfast(false) } }, [packages, updateBreakfast] ) useEffect(() => { if (breakfastSelection) { methods.setValue("breakfast", breakfastSelection) } }, [breakfastSelection, methods]) useEffect(() => { if (methods.formState.isSubmitting) { return } const subscription = methods.watch(() => methods.handleSubmit(onSubmit)()) return () => subscription.unsubscribe() }, [methods, onSubmit]) return (

{children?.length ? ( {intl.formatMessage({ id: "Children's breakfast is always free as part of the adult's breakfast.", })} ) : null}

) }