mozrest-sdk-react-dev 0.2.83 → 0.2.85

package/mozrest-sdk.es.js

@@ -6475,6 +6475,7 @@ 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_DATES_DESC2 = "Define the period for closures or adjusted hours. Both dates are included.";
 const SPECIAL_SHIFTS = "Special shifts";
 const ADD_SPECIAL_DATE = "Add special date";
 const DELETE_SPECIAL_DATE = "Delete special date";
@@ -6490,6 +6491,8 @@ const NEW_EMAIL = "New email";
 const RESERVATIONS_DESC = "Get instant email notifications when any of the following actions happen.";
 const REVIEWS_DESC = "Get an instant email when you receive a negative review so that you can initiate an immediate response to your customer.";
 const REVIEWSREPORT_DESC = "Get a daily report by email to help you keep track of all your activity.";
+const StartDate = "Start date";
+const EndDate = "End date";
 var en = {
   errors,
   SPECIALCLOSINGDATES,
@@ -6852,6 +6855,7 @@ var en = {
   SHIFTS_DESC,
   SPECIAL_DATES,
   SPECIAL_DATES_DESC,
+  SPECIAL_DATES_DESC2,
   SPECIAL_SHIFTS,
   ADD_SPECIAL_DATE,
   DELETE_SPECIAL_DATE,
@@ -6867,7 +6871,9 @@ var en = {
   NEW_EMAIL,
   RESERVATIONS_DESC,
   REVIEWS_DESC,
-  REVIEWSREPORT_DESC
+  REVIEWSREPORT_DESC,
+  StartDate,
+  EndDate
 };
 instance.use(initReactI18next).init({
   resources: {
@@ -39583,10 +39589,12 @@ const Card = ({
   header: header2,
   children,
   className,
-  classNameContent
+  classNameContent,
+  style: style2
 }) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
-    className: classNames$2(styles$1Y.container, className, "mz-card")
+    className: classNames$2(styles$1Y.container, className, "mz-card"),
+    style: style2
   }, /* @__PURE__ */ React__default.createElement(Header$5, {
     header: header2
   }), /* @__PURE__ */ React__default.createElement("div", {
@@ -96304,7 +96312,6 @@ const Venues = () => {
   const [page, updatePage] = useState(1);
   const [search2, setSearch] = useState("");
   const navigate = useNavigate();
-  console.log("enter here");
   const { data: data2, isLoading, error: error3, isValidating, reload } = useFetch(
     GetVenuesSummary,
     {
@@ -103093,56 +103100,61 @@ const ReservationsAnalytics = ({ userEmail, userFullName }) => {
     totalDays
   }));
 };
-const mainConatiner$2 = "_mainConatiner_1px60_48";
-const mainTableContainer = "_mainTableContainer_1px60_58";
-const mainSidebarContainer = "_mainSidebarContainer_1px60_66";
-const sidebarCloseIcon = "_sidebarCloseIcon_1px60_76";
-const headerContainer = "_headerContainer_1px60_128";
-const searchContainer = "_searchContainer_1px60_134";
-const buttonList = "_buttonList_1px60_142";
-const buttonItem = "_buttonItem_1px60_147";
-const tableTopHeader = "_tableTopHeader_1px60_157";
-const tableTopHeaderContent = "_tableTopHeaderContent_1px60_171";
-const tableTopHeaderContentText = "_tableTopHeaderContentText_1px60_178";
-const tableRowContainer = "_tableRowContainer_1px60_187";
-const tableRowCard = "_tableRowCard_1px60_193";
-const noData = "_noData_1px60_198";
-const tableRowHour = "_tableRowHour_1px60_205";
-const tableRowHourText = "_tableRowHourText_1px60_221";
-const hours = "_hours_1px60_229";
-const tableRowContent = "_tableRowContent_1px60_235";
-const rowImage = "_rowImage_1px60_250";
-const rowContactContainer = "_rowContactContainer_1px60_264";
-const rowContactText = "_rowContactText_1px60_276";
-const rowContactPhone = "_rowContactPhone_1px60_282";
-const rowSectionContainer = "_rowSectionContainer_1px60_289";
-const rowSectionText = "_rowSectionText_1px60_295";
-const rowSectionSecText = "_rowSectionSecText_1px60_301";
-const rowActionButton = "_rowActionButton_1px60_308";
-const bookingInfoContainer = "_bookingInfoContainer_1px60_314";
-const bookingInfoCardRow = "_bookingInfoCardRow_1px60_318";
-const bookingInfoCardContainer = "_bookingInfoCardContainer_1px60_326";
-const bookingInfoCard = "_bookingInfoCard_1px60_318";
-const bookingInfoCardContent = "_bookingInfoCardContent_1px60_338";
-const bookingInfoCardTitle = "_bookingInfoCardTitle_1px60_344";
-const bookingInfoCardText = "_bookingInfoCardText_1px60_347";
+const mainConatiner$2 = "_mainConatiner_8120h_48";
+const mainTableContainer = "_mainTableContainer_8120h_58";
+const mainSidebarContainer = "_mainSidebarContainer_8120h_66";
+const sidebarCloseIcon = "_sidebarCloseIcon_8120h_87";
+const headerContainer = "_headerContainer_8120h_95";
+const searchContainer = "_searchContainer_8120h_101";
+const buttonList = "_buttonList_8120h_109";
+const buttonItem = "_buttonItem_8120h_114";
+const addReservationButton = "_addReservationButton_8120h_123";
+const tableTopHeader = "_tableTopHeader_8120h_132";
+const tableTopHeaderContent = "_tableTopHeaderContent_8120h_146";
+const tableTopHeaderContentText = "_tableTopHeaderContentText_8120h_153";
+const tableRowContainer = "_tableRowContainer_8120h_162";
+const tableRowCard = "_tableRowCard_8120h_168";
+const fadeInX = "_fadeInX_8120h_1";
+const noData = "_noData_8120h_176";
+const tableRowHour = "_tableRowHour_8120h_183";
+const tableRowHourText = "_tableRowHourText_8120h_199";
+const hours = "_hours_8120h_207";
+const tableRowContent = "_tableRowContent_8120h_213";
+const rowImage = "_rowImage_8120h_228";
+const rowContactContainer = "_rowContactContainer_8120h_242";
+const rowContactText = "_rowContactText_8120h_254";
+const rowContactPhone = "_rowContactPhone_8120h_260";
+const rowSectionContainer = "_rowSectionContainer_8120h_267";
+const rowSection = "_rowSection_8120h_267";
+const rowSectionText = "_rowSectionText_8120h_280";
+const rowSectionSecText = "_rowSectionSecText_8120h_286";
+const rowActionButton = "_rowActionButton_8120h_293";
+const bookingInfoContainer = "_bookingInfoContainer_8120h_305";
+const bookingInfoCardRow = "_bookingInfoCardRow_8120h_309";
+const bookingInfoCardContainer = "_bookingInfoCardContainer_8120h_317";
+const bookingInfoCard = "_bookingInfoCard_8120h_309";
+const bookingInfoCardContent = "_bookingInfoCardContent_8120h_329";
+const bookingInfoCardTitle = "_bookingInfoCardTitle_8120h_335";
+const bookingInfoCardText = "_bookingInfoCardText_8120h_338";
 var styles$l = {
   mainConatiner: mainConatiner$2,
   mainTableContainer,
   mainSidebarContainer,
+  "mainSidebarContainer--open": "_mainSidebarContainer--open_8120h_76",
+  "mainSidebarContainer--close": "_mainSidebarContainer--close_8120h_82",
   sidebarCloseIcon,
-  "mainSidebarContainer--open": "_mainSidebarContainer--open_1px60_84",
-  "mainSidebarContainer--close": "_mainSidebarContainer--close_1px60_90",
-  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_1px60_98",
+  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_8120h_90",
   headerContainer,
   searchContainer,
   buttonList,
   buttonItem,
+  addReservationButton,
   tableTopHeader,
   tableTopHeaderContent,
   tableTopHeaderContentText,
   tableRowContainer,
   tableRowCard,
+  fadeInX,
   noData,
   tableRowHour,
   tableRowHourText,
@@ -103153,6 +103165,7 @@ var styles$l = {
   rowContactText,
   rowContactPhone,
   rowSectionContainer,
+  rowSection,
   rowSectionText,
   rowSectionSecText,
   rowActionButton,
@@ -104679,14 +104692,14 @@ var icons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
   people,
   clock
 }, Symbol.toStringTag, { value: "Module" }));
-const icon$2 = "_icon_1qq6z_1";
+const icon$2 = "_icon_lm3br_1";
 var styles$k = {
   icon: icon$2,
-  "icon--xs": "_icon--xs_1qq6z_12",
-  "icon--small": "_icon--small_1qq6z_15",
-  "icon--medium": "_icon--medium_1qq6z_18",
-  "icon--large": "_icon--large_1qq6z_21",
-  "icon--xl": "_icon--xl_1qq6z_24"
+  "icon--xs": "_icon--xs_lm3br_12",
+  "icon--small": "_icon--small_lm3br_15",
+  "icon--medium": "_icon--medium_lm3br_18",
+  "icon--large": "_icon--large_lm3br_21",
+  "icon--xl": "_icon--xl_lm3br_24"
 };
 const Icon = ({
   size = "medium",
@@ -106853,9 +106866,17 @@ const useSelectedBookingContext = () => {
   return useContext(SelectedBookingContext);
 };
 const SelectedBookingProvider = ({ children }) => {
+  var _a2;
   const [selectedBooking, setSelectedBooking] = useState(null);
+  const [canEdit, setCanEdit] = useState(false);
+  const roles = (_a2 = userData == null ? void 0 : userData.roles) != null ? _a2 : [];
+  useEffect(() => {
+    if (!roles.includes("COMPANY_USER")) {
+      setCanEdit(true);
+    }
+  }, [roles]);
   return /* @__PURE__ */ React__default.createElement(SelectedBookingContext.Provider, {
-    value: { selectedBooking, setSelectedBooking }
+    value: { selectedBooking, setSelectedBooking, canEdit }
   }, children);
 };
 const debounce = (func, delay) => {
@@ -106875,10 +106896,137 @@ const ShowSidebarProvider = ({ children }) => {
     value: { showSidebar, setShowSidebar }
   }, children);
 };
-const index$c = ({ filters: filters2, setFilters }) => {
+var styles$d = /* @__PURE__ */ (() => ".resbook-modal .ant-modal-centered .ant-modal{border:0;border-radius:6px;background-color:#2f3349}.resbook-modal .ant-modal-content{background-color:transparent;border-radius:6px}.resbook-modal .ant-modal-header,.resbook-modal .ant-modal-body{background-color:#2f3349!important;color:#fff}.resbook-modal .ant-modal-header{border-bottom:0;border-radius:6px 6px 0 0;padding-bottom:0}.resbook-modal .ant-modal-body{border-radius:0 0 6px 6px;padding-top:0}.resbook-modal .ant-modal-header h1,.resbook-modal .ant-modal-header p,.resbook-modal .ant-modal-body h1,.resbook-modal .ant-modal-body h2,.resbook-modal .ant-modal-body h3,.resbook-modal .ant-modal-body h4,.resbook-modal .ant-modal-body p{font-family:Public Sans,sans-serif}.resbook-modal .ant-modal-header p,.resbook-modal .ant-modal-body p{font-size:15px;color:#acabc1}.resbook-modal .ant-modal-header p{margin-bottom:0;margin-top:0}.resbook-modal .ant-modal-header h1,.resbook-modal .ant-modal-body h1{font-weight:600;color:#cfcde4;font-size:18px}.resbook-modal .ant-modal-body label{font-size:15px;color:#acabc1}.resbook-modal .ant-modal-body h2{color:#fff}.resbook-modal .ant-modal-body [class*=regularHourContainer]{color:#d0cee5;box-shadow:none;font-family:var(--font-family)}.resbook-modal .ant-modal-body [class*=regularHourContainer] strong{font-weight:300;font-size:15px}.resbook-modal .mz-header input,.resbook-modal .ant-modal-body input,.resbook-modal .ant-modal-body textarea{background-color:#3a3d54;color:#d0cee5;border-width:0 0 1px;border-color:#d0cee5;border-radius:0;padding:10px 5px}.resbook-modal .mz-header .css-spersy-control,.resbook-modal .ant-modal-body .css-spersy-control{background-color:#3a3d54;border-width:0 0 1px;border-radius:0}.resbook-modal .css-spersy-control>div>div:first-child{color:#d0cee5!important;font-family:Public Sans,sans-serif;padding:7px 0}.resbook-modal .ant-modal-body #react-select-4-listbox{background-color:#3a3d54;font-family:var(--font-family)}.resbook-modal .ant-modal-title,.resbook-modal .ant-modal-body span{color:#fff}.resbook-modal .ant-modal-close-x line{stroke:#fff}\n")();
+const Modal2 = ({
+  open,
+  children,
+  onClose: onClose2,
+  title: title2,
+  width
+}) => {
+  return /* @__PURE__ */ React__default.createElement(ModalAntd, {
+    className: "resbook-modal",
+    title: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, typeof title2 === "string" && /* @__PURE__ */ React__default.createElement(Heading, null, title2), typeof title2 !== "string" && !!title2 ? title2 : /* @__PURE__ */ React__default.createElement("div", null)),
+    open,
+    onCancel: onClose2,
+    width: width || 1e3,
+    footer: null,
+    closeIcon: /* @__PURE__ */ React__default.createElement(Icon, {
+      icon: "close",
+      size: "small"
+    }),
+    centered: true,
+    zIndex: 1032
+  }, children);
+};
+const ConfirmationModal = ({ onAccept, isLoading, title: title2, text: text2 = "AREYOUSURE?", icon: icon2, ...props }) => {
+  const { t: t2 } = useTranslation();
+  return /* @__PURE__ */ React__default.createElement(Modal2, {
+    ...props,
+    title: title2,
+    width: 500
+  }, icon2 && /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", justifyContent: "center" }
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
+    icon: icon2,
+    size: "large"
+  })), /* @__PURE__ */ React__default.createElement("h3", {
+    style: { marginTop: 0, paddingTop: 20 }
+  }, t2(text2)), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", justifyContent: "center", gap: 20, marginTop: 20 }
+  }, /* @__PURE__ */ React__default.createElement(Button, {
+    size: "small",
+    mode: "tertiary",
+    onClick: props.onClose,
+    disabled: isLoading
+  }, t2("CANCEL")), /* @__PURE__ */ React__default.createElement(Button, {
+    size: "small",
+    type: "submit",
+    onClick: () => onAccept(),
+    isLoading
+  }, t2("ACCEPT")))));
+};
+const ExportBookingModal = ({ open, onClose: onClose2, isExportLoading, setIsExportLoading, userEmail, userFullName, currentVenue }) => {
+  const { t: t2 } = useTranslation();
+  const [exportFilters, setExportFilters] = useState({
+    ["filters[from]"]: hooks().format("YYYY-MM-DD"),
+    ["filters[till]"]: hooks().format("YYYY-MM-DD")
+  });
+  const [openConfirmationModal, setOpenConfirmationModal] = useState(false);
+  const onOpenConfirmationModal = () => setOpenConfirmationModal(true);
+  const onCloseConfirmationModal = () => setOpenConfirmationModal(false);
+  const { isExecuting, execute, error: error3 } = useService(ExportReservationAnalytics, {
+    onSuccess: async () => {
+      onClose2();
+      setIsExportLoading(false);
+    },
+    onError: async () => {
+      setIsExportLoading(false);
+    },
+    successText: "Successfully requested"
+  });
+  const onRequestExcel = () => {
+    setIsExportLoading(true);
+    onCloseConfirmationModal();
+    if (!currentVenue)
+      return;
+    execute({
+      params: {
+        "filters[venues]": [currentVenue],
+        ...exportFilters,
+        ...userEmail ? {
+          ["filters[userEmail]"]: userEmail
+        } : {},
+        ...userFullName ? {
+          ["filters[userFullName]"]: userFullName
+        } : {}
+      }
+    });
+  };
+  return /* @__PURE__ */ React__default.createElement(Modal2, {
+    open,
+    onClose: onClose2,
+    width: 500,
+    title: /* @__PURE__ */ React__default.createElement(Heading, null, /* @__PURE__ */ React__default.createElement(Icon$2, {
+      icon: "clipBoardList"
+    }), t2("EXPORTDATA"))
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: ""
+  }, /* @__PURE__ */ React__default.createElement(DatePicker, {
+    id: "dateRange",
+    label: t2("BOOKINGCREATIONDATERANGE"),
+    range: { from: exportFilters["filters[from]"], till: exportFilters["filters[till]"] },
+    onChange: ({ from: from2, till }) => {
+      if (from2 && till) {
+        setExportFilters({
+          ...exportFilters,
+          ["filters[from]"]: hooks(from2).format("YYYY-MM-DD"),
+          ["filters[till]"]: hooks(till).format("YYYY-MM-DD")
+        });
+      }
+    }
+  }), /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", flexDirection: "column", gap: 20 }
+  }, /* @__PURE__ */ React__default.createElement("div", null, "Choose the Booking creation date range to export. The rest of the filters selected on the page will apply as export criteria."), /* @__PURE__ */ React__default.createElement("div", null, "You will receive shortly the report on you email inbox after clicking the 'Export data' button.")), /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", justifyContent: "center" }
+  }, /* @__PURE__ */ React__default.createElement(Button$4, {
+    isLoading: isExportLoading,
+    onClick: () => onOpenConfirmationModal()
+  }, t2("EXPORTDATA")))), /* @__PURE__ */ React__default.createElement(ConfirmationModal, {
+    open: openConfirmationModal,
+    onClose: onCloseConfirmationModal,
+    onAccept: () => onRequestExcel(),
+    text: `Do you want to export an excel file from ${exportFilters["filters[from]"]} until ${exportFilters["filters[till]"]}? You will receive shortly the report on you email inbox.`,
+    width: 500,
+    isLoading: isExportLoading || isExecuting,
+    icon: "calendar"
+  }));
+};
+const index$c = ({ filters: filters2, setFilters, currentVenue, userEmail, userFullName }) => {
   const { t: t2 } = useTranslation();
   const { showSidebar, setShowSidebar } = useShowSidebarContext();
-  const { selectedBooking, setSelectedBooking } = useSelectedBookingContext();
+  const { selectedBooking, setSelectedBooking, canEdit } = useSelectedBookingContext();
+  const [showExportBookingConfirmationModal, setShowExportBookingConfirmationModal] = useState(false);
   const [datePickerOpen, setDatePickerOpen] = useState(false);
   const datePickerRef = useRef(null);
   const defaultValue2 = {
@@ -106998,7 +107146,7 @@ const index$c = ({ filters: filters2, setFilters }) => {
     className: styles$l.buttonItem,
     onClick: () => selectDate("tomorrow")
   }, t2("TOMORROW")), /* @__PURE__ */ React__default.createElement("div", {
-    style: { display: "flex", flexDirection: "column", justifyContent: "center" }
+    style: { display: "flex", gap: 5, justifyContent: "center", alignItems: "center" }
   }, /* @__PURE__ */ React__default.createElement(Button, {
     mode: "primary",
     onClick: () => setDatePickerOpen(true)
@@ -107036,17 +107184,33 @@ const index$c = ({ filters: filters2, setFilters }) => {
         setDatePickerOpen(false);
       }
     }, t2("TOMORROW")))
-  })), /* @__PURE__ */ React__default.createElement(Button, {
+  })), canEdit && /* @__PURE__ */ React__default.createElement(Button, {
+    className: styles$l.addReservationButton,
     mode: "success",
     onClick: () => {
       setSelectedBooking(null);
       setShowSidebar(true);
     }
-  }, t2("ADDRESERVATION"))));
+  }, t2("ADDRESERVATION"))), /* @__PURE__ */ React__default.createElement(ExportBookingModal, {
+    isExportLoading: false,
+    setIsExportLoading: () => {
+    },
+    open: showExportBookingConfirmationModal,
+    currentVenue,
+    userEmail,
+    userFullName,
+    onClose: () => {
+      setShowExportBookingConfirmationModal(false);
+    }
+  }));
 };
 const injectStyles = () => {
   const styleElement = document.createElement("style");
   styleElement.innerHTML = `
+        .ant-picker-range {
+            background-color: #3A3D54 !important;
+        }
+
         .ant-picker-panel {
             background-color: #2F3349 !important;
             border-radius: 6px !important;
@@ -107185,12 +107349,12 @@ const ReloadProvider = ({ children, reload }) => {
     value: { reload }
   }, children);
 };
-const TableRow = ({ item: item2, filtersData, venueId }) => {
+const TableRow = ({ index: index2, item: item2, filtersData, venueId }) => {
   var _a2, _b, _c, _d;
   const { t: t2 } = useTranslation();
   const { reload: reloadMainTable } = useReloadContext();
   const { showSidebar, setShowSidebar } = useShowSidebarContext();
-  const { selectedBooking, setSelectedBooking } = useSelectedBookingContext();
+  const { selectedBooking, setSelectedBooking, canEdit } = useSelectedBookingContext();
   const { execute } = useService(UpdateBookingStatusBooking, {
     onSuccess: async () => {
       reloadMainTable();
@@ -107253,12 +107417,17 @@ const TableRow = ({ item: item2, filtersData, venueId }) => {
     }
   };
   return /* @__PURE__ */ React__default.createElement(Card, {
-    className: styles$l.tableRowCard
+    className: styles$l.tableRowCard,
+    style: {
+      animationDelay: `${index2 * 0.2}s`
+    }
   }, /* @__PURE__ */ React__default.createElement("div", {
-    style: { display: "flex", cursor: "pointer" },
+    style: { display: "flex", cursor: window.innerWidth > 768 ? "pointer" : "default" },
     onClick: () => {
-      setSelectedBooking(item2);
-      setShowSidebar(true);
+      if (window.innerWidth > 768) {
+        setSelectedBooking(item2);
+        setShowSidebar(true);
+      }
     }
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$l.tableRowHour
@@ -107280,17 +107449,19 @@ const TableRow = ({ item: item2, filtersData, venueId }) => {
     className: styles$l.rowContactPhone
   }, (_a2 = item2 == null ? void 0 : item2.contact) == null ? void 0 : _a2.telephone)), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$l.rowSectionContainer
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$l.rowSection
   }, /* @__PURE__ */ React__default.createElement("h4", {
     className: styles$l.rowSectionText
   }, item2 == null ? void 0 : item2.partySize), /* @__PURE__ */ React__default.createElement("p", {
     className: styles$l.rowSectionSecText
   }, t2("GUESTS"))), /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$l.rowSectionContainer
+    className: styles$l.rowSection
   }, /* @__PURE__ */ React__default.createElement("h4", {
     className: styles$l.rowSectionText
   }, (_b = item2 == null ? void 0 : item2.table) == null ? void 0 : _b.name), /* @__PURE__ */ React__default.createElement("p", {
     className: styles$l.rowSectionSecText
-  }, (_c = item2 == null ? void 0 : item2.table) == null ? void 0 : _c.areaName)), /* @__PURE__ */ React__default.createElement("div", {
+  }, (_c = item2 == null ? void 0 : item2.table) == null ? void 0 : _c.areaName))), canEdit && /* @__PURE__ */ React__default.createElement("div", {
     className: styles$l.rowActionButton
   }, /* @__PURE__ */ React__default.createElement(Button, {
     icon: statusBuilder(item2.status).icon,
@@ -107343,8 +107514,9 @@ const TableBody = ({ data: data2, filtersData, venueId }) => {
       className: styles$l.tableTopHeaderContentText
     }, group.length, " ", t2("RESERVATIONS"))), /* @__PURE__ */ React__default.createElement("div", {
       className: styles$l.tableRowContainer
-    }, group.map((item2) => {
+    }, group.map((item2, index2) => {
       return /* @__PURE__ */ React__default.createElement(TableRow, {
+        index: index2,
         key: item2.id,
         item: item2,
         filtersData,
@@ -107367,7 +107539,7 @@ const index$b = ({ data: data2, filters: filters2, filtersData, venueId }) => {
 };
 const container = "_container_ut3y7_1";
 const tooltip = "_tooltip_ut3y7_5";
-var styles$d = {
+var styles$c = {
   container,
   tooltip
 };
@@ -107426,7 +107598,7 @@ const Select = ({
   ...props
 }) => {
   return /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$d.container
+    className: styles$c.container
   }, label2 && /* @__PURE__ */ React__default.createElement(Label, {
     htmlFor: id2
   }, label2), /* @__PURE__ */ React__default.createElement("div", {
@@ -107457,7 +107629,7 @@ const SelectField = ({ control, name, ...props }) => {
   });
 };
 const input$1 = "_input_zx6p9_1";
-var styles$c = {
+var styles$b = {
   input: input$1
 };
 const TextArea = React__default.forwardRef(
@@ -107490,7 +107662,7 @@ const TextArea = React__default.forwardRef(
     }, label2), /* @__PURE__ */ React__default.createElement("div", {
       style: { position: "relative" }
     }, /* @__PURE__ */ React__default.createElement("textarea", {
-      className: styles$c.input,
+      className: styles$b.input,
       onChange: handleChange,
       id: id2,
       name: id2,
@@ -107521,51 +107693,6 @@ const TextAreaField = ({ control, name, ...props }) => {
     }))
   });
 };
-var styles$b = /* @__PURE__ */ (() => ".resbook-modal .ant-modal-centered .ant-modal{border:0;border-radius:6px;background-color:#2f3349}.resbook-modal .ant-modal-content{background-color:transparent;border-radius:6px}.resbook-modal .ant-modal-header,.resbook-modal .ant-modal-body{background-color:#2f3349!important;color:#fff}.resbook-modal .ant-modal-header{border-bottom:0;border-radius:6px 6px 0 0;padding-bottom:0}.resbook-modal .ant-modal-body{border-radius:0 0 6px 6px;padding-top:0}.resbook-modal .ant-modal-header h1,.resbook-modal .ant-modal-header p,.resbook-modal .ant-modal-body h1,.resbook-modal .ant-modal-body h2,.resbook-modal .ant-modal-body h3,.resbook-modal .ant-modal-body h4,.resbook-modal .ant-modal-body p{font-family:Public Sans,sans-serif}.resbook-modal .ant-modal-header p,.resbook-modal .ant-modal-body p{font-size:15px;color:#acabc1}.resbook-modal .ant-modal-header p{margin-bottom:0;margin-top:0}.resbook-modal .ant-modal-header h1,.resbook-modal .ant-modal-body h1{font-weight:600;color:#cfcde4;font-size:18px}.resbook-modal .ant-modal-body label{font-size:15px;color:#acabc1}.resbook-modal .ant-modal-body h2{color:#fff}.resbook-modal .ant-modal-body [class*=regularHourContainer]{color:#d0cee5;box-shadow:none;font-family:var(--font-family)}.resbook-modal .ant-modal-body [class*=regularHourContainer] strong{font-weight:300;font-size:15px}.resbook-modal .mz-header input,.resbook-modal .ant-modal-body input,.resbook-modal .ant-modal-body textarea{background-color:#3a3d54;color:#d0cee5;border-width:0 0 1px;border-color:#d0cee5;border-radius:0;padding:10px 5px}.resbook-modal .mz-header .css-spersy-control,.resbook-modal .ant-modal-body .css-spersy-control{background-color:#3a3d54;border-width:0 0 1px;border-radius:0}.resbook-modal .css-spersy-control>div>div:first-child{color:#d0cee5!important;font-family:Public Sans,sans-serif;padding:7px 0}.resbook-modal .ant-modal-body #react-select-4-listbox{background-color:#3a3d54;font-family:var(--font-family)}.resbook-modal .ant-modal-title,.resbook-modal .ant-modal-body span{color:#fff}.resbook-modal .ant-modal-close-x line{stroke:#fff}\n")();
-const Modal2 = ({
-  open,
-  children,
-  onClose: onClose2,
-  title: title2,
-  width
-}) => {
-  return /* @__PURE__ */ React__default.createElement(ModalAntd, {
-    className: "resbook-modal",
-    title: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, typeof title2 === "string" && /* @__PURE__ */ React__default.createElement(Heading, null, title2), typeof title2 !== "string" && !!title2 ? title2 : /* @__PURE__ */ React__default.createElement("div", null)),
-    open,
-    onCancel: onClose2,
-    width: width || 1e3,
-    footer: null,
-    closeIcon: /* @__PURE__ */ React__default.createElement(Icon, {
-      icon: "close",
-      size: "small"
-    }),
-    centered: true,
-    zIndex: 1032
-  }, children);
-};
-const ConfirmationModal = ({ onAccept, isLoading, title: title2, text: text2 = "AREYOUSURE?", ...props }) => {
-  const { t: t2 } = useTranslation();
-  return /* @__PURE__ */ React__default.createElement(Modal2, {
-    ...props,
-    title: title2,
-    width: 500
-  }, /* @__PURE__ */ React__default.createElement("h3", {
-    style: { marginTop: 0, paddingTop: 20 }
-  }, t2(text2)), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", {
-    style: { display: "flex", justifyContent: "center", gap: 20, marginTop: 20 }
-  }, /* @__PURE__ */ React__default.createElement(Button, {
-    size: "small",
-    mode: "tertiary",
-    onClick: props.onClose,
-    disabled: isLoading
-  }, t2("CANCEL")), /* @__PURE__ */ React__default.createElement(Button, {
-    size: "small",
-    type: "submit",
-    onClick: () => onAccept(),
-    isLoading
-  }, t2("ACCEPT")))));
-};
 const ActionButtons = ({ onSubmit, venueId }) => {
   const { t: t2 } = useTranslation();
   const { selectedBooking, setSelectedBooking } = useSelectedBookingContext();
@@ -107705,7 +107832,7 @@ const Header = () => {
 const index$a = ({ filtersData, venueId }) => {
   const { t: t2 } = useTranslation();
   const { reload: reloadMainTable } = useReloadContext();
-  const { selectedBooking, setSelectedBooking } = useSelectedBookingContext();
+  const { selectedBooking, setSelectedBooking, canEdit } = useSelectedBookingContext();
   const { showMessageError } = useMessage();
   const [currentTimeZone, setCurrentTimeZone] = useState("");
   const [partySizeOptions2, setPartySizeOptions] = useState([]);
@@ -107936,6 +108063,7 @@ const index$a = ({ filtersData, venueId }) => {
   }, /* @__PURE__ */ React__default.createElement(Header, null), !selectedBooking && /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "100%" }
   }, /* @__PURE__ */ React__default.createElement(SelectField, {
+    isDisabled: !canEdit,
     control,
     id: "source",
     name: "source",
@@ -107946,6 +108074,7 @@ const index$a = ({ filtersData, venueId }) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "50%" }
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
+    disabled: !canEdit,
     control,
     id: "date",
     name: "date",
@@ -107956,6 +108085,7 @@ const index$a = ({ filtersData, venueId }) => {
   })), /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "50%" }
   }, /* @__PURE__ */ React__default.createElement(SelectField, {
+    isDisabled: !canEdit,
     control,
     isClearable: true,
     id: "time",
@@ -107967,6 +108097,7 @@ const index$a = ({ filtersData, venueId }) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "50%" }
   }, /* @__PURE__ */ React__default.createElement(SelectField, {
+    isDisabled: !canEdit,
     control,
     isClearable: true,
     id: "partySize",
@@ -107976,6 +108107,7 @@ const index$a = ({ filtersData, venueId }) => {
   })), /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "50%" }
   }, /* @__PURE__ */ React__default.createElement(SelectField, {
+    isDisabled: !canEdit,
     control,
     id: "table",
     name: "table",
@@ -107986,7 +108118,7 @@ const index$a = ({ filtersData, venueId }) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "50%" }
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
-    disabled: selectedBooking,
+    disabled: selectedBooking || !canEdit,
     control,
     id: "firstName",
     name: "firstName",
@@ -107997,7 +108129,7 @@ const index$a = ({ filtersData, venueId }) => {
   })), /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "50%" }
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
-    disabled: selectedBooking,
+    disabled: selectedBooking || !canEdit,
     control,
     id: "lastName",
     name: "lastName",
@@ -108008,7 +108140,7 @@ const index$a = ({ filtersData, venueId }) => {
   }))), /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "100%" }
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
-    disabled: selectedBooking,
+    disabled: selectedBooking || !canEdit,
     control,
     id: "email",
     name: "email",
@@ -108019,7 +108151,7 @@ const index$a = ({ filtersData, venueId }) => {
   })), /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "100%" }
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
-    disabled: selectedBooking,
+    disabled: selectedBooking || !canEdit,
     control,
     id: "phone",
     name: "phone",
@@ -108030,7 +108162,7 @@ const index$a = ({ filtersData, venueId }) => {
   })), /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "100%" }
   }, /* @__PURE__ */ React__default.createElement(TextAreaField, {
-    disabled: selectedBooking,
+    disabled: selectedBooking || !canEdit,
     control,
     id: "notes",
     name: "notes",
@@ -108038,7 +108170,7 @@ const index$a = ({ filtersData, venueId }) => {
     placeholder: "Notes ..."
   })), /* @__PURE__ */ React__default.createElement("hr", {
     style: { width: "100%" }
-  }), /* @__PURE__ */ React__default.createElement(ActionButtons, {
+  }), canEdit && /* @__PURE__ */ React__default.createElement(ActionButtons, {
     onSubmit,
     venueId
   }), selectedBooking && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("hr", {
@@ -108047,7 +108179,7 @@ const index$a = ({ filtersData, venueId }) => {
     item: selectedBooking
   })));
 };
-function MainComponent({ venueId }) {
+function MainComponent({ venueId, userEmail, userFullName }) {
   const [currentVenue, setCurrentVenue] = useState(null);
   const { showSidebar, setShowSidebar } = useShowSidebarContext();
   const [filters2, setFilters] = useState({
@@ -108109,6 +108241,14 @@ function MainComponent({ venueId }) {
       document.removeEventListener("mousedown", handleOutsideClick);
     };
   }, [showSidebar, setShowSidebar]);
+  useEffect(() => {
+    const interval = setInterval(() => {
+      reload();
+    }, 6e4);
+    return () => {
+      clearInterval(interval);
+    };
+  }, [reload]);
   return /* @__PURE__ */ React__default.createElement(ReloadProvider, {
     reload
   }, /* @__PURE__ */ React__default.createElement("div", {
@@ -108117,7 +108257,10 @@ function MainComponent({ venueId }) {
     className: styles$l.mainTableContainer
   }, /* @__PURE__ */ React__default.createElement(index$c, {
     filters: filters2,
-    setFilters
+    setFilters,
+    currentVenue,
+    userEmail,
+    userFullName
   }), /* @__PURE__ */ React__default.createElement(index$b, {
     data: data2,
     filters: filters2,
@@ -108133,30 +108276,33 @@ function MainComponent({ venueId }) {
     venueId
   }))));
 }
-function Main$2({ venueId }) {
+function Main$2({ venueId, userEmail, userFullName }) {
   return /* @__PURE__ */ React__default.createElement(SelectedBookingProvider, null, /* @__PURE__ */ React__default.createElement(ShowSidebarProvider, null, /* @__PURE__ */ React__default.createElement(MainComponent, {
-    venueId
+    venueId,
+    userEmail,
+    userFullName
   })));
 }
-const mainConatiner$1 = "_mainConatiner_au98t_70";
-const header$3 = "_header_au98t_81";
-const content$1 = "_content_au98t_87";
-const textSecondary$1 = "_textSecondary_au98t_96";
-const sectionCard$1 = "_sectionCard_au98t_100";
-const cardHeader$1 = "_cardHeader_au98t_105";
-const cardTitle$1 = "_cardTitle_au98t_108";
-const cardDesc$1 = "_cardDesc_au98t_112";
-const cardBody$1 = "_cardBody_au98t_116";
-const cardFooter$1 = "_cardFooter_au98t_120";
-const cardFooterContent$1 = "_cardFooterContent_au98t_120";
-const sectionManagement$1 = "_sectionManagement_au98t_130";
-const sectionFormRow$1 = "_sectionFormRow_au98t_130";
-const drawerContent$1 = "_drawerContent_au98t_137";
-const scrollableForm$1 = "_scrollableForm_au98t_142";
-const fixedActions$1 = "_fixedActions_au98t_148";
+const mainConatiner$1 = "_mainConatiner_199nq_70";
+const header$3 = "_header_199nq_81";
+const content$1 = "_content_199nq_87";
+const textSecondary$1 = "_textSecondary_199nq_96";
+const sectionCard$1 = "_sectionCard_199nq_100";
+const cardHeader$1 = "_cardHeader_199nq_105";
+const cardTitle$1 = "_cardTitle_199nq_108";
+const cardDesc$1 = "_cardDesc_199nq_112";
+const cardBody$1 = "_cardBody_199nq_116";
+const cardFooter$1 = "_cardFooter_199nq_120";
+const cardFooterContent$1 = "_cardFooterContent_199nq_120";
+const sectionManagement$1 = "_sectionManagement_199nq_130";
+const sectionFormRow$1 = "_sectionFormRow_199nq_130";
+const drawerContent$1 = "_drawerContent_199nq_137";
+const scrollableForm$1 = "_scrollableForm_199nq_142";
+const fixedActions$1 = "_fixedActions_199nq_148";
+const specialDatesInfoText = "_specialDatesInfoText_199nq_157";
 var styles$a = {
-  "my-masonry-grid": "_my-masonry-grid_au98t_48",
-  "my-masonry-grid_column": "_my-masonry-grid_column_au98t_59",
+  "my-masonry-grid": "_my-masonry-grid_199nq_48",
+  "my-masonry-grid_column": "_my-masonry-grid_column_199nq_59",
   mainConatiner: mainConatiner$1,
   header: header$3,
   content: content$1,
@@ -108172,9 +108318,10 @@ var styles$a = {
   sectionFormRow: sectionFormRow$1,
   drawerContent: drawerContent$1,
   scrollableForm: scrollableForm$1,
-  fixedActions: fixedActions$1
+  fixedActions: fixedActions$1,
+  specialDatesInfoText
 };
-const AreaManagementCard$1 = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
+const AreaManagementCard$1 = ({ isOpenDrawer, setIsOpenDrawer, data: data2, canEdit }) => {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ React__default.createElement(Card, {
     className: styles$a.sectionCard
@@ -108198,7 +108345,7 @@ const AreaManagementCard$1 = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) =>
   }, 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", {
+  }, area.name)))), canEdit && /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.cardFooter
   }, /* @__PURE__ */ React__default.createElement("hr", null), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.cardFooterContent,
@@ -108251,12 +108398,13 @@ const Drawer = ({ isOpen, onClose: onClose2, children, title: title2, titleDesc,
     className: styles$9.drawer__body
   }, children)));
 };
-const label$1 = "_label_7znea_1";
-const label__switch = "_label__switch_7znea_8";
-const input = "_input_7znea_30";
+const label$1 = "_label_o8bxt_1";
+const label__switch = "_label__switch_o8bxt_8";
+const input = "_input_o8bxt_34";
 var styles$8 = {
   label: label$1,
   label__switch,
+  "label__switch--disabled": "_label__switch--disabled_o8bxt_18",
   input
 };
 const Toggle = ({
@@ -108279,10 +108427,13 @@ const Toggle = ({
     htmlFor: id2,
     className: styles$8.label
   }, /* @__PURE__ */ React__default.createElement("span", {
-    className: styles$8.label__switch
+    className: classNames$2(
+      styles$8.label__switch,
+      disabled2 ? styles$8["label__switch--disabled"] : ""
+    )
   }), label2));
 };
-const SwitchField = ({ control, name, onChangeEvent, ...props }) => {
+const SwitchField = ({ control, name, onChangeEvent, disabled: disabled2, ...props }) => {
   return /* @__PURE__ */ React__default.createElement(Controller, {
     control,
     name,
@@ -108294,6 +108445,7 @@ const SwitchField = ({ control, name, onChangeEvent, ...props }) => {
       name,
       value: value2 || "",
       label: props.label,
+      disabled: disabled2,
       onChange: (e3) => {
         onChange3(e3);
         if (onChangeEvent) {
@@ -108512,14 +108664,15 @@ const fieldChanged$3 = (currentValue, initialData) => {
   }
   return false;
 };
-const index$9 = ({ venueId, reloadAreas, areas }) => {
+const index$9 = ({ venueId, reloadAreas, areas, canEdit }) => {
   const [isOpenDrawer, setIsOpenDrawer] = useState(false);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.sectionManagement
   }, /* @__PURE__ */ React__default.createElement(AreaManagementCard$1, {
     isOpenDrawer,
     setIsOpenDrawer,
-    data: areas
+    data: areas,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(AreaEditDrawer, {
     data: areas,
     isOpen: isOpenDrawer,
@@ -108528,7 +108681,7 @@ const index$9 = ({ venueId, reloadAreas, areas }) => {
     reload: reloadAreas
   }));
 };
-const AreaManagementCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
+const AreaManagementCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2, canEdit }) => {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ React__default.createElement(Card, {
     className: styles$a.sectionCard
@@ -108552,7 +108705,7 @@ const AreaManagementCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
     }, table2.name), /* @__PURE__ */ React__default.createElement("p", null, table2.minCapacity, "-", table2.maxCapacity), /* @__PURE__ */ React__default.createElement("p", {
       style: { flex: 1, textAlign: "center" }
     }, (_b = (_a2 = table2.area) == null ? void 0 : _a2.name) != null ? _b : "---"));
-  }))), /* @__PURE__ */ React__default.createElement("div", {
+  }))), canEdit && /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.cardFooter
   }, /* @__PURE__ */ React__default.createElement("hr", null), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.cardFooterContent,
@@ -108922,7 +109075,7 @@ const fieldChanged$2 = (currentValue, initialData) => {
   }
   return false;
 };
-const index$8 = ({ venueId, areas }) => {
+const index$8 = ({ venueId, areas, canEdit }) => {
   const [isOpenDrawer, setIsOpenDrawer] = useState(false);
   const { data: data2, isLoading, error: error3, reload } = useFetch(GetTableManagement, { cacheId: "table0management", venue_id: venueId });
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -108930,7 +109083,8 @@ const index$8 = ({ venueId, areas }) => {
   }, /* @__PURE__ */ React__default.createElement(AreaManagementCard, {
     isOpenDrawer,
     setIsOpenDrawer,
-    data: data2
+    data: data2,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(TableEditDrawer, {
     data: data2,
     areasList: areas,
@@ -108950,7 +109104,7 @@ const TimeFormatter = ({ seconds: seconds2, type: type4 = "hours" }) => {
        ${minutes2 && minutes2 !== 0 ? minutes2 + "m" : ""}
        `);
 };
-const ReservationDurationCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
+const ReservationDurationCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2, canEdit }) => {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ React__default.createElement(Card, {
     className: styles$a.sectionCard
@@ -108985,7 +109139,7 @@ const ReservationDurationCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 })
     }, (shift == null ? void 0 : shift.duration) ? /* @__PURE__ */ React__default.createElement(TimeFormatter, {
       seconds: shift == null ? void 0 : shift.duration
     }) : "---")));
-  }))), /* @__PURE__ */ React__default.createElement("div", {
+  }))), canEdit && /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.cardFooter
   }, /* @__PURE__ */ React__default.createElement("hr", null), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.cardFooterContent,
@@ -109032,10 +109186,10 @@ const ReservationDurationEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2
     try {
       for (const shift of formData.shifts) {
         if (shift.shift1Id && fieldChanged$1(shift, initialData)) {
-          await executeUpdater({ data: { duration: shift.shift1 }, venue_id: venueId, table_id: shift.shift1Id, module: "seatingRule" });
+          await executeUpdater({ data: { duration: shift.shift1 * 60 }, venue_id: venueId, table_id: shift.shift1Id, module: "seatingRule" });
         }
         if (shift.shift2Id && fieldChanged$1(shift, initialData)) {
-          await executeUpdater({ data: { duration: shift.shift2 }, venue_id: venueId, table_id: shift.shift2Id, module: "seatingRule" });
+          await executeUpdater({ data: { duration: shift.shift2 * 60 }, venue_id: venueId, table_id: shift.shift2Id, module: "seatingRule" });
         }
       }
       reload();
@@ -109050,9 +109204,9 @@ const ReservationDurationEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2
         var _a3, _b, _c, _d;
         return {
           partySize: Number(partySize),
-          shift1: `${(_a3 = shifts[0]) == null ? void 0 : _a3.duration}` || null,
+          shift1: `${((_a3 = shifts[0]) == null ? void 0 : _a3.duration) / 60}` || null,
           shift1Id: ((_b = shifts[0]) == null ? void 0 : _b.id) || null,
-          shift2: `${(_c = shifts[1]) == null ? void 0 : _c.duration}` || null,
+          shift2: `${((_c = shifts[1]) == null ? void 0 : _c.duration) / 60}` || null,
           shift2Id: ((_d = shifts[1]) == null ? void 0 : _d.id) || null
         };
       });
@@ -109113,7 +109267,7 @@ const fieldChanged$1 = (currentValue, initialData) => {
   }
   return true;
 };
-const index$7 = ({ venueId }) => {
+const index$7 = ({ venueId, canEdit }) => {
   const [isOpenDrawer, setIsOpenDrawer] = useState(false);
   const { data: data2, isLoading, error: error3, reload } = useFetch(GetSeatingRules, { cacheId: "reservation0duration", venue_id: venueId });
   const [formatedData, setformatedData] = useState(null);
@@ -109131,7 +109285,8 @@ const index$7 = ({ venueId }) => {
   }, /* @__PURE__ */ React__default.createElement(ReservationDurationCard, {
     isOpenDrawer,
     setIsOpenDrawer,
-    data: formatedData
+    data: formatedData,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(ReservationDurationEditDrawer, {
     data: formatedData,
     isOpen: isOpenDrawer,
@@ -109140,7 +109295,7 @@ const index$7 = ({ venueId }) => {
     reload
   }));
 };
-const SpecialDatesCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
+const SpecialDatesCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2, canEdit }) => {
   const getOrdinal = (n2) => {
     const s2 = ["th", "st", "nd", "rd"];
     const v2 = n2 % 100;
@@ -109171,7 +109326,7 @@ const SpecialDatesCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
     style: { textAlign: "center" }
   }, t2("CLOSED")) : /* @__PURE__ */ React__default.createElement("p", {
     style: { textAlign: "center" }
-  }, t2("SPECIAL_SHIFTS")))))), /* @__PURE__ */ React__default.createElement("div", {
+  }, t2("SPECIAL_SHIFTS")))))), canEdit && /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.cardFooter
   }, /* @__PURE__ */ React__default.createElement("hr", null), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.cardFooterContent,
@@ -109352,7 +109507,9 @@ const SpecialDatesEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reloa
     titleDesc: t2("SPECIAL_DATES_DESC")
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.drawerContent
-  }, /* @__PURE__ */ React__default.createElement("div", {
+  }, /* @__PURE__ */ React__default.createElement("p", {
+    className: styles$a.specialDatesInfoText
+  }, t2("SPECIAL_DATES_DESC2")), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.scrollableForm,
     ref: scrollableRef
   }, fields.map((item2, index2) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, {
@@ -109373,13 +109530,13 @@ const SpecialDatesEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reloa
     control,
     id: `dates.${index2}.startDate`,
     name: `dates.${index2}.startDate`,
-    label: t2("From"),
+    label: t2("StartDate"),
     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"),
+    label: t2("EndDate"),
     type: "date"
   })), /* @__PURE__ */ React__default.createElement("div", {
     style: { marginTop: 20 }
@@ -109452,7 +109609,7 @@ const fieldChanged = (currentValue, initialData) => {
   }
   return false;
 };
-const index$6 = ({ venueId }) => {
+const index$6 = ({ venueId, canEdit }) => {
   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", {
@@ -109460,7 +109617,8 @@ const index$6 = ({ venueId }) => {
   }, /* @__PURE__ */ React__default.createElement(SpecialDatesCard, {
     isOpenDrawer,
     setIsOpenDrawer,
-    data: data2
+    data: data2,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(SpecialDatesEditDrawer, {
     data: data2,
     isOpen: isOpenDrawer,
@@ -109469,7 +109627,7 @@ const index$6 = ({ venueId }) => {
     reload
   }));
 };
-const ShiftsCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
+const ShiftsCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2, canEdit }) => {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ React__default.createElement(Card, {
     className: styles$a.sectionCard
@@ -109496,7 +109654,7 @@ const ShiftsCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
     }, (_c = (_b = (_a2 = day2 == null ? void 0 : day2.timeslots) == null ? void 0 : _a2[0]) == null ? void 0 : _b.start) != null ? _c : "--", " - ", (_f = (_e2 = (_d = day2 == null ? void 0 : day2.timeslots) == null ? void 0 : _d[0]) == null ? void 0 : _e2.end) != null ? _f : "--"), /* @__PURE__ */ React__default.createElement("p", {
       style: { textAlign: "center" }
     }, (_i = (_h = (_g = day2 == null ? void 0 : day2.timeslots) == null ? void 0 : _g[1]) == null ? void 0 : _h.start) != null ? _i : "--", " - ", (_l = (_k = (_j = day2 == null ? void 0 : day2.timeslots) == null ? void 0 : _j[1]) == null ? void 0 : _k.end) != null ? _l : "--")));
-  }))), /* @__PURE__ */ React__default.createElement("div", {
+  }))), canEdit && /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.cardFooter
   }, /* @__PURE__ */ React__default.createElement("hr", null), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.cardFooterContent,
@@ -109661,7 +109819,7 @@ const ShiftsEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reload }) =
     onClick: () => onSubmit()
   }, t2("SAVE")))));
 };
-const index$5 = ({ venueId }) => {
+const index$5 = ({ venueId, canEdit }) => {
   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 });
@@ -109680,7 +109838,8 @@ const index$5 = ({ venueId }) => {
   }, /* @__PURE__ */ React__default.createElement(ShiftsCard, {
     isOpenDrawer,
     setIsOpenDrawer,
-    data: formatedData
+    data: formatedData,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(ShiftsEditDrawer, {
     data: formatedData,
     isOpen: isOpenDrawer,
@@ -109689,7 +109848,7 @@ const index$5 = ({ venueId }) => {
     reload
   }));
 };
-const ReservationPreferencesCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
+const ReservationPreferencesCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2, canEdit }) => {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ React__default.createElement(Card, {
     className: styles$a.sectionCard
@@ -109715,7 +109874,7 @@ const ReservationPreferencesCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2
     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", {
+  }, data2 == null ? void 0 : data2.slotDuration, " min")))), canEdit && /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.cardFooter
   }, /* @__PURE__ */ React__default.createElement("hr", null), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.cardFooterContent,
@@ -109815,7 +109974,7 @@ const ReservationPreferencesEditDrawer = ({ isOpen, setIsOpen, venueId, data: da
     onClick: () => onSubmit()
   }, t2("SAVE")))));
 };
-const index$4 = ({ venueId }) => {
+const index$4 = ({ venueId, canEdit }) => {
   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", {
@@ -109823,7 +109982,8 @@ const index$4 = ({ venueId }) => {
   }, /* @__PURE__ */ React__default.createElement(ReservationPreferencesCard, {
     isOpenDrawer,
     setIsOpenDrawer,
-    data: data2
+    data: data2,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(ReservationPreferencesEditDrawer, {
     data: data2,
     isOpen: isOpenDrawer,
@@ -109861,9 +110021,17 @@ const formatVenueData = (data2) => {
   return { bookableAreas: data2.bookableAreas };
 };
 function Main$1({ venueId }) {
+  var _a2;
   const { t: t2 } = useTranslation();
   const [currentVenue, setCurrentVenue] = useState(null);
+  const [canEdit, setCanEdit] = useState(false);
   const { data: data2, isLoading, error: error3, reload } = useFetch(GetAreaManagement, { cacheId: "area0management", venue_id: currentVenue });
+  const roles = (_a2 = userData == null ? void 0 : userData.roles) != null ? _a2 : [];
+  useEffect(() => {
+    if (!roles.includes("COMPANY_USER")) {
+      setCanEdit(true);
+    }
+  }, [roles]);
   useEffect(() => {
     setCurrentVenue(venueId);
   }, [venueId]);
@@ -109876,20 +110044,26 @@ function Main$1({ venueId }) {
   }, /* @__PURE__ */ React__default.createElement(index$9, {
     areas: data2,
     reloadAreas: reload,
-    venueId: currentVenue
+    venueId: currentVenue,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(index$8, {
     areas: data2,
-    venueId: currentVenue
+    venueId: currentVenue,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(index$7, {
-    venueId: currentVenue
+    venueId: currentVenue,
+    canEdit
   })), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.content
   }, /* @__PURE__ */ React__default.createElement(index$5, {
-    venueId: currentVenue
+    venueId: currentVenue,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(index$6, {
-    venueId: currentVenue
+    venueId: currentVenue,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(index$4, {
-    venueId: currentVenue
+    venueId: currentVenue,
+    canEdit
   })));
 }
 const mainConatiner = "_mainConatiner_kqq6g_70";
@@ -109928,7 +110102,7 @@ var styles$7 = {
   scrollableForm,
   fixedActions
 };
-const EmailsCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
+const EmailsCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2, canEdit }) => {
   var _a2;
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ React__default.createElement(Card, {
@@ -109951,7 +110125,7 @@ const EmailsCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
     style: { display: "flex", alignItems: "center<", gap: 10 }
   }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Icon, {
     icon: "mail"
-  })), t2("NOTDEFINED"))), /* @__PURE__ */ React__default.createElement("div", {
+  })), t2("NOTDEFINED"))), canEdit && /* @__PURE__ */ React__default.createElement("div", {
     className: styles$7.cardFooter
   }, /* @__PURE__ */ React__default.createElement("hr", null), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$7.cardFooterContent,
@@ -110045,14 +110219,15 @@ const EmailEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reload }) =>
     onClick: () => onSubmit()
   }, t2("SAVE")))));
 };
-const index$3 = ({ venueId, data: data2, reload }) => {
+const index$3 = ({ venueId, data: data2, reload, canEdit }) => {
   const [isOpenDrawer, setIsOpenDrawer] = useState(false);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: styles$7.sectionManagement
   }, /* @__PURE__ */ React__default.createElement(EmailsCard, {
     isOpenDrawer,
     setIsOpenDrawer,
-    data: data2
+    data: data2,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(EmailEditDrawer, {
     data: data2,
     isOpen: isOpenDrawer,
@@ -110061,7 +110236,7 @@ const index$3 = ({ venueId, data: data2, reload }) => {
     reload
   }));
 };
-const ReservationsCard = ({ data: data2, reload }) => {
+const ReservationsCard = ({ data: data2, reload, canEdit }) => {
   const { t: t2 } = useTranslation();
   const { isExecuting, execute } = useService(UpdateUserNotificationSettings, {
     onSuccess: async () => {
@@ -110108,6 +110283,7 @@ const ReservationsCard = ({ data: data2, reload }) => {
     id: "bookingCreation",
     name: "bookingCreation",
     label: t2("NEWBOOKINGS"),
+    disabled: !canEdit,
     onChangeEvent: (e3) => {
       execute({ data: { ...getValues(), bookingCreation: e3.target.checked } });
     }
@@ -110116,6 +110292,7 @@ const ReservationsCard = ({ data: data2, reload }) => {
     id: "bookingAmendment",
     name: "bookingAmendment",
     label: t2("BOOKINGAMEND"),
+    disabled: !canEdit,
     onChangeEvent: (e3) => {
       execute({ data: { ...getValues(), bookingAmendment: e3.target.checked } });
     }
@@ -110124,20 +110301,22 @@ const ReservationsCard = ({ data: data2, reload }) => {
     id: "bookingCancellation",
     name: "bookingCancellation",
     label: t2("CANCELLATIONS"),
+    disabled: !canEdit,
     onChangeEvent: (e3) => {
       execute({ data: { ...getValues(), bookingCancellation: e3.target.checked } });
     }
   }))));
 };
-const index$2 = ({ venueId, data: data2, reload }) => {
+const index$2 = ({ venueId, data: data2, reload, canEdit }) => {
   return /* @__PURE__ */ React__default.createElement("div", {
     className: styles$7.sectionManagement
   }, /* @__PURE__ */ React__default.createElement(ReservationsCard, {
     data: data2,
-    reload
+    reload,
+    canEdit
   }));
 };
-const ReviewsCard = ({ data: data2, reload }) => {
+const ReviewsCard = ({ data: data2, reload, canEdit }) => {
   const { t: t2 } = useTranslation();
   const { isExecuting, execute } = useService(UpdateUserNotificationSettings, {
     onSuccess: async () => {
@@ -110183,6 +110362,7 @@ const ReviewsCard = ({ data: data2, reload }) => {
     id: "allReviewAlert",
     name: "allReviewAlert",
     label: t2("ALLREVIEWS"),
+    disabled: !canEdit,
     onChangeEvent: (e3) => {
       execute({ data: { ...getValues(), allReviewAlert: e3.target.checked } });
     }
@@ -110191,20 +110371,22 @@ const ReviewsCard = ({ data: data2, reload }) => {
     id: "negativeReviewAlert",
     name: "negativeReviewAlert",
     label: t2("NEGATIVEREVIEWS1"),
+    disabled: !canEdit,
     onChangeEvent: (e3) => {
       execute({ data: { ...getValues(), negativeReviewAlert: e3.target.checked } });
     }
   }))));
 };
-const index$1 = ({ venueId, data: data2, reload }) => {
+const index$1 = ({ venueId, data: data2, reload, canEdit }) => {
   return /* @__PURE__ */ React__default.createElement("div", {
     className: styles$7.sectionManagement
   }, /* @__PURE__ */ React__default.createElement(ReviewsCard, {
     data: data2,
-    reload
+    reload,
+    canEdit
   }));
 };
-const ReviewsReportCard = ({ data: data2, reload }) => {
+const ReviewsReportCard = ({ data: data2, reload, canEdit }) => {
   const { t: t2 } = useTranslation();
   const { isExecuting, execute } = useService(UpdateUserNotificationSettings, {
     onSuccess: async () => {
@@ -110248,6 +110430,7 @@ const ReviewsReportCard = ({ data: data2, reload }) => {
     style: { display: "flex", flexDirection: "column", gap: 20 }
   }, /* @__PURE__ */ React__default.createElement(SwitchField, {
     control,
+    disabled: !canEdit,
     id: "dailyReport",
     name: "dailyReport",
     label: t2("DAILYREPORT"),
@@ -110256,6 +110439,7 @@ const ReviewsReportCard = ({ data: data2, reload }) => {
     }
   }), /* @__PURE__ */ React__default.createElement(SwitchField, {
     control,
+    disabled: !canEdit,
     id: "weeklyReport",
     name: "weeklyReport",
     label: t2("WEEKLYREPORT"),
@@ -110264,6 +110448,7 @@ const ReviewsReportCard = ({ data: data2, reload }) => {
     }
   }), /* @__PURE__ */ React__default.createElement(SwitchField, {
     control,
+    disabled: !canEdit,
     id: "monthlyReport",
     name: "monthlyReport",
     label: t2("MONTHLYREPORT"),
@@ -110272,23 +110457,32 @@ const ReviewsReportCard = ({ data: data2, reload }) => {
     }
   }))));
 };
-const index = ({ venueId, data: data2, reload }) => {
+const index = ({ venueId, data: data2, reload, canEdit }) => {
   return /* @__PURE__ */ React__default.createElement("div", {
     className: styles$7.sectionManagement
   }, /* @__PURE__ */ React__default.createElement(ReviewsReportCard, {
     data: data2,
-    reload
+    reload,
+    canEdit
   }));
 };
 function Main({ venueId }) {
+  var _a2;
   const { t: t2 } = useTranslation();
   const [currentVenue, setCurrentVenue] = useState(null);
+  const [canEdit, setCanEdit] = useState(false);
+  const roles = (_a2 = userData == null ? void 0 : userData.roles) != null ? _a2 : [];
   const { data: data2, isLoading, error: error3, reload } = useFetch(
     GetUserNotificationSettings,
     {
       cacheId: `user-notifications-settings`
     }
   );
+  useEffect(() => {
+    if (!roles.includes("COMPANY_USER")) {
+      setCanEdit(true);
+    }
+  }, [roles]);
   useEffect(() => {
     setCurrentVenue(venueId);
   }, [venueId]);
@@ -110301,19 +110495,23 @@ function Main({ venueId }) {
   }, /* @__PURE__ */ React__default.createElement(index$3, {
     venueId: currentVenue,
     data: data2,
-    reload
+    reload,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(index$2, {
     venueId: currentVenue,
     data: data2,
-    reload
+    reload,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(index$1, {
     venueId: currentVenue,
     data: data2,
-    reload
+    reload,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(index, {
     venueId: currentVenue,
     data: data2,
-    reload
+    reload,
+    canEdit
   })));
 }
 const defaultValue = {