sub-task/ SW-695 Prefill Guests data in booking widget

components/GuestsRoomsPicker/index.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import { useCallback, useEffect, useRef, useState } from "react"
+import { useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 
 import { useGuestsRoomsStore } from "@/stores/guests-rooms"
@@ -12,9 +13,14 @@ import GuestsRoomsPicker from "./GuestsRoomsPicker"
 
 import styles from "./guests-rooms-picker.module.css"
 
-export default function GuestsRoomsPickerForm() {
+export default function GuestsRoomsPickerForm({
+  name = "rooms",
+}: {
+  name: string
+}) {
   const intl = useIntl()
   const [isOpen, setIsOpen] = useState(false)
+  const { setValue } = useFormContext()
   const { rooms, adultCount, childCount, setIsValidated } = useGuestsRoomsStore(
     (state) => ({
       rooms: state.rooms,
@@ -32,10 +38,11 @@ export default function GuestsRoomsPickerForm() {
     if (guestRoomsValidData.success) {
       setIsOpen(false)
       setIsValidated(false)
+      setValue(name, guestRoomsValidData.data, { shouldValidate: true })
     } else {
       setIsValidated(true)
     }
-  }, [rooms, setIsValidated, setIsOpen])
+  }, [rooms, name, setValue, setIsValidated, setIsOpen])
 
   useEffect(() => {
     function handleClickOutside(evt: Event) {