@inveniosoftware/react-invenio-app-ils 2.0.1 → 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() {
@@ -8964,6 +8972,14 @@ const Sidebar = reactRedux.connect(mapStateToProps$1A, mapDispatchToProps$1f)(Si
 const IS_LOADING$H = 'fetchOrderDetails/IS_LOADING';
 const SUCCESS$H = 'fetchOrderDetails/SUCCESS';
 const HAS_ERROR$H = 'fetchOrderDetails/HAS_ERROR';
+const CLEAR$c = 'fetchOrderDetails/CLEAR';
+const clearOrderDetails = () => {
+  return dispatch => {
+    dispatch({
+      type: CLEAR$c
+    });
+  };
+};
 const fetchOrderDetails = pid => {
   return async dispatch => {
     dispatch({
@@ -9758,6 +9774,12 @@ class OrderDetails$1 extends React__default["default"].Component {
       fetchOrderDetails(orderPid);
     }
   }
+  componentWillUnmount() {
+    const {
+      clearOrderDetails
+    } = this.props;
+    clearOrderDetails();
+  }
   render() {
     const {
       isLoading,
@@ -9822,7 +9844,8 @@ const mapStateToProps$1z = state => ({
   hasError: state.orderDetails.hasError
 });
 const mapDispatchToProps$1e = dispatch => ({
-  fetchOrderDetails: orderPid => dispatch(fetchOrderDetails(orderPid))
+  fetchOrderDetails: orderPid => dispatch(fetchOrderDetails(orderPid)),
+  clearOrderDetails: () => dispatch(clearOrderDetails())
 });
 const OrderDetails = reactRedux.connect(mapStateToProps$1z, mapDispatchToProps$1e)(OrderDetails$1);
 
@@ -12334,7 +12357,7 @@ const MULTIPLE_LOAN_RESULTS = 'itemLoansSearch/MULTIPLE_LOAN_RESULTS';
 const CHECKIN_IS_LOADING = 'itemCheckin/IS_LOADING';
 const CHECKIN_SUCCESS = 'itemCheckin/SUCCESS';
 const CHECKIN_HAS_ERROR = 'itemCheckin/HAS_ERROR';
-const CLEAR$1 = 'itemCheckin/CLEAR';
+const CLEAR$b = 'itemCheckin/CLEAR';
 const checkin = (barcode, onSuccess) => {
   return async dispatch => {
     dispatch({
@@ -12398,7 +12421,7 @@ const checkInLoan = (checkinUrl, documentPid, patronPid, itemPid) => {
 const clearResults$2 = () => {
   return dispatch => {
     dispatch({
-      type: CLEAR$1
+      type: CLEAR$b
     });
   };
 };
@@ -12988,9 +13011,17 @@ class CheckOut extends React.Component {
 const IS_LOADING$G = 'fetchDocumentDetails/IS_LOADING';
 const SUCCESS$G = 'fetchDocumentDetails/SUCCESS';
 const HAS_ERROR$G = 'fetchDocumentDetails/HAS_ERROR';
+const CLEAR$a = 'fetchDocumentDetails/CLEAR';
 const DELETE_IS_LOADING$8 = 'deleteDocument/DELETE_IS_LOADING';
 const DELETE_SUCCESS$7 = 'deleteDocument/DELETE_SUCCESS';
 const DELETE_HAS_ERROR$8 = 'deleteDocument/DELETE_HAS_ERROR';
+const clearDocumentDetails = () => {
+  return dispatch => {
+    dispatch({
+      type: CLEAR$a
+    });
+  };
+};
 const fetchDocumentDetails = documentPid => {
   return async dispatch => {
     dispatch({
@@ -17994,6 +18025,12 @@ class DocumentDetails$3 extends React.Component {
       fetchDocumentDetails(documentPid);
     }
   }
+  componentWillUnmount() {
+    const {
+      clearDocumentDetails
+    } = this.props;
+    clearDocumentDetails();
+  }
   render() {
     const {
       isLoading,
@@ -18060,7 +18097,8 @@ const mapStateToProps$14 = state => ({
   hasError: state.documentDetails.hasError
 });
 const mapDispatchToProps$X = dispatch => ({
-  fetchDocumentDetails: documentPid => dispatch(fetchDocumentDetails(documentPid))
+  fetchDocumentDetails: documentPid => dispatch(fetchDocumentDetails(documentPid)),
+  clearDocumentDetails: () => dispatch(clearDocumentDetails())
 });
 const DocumentDetails$2 = reactRedux.connect(mapStateToProps$14, mapDispatchToProps$X)(DocumentDetails$3);
 
@@ -19457,8 +19495,16 @@ class DocumentSearch extends React.Component {
 const IS_LOADING$z = 'fetchDocumentRequestDetails/IS_LOADING';
 const SUCCESS$z = 'fetchDocumentRequestDetails/SUCCESS';
 const HAS_ERROR$z = 'fetchDocumentRequestDetails/HAS_ERROR';
+const CLEAR$9 = 'fetchDocumentRequestDetails/CLEAR';
 const DELETE_IS_LOADING$7 = 'deleteDocumentRequest/DELETE_IS_LOADING';
 const DELETE_HAS_ERROR$7 = 'deleteDocumentRequest/DELETE_HAS_ERROR';
+const clearDocumentRequestDetails = () => {
+  return dispatch => {
+    dispatch({
+      type: CLEAR$9
+    });
+  };
+};
 const fetchDocumentRequestDetails = documentRequestPid => {
   return async dispatch => {
     dispatch({
@@ -20567,6 +20613,12 @@ class DocumentRequestDetails$1 extends React.Component {
       fetchDocumentRequestDetails(documentRequestPid);
     }
   }
+  componentWillUnmount() {
+    const {
+      clearDocumentRequestDetails
+    } = this.props;
+    clearDocumentRequestDetails();
+  }
   render() {
     const {
       data,
@@ -20618,7 +20670,8 @@ const mapStateToProps$13 = state => ({
   error: state.documentRequestDetails.error
 });
 const mapDispatchToProps$S = dispatch => ({
-  fetchDocumentRequestDetails: documentRequestPid => dispatch(fetchDocumentRequestDetails(documentRequestPid))
+  fetchDocumentRequestDetails: documentRequestPid => dispatch(fetchDocumentRequestDetails(documentRequestPid)),
+  clearDocumentRequestDetails: () => dispatch(clearDocumentRequestDetails())
 });
 const DocumentRequestDetails = reactRedux.connect(mapStateToProps$13, mapDispatchToProps$S)(DocumentRequestDetails$1);
 
@@ -21038,12 +21091,20 @@ class DocumentRequestSearch extends React.Component {
 const IS_LOADING$y = 'fetchEItemDetails/IS_LOADING';
 const SUCCESS$y = 'fetchEItemDetails/SUCCESS';
 const HAS_ERROR$y = 'fetchEItemDetails/HAS_ERROR';
+const CLEAR$8 = 'fetchEItemDetails/CLEAR';
 const DELETE_IS_LOADING$6 = 'fetchEItemDetails/DELETE_IS_LOADING';
 const DELETE_SUCCESS$6 = 'fetchEItemDetails/DELETE_SUCCESS';
 const DELETE_HAS_ERROR$6 = 'fetchEItemDetails/DELETE_HAS_ERROR';
 const ADD_FILE = 'fetchEItemDetails/ADD_FILE';
 const DELETE_FILE = 'fetchEItemDetails/DELETE_FILE';
 const UPLOAD_IS_LOADING = 'fetchEItemDetails/UPLOAD_IS_LOADING';
+const clearEItemDetails = () => {
+  return dispatch => {
+    dispatch({
+      type: CLEAR$8
+    });
+  };
+};
 const deleteEItem = eitemPid => {
   return async dispatch => {
     dispatch({
@@ -21723,6 +21784,12 @@ class EItemDetails$1 extends React.Component {
       fetchEItemDetails(eitemPid);
     }
   }
+  componentWillUnmount() {
+    const {
+      clearEItemDetails
+    } = this.props;
+    clearEItemDetails();
+  }
   render() {
     const {
       isLoading,
@@ -21775,7 +21842,8 @@ const mapStateToProps$_ = state => ({
   data: state.eitemDetails.data
 });
 const mapDispatchToProps$N = dispatch => ({
-  fetchEItemDetails: eitemPid => dispatch(fetchEItemDetails(eitemPid))
+  fetchEItemDetails: eitemPid => dispatch(fetchEItemDetails(eitemPid)),
+  clearEItemDetails: () => dispatch(clearEItemDetails())
 });
 const EItemDetails = reactRedux.connect(mapStateToProps$_, mapDispatchToProps$N)(EItemDetails$1);
 
@@ -23391,6 +23459,7 @@ class Home$2 extends React.Component {
 const IS_LOADING$w = 'fetchBorrowingRequestDetails/IS_LOADING';
 const SUCCESS$w = 'fetchBorrowingRequestDetails/SUCCESS';
 const HAS_ERROR$w = 'fetchBorrowingRequestDetails/HAS_ERROR';
+const CLEAR$7 = 'fetchBorrowingRequestDetails/CLEAR';
 const fetchBorrowingRequestDetails = borrowingRequestPid => {
   return async dispatch => {
     dispatch({
@@ -23410,6 +23479,13 @@ const fetchBorrowingRequestDetails = borrowingRequestPid => {
     }
   };
 };
+const clearBorrowingRequestDetails = () => {
+  return dispatch => {
+    dispatch({
+      type: CLEAR$7
+    });
+  };
+};
 
 const SUCCESS$v = 'borrowingRequestPatronLoanCreate/SUCCESS';
 const IS_LOADING$v = 'borrowingRequestPatronLoanCreate/IS_LOADING';
@@ -24232,6 +24308,12 @@ class BorrowingRequestDetails$1 extends React.Component {
       fetchBorrowingRequestDetails(borrowingRequestPid);
     }
   }
+  componentWillUnmount() {
+    const {
+      clearBorrowingRequestDetails
+    } = this.props;
+    clearBorrowingRequestDetails();
+  }
   render() {
     const {
       isLoading,
@@ -24294,7 +24376,8 @@ const mapStateToProps$X = state => ({
   error: state.borrowingRequestDetails.error
 });
 const mapDispatchToProps$K = dispatch => ({
-  fetchBorrowingRequestDetails: brwReqPid => dispatch(fetchBorrowingRequestDetails(brwReqPid))
+  fetchBorrowingRequestDetails: brwReqPid => dispatch(fetchBorrowingRequestDetails(brwReqPid)),
+  clearBorrowingRequestDetails: () => dispatch(clearBorrowingRequestDetails())
 });
 const BorrowingRequestDetails = reactRedux.connect(mapStateToProps$X, mapDispatchToProps$K)(BorrowingRequestDetails$1);
 
@@ -24875,6 +24958,7 @@ class BorrowingRequestSearch extends React.Component {
 const IS_LOADING$t = 'fetchItemDetails/IS_LOADING';
 const SUCCESS$t = 'fetchItemDetails/SUCCESS';
 const HAS_ERROR$t = 'fetchItemDetails/HAS_ERROR';
+const CLEAR$6 = 'fetchItemDetails/CLEAR';
 const DELETE_IS_LOADING$5 = 'deleteItem/DELETE_IS_LOADING';
 const DELETE_SUCCESS$5 = 'deleteItem/DELETE_SUCCESS';
 const DELETE_HAS_ERROR$5 = 'deleteItem/DELETE_HAS_ERROR';
@@ -24923,6 +25007,13 @@ const deleteItem = itemPid => {
     }
   };
 };
+const clearItemDetails = () => {
+  return dispatch => {
+    dispatch({
+      type: CLEAR$6
+    });
+  };
+};
 const checkoutItem$1 = function (documentPid, itemPid, patronPid) {
   let force = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   return async dispatch => {
@@ -25665,6 +25756,7 @@ const ACTION_HAS_ERROR = 'loanAction/HAS_ERROR';
 const DETAILS_IS_LOADING = 'fetchLoanDetails/IS_LOADING';
 const DETAILS_SUCCESS = 'fetchLoanDetails/SUCCESS';
 const DETAILS_HAS_ERROR = 'fetchLoanDetails/HAS_ERROR';
+const CLEAR$5 = 'fetchLoanDetails/CLEAR';
 const fetchLoanDetails = function (loanPid) {
   let withFetchOtherPendingLoans = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   return async dispatch => {
@@ -25695,6 +25787,13 @@ const fetchLoanDetails = function (loanPid) {
     }
   };
 };
+const clearLoanDetails = () => {
+  return dispatch => {
+    dispatch({
+      type: CLEAR$5
+    });
+  };
+};
 const performLoanAction = function (actionURL, documentPid, patronPid) {
   let {
     itemPid = null,
@@ -25901,6 +26000,12 @@ class ItemDetails$1 extends React.Component {
       fetchItemDetails(itemPid);
     }
   }
+  componentWillUnmount() {
+    const {
+      clearItemDetails
+    } = this.props;
+    clearItemDetails();
+  }
   render() {
     const {
       isLoading,
@@ -25957,7 +26062,8 @@ const mapStateToProps$R = state => ({
 });
 const mapDispatchToProps$F = dispatch => ({
   fetchItemDetails: itemPid => dispatch(fetchItemDetails(itemPid)),
-  deleteItem: itemPid => dispatch(deleteItem(itemPid))
+  deleteItem: itemPid => dispatch(deleteItem(itemPid)),
+  clearItemDetails: () => dispatch(clearItemDetails())
 });
 const ItemDetails = reactRedux.connect(mapStateToProps$R, mapDispatchToProps$F)(ItemDetails$1);
 
@@ -27341,7 +27447,7 @@ LoanUpdateDates$1.defaultProps = {
 const IS_LOADING$q = 'updateLoanDates/IS_LOADING';
 const SUCCESS$q = 'updateLoanDates/SUCCESS';
 const HAS_ERROR$q = 'updateLoanDates/HAS_ERROR';
-const CLEAR = 'updateLoanDates/CLEAR';
+const CLEAR$4 = 'updateLoanDates/CLEAR';
 const loanUpdateDates = (pid, data) => {
   return async dispatch => {
     dispatch({
@@ -27365,7 +27471,7 @@ const loanUpdateDates = (pid, data) => {
 const clearError = () => {
   return dispatch => {
     dispatch({
-      type: CLEAR
+      type: CLEAR$4
     });
   };
 };
@@ -27971,6 +28077,12 @@ class LoanDetails$1 extends React.Component {
       fetchLoanDetails(loanPid, true);
     }
   }
+  componentWillUnmount() {
+    const {
+      clearLoanDetails
+    } = this.props;
+    clearLoanDetails();
+  }
   render() {
     var _data$metadata;
     const {
@@ -28034,7 +28146,8 @@ const mapStateToProps$K = state => ({
   data: state.loanDetails.data
 });
 const mapDispatchToProps$z = dispatch => ({
-  fetchLoanDetails: (loanPid, withFetchOtherPendingLoans) => dispatch(fetchLoanDetails(loanPid, withFetchOtherPendingLoans))
+  fetchLoanDetails: (loanPid, withFetchOtherPendingLoans) => dispatch(fetchLoanDetails(loanPid, withFetchOtherPendingLoans)),
+  clearLoanDetails: () => dispatch(clearLoanDetails())
 });
 const LoanDetails = reactRedux.connect(mapStateToProps$K, mapDispatchToProps$z)(LoanDetails$1);
 
@@ -28326,6 +28439,7 @@ const HAS_ERROR$o = 'fetchLocationDetails/HAS_ERROR';
 const DELETE_IS_LOADING$4 = 'deleteLocation/DELETE_IS_LOADING';
 const DELETE_SUCCESS$4 = 'deleteLocation/DELETE_SUCCESS';
 const DELETE_HAS_ERROR$4 = 'deleteLocation/DELETE_HAS_ERROR';
+const CLEAR$3 = 'fetchLocationDetails/CLEAR';
 const fetchLocationDetails = pid => {
   return async dispatch => {
     dispatch({
@@ -28371,6 +28485,13 @@ const deleteLocation$1 = pid => {
     }
   };
 };
+const clearLocationDetails = () => {
+  return dispatch => {
+    dispatch({
+      type: CLEAR$3
+    });
+  };
+};
 
 class LocationInformation extends React__default["default"].Component {
   render() {
@@ -28736,6 +28857,12 @@ class LocationDetails$1 extends React__default["default"].Component {
       fetchLocationDetails(locationPid);
     }
   }
+  componentWillUnmount() {
+    const {
+      clearLocationDetails
+    } = this.props;
+    clearLocationDetails();
+  }
   render() {
     const {
       data,
@@ -28796,7 +28923,8 @@ const mapStateToProps$I = state => ({
 });
 const mapDispatchToProps$x = dispatch => ({
   fetchLocationDetails: LocationPid => dispatch(fetchLocationDetails(LocationPid)),
-  deleteLocation: locationPid => dispatch(deleteLocation$1(locationPid))
+  deleteLocation: locationPid => dispatch(deleteLocation$1(locationPid)),
+  clearLocationDetails: () => dispatch(clearLocationDetails())
 });
 const LocationDetails = reactRedux.connect(mapStateToProps$I, mapDispatchToProps$x)(LocationDetails$1);
 
@@ -29427,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
@@ -29450,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,
@@ -29479,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 = {
@@ -30924,6 +31152,12 @@ class PatronDetails$1 extends React.Component {
       fetchPatronDetails(currentPatronPid);
     }
   }
+  componentWillUnmount() {
+    const {
+      clearPatronDetails
+    } = this.props;
+    clearPatronDetails();
+  }
   render() {
     const {
       isLoading,
@@ -31036,6 +31270,7 @@ PatronDetails$1.defaultProps = {
 const IS_LOADING$c = 'fetchPatronDetails/IS_LOADING';
 const SUCCESS$c = 'fetchPatronDetails/SUCCESS';
 const HAS_ERROR$c = 'fetchPatronDetails/HAS_ERROR';
+const CLEAR$2 = 'fetchPatronDetails/CLEAR';
 const fetchPatronDetails = patronPid => {
   return async dispatch => {
     dispatch({
@@ -31056,6 +31291,13 @@ const fetchPatronDetails = patronPid => {
     }
   };
 };
+const clearPatronDetails = () => {
+  return dispatch => {
+    dispatch({
+      type: CLEAR$2
+    });
+  };
+};
 
 const mapStateToProps$v = state => ({
   isLoading: state.patronDetails.isLoading,
@@ -31065,7 +31307,8 @@ const mapStateToProps$v = state => ({
   currentLoans: state.patronCurrentLoans.data
 });
 const mapDispatchToProps$k = dispatch => ({
-  fetchPatronDetails: patronPid => dispatch(fetchPatronDetails(patronPid))
+  fetchPatronDetails: patronPid => dispatch(fetchPatronDetails(patronPid)),
+  clearPatronDetails: () => dispatch(clearPatronDetails())
 });
 const PatronDetails = reactRedux.connect(mapStateToProps$v, mapDispatchToProps$k)(PatronDetails$1);
 
@@ -31200,6 +31443,7 @@ const HAS_ERROR$b = 'fetchProviderDetails/HAS_ERROR';
 const DELETE_IS_LOADING$1 = 'deleteProvider/DELETE_IS_LOADING';
 const DELETE_SUCCESS$1 = 'deleteProvider/DELETE_SUCCESS';
 const DELETE_HAS_ERROR$1 = 'deleteProvider/DELETE_HAS_ERROR';
+const CLEAR$1 = 'fetchProviderDetails/CLEAR';
 const fetchProviderDetails = pid => {
   return async dispatch => {
     dispatch({
@@ -31245,6 +31489,13 @@ const deleteProvider = pid => {
     }
   };
 };
+const clearProviderDetails = () => {
+  return dispatch => {
+    dispatch({
+      type: CLEAR$1
+    });
+  };
+};
 
 class ProviderInformation extends React__default["default"].Component {
   render() {
@@ -31418,6 +31669,12 @@ class ProviderDetails$1 extends React__default["default"].Component {
       fetchProviderDetails(providerPid);
     }
   }
+  componentWillUnmount() {
+    const {
+      clearProviderDetails
+    } = this.props;
+    clearProviderDetails();
+  }
   render() {
     const {
       data,
@@ -31476,7 +31733,8 @@ const mapStateToProps$u = state => ({
 });
 const mapDispatchToProps$j = dispatch => ({
   fetchProviderDetails: providerPid => dispatch(fetchProviderDetails(providerPid)),
-  deleteProvider: providerPid => dispatch(deleteProvider(providerPid))
+  deleteProvider: providerPid => dispatch(deleteProvider(providerPid)),
+  clearProviderDetails: () => dispatch(clearProviderDetails())
 });
 const ProviderDetails = reactRedux.connect(mapStateToProps$u, mapDispatchToProps$j)(ProviderDetails$1);
 
@@ -31845,6 +32103,7 @@ class ProviderSearch extends React.Component {
 const IS_LOADING$a = 'fetchSeriesDetails/IS_LOADING';
 const SUCCESS$a = 'fetchSeriesDetails/SUCCESS';
 const HAS_ERROR$a = 'fetchSeriesDetails/HAS_ERROR';
+const CLEAR = 'fetchSeriesDetails/CLEAR';
 const DELETE_IS_LOADING = 'deleteSeries/DELETE_IS_LOADING';
 const DELETE_SUCCESS = 'deleteSeries/DELETE_SUCCESS';
 const DELETE_HAS_ERROR = 'deleteSeries/DELETE_HAS_ERROR';
@@ -31893,6 +32152,13 @@ const fetchSeriesDetails$1 = seriesPid => {
     }
   };
 };
+const clearSeriesDetails = () => {
+  return dispatch => {
+    dispatch({
+      type: CLEAR
+    });
+  };
+};
 
 const deleteButton = props => {
   return /*#__PURE__*/React__default["default"].createElement(DeleteButton, Object.assign({
@@ -33522,6 +33788,12 @@ class SeriesDetails$3 extends React.Component {
       fetchSeriesDetails(match.params.seriesPid);
     }
   }
+  componentWillUnmount() {
+    const {
+      clearSeriesDetails
+    } = this.props;
+    clearSeriesDetails();
+  }
   render() {
     const {
       isLoading,
@@ -33594,7 +33866,8 @@ const mapStateToProps$j = state => ({
   multipartMonographsInSeries: state.seriesMultipartMonographs.data
 });
 const mapDispatchToProps$g = dispatch => ({
-  fetchSeriesDetails: seriesPid => dispatch(fetchSeriesDetails$1(seriesPid))
+  fetchSeriesDetails: seriesPid => dispatch(fetchSeriesDetails$1(seriesPid)),
+  clearSeriesDetails: () => dispatch(clearSeriesDetails())
 });
 const SeriesDetails$2 = reactRedux.connect(mapStateToProps$j, mapDispatchToProps$g)(SeriesDetails$3);
 
@@ -38783,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,
@@ -38800,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)));
@@ -38811,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 {
@@ -38838,7 +39147,8 @@ class LoanExtendButton extends React.Component {
       };
     };
     this.state = {
-      isLoading: false
+      isLoading: false,
+      showOverbookedConfirm: false
     };
   }
   componentWillUnmount() {
@@ -38857,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"
@@ -41148,6 +41468,10 @@ const loanDetailsReducer = function () {
         isLoading: false,
         hasError: true
       };
+    case CLEAR$5:
+      return {
+        ...initialDetailsState
+      };
     default:
       return state;
   }
@@ -41536,6 +41860,10 @@ var orderDetailsReducer = (function () {
         error: action.payload,
         hasError: true
       };
+    case CLEAR$c:
+      return {
+        ...initialState$A
+      };
     default:
       return state;
   }
@@ -41600,7 +41928,7 @@ var itemsCheckInReducer = (function () {
         error: action.payload,
         hasError: true
       };
-    case CLEAR$1:
+    case CLEAR$b:
       return {
         ...state,
         items: [],
@@ -41749,6 +42077,10 @@ var documentDetailsReducer = (function () {
         error: action.payload,
         hasError: true
       };
+    case CLEAR$a:
+      return {
+        ...initialState$w
+      };
     default:
       return state;
   }
@@ -41938,6 +42270,10 @@ var documentRequestDetailsReducer = (function () {
         isLoading: false,
         hasError: true
       };
+    case CLEAR$9:
+      return {
+        ...initialState$r
+      };
     default:
       return state;
   }
@@ -42078,6 +42414,10 @@ var eitemDetailsReducer = (function () {
         error: action.payload,
         hasError: true
       };
+    case CLEAR$8:
+      return {
+        ...initialState$p
+      };
     default:
       return state;
   }
@@ -42177,6 +42517,10 @@ var borrowingRequestDetailsReducer = (function () {
         isLoading: false,
         hasError: true
       };
+    case CLEAR$7:
+      return {
+        ...initialState$m
+      };
     default:
       return state;
   }
@@ -42231,6 +42575,10 @@ var providerDetailsReducer = (function () {
         error: action.payload,
         hasError: true
       };
+    case CLEAR$1:
+      return {
+        ...initialState$l
+      };
     default:
       return state;
   }
@@ -42286,6 +42634,10 @@ var itemDetailsReducer = (function () {
         error: action.payload,
         hasError: true
       };
+    case CLEAR$6:
+      return {
+        ...initialState$k
+      };
     default:
       return state;
   }
@@ -42359,7 +42711,7 @@ var loanUpdateDatesReducer = (function () {
         error: action.payload,
         hasError: true
       };
-    case CLEAR:
+    case CLEAR$4:
       return initialState$i;
     default:
       return state;
@@ -42453,6 +42805,10 @@ var locationDetailsReducer = (function () {
         error: action.payload,
         hasError: true
       };
+    case CLEAR$3:
+      return {
+        ...initialState$g
+      };
     default:
       return state;
   }
@@ -42647,6 +43003,10 @@ var patronDetailsReducer = (function () {
         error: action.payload,
         hasError: true
       };
+    case CLEAR$2:
+      return {
+        ...initialState$c
+      };
     default:
       return state;
   }
@@ -42734,6 +43094,10 @@ var seriesDetailsReducer = (function () {
         error: action.payload,
         hasError: true
       };
+    case CLEAR:
+      return {
+        ...initialState$a
+      };
     default:
       return state;
   }