@inveniosoftware/react-invenio-app-ils 1.0.0-alpha.58 → 1.0.0-alpha.59

package/dist/cjs/index.js

@@ -38,8 +38,8 @@ var _groupBy = require('lodash/groupBy');
 var _keys = require('lodash/keys');
 var ShowMore = require('react-show-more');
 var _first = require('lodash/first');
-var object = require('lodash/object');
 var ReactDOM = require('react-dom');
+var object = require('lodash/object');
 var _difference = require('lodash/difference');
 var _concat = require('lodash/concat');
 var number = require('lodash/number');
@@ -6351,11 +6351,17 @@ var QueryBuilder$4 = /*#__PURE__*/function () {
       return this;
     }
   }, {
-    key: "sortByRequestStartDate",
-    value: function sortByRequestStartDate() {
+    key: "sortByRequestStartDateDesc",
+    value: function sortByRequestStartDateDesc() {
       this.sortBy = "&sort=-request_start_date";
       return this;
     }
+  }, {
+    key: "sortByRequestStartDateAsc",
+    value: function sortByRequestStartDateAsc() {
+      this.sortBy = "&sort=request_start_date";
+      return this;
+    }
   }, {
     key: "qs",
     value: function qs() {
@@ -7937,12 +7943,18 @@ var isAPIError = function isAPIError(error) {
 };
 
 var shouldShowErrorPage = function shouldShowErrorPage(error) {
-  if (!isAPIError(error)) {
-    return true;
-  }
+  var _error$response;
+
+  if (isAPIError(error)) {
+    // do not display the error in a full page, show the error only in the specific component (probably a notification).
+    return false;
+  } // when the exception is handled, we don't want to display a full page error (probably a notification).
 
-  return error.response.status !== 400;
+
+  var handledException = (error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 400;
+  return handledException ? false : true;
 };
+
 var Error$1 = /*#__PURE__*/function (_Component) {
   _inherits(Error, _Component);
 
@@ -8592,12 +8604,14 @@ var REMOVE = 'notifications/REMOVE';
 var CLEAR_ALL = 'notifications/CLEAR_ALL';
 var sendErrorNotification = function sendErrorNotification(error) {
   return function (dispatch) {
-    if (!shouldShowErrorPage(error)) {
+    if (isAPIError(error)) {
       var errorData = error.response.data;
       var errorModule = errorData.error_module,
           message = errorData.message;
       var title = errorModule ? "".concat(errorModule) : 'Something went wrong';
       dispatch(addNotification(title, message, 'error'));
+    } else {
+      dispatch(addNotification('Something went wrong', error.message, 'error'));
     }
   };
 };
@@ -8726,7 +8740,7 @@ var mapStateToProps$1D = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1k = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1l = function mapDispatchToProps(dispatch) {
   return {
     sendErrorNotification: function sendErrorNotification(title, content) {
       return dispatch(addNotification(title, content, 'error'));
@@ -8734,7 +8748,7 @@ var mapDispatchToProps$1k = function mapDispatchToProps(dispatch) {
   };
 };
 
-var AuthenticationGuard = reactRedux.connect(mapStateToProps$1D, mapDispatchToProps$1k)(AuthenticationGuard$1);
+var AuthenticationGuard = reactRedux.connect(mapStateToProps$1D, mapDispatchToProps$1l)(AuthenticationGuard$1);
 
 var _excluded$x = ["autoDismiss"];
 var IlsMessage = /*#__PURE__*/function (_Component) {
@@ -8885,7 +8899,7 @@ var mapStateToProps$1C = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1j = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1k = function mapDispatchToProps(dispatch) {
   return {
     removeNotification: function removeNotification(notificationId) {
       return dispatch({
@@ -8896,7 +8910,7 @@ var mapDispatchToProps$1j = function mapDispatchToProps(dispatch) {
   };
 };
 
-var Notifications = reactRedux.connect(mapStateToProps$1C, mapDispatchToProps$1j)(Notifications$1);
+var Notifications = reactRedux.connect(mapStateToProps$1C, mapDispatchToProps$1k)(Notifications$1);
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -9296,7 +9310,7 @@ BaseForm$1.defaultProps = {
   buttons: null
 };
 
-var mapDispatchToProps$1i = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1j = function mapDispatchToProps(dispatch) {
   return {
     sendSuccessNotification: function sendSuccessNotification$1(title, content) {
       return dispatch(sendSuccessNotification(title, content));
@@ -9304,7 +9318,7 @@ var mapDispatchToProps$1i = function mapDispatchToProps(dispatch) {
   };
 };
 
-var BaseForm = reactRedux.connect(null, mapDispatchToProps$1i)(BaseForm$1);
+var BaseForm = reactRedux.connect(null, mapDispatchToProps$1j)(BaseForm$1);
 
 var YearPicker = /*#__PURE__*/function (_Component) {
   _inherits(YearPicker, _Component);
@@ -10339,7 +10353,7 @@ var mapStateToProps$1B = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1h = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1i = function mapDispatchToProps(dispatch) {
   return {
     sendSuccessNotification: function sendSuccessNotification$1(title, content) {
       return dispatch(sendSuccessNotification(title, content));
@@ -10347,7 +10361,7 @@ var mapDispatchToProps$1h = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentRequestForm = reactRedux.connect(mapStateToProps$1B, mapDispatchToProps$1h)(DocumentRequestFormComponent);
+var DocumentRequestForm = reactRedux.connect(mapStateToProps$1B, mapDispatchToProps$1i)(DocumentRequestFormComponent);
 
 var DynamicResponsive = createCommonjsModule(function (module, exports) {
 
@@ -14198,7 +14212,7 @@ LoginWithLocalAccountLayout.defaultProps = {
 };
 var LoginWithLocalAccountComponent = Overridable__default["default"].component('LoginWithLocalAccount', LoginWithLocalAccount$1);
 
-var mapDispatchToProps$1g = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1h = function mapDispatchToProps(dispatch) {
   return {
     fetchUserProfile: function fetchUserProfile$1() {
       return dispatch(fetchUserProfile());
@@ -14206,7 +14220,7 @@ var mapDispatchToProps$1g = function mapDispatchToProps(dispatch) {
   };
 };
 
-var LoginWithLocalAccount = reactRedux.connect(null, mapDispatchToProps$1g)(LoginWithLocalAccountComponent);
+var LoginWithLocalAccount = reactRedux.connect(null, mapDispatchToProps$1h)(LoginWithLocalAccountComponent);
 
 var _excluded$i = ["nextUrl", "url", "hasError", "errorMessage"];
 
@@ -14582,7 +14596,7 @@ var mapStateToProps$1A = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1f = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1g = function mapDispatchToProps(dispatch) {
   return {
     fetchUserProfile: function fetchUserProfile$1() {
       return dispatch(fetchUserProfile());
@@ -14590,7 +14604,7 @@ var mapDispatchToProps$1f = function mapDispatchToProps(dispatch) {
   };
 };
 
-var Login = reactRedux.connect(mapStateToProps$1A, mapDispatchToProps$1f)(LoginComponent);
+var Login = reactRedux.connect(mapStateToProps$1A, mapDispatchToProps$1g)(LoginComponent);
 
 var ConfirmEmailLayout = function ConfirmEmailLayout(_ref) {
   var isConfirmed = _ref.isConfirmed,
@@ -14697,7 +14711,7 @@ var mapStateToProps$1z = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1e = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1f = function mapDispatchToProps(dispatch) {
   return {
     sendErrorNotification: function sendErrorNotification(title, content) {
       return dispatch(addNotification(title, content, 'error'));
@@ -14711,7 +14725,7 @@ var mapDispatchToProps$1e = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ConfirmEmail = reactRedux.connect(mapStateToProps$1z, mapDispatchToProps$1e)(ConfirmEmailComponent);
+var ConfirmEmail = reactRedux.connect(mapStateToProps$1z, mapDispatchToProps$1f)(ConfirmEmailComponent);
 
 var HttpError = /*#__PURE__*/function (_Component) {
   _inherits(HttpError, _Component);
@@ -15132,7 +15146,7 @@ var mapStateToProps$1y = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1d = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1e = function mapDispatchToProps(dispatch) {
   return {
     sendErrorNotification: function sendErrorNotification(title, content) {
       return dispatch(addNotification(title, content, 'error'));
@@ -15143,7 +15157,7 @@ var mapDispatchToProps$1d = function mapDispatchToProps(dispatch) {
   };
 };
 
-var Sidebar = reactRedux.connect(mapStateToProps$1y, mapDispatchToProps$1d)(SidebarComponent);
+var Sidebar = reactRedux.connect(mapStateToProps$1y, mapDispatchToProps$1e)(SidebarComponent);
 
 var FETCH_BANNER_EVERY_SECS = 60 * 5; // 5 minutes
 
@@ -15298,7 +15312,7 @@ var mapStateToProps$1x = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1c = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1d = function mapDispatchToProps(dispatch) {
   return {
     fetchBanner: function fetchBanner$1() {
       return dispatch(fetchBanner());
@@ -15309,7 +15323,7 @@ var mapDispatchToProps$1c = function mapDispatchToProps(dispatch) {
   };
 };
 
-var Banner = reactRedux.connect(mapStateToProps$1x, mapDispatchToProps$1c)(BannerComponent);
+var Banner = reactRedux.connect(mapStateToProps$1x, mapDispatchToProps$1d)(BannerComponent);
 
 var IS_LOADING$H = 'fetchOrderDetails/IS_LOADING';
 var SUCCESS$H = 'fetchOrderDetails/SUCCESS';
@@ -16426,7 +16440,7 @@ var mapStateToProps$1w = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1b = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1c = function mapDispatchToProps(dispatch) {
   return {
     fetchOrderDetails: function fetchOrderDetails$1(orderPid) {
       return dispatch(fetchOrderDetails(orderPid));
@@ -16434,7 +16448,7 @@ var mapDispatchToProps$1b = function mapDispatchToProps(dispatch) {
   };
 };
 
-var OrderDetails = reactRedux.connect(mapStateToProps$1w, mapDispatchToProps$1b)(OrderDetails$1);
+var OrderDetails = reactRedux.connect(mapStateToProps$1w, mapDispatchToProps$1c)(OrderDetails$1);
 
 /**
  * Generic React JSONSchema Form widget to search and select hits
@@ -18333,6 +18347,20 @@ var RJSFVocabulary = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
 
+    _this.validateValue = function (value, options, isLoading) {
+      var noOptionSelected = !value;
+      if (noOptionSelected) return true;
+      if (!options.length || isLoading) return;
+
+      var foundValue = function foundValue(value) {
+        return options.find(function (option) {
+          return option.value === value;
+        });
+      };
+
+      return !!foundValue(value);
+    };
+
     _this.serializer = function (hit) {
       return {
         key: hit.metadata.key,
@@ -18453,12 +18481,17 @@ var RJSFVocabulary = /*#__PURE__*/function (_Component) {
           isLoading = _this$state.isLoading,
           value = _this$state.value,
           error = _this$state.error;
+      var valueIsValid = this.validateValue(value, options, isLoading);
+      var invalidValueError = {
+        content: ' Invalid option was selected',
+        pointing: 'above'
+      };
       return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Select, {
         fluid: true,
         selection: true,
         options: options,
         label: label,
-        value: value,
+        value: valueIsValid ? value : undefined,
         clearable: true,
         required: required,
         autoFocus: autofocus,
@@ -18466,7 +18499,8 @@ var RJSFVocabulary = /*#__PURE__*/function (_Component) {
         onChange: this.handleChange,
         disabled: isLoading || readonly,
         loading: isLoading,
-        noResultsMessage: error ? error : 'No results found'
+        noResultsMessage: error ? error : 'No results found',
+        error: !valueIsValid && invalidValueError
       });
     }
   }]);
@@ -18837,7 +18871,7 @@ RJSForm$1.defaultProps = {
   successCallback: null
 };
 
-var mapDispatchToProps$1a = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1b = function mapDispatchToProps(dispatch) {
   return {
     sendSuccessNotification: function sendSuccessNotification$1(title, content) {
       return dispatch(sendSuccessNotification(title, content));
@@ -18845,7 +18879,7 @@ var mapDispatchToProps$1a = function mapDispatchToProps(dispatch) {
   };
 };
 
-var RJSForm = reactRedux.connect(null, mapDispatchToProps$1a)(RJSForm$1);
+var RJSForm = reactRedux.connect(null, mapDispatchToProps$1b)(RJSForm$1);
 
 var schema$9 = function schema() {
   var _schema = {
@@ -20361,7 +20395,7 @@ var checkin = function checkin(barcode, onSuccess) {
                 type: LOAN_HAS_ERROR,
                 payload: _context.t0
               });
-              dispatch(sendErrorNotification('Error'));
+              dispatch(sendErrorNotification(_context.t0));
 
             case 14:
             case "end":
@@ -20444,7 +20478,7 @@ var clearResults$2 = function clearResults() {
   };
 };
 
-var mapDispatchToProps$19 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1a = function mapDispatchToProps(dispatch) {
   return {
     checkin: function checkin$1(barcode, onSuccess) {
       return dispatch(checkin(barcode, onSuccess));
@@ -20458,7 +20492,7 @@ var mapStateToProps$1v = function mapStateToProps(state) {
   };
 };
 
-var ItemsSearch$2 = reactRedux.connect(mapStateToProps$1v, mapDispatchToProps$19)(ItemsSearch$3);
+var ItemsSearch$2 = reactRedux.connect(mapStateToProps$1v, mapDispatchToProps$1a)(ItemsSearch$3);
 
 var ItemCirculation$2 = /*#__PURE__*/function (_Component) {
   _inherits(ItemCirculation, _Component);
@@ -20671,7 +20705,7 @@ CheckedInItems$1.defaultProps = {
   items: []
 };
 
-var mapDispatchToProps$18 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$19 = function mapDispatchToProps(dispatch) {
   return {
     clearResults: function clearResults() {
       return dispatch(clearResults$2());
@@ -20685,7 +20719,7 @@ var mapStateToProps$1u = function mapStateToProps(state) {
   };
 };
 
-var CheckedInItems = reactRedux.connect(mapStateToProps$1u, mapDispatchToProps$18)(CheckedInItems$1);
+var CheckedInItems = reactRedux.connect(mapStateToProps$1u, mapDispatchToProps$19)(CheckedInItems$1);
 
 var CheckIn = /*#__PURE__*/function (_Component) {
   _inherits(CheckIn, _Component);
@@ -20910,7 +20944,7 @@ var checkOutSearch = function checkOutSearch(term) {
                 type: SEARCH_HAS_ERROR,
                 payload: _context3.t0
               });
-              dispatch(sendErrorNotification('Error'));
+              dispatch(sendErrorNotification(_context3.t0));
 
             case 21:
             case "end":
@@ -20926,7 +20960,7 @@ var checkOutSearch = function checkOutSearch(term) {
   }();
 };
 
-var mapDispatchToProps$17 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$18 = function mapDispatchToProps(dispatch) {
   return {
     checkOutSearch: function checkOutSearch$1(term) {
       return dispatch(checkOutSearch(term));
@@ -20943,7 +20977,7 @@ var mapStateToProps$1t = function mapStateToProps(state) {
   };
 };
 
-var CheckOutSearch = reactRedux.connect(mapStateToProps$1t, mapDispatchToProps$17)(CheckOutSearch$1);
+var CheckOutSearch = reactRedux.connect(mapStateToProps$1t, mapDispatchToProps$18)(CheckOutSearch$1);
 
 var ItemList = function ItemList(_ref) {
   var items = _ref.items;
@@ -21328,7 +21362,7 @@ CheckOutResults$1.defaultProps = {
   isLoading: false
 };
 
-var mapDispatchToProps$16 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$17 = function mapDispatchToProps(dispatch) {
   return {
     clearResults: function clearResults() {
       return dispatch(clearResults$1());
@@ -21345,7 +21379,7 @@ var mapStateToProps$1s = function mapStateToProps(state) {
   };
 };
 
-var CheckOutResults = reactRedux.connect(mapStateToProps$1s, mapDispatchToProps$16)(CheckOutResults$1);
+var CheckOutResults = reactRedux.connect(mapStateToProps$1s, mapDispatchToProps$17)(CheckOutResults$1);
 
 var CheckOut = /*#__PURE__*/function (_Component) {
   _inherits(CheckOut, _Component);
@@ -22906,7 +22940,7 @@ var mapStateToProps$1r = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$15 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$16 = function mapDispatchToProps(dispatch) {
   return {
     fetchReferences: function fetchReferences$1(promiseArray) {
       return dispatch(fetchReferences(promiseArray));
@@ -22914,7 +22948,7 @@ var mapDispatchToProps$15 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DeleteRecordModal = reactRedux.connect(mapStateToProps$1r, mapDispatchToProps$15)(DeleteRecordModal$1);
+var DeleteRecordModal = reactRedux.connect(mapStateToProps$1r, mapDispatchToProps$16)(DeleteRecordModal$1);
 
 function formatPidTypeToName(pidType) {
   switch (pidType) {
@@ -23138,7 +23172,7 @@ var DocumentDeleteModal$1 = /*#__PURE__*/function (_Component) {
   return DocumentDeleteModal;
 }(React.Component);
 
-var mapDispatchToProps$14 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$15 = function mapDispatchToProps(dispatch) {
   return {
     deleteDocument: function deleteDocument$1(documentPid) {
       return dispatch(deleteDocument(documentPid));
@@ -23146,7 +23180,7 @@ var mapDispatchToProps$14 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentDeleteModal = reactRedux.connect(null, mapDispatchToProps$14)(DocumentDeleteModal$1);
+var DocumentDeleteModal = reactRedux.connect(null, mapDispatchToProps$15)(DocumentDeleteModal$1);
 
 var DocumentActionMenu$1 = /*#__PURE__*/function (_Component) {
   _inherits(DocumentActionMenu, _Component);
@@ -23292,7 +23326,7 @@ var mapStateToProps$1q = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$13 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$14 = function mapDispatchToProps(dispatch) {
   return {
     deleteDocument: function deleteDocument$1(documentPid) {
       return dispatch(deleteDocument(documentPid));
@@ -23304,7 +23338,7 @@ var mapDispatchToProps$13 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentActionMenu = reactRedux.connect(mapStateToProps$1q, mapDispatchToProps$13)(DocumentActionMenu$1);
+var DocumentActionMenu = reactRedux.connect(mapStateToProps$1q, mapDispatchToProps$14)(DocumentActionMenu$1);
 
 var DocumentExtras = /*#__PURE__*/function (_Component) {
   _inherits(DocumentExtras, _Component);
@@ -24258,7 +24292,7 @@ var mapStateToProps$1p = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$12 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$13 = function mapDispatchToProps(dispatch) {
   return {
     fetchDocumentDetails: function fetchDocumentDetails$1(documentPid) {
       return dispatch(fetchDocumentDetails(documentPid));
@@ -24266,7 +24300,7 @@ var mapDispatchToProps$12 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentMetadata$2 = reactRedux.connect(mapStateToProps$1p, mapDispatchToProps$12)(DocumentMetadata$3);
+var DocumentMetadata$2 = reactRedux.connect(mapStateToProps$1p, mapDispatchToProps$13)(DocumentMetadata$3);
 
 var DocumentSummary$1 = /*#__PURE__*/function (_Component) {
   _inherits(DocumentSummary, _Component);
@@ -24582,7 +24616,7 @@ var mapStateToProps$1n = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$11 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$12 = function mapDispatchToProps(dispatch) {
   return {
     fetchDocumentEItems: function fetchDocumentEItems$1(documentPid) {
       return dispatch(fetchDocumentEItems(documentPid));
@@ -24590,7 +24624,7 @@ var mapDispatchToProps$11 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentEItems$1 = reactRedux.connect(mapStateToProps$1n, mapDispatchToProps$11)(DocumentEItems$2);
+var DocumentEItems$1 = reactRedux.connect(mapStateToProps$1n, mapDispatchToProps$12)(DocumentEItems$2);
 
 var IS_LOADING$D = 'fetchDocumentItems/IS_LOADING';
 var SUCCESS$D = 'fetchDocumentItems/SUCCESS';
@@ -24772,7 +24806,7 @@ var mapStateToProps$1m = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$10 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$11 = function mapDispatchToProps(dispatch) {
   return {
     fetchDocumentItems: function fetchDocumentItems$1(documentPid) {
       return dispatch(fetchDocumentItems(documentPid));
@@ -24780,7 +24814,7 @@ var mapDispatchToProps$10 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentItems$2 = reactRedux.connect(mapStateToProps$1m, mapDispatchToProps$10)(DocumentItems$3);
+var DocumentItems$2 = reactRedux.connect(mapStateToProps$1m, mapDispatchToProps$11)(DocumentItems$3);
 
 var IS_LOADING$C = 'fetchPendingLoansOnDocument/IS_LOADING';
 var SUCCESS$C = 'fetchPendingLoansOnDocument/SUCCESS';
@@ -24798,7 +24832,7 @@ var fetchPendingLoans = function fetchPendingLoans(documentPid) {
               });
               _context.prev = 1;
               _context.next = 4;
-              return loanApi.list(loanApi.query().withDocPid(documentPid).withState(invenioConfig.CIRCULATION.loanRequestStates).qs());
+              return loanApi.list(loanApi.query().withDocPid(documentPid).withState(invenioConfig.CIRCULATION.loanRequestStates).sortByRequestStartDateAsc().qs());
 
             case 4:
               response = _context.sent;
@@ -24942,7 +24976,7 @@ var mapStateToProps$1l = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$$ = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$10 = function mapDispatchToProps(dispatch) {
   return {
     fetchPendingLoans: function fetchPendingLoans$1(documentPid) {
       return dispatch(fetchPendingLoans(documentPid));
@@ -24950,7 +24984,7 @@ var mapDispatchToProps$$ = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentPendingLoans = reactRedux.connect(mapStateToProps$1l, mapDispatchToProps$$)(DocumentPendingLoans$1);
+var DocumentPendingLoans = reactRedux.connect(mapStateToProps$1l, mapDispatchToProps$10)(DocumentPendingLoans$1);
 
 var IS_LOADING$B = 'fetchDocumentStats/IS_LOADING';
 var SUCCESS$B = 'fetchDocumentStats/SUCCESS';
@@ -25179,7 +25213,7 @@ var mapStateToProps$1k = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$_ = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$$ = function mapDispatchToProps(dispatch) {
   return {
     fetchDocumentStats: function fetchDocumentStats$1(args) {
       return dispatch(fetchDocumentStats(args));
@@ -25187,7 +25221,7 @@ var mapDispatchToProps$_ = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentStats$2 = reactRedux.connect(mapStateToProps$1k, mapDispatchToProps$_)(DocumentStats$3);
+var DocumentStats$2 = reactRedux.connect(mapStateToProps$1k, mapDispatchToProps$$)(DocumentStats$3);
 
 var _excluded$b = ["pidValue", "children"];
 var DocumentDetailsLink = /*#__PURE__*/function (_Component) {
@@ -25504,7 +25538,7 @@ RelationRemover$1.defaultProps = {
   trigger: null
 };
 
-var mapDispatchToProps$Z = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$_ = function mapDispatchToProps(dispatch) {
   return {
     deleteRelation: function deleteRelation$1(referrer, related) {
       return dispatch(deleteRelation(referrer, related));
@@ -25512,7 +25546,7 @@ var mapDispatchToProps$Z = function mapDispatchToProps(dispatch) {
   };
 };
 
-var RelationRemover = reactRedux.connect(null, mapDispatchToProps$Z)(RelationRemover$1);
+var RelationRemover = reactRedux.connect(null, mapDispatchToProps$_)(RelationRemover$1);
 
 var DocumentSelectListEntry = /*#__PURE__*/function (_Component) {
   _inherits(DocumentSelectListEntry, _Component);
@@ -25754,7 +25788,7 @@ var MultipleSelections$1 = /*#__PURE__*/function (_Component) {
   return MultipleSelections;
 }(React.Component);
 
-var mapDispatchToProps$Y = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$Z = function mapDispatchToProps(dispatch) {
   return {
     removeSelection: function removeSelection$1(removePid) {
       return dispatch(removeSelection(removePid));
@@ -25768,7 +25802,7 @@ var mapStateToProps$1j = function mapStateToProps(state) {
   };
 };
 
-var MultipleSelections = reactRedux.connect(mapStateToProps$1j, mapDispatchToProps$Y)(MultipleSelections$1);
+var MultipleSelections = reactRedux.connect(mapStateToProps$1j, mapDispatchToProps$Z)(MultipleSelections$1);
 
 var RelationModal$1 = /*#__PURE__*/function (_Component) {
   _inherits(RelationModal, _Component);
@@ -25899,7 +25933,7 @@ RelationModal$1.defaultProps = {
   disabledContent: null
 };
 
-var mapDispatchToProps$X = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$Y = function mapDispatchToProps(dispatch) {
   return {
     createRelations: function createRelations$1(relationType, selections, extraRelationField, referrerRecord) {
       return dispatch(createRelations(relationType, selections, extraRelationField, referrerRecord));
@@ -25916,7 +25950,7 @@ var mapStateToProps$1i = function mapStateToProps(state) {
   };
 };
 
-var RelationModal = reactRedux.connect(mapStateToProps$1i, mapDispatchToProps$X)(RelationModal$1);
+var RelationModal = reactRedux.connect(mapStateToProps$1i, mapDispatchToProps$Y)(RelationModal$1);
 
 var RelationSelector$1 = /*#__PURE__*/function (_Component) {
   _inherits(RelationSelector, _Component);
@@ -26031,7 +26065,7 @@ var mapStateToProps$1h = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$W = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$X = function mapDispatchToProps(dispatch) {
   return {
     selectOption: function selectOption$1(option) {
       return dispatch(selectOption(option));
@@ -26045,7 +26079,7 @@ var mapDispatchToProps$W = function mapDispatchToProps(dispatch) {
   };
 };
 
-var RelationSelector = reactRedux.connect(mapStateToProps$1h, mapDispatchToProps$W)(RelationSelector$1);
+var RelationSelector = reactRedux.connect(mapStateToProps$1h, mapDispatchToProps$X)(RelationSelector$1);
 
 var SeriesCard = /*#__PURE__*/function (_Component) {
   _inherits(SeriesCard, _Component);
@@ -26588,7 +26622,7 @@ var SingleSelection$1 = /*#__PURE__*/function (_Component) {
   return SingleSelection;
 }(React.Component);
 
-var mapDispatchToProps$V = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$W = function mapDispatchToProps(dispatch) {
   return {
     removeSelection: function removeSelection$1(removePid) {
       return dispatch(removeSelection(removePid));
@@ -26602,7 +26636,7 @@ var mapStateToProps$1d = function mapStateToProps(state) {
   };
 };
 
-var SingleSelection = reactRedux.connect(mapStateToProps$1d, mapDispatchToProps$V)(SingleSelection$1);
+var SingleSelection = reactRedux.connect(mapStateToProps$1d, mapDispatchToProps$W)(SingleSelection$1);
 
 var RelationOtherModal$4 = /*#__PURE__*/function (_Component) {
   _inherits(RelationOtherModal, _Component);
@@ -28084,7 +28118,7 @@ var mapStateToProps$12 = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$U = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$V = function mapDispatchToProps(dispatch) {
   return {
     fetchDocumentDetails: function fetchDocumentDetails$1(documentPid) {
       return dispatch(fetchDocumentDetails(documentPid));
@@ -28092,7 +28126,7 @@ var mapDispatchToProps$U = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentDetails$2 = reactRedux.connect(mapStateToProps$12, mapDispatchToProps$U)(DocumentDetails$3);
+var DocumentDetails$2 = reactRedux.connect(mapStateToProps$12, mapDispatchToProps$V)(DocumentDetails$3);
 
 var getSchemaFieldProps = function getSchemaFieldProps(fieldConfig) {
   var schemaProps = {};
@@ -30406,7 +30440,7 @@ var DocumentRequestActions$1 = /*#__PURE__*/function (_Component) {
 }(React.Component);
 DocumentRequestActions$1.defaultProps = {};
 
-var mapDispatchToProps$T = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$U = function mapDispatchToProps(dispatch) {
   return {
     declineRequest: function declineRequest$1(pid, data) {
       return dispatch(declineRequest(pid, data));
@@ -30420,7 +30454,7 @@ var mapDispatchToProps$T = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentRequestActions = reactRedux.connect(null, mapDispatchToProps$T)(DocumentRequestActions$1);
+var DocumentRequestActions = reactRedux.connect(null, mapDispatchToProps$U)(DocumentRequestActions$1);
 
 var DocumentRequestHeader = /*#__PURE__*/function (_Component) {
   _inherits(DocumentRequestHeader, _Component);
@@ -30772,7 +30806,7 @@ var AcceptStepPanel$1 = /*#__PURE__*/function (_Component) {
   return AcceptStepPanel;
 }(React.Component);
 
-var mapDispatchToProps$S = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$T = function mapDispatchToProps(dispatch) {
   return {
     acceptRequest: function acceptRequest$1(documentRequestPid) {
       return dispatch(acceptRequest(documentRequestPid));
@@ -30780,7 +30814,7 @@ var mapDispatchToProps$S = function mapDispatchToProps(dispatch) {
   };
 };
 
-var AcceptStepPanel = reactRedux.connect(null, mapDispatchToProps$S)(AcceptStepPanel$1);
+var AcceptStepPanel = reactRedux.connect(null, mapDispatchToProps$T)(AcceptStepPanel$1);
 
 /**
  * @callback customizedValueFunction
@@ -30914,7 +30948,7 @@ var ChooseDocumentStepPanel$1 = /*#__PURE__*/function (_Component) {
   return ChooseDocumentStepPanel;
 }(React.Component);
 
-var mapDispatchToProps$R = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$S = function mapDispatchToProps(dispatch) {
   return {
     addDocument: function addDocument$1(pid, key) {
       return dispatch(addDocument(pid, key));
@@ -30922,7 +30956,7 @@ var mapDispatchToProps$R = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ChooseDocumentStepPanel = reactRedux.connect(null, mapDispatchToProps$R)(ChooseDocumentStepPanel$1);
+var ChooseDocumentStepPanel = reactRedux.connect(null, mapDispatchToProps$S)(ChooseDocumentStepPanel$1);
 
 var AcqProvider = /*#__PURE__*/function (_Component) {
   _inherits(AcqProvider, _Component);
@@ -31118,7 +31152,7 @@ var ChooseProviderStepPanel$1 = /*#__PURE__*/function (_Component3) {
   return ChooseProviderStepPanel;
 }(React.Component);
 
-var mapDispatchToProps$Q = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$R = function mapDispatchToProps(dispatch) {
   return {
     addProvider: function addProvider$1(provDataPid, pid, pidType) {
       return dispatch(addProvider(provDataPid, pid, pidType));
@@ -31126,7 +31160,7 @@ var mapDispatchToProps$Q = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ChooseProviderStepPanel = reactRedux.connect(null, mapDispatchToProps$Q)(ChooseProviderStepPanel$1);
+var ChooseProviderStepPanel = reactRedux.connect(null, mapDispatchToProps$R)(ChooseProviderStepPanel$1);
 
 var DocumentRequestStepPanels = /*#__PURE__*/function (_Component) {
   _inherits(DocumentRequestStepPanels, _Component);
@@ -31392,7 +31426,7 @@ var mapStateToProps$11 = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$P = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$Q = function mapDispatchToProps(dispatch) {
   return {
     fetchDocumentRequestDetails: function fetchDocumentRequestDetails$1(documentRequestPid) {
       return dispatch(fetchDocumentRequestDetails(documentRequestPid));
@@ -31400,7 +31434,7 @@ var mapDispatchToProps$P = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentRequestDetails = reactRedux.connect(mapStateToProps$11, mapDispatchToProps$P)(DocumentRequestDetails$1);
+var DocumentRequestDetails = reactRedux.connect(mapStateToProps$11, mapDispatchToProps$Q)(DocumentRequestDetails$1);
 
 var schema$7 = function schema() {
   var _invenioConfig$DOCUME;
@@ -32448,7 +32482,7 @@ var mapStateToProps$10 = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$O = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$P = function mapDispatchToProps(dispatch) {
   return {
     sendErrorNotification: function sendErrorNotification(title, message) {
       return dispatch(addNotification(title, message, 'error'));
@@ -32462,7 +32496,7 @@ var mapDispatchToProps$O = function mapDispatchToProps(dispatch) {
   };
 };
 
-var EItemFiles = reactRedux.connect(mapStateToProps$10, mapDispatchToProps$O)(EItemFiles$1);
+var EItemFiles = reactRedux.connect(mapStateToProps$10, mapDispatchToProps$P)(EItemFiles$1);
 
 var EItemHeader = /*#__PURE__*/function (_Component) {
   _inherits(EItemHeader, _Component);
@@ -32676,7 +32710,7 @@ var mapStateToProps$$ = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$N = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$O = function mapDispatchToProps(dispatch) {
   return {
     deleteEItem: function deleteEItem$1(eitemPid) {
       return dispatch(deleteEItem(eitemPid));
@@ -32684,7 +32718,7 @@ var mapDispatchToProps$N = function mapDispatchToProps(dispatch) {
   };
 };
 
-var EItemMetadata = reactRedux.connect(mapStateToProps$$, mapDispatchToProps$N)(EItemMetadata$1);
+var EItemMetadata = reactRedux.connect(mapStateToProps$$, mapDispatchToProps$O)(EItemMetadata$1);
 
 var UploadButton$1 = /*#__PURE__*/function (_React$Component) {
   _inherits(UploadButton, _React$Component);
@@ -32786,7 +32820,7 @@ var mapStateToProps$_ = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$M = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$N = function mapDispatchToProps(dispatch) {
   return {
     sendErrorNotification: function sendErrorNotification(title, message) {
       return dispatch(addNotification(title, message, 'error'));
@@ -32797,7 +32831,7 @@ var mapDispatchToProps$M = function mapDispatchToProps(dispatch) {
   };
 };
 
-var UploadButton = reactRedux.connect(mapStateToProps$_, mapDispatchToProps$M)(UploadButton$1);
+var UploadButton = reactRedux.connect(mapStateToProps$_, mapDispatchToProps$N)(UploadButton$1);
 
 var EItemActionMenu$1 = /*#__PURE__*/function (_Component) {
   _inherits(EItemActionMenu, _Component);
@@ -32876,7 +32910,7 @@ var mapStateToProps$Z = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$L = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$M = function mapDispatchToProps(dispatch) {
   return {
     deleteEItem: function deleteEItem$1(itemPid) {
       return dispatch(deleteEItem(itemPid));
@@ -32884,7 +32918,7 @@ var mapDispatchToProps$L = function mapDispatchToProps(dispatch) {
   };
 };
 
-var EItemActionMenu = reactRedux.connect(mapStateToProps$Z, mapDispatchToProps$L)(EItemActionMenu$1);
+var EItemActionMenu = reactRedux.connect(mapStateToProps$Z, mapDispatchToProps$M)(EItemActionMenu$1);
 
 var EItemDetails$1 = /*#__PURE__*/function (_Component) {
   _inherits(EItemDetails, _Component);
@@ -32981,7 +33015,7 @@ var mapStateToProps$Y = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$K = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$L = function mapDispatchToProps(dispatch) {
   return {
     fetchEItemDetails: function fetchEItemDetails$1(eitemPid) {
       return dispatch(fetchEItemDetails(eitemPid));
@@ -32989,7 +33023,7 @@ var mapDispatchToProps$K = function mapDispatchToProps(dispatch) {
   };
 };
 
-var EItemDetails = reactRedux.connect(mapStateToProps$Y, mapDispatchToProps$K)(EItemDetails$1);
+var EItemDetails = reactRedux.connect(mapStateToProps$Y, mapDispatchToProps$L)(EItemDetails$1);
 
 var schema$6 = function schema() {
   var _schema = {
@@ -35584,7 +35618,7 @@ var mapStateToProps$X = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$J = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$K = function mapDispatchToProps(dispatch) {
   return {
     borrowingRequestLoanExtensionAccept: function borrowingRequestLoanExtensionAccept$1(brwReqPid, loanEndDate) {
       return dispatch(borrowingRequestLoanExtensionAccept(brwReqPid, loanEndDate));
@@ -35595,7 +35629,7 @@ var mapDispatchToProps$J = function mapDispatchToProps(dispatch) {
   };
 };
 
-var BorrowingRequestLoanExtension = reactRedux.connect(mapStateToProps$X, mapDispatchToProps$J)(BorrowingRequestLoanExtension$1);
+var BorrowingRequestLoanExtension = reactRedux.connect(mapStateToProps$X, mapDispatchToProps$K)(BorrowingRequestLoanExtension$1);
 
 var CreateLoanButton = /*#__PURE__*/function (_React$Component) {
   _inherits(CreateLoanButton, _React$Component);
@@ -35883,7 +35917,7 @@ var mapStateToProps$W = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$I = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$J = function mapDispatchToProps(dispatch) {
   return {
     borrowingRequestPatronLoanCreate: function borrowingRequestPatronLoanCreate$1(brwReqPid, loanStartDate, loanEndDate) {
       return dispatch(borrowingRequestPatronLoanCreate(brwReqPid, loanStartDate, loanEndDate));
@@ -35891,7 +35925,7 @@ var mapDispatchToProps$I = function mapDispatchToProps(dispatch) {
   };
 };
 
-var BorrowingRequestPatronLoan = reactRedux.connect(mapStateToProps$W, mapDispatchToProps$I)(BorrowingRequestPatronLoan$1);
+var BorrowingRequestPatronLoan = reactRedux.connect(mapStateToProps$W, mapDispatchToProps$J)(BorrowingRequestPatronLoan$1);
 
 var Loan$1 = /*#__PURE__*/function (_React$Component) {
   _inherits(Loan, _React$Component);
@@ -36559,7 +36593,7 @@ var mapStateToProps$V = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$H = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$I = function mapDispatchToProps(dispatch) {
   return {
     fetchBorrowingRequestDetails: function fetchBorrowingRequestDetails$1(brwReqPid) {
       return dispatch(fetchBorrowingRequestDetails(brwReqPid));
@@ -36567,7 +36601,7 @@ var mapDispatchToProps$H = function mapDispatchToProps(dispatch) {
   };
 };
 
-var BorrowingRequestDetails = reactRedux.connect(mapStateToProps$V, mapDispatchToProps$H)(BorrowingRequestDetails$1);
+var BorrowingRequestDetails = reactRedux.connect(mapStateToProps$V, mapDispatchToProps$I)(BorrowingRequestDetails$1);
 
 var schema$5 = function schema() {
   var _schema = {
@@ -37628,7 +37662,7 @@ var mapStateToProps$U = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$G = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$H = function mapDispatchToProps(dispatch) {
   return {
     deleteItem: function deleteItem$1(itemPid) {
       return dispatch(deleteItem(itemPid));
@@ -37640,7 +37674,7 @@ var mapDispatchToProps$G = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemActionMenu = reactRedux.connect(mapStateToProps$U, mapDispatchToProps$G)(ItemActionMenu$1);
+var ItemActionMenu = reactRedux.connect(mapStateToProps$U, mapDispatchToProps$H)(ItemActionMenu$1);
 
 var _excluded$9 = ["bcc", "body", "cc", "children", "email", "subject", "asButton"];
 var EmailLink = function EmailLink(_ref) {
@@ -38090,7 +38124,7 @@ var mapStateToProps$S = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$F = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$G = function mapDispatchToProps(dispatch) {
   return {
     fetchItemDetails: function fetchItemDetails$1(itemPid) {
       return dispatch(fetchItemDetails(itemPid));
@@ -38105,7 +38139,7 @@ var mapDispatchToProps$F = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemMetadata$1 = reactRedux.connect(mapStateToProps$S, mapDispatchToProps$F)(ItemMetadata$2);
+var ItemMetadata$1 = reactRedux.connect(mapStateToProps$S, mapDispatchToProps$G)(ItemMetadata$2);
 
 var IS_LOADING$s = 'fetchPastLoans/IS_LOADING';
 var SUCCESS$s = 'fetchPastLoans/SUCCESS';
@@ -38295,7 +38329,7 @@ var mapStateToProps$R = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$E = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$F = function mapDispatchToProps(dispatch) {
   return {
     fetchPastLoans: function fetchPastLoans$1(itemPid) {
       return dispatch(fetchPastLoans(itemPid));
@@ -38303,7 +38337,7 @@ var mapDispatchToProps$E = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemPastLoans = reactRedux.connect(mapStateToProps$R, mapDispatchToProps$E)(ItemPastLoans$1);
+var ItemPastLoans = reactRedux.connect(mapStateToProps$R, mapDispatchToProps$F)(ItemPastLoans$1);
 
 var ACTION_IS_LOADING = 'loanAction/IS_LOADING';
 var ACTION_SUCCESS = 'loanAction/SUCCESS';
@@ -38337,7 +38371,7 @@ var fetchLoanDetails = function fetchLoanDetails(loanPid) {
               }
 
               _context.next = 9;
-              return loanApi.list(loanApi.query().withDocPid(response.data.metadata.document_pid).withState(invenioConfig.CIRCULATION.loanRequestStates).sortByRequestStartDate().qs());
+              return loanApi.list(loanApi.query().withDocPid(response.data.metadata.document_pid).withState(invenioConfig.CIRCULATION.loanRequestStates).sortByRequestStartDateAsc().qs());
 
             case 9:
               pendingLoansResponse = _context.sent;
@@ -38600,7 +38634,7 @@ var mapStateToProps$Q = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$D = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$E = function mapDispatchToProps(dispatch) {
   return {
     fetchPendingLoans: function fetchPendingLoans$1(documentPid) {
       return dispatch(fetchPendingLoans(documentPid));
@@ -38614,7 +38648,7 @@ var mapDispatchToProps$D = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemPendingLoans = reactRedux.connect(mapStateToProps$Q, mapDispatchToProps$D)(ItemPendingLoans$1);
+var ItemPendingLoans = reactRedux.connect(mapStateToProps$Q, mapDispatchToProps$E)(ItemPendingLoans$1);
 
 var ItemDetails$1 = /*#__PURE__*/function (_Component) {
   _inherits(ItemDetails, _Component);
@@ -38714,7 +38748,7 @@ var mapStateToProps$P = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$C = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$D = function mapDispatchToProps(dispatch) {
   return {
     fetchItemDetails: function fetchItemDetails$1(itemPid) {
       return dispatch(fetchItemDetails(itemPid));
@@ -38725,7 +38759,7 @@ var mapDispatchToProps$C = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemDetails = reactRedux.connect(mapStateToProps$P, mapDispatchToProps$C)(ItemDetails$1);
+var ItemDetails = reactRedux.connect(mapStateToProps$P, mapDispatchToProps$D)(ItemDetails$1);
 
 var schema$4 = function schema() {
   var _schema = {
@@ -40317,7 +40351,7 @@ var mapStateToProps$M = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$B = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$C = function mapDispatchToProps(dispatch) {
   return {
     fetchAvailableItems: function fetchAvailableItems$1(documentPid) {
       return dispatch(fetchAvailableItems(documentPid));
@@ -40336,7 +40370,7 @@ var mapDispatchToProps$B = function mapDispatchToProps(dispatch) {
   };
 };
 
-var AvailableItems = reactRedux.connect(mapStateToProps$M, mapDispatchToProps$B)(AvailableItems$1);
+var AvailableItems = reactRedux.connect(mapStateToProps$M, mapDispatchToProps$C)(AvailableItems$1);
 
 var LoanUpdateDates$1 = /*#__PURE__*/function (_Component) {
   _inherits(LoanUpdateDates, _Component);
@@ -40594,7 +40628,7 @@ var clearError = function clearError() {
   };
 };
 
-var mapDispatchToProps$A = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$B = function mapDispatchToProps(dispatch) {
   return {
     loanUpdateDates: function loanUpdateDates$1(loanPid, data) {
       return dispatch(loanUpdateDates(loanPid, data));
@@ -40614,7 +40648,7 @@ var mapStateToProps$L = function mapStateToProps(state) {
   };
 };
 
-var LoanUpdateDates = reactRedux.connect(mapStateToProps$L, mapDispatchToProps$A)(LoanUpdateDates$1);
+var LoanUpdateDates = reactRedux.connect(mapStateToProps$L, mapDispatchToProps$B)(LoanUpdateDates$1);
 
 var IS_LOADING$p = 'overdueLoanSendNotificationModal/IS_LOADING';
 var SUCCESS$p = 'overdueLoanSendNotificationModal/SUCCESS';
@@ -40951,7 +40985,7 @@ var mapStateToProps$K = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$z = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$A = function mapDispatchToProps(dispatch) {
   return {
     sendOverdueLoansNotificationReminder: function sendOverdueLoansNotificationReminder$1(loanPid) {
       return dispatch(sendOverdueLoansNotificationReminder(loanPid));
@@ -40959,7 +40993,156 @@ var mapDispatchToProps$z = function mapDispatchToProps(dispatch) {
   };
 };
 
-var OverdueLoanSendNotificationModal = reactRedux.connect(mapStateToProps$K, mapDispatchToProps$z)(OverdueLoanSendNotificationModal$1);
+var OverdueLoanSendNotificationModal = reactRedux.connect(mapStateToProps$K, mapDispatchToProps$A)(OverdueLoanSendNotificationModal$1);
+
+var ExtendModal$1 = /*#__PURE__*/function (_Component) {
+  _inherits(ExtendModal, _Component);
+
+  var _super = _createSuper(ExtendModal);
+
+  function ExtendModal(props) {
+    var _this;
+
+    _classCallCheck(this, ExtendModal);
+
+    _this = _super.call(this, props);
+    _this.fetchCirculation = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+      var _this$props, loanDetails, sendErrorNotification, document_pid, response, circulation;
+
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _this$props = _this.props, loanDetails = _this$props.loanDetails, sendErrorNotification = _this$props.sendErrorNotification;
+              document_pid = loanDetails.metadata.document_pid;
+              _context.prev = 2;
+              _this.cancellableCirculation = withCancel(documentApi.get(document_pid));
+              _context.next = 6;
+              return _this.cancellableCirculation.promise;
+
+            case 6:
+              response = _context.sent;
+              circulation = response.data.metadata.circulation;
+
+              _this.setState({
+                overbooked: circulation.overbooked === true
+              });
+
+              _context.next = 14;
+              break;
+
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](2);
+
+              if (_context.t0 !== 'UNMOUNTED') {
+                sendErrorNotification('Something went wrong while checking if the literature is overbooked.', 'If the problem persists, please contact technical support.');
+              }
+
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 11]]);
+    }));
+
+    _this.extend = function () {
+      var loanAction = _this.props.loanAction;
+      loanAction();
+
+      _this.hide();
+    };
+
+    _this.hide = function () {
+      return _this.setState({
+        open: false
+      });
+    };
+
+    _this.show = function () {
+      return _this.setState({
+        open: true
+      });
+    };
+
+    _this.state = {
+      overbooked: false,
+      open: false
+    };
+    return _this;
+  }
+
+  _createClass(ExtendModal, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.fetchCirculation();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.cancellableCirculation && this.cancellableCirculation.cancel();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          pid = _this$props2.pid,
+          isLoading = _this$props2.isLoading;
+      var _this$state = this.state,
+          open = _this$state.open,
+          overbooked = _this$state.overbooked;
+      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, overbooked ? /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal, {
+        size: "small",
+        trigger: /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
+          primary: true,
+          fluid: true,
+          content: "Extend",
+          onClick: this.show,
+          loading: isLoading,
+          disabled: isLoading
+        }),
+        open: open,
+        onClose: this.hide
+      }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Header, {
+        content: "Extend Loan #".concat(pid)
+      }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Content, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
+        width: 1
+      }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Icon, {
+        name: "warning sign",
+        color: "red",
+        size: "large"
+      })), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
+        width: 15
+      }, /*#__PURE__*/React__default["default"].createElement("p", null, "Are you sure you want to extend the loan #".concat(pid, "?\n            This literature is overbooked."))))), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Actions, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
+        secondary: true,
+        onClick: this.hide
+      }, "Cancel"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
+        primary: true,
+        onClick: this.extend
+      }, "Extend"))) : /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
+        size: "small",
+        fluid: true,
+        primary: true,
+        onClick: this.extend,
+        loading: isLoading,
+        disabled: isLoading
+      }, "Extend"));
+    }
+  }]);
+
+  return ExtendModal;
+}(React.Component);
+
+var mapDispatchToProps$z = function mapDispatchToProps(dispatch) {
+  return {
+    sendErrorNotification: function sendErrorNotification(title, message) {
+      return dispatch(addNotification(title, message, 'error'));
+    }
+  };
+};
+
+var ExtendModal = reactRedux.connect(null, mapDispatchToProps$z)(ExtendModal$1);
 
 var CancelModal = /*#__PURE__*/function (_Component) {
   _inherits(CancelModal, _Component);
@@ -41045,7 +41228,6 @@ var CancelModal = /*#__PURE__*/function (_Component) {
           value = _this$state.value,
           showPopup = _this$state.showPopup;
       return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal, {
-        basic: true,
         size: "small",
         trigger: /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
           primary: true,
@@ -41074,13 +41256,10 @@ var CancelModal = /*#__PURE__*/function (_Component) {
         position: "bottom left",
         open: showPopup
       })), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Actions, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
-        basic: true,
-        color: "black",
-        inverted: true,
+        secondary: true,
         onClick: this.hide
       }, "Back"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
         color: "red",
-        inverted: true,
         onClick: this.cancel
       }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Icon, {
         name: "remove"
@@ -41095,6 +41274,20 @@ CancelModal.defaultProps = {
   isLoading: false
 };
 
+var CancelLoanModal = function CancelLoanModal(_ref) {
+  var pid = _ref.pid,
+      isLoading = _ref.isLoading,
+      cancelAction = _ref.cancelAction;
+  return /*#__PURE__*/React__default["default"].createElement(CancelModal, {
+    header: "Cancel Loan #".concat(pid),
+    content: "You are about to cancel loan #".concat(pid, ".\n    Please enter a reason for cancelling this loan."),
+    cancelText: "Cancel Loan",
+    buttonText: "Cancel",
+    action: cancelAction,
+    isLoading: isLoading
+  });
+};
+
 var LoanActions$1 = /*#__PURE__*/function (_Component) {
   _inherits(LoanActions, _Component);
 
@@ -41112,7 +41305,8 @@ var LoanActions$1 = /*#__PURE__*/function (_Component) {
       var actions = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
       var _this$props = this.props,
           performLoanAction = _this$props.performLoanAction,
-          isLoading = _this$props.isLoading; // omit checkout because it must done in one of the available items
+          isLoading = _this$props.isLoading,
+          loanDetails = _this$props.loanDetails; // omit checkout because it must done in one of the available items
 
       if (!itemPid) {
         actions = object.omit(actions, 'checkout');
@@ -41132,13 +41326,15 @@ var LoanActions$1 = /*#__PURE__*/function (_Component) {
 
         return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, {
           key: action
-        }, action === 'cancel' ? /*#__PURE__*/React__default["default"].createElement(CancelModal, {
-          header: "Cancel Loan #".concat(pid),
-          content: "You are about to cancel loan #".concat(pid, ".\n                Please enter a reason for cancelling this loan."),
-          cancelText: "Cancel Loan",
-          buttonText: capitalize__default["default"]('cancel'),
-          action: cancelAction,
-          isLoading: isLoading
+        }, action === 'cancel' ? /*#__PURE__*/React__default["default"].createElement(CancelLoanModal, {
+          pid: pid,
+          isLoading: isLoading,
+          cancelAction: cancelAction
+        }) : action === 'extend' ? /*#__PURE__*/React__default["default"].createElement(ExtendModal, {
+          pid: pid,
+          isLoading: isLoading,
+          loanAction: loanAction,
+          loanDetails: loanDetails
         }) : /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
           size: "small",
           fluid: true,
@@ -41502,7 +41698,10 @@ var LoanSearch = /*#__PURE__*/function (_Component) {
         placeholder: "Search for loans"
       }, invenioConfig.APP.SEARCH_BAR_PROPS)), /*#__PURE__*/React__default["default"].createElement(QueryBuildHelper, {
         fields: helperFields
-      })), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Row, {
+      })), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Container, {
+        fluid: true,
+        className: "bo-search-body"
+      }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Row, {
         columns: 2
       }, /*#__PURE__*/React__default["default"].createElement(reactSearchkit.ResultsLoader, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
         width: 3,
@@ -41513,7 +41712,16 @@ var LoanSearch = /*#__PURE__*/function (_Component) {
         modelName: this.modelName
       }), /*#__PURE__*/React__default["default"].createElement(SearchDateRange, null)), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
         width: 13
-      }, /*#__PURE__*/React__default["default"].createElement(reactSearchkit.EmptyResults, {
+      }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, {
+        columns: 2
+      }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
+        width: 8
+      }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
+        width: 8,
+        textAlign: "right"
+      }, /*#__PURE__*/React__default["default"].createElement(ExportReactSearchKitResults, {
+        exportBaseUrl: loanApi.searchBaseURL
+      }))), /*#__PURE__*/React__default["default"].createElement(reactSearchkit.EmptyResults, {
         extraContent: /*#__PURE__*/React__default["default"].createElement(NewButton, {
           text: "Add document",
           to: BackOfficeRoutes.documentCreate
@@ -41523,7 +41731,7 @@ var LoanSearch = /*#__PURE__*/function (_Component) {
         withLayoutSwitcher: false
       }), /*#__PURE__*/React__default["default"].createElement(reactSearchkit.ResultsList, {
         ListEntryElement: LoanListEntry
-      }), /*#__PURE__*/React__default["default"].createElement(SearchFooter, null)))))))));
+      }), /*#__PURE__*/React__default["default"].createElement(SearchFooter, null))))))))));
     }
   }]);
 
@@ -45148,7 +45356,7 @@ var PatronPastLoans$3 = /*#__PURE__*/function (_Component) {
     _this.seeAllButton = function () {
       var patronDetails = _this.props.patronDetails;
       var patronPid = patronDetails.user_pid;
-      var path = BackOfficeRoutes.loansListWithQuery(loanApi.query().withPatronPid(patronPid).withState(invenioConfig.CIRCULATION.loanRequestStates).qs());
+      var path = BackOfficeRoutes.loansListWithQuery(loanApi.query().withPatronPid(patronPid).withState(invenioConfig.CIRCULATION.loanCompletedStates).qs());
       return /*#__PURE__*/React__default["default"].createElement(SeeAllButton, {
         to: path
       });