fix: remove guest picker store

components/GuestsRoomsPicker/AdultSelector/index.tsx

@@ -3,8 +3,6 @@
 import { useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 
-import { useGuestsRoomsStore } from "@/stores/guests-rooms"
-
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 
 import Counter from "../Counter"
@@ -13,39 +11,37 @@ import styles from "./adult-selector.module.css"
 
 import { ChildBedMapEnum } from "@/types/components/bookingWidget/enums"
 import {
-  AdultSelectorProps,
   Child,
+  SelectorProps,
 } from "@/types/components/bookingWidget/guestsRoomsPicker"
 
-export default function AdultSelector({ roomIndex = 0 }: AdultSelectorProps) {
+export default function AdultSelector({
+  roomIndex = 0,
+  currentAdults,
+  currentChildren,
+  childrenInAdultsBed,
+}: SelectorProps) {
   const intl = useIntl()
   const adultsLabel = intl.formatMessage({ id: "Adults" })
   const { setValue } = useFormContext()
-  const { adults, child, childrenInAdultsBed } = useGuestsRoomsStore(
-    (state) => state.rooms[roomIndex]
-  )
-  const increaseAdults = useGuestsRoomsStore((state) => state.increaseAdults)
-  const decreaseAdults = useGuestsRoomsStore((state) => state.decreaseAdults)
 
   function increaseAdultsCount(roomIndex: number) {
-    if (adults < 6) {
-      increaseAdults(roomIndex)
-      setValue(`rooms.${roomIndex}.adults`, adults + 1)
+    if (currentAdults < 6) {
+      setValue(`rooms.${roomIndex}.adults`, currentAdults + 1)
     }
   }
 
   function decreaseAdultsCount(roomIndex: number) {
-    if (adults > 1) {
-      decreaseAdults(roomIndex)
-      setValue(`rooms.${roomIndex}.adults`, adults - 1)
-      if (childrenInAdultsBed > adults) {
-        const toUpdateIndex = child.findIndex(
+    if (currentAdults > 1) {
+      setValue(`rooms.${roomIndex}.adults`, currentAdults - 1)
+      if (childrenInAdultsBed > currentAdults) {
+        const toUpdateIndex = currentChildren.findIndex(
           (child: Child) => child.bed == ChildBedMapEnum.IN_ADULTS_BED
         )
         if (toUpdateIndex != -1) {
           setValue(
             `rooms.${roomIndex}.children.${toUpdateIndex}.bed`,
-            child[toUpdateIndex].age < 3
+            currentChildren[toUpdateIndex].age < 3
               ? ChildBedMapEnum.IN_CRIB
               : ChildBedMapEnum.IN_EXTRA_BED
           )
@@ -60,15 +56,15 @@ export default function AdultSelector({ roomIndex = 0 }: AdultSelectorProps) {
         {adultsLabel}
       </Caption>
       <Counter
-        count={adults}
+        count={currentAdults}
         handleOnDecrease={() => {
           decreaseAdultsCount(roomIndex)
         }}
         handleOnIncrease={() => {
           increaseAdultsCount(roomIndex)
         }}
-        disableDecrease={adults == 1}
-        disableIncrease={adults == 6}
+        disableDecrease={currentAdults == 1}
+        disableIncrease={currentAdults == 6}
       />
     </section>
   )