mozrest-sdk-react-dev 0.2.82 → 0.2.83

package/mozrest-sdk.es.js

@@ -77091,7 +77091,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 +77124,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 +77154,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 +77474,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 }) => {
@@ -96415,7 +96415,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 +97071,8 @@ const GetTableManagement = async ({
     `resbook/venue/${venue_id}/tables`,
     {
       params: {
-        "sortby[orderPriority]": "ASC"
+        "sortby[name]": "ASC",
+        limit: 100
       }
     }
   );
@@ -97270,7 +97271,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 +97551,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 +98628,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 +100197,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,47 +103093,47 @@ 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_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";
 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_1px60_84",
+  "mainSidebarContainer--close": "_mainSidebarContainer--close_1px60_90",
+  "sidebarCloseIcon--show": "_sidebarCloseIcon--show_1px60_98",
   headerContainer,
   searchContainer,
   buttonList,
@@ -103163,6 +103164,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 +104598,7 @@ const clock = () => {
 };
 var icons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  Spinner,
   LetterX,
   TrashX,
   EyeOff,
@@ -107685,7 +107728,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 +107790,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);
@@ -108162,44 +108208,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";
@@ -108475,8 +108483,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,21 +108512,20 @@ const fieldChanged$3 = (currentValue, initialData) => {
   }
   return false;
 };
-const index$9 = ({ venueId }) => {
+const index$9 = ({ venueId, reloadAreas, areas }) => {
   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
   }), /* @__PURE__ */ React__default.createElement(AreaEditDrawer, {
-    data: data2,
+    data: areas,
     isOpen: isOpenDrawer,
     setIsOpen: setIsOpenDrawer,
     venueId,
-    reload
+    reload: reloadAreas
   }));
 };
 const AreaManagementCard = ({ isOpenDrawer, setIsOpenDrawer, data: data2 }) => {
@@ -108694,6 +108703,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 +108779,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 +108833,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 +108882,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 +108890,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,10 +108922,9 @@ const fieldChanged$2 = (currentValue, initialData) => {
   }
   return false;
 };
-const index$8 = ({ venueId }) => {
+const index$8 = ({ venueId, areas }) => {
   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, {
@@ -108909,7 +108933,7 @@ const index$8 = ({ venueId }) => {
     data: data2
   }), /* @__PURE__ */ React__default.createElement(TableEditDrawer, {
     data: data2,
-    areasList,
+    areasList: areas,
     isOpen: isOpenDrawer,
     setIsOpen: setIsOpenDrawer,
     venueId,
@@ -109041,8 +109065,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 +109097,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()
@@ -109211,6 +109237,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 +109319,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 +109353,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 +109410,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()
@@ -109612,9 +109653,10 @@ 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")))));
@@ -109764,8 +109806,10 @@ 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()
@@ -109788,9 +109832,38 @@ 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 }) {
   const { t: t2 } = useTranslation();
   const [currentVenue, setCurrentVenue] = useState(null);
+  const { data: data2, isLoading, error: error3, reload } = useFetch(GetAreaManagement, { cacheId: "area0management", venue_id: currentVenue });
   useEffect(() => {
     setCurrentVenue(venueId);
   }, [venueId]);
@@ -109801,8 +109874,11 @@ 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, {
+    areas: data2,
+    reloadAreas: reload,
     venueId: currentVenue
   }), /* @__PURE__ */ React__default.createElement(index$8, {
+    areas: data2,
     venueId: currentVenue
   }), /* @__PURE__ */ React__default.createElement(index$7, {
     venueId: currentVenue

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mozrest-sdk-react-dev",
-  "version": "0.2.82",
+  "version": "0.2.83",
   "main": "mozrest-sdk.es.js",
   "keywords": ["mozrest"],
   "author": {