mozrest-sdk-react-dev 0.2.56 → 0.2.60

package/mozrest-sdk.es.js

@@ -2,7 +2,7 @@ import * as React$1 from "react";
 import React__default, { createContext, useContext, useRef, useCallback, useDebugValue, useEffect, useLayoutEffect as useLayoutEffect$1, useState, useMemo as useMemo$1, createElement as createElement$1, version as version$3, isValidElement as isValidElement$1, Component, forwardRef, useImperativeHandle, Children, useReducer, Fragment, PureComponent, cloneElement as cloneElement$1 } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal } from "react-dom";
-var index$a = /* @__PURE__ */ (() => '@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans:wght@600&display=swap";.moz *,.moz :before,.moz :after{box-sizing:border-box}.moz html{-moz-tab-size:4;tab-size:4}.moz html{line-height:1.15;-webkit-text-size-adjust:100%}.moz body{margin:0!important}.moz body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.moz hr{height:0;color:inherit}.moz abbr[title]{text-decoration:underline dotted}.moz b,.moz strong{font-weight:bolder}.moz code,.moz kbd,.moz samp,.moz pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}.moz small{font-size:80%}.moz sub,.moz sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.moz sub{bottom:-.25em}.moz sup{top:-.5em}.moz table{text-indent:0;border-color:inherit}.moz button,.moz input,.moz optgroup,.moz select,.moz textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.moz button,.moz select{text-transform:none}.moz button,.moz [type=button],.moz [type=reset],.moz [type=submit]{-webkit-appearance:button}.moz ::-moz-focus-inner{border-style:none;padding:0}.moz :-moz-focusring{outline:1px dotted ButtonText}.moz :-moz-ui-invalid{box-shadow:none}.moz legend{padding:0}.moz progress{vertical-align:baseline}.moz ::-webkit-inner-spin-button,.moz ::-webkit-outer-spin-button{height:auto}.moz [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.moz ::-webkit-search-decoration{-webkit-appearance:none}.moz ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.moz summary{display:list-item}.moz p,.moz h1,.moz h2,.moz h3,.moz h4,.moz h5,.moz h6{overflow-wrap:break-word;margin:0}:root{--moz-container-width: 100%;--moz-container-padding: 1.25rem;--moz-scrollbar-color: colors.$bg-gray-light;--moz-scrollbar-bg: transparent;--moz-scrollbar-border: colors.$white;--moz-font-family: "Lato", sans-serif;--moz-font-family-title: "Noto Sans", sans-serif;--moz-font-size-label: .857rem;--moz-font-weight-label: 300;--moz-line-height-label: 1.5715;--moz-font-family-label: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--moz-font-size-input: .9rem;--moz-font-weight-input: 400;--moz-line-height-input: 1.45;--moz-font-family-input: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--moz-cta-primary: #ff9b00;--moz-cta-primary-text: white;--moz-cta-primary-hover: rgb(255 155 0/ 70%);--moz-cta-primary-text-hover: #1e155a;--moz-cta-secondary: #1e155a;--moz-cta-secondary-hover: rgb(30 21 90 / 75%);--moz-cta-secondary-text: #fff;--moz-cta-secondary-text-hover: #fff;--moz-cta-danger: #f83d32;--moz-cta-danger-text: white;--moz-cta-danger-hover: #e12015;--moz-cta-danger-text-hover: white;--moz-cta-success: #34cc16;--moz-cta-success-text: white;--moz-cta-success-hover: #2aa911;--moz-cta-success-text-hover: white;--moz-bg-gray: #787676;--moz-bg-gray-light: #e5e7eb;--moz-bg-gray-lighter: #f9f9f9;--moz-bg-primary: #017f74;--moz-bg-active: rgb(1 126 116 / 15%);--moz-text-input: #333;--moz-text-label: #5e5873;--moz-text-title: #1e2048;--moz-text-primary: #545454;--moz-text-secondary: #787676;--moz-text-success: #84cc16;--moz-input-active: #ff9b00;--moz-input-default: #787676;--moz-input-border: #cccccc;--moz-state-active: #1e155a;--moz-state-error: #f83d32;--moz-state-disabled: gray;--moz-state-disabled-bg: #f9f9f9;--moz-checbox-active: #1e155a;--checkbox-disabled: #e5e7eb;--checkbox-disabled-bg: #f9f9f9;--moz-border: #e5e7eb;--moz-border-hover: #b1b1b1}@media (min-width: 768px){:root{--moz-container-width: 100%;--moz-container-padding: 1.5rem}}@media (min-width: 1024px){:root{--moz-container-width: 100%;--moz-container-padding: 2rem}}@media (min-width: 1600px){:root{--moz-container-width: 1600px;--moz-container-padding: 4rem}}.moz html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}.moz body{color:var(--moz-text-primary);font:1rem/1.5 var(--moz-font-family);font-family:var(--moz-font-family)}.moz a{color:var(--moz-text-primary)}.moz :focus-visible{outline:1px solid var(--moz-cta-primary);border-color:transparent}\n')();
+var index$c = /* @__PURE__ */ (() => '@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans:wght@600&display=swap";.moz *,.moz :before,.moz :after{box-sizing:border-box}.moz html{-moz-tab-size:4;tab-size:4}.moz html{line-height:1.15;-webkit-text-size-adjust:100%}.moz body{margin:0!important}.moz body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.moz hr{height:0;color:inherit}.moz abbr[title]{text-decoration:underline dotted}.moz b,.moz strong{font-weight:bolder}.moz code,.moz kbd,.moz samp,.moz pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}.moz small{font-size:80%}.moz sub,.moz sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.moz sub{bottom:-.25em}.moz sup{top:-.5em}.moz table{text-indent:0;border-color:inherit}.moz button,.moz input,.moz optgroup,.moz select,.moz textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.moz button,.moz select{text-transform:none}.moz button,.moz [type=button],.moz [type=reset],.moz [type=submit]{-webkit-appearance:button}.moz ::-moz-focus-inner{border-style:none;padding:0}.moz :-moz-focusring{outline:1px dotted ButtonText}.moz :-moz-ui-invalid{box-shadow:none}.moz legend{padding:0}.moz progress{vertical-align:baseline}.moz ::-webkit-inner-spin-button,.moz ::-webkit-outer-spin-button{height:auto}.moz [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.moz ::-webkit-search-decoration{-webkit-appearance:none}.moz ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.moz summary{display:list-item}.moz p,.moz h1,.moz h2,.moz h3,.moz h4,.moz h5,.moz h6{overflow-wrap:break-word;margin:0}:root{--moz-container-width: 100%;--moz-container-padding: 1.25rem;--moz-scrollbar-color: colors.$bg-gray-light;--moz-scrollbar-bg: transparent;--moz-scrollbar-border: colors.$white;--moz-font-family: "Lato", sans-serif;--moz-font-family-title: "Noto Sans", sans-serif;--moz-font-size-label: .857rem;--moz-font-weight-label: 300;--moz-line-height-label: 1.5715;--moz-font-family-label: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--moz-font-size-input: .9rem;--moz-font-weight-input: 400;--moz-line-height-input: 1.45;--moz-font-family-input: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--moz-cta-primary: #ff9b00;--moz-cta-primary-text: white;--moz-cta-primary-hover: rgb(255 155 0/ 70%);--moz-cta-primary-text-hover: #1e155a;--moz-cta-secondary: #1e155a;--moz-cta-secondary-hover: rgb(30 21 90 / 75%);--moz-cta-secondary-text: #fff;--moz-cta-secondary-text-hover: #fff;--moz-cta-danger: #f83d32;--moz-cta-danger-text: white;--moz-cta-danger-hover: #e12015;--moz-cta-danger-text-hover: white;--moz-cta-success: #34cc16;--moz-cta-success-text: white;--moz-cta-success-hover: #2aa911;--moz-cta-success-text-hover: white;--moz-bg-gray: #787676;--moz-bg-gray-light: #e5e7eb;--moz-bg-gray-lighter: #f9f9f9;--moz-bg-primary: #017f74;--moz-bg-active: rgb(1 126 116 / 15%);--moz-text-input: #333;--moz-text-label: #5e5873;--moz-text-title: #1e2048;--moz-text-primary: #545454;--moz-text-secondary: #787676;--moz-text-success: #84cc16;--moz-input-active: #ff9b00;--moz-input-default: #787676;--moz-input-border: #cccccc;--moz-state-active: #1e155a;--moz-state-error: #f83d32;--moz-state-disabled: gray;--moz-state-disabled-bg: #f9f9f9;--moz-checbox-active: #1e155a;--checkbox-disabled: #e5e7eb;--checkbox-disabled-bg: #f9f9f9;--moz-border: #e5e7eb;--moz-border-hover: #b1b1b1}@media (min-width: 768px){:root{--moz-container-width: 100%;--moz-container-padding: 1.5rem}}@media (min-width: 1024px){:root{--moz-container-width: 100%;--moz-container-padding: 2rem}}@media (min-width: 1600px){:root{--moz-container-width: 1600px;--moz-container-padding: 4rem}}.moz html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}.moz body{color:var(--moz-text-primary);font:1rem/1.5 var(--moz-font-family);font-family:var(--moz-font-family)}.moz a{color:var(--moz-text-primary)}.moz :focus-visible{outline:1px solid var(--moz-cta-primary);border-color:transparent}\n')();
 const pulse$5 = "_pulse_1xz3t_1";
 const container$I = "_container_1xz3t_13";
 const item$b = "_item_1xz3t_20";
@@ -6473,6 +6473,15 @@ const RESERVATION_DURATION_DESC = "Set your rules in order to maximise and optim
 const SHIFT_X = "Shift {{shift}}";
 const SHIFTS = "Shifts";
 const SHIFTS_DESC = "Specify your business timings. This information is critical to increase reservations.";
+const SPECIAL_DATES = "Special dates";
+const SPECIAL_DATES_DESC = "Special closing dates or different shifts (special day, events, etc...)";
+const SPECIAL_SHIFTS = "Special shifts";
+const ADD_SPECIAL_DATE = "Add special date";
+const DELETE_SPECIAL_DATE = "Delete special date";
+const ARE_YOU_SURE_DELETE_SPECIAL_DATE = "Are you sure you want to delete this special date?";
+const RESERVATION_PREFERENCES = "Reservation preferences";
+const RESERVATION_PREFERENCES_DESC = "Set your rules in order to maximise and optimise your occupation rate.";
+const MAX_RESERVATIONS_ARRIVAL_PER_SLOT = "Max reservations arrival per slot";
 var en = {
   errors,
   SPECIALCLOSINGDATES,
@@ -6832,7 +6841,16 @@ var en = {
   RESERVATION_DURATION_DESC,
   SHIFT_X,
   SHIFTS,
-  SHIFTS_DESC
+  SHIFTS_DESC,
+  SPECIAL_DATES,
+  SPECIAL_DATES_DESC,
+  SPECIAL_SHIFTS,
+  ADD_SPECIAL_DATE,
+  DELETE_SPECIAL_DATE,
+  ARE_YOU_SURE_DELETE_SPECIAL_DATE,
+  RESERVATION_PREFERENCES,
+  RESERVATION_PREFERENCES_DESC,
+  MAX_RESERVATIONS_ARRIVAL_PER_SLOT
 };
 instance.use(initReactI18next).init({
   resources: {
@@ -7757,10 +7775,10 @@ var infinite = function(useSWRNext) {
     };
   };
 };
-var index$9 = withMiddleware(useSWR, infinite);
+var index$b = withMiddleware(useSWR, infinite);
 const useInfinite = (service, params, limit = 5) => {
   var _a2, _b;
-  const { data: data2, error: error3, isValidating, mutate: mutate2, size, setSize } = index$9((page, previousPageData) => {
+  const { data: data2, error: error3, isValidating, mutate: mutate2, size, setSize } = index$b((page, previousPageData) => {
     if (previousPageData && !previousPageData.length) {
       return null;
     }
@@ -9973,7 +9991,7 @@ var ResizeObserver$1 = function() {
     return (_a2 = observers.get(this))[method4].apply(_a2, arguments);
   };
 });
-var index$8 = function() {
+var index$a = function() {
   if (typeof global$1$1.ResizeObserver !== "undefined") {
     return global$1$1.ResizeObserver;
   }
@@ -9981,7 +9999,7 @@ var index$8 = function() {
 }();
 var ResizeObserver_es = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  "default": index$8
+  "default": index$a
 }, Symbol.toStringTag, { value: "Module" }));
 function omit(obj, fields) {
   var clone3 = Object.assign({}, obj);
@@ -18889,7 +18907,7 @@ function monitorResize(element, callback) {
     prevWidth = fixedWidth;
     prevHeight = fixedHeight;
   }
-  var resizeObserver = new index$8(onResize);
+  var resizeObserver = new index$a(onResize);
   if (element) {
     resizeObserver.observe(element);
   }
@@ -41287,7 +41305,7 @@ function autoUpdate(reference, floating, update, options2) {
     }
   };
 }
-var index$7 = useLayoutEffect$1;
+var index$9 = useLayoutEffect$1;
 function _defineProperty$t(obj, key2, value2) {
   if (key2 in obj) {
     Object.defineProperty(obj, key2, {
@@ -41858,7 +41876,7 @@ var MenuPortal = function MenuPortal2(_ref7) {
       });
     }
   }, [controlElement, menuPosition, placement, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.offset, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.rect.left, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.rect.width]);
-  index$7(function() {
+  index$9(function() {
     updateComputedPosition();
   }, [updateComputedPosition]);
   var runAutoUpdate = useCallback(function() {
@@ -41870,7 +41888,7 @@ var MenuPortal = function MenuPortal2(_ref7) {
       cleanupRef.current = autoUpdate(controlElement, menuPortalRef.current, updateComputedPosition);
     }
   }, [controlElement, updateComputedPosition]);
-  index$7(function() {
+  index$9(function() {
     runAutoUpdate();
   }, [runAutoUpdate]);
   var setMenuPortalElement = useCallback(function(menuPortalElement) {
@@ -90524,8 +90542,14 @@ const UpdateResbook = async ({
       await instance$1.put(`${BASE_URL$2}${venue_id}/tables/${table_id}`, formatTableRules$1(data2));
       return { data: "updated" };
     case "opHour":
-      await instance$1.put(`${BASE_URL$2}${venue_id}/opening-hours`, formarRegularHours$1(data2));
-      return { data: "updated" };
+      if (data2 == null ? void 0 : data2.ignoreFormat) {
+        delete data2.ignoreFormat;
+        await instance$1.put(`${BASE_URL$2}${venue_id}/opening-hours`, data2);
+        return { data: "updated" };
+      } else {
+        await instance$1.put(`${BASE_URL$2}${venue_id}/opening-hours`, formarRegularHours$1(data2));
+        return { data: "updated" };
+      }
     case "arrRule":
       await instance$1.put(`${BASE_URL$2}${venue_id}/arrival-rules/${table_id}`, formatArrivalRules$1(data2));
       return { data: "updated" };
@@ -90534,10 +90558,19 @@ const UpdateResbook = async ({
       return { data: "updated" };
     case "specialDate":
       if (table_id) {
-        await instance$1.put(`${BASE_URL$2}${venue_id}/special-dates/${table_id}`, formarSpecialHours$1((_a2 = Object.values(data2)[0]) != null ? _a2 : {}));
+        await instance$1.put(
+          `${BASE_URL$2}${venue_id}/special-dates/${table_id}`,
+          (data2 == null ? void 0 : data2.ignoreFormat) ? (() => {
+            delete data2.ignoreFormat;
+            return data2;
+          })() : formarSpecialHours$1((_a2 = Object.values(data2)[0]) != null ? _a2 : {})
+        );
         return { data: "updated" };
       } else {
-        await instance$1.post(`${BASE_URL$2}${venue_id}/special-dates`, formarSpecialHours$1((_b = Object.values(data2)[0]) != null ? _b : {}));
+        await instance$1.post(`${BASE_URL$2}${venue_id}/special-dates`, (data2 == null ? void 0 : data2.ignoreFormat) ? (() => {
+          delete data2.ignoreFormat;
+          return data2;
+        })() : formarSpecialHours$1((_b = Object.values(data2)[0]) != null ? _b : {}));
         return { data: "created" };
       }
     case "deleteSpecialDate":
@@ -90606,7 +90639,6 @@ const formatArrivalRules$1 = (input2) => {
   };
 };
 const formatTableRules$1 = (input2) => {
-  console.log(input2, "input");
   const { name, minCapacity, maxCapacity, area } = input2;
   return {
     name,
@@ -92553,12 +92585,14 @@ const GetCreateBookingSelectsData = async ({
   const responseAreas = await instance$1.get(`/v1/rms/venues/${venue_id}/areas`);
   const responseHours = await instance$1.get(`/resbook/venue/${venue_id}/opening-hours`);
   const responseTables = await instance$1.get(`/resbook/venue/${venue_id}/tables?sortby[orderPriority]=ASC`);
+  const responseChannels = await instance$1.get(`/resbook/smart-channels`);
   const data2 = {
     partySizes: formatPartySizeData(responseVenueData),
     areas: formatAreasData(responseAreas),
     hours: formatHoursData(responseHours),
     tables: formatTableData(responseTables, includeAreaInTables, includeCoversInTables),
     channels: formatChannelsData(responseVenueData),
+    smartChannels: formatSmartChannelsData(responseChannels),
     timeZone: formatTimezone(responseVenueData),
     sources
   };
@@ -92581,6 +92615,9 @@ const formatChannelsData = (data2) => {
   const { reservationPortals } = data2;
   return [{ id: null, label: "All" }, ...reservationPortals.map((p2) => ({ id: p2.id, label: p2.name }))];
 };
+const formatSmartChannelsData = (data2) => {
+  return data2.map((p2) => ({ value: p2.id, label: p2.name }));
+};
 const formatHoursData = (data2) => {
   if (!data2 || typeof data2 !== "object") {
     console.error("Error fetching opening hours data: Invalid response data");
@@ -102506,6 +102543,23 @@ var styles$f = {
   bookingInfoCardTitle,
   bookingInfoCardText
 };
+const LetterX = () => /* @__PURE__ */ React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+}, /* @__PURE__ */ React.createElement("rect", {
+  width: "24",
+  height: "24",
+  fill: "none"
+}), /* @__PURE__ */ React.createElement("path", {
+  fill: "none",
+  stroke: "currentColor",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: "2",
+  d: "m7 4l10 16m0-16L7 20"
+}));
 const TrashX = () => /* @__PURE__ */ React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -103882,6 +103936,7 @@ const clock = () => {
 };
 var icons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  LetterX,
   TrashX,
   EyeOff,
   CalendarTime,
@@ -106138,7 +106193,7 @@ const SelectedBookingProvider = ({ children }) => {
     value: { selectedBooking, setSelectedBooking }
   }, children);
 };
-const index$6 = ({ filters: filters2, setFilters }) => {
+const index$8 = ({ filters: filters2, setFilters }) => {
   const { t: t2 } = useTranslation();
   const { selectedBooking, setSelectedBooking } = useSelectedBookingContext();
   const [datePickerOpen, setDatePickerOpen] = useState(false);
@@ -106504,7 +106559,6 @@ const TableBody = ({ data: data2, filtersData, venueId }) => {
   useEffect(() => {
     if (data2 && filtersData) {
       const groupedByHour = _23.groupBy(data2, (item2) => {
-        console.log(filtersData == null ? void 0 : filtersData.timeZone, "LOL");
         const formattedTime = new Date(item2.date).toLocaleTimeString([], {
           ...(filtersData == null ? void 0 : filtersData.timeZone) ? {
             timeZone: filtersData == null ? void 0 : filtersData.timeZone
@@ -106520,7 +106574,6 @@ const TableBody = ({ data: data2, filtersData, venueId }) => {
         ["asc"]
       ).fromPairs().value();
       setFormattedData(sortedGroupedByHour);
-      console.log(sortedGroupedByHour, "SORTED");
     }
   }, [data2, filtersData]);
   return /* @__PURE__ */ React__default.createElement("div", null, _23.isEmpty(formattedData) ? /* @__PURE__ */ React__default.createElement("div", {
@@ -106546,7 +106599,7 @@ const TableBody = ({ data: data2, filtersData, venueId }) => {
     })));
   }));
 };
-const index$5 = ({ data: data2, filters: filters2, filtersData, venueId }) => {
+const index$7 = ({ data: data2, filters: filters2, filtersData, venueId }) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TableTopHeader, {
     date: filters2.fromDate,
     total: data2 == null ? void 0 : data2.length
@@ -106886,7 +106939,7 @@ const Header = () => {
     style: { width: "100%", marginTop: 15 }
   }));
 };
-const index$4 = ({ filtersData, venueId }) => {
+const index$6 = ({ filtersData, venueId }) => {
   const { t: t2 } = useTranslation();
   const { reload: reloadMainTable } = useReloadContext();
   const { selectedBooking, setSelectedBooking } = useSelectedBookingContext();
@@ -106898,7 +106951,7 @@ const index$4 = ({ filtersData, venueId }) => {
   const [timeOptions, setTimeOptions] = useState([]);
   const [tableOptions, setTableOptions] = useState([]);
   const defaultValue = {
-    source: { value: "reservation", label: "Reservation" },
+    source: null,
     date: "",
     time: null,
     partySize: null,
@@ -106965,7 +107018,7 @@ const index$4 = ({ filtersData, venueId }) => {
     name: "partySize"
   });
   const { data: data2, reload, isLoading } = useFetch(
-    source2 && (source2 == null ? void 0 : source2.value) && date4 && time2 && (time2 == null ? void 0 : time2.value) && partySize && (partySize == null ? void 0 : partySize.value) ? source2.value == "reservation" ? GetTableAvailability : GetTableWalkInAvailability : () => Promise.resolve([]),
+    date4 && time2 && (time2 == null ? void 0 : time2.value) && partySize && (partySize == null ? void 0 : partySize.value) ? GetTableAvailability : () => Promise.resolve([]),
     {
       cacheId: "reservation0dashboard0table0availability",
       venue_id: venueId,
@@ -106979,7 +107032,7 @@ const index$4 = ({ filtersData, venueId }) => {
     }
   });
   const onSubmit = async () => {
-    var _a2, _b, _c, _d;
+    var _a2, _b, _c, _d, _e2;
     const data22 = await getValues();
     const result = await trigger();
     if (!result) {
@@ -106988,9 +107041,10 @@ const index$4 = ({ filtersData, venueId }) => {
     }
     if (!selectedBooking) {
       const toSend = {
-        partySize: (_a2 = data22 == null ? void 0 : data22.partySize) == null ? void 0 : _a2.value,
-        table: (_b = data22 == null ? void 0 : data22.table) == null ? void 0 : _b.value,
-        date: data22.date ? moment$1.tz(`${data22.date} ${(_c = data22.time) == null ? void 0 : _c.value}`, currentTimeZone ? currentTimeZone : "").valueOf() / 1e3 : moment$1.tz(moment$1(), currentTimeZone ? currentTimeZone : "").valueOf() / 1e3,
+        bookingChannel: (_a2 = data22 == null ? void 0 : data22.source) == null ? void 0 : _a2.value,
+        partySize: (_b = data22 == null ? void 0 : data22.partySize) == null ? void 0 : _b.value,
+        table: (_c = data22 == null ? void 0 : data22.table) == null ? void 0 : _c.value,
+        date: data22.date ? moment$1.tz(`${data22.date} ${(_d = data22.time) == null ? void 0 : _d.value}`, currentTimeZone ? currentTimeZone : "").valueOf() / 1e3 : moment$1.tz(moment$1(), currentTimeZone ? currentTimeZone : "").valueOf() / 1e3,
         notes: data22 == null ? void 0 : data22.notes,
         contact: {
           firstname: data22 == null ? void 0 : data22.firstName,
@@ -107006,7 +107060,7 @@ const index$4 = ({ filtersData, venueId }) => {
       });
       reloadMainTable();
     } else {
-      executeUpdate({ data: { table: (_d = data22 == null ? void 0 : data22.table) == null ? void 0 : _d.value }, venueId, bookingId: selectedBooking.id });
+      executeUpdate({ data: { table: (_e2 = data22 == null ? void 0 : data22.table) == null ? void 0 : _e2.value }, venueId, bookingId: selectedBooking.id });
     }
   };
   useEffect(() => {
@@ -107031,8 +107085,8 @@ const index$4 = ({ filtersData, venueId }) => {
     if (filtersData == null ? void 0 : filtersData.partySizes) {
       setPartySizeOptions(filtersData.partySizes.map((item2) => ({ value: item2.id, label: item2.label })));
     }
-    if (filtersData == null ? void 0 : filtersData.sources) {
-      setSourceOptions(filtersData.sources.map((item2) => ({ value: item2.id, label: item2.label })));
+    if (filtersData == null ? void 0 : filtersData.smartChannels) {
+      setSourceOptions(filtersData.smartChannels);
     }
     if (filtersData == null ? void 0 : filtersData.hours) {
       setTimeByDayOptions(filtersData == null ? void 0 : filtersData.hours);
@@ -107220,7 +107274,6 @@ function MainComponent({ venueId }) {
   );
   const { selectedBooking, setSelectedBooking } = useSelectedBookingContext();
   const { data: data2, isLoading, error: error3, reload } = useFetch(GetBookings, { cacheId: "reservation0dashboard", venue_id: venueId, params });
-  console.log(venueId, "VENUE ID");
   const { data: filtersData, isLoading: filtersLoading, error: filtersError, reload: reloadSelectsData } = useFetch(GetCreateBookingSelectsData, {
     cacheId: "venueCapacity",
     venue_id: currentVenue,
@@ -107254,17 +107307,17 @@ function MainComponent({ venueId }) {
     className: styles$f.mainConatiner
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$f.mainTableContainer
-  }, /* @__PURE__ */ React__default.createElement(index$6, {
+  }, /* @__PURE__ */ React__default.createElement(index$8, {
     filters: filters2,
     setFilters
-  }), /* @__PURE__ */ React__default.createElement(index$5, {
+  }), /* @__PURE__ */ React__default.createElement(index$7, {
     data: data2,
     filters: filters2,
     filtersData,
     venueId
   })), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$f.mainSidebarContainer
-  }, /* @__PURE__ */ React__default.createElement(index$4, {
+  }, /* @__PURE__ */ React__default.createElement(index$6, {
     filtersData,
     venueId
   }))));
@@ -107331,7 +107384,7 @@ const AreaManagementCard$1 = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) =>
     style: { flex: 1, textAlign: "center" }
   }, (data2 == null ? void 0 : data2.bookableAreas) ? t2("YES") : t2("NO"))), /* @__PURE__ */ React__default.createElement("br", null), (data2 == null ? void 0 : data2.areas) && data2.areas.length > 0 && /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", flexDirection: "column", gap: 20 }
-  }, data2.areas.map((area, index2) => /* @__PURE__ */ React__default.createElement("p", {
+  }, data2.areas.slice(0, 2).map((area, index2) => /* @__PURE__ */ React__default.createElement("p", {
     key: index2,
     style: { fontWeight: "bold" }
   }, area.name)))), /* @__PURE__ */ React__default.createElement("div", {
@@ -107382,17 +107435,17 @@ const formatData = (data2) => {
 const formatVenueData = (data2) => {
   return { bookableAreas: data2.bookableAreas };
 };
-const drawer = "_drawer_edas2_1";
-const drawer__overlay = "_drawer__overlay_edas2_18";
-const drawer__content = "_drawer__content_edas2_34";
-const drawer__header = "_drawer__header_edas2_42";
-const drawer__header__content = "_drawer__header__content_edas2_50";
-const drawer__header__content__desc = "_drawer__header__content__desc_edas2_56";
-const drawer__close = "_drawer__close_edas2_60";
-const drawer__body = "_drawer__body_edas2_71";
+const drawer = "_drawer_1h00k_1";
+const drawer__overlay = "_drawer__overlay_1h00k_18";
+const drawer__content = "_drawer__content_1h00k_34";
+const drawer__header = "_drawer__header_1h00k_42";
+const drawer__header__content = "_drawer__header__content_1h00k_50";
+const drawer__header__content__desc = "_drawer__header__content__desc_1h00k_56";
+const drawer__close = "_drawer__close_1h00k_60";
+const drawer__body = "_drawer__body_1h00k_71";
 var styles$3 = {
   drawer,
-  "drawer--open": "_drawer--open_edas2_14",
+  "drawer--open": "_drawer--open_1h00k_14",
   drawer__overlay,
   drawer__content,
   drawer__header,
@@ -107456,7 +107509,7 @@ const Toggle = ({
     className: styles$2.label__switch
   }), label2));
 };
-const SwitchField = ({ control, name, ...props }) => {
+const SwitchField = ({ control, name, onChangeEvent, ...props }) => {
   return /* @__PURE__ */ React__default.createElement(Controller, {
     control,
     name,
@@ -107470,6 +107523,9 @@ const SwitchField = ({ control, name, ...props }) => {
       label: props.label,
       onChange: (e3) => {
         onChange3(e3);
+        if (onChangeEvent) {
+          onChangeEvent(e3);
+        }
       }
     }), error3 && /* @__PURE__ */ React__default.createElement(FieldError, {
       error: error3
@@ -107577,7 +107633,7 @@ const AreaEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reload }) =>
         };
         if (!((_a2 = data22.areas[index2]) == null ? void 0 : _a2.id)) {
           await executeCreator({ data: toSend, venueId });
-        } else if (((_b = data22.areas[index2]) == null ? void 0 : _b.id) && fieldChanged$2(data22.areas[index2], initialData)) {
+        } else if (((_b = data22.areas[index2]) == null ? void 0 : _b.id) && fieldChanged$3(data22.areas[index2], initialData)) {
           await executeUpdater({ data: toSend, venueId, areaId: data22.areas[index2].id });
         }
       }
@@ -107672,7 +107728,7 @@ const AreaEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reload }) =>
     }
   }));
 };
-const fieldChanged$2 = (currentValue, initialData) => {
+const fieldChanged$3 = (currentValue, initialData) => {
   if (currentValue.id) {
     const initialValue = initialData.areas.find((area) => area.id === currentValue.id);
     if (initialValue) {
@@ -107681,7 +107737,7 @@ const fieldChanged$2 = (currentValue, initialData) => {
   }
   return false;
 };
-const index$3 = ({ venueId }) => {
+const index$5 = ({ venueId }) => {
   const [isOpenDrawer, setIsOpenDrawer] = useState(false);
   const { data: data2, isLoading, error: error3, reload } = useFetch(GetAreaManagement, { cacheId: "area0management", venue_id: venueId });
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -107712,7 +107768,7 @@ const AreaManagementCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
     className: styles$4.cardBody
   }, data2 && data2.length > 0 && /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", flexDirection: "column", gap: 20 }
-  }, data2.map((table2, index2) => {
+  }, data2.slice(0, 3).map((table2, index2) => {
     var _a2, _b;
     return /* @__PURE__ */ React__default.createElement("div", {
       key: index2,
@@ -107856,6 +107912,9 @@ const DeleteResbook = async ({
     case "seatingRule":
       await instance$1.delete(`${BASE_URL}${venue_id}/seating-rules/${table_id}`);
       return { data: "deleted" };
+    case "specialDate":
+      await instance$1.delete(`${BASE_URL}${venue_id}/special-dates/${table_id}`);
+      return { data: "deleted" };
     default:
       await instance$1.delete(
         `${BASE_URL}${venue_id}/tables/${table_id}`
@@ -107929,7 +107988,7 @@ const TableEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, areasList, r
         };
         if (!((_c = data22.tables[index2]) == null ? void 0 : _c.id)) {
           await executeCreator({ data: { ...toSend, orderPriority: data22.tables.length }, venue_id: venueId, module: "table" });
-        } else if (((_d = data22.tables[index2]) == null ? void 0 : _d.id) && fieldChanged$1(data22.tables[index2], initialData)) {
+        } else if (((_d = data22.tables[index2]) == null ? void 0 : _d.id) && fieldChanged$2(data22.tables[index2], initialData)) {
           await executeUpdater({ data: toSend, venue_id: venueId, table_id: data22.tables[index2].id, module: "table" });
         }
       }
@@ -108063,7 +108122,7 @@ const TableEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, areasList, r
     }
   }));
 };
-const fieldChanged$1 = (currentValue, initialData) => {
+const fieldChanged$2 = (currentValue, initialData) => {
   var _a2, _b;
   if (currentValue.id) {
     const initialValue = initialData.find((table2) => table2.id === currentValue.id);
@@ -108073,7 +108132,7 @@ const fieldChanged$1 = (currentValue, initialData) => {
   }
   return false;
 };
-const index$2 = ({ venueId }) => {
+const index$4 = ({ venueId }) => {
   const [isOpenDrawer, setIsOpenDrawer] = useState(false);
   const { data: data2, isLoading, error: error3, reload } = useFetch(GetTableManagement, { cacheId: "table0management", venue_id: venueId });
   const { data: areasList, isLoading: isLoadingAreas, error: errorAreasList, reload: reloadAreasList } = useFetch(GetAreasList, { cacheId: "areas0list", venue_id: venueId });
@@ -108124,14 +108183,15 @@ const ReservationDurationCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 })
     style: { fontWeight: "bold", width: "100px" }
   }, t2("Shift 1")), /* @__PURE__ */ React__default.createElement("p", {
     style: { fontWeight: "bold", width: "100px" }
-  }, t2("Shift 2"))), _23.map(data2, (party, index2) => {
+  }, t2("Shift 2"))), Object.entries(data2).slice(0, 2).map(([key2, party], index2) => {
     var _a2;
     return /* @__PURE__ */ React__default.createElement("div", {
       key: index2,
       style: { display: "flex", gap: 10, justifyContent: "space-between" }
     }, /* @__PURE__ */ React__default.createElement("p", {
       style: { width: "100px" }
-    }, (_a2 = party[0]) == null ? void 0 : _a2.partySize, "pax"), _23 == null ? void 0 : _23.map(party, (shift, index22) => /* @__PURE__ */ React__default.createElement("p", {
+    }, (_a2 = party[0]) == null ? void 0 : _a2.partySize, "pax"), party.map((shift, shiftIndex) => /* @__PURE__ */ React__default.createElement("p", {
+      key: shiftIndex,
       style: { width: "100px" }
     }, (shift == null ? void 0 : shift.duration) ? /* @__PURE__ */ React__default.createElement(TimeFormatter, {
       seconds: shift == null ? void 0 : shift.duration
@@ -108182,10 +108242,10 @@ const ReservationDurationEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2
     }
     try {
       for (const shift of formData.shifts) {
-        if (shift.shift1Id && fieldChanged(shift, initialData)) {
+        if (shift.shift1Id && fieldChanged$1(shift, initialData)) {
           await executeUpdater({ data: { duration: shift.shift1 }, venue_id: venueId, table_id: shift.shift1Id, module: "seatingRule" });
         }
-        if (shift.shift2Id && fieldChanged(shift, initialData)) {
+        if (shift.shift2Id && fieldChanged$1(shift, initialData)) {
           await executeUpdater({ data: { duration: shift.shift2 }, venue_id: venueId, table_id: shift.shift2Id, module: "seatingRule" });
         }
       }
@@ -108255,14 +108315,14 @@ const ReservationDurationEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2
     onClick: () => onSubmit()
   }, t2("SAVE")))));
 };
-const fieldChanged = (currentValue, initialData) => {
+const fieldChanged$1 = (currentValue, initialData) => {
   const initialValue = initialData.find((item2) => item2.partySize === currentValue.partySize);
   if (initialValue) {
     return initialValue.shift1 !== currentValue.shift1 || initialValue.shift2 !== currentValue.shift2;
   }
   return true;
 };
-const index$1 = ({ venueId }) => {
+const index$3 = ({ venueId }) => {
   const [isOpenDrawer, setIsOpenDrawer] = useState(false);
   const { data: data2, isLoading, error: error3, reload } = useFetch(GetSeatingRules, { cacheId: "reservation0duration", venue_id: venueId });
   const [formatedData, setformatedData] = useState(null);
@@ -108289,6 +108349,320 @@ const index$1 = ({ venueId }) => {
     reload
   }));
 };
+const SpecialDatesCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
+  const getOrdinal = (n2) => {
+    const s2 = ["th", "st", "nd", "rd"];
+    const v2 = n2 % 100;
+    return s2[(v2 - 20) % 10] || s2[v2] || s2[0];
+  };
+  const formatDate2 = (dateString) => {
+    const date4 = hooks(dateString);
+    return `${date4.format("ddd.")}${date4.date()}${getOrdinal(date4.date())} ${date4.format("MMM")}`;
+  };
+  const { t: t2 } = useTranslation();
+  return /* @__PURE__ */ React__default.createElement(Card, {
+    className: styles$4.sectionCard
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.cardHeader
+  }, /* @__PURE__ */ React__default.createElement("h2", {
+    className: styles$4.cardTitle
+  }, t2("SPECIAL_DATES")), /* @__PURE__ */ React__default.createElement("p", {
+    className: styles$4.cardDesc
+  }, t2("SPECIAL_DATES_DESC"))), /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.cardBody
+  }, data2 && data2.length > 0 && /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "grid", gridTemplateColumns: "2fr 1fr", gap: "10px", rowGap: "20px" }
+  }, data2.slice(0, 3).map((date4, index2) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, {
+    key: index2
+  }, /* @__PURE__ */ React__default.createElement("p", {
+    style: { fontWeight: "bold", textAlign: "left" }
+  }, formatDate2(date4.startDate), " - ", formatDate2(date4.endDate)), date4.closed ? /* @__PURE__ */ React__default.createElement("p", {
+    style: { textAlign: "center" }
+  }, t2("CLOSED")) : /* @__PURE__ */ React__default.createElement("p", {
+    style: { textAlign: "center" }
+  }, t2("SPECIAL_SHIFTS")))))), /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.cardFooter
+  }, /* @__PURE__ */ React__default.createElement("hr", null), /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.cardFooterContent,
+    style: { color: "#9392a3", cursor: "pointer" },
+    onClick: () => {
+      setIsOpenDrawer(true);
+    }
+  }, "more")));
+};
+const SpecialDatesTimeSlots = ({ control, index: index2, watch, setValue: setValue2, trigger }) => {
+  const { t: t2 } = useTranslation();
+  const { fields: timeSlotFields, append: append2, remove } = useFieldArray({
+    control,
+    name: `dates.${index2}.timeSlots`
+  });
+  const currentTimeSlots = watch(`dates.${index2}.timeSlots`) || [];
+  return /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", gap: "10px", marginTop: "10px", alignItems: "center" }
+  }, timeSlotFields.map((slot2, slotIndex) => /* @__PURE__ */ React__default.createElement("div", {
+    key: slot2.id,
+    style: { display: "flex", alignItems: "center", gap: 10, justifyContent: "space-between" }
+  }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(TextInputField, {
+    control,
+    id: `dates.${index2}.timeSlots.${slotIndex}.start`,
+    name: `dates.${index2}.timeSlots.${slotIndex}.start`,
+    label: t2("Start"),
+    type: "time"
+  })), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(TextInputField, {
+    control,
+    id: `dates.${index2}.timeSlots.${slotIndex}.end`,
+    name: `dates.${index2}.timeSlots.${slotIndex}.end`,
+    label: t2("End"),
+    type: "time"
+  })), /* @__PURE__ */ React__default.createElement("div", {
+    style: { color: "#FF4C51", cursor: "pointer", marginTop: 10 }
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
+    icon: "LetterX",
+    size: "small",
+    onClick: () => {
+      remove(slotIndex);
+      setValue2(
+        `dates.${index2}.timeSlots`,
+        currentTimeSlots.filter((_24, idx) => idx !== slotIndex),
+        { shouldDirty: true }
+      );
+      trigger(`dates.${index2}.timeSlots`);
+    }
+  })))), timeSlotFields.length < 2 && /* @__PURE__ */ React__default.createElement("div", {
+    style: { marginTop: 10 }
+  }, /* @__PURE__ */ React__default.createElement(Button, {
+    mode: "tertiary",
+    size: "small",
+    icon: "plus",
+    iconPosition: "left",
+    onClick: () => {
+      append2({ start: "", end: "" });
+    }
+  }, t2("Add"))));
+};
+const SpecialDatesEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reload }) => {
+  const { t: t2 } = useTranslation();
+  const { showMessageError } = useMessage();
+  const [initialData, setInitialData] = useState(null);
+  const [showConfirmationModal, setShowConfirmationModal] = useState(false);
+  const [selectedDate, setSelectedDate] = useState(null);
+  const { isExecuting: loadingUpdate, execute: executeUpdater } = useService(UpdateResbook, {});
+  const { isExecuting: loadingDelete, execute: executeDeleter } = useService(DeleteResbook, {
+    onSuccess: () => {
+      setShowConfirmationModal(false);
+      setSelectedDate(null);
+      reload();
+    }
+  });
+  const defaultValue = {
+    dates: []
+  };
+  const datesSchema = () => create$1().shape({
+    dates: create2().of(
+      create$1().shape({
+        id: create$2().nullable(),
+        closed: create$3(),
+        startDate: create$2().required(t2("errors.required")),
+        endDate: create$2().required(t2("errors.required")),
+        timeSlots: create2().of(
+          create$1().shape({
+            start: create$2().required(t2("Start time is required")),
+            end: create$2().required(t2("End time is required"))
+          })
+        ).max(2, t2("You can only add up to two timeslots"))
+      })
+    )
+  });
+  const {
+    control,
+    reset,
+    trigger,
+    getValues,
+    setValue: setValue2,
+    watch,
+    formState: { isDirty }
+  } = useForm({
+    mode: "onChange",
+    resolver: o(datesSchema()),
+    defaultValues: defaultValue
+  });
+  const { fields, append: append2, remove } = useFieldArray({
+    control,
+    name: "dates"
+  });
+  const onSubmit = async () => {
+    var _a2;
+    const formData = getValues();
+    const result = await trigger();
+    if (!result) {
+      showMessageError(t2("pleaseCheckFormsErrors"));
+      return;
+    }
+    try {
+      for (const date4 of formData.dates) {
+        const toSend = {
+          startDate: date4.startDate,
+          endDate: date4.endDate,
+          closed: `${date4.closed}`,
+          timeslots: date4.timeSlots,
+          ignoreFormat: true
+        };
+        if (!date4.id) {
+          await executeUpdater({ data: toSend, venue_id: venueId, module: "specialDate", table_id: null });
+        } else if (date4.id && fieldChanged(date4, initialData)) {
+          await executeUpdater({ data: toSend, venue_id: venueId, table_id: (_a2 = date4.id) != null ? _a2 : null, module: "specialDate" });
+        }
+      }
+      reload();
+      setIsOpen(false);
+    } catch (error3) {
+      showMessageError("Failed to update reservation duration");
+    }
+  };
+  const onDelete = (value2, index2) => {
+    if (value2.id) {
+      setShowConfirmationModal(true);
+      setSelectedDate(value2.id);
+    } else {
+      remove(index2);
+    }
+  };
+  useEffect(() => {
+    if (data2) {
+      const formatedData = data2.map((item2) => {
+        return {
+          id: item2.id,
+          closed: item2.closed,
+          startDate: hooks(item2.startDate).format("YYYY-MM-DD"),
+          endDate: hooks(item2.endDate).format("YYYY-MM-DD"),
+          timeSlots: item2.timeSlots
+        };
+      });
+      reset({ dates: formatedData });
+      setInitialData(formatedData);
+    } else {
+      reset(defaultValue);
+      setInitialData(defaultValue);
+    }
+  }, [data2]);
+  return /* @__PURE__ */ React__default.createElement(Drawer, {
+    isOpen,
+    onClose: () => setIsOpen(false),
+    title: t2("SPECIAL_DATES"),
+    titleDesc: t2("SPECIAL_DATES_DESC")
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.drawerContent
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.scrollableForm
+  }, fields.map((item2, index2) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, {
+    key: item2.id
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.sectionFormRow,
+    style: { justifyContent: "flex-start", flexDirection: "column", paddingLeft: 0, paddingRight: 0 }
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", gap: 10, alignItems: "center" }
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    style: { color: "#FF4C51", cursor: "pointer", marginTop: 20 }
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
+    icon: "TrashX",
+    onClick: () => {
+      onDelete(getValues(`dates.${index2}`), index2);
+    }
+  })), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(TextInputField, {
+    control,
+    id: `dates.${index2}.startDate`,
+    name: `dates.${index2}.startDate`,
+    label: t2("From"),
+    type: "date"
+  })), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(TextInputField, {
+    control,
+    id: `dates.${index2}.endDate`,
+    name: `dates.${index2}.endDate`,
+    label: t2("Until"),
+    type: "date"
+  })), /* @__PURE__ */ React__default.createElement("div", {
+    style: { marginTop: 20 }
+  }, /* @__PURE__ */ React__default.createElement(SwitchField, {
+    control,
+    id: `dates.${index2}.closed`,
+    name: `dates.${index2}.closed`,
+    label: t2("Closed"),
+    onChangeEvent: (e3) => {
+      const isClosed = e3.target.checked;
+      setValue2(`dates.${index2}.closed`, isClosed);
+      if (isClosed) {
+        setValue2(`dates.${index2}.timeSlots`, []);
+      }
+    }
+  }))), !watch(`dates.${index2}.closed`) && /* @__PURE__ */ React__default.createElement(SpecialDatesTimeSlots, {
+    control,
+    index: index2,
+    watch,
+    setValue: setValue2,
+    trigger
+  })), /* @__PURE__ */ React__default.createElement("hr", {
+    style: { width: "100%", flex: 1 }
+  })))), /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.fixedActions
+  }, /* @__PURE__ */ React__default.createElement(Button, {
+    mode: "tertiary",
+    icon: "plus",
+    iconPosition: "right",
+    type: "button",
+    onClick: () => append2({ closed: false, startDate: "", endDate: "" })
+  }, t2("ADD_SPECIAL_DATE")), isDirty && /* @__PURE__ */ React__default.createElement(Button, {
+    mode: "success",
+    icon: "check",
+    iconPosition: "right",
+    type: "button",
+    onClick: () => onSubmit()
+  }, t2("SAVE")))), /* @__PURE__ */ React__default.createElement(ConfirmationModal, {
+    open: showConfirmationModal,
+    onClose: () => {
+      setShowConfirmationModal(false);
+    },
+    isLoading: loadingDelete,
+    title: t2("DELETE_SPECIAL_DATE"),
+    text: t2("ARE_YOU_SURE_DELETE_SPECIAL_DATE"),
+    onAccept: () => {
+      executeDeleter({ venue_id: venueId, table_id: selectedDate, module: "specialDate" });
+    }
+  }));
+};
+const fieldChanged = (currentValue, initialData) => {
+  if (currentValue.id) {
+    const initialValue = initialData.find((item2) => item2.id === currentValue.id);
+    if (initialValue) {
+      if (initialValue.startDate !== currentValue.startDate || initialValue.endDate !== currentValue.endDate || initialValue.closed !== currentValue.closed) {
+        return true;
+      }
+      if (currentValue.timeSlots.length !== initialValue.timeSlots.length || currentValue.timeSlots.some((slot2, index2) => {
+        const initialSlot = initialValue.timeSlots[index2];
+        return slot2.start !== (initialSlot == null ? void 0 : initialSlot.start) || slot2.end !== (initialSlot == null ? void 0 : initialSlot.end);
+      })) {
+        return true;
+      }
+    }
+  }
+  return false;
+};
+const index$2 = ({ venueId }) => {
+  const [isOpenDrawer, setIsOpenDrawer] = useState(false);
+  const { data: data2, isLoading, error: error3, reload } = useFetch(GetSpecialDates, { cacheId: "special0dates", venue_id: venueId });
+  return /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.sectionManagement
+  }, /* @__PURE__ */ React__default.createElement(SpecialDatesCard, {
+    isOpenDrawer,
+    setIsOpenDrawer,
+    data: data2
+  }), /* @__PURE__ */ React__default.createElement(SpecialDatesEditDrawer, {
+    data: data2,
+    isOpen: isOpenDrawer,
+    setIsOpen: setIsOpenDrawer,
+    venueId,
+    reload
+  }));
+};
 const ShiftsCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ React__default.createElement(Card, {
@@ -108303,7 +108677,7 @@ const ShiftsCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
     className: styles$4.cardBody
   }, data2 && data2.length > 0 && /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "grid", gridTemplateColumns: "100px 2fr 2fr", gap: "10px", rowGap: "20px" }
-  }, data2.map((day2, index2) => {
+  }, data2.slice(0, 3).map((day2, index2) => {
     var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l;
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, {
       key: index2
@@ -108356,12 +108730,15 @@ const ShiftsEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reload }) =
     reset,
     trigger,
     getValues,
+    setValue: setValue2,
+    watch,
     formState: { isDirty }
   } = useForm({
     mode: "onChange",
     resolver: o(daysSchema()),
     defaultValues: defaultValue
   });
+  const days2 = watch("days");
   const { fields, append: append2, remove } = useFieldArray({
     control,
     name: "days"
@@ -108374,15 +108751,14 @@ const ShiftsEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reload }) =
       return;
     }
     const transformedData = formData.days.reduce((acc, day2) => {
-      acc[day2.weekDay.toLowerCase()] = {
+      acc[day2.day.toLowerCase()] = {
         closed: day2.closed.toString(),
         timeslots: day2.timeslots || []
       };
       return acc;
     }, {});
     try {
-      console.log("Sending to backend:", transformedData);
-      await executeUpdater({ data: transformedData, venue_id: venueId, module: "opHour" });
+      await executeUpdater({ data: { ...transformedData, ignoreFormat: true }, venue_id: venueId, module: "opHour" });
       reload();
       setIsOpen(false);
     } catch (error3) {
@@ -108401,68 +108777,74 @@ const ShiftsEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reload }) =
   return /* @__PURE__ */ React__default.createElement(Drawer, {
     isOpen,
     onClose: () => setIsOpen(false),
-    title: t2("Edit Shifts"),
-    titleDesc: t2("Modify the timeslots for each day")
+    title: t2("SHIFTS"),
+    titleDesc: t2("SHIFTS_DESC")
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$4.drawerContent
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$4.scrollableForm
-  }, fields.map((item2, index2) => /* @__PURE__ */ React__default.createElement("div", {
-    key: item2.id,
-    className: styles$4.sectionFormRow
-  }, /* @__PURE__ */ React__default.createElement("div", {
-    style: { display: "flex", alignItems: "center", gap: "10px" }
-  }, /* @__PURE__ */ React__default.createElement(SwitchField, {
-    control,
-    id: `days.${index2}.closed`,
-    name: `days.${index2}.closed`,
-    label: t2("Closed")
-  }), /* @__PURE__ */ React__default.createElement("p", {
-    style: { width: "100px", fontWeight: "bold" }
-  }, item2.day)), !item2.closed && /* @__PURE__ */ React__default.createElement("div", {
-    style: { display: "flex", flexDirection: "column", gap: "10px" }
-  }, item2.timeslots.map((_24, slotIndex) => /* @__PURE__ */ React__default.createElement("div", {
-    key: slotIndex,
-    style: { display: "flex", gap: "10px", alignItems: "center" }
-  }, /* @__PURE__ */ React__default.createElement(TextInputField, {
-    control,
-    id: `days.${index2}.timeslots.${slotIndex}.start`,
-    name: `days.${index2}.timeslots.${slotIndex}.start`,
-    label: t2("Start Time"),
-    type: "time"
-  }), /* @__PURE__ */ React__default.createElement(TextInputField, {
-    control,
-    id: `days.${index2}.timeslots.${slotIndex}.end`,
-    name: `days.${index2}.timeslots.${slotIndex}.end`,
-    label: t2("End Time"),
-    type: "time"
-  }), /* @__PURE__ */ React__default.createElement(Button, {
-    mode: "danger",
-    onClick: () => {
-      const currentTimeslots = [...getValues(`days.${index2}.timeslots`)];
-      if (typeof slotIndex === "number") {
-        currentTimeslots.splice(slotIndex, 1);
-      }
-      reset({
-        ...getValues(),
-        days: getValues("days").map(
-          (day2, idx) => idx === index2 ? { ...day2, timeslots: currentTimeslots } : day2
-        )
-      });
-    }
-  }, t2("Remove")))), item2.timeslots.length < 2 && /* @__PURE__ */ React__default.createElement(Button, {
-    mode: "tertiary",
-    onClick: () => {
-      const currentTimeslots = [...getValues(`days.${index2}.timeslots`)];
-      currentTimeslots.push({ start: "", end: "" });
-      reset({
-        ...getValues(),
-        days: getValues("days").map(
-          (day2, idx) => idx === index2 ? { ...day2, timeslots: currentTimeslots } : day2
-        )
-      });
-    }
-  }, t2("Add Timeslot")))))), /* @__PURE__ */ React__default.createElement("div", {
+  }, fields.map((item2, index2) => {
+    var _a2, _b, _c;
+    return /* @__PURE__ */ React__default.createElement("div", {
+      key: item2.id,
+      className: styles$4.sectionFormRow,
+      style: { justifyContent: "flex-start", paddingLeft: 0, paddingRight: 0 }
+    }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("p", {
+      style: { width: "100px" }
+    }, item2.day), /* @__PURE__ */ React__default.createElement(SwitchField, {
+      control,
+      id: `days.${index2}.closed`,
+      name: `days.${index2}.closed`,
+      label: t2("Closed"),
+      onChangeEvent: (e3) => {
+        const isClosed = e3.target.checked;
+        setValue2(`days.${index2}.closed`, isClosed);
+        if (isClosed) {
+          setValue2(`days.${index2}.timeslots`, []);
+        }
+      }
+    })), !((_a2 = days2[index2]) == null ? void 0 : _a2.closed) && /* @__PURE__ */ React__default.createElement("div", {
+      style: { display: "flex", flexDirection: "row", gap: "10px" }
+    }, (_b = days2[index2]) == null ? void 0 : _b.timeslots.map((_24, slotIndex) => /* @__PURE__ */ React__default.createElement("div", {
+      key: slotIndex,
+      style: { display: "flex", alignItems: "center", gap: 10 }
+    }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(TextInputField, {
+      control,
+      id: `days.${index2}.timeslots.${slotIndex}.start`,
+      name: `days.${index2}.timeslots.${slotIndex}.start`,
+      label: t2("Start Time"),
+      type: "time"
+    })), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(TextInputField, {
+      control,
+      id: `days.${index2}.timeslots.${slotIndex}.end`,
+      name: `days.${index2}.timeslots.${slotIndex}.end`,
+      label: t2("End Time"),
+      type: "time"
+    })), /* @__PURE__ */ React__default.createElement("div", {
+      style: { color: "#FF4C51", cursor: "pointer", marginTop: 20 }
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
+      icon: "TrashX",
+      onClick: () => {
+        const currentTimeslots = [...days2[index2].timeslots];
+        if (typeof slotIndex === "number") {
+          currentTimeslots.splice(slotIndex, 1);
+        }
+        setValue2(`days.${index2}.timeslots`, currentTimeslots);
+      }
+    })))), ((_c = days2[index2]) == null ? void 0 : _c.timeslots.length) < 2 && /* @__PURE__ */ React__default.createElement("div", {
+      style: { marginTop: 20 }
+    }, /* @__PURE__ */ React__default.createElement(Button, {
+      mode: "tertiary",
+      size: "small",
+      icon: "plus",
+      iconPosition: "left",
+      onClick: () => {
+        const currentTimeslots = [...days2[index2].timeslots];
+        currentTimeslots.push({ start: "", end: "" });
+        setValue2(`days.${index2}.timeslots`, currentTimeslots);
+      }
+    }, t2("Add")))));
+  })), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$4.fixedActions
   }, isDirty && /* @__PURE__ */ React__default.createElement(Button, {
     mode: "success",
@@ -108472,11 +108854,10 @@ const ShiftsEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reload }) =
     onClick: () => onSubmit()
   }, t2("SAVE")))));
 };
-const index = ({ venueId }) => {
+const index$1 = ({ venueId }) => {
   const [isOpenDrawer, setIsOpenDrawer] = useState(false);
   const weekdayOrder = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];
   const { data: data2, isLoading, error: error3, reload } = useFetch(GetOpeningHours, { cacheId: "shifts0management", venue_id: venueId });
-  console.log(data2, "DATA");
   const [formatedData, setFormatedData] = useState([]);
   useEffect(() => {
     if (data2) {
@@ -108494,6 +108875,147 @@ const index = ({ venueId }) => {
     setIsOpenDrawer,
     data: formatedData
   }), /* @__PURE__ */ React__default.createElement(ShiftsEditDrawer, {
+    data: formatedData,
+    isOpen: isOpenDrawer,
+    setIsOpen: setIsOpenDrawer,
+    venueId,
+    reload
+  }));
+};
+const ReservationPreferencesCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
+  const { t: t2 } = useTranslation();
+  return /* @__PURE__ */ React__default.createElement(Card, {
+    className: styles$4.sectionCard
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.cardHeader
+  }, /* @__PURE__ */ React__default.createElement("h2", {
+    className: styles$4.cardTitle
+  }, t2("RESERVATION_PREFERENCES")), /* @__PURE__ */ React__default.createElement("p", {
+    className: styles$4.cardDesc
+  }, t2("RESERVATION_PREFERENCES_DESC"))), /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.cardBody
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "grid", gridTemplateColumns: "1fr auto", gap: "10px", rowGap: "20px", marginBottom: 40 }
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "contents" }
+  }, /* @__PURE__ */ React__default.createElement("p", {
+    style: { fontWeight: "bold" }
+  }, t2("MAX_RESERVATIONS_ARRIVAL_PER_SLOT")), /* @__PURE__ */ React__default.createElement("p", {
+    style: { textAlign: "left" }
+  }, data2 == null ? void 0 : data2.maxWelcomeSlot)), /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "contents" }
+  }, /* @__PURE__ */ React__default.createElement("p", {
+    style: { fontWeight: "bold" }
+  }, t2("TIMEOFFSETTOMEALTIME")), /* @__PURE__ */ React__default.createElement("p", {
+    style: { textAlign: "left" }
+  }, data2 == null ? void 0 : data2.slotDuration, " min")))), /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.cardFooter
+  }, /* @__PURE__ */ React__default.createElement("hr", null), /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.cardFooterContent,
+    style: { color: "#9392a3", cursor: "pointer" },
+    onClick: () => {
+      setIsOpenDrawer(true);
+    }
+  }, "more")));
+};
+const ReservationPreferencesEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reload }) => {
+  const { t: t2 } = useTranslation();
+  const { showMessageError } = useMessage();
+  const { isExecuting, execute } = useService(UpdateResbook, {});
+  const defaultValue = {
+    id: "",
+    maxWelcomeSlot: "",
+    slotDuration: ""
+  };
+  const areaSchema = () => create$1().shape({
+    id: create$2().nullable(),
+    maxWelcomeSlot: create$2().required(t2("errors.required")),
+    slotDuration: create$2().required(t2("errors.required"))
+  });
+  const {
+    control,
+    reset,
+    trigger,
+    getValues,
+    formState: { isDirty }
+  } = useForm({
+    mode: "onChange",
+    resolver: o(areaSchema()),
+    defaultValues: defaultValue
+  });
+  const onSubmit = async () => {
+    const data22 = await getValues();
+    const result = await trigger();
+    if (!result) {
+      showMessageError(t2("pleaseCheckFormsErrors"));
+      return;
+    }
+    const toSend = {
+      maxWelcomeSlot: data22.maxWelcomeSlot,
+      slotDuration: data22.slotDuration
+    };
+    await execute({ data: toSend, venue_id: venueId, table_id: data22.id, module: "arrRule" });
+    reload();
+    setIsOpen(false);
+  };
+  useEffect(() => {
+    if (data2) {
+      reset({
+        id: data2.id,
+        maxWelcomeSlot: data2.maxWelcomeSlot,
+        slotDuration: data2.slotDuration
+      });
+    } else {
+      reset(defaultValue);
+    }
+  }, [data2]);
+  return /* @__PURE__ */ React__default.createElement(Drawer, {
+    isOpen,
+    onClose: () => setIsOpen(false),
+    title: t2("RESERVATION_PREFERENCES"),
+    titleDesc: t2("RESERVATION_PREFERENCES_DESC")
+  }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", {
+    style: { paddingLeft: 20, paddingRight: 20, display: "flex", flexDirection: "column", gap: 30 }
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: ""
+  }, /* @__PURE__ */ React__default.createElement(TextInputField, {
+    control,
+    id: "maxWelcomeSlot",
+    name: "maxWelcomeSlot",
+    label: t2("MAX_RESERVATIONS_ARRIVAL_PER_SLOT"),
+    placeholder: "Max pax per slot ...",
+    radius: "sm",
+    type: "number"
+  })), /* @__PURE__ */ React__default.createElement("div", {
+    className: ""
+  }, /* @__PURE__ */ React__default.createElement(TextInputField, {
+    control,
+    id: "slotDuration",
+    name: "slotDuration",
+    label: "Time offset to mealtime (minutes)",
+    placeholder: "Time offset to mealtime ...",
+    radius: "sm",
+    type: "number"
+  }))), /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", justifyContent: "flex-end", gap: 10, marginTop: 30 }
+  }, isDirty && /* @__PURE__ */ React__default.createElement(Button, {
+    mode: "success",
+    icon: "check",
+    iconPosition: "right",
+    type: "button",
+    onClick: () => onSubmit()
+  }, t2("SAVE")))));
+};
+const index = ({ venueId }) => {
+  const [isOpenDrawer, setIsOpenDrawer] = useState(false);
+  const { data: data2, isLoading, error: error3, reload } = useFetch(GetArrivalRules, { cacheId: "bookingArrivalRules", venue_id: venueId });
+  return /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.sectionManagement
+  }, /* @__PURE__ */ React__default.createElement(ReservationPreferencesCard, {
+    isOpenDrawer,
+    setIsOpenDrawer,
+    data: data2
+  }), /* @__PURE__ */ React__default.createElement(ReservationPreferencesEditDrawer, {
     data: data2,
     isOpen: isOpenDrawer,
     setIsOpen: setIsOpenDrawer,
@@ -108513,23 +109035,21 @@ function Main({ venueId }) {
     className: styles$4.header
   }, /* @__PURE__ */ React__default.createElement("h2", null, t2("RESTAURANTSETUP"))), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$4.content
-  }, /* @__PURE__ */ React__default.createElement(Masonry, {
-    breakpointCols: {
-      default: 3,
-      1200: 2,
-      800: 1
-    },
-    className: styles$4["my-masonry-grid"],
-    columnClassName: styles$4["my-masonry-grid_column"]
-  }, /* @__PURE__ */ React__default.createElement(index$3, {
+  }, /* @__PURE__ */ React__default.createElement(index$5, {
     venueId: currentVenue
-  }), /* @__PURE__ */ React__default.createElement(index$2, {
+  }), /* @__PURE__ */ React__default.createElement(index$4, {
+    venueId: currentVenue
+  }), /* @__PURE__ */ React__default.createElement(index$3, {
+    venueId: currentVenue
+  })), /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$4.content
+  }, /* @__PURE__ */ React__default.createElement(index$1, {
     venueId: currentVenue
-  }), /* @__PURE__ */ React__default.createElement(index$1, {
+  }), /* @__PURE__ */ React__default.createElement(index$2, {
     venueId: currentVenue
   }), /* @__PURE__ */ React__default.createElement(index, {
     venueId: currentVenue
-  }))));
+  })));
 }
 const navitem = "_navitem_xp0ch_1";
 const navitem__chevron = "_navitem__chevron_xp0ch_14";
@@ -108810,6 +109330,12 @@ function App({
   }), /* @__PURE__ */ React__default.createElement(Route, {
     path: "/reservations-configuration",
     element: /* @__PURE__ */ React__default.createElement(ReservationDashboard, null)
+  }), /* @__PURE__ */ React__default.createElement(Route, {
+    path: "/resbook-configuration",
+    element: /* @__PURE__ */ React__default.createElement(Main, null)
+  }), /* @__PURE__ */ React__default.createElement(Route, {
+    path: "/resbook",
+    element: /* @__PURE__ */ React__default.createElement(Main$1, null)
   }), /* @__PURE__ */ React__default.createElement(Route, {
     path: "/venues",
     element: /* @__PURE__ */ React__default.createElement(Venues, null)