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

package/dist/esm/index.js

@@ -36,8 +36,8 @@ import _groupBy from 'lodash/groupBy';
 import _keys from 'lodash/keys';
 import ShowMore from 'react-show-more';
 import _first from 'lodash/first';
-import { omit } from 'lodash/object';
 import ReactDOM from 'react-dom';
+import { omit } from 'lodash/object';
 import _difference from 'lodash/difference';
 import _concat from 'lodash/concat';
 import { random } from 'lodash/number';
@@ -6309,11 +6309,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() {
@@ -7895,12 +7901,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);
 
@@ -8550,12 +8562,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'));
     }
   };
 };
@@ -8684,7 +8698,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'));
@@ -8692,7 +8706,7 @@ var mapDispatchToProps$1k = function mapDispatchToProps(dispatch) {
   };
 };
 
-var AuthenticationGuard = connect(mapStateToProps$1D, mapDispatchToProps$1k)(AuthenticationGuard$1);
+var AuthenticationGuard = connect(mapStateToProps$1D, mapDispatchToProps$1l)(AuthenticationGuard$1);
 
 var _excluded$x = ["autoDismiss"];
 var IlsMessage = /*#__PURE__*/function (_Component) {
@@ -8843,7 +8857,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({
@@ -8854,7 +8868,7 @@ var mapDispatchToProps$1j = function mapDispatchToProps(dispatch) {
   };
 };
 
-var Notifications = connect(mapStateToProps$1C, mapDispatchToProps$1j)(Notifications$1);
+var Notifications = connect(mapStateToProps$1C, mapDispatchToProps$1k)(Notifications$1);
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -9254,7 +9268,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));
@@ -9262,7 +9276,7 @@ var mapDispatchToProps$1i = function mapDispatchToProps(dispatch) {
   };
 };
 
-var BaseForm = connect(null, mapDispatchToProps$1i)(BaseForm$1);
+var BaseForm = connect(null, mapDispatchToProps$1j)(BaseForm$1);
 
 var YearPicker = /*#__PURE__*/function (_Component) {
   _inherits(YearPicker, _Component);
@@ -10297,7 +10311,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));
@@ -10305,7 +10319,7 @@ var mapDispatchToProps$1h = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentRequestForm = connect(mapStateToProps$1B, mapDispatchToProps$1h)(DocumentRequestFormComponent);
+var DocumentRequestForm = connect(mapStateToProps$1B, mapDispatchToProps$1i)(DocumentRequestFormComponent);
 
 var DynamicResponsive = createCommonjsModule(function (module, exports) {
 
@@ -14156,7 +14170,7 @@ LoginWithLocalAccountLayout.defaultProps = {
 };
 var LoginWithLocalAccountComponent = Overridable.component('LoginWithLocalAccount', LoginWithLocalAccount$1);
 
-var mapDispatchToProps$1g = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1h = function mapDispatchToProps(dispatch) {
   return {
     fetchUserProfile: function fetchUserProfile$1() {
       return dispatch(fetchUserProfile());
@@ -14164,7 +14178,7 @@ var mapDispatchToProps$1g = function mapDispatchToProps(dispatch) {
   };
 };
 
-var LoginWithLocalAccount = connect(null, mapDispatchToProps$1g)(LoginWithLocalAccountComponent);
+var LoginWithLocalAccount = connect(null, mapDispatchToProps$1h)(LoginWithLocalAccountComponent);
 
 var _excluded$i = ["nextUrl", "url", "hasError", "errorMessage"];
 
@@ -14540,7 +14554,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());
@@ -14548,7 +14562,7 @@ var mapDispatchToProps$1f = function mapDispatchToProps(dispatch) {
   };
 };
 
-var Login = connect(mapStateToProps$1A, mapDispatchToProps$1f)(LoginComponent);
+var Login = connect(mapStateToProps$1A, mapDispatchToProps$1g)(LoginComponent);
 
 var ConfirmEmailLayout = function ConfirmEmailLayout(_ref) {
   var isConfirmed = _ref.isConfirmed,
@@ -14655,7 +14669,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'));
@@ -14669,7 +14683,7 @@ var mapDispatchToProps$1e = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ConfirmEmail = connect(mapStateToProps$1z, mapDispatchToProps$1e)(ConfirmEmailComponent);
+var ConfirmEmail = connect(mapStateToProps$1z, mapDispatchToProps$1f)(ConfirmEmailComponent);
 
 var HttpError = /*#__PURE__*/function (_Component) {
   _inherits(HttpError, _Component);
@@ -15090,7 +15104,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'));
@@ -15101,7 +15115,7 @@ var mapDispatchToProps$1d = function mapDispatchToProps(dispatch) {
   };
 };
 
-var Sidebar = connect(mapStateToProps$1y, mapDispatchToProps$1d)(SidebarComponent);
+var Sidebar = connect(mapStateToProps$1y, mapDispatchToProps$1e)(SidebarComponent);
 
 var FETCH_BANNER_EVERY_SECS = 60 * 5; // 5 minutes
 
@@ -15256,7 +15270,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());
@@ -15267,7 +15281,7 @@ var mapDispatchToProps$1c = function mapDispatchToProps(dispatch) {
   };
 };
 
-var Banner = connect(mapStateToProps$1x, mapDispatchToProps$1c)(BannerComponent);
+var Banner = connect(mapStateToProps$1x, mapDispatchToProps$1d)(BannerComponent);
 
 var IS_LOADING$H = 'fetchOrderDetails/IS_LOADING';
 var SUCCESS$H = 'fetchOrderDetails/SUCCESS';
@@ -16384,7 +16398,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));
@@ -16392,7 +16406,7 @@ var mapDispatchToProps$1b = function mapDispatchToProps(dispatch) {
   };
 };
 
-var OrderDetails = connect(mapStateToProps$1w, mapDispatchToProps$1b)(OrderDetails$1);
+var OrderDetails = connect(mapStateToProps$1w, mapDispatchToProps$1c)(OrderDetails$1);
 
 /**
  * Generic React JSONSchema Form widget to search and select hits
@@ -18291,6 +18305,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,
@@ -18411,12 +18439,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.createElement(Form.Select, {
         fluid: true,
         selection: true,
         options: options,
         label: label,
-        value: value,
+        value: valueIsValid ? value : undefined,
         clearable: true,
         required: required,
         autoFocus: autofocus,
@@ -18424,7 +18457,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
       });
     }
   }]);
@@ -18795,7 +18829,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));
@@ -18803,7 +18837,7 @@ var mapDispatchToProps$1a = function mapDispatchToProps(dispatch) {
   };
 };
 
-var RJSForm = connect(null, mapDispatchToProps$1a)(RJSForm$1);
+var RJSForm = connect(null, mapDispatchToProps$1b)(RJSForm$1);
 
 var schema$9 = function schema() {
   var _schema = {
@@ -20319,7 +20353,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":
@@ -20402,7 +20436,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));
@@ -20416,7 +20450,7 @@ var mapStateToProps$1v = function mapStateToProps(state) {
   };
 };
 
-var ItemsSearch$2 = connect(mapStateToProps$1v, mapDispatchToProps$19)(ItemsSearch$3);
+var ItemsSearch$2 = connect(mapStateToProps$1v, mapDispatchToProps$1a)(ItemsSearch$3);
 
 var ItemCirculation$2 = /*#__PURE__*/function (_Component) {
   _inherits(ItemCirculation, _Component);
@@ -20629,7 +20663,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());
@@ -20643,7 +20677,7 @@ var mapStateToProps$1u = function mapStateToProps(state) {
   };
 };
 
-var CheckedInItems = connect(mapStateToProps$1u, mapDispatchToProps$18)(CheckedInItems$1);
+var CheckedInItems = connect(mapStateToProps$1u, mapDispatchToProps$19)(CheckedInItems$1);
 
 var CheckIn = /*#__PURE__*/function (_Component) {
   _inherits(CheckIn, _Component);
@@ -20868,7 +20902,7 @@ var checkOutSearch = function checkOutSearch(term) {
                 type: SEARCH_HAS_ERROR,
                 payload: _context3.t0
               });
-              dispatch(sendErrorNotification('Error'));
+              dispatch(sendErrorNotification(_context3.t0));
 
             case 21:
             case "end":
@@ -20884,7 +20918,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));
@@ -20901,7 +20935,7 @@ var mapStateToProps$1t = function mapStateToProps(state) {
   };
 };
 
-var CheckOutSearch = connect(mapStateToProps$1t, mapDispatchToProps$17)(CheckOutSearch$1);
+var CheckOutSearch = connect(mapStateToProps$1t, mapDispatchToProps$18)(CheckOutSearch$1);
 
 var ItemList = function ItemList(_ref) {
   var items = _ref.items;
@@ -21286,7 +21320,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());
@@ -21303,7 +21337,7 @@ var mapStateToProps$1s = function mapStateToProps(state) {
   };
 };
 
-var CheckOutResults = connect(mapStateToProps$1s, mapDispatchToProps$16)(CheckOutResults$1);
+var CheckOutResults = connect(mapStateToProps$1s, mapDispatchToProps$17)(CheckOutResults$1);
 
 var CheckOut = /*#__PURE__*/function (_Component) {
   _inherits(CheckOut, _Component);
@@ -22864,7 +22898,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));
@@ -22872,7 +22906,7 @@ var mapDispatchToProps$15 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DeleteRecordModal = connect(mapStateToProps$1r, mapDispatchToProps$15)(DeleteRecordModal$1);
+var DeleteRecordModal = connect(mapStateToProps$1r, mapDispatchToProps$16)(DeleteRecordModal$1);
 
 function formatPidTypeToName(pidType) {
   switch (pidType) {
@@ -23096,7 +23130,7 @@ var DocumentDeleteModal$1 = /*#__PURE__*/function (_Component) {
   return DocumentDeleteModal;
 }(Component);
 
-var mapDispatchToProps$14 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$15 = function mapDispatchToProps(dispatch) {
   return {
     deleteDocument: function deleteDocument$1(documentPid) {
       return dispatch(deleteDocument(documentPid));
@@ -23104,7 +23138,7 @@ var mapDispatchToProps$14 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentDeleteModal = connect(null, mapDispatchToProps$14)(DocumentDeleteModal$1);
+var DocumentDeleteModal = connect(null, mapDispatchToProps$15)(DocumentDeleteModal$1);
 
 var DocumentActionMenu$1 = /*#__PURE__*/function (_Component) {
   _inherits(DocumentActionMenu, _Component);
@@ -23250,7 +23284,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));
@@ -23262,7 +23296,7 @@ var mapDispatchToProps$13 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentActionMenu = connect(mapStateToProps$1q, mapDispatchToProps$13)(DocumentActionMenu$1);
+var DocumentActionMenu = connect(mapStateToProps$1q, mapDispatchToProps$14)(DocumentActionMenu$1);
 
 var DocumentExtras = /*#__PURE__*/function (_Component) {
   _inherits(DocumentExtras, _Component);
@@ -24216,7 +24250,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));
@@ -24224,7 +24258,7 @@ var mapDispatchToProps$12 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentMetadata$2 = connect(mapStateToProps$1p, mapDispatchToProps$12)(DocumentMetadata$3);
+var DocumentMetadata$2 = connect(mapStateToProps$1p, mapDispatchToProps$13)(DocumentMetadata$3);
 
 var DocumentSummary$1 = /*#__PURE__*/function (_Component) {
   _inherits(DocumentSummary, _Component);
@@ -24540,7 +24574,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));
@@ -24548,7 +24582,7 @@ var mapDispatchToProps$11 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentEItems$1 = connect(mapStateToProps$1n, mapDispatchToProps$11)(DocumentEItems$2);
+var DocumentEItems$1 = connect(mapStateToProps$1n, mapDispatchToProps$12)(DocumentEItems$2);
 
 var IS_LOADING$D = 'fetchDocumentItems/IS_LOADING';
 var SUCCESS$D = 'fetchDocumentItems/SUCCESS';
@@ -24730,7 +24764,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));
@@ -24738,7 +24772,7 @@ var mapDispatchToProps$10 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentItems$2 = connect(mapStateToProps$1m, mapDispatchToProps$10)(DocumentItems$3);
+var DocumentItems$2 = connect(mapStateToProps$1m, mapDispatchToProps$11)(DocumentItems$3);
 
 var IS_LOADING$C = 'fetchPendingLoansOnDocument/IS_LOADING';
 var SUCCESS$C = 'fetchPendingLoansOnDocument/SUCCESS';
@@ -24756,7 +24790,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;
@@ -24900,7 +24934,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));
@@ -24908,7 +24942,7 @@ var mapDispatchToProps$$ = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentPendingLoans = connect(mapStateToProps$1l, mapDispatchToProps$$)(DocumentPendingLoans$1);
+var DocumentPendingLoans = connect(mapStateToProps$1l, mapDispatchToProps$10)(DocumentPendingLoans$1);
 
 var IS_LOADING$B = 'fetchDocumentStats/IS_LOADING';
 var SUCCESS$B = 'fetchDocumentStats/SUCCESS';
@@ -25137,7 +25171,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));
@@ -25145,7 +25179,7 @@ var mapDispatchToProps$_ = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentStats$2 = connect(mapStateToProps$1k, mapDispatchToProps$_)(DocumentStats$3);
+var DocumentStats$2 = connect(mapStateToProps$1k, mapDispatchToProps$$)(DocumentStats$3);
 
 var _excluded$b = ["pidValue", "children"];
 var DocumentDetailsLink = /*#__PURE__*/function (_Component) {
@@ -25462,7 +25496,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));
@@ -25470,7 +25504,7 @@ var mapDispatchToProps$Z = function mapDispatchToProps(dispatch) {
   };
 };
 
-var RelationRemover = connect(null, mapDispatchToProps$Z)(RelationRemover$1);
+var RelationRemover = connect(null, mapDispatchToProps$_)(RelationRemover$1);
 
 var DocumentSelectListEntry = /*#__PURE__*/function (_Component) {
   _inherits(DocumentSelectListEntry, _Component);
@@ -25712,7 +25746,7 @@ var MultipleSelections$1 = /*#__PURE__*/function (_Component) {
   return MultipleSelections;
 }(Component);
 
-var mapDispatchToProps$Y = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$Z = function mapDispatchToProps(dispatch) {
   return {
     removeSelection: function removeSelection$1(removePid) {
       return dispatch(removeSelection(removePid));
@@ -25726,7 +25760,7 @@ var mapStateToProps$1j = function mapStateToProps(state) {
   };
 };
 
-var MultipleSelections = connect(mapStateToProps$1j, mapDispatchToProps$Y)(MultipleSelections$1);
+var MultipleSelections = connect(mapStateToProps$1j, mapDispatchToProps$Z)(MultipleSelections$1);
 
 var RelationModal$1 = /*#__PURE__*/function (_Component) {
   _inherits(RelationModal, _Component);
@@ -25857,7 +25891,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));
@@ -25874,7 +25908,7 @@ var mapStateToProps$1i = function mapStateToProps(state) {
   };
 };
 
-var RelationModal = connect(mapStateToProps$1i, mapDispatchToProps$X)(RelationModal$1);
+var RelationModal = connect(mapStateToProps$1i, mapDispatchToProps$Y)(RelationModal$1);
 
 var RelationSelector$1 = /*#__PURE__*/function (_Component) {
   _inherits(RelationSelector, _Component);
@@ -25989,7 +26023,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));
@@ -26003,7 +26037,7 @@ var mapDispatchToProps$W = function mapDispatchToProps(dispatch) {
   };
 };
 
-var RelationSelector = connect(mapStateToProps$1h, mapDispatchToProps$W)(RelationSelector$1);
+var RelationSelector = connect(mapStateToProps$1h, mapDispatchToProps$X)(RelationSelector$1);
 
 var SeriesCard = /*#__PURE__*/function (_Component) {
   _inherits(SeriesCard, _Component);
@@ -26546,7 +26580,7 @@ var SingleSelection$1 = /*#__PURE__*/function (_Component) {
   return SingleSelection;
 }(Component);
 
-var mapDispatchToProps$V = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$W = function mapDispatchToProps(dispatch) {
   return {
     removeSelection: function removeSelection$1(removePid) {
       return dispatch(removeSelection(removePid));
@@ -26560,7 +26594,7 @@ var mapStateToProps$1d = function mapStateToProps(state) {
   };
 };
 
-var SingleSelection = connect(mapStateToProps$1d, mapDispatchToProps$V)(SingleSelection$1);
+var SingleSelection = connect(mapStateToProps$1d, mapDispatchToProps$W)(SingleSelection$1);
 
 var RelationOtherModal$4 = /*#__PURE__*/function (_Component) {
   _inherits(RelationOtherModal, _Component);
@@ -28042,7 +28076,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));
@@ -28050,7 +28084,7 @@ var mapDispatchToProps$U = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentDetails$2 = connect(mapStateToProps$12, mapDispatchToProps$U)(DocumentDetails$3);
+var DocumentDetails$2 = connect(mapStateToProps$12, mapDispatchToProps$V)(DocumentDetails$3);
 
 var getSchemaFieldProps = function getSchemaFieldProps(fieldConfig) {
   var schemaProps = {};
@@ -30364,7 +30398,7 @@ var DocumentRequestActions$1 = /*#__PURE__*/function (_Component) {
 }(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));
@@ -30378,7 +30412,7 @@ var mapDispatchToProps$T = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentRequestActions = connect(null, mapDispatchToProps$T)(DocumentRequestActions$1);
+var DocumentRequestActions = connect(null, mapDispatchToProps$U)(DocumentRequestActions$1);
 
 var DocumentRequestHeader = /*#__PURE__*/function (_Component) {
   _inherits(DocumentRequestHeader, _Component);
@@ -30730,7 +30764,7 @@ var AcceptStepPanel$1 = /*#__PURE__*/function (_Component) {
   return AcceptStepPanel;
 }(Component);
 
-var mapDispatchToProps$S = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$T = function mapDispatchToProps(dispatch) {
   return {
     acceptRequest: function acceptRequest$1(documentRequestPid) {
       return dispatch(acceptRequest(documentRequestPid));
@@ -30738,7 +30772,7 @@ var mapDispatchToProps$S = function mapDispatchToProps(dispatch) {
   };
 };
 
-var AcceptStepPanel = connect(null, mapDispatchToProps$S)(AcceptStepPanel$1);
+var AcceptStepPanel = connect(null, mapDispatchToProps$T)(AcceptStepPanel$1);
 
 /**
  * @callback customizedValueFunction
@@ -30872,7 +30906,7 @@ var ChooseDocumentStepPanel$1 = /*#__PURE__*/function (_Component) {
   return ChooseDocumentStepPanel;
 }(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));
@@ -30880,7 +30914,7 @@ var mapDispatchToProps$R = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ChooseDocumentStepPanel = connect(null, mapDispatchToProps$R)(ChooseDocumentStepPanel$1);
+var ChooseDocumentStepPanel = connect(null, mapDispatchToProps$S)(ChooseDocumentStepPanel$1);
 
 var AcqProvider = /*#__PURE__*/function (_Component) {
   _inherits(AcqProvider, _Component);
@@ -31076,7 +31110,7 @@ var ChooseProviderStepPanel$1 = /*#__PURE__*/function (_Component3) {
   return ChooseProviderStepPanel;
 }(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));
@@ -31084,7 +31118,7 @@ var mapDispatchToProps$Q = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ChooseProviderStepPanel = connect(null, mapDispatchToProps$Q)(ChooseProviderStepPanel$1);
+var ChooseProviderStepPanel = connect(null, mapDispatchToProps$R)(ChooseProviderStepPanel$1);
 
 var DocumentRequestStepPanels = /*#__PURE__*/function (_Component) {
   _inherits(DocumentRequestStepPanels, _Component);
@@ -31350,7 +31384,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));
@@ -31358,7 +31392,7 @@ var mapDispatchToProps$P = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentRequestDetails = connect(mapStateToProps$11, mapDispatchToProps$P)(DocumentRequestDetails$1);
+var DocumentRequestDetails = connect(mapStateToProps$11, mapDispatchToProps$Q)(DocumentRequestDetails$1);
 
 var schema$7 = function schema() {
   var _invenioConfig$DOCUME;
@@ -32406,7 +32440,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'));
@@ -32420,7 +32454,7 @@ var mapDispatchToProps$O = function mapDispatchToProps(dispatch) {
   };
 };
 
-var EItemFiles = connect(mapStateToProps$10, mapDispatchToProps$O)(EItemFiles$1);
+var EItemFiles = connect(mapStateToProps$10, mapDispatchToProps$P)(EItemFiles$1);
 
 var EItemHeader = /*#__PURE__*/function (_Component) {
   _inherits(EItemHeader, _Component);
@@ -32634,7 +32668,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));
@@ -32642,7 +32676,7 @@ var mapDispatchToProps$N = function mapDispatchToProps(dispatch) {
   };
 };
 
-var EItemMetadata = connect(mapStateToProps$$, mapDispatchToProps$N)(EItemMetadata$1);
+var EItemMetadata = connect(mapStateToProps$$, mapDispatchToProps$O)(EItemMetadata$1);
 
 var UploadButton$1 = /*#__PURE__*/function (_React$Component) {
   _inherits(UploadButton, _React$Component);
@@ -32744,7 +32778,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'));
@@ -32755,7 +32789,7 @@ var mapDispatchToProps$M = function mapDispatchToProps(dispatch) {
   };
 };
 
-var UploadButton = connect(mapStateToProps$_, mapDispatchToProps$M)(UploadButton$1);
+var UploadButton = connect(mapStateToProps$_, mapDispatchToProps$N)(UploadButton$1);
 
 var EItemActionMenu$1 = /*#__PURE__*/function (_Component) {
   _inherits(EItemActionMenu, _Component);
@@ -32834,7 +32868,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));
@@ -32842,7 +32876,7 @@ var mapDispatchToProps$L = function mapDispatchToProps(dispatch) {
   };
 };
 
-var EItemActionMenu = connect(mapStateToProps$Z, mapDispatchToProps$L)(EItemActionMenu$1);
+var EItemActionMenu = connect(mapStateToProps$Z, mapDispatchToProps$M)(EItemActionMenu$1);
 
 var EItemDetails$1 = /*#__PURE__*/function (_Component) {
   _inherits(EItemDetails, _Component);
@@ -32939,7 +32973,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));
@@ -32947,7 +32981,7 @@ var mapDispatchToProps$K = function mapDispatchToProps(dispatch) {
   };
 };
 
-var EItemDetails = connect(mapStateToProps$Y, mapDispatchToProps$K)(EItemDetails$1);
+var EItemDetails = connect(mapStateToProps$Y, mapDispatchToProps$L)(EItemDetails$1);
 
 var schema$6 = function schema() {
   var _schema = {
@@ -35542,7 +35576,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));
@@ -35553,7 +35587,7 @@ var mapDispatchToProps$J = function mapDispatchToProps(dispatch) {
   };
 };
 
-var BorrowingRequestLoanExtension = connect(mapStateToProps$X, mapDispatchToProps$J)(BorrowingRequestLoanExtension$1);
+var BorrowingRequestLoanExtension = connect(mapStateToProps$X, mapDispatchToProps$K)(BorrowingRequestLoanExtension$1);
 
 var CreateLoanButton = /*#__PURE__*/function (_React$Component) {
   _inherits(CreateLoanButton, _React$Component);
@@ -35841,7 +35875,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));
@@ -35849,7 +35883,7 @@ var mapDispatchToProps$I = function mapDispatchToProps(dispatch) {
   };
 };
 
-var BorrowingRequestPatronLoan = connect(mapStateToProps$W, mapDispatchToProps$I)(BorrowingRequestPatronLoan$1);
+var BorrowingRequestPatronLoan = connect(mapStateToProps$W, mapDispatchToProps$J)(BorrowingRequestPatronLoan$1);
 
 var Loan$1 = /*#__PURE__*/function (_React$Component) {
   _inherits(Loan, _React$Component);
@@ -36517,7 +36551,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));
@@ -36525,7 +36559,7 @@ var mapDispatchToProps$H = function mapDispatchToProps(dispatch) {
   };
 };
 
-var BorrowingRequestDetails = connect(mapStateToProps$V, mapDispatchToProps$H)(BorrowingRequestDetails$1);
+var BorrowingRequestDetails = connect(mapStateToProps$V, mapDispatchToProps$I)(BorrowingRequestDetails$1);
 
 var schema$5 = function schema() {
   var _schema = {
@@ -37586,7 +37620,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));
@@ -37598,7 +37632,7 @@ var mapDispatchToProps$G = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemActionMenu = connect(mapStateToProps$U, mapDispatchToProps$G)(ItemActionMenu$1);
+var ItemActionMenu = connect(mapStateToProps$U, mapDispatchToProps$H)(ItemActionMenu$1);
 
 var _excluded$9 = ["bcc", "body", "cc", "children", "email", "subject", "asButton"];
 var EmailLink = function EmailLink(_ref) {
@@ -38048,7 +38082,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));
@@ -38063,7 +38097,7 @@ var mapDispatchToProps$F = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemMetadata$1 = connect(mapStateToProps$S, mapDispatchToProps$F)(ItemMetadata$2);
+var ItemMetadata$1 = connect(mapStateToProps$S, mapDispatchToProps$G)(ItemMetadata$2);
 
 var IS_LOADING$s = 'fetchPastLoans/IS_LOADING';
 var SUCCESS$s = 'fetchPastLoans/SUCCESS';
@@ -38253,7 +38287,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));
@@ -38261,7 +38295,7 @@ var mapDispatchToProps$E = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemPastLoans = connect(mapStateToProps$R, mapDispatchToProps$E)(ItemPastLoans$1);
+var ItemPastLoans = connect(mapStateToProps$R, mapDispatchToProps$F)(ItemPastLoans$1);
 
 var ACTION_IS_LOADING = 'loanAction/IS_LOADING';
 var ACTION_SUCCESS = 'loanAction/SUCCESS';
@@ -38295,7 +38329,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;
@@ -38558,7 +38592,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));
@@ -38572,7 +38606,7 @@ var mapDispatchToProps$D = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemPendingLoans = connect(mapStateToProps$Q, mapDispatchToProps$D)(ItemPendingLoans$1);
+var ItemPendingLoans = connect(mapStateToProps$Q, mapDispatchToProps$E)(ItemPendingLoans$1);
 
 var ItemDetails$1 = /*#__PURE__*/function (_Component) {
   _inherits(ItemDetails, _Component);
@@ -38672,7 +38706,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));
@@ -38683,7 +38717,7 @@ var mapDispatchToProps$C = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemDetails = connect(mapStateToProps$P, mapDispatchToProps$C)(ItemDetails$1);
+var ItemDetails = connect(mapStateToProps$P, mapDispatchToProps$D)(ItemDetails$1);
 
 var schema$4 = function schema() {
   var _schema = {
@@ -40275,7 +40309,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));
@@ -40294,7 +40328,7 @@ var mapDispatchToProps$B = function mapDispatchToProps(dispatch) {
   };
 };
 
-var AvailableItems = connect(mapStateToProps$M, mapDispatchToProps$B)(AvailableItems$1);
+var AvailableItems = connect(mapStateToProps$M, mapDispatchToProps$C)(AvailableItems$1);
 
 var LoanUpdateDates$1 = /*#__PURE__*/function (_Component) {
   _inherits(LoanUpdateDates, _Component);
@@ -40552,7 +40586,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));
@@ -40572,7 +40606,7 @@ var mapStateToProps$L = function mapStateToProps(state) {
   };
 };
 
-var LoanUpdateDates = connect(mapStateToProps$L, mapDispatchToProps$A)(LoanUpdateDates$1);
+var LoanUpdateDates = connect(mapStateToProps$L, mapDispatchToProps$B)(LoanUpdateDates$1);
 
 var IS_LOADING$p = 'overdueLoanSendNotificationModal/IS_LOADING';
 var SUCCESS$p = 'overdueLoanSendNotificationModal/SUCCESS';
@@ -40909,7 +40943,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));
@@ -40917,7 +40951,156 @@ var mapDispatchToProps$z = function mapDispatchToProps(dispatch) {
   };
 };
 
-var OverdueLoanSendNotificationModal = connect(mapStateToProps$K, mapDispatchToProps$z)(OverdueLoanSendNotificationModal$1);
+var OverdueLoanSendNotificationModal = 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.createElement(React.Fragment, null, overbooked ? /*#__PURE__*/React.createElement(Modal, {
+        size: "small",
+        trigger: /*#__PURE__*/React.createElement(Button, {
+          primary: true,
+          fluid: true,
+          content: "Extend",
+          onClick: this.show,
+          loading: isLoading,
+          disabled: isLoading
+        }),
+        open: open,
+        onClose: this.hide
+      }, /*#__PURE__*/React.createElement(Header, {
+        content: "Extend Loan #".concat(pid)
+      }), /*#__PURE__*/React.createElement(Modal.Content, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+        width: 1
+      }, /*#__PURE__*/React.createElement(Icon, {
+        name: "warning sign",
+        color: "red",
+        size: "large"
+      })), /*#__PURE__*/React.createElement(Grid.Column, {
+        width: 15
+      }, /*#__PURE__*/React.createElement("p", null, "Are you sure you want to extend the loan #".concat(pid, "?\n            This literature is overbooked."))))), /*#__PURE__*/React.createElement(Modal.Actions, null, /*#__PURE__*/React.createElement(Button, {
+        secondary: true,
+        onClick: this.hide
+      }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
+        primary: true,
+        onClick: this.extend
+      }, "Extend"))) : /*#__PURE__*/React.createElement(Button, {
+        size: "small",
+        fluid: true,
+        primary: true,
+        onClick: this.extend,
+        loading: isLoading,
+        disabled: isLoading
+      }, "Extend"));
+    }
+  }]);
+
+  return ExtendModal;
+}(Component);
+
+var mapDispatchToProps$z = function mapDispatchToProps(dispatch) {
+  return {
+    sendErrorNotification: function sendErrorNotification(title, message) {
+      return dispatch(addNotification(title, message, 'error'));
+    }
+  };
+};
+
+var ExtendModal = connect(null, mapDispatchToProps$z)(ExtendModal$1);
 
 var CancelModal = /*#__PURE__*/function (_Component) {
   _inherits(CancelModal, _Component);
@@ -41003,7 +41186,6 @@ var CancelModal = /*#__PURE__*/function (_Component) {
           value = _this$state.value,
           showPopup = _this$state.showPopup;
       return /*#__PURE__*/React.createElement(Modal, {
-        basic: true,
         size: "small",
         trigger: /*#__PURE__*/React.createElement(Button, {
           primary: true,
@@ -41032,13 +41214,10 @@ var CancelModal = /*#__PURE__*/function (_Component) {
         position: "bottom left",
         open: showPopup
       })), /*#__PURE__*/React.createElement(Modal.Actions, null, /*#__PURE__*/React.createElement(Button, {
-        basic: true,
-        color: "black",
-        inverted: true,
+        secondary: true,
         onClick: this.hide
       }, "Back"), /*#__PURE__*/React.createElement(Button, {
         color: "red",
-        inverted: true,
         onClick: this.cancel
       }, /*#__PURE__*/React.createElement(Icon, {
         name: "remove"
@@ -41053,6 +41232,20 @@ CancelModal.defaultProps = {
   isLoading: false
 };
 
+var CancelLoanModal = function CancelLoanModal(_ref) {
+  var pid = _ref.pid,
+      isLoading = _ref.isLoading,
+      cancelAction = _ref.cancelAction;
+  return /*#__PURE__*/React.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);
 
@@ -41070,7 +41263,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 = omit(actions, 'checkout');
@@ -41090,13 +41284,15 @@ var LoanActions$1 = /*#__PURE__*/function (_Component) {
 
         return /*#__PURE__*/React.createElement(List.Item, {
           key: action
-        }, action === 'cancel' ? /*#__PURE__*/React.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('cancel'),
-          action: cancelAction,
-          isLoading: isLoading
+        }, action === 'cancel' ? /*#__PURE__*/React.createElement(CancelLoanModal, {
+          pid: pid,
+          isLoading: isLoading,
+          cancelAction: cancelAction
+        }) : action === 'extend' ? /*#__PURE__*/React.createElement(ExtendModal, {
+          pid: pid,
+          isLoading: isLoading,
+          loanAction: loanAction,
+          loanDetails: loanDetails
         }) : /*#__PURE__*/React.createElement(Button, {
           size: "small",
           fluid: true,
@@ -41460,7 +41656,10 @@ var LoanSearch = /*#__PURE__*/function (_Component) {
         placeholder: "Search for loans"
       }, invenioConfig.APP.SEARCH_BAR_PROPS)), /*#__PURE__*/React.createElement(QueryBuildHelper, {
         fields: helperFields
-      })), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Row, {
+      })), /*#__PURE__*/React.createElement(Container, {
+        fluid: true,
+        className: "bo-search-body"
+      }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Row, {
         columns: 2
       }, /*#__PURE__*/React.createElement(ResultsLoader, null, /*#__PURE__*/React.createElement(Grid.Column, {
         width: 3,
@@ -41471,7 +41670,16 @@ var LoanSearch = /*#__PURE__*/function (_Component) {
         modelName: this.modelName
       }), /*#__PURE__*/React.createElement(SearchDateRange, null)), /*#__PURE__*/React.createElement(Grid.Column, {
         width: 13
-      }, /*#__PURE__*/React.createElement(EmptyResults, {
+      }, /*#__PURE__*/React.createElement(Grid, {
+        columns: 2
+      }, /*#__PURE__*/React.createElement(Grid.Column, {
+        width: 8
+      }), /*#__PURE__*/React.createElement(Grid.Column, {
+        width: 8,
+        textAlign: "right"
+      }, /*#__PURE__*/React.createElement(ExportReactSearchKitResults, {
+        exportBaseUrl: loanApi.searchBaseURL
+      }))), /*#__PURE__*/React.createElement(EmptyResults, {
         extraContent: /*#__PURE__*/React.createElement(NewButton, {
           text: "Add document",
           to: BackOfficeRoutes.documentCreate
@@ -41481,7 +41689,7 @@ var LoanSearch = /*#__PURE__*/function (_Component) {
         withLayoutSwitcher: false
       }), /*#__PURE__*/React.createElement(ResultsList, {
         ListEntryElement: LoanListEntry
-      }), /*#__PURE__*/React.createElement(SearchFooter, null)))))))));
+      }), /*#__PURE__*/React.createElement(SearchFooter, null))))))))));
     }
   }]);
 
@@ -45106,7 +45314,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.createElement(SeeAllButton, {
         to: path
       });