@inveniosoftware/react-invenio-app-ils 2.0.2 → 2.1.0

package/dist/cjs/index.js

@@ -4359,6 +4359,14 @@ const prettyPrintBooleanValue = value => {
 const screenIsWiderThan = pixels => {
   return window.matchMedia(`(max-width: ${pixels}px)`).matches ? false : true;
 };
+const isPrivilegedUser = () => {
+  const roles = _get__default["default"](sessionManager, 'user.roles', []);
+  return roles.includes('admin') || roles.includes('librarian');
+};
+const isDocumentOverbooked = async documentPid => {
+  const response = await documentApi.get(documentPid);
+  return _get__default["default"](response, 'data.metadata.circulation.overbooked', false);
+};
 
 class MetadataTable extends React.Component {
   renderRows() {
@@ -29547,19 +29555,108 @@ const mapDispatchToProps$v = dispatch => ({
 });
 const LocationList = reactRedux.connect(mapStateToProps$G, mapDispatchToProps$v)(LocationList$1);
 
+const OverbookedConfirmModal = _ref => {
+  let {
+    open,
+    onClose,
+    onConfirm,
+    overbookedDocuments
+  } = _ref;
+  const isMultiple = overbookedDocuments.length > 1;
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal, {
+    size: "small",
+    open: open,
+    onClose: onClose
+  }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Header, null, "Item in high demand!"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Content, null, overbookedDocuments.map((doc, index) => /*#__PURE__*/React__default["default"].createElement("p", {
+    key: doc.loanRequestId || doc.title || index
+  }, "There is another patron waiting for \"", /*#__PURE__*/React__default["default"].createElement("strong", null, doc.title), "\"", ' ', doc.loanRequestId && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, "(", /*#__PURE__*/React__default["default"].createElement("a", {
+    href: `/backoffice/loans/${doc.loanRequestId}`
+  }, "See loan request"), ")"), ".")), /*#__PURE__*/React__default["default"].createElement("p", null, /*#__PURE__*/React__default["default"].createElement("strong", null, "Do you still want to extend your ", isMultiple ? 'loans' : 'loan', "?"))), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Actions, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
+    secondary: true,
+    onClick: onClose
+  }, "Cancel"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
+    primary: true,
+    onClick: onConfirm
+  }, "Extend")));
+};
+
 class PatronBulkExtendLoans$1 extends React.Component {
   constructor() {
     super(...arguments);
     this.state = {
-      open: false
+      open: false,
+      showOverbookedConfirm: false,
+      overbookedDocuments: [],
+      isChecking: false
+    };
+    this.open = async () => {
+      this.setState({
+        open: true
+      });
+      if (!isPrivilegedUser()) return;
+      this.setState({
+        isChecking: true
+      });
+      try {
+        const {
+          patronPid
+        } = this.props;
+        // Get all active loans for the patron
+        const query = loanApi.query().withPatronPid(patronPid).withState(invenioConfig.CIRCULATION.loanActiveStates).withSize(invenioConfig.APP.PATRON_PROFILE_MAX_RESULTS_SIZE).sortByNewest().qs();
+        const response = await loanApi.list(query);
+        const loans = response.data.hits;
+        const checks = loans.map(async loan => {
+          const documentPid = _get__default["default"](loan, 'metadata.document.pid');
+          const isOverbooked = await isDocumentOverbooked(documentPid);
+          if (isOverbooked) {
+            return {
+              title: loan.metadata.document.title,
+              loanRequestId: loan.id
+            };
+          }
+          return null;
+        });
+        const results = await Promise.all(checks);
+        const overbookedDocuments = results.filter(Boolean);
+        this.setState({
+          overbookedDocuments,
+          isChecking: false
+        });
+      } catch (error) {
+        console.error('Failed to fetch overbooked documents', error);
+        this.setState({
+          isChecking: false
+        });
+      }
+    };
+    this.close = () => {
+      this.setState({
+        open: false,
+        showOverbookedConfirm: false,
+        overbookedDocuments: []
+      });
     };
-    this.open = () => this.setState({
-      open: true
-    });
-    this.close = () => this.setState({
-      open: false
-    });
     this.handleSubmitExtend = () => {
+      const {
+        bulkLoanExtension,
+        patronPid
+      } = this.props;
+      const {
+        overbookedDocuments
+      } = this.state;
+
+      // If the user is privileged and there are overbooked docs
+      if (isPrivilegedUser() && overbookedDocuments.length > 0) {
+        this.setState({
+          showOverbookedConfirm: true
+        });
+        return;
+      }
+      // Otherwise extend directly
+      bulkLoanExtension(patronPid);
+      this.close();
+    };
+    this.confirmBulkExtension = () => {
       const {
         bulkLoanExtension,
         patronPid
@@ -29570,16 +29667,26 @@ class PatronBulkExtendLoans$1 extends React.Component {
   }
   render() {
     const {
-      patronPid,
-      bulkLoanExtension,
       isLoading,
       disabled,
+      patronPid,
+      bulkLoanExtension,
       ...uiProps
     } = this.props;
     const {
-      open
+      open,
+      showOverbookedConfirm,
+      overbookedDocuments,
+      isChecking
     } = this.state;
-    return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal, {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(OverbookedConfirmModal, {
+      open: showOverbookedConfirm,
+      onClose: () => this.setState({
+        showOverbookedConfirm: false
+      }),
+      onConfirm: this.confirmBulkExtension,
+      overbookedDocuments: overbookedDocuments
+    }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal, {
       open: open,
       onClose: this.close,
       onOpen: this.open,
@@ -29599,8 +29706,9 @@ class PatronBulkExtendLoans$1 extends React.Component {
       onClick: this.close
     }, "Cancel"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
       onClick: this.handleSubmitExtend,
-      primary: true
-    }, "Extend the loans")));
+      primary: true,
+      loading: isChecking
+    }, "Extend the loans"))));
   }
 }
 PatronBulkExtendLoans$1.defaultProps = {
@@ -38948,6 +39056,36 @@ class LoanExtendButton extends React.Component {
   constructor(props) {
     super(props);
     this.triggerExtension = async () => {
+      const {
+        loan,
+        onError
+      } = this.props;
+      const isUserPrivileged = isPrivilegedUser();
+      if (isUserPrivileged) {
+        this.setState({
+          isLoading: true
+        });
+        try {
+          const documentPid = _get__default["default"](loan, 'metadata.document.pid');
+          const isOverbooked = await isDocumentOverbooked(documentPid);
+          if (isOverbooked) {
+            this.setState({
+              isLoading: false,
+              showOverbookedConfirm: true
+            });
+            return;
+          }
+        } catch (error) {
+          onError('Something went wrong while checking if the literature is overbooked.', error);
+          this.setState({
+            isLoading: false
+          });
+          return;
+        }
+      }
+      await this.performExtension();
+    };
+    this.performExtension = async () => {
       const {
         loan,
         onSuccess,
@@ -38965,7 +39103,8 @@ class LoanExtendButton extends React.Component {
         this.cancellableExtendLoan = withCancel(this.extendLoan(extendUrl, document.pid, patronPid));
         const response = await this.cancellableExtendLoan.promise;
         this.setState({
-          isLoading: false
+          isLoading: false,
+          showOverbookedConfirm: false
         });
         const documentTitle = document.title;
         onSuccess(INFO_MESSAGES.SUCCESS(documentTitle, luxon.DateTime.fromISO(response.data.metadata.end_date)));
@@ -38976,6 +39115,11 @@ class LoanExtendButton extends React.Component {
         onError(error.response.data.message);
       }
     };
+    this.hideOverbookedConfirm = () => {
+      this.setState({
+        showOverbookedConfirm: false
+      });
+    };
     this.validate = loan => {
       const hasExtendAction = _has__default["default"](loan, 'availableActions.extend');
       if (!hasExtendAction) return {
@@ -39003,7 +39147,8 @@ class LoanExtendButton extends React.Component {
       };
     };
     this.state = {
-      isLoading: false
+      isLoading: false,
+      showOverbookedConfirm: false
     };
   }
   componentWillUnmount() {
@@ -39022,11 +39167,21 @@ class LoanExtendButton extends React.Component {
       loan
     } = this.props;
     const {
-      isLoading
+      isLoading,
+      showOverbookedConfirm
     } = this.state;
     const validation = this.validate(loan);
     const isDisabled = !validation.isValid;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isDisabled && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Popup, {
+    const overbookedDocuments = [{
+      title: _get__default["default"](loan, 'metadata.document.title', 'Unknown title'),
+      loanRequestId: loan.id
+    }];
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showOverbookedConfirm && /*#__PURE__*/React__default["default"].createElement(OverbookedConfirmModal, {
+      open: showOverbookedConfirm,
+      onClose: this.hideOverbookedConfirm,
+      onConfirm: this.performExtension,
+      overbookedDocuments: overbookedDocuments
+    }), isDisabled && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Popup, {
       content: validation.msg,
       trigger: /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Icon, {
         name: "info"