@happychef/reservation-sidebar 2.1.0 → 2.1.2

package/dist/index.js

@@ -5181,10 +5181,14 @@ var ReservationStepOne = ({
   const [guests2, setGuests] = React9.useState(formData.guests || 2);
   const [startDate, setStartDate] = React9.useState(null);
   const [reservations, setReservations] = React9.useState([]);
-  const api = useApi_default();
   const [availableTables, setAvailableTables] = React9.useState([]);
   const [isFetchingTables, setIsFetchingTables] = React9.useState(false);
+  const api = useApi_default();
   const initializationDone = React9.useRef(false);
+  const prevSelectedTables = React9.useRef({
+    numbers: formData.selectedTableNumbers || [],
+    ids: formData.selectedTableIds || []
+  });
   const resetFormDataFields = React9.useCallback(
     (fieldsToReset) => {
       setFormData((prevFormData) => {
@@ -5196,6 +5200,7 @@ var ReservationStepOne = ({
           newFormData.selectedTableNumbers = [];
           newFormData.selectedTableIds = [];
           setAvailableTables([]);
+          prevSelectedTables.current = { numbers: [], ids: [] };
         }
         return newFormData;
       });
@@ -5212,9 +5217,9 @@ var ReservationStepOne = ({
   }, []);
   React9.useEffect(() => {
     const fetchReservations = async () => {
-      if (startDate && (formData.reservationMode === "met_limieten" || formData.reservationMode === "zonder_regels")) {
+      if (startDate && ["met_limieten", "zonder_regels"].includes(formData.reservationMode)) {
         const tableSettings2 = restaurantData?.["table-settings"] || {};
-        const isAutomaticAssignment = tableSettings2.isInstalled === true && tableSettings2.assignmentMode === "automatic";
+        const isAutomaticAssignment = tableSettings2.isInstalled && tableSettings2.assignmentMode === "automatic";
         if (formData.reservationMode === "met_limieten" || formData.reservationMode === "zonder_regels" && isAutomaticAssignment) {
           const beginDate = startDate.format("YYYY-MM-DD");
           const endDate = startDate.clone().add(13, "days").format("YYYY-MM-DD");
@@ -5238,17 +5243,12 @@ var ReservationStepOne = ({
   }, [startDate, api, formData.reservationMode, restaurantData]);
   const handleWeekChange = (newStartDate) => {
     setStartDate(newStartDate);
-    resetFormDataFields([
-      "date",
-      "time",
-      "selectedTableNumbers",
-      "selectedTableIds"
-    ]);
+    resetFormDataFields(["date", "time", "selectedTableNumbers", "selectedTableIds"]);
   };
   React9.useEffect(() => {
     if (!initializationDone.current) {
-      let needsUpdate = false;
       const updates = {};
+      let needsUpdate = false;
       if (!formData.reservationMode) {
         updates.reservationMode = "met_limieten";
         needsUpdate = true;
@@ -5269,22 +5269,13 @@ var ReservationStepOne = ({
         setTimeout(() => {
           handleChange({ target: { multiple: true, updates } });
         }, 0);
-        initializationDone.current = true;
-      } else {
-        initializationDone.current = true;
       }
+      initializationDone.current = true;
     }
-  }, [
-    formData.reservationMode,
-    formData.guests,
-    formData.selectedTableNumbers,
-    formData.selectedTableIds,
-    guests2,
-    handleChange
-  ]);
+  }, [formData, guests2, handleChange]);
   React9.useEffect(() => {
     const tableSettings2 = restaurantData?.["table-settings"] || {};
-    const isAutomaticAssignment = tableSettings2.isInstalled === true && tableSettings2.assignmentMode === "automatic";
+    const isAutomaticAssignment = tableSettings2.isInstalled && tableSettings2.assignmentMode === "automatic";
     if (isAutomaticAssignment && formData.date && formData.time && formData.guests > 0 && restaurantData && reservations) {
       setIsFetchingTables(true);
       const available = algorithm.getAvailableTablesForTime(
@@ -5295,48 +5286,38 @@ var ReservationStepOne = ({
         reservations
       );
       setAvailableTables(available);
-      const currentlySelectedNumbers = formData.selectedTableNumbers || [];
-      const currentlySelectedIds = formData.selectedTableIds || [];
-      const stillAvailableSelectedNumbers = [];
-      const stillAvailableSelectedIds = [];
-      currentlySelectedNumbers.forEach((num) => {
-        const correspondingTable = available.find(
-          (at) => at.tableNumber === num
-        );
-        if (correspondingTable && currentlySelectedIds.includes(correspondingTable.tableId)) {
-          stillAvailableSelectedNumbers.push(num);
-          stillAvailableSelectedIds.push(correspondingTable.tableId);
+      const selectedNumbers = formData.selectedTableNumbers || [];
+      const selectedIds = formData.selectedTableIds || [];
+      const stillAvailableNumbers = [];
+      const stillAvailableIds = [];
+      selectedNumbers.forEach((num) => {
+        const table = available.find((t2) => t2.tableNumber === num);
+        if (table && selectedIds.includes(table.tableId)) {
+          stillAvailableNumbers.push(num);
+          stillAvailableIds.push(table.tableId);
         }
       });
-      if (stillAvailableSelectedNumbers.length !== currentlySelectedNumbers.length) {
-        setTimeout(() => {
-          handleChange({
-            target: {
-              multiple: true,
-              updates: {
-                selectedTableNumbers: stillAvailableSelectedNumbers,
-                selectedTableIds: stillAvailableSelectedIds
-              }
+      const numbersChanged = stillAvailableNumbers.toString() !== prevSelectedTables.current.numbers.toString();
+      const idsChanged = stillAvailableIds.toString() !== prevSelectedTables.current.ids.toString();
+      if (numbersChanged || idsChanged) {
+        prevSelectedTables.current = {
+          numbers: stillAvailableNumbers,
+          ids: stillAvailableIds
+        };
+        handleChange({
+          target: {
+            multiple: true,
+            updates: {
+              selectedTableNumbers: stillAvailableNumbers,
+              selectedTableIds: stillAvailableIds
             }
-          });
-        }, 0);
+          }
+        });
       }
       setIsFetchingTables(false);
     } else {
       setAvailableTables([]);
-      if (formData.selectedTableNumbers?.length > 0 || formData.selectedTableIds?.length > 0) {
-        setTimeout(() => {
-          handleChange({
-            target: {
-              multiple: true,
-              updates: {
-                selectedTableNumbers: [],
-                selectedTableIds: []
-              }
-            }
-          });
-        }, 0);
-      }
+      prevSelectedTables.current = { numbers: [], ids: [] };
     }
   }, [
     formData.date,
@@ -5344,9 +5325,6 @@ var ReservationStepOne = ({
     formData.guests,
     restaurantData,
     reservations,
-    formData.reservationMode,
-    formData.selectedTableNumbers,
-    formData.selectedTableIds,
     handleChange
   ]);
   const handleGuestChange = (event) => {
@@ -5356,23 +5334,14 @@ var ReservationStepOne = ({
     resetFormDataFields(["time", "selectedTableNumbers", "selectedTableIds"]);
   };
   React9.useEffect(() => {
-    resetFormDataFields([
-      "date",
-      "time",
-      "selectedTableNumbers",
-      "selectedTableIds"
-    ]);
+    resetFormDataFields(["date", "time", "selectedTableNumbers", "selectedTableIds"]);
   }, [formData.reservationMode, resetFormDataFields]);
   const handleTopLevelSelection = (mode) => {
     if (mode === "met_limieten") {
-      handleChange({
-        target: { name: "reservationMode", value: "met_limieten" }
-      });
+      handleChange({ target: { name: "reservationMode", value: "met_limieten" } });
     } else if (mode === "onbeperkt_parent") {
       if (!["zonder_regels", "vrije_keuze"].includes(formData.reservationMode)) {
-        handleChange({
-          target: { name: "reservationMode", value: "zonder_regels" }
-        });
+        handleChange({ target: { name: "reservationMode", value: "zonder_regels" } });
       }
     }
   };
@@ -5380,16 +5349,12 @@ var ReservationStepOne = ({
     handleChange({ target: { name: "reservationMode", value: mode } });
   };
   const currentMode = formData.reservationMode;
-  const isFinalMode = ["met_limieten", "zonder_regels", "vrije_keuze"].includes(
-    currentMode
-  );
+  const isFinalMode = ["met_limieten", "zonder_regels", "vrije_keuze"].includes(currentMode);
   const tableSettings = restaurantData?.["table-settings"] || {};
-  const showTableSelector = isFinalMode && formData.date && formData.time && formData.guests > 0 && tableSettings.isInstalled === true && tableSettings.assignmentMode === "automatic" && availableTables.length > 0;
+  const showTableSelector = isFinalMode && formData.date && formData.time && formData.guests > 0 && tableSettings.isInstalled && tableSettings.assignmentMode === "automatic" && availableTables.length > 0;
   const seatSelectionEnabled = !!restaurantData?.["general-settings"]?.seatSelectionEnabled;
   const seatOptions = ["Terras", "Restaurant"];
-  const handleSeatPick = (seat) => {
-    setFormData((prev) => ({ ...prev, zitplaats: seat }));
-  };
+  const handleSeatPick = (seat) => setFormData((prev) => ({ ...prev, zitplaats: seat }));
   if (timeblocksError) {
     return /* @__PURE__ */ React9__default.default.createElement("div", null, t.errors.openingHoursNotSet, " ", /* @__PURE__ */ React9__default.default.createElement(
       "a",
@@ -5415,20 +5380,12 @@ var ReservationStepOne = ({
     "button",
     {
       type: "button",
-      className: `reservation-mode-button ${["onbeperkt_parent", "zonder_regels", "vrije_keuze"].includes(
-        currentMode
-      ) ? "active" : ""}`,
+      className: `reservation-mode-button ${["onbeperkt_parent", "zonder_regels", "vrije_keuze"].includes(currentMode) ? "active" : ""}`,
       onClick: () => handleTopLevelSelection("onbeperkt_parent"),
-      "aria-pressed": [
-        "onbeperkt_parent",
-        "zonder_regels",
-        "vrije_keuze"
-      ].includes(currentMode)
+      "aria-pressed": ["onbeperkt_parent", "zonder_regels", "vrije_keuze"].includes(currentMode)
     },
     t.modes.unlimited
-  )), ["onbeperkt_parent", "zonder_regels", "vrije_keuze"].includes(
-    currentMode
-  ) && /* @__PURE__ */ React9__default.default.createElement("div", { className: "reservation-modes-container sub-modes" }, /* @__PURE__ */ React9__default.default.createElement(
+  )), ["onbeperkt_parent", "zonder_regels", "vrije_keuze"].includes(currentMode) && /* @__PURE__ */ React9__default.default.createElement("div", { className: "reservation-modes-container sub-modes" }, /* @__PURE__ */ React9__default.default.createElement(
     "button",
     {
       type: "button",
@@ -5446,17 +5403,7 @@ var ReservationStepOne = ({
       "aria-pressed": currentMode === "vrije_keuze"
     },
     t.modes.free
-  ))), ["onbeperkt_parent", "zonder_regels", "vrije_keuze"].includes(
-    currentMode
-  ) && /* @__PURE__ */ React9__default.default.createElement("div", { className: "unlimited-mode-warning" }, /* @__PURE__ */ React9__default.default.createElement("div", { className: "warning-text" }, t.warnings?.unlimitedMode || (lang === "nl" ? "Let op: Bij onbeperkte boekingen wordt geen rekening gehouden met de maximale capaciteit van het restaurant. De maximale zitplaatslimiet kan worden overschreden." : "Warning: Unlimited bookings do not take into account the restaurant's maximum capacity. The maximum seating limit may be exceeded."))), /* @__PURE__ */ React9__default.default.createElement(
-    ValueSelector_default,
-    {
-      setGuests,
-      value: formData.guests || guests2,
-      onChange: handleGuestChange,
-      error: errors.guests
-    }
-  ), isFinalMode && formData.guests > 0 && /* @__PURE__ */ React9__default.default.createElement(
+  ))), ["onbeperkt_parent", "zonder_regels", "vrije_keuze"].includes(currentMode) && /* @__PURE__ */ React9__default.default.createElement("div", { className: "unlimited-mode-warning" }, /* @__PURE__ */ React9__default.default.createElement("div", { className: "warning-text" }, t.warnings?.unlimitedMode || (lang === "nl" ? "Let op: Bij onbeperkte boekingen wordt geen rekening gehouden met de maximale capaciteit van het restaurant. De maximale zitplaatslimiet kan worden overschreden." : "Warning: Unlimited bookings do not take into account the restaurant's maximum capacity. The maximum seating limit may be exceeded."))), /* @__PURE__ */ React9__default.default.createElement(ValueSelector_default, { value: formData.guests || guests2, onChange: handleGuestChange, error: errors.guests, setGuests }), isFinalMode && formData.guests > 0 && /* @__PURE__ */ React9__default.default.createElement(
     DateSelector_default,
     {
       guests: formData.guests,

package/dist/index.mjs

@@ -5172,10 +5172,14 @@ var ReservationStepOne = ({
   const [guests2, setGuests] = useState(formData.guests || 2);
   const [startDate, setStartDate] = useState(null);
   const [reservations, setReservations] = useState([]);
-  const api = useApi_default();
   const [availableTables, setAvailableTables] = useState([]);
   const [isFetchingTables, setIsFetchingTables] = useState(false);
+  const api = useApi_default();
   const initializationDone = useRef(false);
+  const prevSelectedTables = useRef({
+    numbers: formData.selectedTableNumbers || [],
+    ids: formData.selectedTableIds || []
+  });
   const resetFormDataFields = useCallback(
     (fieldsToReset) => {
       setFormData((prevFormData) => {
@@ -5187,6 +5191,7 @@ var ReservationStepOne = ({
           newFormData.selectedTableNumbers = [];
           newFormData.selectedTableIds = [];
           setAvailableTables([]);
+          prevSelectedTables.current = { numbers: [], ids: [] };
         }
         return newFormData;
       });
@@ -5203,9 +5208,9 @@ var ReservationStepOne = ({
   }, []);
   useEffect(() => {
     const fetchReservations = async () => {
-      if (startDate && (formData.reservationMode === "met_limieten" || formData.reservationMode === "zonder_regels")) {
+      if (startDate && ["met_limieten", "zonder_regels"].includes(formData.reservationMode)) {
         const tableSettings2 = restaurantData?.["table-settings"] || {};
-        const isAutomaticAssignment = tableSettings2.isInstalled === true && tableSettings2.assignmentMode === "automatic";
+        const isAutomaticAssignment = tableSettings2.isInstalled && tableSettings2.assignmentMode === "automatic";
         if (formData.reservationMode === "met_limieten" || formData.reservationMode === "zonder_regels" && isAutomaticAssignment) {
           const beginDate = startDate.format("YYYY-MM-DD");
           const endDate = startDate.clone().add(13, "days").format("YYYY-MM-DD");
@@ -5229,17 +5234,12 @@ var ReservationStepOne = ({
   }, [startDate, api, formData.reservationMode, restaurantData]);
   const handleWeekChange = (newStartDate) => {
     setStartDate(newStartDate);
-    resetFormDataFields([
-      "date",
-      "time",
-      "selectedTableNumbers",
-      "selectedTableIds"
-    ]);
+    resetFormDataFields(["date", "time", "selectedTableNumbers", "selectedTableIds"]);
   };
   useEffect(() => {
     if (!initializationDone.current) {
-      let needsUpdate = false;
       const updates = {};
+      let needsUpdate = false;
       if (!formData.reservationMode) {
         updates.reservationMode = "met_limieten";
         needsUpdate = true;
@@ -5260,22 +5260,13 @@ var ReservationStepOne = ({
         setTimeout(() => {
           handleChange({ target: { multiple: true, updates } });
         }, 0);
-        initializationDone.current = true;
-      } else {
-        initializationDone.current = true;
       }
+      initializationDone.current = true;
     }
-  }, [
-    formData.reservationMode,
-    formData.guests,
-    formData.selectedTableNumbers,
-    formData.selectedTableIds,
-    guests2,
-    handleChange
-  ]);
+  }, [formData, guests2, handleChange]);
   useEffect(() => {
     const tableSettings2 = restaurantData?.["table-settings"] || {};
-    const isAutomaticAssignment = tableSettings2.isInstalled === true && tableSettings2.assignmentMode === "automatic";
+    const isAutomaticAssignment = tableSettings2.isInstalled && tableSettings2.assignmentMode === "automatic";
     if (isAutomaticAssignment && formData.date && formData.time && formData.guests > 0 && restaurantData && reservations) {
       setIsFetchingTables(true);
       const available = getAvailableTablesForTime(
@@ -5286,48 +5277,38 @@ var ReservationStepOne = ({
         reservations
       );
       setAvailableTables(available);
-      const currentlySelectedNumbers = formData.selectedTableNumbers || [];
-      const currentlySelectedIds = formData.selectedTableIds || [];
-      const stillAvailableSelectedNumbers = [];
-      const stillAvailableSelectedIds = [];
-      currentlySelectedNumbers.forEach((num) => {
-        const correspondingTable = available.find(
-          (at) => at.tableNumber === num
-        );
-        if (correspondingTable && currentlySelectedIds.includes(correspondingTable.tableId)) {
-          stillAvailableSelectedNumbers.push(num);
-          stillAvailableSelectedIds.push(correspondingTable.tableId);
+      const selectedNumbers = formData.selectedTableNumbers || [];
+      const selectedIds = formData.selectedTableIds || [];
+      const stillAvailableNumbers = [];
+      const stillAvailableIds = [];
+      selectedNumbers.forEach((num) => {
+        const table = available.find((t2) => t2.tableNumber === num);
+        if (table && selectedIds.includes(table.tableId)) {
+          stillAvailableNumbers.push(num);
+          stillAvailableIds.push(table.tableId);
         }
       });
-      if (stillAvailableSelectedNumbers.length !== currentlySelectedNumbers.length) {
-        setTimeout(() => {
-          handleChange({
-            target: {
-              multiple: true,
-              updates: {
-                selectedTableNumbers: stillAvailableSelectedNumbers,
-                selectedTableIds: stillAvailableSelectedIds
-              }
+      const numbersChanged = stillAvailableNumbers.toString() !== prevSelectedTables.current.numbers.toString();
+      const idsChanged = stillAvailableIds.toString() !== prevSelectedTables.current.ids.toString();
+      if (numbersChanged || idsChanged) {
+        prevSelectedTables.current = {
+          numbers: stillAvailableNumbers,
+          ids: stillAvailableIds
+        };
+        handleChange({
+          target: {
+            multiple: true,
+            updates: {
+              selectedTableNumbers: stillAvailableNumbers,
+              selectedTableIds: stillAvailableIds
             }
-          });
-        }, 0);
+          }
+        });
       }
       setIsFetchingTables(false);
     } else {
       setAvailableTables([]);
-      if (formData.selectedTableNumbers?.length > 0 || formData.selectedTableIds?.length > 0) {
-        setTimeout(() => {
-          handleChange({
-            target: {
-              multiple: true,
-              updates: {
-                selectedTableNumbers: [],
-                selectedTableIds: []
-              }
-            }
-          });
-        }, 0);
-      }
+      prevSelectedTables.current = { numbers: [], ids: [] };
     }
   }, [
     formData.date,
@@ -5335,9 +5316,6 @@ var ReservationStepOne = ({
     formData.guests,
     restaurantData,
     reservations,
-    formData.reservationMode,
-    formData.selectedTableNumbers,
-    formData.selectedTableIds,
     handleChange
   ]);
   const handleGuestChange = (event) => {
@@ -5347,23 +5325,14 @@ var ReservationStepOne = ({
     resetFormDataFields(["time", "selectedTableNumbers", "selectedTableIds"]);
   };
   useEffect(() => {
-    resetFormDataFields([
-      "date",
-      "time",
-      "selectedTableNumbers",
-      "selectedTableIds"
-    ]);
+    resetFormDataFields(["date", "time", "selectedTableNumbers", "selectedTableIds"]);
   }, [formData.reservationMode, resetFormDataFields]);
   const handleTopLevelSelection = (mode) => {
     if (mode === "met_limieten") {
-      handleChange({
-        target: { name: "reservationMode", value: "met_limieten" }
-      });
+      handleChange({ target: { name: "reservationMode", value: "met_limieten" } });
     } else if (mode === "onbeperkt_parent") {
       if (!["zonder_regels", "vrije_keuze"].includes(formData.reservationMode)) {
-        handleChange({
-          target: { name: "reservationMode", value: "zonder_regels" }
-        });
+        handleChange({ target: { name: "reservationMode", value: "zonder_regels" } });
       }
     }
   };
@@ -5371,16 +5340,12 @@ var ReservationStepOne = ({
     handleChange({ target: { name: "reservationMode", value: mode } });
   };
   const currentMode = formData.reservationMode;
-  const isFinalMode = ["met_limieten", "zonder_regels", "vrije_keuze"].includes(
-    currentMode
-  );
+  const isFinalMode = ["met_limieten", "zonder_regels", "vrije_keuze"].includes(currentMode);
   const tableSettings = restaurantData?.["table-settings"] || {};
-  const showTableSelector = isFinalMode && formData.date && formData.time && formData.guests > 0 && tableSettings.isInstalled === true && tableSettings.assignmentMode === "automatic" && availableTables.length > 0;
+  const showTableSelector = isFinalMode && formData.date && formData.time && formData.guests > 0 && tableSettings.isInstalled && tableSettings.assignmentMode === "automatic" && availableTables.length > 0;
   const seatSelectionEnabled = !!restaurantData?.["general-settings"]?.seatSelectionEnabled;
   const seatOptions = ["Terras", "Restaurant"];
-  const handleSeatPick = (seat) => {
-    setFormData((prev) => ({ ...prev, zitplaats: seat }));
-  };
+  const handleSeatPick = (seat) => setFormData((prev) => ({ ...prev, zitplaats: seat }));
   if (timeblocksError) {
     return /* @__PURE__ */ React9.createElement("div", null, t.errors.openingHoursNotSet, " ", /* @__PURE__ */ React9.createElement(
       "a",
@@ -5406,20 +5371,12 @@ var ReservationStepOne = ({
     "button",
     {
       type: "button",
-      className: `reservation-mode-button ${["onbeperkt_parent", "zonder_regels", "vrije_keuze"].includes(
-        currentMode
-      ) ? "active" : ""}`,
+      className: `reservation-mode-button ${["onbeperkt_parent", "zonder_regels", "vrije_keuze"].includes(currentMode) ? "active" : ""}`,
       onClick: () => handleTopLevelSelection("onbeperkt_parent"),
-      "aria-pressed": [
-        "onbeperkt_parent",
-        "zonder_regels",
-        "vrije_keuze"
-      ].includes(currentMode)
+      "aria-pressed": ["onbeperkt_parent", "zonder_regels", "vrije_keuze"].includes(currentMode)
     },
     t.modes.unlimited
-  )), ["onbeperkt_parent", "zonder_regels", "vrije_keuze"].includes(
-    currentMode
-  ) && /* @__PURE__ */ React9.createElement("div", { className: "reservation-modes-container sub-modes" }, /* @__PURE__ */ React9.createElement(
+  )), ["onbeperkt_parent", "zonder_regels", "vrije_keuze"].includes(currentMode) && /* @__PURE__ */ React9.createElement("div", { className: "reservation-modes-container sub-modes" }, /* @__PURE__ */ React9.createElement(
     "button",
     {
       type: "button",
@@ -5437,17 +5394,7 @@ var ReservationStepOne = ({
       "aria-pressed": currentMode === "vrije_keuze"
     },
     t.modes.free
-  ))), ["onbeperkt_parent", "zonder_regels", "vrije_keuze"].includes(
-    currentMode
-  ) && /* @__PURE__ */ React9.createElement("div", { className: "unlimited-mode-warning" }, /* @__PURE__ */ React9.createElement("div", { className: "warning-text" }, t.warnings?.unlimitedMode || (lang === "nl" ? "Let op: Bij onbeperkte boekingen wordt geen rekening gehouden met de maximale capaciteit van het restaurant. De maximale zitplaatslimiet kan worden overschreden." : "Warning: Unlimited bookings do not take into account the restaurant's maximum capacity. The maximum seating limit may be exceeded."))), /* @__PURE__ */ React9.createElement(
-    ValueSelector_default,
-    {
-      setGuests,
-      value: formData.guests || guests2,
-      onChange: handleGuestChange,
-      error: errors.guests
-    }
-  ), isFinalMode && formData.guests > 0 && /* @__PURE__ */ React9.createElement(
+  ))), ["onbeperkt_parent", "zonder_regels", "vrije_keuze"].includes(currentMode) && /* @__PURE__ */ React9.createElement("div", { className: "unlimited-mode-warning" }, /* @__PURE__ */ React9.createElement("div", { className: "warning-text" }, t.warnings?.unlimitedMode || (lang === "nl" ? "Let op: Bij onbeperkte boekingen wordt geen rekening gehouden met de maximale capaciteit van het restaurant. De maximale zitplaatslimiet kan worden overschreden." : "Warning: Unlimited bookings do not take into account the restaurant's maximum capacity. The maximum seating limit may be exceeded."))), /* @__PURE__ */ React9.createElement(ValueSelector_default, { value: formData.guests || guests2, onChange: handleGuestChange, error: errors.guests, setGuests }), isFinalMode && formData.guests > 0 && /* @__PURE__ */ React9.createElement(
     DateSelector_default,
     {
       guests: formData.guests,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happychef/reservation-sidebar",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "A compound component for managing restaurant reservations - JavaScript version with independent styles",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -38,7 +38,7 @@
     "framer-motion": "^12.23.24",
     "lottie-react": "^2.4.1",
     "luxon": "^3.7.2",
-    "moment-timezone": "^0.5.46",
+    "moment-timezone": "^0.5.48",
     "react-icons": "^5.3.0"
   },
   "devDependencies": {