mozrest-sdk-react-dev 0.2.80 → 0.2.82

package/mozrest-sdk.es.js

@@ -28756,7 +28756,7 @@ var now_1 = now$1;
 var isObject$c = isObject_1, now = now_1, toNumber = toNumber_1;
 var FUNC_ERROR_TEXT$3 = "Expected a function";
 var nativeMax$3 = Math.max, nativeMin = Math.min;
-function debounce$1(func, wait, options2) {
+function debounce$2(func, wait, options2) {
   var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
   if (typeof func != "function") {
     throw new TypeError(FUNC_ERROR_TEXT$3);
@@ -28837,7 +28837,7 @@ function debounce$1(func, wait, options2) {
   debounced.flush = flush;
   return debounced;
 }
-var debounce_1 = debounce$1;
+var debounce_1 = debounce$2;
 var RowContext = /* @__PURE__ */ createContext({});
 var RowContext$1 = RowContext;
 var __rest$7 = globalThis && globalThis.__rest || function(s2, e3) {
@@ -53997,6 +53997,9 @@ const Notifications = ({
       cacheId: `user-data`
     }
   );
+  const showAiPrompt = userData2 == null ? void 0 : userData2.roles.some(
+    (role) => role === "ROLE_COMPANY_SUPER_ADMIN" || role === "ROLE_COMPANY_SUPER_ADMIN_BOT"
+  );
   const _reload = () => {
     reload();
   };
@@ -54078,7 +54081,7 @@ const Notifications = ({
       className: styles$1D.item
     }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Icon$2, {
       icon: "mail"
-    })), t2("NOTDEFINED"))), ((_a3 = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _a3.company) && /* @__PURE__ */ React__default.createElement(Card, {
+    })), t2("NOTDEFINED"))), ((_a3 = userData2 == null ? void 0 : userData2.data) == null ? void 0 : _a3.company) && showAiPrompt && /* @__PURE__ */ React__default.createElement(Card, {
       header: {
         title: t2("AIPROMPT"),
         icon: "edit",
@@ -74729,7 +74732,7 @@ var findIndex_1 = findIndex$2;
 var createFind = _createFind, findIndex$1 = findIndex_1;
 var find2 = createFind(findIndex$1);
 var find_1 = find2;
-var debounce = debounce_1, isObject$2 = isObject_1;
+var debounce$1 = debounce_1, isObject$2 = isObject_1;
 var FUNC_ERROR_TEXT = "Expected a function";
 function throttle(func, wait, options2) {
   var leading = true, trailing = true;
@@ -74740,7 +74743,7 @@ function throttle(func, wait, options2) {
     leading = "leading" in options2 ? !!options2.leading : leading;
     trailing = "trailing" in options2 ? !!options2.trailing : trailing;
   }
-  return debounce(func, wait, {
+  return debounce$1(func, wait, {
     "leading": leading,
     "maxWait": wait,
     "trailing": trailing
@@ -103089,46 +103092,59 @@ const ReservationsAnalytics = ({ userEmail, userFullName }) => {
     totalDays
   }));
 };
-const mainConatiner$2 = "_mainConatiner_lnm3d_48";
-const mainTableContainer = "_mainTableContainer_lnm3d_58";
-const mainSidebarContainer = "_mainSidebarContainer_lnm3d_65";
-const headerContainer = "_headerContainer_lnm3d_74";
-const buttonList = "_buttonList_lnm3d_79";
-const tableTopHeader = "_tableTopHeader_lnm3d_85";
-const tableTopHeaderContent = "_tableTopHeaderContent_lnm3d_93";
-const tableRowContainer = "_tableRowContainer_lnm3d_101";
-const tableRowCard = "_tableRowCard_lnm3d_107";
-const noData = "_noData_lnm3d_112";
-const tableRowHour = "_tableRowHour_lnm3d_119";
-const hours = "_hours_lnm3d_130";
-const tableRowContent = "_tableRowContent_lnm3d_136";
-const rowImage = "_rowImage_lnm3d_145";
-const rowContactContainer = "_rowContactContainer_lnm3d_151";
-const rowContactText = "_rowContactText_lnm3d_158";
-const rowContactPhone = "_rowContactPhone_lnm3d_164";
-const rowSectionContainer = "_rowSectionContainer_lnm3d_171";
-const rowSectionText = "_rowSectionText_lnm3d_177";
-const rowSectionSecText = "_rowSectionSecText_lnm3d_183";
-const rowActionButton = "_rowActionButton_lnm3d_190";
-const bookingInfoContainer = "_bookingInfoContainer_lnm3d_196";
-const bookingInfoCardRow = "_bookingInfoCardRow_lnm3d_200";
-const bookingInfoCardContainer = "_bookingInfoCardContainer_lnm3d_208";
-const bookingInfoCard = "_bookingInfoCard_lnm3d_200";
-const bookingInfoCardContent = "_bookingInfoCardContent_lnm3d_220";
-const bookingInfoCardTitle = "_bookingInfoCardTitle_lnm3d_226";
-const bookingInfoCardText = "_bookingInfoCardText_lnm3d_229";
+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";
 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",
   headerContainer,
+  searchContainer,
   buttonList,
+  buttonItem,
   tableTopHeader,
   tableTopHeaderContent,
+  tableTopHeaderContentText,
   tableRowContainer,
   tableRowCard,
   noData,
   tableRowHour,
+  tableRowHourText,
   hours,
   tableRowContent,
   rowImage,
@@ -106668,6 +106684,7 @@ const Input2 = ({
   borderLess = false,
   rounded = false,
   customStyles: customStyles2,
+  className,
   ...props
 }) => {
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -106700,7 +106717,8 @@ const Input2 = ({
   }), icon2 && /* @__PURE__ */ React__default.createElement("div", {
     className: classNames$2(
       styles$e["inputIcon"],
-      styles$e[`inputIcon--p-${iconPosition}`]
+      styles$e[`inputIcon--p-${iconPosition}`],
+      className ? className : ""
     )
   }, /* @__PURE__ */ React__default.createElement(Icon, {
     icon: icon2,
@@ -106797,8 +106815,26 @@ const SelectedBookingProvider = ({ children }) => {
     value: { selectedBooking, setSelectedBooking }
   }, children);
 };
+const debounce = (func, delay) => {
+  let timeoutId;
+  return (...args) => {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => func(...args), delay);
+  };
+};
+const ShowSidebarContext = createContext(false);
+const useShowSidebarContext = () => {
+  return useContext(ShowSidebarContext);
+};
+const ShowSidebarProvider = ({ children }) => {
+  const [showSidebar, setShowSidebar] = useState(false);
+  return /* @__PURE__ */ React__default.createElement(ShowSidebarContext.Provider, {
+    value: { showSidebar, setShowSidebar }
+  }, children);
+};
 const index$c = ({ filters: filters2, setFilters }) => {
   const { t: t2 } = useTranslation();
+  const { showSidebar, setShowSidebar } = useShowSidebarContext();
   const { selectedBooking, setSelectedBooking } = useSelectedBookingContext();
   const [datePickerOpen, setDatePickerOpen] = useState(false);
   const datePickerRef = useRef(null);
@@ -106854,14 +106890,25 @@ const index$c = ({ filters: filters2, setFilters }) => {
     setValue2("fromDate", dateString);
     setDatePickerOpen(false);
   };
+  const debouncedCriteriaUpdate = useCallback(
+    debounce((criteriaValue) => {
+      setFilters((prevFilters) => ({
+        ...prevFilters,
+        criteria: criteriaValue
+      }));
+    }, 500),
+    [setFilters]
+  );
   useEffect(() => {
-    setFilters({
-      ...filters2,
-      criteria,
-      commingUp,
-      fromDate
-    });
-  }, [criteria, fromDate, commingUp]);
+    setFilters((prevFilters) => ({
+      ...prevFilters,
+      fromDate,
+      commingUp
+    }));
+  }, [fromDate, commingUp, setFilters]);
+  useEffect(() => {
+    debouncedCriteriaUpdate(criteria);
+  }, [criteria, debouncedCriteriaUpdate]);
   useEffect(() => {
     function handleDocumentClick(event) {
       var _a2, _b;
@@ -106876,6 +106923,8 @@ const index$c = ({ filters: filters2, setFilters }) => {
   }, []);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: styles$l.headerContainer
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: styles$l.searchContainer
   }, /* @__PURE__ */ React__default.createElement(TextInputField, {
     control,
     id: "criteria",
@@ -106891,16 +106940,19 @@ const index$c = ({ filters: filters2, setFilters }) => {
     borderLess: true,
     rounded: true,
     customStyles: { backgroundColor: "#2F3349" }
-  }), /* @__PURE__ */ React__default.createElement("div", {
+  })), /* @__PURE__ */ React__default.createElement("div", {
     className: styles$l.buttonList
   }, /* @__PURE__ */ React__default.createElement(Button, {
     mode: "tertiary",
+    className: styles$l.buttonItem,
     onClick: () => selectDate("commingUp")
   }, t2("COMMINGUP")), /* @__PURE__ */ React__default.createElement(Button, {
     mode: "tertiary",
+    className: styles$l.buttonItem,
     onClick: () => selectDate("today")
   }, t2("TODAY")), /* @__PURE__ */ React__default.createElement(Button, {
     mode: "tertiary",
+    className: styles$l.buttonItem,
     onClick: () => selectDate("tomorrow")
   }, t2("TOMORROW")), /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", flexDirection: "column", justifyContent: "center" }
@@ -106911,6 +106963,7 @@ const index$c = ({ filters: filters2, setFilters }) => {
     ref: datePickerRef,
     onChange: onChange3,
     open: datePickerOpen,
+    showToday: false,
     style: {
       marginTop: "30px",
       width: 0,
@@ -106918,10 +106971,34 @@ const index$c = ({ filters: filters2, setFilters }) => {
       opacity: 0,
       position: "absolute",
       pointerEvents: "none"
-    }
+    },
+    renderExtraFooter: () => /* @__PURE__ */ React__default.createElement("div", {
+      className: "ant-custom-footer"
+    }, /* @__PURE__ */ React__default.createElement("button", {
+      className: "ant-button",
+      onClick: () => {
+        selectDate("commingUp");
+        setDatePickerOpen(false);
+      }
+    }, t2("COMMINGUP")), /* @__PURE__ */ React__default.createElement("button", {
+      className: "ant-button",
+      onClick: () => {
+        selectDate("today");
+        setDatePickerOpen(false);
+      }
+    }, t2("TODAY")), /* @__PURE__ */ React__default.createElement("button", {
+      className: "ant-button",
+      onClick: () => {
+        selectDate("tomorrow");
+        setDatePickerOpen(false);
+      }
+    }, t2("TOMORROW")))
   })), /* @__PURE__ */ React__default.createElement(Button, {
     mode: "success",
-    onClick: () => setSelectedBooking(null)
+    onClick: () => {
+      setSelectedBooking(null);
+      setShowSidebar(true);
+    }
   }, t2("ADDRESERVATION"))));
 };
 const injectStyles = () => {
@@ -107005,6 +107082,24 @@ const injectStyles = () => {
         .ant-picker-today-btn:hover {
             background-color: #4C4F64 !important;
         }
+
+        .ant-custom-footer {
+            display: flex;
+            justify-content: space-around;
+            padding: 8px;
+            background: #2F3349;
+        }
+        .ant-custom-footer button {
+            color: white;
+            background: #4C4F64;
+            border: none;
+            padding: 6px 12px;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+        .ant-custom-footer button:hover {
+            background: #3A3D54;
+        }
     `;
   document.head.appendChild(styleElement);
 };
@@ -107051,6 +107146,7 @@ const TableRow = ({ 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 { execute } = useService(UpdateBookingStatusBooking, {
     onSuccess: async () => {
@@ -107117,10 +107213,15 @@ const TableRow = ({ item: item2, filtersData, venueId }) => {
     className: styles$l.tableRowCard
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", cursor: "pointer" },
-    onClick: () => setSelectedBooking(item2)
+    onClick: () => {
+      setSelectedBooking(item2);
+      setShowSidebar(true);
+    }
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: styles$l.tableRowHour
-  }, /* @__PURE__ */ React__default.createElement("h2", null, /* @__PURE__ */ React__default.createElement(TimeFormat, {
+  }, /* @__PURE__ */ React__default.createElement("h2", {
+    className: styles$l.tableRowHourText
+  }, /* @__PURE__ */ React__default.createElement(TimeFormat, {
     currentTimeZone: filtersData == null ? void 0 : filtersData.timeZone,
     dateTime: item2 == null ? void 0 : item2.date
   }))), /* @__PURE__ */ React__default.createElement("div", {
@@ -107193,7 +107294,11 @@ const TableBody = ({ data: data2, filtersData, venueId }) => {
       key: key2
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: styles$l.tableTopHeaderContent
-    }, /* @__PURE__ */ React__default.createElement("h2", null, key2), /* @__PURE__ */ React__default.createElement("h2", null, group.length, " ", t2("RESERVATIONS"))), /* @__PURE__ */ React__default.createElement("div", {
+    }, /* @__PURE__ */ React__default.createElement("h2", {
+      className: styles$l.tableTopHeaderContentText
+    }, key2), /* @__PURE__ */ React__default.createElement("h2", {
+      className: styles$l.tableTopHeaderContentText
+    }, group.length, " ", t2("RESERVATIONS"))), /* @__PURE__ */ React__default.createElement("div", {
       className: styles$l.tableRowContainer
     }, group.map((item2) => {
       return /* @__PURE__ */ React__default.createElement(TableRow, {
@@ -107536,8 +107641,21 @@ const BookingInfo = ({ item: item2 }) => {
 };
 const Header = () => {
   const { t: t2 } = useTranslation();
+  const { showSidebar, setShowSidebar } = useShowSidebarContext();
   const { selectedBooking } = useSelectedBookingContext();
-  return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("h3", null, t2(selectedBooking ? "UPDATERESERVATION" : "ADDRESERVATION")), /* @__PURE__ */ React__default.createElement("hr", {
+  return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "flex", justifyContent: "space-between", alignItems: "center" }
+  }, /* @__PURE__ */ React__default.createElement("h3", null, t2(selectedBooking ? "UPDATERESERVATION" : "ADDRESERVATION")), /* @__PURE__ */ React__default.createElement(Icon, {
+    className: classNames$2(
+      styles$l["sidebarCloseIcon"],
+      showSidebar ? styles$l["sidebarCloseIcon--show"] : ""
+    ),
+    icon: "close",
+    size: "small",
+    onClick: () => {
+      setShowSidebar(!showSidebar);
+    }
+  })), /* @__PURE__ */ React__default.createElement("hr", {
     style: { width: "100%", marginTop: 15 }
   }));
 };
@@ -107885,6 +108003,7 @@ const index$a = ({ filtersData, venueId }) => {
 };
 function MainComponent({ venueId }) {
   const [currentVenue, setCurrentVenue] = useState(null);
+  const { showSidebar, setShowSidebar } = useShowSidebarContext();
   const [filters2, setFilters] = useState({
     fromDate: hooks().format("YYYY-MM-DD")
   });
@@ -107930,6 +108049,20 @@ function MainComponent({ venueId }) {
       reloadSelectsData();
     }
   }, [selectedBooking]);
+  useEffect(() => {
+    function handleOutsideClick(event) {
+      const sidebarElement = document.querySelector(`.${styles$l.mainSidebarContainer}`);
+      if (sidebarElement && !sidebarElement.contains(event.target)) {
+        setShowSidebar(false);
+      }
+    }
+    if (showSidebar) {
+      document.addEventListener("mousedown", handleOutsideClick);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleOutsideClick);
+    };
+  }, [showSidebar, setShowSidebar]);
   return /* @__PURE__ */ React__default.createElement(ReloadProvider, {
     reload
   }, /* @__PURE__ */ React__default.createElement("div", {
@@ -107945,36 +108078,39 @@ function MainComponent({ venueId }) {
     filtersData,
     venueId
   })), /* @__PURE__ */ React__default.createElement("div", {
-    className: styles$l.mainSidebarContainer
+    className: classNames$2(
+      styles$l.mainSidebarContainer,
+      showSidebar ? styles$l[`mainSidebarContainer--open`] : "styles[`mainSidebarContainer--close`]"
+    )
   }, /* @__PURE__ */ React__default.createElement(index$a, {
     filtersData,
     venueId
   }))));
 }
 function Main$2({ venueId }) {
-  return /* @__PURE__ */ React__default.createElement(SelectedBookingProvider, null, /* @__PURE__ */ React__default.createElement(MainComponent, {
+  return /* @__PURE__ */ React__default.createElement(SelectedBookingProvider, null, /* @__PURE__ */ React__default.createElement(ShowSidebarProvider, null, /* @__PURE__ */ React__default.createElement(MainComponent, {
     venueId
-  }));
+  })));
 }
-const mainConatiner$1 = "_mainConatiner_13dsr_70";
-const header$3 = "_header_13dsr_81";
-const content$1 = "_content_13dsr_87";
-const textSecondary$1 = "_textSecondary_13dsr_96";
-const sectionCard$1 = "_sectionCard_13dsr_100";
-const cardHeader$1 = "_cardHeader_13dsr_105";
-const cardTitle$1 = "_cardTitle_13dsr_108";
-const cardDesc$1 = "_cardDesc_13dsr_112";
-const cardBody$1 = "_cardBody_13dsr_116";
-const cardFooter$1 = "_cardFooter_13dsr_120";
-const cardFooterContent$1 = "_cardFooterContent_13dsr_120";
-const sectionManagement$1 = "_sectionManagement_13dsr_130";
-const sectionFormRow$1 = "_sectionFormRow_13dsr_130";
-const drawerContent$1 = "_drawerContent_13dsr_137";
-const scrollableForm$1 = "_scrollableForm_13dsr_142";
-const fixedActions$1 = "_fixedActions_13dsr_148";
+const mainConatiner$1 = "_mainConatiner_au98t_70";
+const header$3 = "_header_au98t_81";
+const content$1 = "_content_au98t_87";
+const textSecondary$1 = "_textSecondary_au98t_96";
+const sectionCard$1 = "_sectionCard_au98t_100";
+const cardHeader$1 = "_cardHeader_au98t_105";
+const cardTitle$1 = "_cardTitle_au98t_108";
+const cardDesc$1 = "_cardDesc_au98t_112";
+const cardBody$1 = "_cardBody_au98t_116";
+const cardFooter$1 = "_cardFooter_au98t_120";
+const cardFooterContent$1 = "_cardFooterContent_au98t_120";
+const sectionManagement$1 = "_sectionManagement_au98t_130";
+const sectionFormRow$1 = "_sectionFormRow_au98t_130";
+const drawerContent$1 = "_drawerContent_au98t_137";
+const scrollableForm$1 = "_scrollableForm_au98t_142";
+const fixedActions$1 = "_fixedActions_au98t_148";
 var styles$a = {
-  "my-masonry-grid": "_my-masonry-grid_13dsr_48",
-  "my-masonry-grid_column": "_my-masonry-grid_column_13dsr_59",
+  "my-masonry-grid": "_my-masonry-grid_au98t_48",
+  "my-masonry-grid_column": "_my-masonry-grid_column_au98t_59",
   mainConatiner: mainConatiner$1,
   header: header$3,
   content: content$1,

package/package.json

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