@licklist/design 0.44.542 → 0.44.543

package/src/zone/form/components/ZoneRecurrencesControl.tsx

@@ -11,8 +11,6 @@ import {
 } from "@dnd-kit/sortable";
 import { DndContext } from "@dnd-kit/core";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
-import { DateTime } from "luxon";
-import { TIME_FORMAT } from "@licklist/core/dist/Config";
 
 import { CONFIRM_MODAL_ACTIONS } from "../../../modals/confirmation/ConfirmModal";
 import { Icon } from "../../../static";
@@ -21,10 +19,6 @@ import {
   RecurringDatePickerInputValues,
 } from "../../../recurring-date-picker-input/RecurringDatePickerInput";
 import { ZoneRecurrenceControl } from "./ZoneRecurrenceControl";
-import {
-  AvailableTimesControl,
-  AvailableTimesControlRef,
-} from "./AvailableTimesControl";
 import { sameWidthPopperModifier } from "../../../product-set/control/DateAndRecurrenceInput";
 
 export interface DateAndRecurrenceInputValues {
@@ -36,10 +30,7 @@ export type ZoneRecurrenceControlProps = {
   isLoading?: boolean;
 };
 
-export const ZoneRecurrencesControl = ({
-  workHours,
-  isLoading = false,
-}: ZoneRecurrenceControlProps) => {
+export const ZoneRecurrencesControl = () => {
   const {
     control,
     register,
@@ -63,9 +54,7 @@ export const ZoneRecurrencesControl = ({
     values: null,
   });
   const clearEditState = () => setEditState({ index: null, values: null });
-  const [availableTimes, setAvailableTimes] = useState<string[]>([]);
   const popoverRef = useRef<HTMLDivElement>();
-  const availableTimesFormRef = useRef<AvailableTimesControlRef>();
 
   useClickAway(popoverRef, (event) => {
     const isModal = CONFIRM_MODAL_ACTIONS.includes(
@@ -88,42 +77,12 @@ export const ZoneRecurrencesControl = ({
   const handleRecurringDateChange = async (
     next: RecurringDatePickerInputValues
   ) => {
-    const isAvailableTimesFormValid =
-      await availableTimesFormRef.current?.trigger();
-    if (!isAvailableTimesFormValid) {
-      return;
-    }
-    if (next?.startTime && next?.endTime) {
-      const startTime = DateTime.fromISO(next.startTime);
-      const endTime = DateTime.fromISO(next.endTime);
-      const { availableTimes } = availableTimesFormRef.current.getValues();
-      const validAvalilableTimes = availableTimes.every((time) => {
-        const currentAvailableTime = DateTime.fromFormat(time, TIME_FORMAT);
-
-        return (
-          currentAvailableTime.diff(startTime, "minutes").minutes >= 0 &&
-          currentAvailableTime.diff(endTime, "minutes").minutes <= 0
-        );
-      });
-      if (!validAvalilableTimes) {
-        availableTimesFormRef.current.setError("availableTimes", {
-          message: t("Validation:fieldTimeBetween", {
-            attribute: t("Design:startTimesSmall"),
-            min: startTime.toFormat(TIME_FORMAT),
-            max: endTime.toFormat(TIME_FORMAT),
-          }),
-        });
-
-        return;
-      }
-    }
     const values = {
       rrule: next.rrule,
       startDate: next.startDate,
       endDate: next.endDate,
       startTime: next.startTime,
       endTime: next.endTime,
-      ...availableTimesFormRef.current.getValues(),
     } as Partial<ZoneRecurrence>;
 
     if (editState.values?.id) {
@@ -144,7 +103,6 @@ export const ZoneRecurrencesControl = ({
     clearEditState();
 
     setEditState({ index, values: next });
-    setAvailableTimes(next.availableTimes || []);
     setIsDatePopoverVisible(() => true);
   };
 
@@ -208,14 +166,7 @@ export const ZoneRecurrencesControl = ({
                 onChange={handleRecurringDateChange}
                 onDelete={handleDelete}
                 setInitialStartDateAfterSelect
-              >
-                <AvailableTimesControl
-                  workHours={workHours}
-                  isLoading={isLoading}
-                  defaultValues={availableTimes}
-                  ref={availableTimesFormRef}
-                />
-              </RecurringDatePickerInput>
+              />
             </Popover.Content>
           </Popover>
         }