npm - @inveniosoftware/react-invenio-app-ils - Versions diffs - 1.0.0-alpha.58 → 1.0.0-alpha.61 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/CHANGES.md +21 -0
package/dist/cjs/index.js +660 -459
package/dist/cjs/index.js.map +1 -1
package/dist/esm/index.js +660 -460
package/dist/esm/index.js.map +1 -1
package/dist/theme/site/globals/site.overrides +14 -5
package/package.json +2 -2

package/dist/esm/index.js CHANGED Viewed

@@ -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';
@@ -2942,7 +2942,7 @@ var apiConfig = {
   baseURL: invenioConfig.APP.REST_ENDPOINTS_BASE_URL,
   withCredentials: true,
   xsrfCookieName: 'csrftoken',
-  xsrfHeaderName: 'HTTP_X_CSRFTOKEN'
+  xsrfHeaderName: 'X_CSRFTOKEN'
 };
 var http = axios.create(apiConfig);
 var HTTP_STATUS_CODES_WITH_ERROR_PAGE = [404, 429, 500];
@@ -5823,9 +5823,9 @@ var QueryBuilder$5 = /*#__PURE__*/function () {
       }
       if (moi === 'SERIAL') {
-        this.withSeriesQuery.push("relations.serial.pid_value:".concat(prepareSumQuery(seriesPid)));
+        this.withSeriesQuery.push("relations.serial.pid_value:\"".concat(seriesPid, "\""));
       } else {
-        this.withSeriesQuery.push("relations.multipart_monograph.pid_value:".concat(prepareSumQuery(seriesPid)));
+        this.withSeriesQuery.push("relations.multipart_monograph.pid_value:\"".concat(seriesPid, "\""));
       }
       return this;
@@ -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
       });
     }
   }]);
@@ -18604,6 +18638,30 @@ var RJSForm$1 = /*#__PURE__*/function (_Component) {
     _this = _super.call(this, props);
+    _this.ignoreEnterEvent = function (inputElements) {
+      /* For unknown reasons empty fields are spawned when pressing
+      the 'enter' key inside a RJSF input element so we have to manually prevent it*/
+      var _iterator = _createForOfIteratorHelper(inputElements),
+          _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var input = _step.value;
+          var isRJSFInput = input.id.includes('root');
+          if (isRJSFInput) {
+            input.onkeydown = function (event) {
+              return event.key === 'Enter' ? event.preventDefault() : null;
+            };
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    };
     _this.onSubmit = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(_ref, _) {
         var formData, _this$props, sendSuccessNotification, submitAction, successCallback, successMessage, response;
@@ -18664,6 +18722,12 @@ var RJSForm$1 = /*#__PURE__*/function (_Component) {
   }
   _createClass(RJSForm, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var inputs = document.getElementsByTagName('input');
+      this.ignoreEnterEvent(inputs);
+    }
+  }, {
     key: "getGenericError",
     value: function getGenericError(message) {
       return {
@@ -18686,12 +18750,12 @@ var RJSForm$1 = /*#__PURE__*/function (_Component) {
         extraErrors = this.getGenericError(message);
       } else {
         // prepare errors for the form
-        var _iterator = _createForOfIteratorHelper(errors),
-            _step;
+        var _iterator2 = _createForOfIteratorHelper(errors),
+            _step2;
         try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var fieldError = _step.value;
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var fieldError = _step2.value;
             // if the field is empty, the error was thrown by the backend
             // after validating via Marshmallow loaders
@@ -18706,9 +18770,9 @@ var RJSForm$1 = /*#__PURE__*/function (_Component) {
             };
           }
         } catch (err) {
-          _iterator.e(err);
+          _iterator2.e(err);
         } finally {
-          _iterator.f();
+          _iterator2.f();
         }
       }
@@ -18795,7 +18859,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 +18867,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 +20383,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 +20466,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 +20480,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 +20693,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 +20707,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 +20932,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 +20948,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 +20965,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 +21350,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 +21367,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 +22928,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 +22936,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 +23160,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 +23168,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 +23314,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,77 +23326,7 @@ var mapDispatchToProps$13 = function mapDispatchToProps(dispatch) {
   };
 };
-var DocumentActionMenu = connect(mapStateToProps$1q, mapDispatchToProps$13)(DocumentActionMenu$1);
-var DocumentExtras = /*#__PURE__*/function (_Component) {
-  _inherits(DocumentExtras, _Component);
-  var _super = _createSuper(DocumentExtras);
-  function DocumentExtras() {
-    var _this;
-    _classCallCheck(this, DocumentExtras);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.prepareAlternativeTitle = function (element) {
-      var rows = [];
-      rows.push({
-        name: 'Alternative title',
-        value: /*#__PURE__*/React.createElement(List, {
-          bulleted: true
-        }, element.map(function (entry) {
-          return /*#__PURE__*/React.createElement(List.Item, {
-            key: entry.value
-          }, /*#__PURE__*/React.createElement(List.Content, null, entry.value));
-        }))
-      });
-      return rows;
-    };
-    _this.prepareAlternativeAbstracts = function (element) {
-      return [{
-        name: 'Abstract',
-        value: element
-      }];
-    };
-    return _this;
-  }
-  _createClass(DocumentExtras, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var metadata = this.props.metadata;
-      if (!_isEmpty(metadata.alternative_titles) || !_isEmpty(metadata.alternative_abstracts)) {
-        return /*#__PURE__*/React.createElement(React.Fragment, null, !_isEmpty(metadata.alternative_titles) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
-          as: "h3"
-        }, "Alternative titles"), /*#__PURE__*/React.createElement(MetadataTable, {
-          rows: this.prepareAlternativeTitle(metadata.alternative_titles)
-        })), !_isEmpty(metadata.alternative_abstracts) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Header, {
-          as: "h3"
-        }, "Publication info"), metadata.alternative_abstracts.map(function (element) {
-          return /*#__PURE__*/React.createElement(MetadataTable, {
-            key: element,
-            rows: _this2.prepareAlternativeAbstracts(element)
-          });
-        })));
-      } else {
-        return 'No additional information.';
-      }
-    }
-  }]);
-  return DocumentExtras;
-}(Component);
+var DocumentActionMenu = connect(mapStateToProps$1q, mapDispatchToProps$14)(DocumentActionMenu$1);
 var LiteratureMetadataExtensions = function LiteratureMetadataExtensions(_ref) {
   var metadataExtensions = _ref.metadataExtensions,
@@ -24150,13 +24144,6 @@ var DocumentMetadata$3 = /*#__PURE__*/function (_Component) {
             document: document
           }));
         }
-      }, {
-        menuItem: 'Other',
-        render: function render() {
-          return /*#__PURE__*/React.createElement(Tab.Pane, null, /*#__PURE__*/React.createElement(DocumentExtras, {
-            metadata: document.metadata
-          }));
-        }
       }, {
         menuItem: 'System',
         render: function render() {
@@ -24216,7 +24203,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 +24211,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 +24527,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 +24535,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 +24717,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 +24725,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 +24743,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 +24887,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 +24895,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 +25124,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 +25132,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 +25449,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 +25457,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 +25699,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 +25713,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 +25844,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 +25861,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 +25976,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 +25990,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 +26533,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 +26547,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 +28029,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 +28037,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 +30351,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 +30365,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 +30717,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 +30725,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 +30859,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 +30867,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 +31063,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 +31071,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);
@@ -31202,8 +31189,8 @@ var DocumentRequestStepsHeader = /*#__PURE__*/function (_Component2) {
         step: 1,
         currentStep: currentStep,
         iconName: "truck",
-        title: "Select provider",
-        description: "Purchase or borrow from another library"
+        title: "Select workflow",
+        description: "Inter-library loan or acquisition order"
       }), /*#__PURE__*/React.createElement(DocumentRequestStep, {
         step: 2,
         currentStep: currentStep,
@@ -31350,7 +31337,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 +31345,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 +32393,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 +32407,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 +32621,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 +32629,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 +32731,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 +32742,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 +32821,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 +32829,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 +32926,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 +32934,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 +35529,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 +35540,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 +35828,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 +35836,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 +36504,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 +36512,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 +37573,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 +37585,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 +38035,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 +38050,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 +38240,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 +38248,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 +38282,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 +38545,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 +38559,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 +38659,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 +38670,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 +40262,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 +40281,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 +40539,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 +40559,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 +40896,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 +40904,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 +41139,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 +41167,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 +41185,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 +41216,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 +41237,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 +41609,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 +41623,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 +41642,7 @@ var LoanSearch = /*#__PURE__*/function (_Component) {
         withLayoutSwitcher: false
       }), /*#__PURE__*/React.createElement(ResultsList, {
         ListEntryElement: LoanListEntry
-      }), /*#__PURE__*/React.createElement(SearchFooter, null)))))))));
+      }), /*#__PURE__*/React.createElement(SearchFooter, null))))))))));
     }
   }]);
@@ -43634,72 +43795,12 @@ var fetchPatronPendingLoans = function fetchPatronPendingLoans(patronPid) {
   }();
 };
+//separated into different file because of a circular dependency caused otherwise
 var IS_LOADING$i = 'itemsSearchBarcode/IS_LOADING';
 var SUCCESS$i = 'itemsSearchBarcode/SUCCESS';
 var HAS_ERROR$i = 'itemsSearchBarcode/HAS_ERROR';
 var QUERY_STRING_UPDATE = 'itemsSearchBarcode/QUERY_STRING_UPDATE';
 var CLEAR_SEARCH = 'itemsSearchBarcode/CLEAR_SEARCH';
-var fetchItems = function fetchItems(barcode) {
-  return /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(dispatch) {
-      var response;
-      return regenerator.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              dispatch({
-                type: IS_LOADING$i
-              });
-              _context.prev = 1;
-              _context.next = 4;
-              return itemApi.list(itemApi.query().withBarcode(barcode).qs());
-            case 4:
-              response = _context.sent;
-              dispatch({
-                type: SUCCESS$i,
-                payload: response.data
-              });
-              _context.next = 12;
-              break;
-            case 8:
-              _context.prev = 8;
-              _context.t0 = _context["catch"](1);
-              dispatch({
-                type: HAS_ERROR$i,
-                payload: _context.t0
-              });
-              dispatch(sendErrorNotification(_context.t0));
-            case 12:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[1, 8]]);
-    }));
-    return function (_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-};
-var updateQueryString = function updateQueryString(queryString) {
-  return function (dispatch) {
-    dispatch({
-      type: QUERY_STRING_UPDATE,
-      queryString: queryString
-    });
-  };
-};
-var clearResults = function clearResults() {
-  return function (dispatch) {
-    dispatch({
-      type: CLEAR_SEARCH
-    });
-  };
-};
 var IS_LOADING$h = 'patronItemCheckout/IS_LOADING';
 var SUCCESS$h = 'patronItemCheckout/SUCCESS';
@@ -44006,83 +44107,82 @@ var ItemsSearch$1 = /*#__PURE__*/function (_Component) {
       clearResults();
     };
-    _this.executeSearch = function (queryString) {
-      var _this$props = _this.props,
-          propsQueryString = _this$props.queryString,
-          fetchItems = _this$props.fetchItems;
-      queryString = queryString || propsQueryString; // eslint-disable-next-line react/no-unused-state
+    _this.executeSearch = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(queryString, patronPid) {
+        var _this$props, propsQueryString, fetchAndCheckoutIfOne;
-      _this.setState({
-        prevSearchQuery: queryString,
-        executedSearch: true
-      });
+        return regenerator.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _this$props = _this.props, propsQueryString = _this$props.queryString, fetchAndCheckoutIfOne = _this$props.fetchAndCheckoutIfOne;
+                queryString = queryString || propsQueryString; // eslint-disable-next-line react/no-unused-state
-      fetchItems(queryString);
-    };
+                _this.setState({
+                  prevSearchQuery: queryString,
+                  executedSearch: true
+                }, function () {
+                  return fetchAndCheckoutIfOne(queryString, patronPid);
+                });
-    _this.onPasteHandler = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(event) {
-        var _this$props2, checkoutItem, patronDetails, prevSearchQuery, queryString, sameQueryString, hits, hasOneHit, documentPid, itemPid;
+              case 3:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
-        return regenerator.wrap(function _callee$(_context) {
+      return function (_x, _x2) {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    _this.onPasteHandler = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2(event) {
+        var prevSearchQuery, patronDetails, queryString, sameQueryString;
+        return regenerator.wrap(function _callee2$(_context2) {
           while (1) {
-            switch (_context.prev = _context.next) {
+            switch (_context2.prev = _context2.next) {
               case 0:
-                _this$props2 = _this.props, checkoutItem = _this$props2.checkoutItem, patronDetails = _this$props2.patronDetails;
                 prevSearchQuery = _this.state.prevSearchQuery;
+                patronDetails = _this.props.patronDetails;
                 queryString = event.clipboardData.getData('Text');
                 sameQueryString = prevSearchQuery === queryString;
                 if (!(queryString && !sameQueryString)) {
-                  _context.next = 15;
+                  _context2.next = 8;
                   break;
                 }
-                _context.next = 7;
-                return _this.executeSearch(queryString);
+                _context2.next = 7;
+                return _this.executeSearch(queryString, patronDetails.user_pid);
               case 7:
-                hits = _this.props.items.hits;
-                hasOneHit = !_isEmpty(hits) && hits.length === 1 && hits[0].metadata.status === 'CAN_CIRCULATE';
-                if (!hasOneHit) {
-                  _context.next = 14;
-                  break;
-                }
-                documentPid = hits[0].metadata.document.pid;
-                itemPid = {
-                  type: recordToPidType(hits[0]),
-                  value: hits[0].metadata.pid
-                };
-                _context.next = 14;
-                return checkoutItem(documentPid, itemPid, patronDetails.user_pid, true);
-              case 14:
                 // eslint-disable-next-line react/no-unused-state
                 _this.setState({
                   prevSearchQuery: '',
                   executedSearch: true
                 });
-              case 15:
+              case 8:
               case "end":
-                return _context.stop();
+                return _context2.stop();
             }
           }
-        }, _callee);
+        }, _callee2);
       }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
+      return function (_x3) {
+        return _ref2.apply(this, arguments);
       };
     }();
     _this.renderResultsList = function (results) {
-      var _this$props3 = _this.props,
-          patronDetails = _this$props3.patronDetails,
-          clearResults = _this$props3.clearResults,
-          isLoadingSearch = _this$props3.isLoadingSearch;
+      var _this$props2 = _this.props,
+          patronDetails = _this$props2.patronDetails,
+          clearResults = _this$props2.clearResults,
+          isLoadingSearch = _this$props2.isLoadingSearch;
       var executedSearch = _this.state.executedSearch;
       return /*#__PURE__*/React.createElement(ItemsResultsList, {
         patronPid: patronDetails.user_pid,
@@ -44103,11 +44203,11 @@ var ItemsSearch$1 = /*#__PURE__*/function (_Component) {
   _createClass(ItemsSearch, [{
     key: "render",
     value: function render() {
-      var _this$props4 = this.props,
-          items = _this$props4.items,
-          isLoading = _this$props4.isLoading,
-          error = _this$props4.error,
-          queryString = _this$props4.queryString;
+      var _this$props3 = this.props,
+          items = _this$props3.items,
+          isLoading = _this$props3.isLoading,
+          error = _this$props3.error,
+          queryString = _this$props3.queryString;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, {
         className: "spaced"
       }, /*#__PURE__*/React.createElement(SearchBarILS, {
@@ -44137,10 +44237,88 @@ ItemsSearch$1.defaultProps = {
   items: null
 };
+var fetchAndCheckoutIfOne = function fetchAndCheckoutIfOne(barcode, patronPid) {
+  return /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(dispatch) {
+      var response, ableToAutoCheckout, itemToCheckout, documentPid, itemPid;
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              dispatch({
+                type: IS_LOADING$i
+              });
+              _context.prev = 1;
+              _context.next = 4;
+              return itemApi.list(itemApi.query().withBarcode(barcode).qs());
+            case 4:
+              response = _context.sent;
+              dispatch({
+                type: SUCCESS$i,
+                payload: response.data
+              });
+              ableToAutoCheckout = patronPid && hitAvailableForCheckout(response.data.hits);
+              if (ableToAutoCheckout) {
+                itemToCheckout = response.data.hits[0];
+                documentPid = itemToCheckout.metadata.document.pid;
+                itemPid = {
+                  type: recordToPidType(itemToCheckout),
+                  value: itemToCheckout.metadata.pid
+                };
+                dispatch(checkoutItem(documentPid, itemPid, patronPid, true));
+              }
+              _context.next = 14;
+              break;
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](1);
+              dispatch({
+                type: HAS_ERROR$i,
+                payload: _context.t0
+              });
+              dispatch(sendErrorNotification(_context.t0));
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[1, 10]]);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+};
+var updateQueryString = function updateQueryString(queryString) {
+  return function (dispatch) {
+    dispatch({
+      type: QUERY_STRING_UPDATE,
+      queryString: queryString
+    });
+  };
+};
+var clearResults = function clearResults() {
+  return function (dispatch) {
+    dispatch({
+      type: CLEAR_SEARCH
+    });
+  };
+};
+var hitAvailableForCheckout = function hitAvailableForCheckout(hits) {
+  return !_isEmpty(hits) && hits.length === 1 && hits[0].metadata.status === 'CAN_CIRCULATE';
+};
 var mapDispatchToProps$p = function mapDispatchToProps(dispatch) {
   return {
-    fetchItems: function fetchItems$1(barcode) {
-      return dispatch(fetchItems(barcode));
+    fetchAndCheckoutIfOne: function fetchAndCheckoutIfOne$1(barcode, patronPid) {
+      return dispatch(fetchAndCheckoutIfOne(barcode, patronPid));
     },
     updateQueryString: function updateQueryString$1(qs) {
       return dispatch(updateQueryString(qs));
@@ -45106,7 +45284,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
       });
@@ -51466,24 +51644,26 @@ var mapStateToProps$e = function mapStateToProps(state) {
 var DocumentItems = connect(mapStateToProps$e, null)(DocumentItemsComponent);
-var DocumentConference = /*#__PURE__*/function (_Component) {
-  _inherits(DocumentConference, _Component);
+var DocumentConferenceCmp = /*#__PURE__*/function (_Component) {
+  _inherits(DocumentConferenceCmp, _Component);
-  var _super = _createSuper(DocumentConference);
+  var _super = _createSuper(DocumentConferenceCmp);
-  function DocumentConference() {
-    var _this;
-    _classCallCheck(this, DocumentConference);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+  function DocumentConferenceCmp() {
+    _classCallCheck(this, DocumentConferenceCmp);
-    _this = _super.call.apply(_super, [this].concat(args));
+    return _super.apply(this, arguments);
+  }
-    _this.renderConferences = function (conference) {
-      return conference.map(function (conf) {
+  _createClass(DocumentConferenceCmp, [{
+    key: "render",
+    value: function render() {
+      var conference = this.props.conference;
+      return /*#__PURE__*/React.createElement(Overridable, {
+        id: "DocumentConference.layout"
+      }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
+        horizontal: true
+      }, "Conference information"), _isEmpty(conference) && 'No conference information.', conference.map(function (conf) {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Table, {
           definition: true,
           key: conf
@@ -51491,28 +51671,18 @@ var DocumentConference = /*#__PURE__*/function (_Component) {
           width: 4
         }, "Conference"), /*#__PURE__*/React.createElement(Table.Cell, null, conf.title)), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Acronym"), /*#__PURE__*/React.createElement(Table.Cell, null, conf.acronym)), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Dates"), /*#__PURE__*/React.createElement(Table.Cell, null, conf.dates)), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Identifiers"), /*#__PURE__*/React.createElement(Table.Cell, null, conf.identifiers && conf.identifiers.map(function (identifier) {
           return '(' + identifier.scheme + ') ' + identifier.value;
-        }))), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Place"), /*#__PURE__*/React.createElement(Table.Cell, null, conf.place)), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Series"), /*#__PURE__*/React.createElement(Table.Cell, null, conf.series)))), /*#__PURE__*/React.createElement("br", null));
-      });
-    };
-    return _this;
-  }
-  _createClass(DocumentConference, [{
-    key: "render",
-    value: function render() {
-      var conference = this.props.conference;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
-        horizontal: true
-      }, "Conference information"), _isEmpty(conference) ? 'No conference information' : this.renderConferences(conference));
+        }))), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Place"), /*#__PURE__*/React.createElement(Table.Cell, null, conf.place)), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Series number"), /*#__PURE__*/React.createElement(Table.Cell, null, conf.series)))), /*#__PURE__*/React.createElement("br", null));
+      })));
     }
   }]);
-  return DocumentConference;
+  return DocumentConferenceCmp;
 }(Component);
-DocumentConference.defaultProps = {
+DocumentConferenceCmp.defaultProps = {
   conference: []
 };
+var DocumentConference = Overridable.component('DocumentConference', DocumentConferenceCmp);
 var DocumentContent = /*#__PURE__*/function (_Component) {
   _inherits(DocumentContent, _Component);
@@ -51520,14 +51690,31 @@ var DocumentContent = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(DocumentContent);
   function DocumentContent() {
+    var _this;
     _classCallCheck(this, DocumentContent);
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.prepareAlternativeAbstracts = function (element, index) {
+      return [{
+        name: index,
+        value: element
+      }];
+    };
+    return _this;
   }
   _createClass(DocumentContent, [{
     key: "render",
     value: function render() {
+      var _this2 = this;
       var _this$props = this.props,
           metadata = _this$props.metadata,
           _this$props$metadata = _this$props.metadata,
@@ -51547,7 +51734,14 @@ var DocumentContent = /*#__PURE__*/function (_Component) {
         horizontal: true
       }, "Subject classification"), /*#__PURE__*/React.createElement(DocumentSubjects, {
         metadata: metadata
-      }));
+      }), /*#__PURE__*/React.createElement(Divider, {
+        horizontal: true
+      }, "Alternative abstracts"), !_isEmpty(metadata.alternative_abstracts) ? metadata.alternative_abstracts.map(function (element, index) {
+        return /*#__PURE__*/React.createElement(MetadataTable, {
+          key: element,
+          rows: _this2.prepareAlternativeAbstracts(element, index + 1)
+        });
+      }) : 'No alternative abstracts');
     }
   }]);
@@ -51578,10 +51772,10 @@ var DocumentCopyrights = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/React.createElement(List.Item, {
           key: entry.license.id
         }, /*#__PURE__*/React.createElement("a", {
-          href: entry.url,
+          href: entry.license.url,
           target: "_blank",
           rel: "noopener noreferrer"
-        }, entry.license.title), ' ', entry.material && "(".concat(entry.material, ")"), entry.license.maintainer && "maintained by ".concat(entry.license.maintainer));
+        }, entry.license.title), ' ', entry.material && "(".concat(entry.material, ")"), ' ', entry.license.maintainer && "maintained by ".concat(entry.license.maintainer));
       }));
     };
@@ -51599,7 +51793,7 @@ var DocumentCopyrights = /*#__PURE__*/function (_Component) {
           key: entry.statement
         }, /*#__PURE__*/React.createElement("a", {
           href: entry.url
-        }, entry.statement), " (", entry.material, ") held by", ' ', entry.holder);
+        }, entry.statement), ' ', entry.material && "(".concat(entry.material, ")"), " held by ", entry.holder);
       }));
     }
   }, {
@@ -51936,6 +52130,16 @@ var DocumentInfo = /*#__PURE__*/function (_Component) {
     _this = _super.call.apply(_super, [this].concat(args));
+    _this.renderLanguages = function () {
+      var metadata = _this.props.metadata;
+      if (metadata.languages) {
+        return /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Languages"), /*#__PURE__*/React.createElement(Table.Cell, null, metadata.languages.join(', ')));
+      }
+      return null;
+    };
     _this.prepareImprintInfo = function () {
       var metadata = _this.props.metadata;
       return [{
@@ -51960,17 +52164,6 @@ var DocumentInfo = /*#__PURE__*/function (_Component) {
   }
   _createClass(DocumentInfo, [{
-    key: "renderLanguages",
-    value: function renderLanguages() {
-      var metadata = this.props.metadata;
-      if (metadata.languages) {
-        return /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Languages"), /*#__PURE__*/React.createElement(Table.Cell, null, metadata.languages.join(', ')));
-      }
-      return null;
-    }
-  }, {
     key: "renderKeywords",
     value: function renderKeywords() {
       var metadata = this.props.metadata;
@@ -51991,6 +52184,16 @@ var DocumentInfo = /*#__PURE__*/function (_Component) {
         width: 4
       }, "Title"), /*#__PURE__*/React.createElement(Table.Cell, null, metadata.title)), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, {
         width: 4
+      }, "Alternative titles"), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(List, {
+        bulleted: true
+      }, (metadata.alternative_titles || []).map(function (entry) {
+        return /*#__PURE__*/React.createElement(List.Item, {
+          key: entry.value
+        }, /*#__PURE__*/React.createElement(List.Content, {
+          className: "alternative-title"
+        }, entry.value));
+      })))), /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, {
+        width: 4
       }, "Authors"), /*#__PURE__*/React.createElement(Table.Cell, null, /*#__PURE__*/React.createElement(DocumentAuthors$1, {
         authors: metadata.authors,
         hasOtherAuthors: metadata.other_authors,
@@ -52041,9 +52244,9 @@ var DocumentPublicationInfo = /*#__PURE__*/function (_Component) {
         }), /*#__PURE__*/React.createElement(Table, {
           definition: true,
           key: publication.journal_title
-        }, /*#__PURE__*/React.createElement(Table.Body, null, !_isEmpty(publication.journal_title) && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, {
+        }, /*#__PURE__*/React.createElement(Table.Body, null, (publication === null || publication === void 0 ? void 0 : publication.journal_title) && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, {
           width: 4
-        }, "Journal"), /*#__PURE__*/React.createElement(Table.Cell, null, publication.journal_title)), !_isEmpty(publication.journal_issue) && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Issue"), /*#__PURE__*/React.createElement(Table.Cell, null, publication.journal_issue)), !_isEmpty(publication.journal_volume) && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Volume"), /*#__PURE__*/React.createElement(Table.Cell, null, publication.journal_volume)), !_isEmpty(publication.artid) && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Article ID"), /*#__PURE__*/React.createElement(Table.Cell, null, publication.artid)), !_isEmpty(publication.pages) && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Pages"), /*#__PURE__*/React.createElement(Table.Cell, null, publication.pages)), !_isEmpty(publication.year) && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Publication year"), /*#__PURE__*/React.createElement(Table.Cell, null, publication.year)), !_isEmpty(publication.note) && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Note"), /*#__PURE__*/React.createElement(Table.Cell, null, publication.note)))));
+        }, "Journal"), /*#__PURE__*/React.createElement(Table.Cell, null, publication.journal_title)), (publication === null || publication === void 0 ? void 0 : publication.journal_issue) && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Issue"), /*#__PURE__*/React.createElement(Table.Cell, null, publication.journal_issue)), (publication === null || publication === void 0 ? void 0 : publication.journal_volume) && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Volume"), /*#__PURE__*/React.createElement(Table.Cell, null, publication.journal_volume)), (publication === null || publication === void 0 ? void 0 : publication.artid) && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Article ID"), /*#__PURE__*/React.createElement(Table.Cell, null, publication.artid)), (publication === null || publication === void 0 ? void 0 : publication.pages) && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Pages"), /*#__PURE__*/React.createElement(Table.Cell, null, publication.pages)), (publication === null || publication === void 0 ? void 0 : publication.year) && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Publication year"), /*#__PURE__*/React.createElement(Table.Cell, null, publication.year)), (publication === null || publication === void 0 ? void 0 : publication.note) && /*#__PURE__*/React.createElement(Table.Row, null, /*#__PURE__*/React.createElement(Table.Cell, null, "Note"), /*#__PURE__*/React.createElement(Table.Cell, null, publication.note)))));
       })));
     }
   }]);
@@ -52080,49 +52283,6 @@ var LiteratureRelations = /*#__PURE__*/function (_Component) {
       return relation.pid_type === 'docid' ? FrontSiteRoutes.documentDetailsFor(relation.pid_value) : FrontSiteRoutes.seriesDetailsFor(relation.pid_value);
     };
-    _this.renderMultiparts = function () {
-      var relations = _get$1(_this.relations, 'multipart_monograph', []);
-      if (!relations.length) return null;
-      var cmp = relations.map(function (rel) {
-        var volume = _get$1(rel, 'volume');
-        var text = volume ? "".concat(rel.record_metadata.title, " (vol: ").concat(volume, ")") : rel.record_metadata.title;
-        return /*#__PURE__*/React.createElement(React.Fragment, {
-          key: rel.pid_value
-        }, "This is part of the monograph", ' ', /*#__PURE__*/React.createElement(Link$1, {
-          to: _this.getLinkTo(rel)
-        }, /*#__PURE__*/React.createElement(LiteratureTitle$1, {
-          title: text
-        })));
-      });
-      return /*#__PURE__*/React.createElement(List.Item, null, cmp);
-    };
-    _this.renderSerials = function () {
-      var relations = _get$1(_this.relations, 'serial', []);
-      if (!relations.length) return null;
-      var items = relations.map(function (rel) {
-        var volume = _get$1(rel, 'volume');
-        var text = volume ? "".concat(rel.record_metadata.title, " (vol: ").concat(volume, ")") : rel.record_metadata.title;
-        return /*#__PURE__*/React.createElement(React.Fragment, {
-          key: rel.pid_value
-        }, /*#__PURE__*/React.createElement(Link$1, {
-          to: _this.getLinkTo(rel)
-        }, /*#__PURE__*/React.createElement(LiteratureTitle$1, {
-          title: text
-        })));
-      });
-      return /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement(SeparatedList, {
-        items: items,
-        prefix: "This is part of the series: ",
-        separator: ";",
-        className: "inline-list"
-      }));
-    };
     _this.renderLanguages = function () {
       var relations = _get$1(_this.relations, 'language', []);
@@ -52184,6 +52344,10 @@ var LiteratureRelations = /*#__PURE__*/function (_Component) {
     };
     _this.relations = props.relations;
+    _this.prefixes = {
+      serial: 'This is part of the periodical:',
+      multipart_monograph: 'This is part of the monograph:'
+    };
     return _this;
   }
@@ -52192,13 +52356,51 @@ var LiteratureRelations = /*#__PURE__*/function (_Component) {
     value: function render() {
       return !_isEmpty(this.relations) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
         horizontal: true
-      }, "Related"), /*#__PURE__*/React.createElement(List, null, this.renderMultiparts(), this.renderSerials(), this.renderLanguages(), this.renderEditions(), this.renderOther())) : null;
+      }, "Related"), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(LiteratureRelationsField, {
+        relationsData: this.relations,
+        property: "multipart_monograph",
+        prefix: this.prefixes['multipart_monograph']
+      }), /*#__PURE__*/React.createElement(LiteratureRelationsField, {
+        relationsData: this.relations,
+        property: "serial",
+        prefix: this.prefixes['serial']
+      }), this.renderLanguages(), this.renderEditions(), this.renderOther())) : null;
     }
   }]);
   return LiteratureRelations;
 }(Component);
+var LiteratureRelationsField = function LiteratureRelationsField(_ref) {
+  var relationsData = _ref.relationsData,
+      property = _ref.property,
+      prefix = _ref.prefix;
+  var relations = _get$1(relationsData, property, []);
+  if (!relations.length) return null;
+  var getLinkTo = function getLinkTo(relation) {
+    return relation.pid_type === 'docid' ? FrontSiteRoutes.documentDetailsFor(relation.pid_value) : FrontSiteRoutes.seriesDetailsFor(relation.pid_value);
+  };
+  return /*#__PURE__*/React.createElement(List.Item, null, prefix, /*#__PURE__*/React.createElement(List, {
+    bulleted: true
+  }, relations.map(function (rel) {
+    var volume = _get$1(rel, 'volume');
+    var text = volume ? "".concat(rel.record_metadata.title, " (vol: ").concat(volume, ")") : rel.record_metadata.title;
+    return /*#__PURE__*/React.createElement(List.Item, {
+      bulleted: true,
+      key: rel.pid_value
+    }, /*#__PURE__*/React.createElement(Link$1, {
+      to: getLinkTo(rel)
+    }, /*#__PURE__*/React.createElement(LiteratureTitle$1, {
+      title: text
+    })));
+  })));
+};
 var DocumentMetadataTabs$1 = /*#__PURE__*/function (_Component) {
   _inherits(DocumentMetadataTabs, _Component);
@@ -52234,9 +52436,11 @@ var DocumentMetadataTabs$1 = /*#__PURE__*/function (_Component) {
       }, {
         menuItem: 'Identifiers',
         render: function render() {
-          return /*#__PURE__*/React.createElement(Tab.Pane, null, /*#__PURE__*/React.createElement(Identifiers, {
+          return /*#__PURE__*/React.createElement(Tab.Pane, null, /*#__PURE__*/React.createElement(Overridable, {
+            id: "DocumentMetadataTabs.Identifiers"
+          }, /*#__PURE__*/React.createElement(Identifiers, {
             identifiers: identifiers.concat(altIdentifiers)
-          }));
+          })));
         }
       }, {
         menuItem: 'Content',
@@ -52246,7 +52450,7 @@ var DocumentMetadataTabs$1 = /*#__PURE__*/function (_Component) {
           }));
         }
       }, {
-        menuItem: 'Publications',
+        menuItem: 'Published in',
         render: function render() {
           return /*#__PURE__*/React.createElement(DocumentPublicationInfo, {
             publications: metadata.publication_info
@@ -52281,13 +52485,6 @@ var DocumentMetadataTabs$1 = /*#__PURE__*/function (_Component) {
             metadata: metadata
           }));
         }
-      }, {
-        menuItem: 'Other',
-        render: function render() {
-          return /*#__PURE__*/React.createElement(Tab.Pane, null, /*#__PURE__*/React.createElement(DocumentExtras, {
-            metadata: metadata
-          }));
-        }
       }];
       var _metadata$extensions = metadata.extensions,
           extensions = _metadata$extensions === void 0 ? {} : _metadata$extensions;
@@ -52431,9 +52628,11 @@ var DocumentMetadataAccordion = /*#__PURE__*/function (_Component) {
         name: "dropdown"
       }), "Identifiers"), /*#__PURE__*/React.createElement(Accordion.Content, {
         active: activeIndex === 'identifiers'
+      }, /*#__PURE__*/React.createElement(Overridable, {
+        id: "DocumentMetadataTabs.Identifiers"
       }, /*#__PURE__*/React.createElement(Identifiers, {
         identifiers: identifiers.concat(altIdentifiers)
-      })), /*#__PURE__*/React.createElement(Accordion.Title, {
+      }))), /*#__PURE__*/React.createElement(Accordion.Title, {
         active: activeIndex === 'content',
         index: "content",
         onClick: this.handleClick
@@ -52508,16 +52707,6 @@ var DocumentMetadataAccordion = /*#__PURE__*/function (_Component) {
         active: activeIndex === 'licenses'
       }, /*#__PURE__*/React.createElement(DocumentCopyrights, {
         metadata: metadata
-      })), /*#__PURE__*/React.createElement(Accordion.Title, {
-        active: activeIndex === 'other',
-        index: "other",
-        onClick: this.handleClick
-      }, /*#__PURE__*/React.createElement(Icon, {
-        name: "dropdown"
-      }), "Other"), /*#__PURE__*/React.createElement(Accordion.Content, {
-        active: activeIndex === 'other'
-      }, /*#__PURE__*/React.createElement(DocumentExtras, {
-        metadata: metadata
       })));
     }
   }]);
@@ -52637,9 +52826,12 @@ var DocumentEItems = /*#__PURE__*/function (_Component) {
         as: "h3"
       }, "Access online"), eitems.total > 0 ? /*#__PURE__*/React.createElement(DocumentEItemUrls, {
         eitems: eitems
-      }) : /*#__PURE__*/React.createElement(React.Fragment, null, "No e-resources currently available. ", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link$1, {
-        to: this.onClickEItemRequestLink()
-      }, "Request the e-book.")), /*#__PURE__*/React.createElement(Divider, {
+      }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "No e-resources currently available."), /*#__PURE__*/React.createElement(Button, {
+        as: Link$1,
+        to: this.onClickEItemRequestLink(),
+        className: "default-margin-top",
+        fluid: true
+      }, "Request the e-book")), /*#__PURE__*/React.createElement(Divider, {
         horizontal: true
       }, "Or"));
     }
@@ -53258,9 +53450,9 @@ var DocumentPanelMobile = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement(Overridable, {
         id: "DocumentPanelMobile.AfterAuthors",
         metadata: doc.metadata
-      }), ((_doc$metadata$imprint = doc.metadata.imprint) === null || _doc$metadata$imprint === void 0 ? void 0 : _doc$metadata$imprint.publisher) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      }), ((_doc$metadata$imprint = doc.metadata.imprint) === null || _doc$metadata$imprint === void 0 ? void 0 : _doc$metadata$imprint.publisher) && /*#__PURE__*/React.createElement("div", {
         className: "default-margin-bottom"
-      }, "Published by ", /*#__PURE__*/React.createElement("b", null, (_doc$metadata$imprint2 = doc.metadata.imprint) === null || _doc$metadata$imprint2 === void 0 ? void 0 : _doc$metadata$imprint2.publisher), ' ', doc.metadata.publication_year && /*#__PURE__*/React.createElement("b", null, doc.metadata.publication_year)))), /*#__PURE__*/React.createElement(ILSParagraphPlaceholder, {
+      }, "Published by ", /*#__PURE__*/React.createElement("b", null, (_doc$metadata$imprint2 = doc.metadata.imprint) === null || _doc$metadata$imprint2 === void 0 ? void 0 : _doc$metadata$imprint2.publisher), ' ', /*#__PURE__*/React.createElement("b", null, doc.metadata.publication_year))), /*#__PURE__*/React.createElement(ILSParagraphPlaceholder, {
         linesNumber: 1,
         isLoading: isLoading
       }, /*#__PURE__*/React.createElement(LiteratureTags$1, {
@@ -53348,9 +53540,9 @@ var DocumentPanel = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement(Overridable, {
         id: "DocumentPanel.AfterAuthors",
         metadata: doc.metadata
-      }), ((_doc$metadata$imprint = doc.metadata.imprint) === null || _doc$metadata$imprint === void 0 ? void 0 : _doc$metadata$imprint.publisher) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      }), ((_doc$metadata$imprint = doc.metadata.imprint) === null || _doc$metadata$imprint === void 0 ? void 0 : _doc$metadata$imprint.publisher) && /*#__PURE__*/React.createElement("div", {
         className: "default-margin-bottom"
-      }, "Published by", ' ', /*#__PURE__*/React.createElement("b", null, (_doc$metadata$imprint2 = doc.metadata.imprint) === null || _doc$metadata$imprint2 === void 0 ? void 0 : _doc$metadata$imprint2.publisher), ' ', doc.metadata.publication_year && /*#__PURE__*/React.createElement("b", null, doc.metadata.publication_year)))), /*#__PURE__*/React.createElement(ILSParagraphPlaceholder, {
+      }, "Published by ", /*#__PURE__*/React.createElement("b", null, (_doc$metadata$imprint2 = doc.metadata.imprint) === null || _doc$metadata$imprint2 === void 0 ? void 0 : _doc$metadata$imprint2.publisher), ' ', /*#__PURE__*/React.createElement("b", null, doc.metadata.publication_year))), /*#__PURE__*/React.createElement(ILSParagraphPlaceholder, {
         linesNumber: 15,
         isLoading: isLoading
       }, /*#__PURE__*/React.createElement(ShowMoreContent, {
@@ -53462,11 +53654,19 @@ var DocumentDetailsLayout = function DocumentDetailsLayout(_ref) {
     isLoading: isLoading
   }, /*#__PURE__*/React.createElement(DocumentMetadata$1, {
     documentDetails: documentDetails
-  })))), /*#__PURE__*/React.createElement(Container, {
-    textAlign: "center"
-  }, !_isEmpty(documentDetails.metadata) && /*#__PURE__*/React.createElement(DocumentStats, {
-    document: documentDetails
-  }))));
+  })))), /*#__PURE__*/React.createElement(AuthenticationGuard, {
+    authorizedComponent: function authorizedComponent() {
+      return /*#__PURE__*/React.createElement(Container, {
+        textAlign: "center"
+      }, !_isEmpty(documentDetails.metadata) && /*#__PURE__*/React.createElement(DocumentStats, {
+        document: documentDetails
+      }));
+    },
+    loginComponent: function loginComponent() {
+      return null;
+    },
+    silent: true
+  })));
 };
 DocumentDetailsLayout.defaultProps = {
@@ -55779,7 +55979,7 @@ var LoansListEntry$1 = /*#__PURE__*/function (_Component) {
           basic: true
         }, "Loaned on", /*#__PURE__*/React.createElement(Label.Detail, null, DateTime.fromISO(startDate).toLocaleString())), /*#__PURE__*/React.createElement(Label, {
           basic: true
-        }, "Return on", /*#__PURE__*/React.createElement(Label.Detail, null, DateTime.fromISO(endDate).toLocaleString())));
+        }, "Return date", /*#__PURE__*/React.createElement(Label.Detail, null, DateTime.fromISO(endDate).toLocaleString())));
       }
     };
@@ -60311,5 +60511,5 @@ function IEFallback() {
   };
 }
-export { BackOfficeBase, BackOfficeRoutes, DocumentCardGroup$1 as DocumentCardGroup, DocumentIcon, DocumentRequestForm, FrontSiteRoutes, Headline$1 as Headline, HttpError$1 as HttpError, IEFallback, ILSStore, InfoPopup, App as InvenioILSApp, LiteratureSearch$1 as LiteratureSearch, Media, MetadataTable, NotFound, Pagination$1 as Pagination, ResultsTable, ScrollingMenuItem, add, bannerApi, borrowingRequestApi, circulationStatsApi, configureStore, documentApi, documentRequestApi, eItemApi, fileApi, getSearchConfig, getStaticPageByName, getStaticPageByRoute, getStaticPagesRoutes, history, http, injectAsyncReducer, internalLocationApi, invenioConfig, itemApi, literatureApi, loanApi, locationApi, orderApi, patronApi, recordToPidType, remove, seriesApi, statsApi, toShortDateTime, vocabularyApi, withCancel };
+export { BackOfficeBase, BackOfficeRoutes, DocumentCardGroup$1 as DocumentCardGroup, DocumentIcon, DocumentRequestForm, FrontSiteRoutes, Headline$1 as Headline, HttpError$1 as HttpError, IEFallback, ILSStore, InfoPopup, App as InvenioILSApp, LiteratureSearch$1 as LiteratureSearch, Media, MetadataTable, NotFound, Pagination$1 as Pagination, ResultsTable, ScrollingMenuItem, SeparatedList, add, bannerApi, borrowingRequestApi, circulationStatsApi, configureStore, documentApi, documentRequestApi, eItemApi, fileApi, getSearchConfig, getStaticPageByName, getStaticPageByRoute, getStaticPagesRoutes, history, http, injectAsyncReducer, internalLocationApi, invenioConfig, itemApi, literatureApi, loanApi, locationApi, orderApi, patronApi, recordToPidType, remove, seriesApi, statsApi, toShortDateTime, vocabularyApi, withCancel };
 //# sourceMappingURL=index.js.map