"use client" import { useFormContext } from "react-hook-form" import { useIntl } from "react-intl" import { guestsRoomsStore } from "@/stores/guests-rooms" import { MinusIcon, PlusIcon } from "@/components/Icons" import Button from "@/components/TempDesignSystem/Button" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import styles from "./adult-selector.module.css" import { BedTypeEnum } from "@/types/components/bookingWidget/enums" import { AdultSelectorProps } from "@/types/components/bookingWidget/guestsRoomsPicker" export default function AdultSelector({ roomIndex = 0 }: AdultSelectorProps) { const intl = useIntl() const adultsLabel = intl.formatMessage({ id: "Adults" }) const { setValue } = useFormContext() const { adults, children, childrenInAdultsBed } = guestsRoomsStore().rooms[roomIndex] const { increaseAdults, decreaseAdults } = guestsRoomsStore() function increaseAdultsCount(roomIndex: number) { if (adults < 6) { increaseAdults(roomIndex) setValue(`rooms.${roomIndex}.adults`, adults + 1) } } function decreaseAdultsCount(roomIndex: number) { if (adults > 1) { decreaseAdults(roomIndex) setValue(`rooms.${roomIndex}.adults`, adults - 1) if (childrenInAdultsBed > adults) { const toUpdateIndex = children.findIndex( (child, index) => child.bed == BedTypeEnum["In adults bed"] ) if (toUpdateIndex != -1) { setValue( `rooms.${roomIndex}.children.${toUpdateIndex}.bed`, children[toUpdateIndex].age < 3 ? 1 : 2 ) } } } } return (

{adultsLabel}

{adults}

) }