mozrest-sdk-react-dev 0.2.82 → 0.2.84

package/mozrest-sdk.es.js

@@ -39583,10 +39583,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", {
@@ -77091,7 +77093,7 @@ var styles$1u = {
   spinner,
   spin
 };
-const Spinner = ({ size = 20, color: color2 = "black" }) => {
+const Spinner$1 = ({ size = 20, color: color2 = "black" }) => {
   const spinnerStyle = {
     width: size,
     height: size,
@@ -77124,7 +77126,7 @@ const StatsCard = ({
     if (loadingValue) {
       return /* @__PURE__ */ React__default.createElement("div", {
         style: { marginTop: 20, marginBottom: 30 }
-      }, /* @__PURE__ */ React__default.createElement(Spinner, {
+      }, /* @__PURE__ */ React__default.createElement(Spinner$1, {
         size: 50
       }));
     }
@@ -77154,7 +77156,7 @@ const StatsCard = ({
     })
   }, comparison2 !== 0 ? arrow : /* @__PURE__ */ React__default.createElement("span", {
     style: { height: 20 }
-  }), !loadingComparison ? /* @__PURE__ */ React__default.createElement("span", null, comparison2 === 0 ? "" : `${comparison2} %`) : /* @__PURE__ */ React__default.createElement(Spinner, {
+  }), !loadingComparison ? /* @__PURE__ */ React__default.createElement("span", null, comparison2 === 0 ? "" : `${comparison2} %`) : /* @__PURE__ */ React__default.createElement(Spinner$1, {
     size: 15
   })), children) : /* @__PURE__ */ React__default.createElement(SkeletonStatCard, null));
 };
@@ -77474,7 +77476,7 @@ const Param = ({
   className: styles$1s.param
 }, /* @__PURE__ */ React__default.createElement("span", {
   className: styles$1s.title
-}, title2, tooltip2 && /* @__PURE__ */ React__default.createElement(Tooltip$2, null, tooltip2)), loadingValue ? /* @__PURE__ */ React__default.createElement(Spinner, {
+}, title2, tooltip2 && /* @__PURE__ */ React__default.createElement(Tooltip$2, null, tooltip2)), loadingValue ? /* @__PURE__ */ React__default.createElement(Spinner$1, {
   size: 15
 }) : /* @__PURE__ */ React__default.createElement("span", null, value2));
 const ParamsList = ({ params }) => {
@@ -96304,7 +96306,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,
     {
@@ -96415,7 +96416,7 @@ const GetOpeningHours = async ({
   venue_id
 }) => {
   try {
-    const responseData = await instance$1.get(`/resbook/venue/${venue_id}/opening-hours`);
+    const responseData = await instance$1.get(`/resbook/venue/${venue_id}/opening-hours?limit=100`);
     if (!responseData || typeof responseData !== "object") {
       console.error("Error fetching opening hours data: Invalid response data");
       return [];
@@ -97071,7 +97072,8 @@ const GetTableManagement = async ({
     `resbook/venue/${venue_id}/tables`,
     {
       params: {
-        "sortby[orderPriority]": "ASC"
+        "sortby[name]": "ASC",
+        limit: 100
       }
     }
   );
@@ -97270,7 +97272,7 @@ const GetArrivalRules = async ({
   venue_id
 }) => {
   const responseData = await instance$1.get(
-    `/resbook/venue/${venue_id}/arrival-rules`
+    `/resbook/venue/${venue_id}/arrival-rules?limit=100`
   );
   const data2 = responseData.data;
   return formatData$4(data2);
@@ -97550,7 +97552,7 @@ const GetSpecialDates = async ({
   venue_id
 }) => {
   const responseData = await instance$1.get(
-    `/resbook/venue/${venue_id}/special-dates`
+    `/resbook/venue/${venue_id}/special-dates?limit=100`
   );
   const data2 = responseData.data;
   return formatData$3(data2);
@@ -98627,10 +98629,10 @@ const GetCreateBookingSelectsData = async ({
 }) => {
   if (!venue_id)
     return;
-  const responseVenueData = await instance$1.get(`/v1/rms/venues/${venue_id}`);
-  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 responseVenueData = await instance$1.get(`/v1/rms/venues/${venue_id}?limit=100`);
+  const responseAreas = await instance$1.get(`/v1/rms/venues/${venue_id}/areas?limit=100`);
+  const responseHours = await instance$1.get(`/resbook/venue/${venue_id}/opening-hours?limit=100`);
+  const responseTables = await instance$1.get(`/resbook/venue/${venue_id}/tables?sortby[orderPriority]=ASC&limit=100`);
   const responseChannels = await instance$1.get(`/resbook/smart-channels`);
   const data2 = {
     partySizes: formatPartySizeData(responseVenueData),
@@ -100196,7 +100198,7 @@ const GetTableAvailability = async ({
     const responseData = await instance$1.get(
       `/resbook/venue/${venue_id}/table-availablity`,
       {
-        params: { ...params, limit: 100 }
+        params: { ...params, "sortby[orderPriority]": "ASC", limit: 100 }
       }
     );
     const data2 = responseData != null ? responseData : [];
@@ -103092,56 +103094,61 @@ const ReservationsAnalytics = ({ userEmail, userFullName }) => {
     totalDays
   }));
 };
-const mainConatiner$2 = "_mainConatiner_1kgdn_48";
-const mainTableContainer = "_mainTableContainer_1kgdn_58";
-const mainSidebarContainer = "_mainSidebarContainer_1kgdn_66";
-const sidebarCloseIcon = "_sidebarCloseIcon_1kgdn_76";
-const headerContainer = "_headerContainer_1kgdn_128";
-const searchContainer = "_searchContainer_1kgdn_134";
-const buttonList = "_buttonList_1kgdn_142";
-const buttonItem = "_buttonItem_1kgdn_147";
-const tableTopHeader = "_tableTopHeader_1kgdn_157";
-const tableTopHeaderContent = "_tableTopHeaderContent_1kgdn_171";
-const tableTopHeaderContentText = "_tableTopHeaderContentText_1kgdn_178";
-const tableRowContainer = "_tableRowContainer_1kgdn_187";
-const tableRowCard = "_tableRowCard_1kgdn_193";
-const noData = "_noData_1kgdn_198";
-const tableRowHour = "_tableRowHour_1kgdn_205";
-const tableRowHourText = "_tableRowHourText_1kgdn_221";
-const hours = "_hours_1kgdn_229";
-const tableRowContent = "_tableRowContent_1kgdn_235";
-const rowImage = "_rowImage_1kgdn_250";
-const rowContactContainer = "_rowContactContainer_1kgdn_264";
-const rowContactText = "_rowContactText_1kgdn_276";
-const rowContactPhone = "_rowContactPhone_1kgdn_282";
-const rowSectionContainer = "_rowSectionContainer_1kgdn_289";
-const rowSectionText = "_rowSectionText_1kgdn_295";
-const rowSectionSecText = "_rowSectionSecText_1kgdn_301";
-const rowActionButton = "_rowActionButton_1kgdn_308";
-const bookingInfoContainer = "_bookingInfoContainer_1kgdn_314";
-const bookingInfoCardRow = "_bookingInfoCardRow_1kgdn_318";
-const bookingInfoCardContainer = "_bookingInfoCardContainer_1kgdn_326";
-const bookingInfoCard = "_bookingInfoCard_1kgdn_318";
-const bookingInfoCardContent = "_bookingInfoCardContent_1kgdn_338";
-const bookingInfoCardTitle = "_bookingInfoCardTitle_1kgdn_344";
-const bookingInfoCardText = "_bookingInfoCardText_1kgdn_347";
+const mainConatiner$2 = "_mainConatiner_1mwxr_48";
+const mainTableContainer = "_mainTableContainer_1mwxr_58";
+const mainSidebarContainer = "_mainSidebarContainer_1mwxr_66";
+const sidebarCloseIcon = "_sidebarCloseIcon_1mwxr_76";
+const headerContainer = "_headerContainer_1mwxr_128";
+const searchContainer = "_searchContainer_1mwxr_134";
+const buttonList = "_buttonList_1mwxr_142";
+const buttonItem = "_buttonItem_1mwxr_147";
+const addReservationButton = "_addReservationButton_1mwxr_156";
+const tableTopHeader = "_tableTopHeader_1mwxr_165";
+const tableTopHeaderContent = "_tableTopHeaderContent_1mwxr_179";
+const tableTopHeaderContentText = "_tableTopHeaderContentText_1mwxr_186";
+const tableRowContainer = "_tableRowContainer_1mwxr_195";
+const tableRowCard = "_tableRowCard_1mwxr_201";
+const fadeInX = "_fadeInX_1mwxr_1";
+const noData = "_noData_1mwxr_209";
+const tableRowHour = "_tableRowHour_1mwxr_216";
+const tableRowHourText = "_tableRowHourText_1mwxr_232";
+const hours = "_hours_1mwxr_240";
+const tableRowContent = "_tableRowContent_1mwxr_246";
+const rowImage = "_rowImage_1mwxr_261";
+const rowContactContainer = "_rowContactContainer_1mwxr_275";
+const rowContactText = "_rowContactText_1mwxr_287";
+const rowContactPhone = "_rowContactPhone_1mwxr_293";
+const rowSectionContainer = "_rowSectionContainer_1mwxr_300";
+const rowSection = "_rowSection_1mwxr_300";
+const rowSectionText = "_rowSectionText_1mwxr_313";
+const rowSectionSecText = "_rowSectionSecText_1mwxr_319";
+const rowActionButton = "_rowActionButton_1mwxr_326";
+const bookingInfoContainer = "_bookingInfoContainer_1mwxr_338";
+const bookingInfoCardRow = "_bookingInfoCardRow_1mwxr_342";
+const bookingInfoCardContainer = "_bookingInfoCardContainer_1mwxr_350";
+const bookingInfoCard = "_bookingInfoCard_1mwxr_342";
+const bookingInfoCardContent = "_bookingInfoCardContent_1mwxr_362";
+const bookingInfoCardTitle = "_bookingInfoCardTitle_1mwxr_368";
+const bookingInfoCardText = "_bookingInfoCardText_1mwxr_371";
 var styles$l = {
   mainConatiner: mainConatiner$2,
   mainTableContainer,
   mainSidebarContainer,
   sidebarCloseIcon,
-  "mainSidebarContainer--open": "_mainSidebarContainer--open_1kgdn_84",
-  "mainSidebarContainer--close": "_mainSidebarContainer--close_1kgdn_90",
-  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_1kgdn_98",
+  "mainSidebarContainer--open": "_mainSidebarContainer--open_1mwxr_84",
+  "mainSidebarContainer--close": "_mainSidebarContainer--close_1mwxr_90",
+  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_1mwxr_98",
   headerContainer,
   searchContainer,
   buttonList,
   buttonItem,
+  addReservationButton,
   tableTopHeader,
   tableTopHeaderContent,
   tableTopHeaderContentText,
   tableRowContainer,
   tableRowCard,
+  fadeInX,
   noData,
   tableRowHour,
   tableRowHourText,
@@ -103152,6 +103159,7 @@ var styles$l = {
   rowContactText,
   rowContactPhone,
   rowSectionContainer,
+  rowSection,
   rowSectionText,
   rowSectionSecText,
   rowActionButton,
@@ -103163,6 +103171,47 @@ var styles$l = {
   bookingInfoCardTitle,
   bookingInfoCardText
 };
+const Spinner = () => /* @__PURE__ */ React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+}, /* @__PURE__ */ React__default.createElement("rect", {
+  width: "24",
+  height: "24",
+  fill: "none"
+}), /* @__PURE__ */ React__default.createElement("g", {
+  fill: "none",
+  stroke: "currentColor",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: "2"
+}, /* @__PURE__ */ React__default.createElement("path", {
+  strokeDasharray: "16",
+  strokeDashoffset: "16",
+  d: "M12 3c4.97 0 9 4.03 9 9"
+}, /* @__PURE__ */ React__default.createElement("animate", {
+  fill: "freeze",
+  attributeName: "stroke-dashoffset",
+  dur: "0.3s",
+  values: "16;0"
+}), /* @__PURE__ */ React__default.createElement("animateTransform", {
+  attributeName: "transform",
+  dur: "1.5s",
+  repeatCount: "indefinite",
+  type: "rotate",
+  values: "0 12 12;360 12 12"
+})), /* @__PURE__ */ React__default.createElement("path", {
+  strokeDasharray: "64",
+  strokeDashoffset: "64",
+  strokeOpacity: "0.3",
+  d: "M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z"
+}, /* @__PURE__ */ React__default.createElement("animate", {
+  fill: "freeze",
+  attributeName: "stroke-dashoffset",
+  dur: "1.2s",
+  values: "64;0"
+}))));
 const LetterX = () => /* @__PURE__ */ React__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -104556,6 +104605,7 @@ const clock = () => {
 };
 var icons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  Spinner,
   LetterX,
   TrashX,
   EyeOff,
@@ -104636,14 +104686,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",
@@ -106810,9 +106860,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) => {
@@ -106832,10 +106890,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 = {
@@ -106955,7 +107140,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)
@@ -106993,17 +107178,39 @@ const index$c = ({ filters: filters2, setFilters }) => {
         setDatePickerOpen(false);
       }
     }, t2("TOMORROW")))
-  })), /* @__PURE__ */ React__default.createElement(Button, {
+  }), /* @__PURE__ */ React__default.createElement(Button, {
+    mode: "success",
+    onClick: () => setShowExportBookingConfirmationModal(true)
+  }, /* @__PURE__ */ React__default.createElement(Icon, {
+    icon: "download",
+    size: "xs"
+  }))), 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;
@@ -107142,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();
@@ -107210,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
@@ -107237,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,
@@ -107300,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,
@@ -107324,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
 };
@@ -107383,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", {
@@ -107414,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(
@@ -107447,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,
@@ -107478,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();
@@ -107662,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([]);
@@ -107685,7 +107855,7 @@ const index$a = ({ filtersData, venueId }) => {
   const bookingSchema = () => create$1().shape({
     source: create$4().test(
       "is-valid-partySize",
-      "Party Size is required",
+      "Source is required",
       (value2) => value2 !== null && typeof value2 === "object" && !!value2.value
     ).required(),
     date: create$2().required(),
@@ -107747,7 +107917,10 @@ const index$a = ({ filtersData, venueId }) => {
     {
       cacheId: "reservation0dashboard0table0availability",
       venue_id: venueId,
-      params: source2 && (source2 == null ? void 0 : source2.value) ? { startSec: moment$1.tz(`${date4} ${time2 == null ? void 0 : time2.value}`, currentTimeZone ? currentTimeZone : "").valueOf() / 1e3, partySize: partySize == null ? void 0 : partySize.value } : {}
+      params: source2 && (source2 == null ? void 0 : source2.value) ? {
+        startSec: moment$1.tz(`${date4} ${time2 == null ? void 0 : time2.value}`, currentTimeZone ? currentTimeZone : "").valueOf() / 1e3,
+        partySize: partySize == null ? void 0 : partySize.value
+      } : {}
     }
   );
   const { execute: executeCreate, data: responBookingCreate, isExecuting: loadingCreate } = useService(AddBooking);
@@ -107890,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",
@@ -107900,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",
@@ -107910,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",
@@ -107921,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",
@@ -107930,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",
@@ -107940,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",
@@ -107951,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",
@@ -107962,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",
@@ -107973,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",
@@ -107984,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",
@@ -107992,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", {
@@ -108001,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({
@@ -108063,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", {
@@ -108071,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,
@@ -108087,9 +108276,11 @@ 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";
@@ -108128,7 +108319,7 @@ var styles$a = {
   scrollableForm: scrollableForm$1,
   fixedActions: fixedActions$1
 };
-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
@@ -108152,7 +108343,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,
@@ -108162,44 +108353,6 @@ const AreaManagementCard$1 = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) =>
     }
   }, "more")));
 };
-const GetAreaManagement = async ({
-  venue_id
-}) => {
-  if (!venue_id)
-    return;
-  const responseData = await instance$1.get(
-    `/v1/rms/venues/${venue_id}/areas`
-  );
-  const responseVenueData = await instance$1.get(`/v1/rms/venues/${venue_id}`);
-  const data2 = {
-    areas: formatData$1(responseData.data),
-    ...formatVenueData(responseVenueData)
-  };
-  return data2;
-};
-const GetAreasList = async ({
-  venue_id
-}) => {
-  if (!venue_id)
-    return;
-  const responseData = await instance$1.get(
-    `/v1/rms/venues/${venue_id}/areas`
-  );
-  return formatData$1(responseData.data);
-};
-const formatData$1 = (data2) => {
-  return data2.map((item2) => {
-    var _a2;
-    return {
-      id: item2.id,
-      name: item2.name,
-      description: (_a2 = item2.description) != null ? _a2 : ""
-    };
-  });
-};
-const formatVenueData = (data2) => {
-  return { bookableAreas: data2.bookableAreas };
-};
 const drawer = "_drawer_1h00k_1";
 const drawer__overlay = "_drawer__overlay_1h00k_18";
 const drawer__content = "_drawer__content_1h00k_34";
@@ -108243,12 +108396,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 = ({
@@ -108271,10 +108425,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,
@@ -108286,6 +108443,7 @@ const SwitchField = ({ control, name, onChangeEvent, ...props }) => {
       name,
       value: value2 || "",
       label: props.label,
+      disabled: disabled2,
       onChange: (e3) => {
         onChange3(e3);
         if (onChangeEvent) {
@@ -108475,8 +108633,10 @@ const AreaEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reload }) =>
     type: "button",
     onClick: () => append2({ name: "", description: "" })
   }, t2("NEW_AREA")), isDirty && /* @__PURE__ */ React__default.createElement(Button, {
+    isLoading: loadingDelete || loadingCreate || loadingUpdate,
+    disabled: loadingDelete || loadingCreate || loadingUpdate,
     mode: "success",
-    icon: "check",
+    icon: loadingDelete || loadingCreate || loadingUpdate ? "Spinner" : "check",
     iconPosition: "right",
     type: "button",
     onClick: () => onSubmit()
@@ -108502,24 +108662,24 @@ const fieldChanged$3 = (currentValue, initialData) => {
   }
   return false;
 };
-const index$9 = ({ venueId }) => {
+const index$9 = ({ venueId, reloadAreas, areas, canEdit }) => {
   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", {
     className: styles$a.sectionManagement
   }, /* @__PURE__ */ React__default.createElement(AreaManagementCard$1, {
     isOpenDrawer,
     setIsOpenDrawer,
-    data: data2
+    data: areas,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(AreaEditDrawer, {
-    data: data2,
+    data: areas,
     isOpen: isOpenDrawer,
     setIsOpen: setIsOpenDrawer,
     venueId,
-    reload
+    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
@@ -108543,7 +108703,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,
@@ -108694,6 +108854,7 @@ const TableEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, areasList, r
   const [formattedAreaList, setFormattedAreaList] = useState([]);
   const [showConfirmationModal, setShowConfirmationModal] = useState(false);
   const [selectedTable, setSelectedTable] = useState(null);
+  const scrollableRef = useRef(null);
   const { isExecuting: loadingCreate, execute: executeCreator } = useService(CreateResbook, {});
   const { isExecuting: loadingUpdate, execute: executeUpdater } = useService(UpdateResbook, {});
   const { isExecuting: loadingDelete, execute: executeDeleter } = useService(DeleteResbook, {
@@ -108769,9 +108930,21 @@ const TableEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, areasList, r
       remove(index2);
     }
   };
+  const scrollToBottom = () => {
+    if (scrollableRef.current) {
+      scrollableRef.current.scrollTo({
+        top: scrollableRef.current.scrollHeight,
+        behavior: "smooth"
+      });
+    }
+  };
+  const handleAddNewTable = () => {
+    append2({ name: "", minCapacity: "", maxCapacity: "", area: null });
+    setTimeout(scrollToBottom, 0);
+  };
   useEffect(() => {
-    if (areasList) {
-      setFormattedAreaList(areasList.map((area) => ({ label: area.name, value: area.id })));
+    if (areasList && (areasList == null ? void 0 : areasList.areas)) {
+      setFormattedAreaList(areasList.areas.map((area) => ({ label: area.name, value: area.id })));
     }
   }, [areasList]);
   useEffect(() => {
@@ -108811,7 +108984,8 @@ const TableEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, areasList, r
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.drawerContent
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$a.scrollableForm
+    className: styles$a.scrollableForm,
+    ref: scrollableRef
   }, fields.map((item2, index2) => /* @__PURE__ */ React__default.createElement("div", {
     key: item2.id,
     className: styles$a.sectionFormRow
@@ -108859,7 +109033,7 @@ const TableEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, areasList, r
     id: `tables.${index2}.area`,
     name: `tables.${index2}.area`,
     label: "Area",
-    options: areasList ? areasList.map((area) => ({ label: area.name, value: area.id })) : []
+    options: areasList && (areasList == null ? void 0 : areasList.areas) ? areasList.areas.map((area) => ({ label: area.name, value: area.id })) : []
   }))))), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.fixedActions
   }, /* @__PURE__ */ React__default.createElement(Button, {
@@ -108867,10 +109041,12 @@ const TableEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, areasList, r
     icon: "plus",
     iconPosition: "right",
     type: "button",
-    onClick: () => append2({ name: "", description: "" })
+    onClick: handleAddNewTable
   }, t2("NEW_TABLE")), isDirty && /* @__PURE__ */ React__default.createElement(Button, {
+    isLoading: loadingDelete || loadingCreate || loadingUpdate,
+    disabled: loadingDelete || loadingCreate || loadingUpdate,
     mode: "success",
-    icon: "check",
+    icon: loadingDelete || loadingCreate || loadingUpdate ? "Spinner" : "check",
     iconPosition: "right",
     type: "button",
     onClick: () => onSubmit()
@@ -108897,19 +109073,19 @@ const fieldChanged$2 = (currentValue, initialData) => {
   }
   return false;
 };
-const index$8 = ({ venueId }) => {
+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 });
-  const { data: areasList, isLoading: isLoadingAreas, error: errorAreasList, reload: reloadAreasList } = useFetch(GetAreasList, { cacheId: "areas0list", venue_id: venueId });
   return /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.sectionManagement
   }, /* @__PURE__ */ React__default.createElement(AreaManagementCard, {
     isOpenDrawer,
     setIsOpenDrawer,
-    data: data2
+    data: data2,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(TableEditDrawer, {
     data: data2,
-    areasList,
+    areasList: areas,
     isOpen: isOpenDrawer,
     setIsOpen: setIsOpenDrawer,
     venueId,
@@ -108926,7 +109102,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
@@ -108961,7 +109137,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,
@@ -109008,10 +109184,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();
@@ -109026,9 +109202,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
         };
       });
@@ -109041,8 +109217,8 @@ const ReservationDurationEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2
   return /* @__PURE__ */ React__default.createElement(Drawer, {
     isOpen,
     onClose: () => setIsOpen(false),
-    title: t2("TABLE_MANAGEMENT"),
-    titleDesc: t2("TABLE_MANAGEMENT_DESC")
+    title: t2("RESERVATION_DURATION"),
+    titleDesc: t2("RESERVATION_DURATION_DESC")
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.drawerContent
   }, /* @__PURE__ */ React__default.createElement("div", {
@@ -109073,8 +109249,10 @@ const ReservationDurationEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2
   }))))), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.fixedActions
   }, isDirty && /* @__PURE__ */ React__default.createElement(Button, {
+    isLoading: loadingUpdate,
+    disabled: loadingUpdate,
     mode: "success",
-    icon: "check",
+    icon: loadingUpdate ? "Spinner" : "check",
     iconPosition: "right",
     type: "button",
     onClick: () => onSubmit()
@@ -109087,7 +109265,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);
@@ -109105,7 +109283,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,
@@ -109114,7 +109293,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;
@@ -109145,7 +109324,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,
@@ -109211,6 +109390,7 @@ const SpecialDatesEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reloa
   const [initialData, setInitialData] = useState(null);
   const [showConfirmationModal, setShowConfirmationModal] = useState(false);
   const [selectedDate, setSelectedDate] = useState(null);
+  const scrollableRef = useRef(null);
   const { isExecuting: loadingUpdate, execute: executeUpdater } = useService(UpdateResbook, {});
   const { isExecuting: loadingDelete, execute: executeDeleter } = useService(DeleteResbook, {
     onSuccess: () => {
@@ -109292,6 +109472,14 @@ const SpecialDatesEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reloa
       remove(index2);
     }
   };
+  const scrollToBottom = () => {
+    if (scrollableRef.current) {
+      scrollableRef.current.scrollTo({
+        top: scrollableRef.current.scrollHeight,
+        behavior: "smooth"
+      });
+    }
+  };
   useEffect(() => {
     if (data2) {
       const formatedData = data2.map((item2) => {
@@ -109318,7 +109506,8 @@ const SpecialDatesEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reloa
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.drawerContent
   }, /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$a.scrollableForm
+    className: styles$a.scrollableForm,
+    ref: scrollableRef
   }, fields.map((item2, index2) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, {
     key: item2.id
   }, /* @__PURE__ */ React__default.createElement("div", {
@@ -109374,10 +109563,15 @@ const SpecialDatesEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reloa
     icon: "plus",
     iconPosition: "right",
     type: "button",
-    onClick: () => append2({ closed: false, startDate: "", endDate: "" })
+    onClick: () => {
+      append2({ closed: false, startDate: "", endDate: "" });
+      setTimeout(scrollToBottom, 0);
+    }
   }, t2("ADD_SPECIAL_DATE")), isDirty && /* @__PURE__ */ React__default.createElement(Button, {
+    isLoading: loadingDelete || loadingUpdate,
+    disabled: loadingDelete || loadingUpdate,
     mode: "success",
-    icon: "check",
+    icon: loadingDelete || loadingUpdate ? "Spinner" : "check",
     iconPosition: "right",
     type: "button",
     onClick: () => onSubmit()
@@ -109411,7 +109605,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", {
@@ -109419,7 +109613,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,
@@ -109428,7 +109623,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
@@ -109455,7 +109650,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,
@@ -109612,14 +109807,15 @@ const ShiftsEditDrawer = ({ isOpen, setIsOpen, venueId, data: data2, reload }) =
   })), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.fixedActions
   }, isDirty && /* @__PURE__ */ React__default.createElement(Button, {
+    isLoading: loadingUpdate,
+    disabled: loadingUpdate,
     mode: "success",
-    icon: "check",
-    iconPosition: "right",
+    icon: loadingUpdate ? "Spinner" : "check",
     type: "button",
     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 });
@@ -109638,7 +109834,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,
@@ -109647,7 +109844,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
@@ -109673,7 +109870,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,
@@ -109764,14 +109961,16 @@ const ReservationPreferencesEditDrawer = ({ isOpen, setIsOpen, venueId, data: da
   }))), /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", justifyContent: "flex-end", gap: 10, marginTop: 30 }
   }, isDirty && /* @__PURE__ */ React__default.createElement(Button, {
+    isLoading: isExecuting,
+    disabled: isExecuting,
     mode: "success",
-    icon: "check",
+    icon: isExecuting ? "Spinner" : "check",
     iconPosition: "right",
     type: "button",
     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", {
@@ -109779,7 +109978,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,
@@ -109788,9 +109988,46 @@ const index$4 = ({ venueId }) => {
     reload
   }));
 };
+const GetAreaManagement = async ({
+  venue_id
+}) => {
+  if (!venue_id)
+    return;
+  const responseData = await instance$1.get(
+    `/v1/rms/venues/${venue_id}/areas?limit=100`
+  );
+  const responseVenueData = await instance$1.get(`/v1/rms/venues/${venue_id}`);
+  const data2 = {
+    areas: formatData$1(responseData.data),
+    ...formatVenueData(responseVenueData)
+  };
+  return data2;
+};
+const formatData$1 = (data2) => {
+  return data2.map((item2) => {
+    var _a2;
+    return {
+      id: item2.id,
+      name: item2.name,
+      description: (_a2 = item2.description) != null ? _a2 : ""
+    };
+  });
+};
+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]);
@@ -109801,19 +110038,28 @@ function Main$1({ venueId }) {
   }, /* @__PURE__ */ React__default.createElement("h2", null, t2("RESTAURANTSETUP"))), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$a.content
   }, /* @__PURE__ */ React__default.createElement(index$9, {
-    venueId: currentVenue
+    areas: data2,
+    reloadAreas: reload,
+    venueId: currentVenue,
+    canEdit
   }), /* @__PURE__ */ React__default.createElement(index$8, {
-    venueId: currentVenue
+    areas: data2,
+    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";
@@ -109852,7 +110098,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, {
@@ -109875,7 +110121,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,
@@ -109969,14 +110215,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,
@@ -109985,7 +110232,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 () => {
@@ -110032,6 +110279,7 @@ const ReservationsCard = ({ data: data2, reload }) => {
     id: "bookingCreation",
     name: "bookingCreation",
     label: t2("NEWBOOKINGS"),
+    disabled: !canEdit,
     onChangeEvent: (e3) => {
       execute({ data: { ...getValues(), bookingCreation: e3.target.checked } });
     }
@@ -110040,6 +110288,7 @@ const ReservationsCard = ({ data: data2, reload }) => {
     id: "bookingAmendment",
     name: "bookingAmendment",
     label: t2("BOOKINGAMEND"),
+    disabled: !canEdit,
     onChangeEvent: (e3) => {
       execute({ data: { ...getValues(), bookingAmendment: e3.target.checked } });
     }
@@ -110048,20 +110297,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 () => {
@@ -110107,6 +110358,7 @@ const ReviewsCard = ({ data: data2, reload }) => {
     id: "allReviewAlert",
     name: "allReviewAlert",
     label: t2("ALLREVIEWS"),
+    disabled: !canEdit,
     onChangeEvent: (e3) => {
       execute({ data: { ...getValues(), allReviewAlert: e3.target.checked } });
     }
@@ -110115,20 +110367,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 () => {
@@ -110172,6 +110426,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"),
@@ -110180,6 +110435,7 @@ const ReviewsReportCard = ({ data: data2, reload }) => {
     }
   }), /* @__PURE__ */ React__default.createElement(SwitchField, {
     control,
+    disabled: !canEdit,
     id: "weeklyReport",
     name: "weeklyReport",
     label: t2("WEEKLYREPORT"),
@@ -110188,6 +110444,7 @@ const ReviewsReportCard = ({ data: data2, reload }) => {
     }
   }), /* @__PURE__ */ React__default.createElement(SwitchField, {
     control,
+    disabled: !canEdit,
     id: "monthlyReport",
     name: "monthlyReport",
     label: t2("MONTHLYREPORT"),
@@ -110196,23 +110453,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]);
@@ -110225,19 +110491,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 = {