fix: close summary sheet

components/HotelReservation/EnterDetails/BedType/index.tsx

@@ -19,9 +19,10 @@ import type {
 } from "@/types/components/hotelReservation/enterDetails/bedType"
 
 export default function BedType({ bedTypes }: BedTypeProps) {
-  const bedType = useEnterDetailsStore(
+  const initialBedType = useEnterDetailsStore(
     (state) => state.formValues?.bedType?.roomTypeCode
   )
+  const bedType = useEnterDetailsStore((state) => state.bedType?.roomTypeCode)
   const completeStep = useEnterDetailsStore(
     (state) => state.actions.completeStep
   )
@@ -30,7 +31,7 @@ export default function BedType({ bedTypes }: BedTypeProps) {
   )
 
   const methods = useForm<BedTypeFormSchema>({
-    defaultValues: bedType ? { bedType } : undefined,
+    defaultValues: initialBedType ? { bedType: initialBedType } : undefined,
     criteriaMode: "all",
     mode: "all",
     resolver: zodResolver(bedTypeFormSchema),

components/HotelReservation/EnterDetails/Details/index.tsx

@@ -27,27 +27,27 @@ const formID = "enter-details"
 export default function Details({ user, memberPrice }: DetailsProps) {
   const intl = useIntl()
   const initialData = useEnterDetailsStore((state) => state.formValues.guest)
-
+  const join = useEnterDetailsStore((state) => state.guest.join)
   const updateDetails = useEnterDetailsStore(
     (state) => state.actions.updateDetails
   )
 
   const methods = useForm<DetailsSchema>({
-    defaultValues: {
-      countryCode: user?.address?.countryCode ?? initialData.countryCode,
-      email: user?.email ?? initialData.email,
-      firstName: user?.firstName ?? initialData.firstName,
-      lastName: user?.lastName ?? initialData.lastName,
-      phoneNumber: user?.phoneNumber ?? initialData.phoneNumber,
-      join: initialData.join,
-      dateOfBirth: initialData.dateOfBirth,
-      zipCode: initialData.zipCode,
-      membershipNo: initialData.membershipNo,
-    },
     criteriaMode: "all",
     mode: "all",
     resolver: zodResolver(user ? signedInDetailsSchema : guestDetailsSchema),
     reValidateMode: "onChange",
+    values: {
+      countryCode: user?.address?.countryCode ?? initialData.countryCode,
+      dateOfBirth: initialData.dateOfBirth,
+      email: user?.email ?? initialData.email,
+      firstName: user?.firstName ?? initialData.firstName,
+      join,
+      lastName: user?.lastName ?? initialData.lastName,
+      membershipNo: initialData.membershipNo,
+      phoneNumber: user?.phoneNumber ?? initialData.phoneNumber,
+      zipCode: initialData.zipCode,
+    },
   })
 
   const onSubmit = useCallback(

components/HotelReservation/EnterDetails/Summary/Client.tsx

@@ -44,6 +44,7 @@ export default function ClientSummary({
     packages,
     roomPrice,
     toDate,
+    toggleSummaryOpen,
     totalPrice,
   } = useEnterDetailsStore(storeSelector)
 
@@ -70,6 +71,7 @@ export default function ClientSummary({
               showMemberPrice={showMemberPrice}
               room={room}
               toDate={toDate}
+              toggleSummaryOpen={toggleSummaryOpen}
               totalPrice={totalPrice}
             />
           </div>