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

package/dist/cjs/index.js

@@ -38,8 +38,8 @@ var _groupBy = require('lodash/groupBy');
 var _keys = require('lodash/keys');
 var ShowMore = require('react-show-more');
 var _first = require('lodash/first');
-var object = require('lodash/object');
 var ReactDOM = require('react-dom');
+var object = require('lodash/object');
 var _difference = require('lodash/difference');
 var _concat = require('lodash/concat');
 var number = require('lodash/number');
@@ -2984,7 +2984,7 @@ var apiConfig = {
   baseURL: invenioConfig.APP.REST_ENDPOINTS_BASE_URL,
   withCredentials: true,
   xsrfCookieName: 'csrftoken',
-  xsrfHeaderName: 'HTTP_X_CSRFTOKEN'
+  xsrfHeaderName: 'X_CSRFTOKEN'
 };
 var http = axios__default["default"].create(apiConfig);
 var HTTP_STATUS_CODES_WITH_ERROR_PAGE = [404, 429, 500];
@@ -5865,9 +5865,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;
@@ -6351,11 +6351,17 @@ var QueryBuilder$4 = /*#__PURE__*/function () {
       return this;
     }
   }, {
-    key: "sortByRequestStartDate",
-    value: function sortByRequestStartDate() {
+    key: "sortByRequestStartDateDesc",
+    value: function sortByRequestStartDateDesc() {
       this.sortBy = "&sort=-request_start_date";
       return this;
     }
+  }, {
+    key: "sortByRequestStartDateAsc",
+    value: function sortByRequestStartDateAsc() {
+      this.sortBy = "&sort=request_start_date";
+      return this;
+    }
   }, {
     key: "qs",
     value: function qs() {
@@ -7937,12 +7943,18 @@ var isAPIError = function isAPIError(error) {
 };
 
 var shouldShowErrorPage = function shouldShowErrorPage(error) {
-  if (!isAPIError(error)) {
-    return true;
-  }
+  var _error$response;
+
+  if (isAPIError(error)) {
+    // do not display the error in a full page, show the error only in the specific component (probably a notification).
+    return false;
+  } // when the exception is handled, we don't want to display a full page error (probably a notification).
+
 
-  return error.response.status !== 400;
+  var handledException = (error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 400;
+  return handledException ? false : true;
 };
+
 var Error$1 = /*#__PURE__*/function (_Component) {
   _inherits(Error, _Component);
 
@@ -8592,12 +8604,14 @@ var REMOVE = 'notifications/REMOVE';
 var CLEAR_ALL = 'notifications/CLEAR_ALL';
 var sendErrorNotification = function sendErrorNotification(error) {
   return function (dispatch) {
-    if (!shouldShowErrorPage(error)) {
+    if (isAPIError(error)) {
       var errorData = error.response.data;
       var errorModule = errorData.error_module,
           message = errorData.message;
       var title = errorModule ? "".concat(errorModule) : 'Something went wrong';
       dispatch(addNotification(title, message, 'error'));
+    } else {
+      dispatch(addNotification('Something went wrong', error.message, 'error'));
     }
   };
 };
@@ -8726,7 +8740,7 @@ var mapStateToProps$1D = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1k = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1l = function mapDispatchToProps(dispatch) {
   return {
     sendErrorNotification: function sendErrorNotification(title, content) {
       return dispatch(addNotification(title, content, 'error'));
@@ -8734,7 +8748,7 @@ var mapDispatchToProps$1k = function mapDispatchToProps(dispatch) {
   };
 };
 
-var AuthenticationGuard = reactRedux.connect(mapStateToProps$1D, mapDispatchToProps$1k)(AuthenticationGuard$1);
+var AuthenticationGuard = reactRedux.connect(mapStateToProps$1D, mapDispatchToProps$1l)(AuthenticationGuard$1);
 
 var _excluded$x = ["autoDismiss"];
 var IlsMessage = /*#__PURE__*/function (_Component) {
@@ -8885,7 +8899,7 @@ var mapStateToProps$1C = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1j = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1k = function mapDispatchToProps(dispatch) {
   return {
     removeNotification: function removeNotification(notificationId) {
       return dispatch({
@@ -8896,7 +8910,7 @@ var mapDispatchToProps$1j = function mapDispatchToProps(dispatch) {
   };
 };
 
-var Notifications = reactRedux.connect(mapStateToProps$1C, mapDispatchToProps$1j)(Notifications$1);
+var Notifications = reactRedux.connect(mapStateToProps$1C, mapDispatchToProps$1k)(Notifications$1);
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -9296,7 +9310,7 @@ BaseForm$1.defaultProps = {
   buttons: null
 };
 
-var mapDispatchToProps$1i = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1j = function mapDispatchToProps(dispatch) {
   return {
     sendSuccessNotification: function sendSuccessNotification$1(title, content) {
       return dispatch(sendSuccessNotification(title, content));
@@ -9304,7 +9318,7 @@ var mapDispatchToProps$1i = function mapDispatchToProps(dispatch) {
   };
 };
 
-var BaseForm = reactRedux.connect(null, mapDispatchToProps$1i)(BaseForm$1);
+var BaseForm = reactRedux.connect(null, mapDispatchToProps$1j)(BaseForm$1);
 
 var YearPicker = /*#__PURE__*/function (_Component) {
   _inherits(YearPicker, _Component);
@@ -10339,7 +10353,7 @@ var mapStateToProps$1B = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1h = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1i = function mapDispatchToProps(dispatch) {
   return {
     sendSuccessNotification: function sendSuccessNotification$1(title, content) {
       return dispatch(sendSuccessNotification(title, content));
@@ -10347,7 +10361,7 @@ var mapDispatchToProps$1h = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentRequestForm = reactRedux.connect(mapStateToProps$1B, mapDispatchToProps$1h)(DocumentRequestFormComponent);
+var DocumentRequestForm = reactRedux.connect(mapStateToProps$1B, mapDispatchToProps$1i)(DocumentRequestFormComponent);
 
 var DynamicResponsive = createCommonjsModule(function (module, exports) {
 
@@ -14198,7 +14212,7 @@ LoginWithLocalAccountLayout.defaultProps = {
 };
 var LoginWithLocalAccountComponent = Overridable__default["default"].component('LoginWithLocalAccount', LoginWithLocalAccount$1);
 
-var mapDispatchToProps$1g = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1h = function mapDispatchToProps(dispatch) {
   return {
     fetchUserProfile: function fetchUserProfile$1() {
       return dispatch(fetchUserProfile());
@@ -14206,7 +14220,7 @@ var mapDispatchToProps$1g = function mapDispatchToProps(dispatch) {
   };
 };
 
-var LoginWithLocalAccount = reactRedux.connect(null, mapDispatchToProps$1g)(LoginWithLocalAccountComponent);
+var LoginWithLocalAccount = reactRedux.connect(null, mapDispatchToProps$1h)(LoginWithLocalAccountComponent);
 
 var _excluded$i = ["nextUrl", "url", "hasError", "errorMessage"];
 
@@ -14582,7 +14596,7 @@ var mapStateToProps$1A = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1f = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1g = function mapDispatchToProps(dispatch) {
   return {
     fetchUserProfile: function fetchUserProfile$1() {
       return dispatch(fetchUserProfile());
@@ -14590,7 +14604,7 @@ var mapDispatchToProps$1f = function mapDispatchToProps(dispatch) {
   };
 };
 
-var Login = reactRedux.connect(mapStateToProps$1A, mapDispatchToProps$1f)(LoginComponent);
+var Login = reactRedux.connect(mapStateToProps$1A, mapDispatchToProps$1g)(LoginComponent);
 
 var ConfirmEmailLayout = function ConfirmEmailLayout(_ref) {
   var isConfirmed = _ref.isConfirmed,
@@ -14697,7 +14711,7 @@ var mapStateToProps$1z = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1e = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1f = function mapDispatchToProps(dispatch) {
   return {
     sendErrorNotification: function sendErrorNotification(title, content) {
       return dispatch(addNotification(title, content, 'error'));
@@ -14711,7 +14725,7 @@ var mapDispatchToProps$1e = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ConfirmEmail = reactRedux.connect(mapStateToProps$1z, mapDispatchToProps$1e)(ConfirmEmailComponent);
+var ConfirmEmail = reactRedux.connect(mapStateToProps$1z, mapDispatchToProps$1f)(ConfirmEmailComponent);
 
 var HttpError = /*#__PURE__*/function (_Component) {
   _inherits(HttpError, _Component);
@@ -15132,7 +15146,7 @@ var mapStateToProps$1y = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1d = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1e = function mapDispatchToProps(dispatch) {
   return {
     sendErrorNotification: function sendErrorNotification(title, content) {
       return dispatch(addNotification(title, content, 'error'));
@@ -15143,7 +15157,7 @@ var mapDispatchToProps$1d = function mapDispatchToProps(dispatch) {
   };
 };
 
-var Sidebar = reactRedux.connect(mapStateToProps$1y, mapDispatchToProps$1d)(SidebarComponent);
+var Sidebar = reactRedux.connect(mapStateToProps$1y, mapDispatchToProps$1e)(SidebarComponent);
 
 var FETCH_BANNER_EVERY_SECS = 60 * 5; // 5 minutes
 
@@ -15298,7 +15312,7 @@ var mapStateToProps$1x = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1c = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1d = function mapDispatchToProps(dispatch) {
   return {
     fetchBanner: function fetchBanner$1() {
       return dispatch(fetchBanner());
@@ -15309,7 +15323,7 @@ var mapDispatchToProps$1c = function mapDispatchToProps(dispatch) {
   };
 };
 
-var Banner = reactRedux.connect(mapStateToProps$1x, mapDispatchToProps$1c)(BannerComponent);
+var Banner = reactRedux.connect(mapStateToProps$1x, mapDispatchToProps$1d)(BannerComponent);
 
 var IS_LOADING$H = 'fetchOrderDetails/IS_LOADING';
 var SUCCESS$H = 'fetchOrderDetails/SUCCESS';
@@ -16426,7 +16440,7 @@ var mapStateToProps$1w = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$1b = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1c = function mapDispatchToProps(dispatch) {
   return {
     fetchOrderDetails: function fetchOrderDetails$1(orderPid) {
       return dispatch(fetchOrderDetails(orderPid));
@@ -16434,7 +16448,7 @@ var mapDispatchToProps$1b = function mapDispatchToProps(dispatch) {
   };
 };
 
-var OrderDetails = reactRedux.connect(mapStateToProps$1w, mapDispatchToProps$1b)(OrderDetails$1);
+var OrderDetails = reactRedux.connect(mapStateToProps$1w, mapDispatchToProps$1c)(OrderDetails$1);
 
 /**
  * Generic React JSONSchema Form widget to search and select hits
@@ -18333,6 +18347,20 @@ var RJSFVocabulary = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
 
+    _this.validateValue = function (value, options, isLoading) {
+      var noOptionSelected = !value;
+      if (noOptionSelected) return true;
+      if (!options.length || isLoading) return;
+
+      var foundValue = function foundValue(value) {
+        return options.find(function (option) {
+          return option.value === value;
+        });
+      };
+
+      return !!foundValue(value);
+    };
+
     _this.serializer = function (hit) {
       return {
         key: hit.metadata.key,
@@ -18453,12 +18481,17 @@ var RJSFVocabulary = /*#__PURE__*/function (_Component) {
           isLoading = _this$state.isLoading,
           value = _this$state.value,
           error = _this$state.error;
+      var valueIsValid = this.validateValue(value, options, isLoading);
+      var invalidValueError = {
+        content: ' Invalid option was selected',
+        pointing: 'above'
+      };
       return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Select, {
         fluid: true,
         selection: true,
         options: options,
         label: label,
-        value: value,
+        value: valueIsValid ? value : undefined,
         clearable: true,
         required: required,
         autoFocus: autofocus,
@@ -18466,7 +18499,8 @@ var RJSFVocabulary = /*#__PURE__*/function (_Component) {
         onChange: this.handleChange,
         disabled: isLoading || readonly,
         loading: isLoading,
-        noResultsMessage: error ? error : 'No results found'
+        noResultsMessage: error ? error : 'No results found',
+        error: !valueIsValid && invalidValueError
       });
     }
   }]);
@@ -18646,6 +18680,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;
@@ -18706,6 +18764,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 {
@@ -18728,12 +18792,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
@@ -18748,9 +18812,9 @@ var RJSForm$1 = /*#__PURE__*/function (_Component) {
             };
           }
         } catch (err) {
-          _iterator.e(err);
+          _iterator2.e(err);
         } finally {
-          _iterator.f();
+          _iterator2.f();
         }
       }
 
@@ -18837,7 +18901,7 @@ RJSForm$1.defaultProps = {
   successCallback: null
 };
 
-var mapDispatchToProps$1a = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1b = function mapDispatchToProps(dispatch) {
   return {
     sendSuccessNotification: function sendSuccessNotification$1(title, content) {
       return dispatch(sendSuccessNotification(title, content));
@@ -18845,7 +18909,7 @@ var mapDispatchToProps$1a = function mapDispatchToProps(dispatch) {
   };
 };
 
-var RJSForm = reactRedux.connect(null, mapDispatchToProps$1a)(RJSForm$1);
+var RJSForm = reactRedux.connect(null, mapDispatchToProps$1b)(RJSForm$1);
 
 var schema$9 = function schema() {
   var _schema = {
@@ -20361,7 +20425,7 @@ var checkin = function checkin(barcode, onSuccess) {
                 type: LOAN_HAS_ERROR,
                 payload: _context.t0
               });
-              dispatch(sendErrorNotification('Error'));
+              dispatch(sendErrorNotification(_context.t0));
 
             case 14:
             case "end":
@@ -20444,7 +20508,7 @@ var clearResults$2 = function clearResults() {
   };
 };
 
-var mapDispatchToProps$19 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$1a = function mapDispatchToProps(dispatch) {
   return {
     checkin: function checkin$1(barcode, onSuccess) {
       return dispatch(checkin(barcode, onSuccess));
@@ -20458,7 +20522,7 @@ var mapStateToProps$1v = function mapStateToProps(state) {
   };
 };
 
-var ItemsSearch$2 = reactRedux.connect(mapStateToProps$1v, mapDispatchToProps$19)(ItemsSearch$3);
+var ItemsSearch$2 = reactRedux.connect(mapStateToProps$1v, mapDispatchToProps$1a)(ItemsSearch$3);
 
 var ItemCirculation$2 = /*#__PURE__*/function (_Component) {
   _inherits(ItemCirculation, _Component);
@@ -20671,7 +20735,7 @@ CheckedInItems$1.defaultProps = {
   items: []
 };
 
-var mapDispatchToProps$18 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$19 = function mapDispatchToProps(dispatch) {
   return {
     clearResults: function clearResults() {
       return dispatch(clearResults$2());
@@ -20685,7 +20749,7 @@ var mapStateToProps$1u = function mapStateToProps(state) {
   };
 };
 
-var CheckedInItems = reactRedux.connect(mapStateToProps$1u, mapDispatchToProps$18)(CheckedInItems$1);
+var CheckedInItems = reactRedux.connect(mapStateToProps$1u, mapDispatchToProps$19)(CheckedInItems$1);
 
 var CheckIn = /*#__PURE__*/function (_Component) {
   _inherits(CheckIn, _Component);
@@ -20910,7 +20974,7 @@ var checkOutSearch = function checkOutSearch(term) {
                 type: SEARCH_HAS_ERROR,
                 payload: _context3.t0
               });
-              dispatch(sendErrorNotification('Error'));
+              dispatch(sendErrorNotification(_context3.t0));
 
             case 21:
             case "end":
@@ -20926,7 +20990,7 @@ var checkOutSearch = function checkOutSearch(term) {
   }();
 };
 
-var mapDispatchToProps$17 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$18 = function mapDispatchToProps(dispatch) {
   return {
     checkOutSearch: function checkOutSearch$1(term) {
       return dispatch(checkOutSearch(term));
@@ -20943,7 +21007,7 @@ var mapStateToProps$1t = function mapStateToProps(state) {
   };
 };
 
-var CheckOutSearch = reactRedux.connect(mapStateToProps$1t, mapDispatchToProps$17)(CheckOutSearch$1);
+var CheckOutSearch = reactRedux.connect(mapStateToProps$1t, mapDispatchToProps$18)(CheckOutSearch$1);
 
 var ItemList = function ItemList(_ref) {
   var items = _ref.items;
@@ -21328,7 +21392,7 @@ CheckOutResults$1.defaultProps = {
   isLoading: false
 };
 
-var mapDispatchToProps$16 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$17 = function mapDispatchToProps(dispatch) {
   return {
     clearResults: function clearResults() {
       return dispatch(clearResults$1());
@@ -21345,7 +21409,7 @@ var mapStateToProps$1s = function mapStateToProps(state) {
   };
 };
 
-var CheckOutResults = reactRedux.connect(mapStateToProps$1s, mapDispatchToProps$16)(CheckOutResults$1);
+var CheckOutResults = reactRedux.connect(mapStateToProps$1s, mapDispatchToProps$17)(CheckOutResults$1);
 
 var CheckOut = /*#__PURE__*/function (_Component) {
   _inherits(CheckOut, _Component);
@@ -22906,7 +22970,7 @@ var mapStateToProps$1r = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$15 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$16 = function mapDispatchToProps(dispatch) {
   return {
     fetchReferences: function fetchReferences$1(promiseArray) {
       return dispatch(fetchReferences(promiseArray));
@@ -22914,7 +22978,7 @@ var mapDispatchToProps$15 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DeleteRecordModal = reactRedux.connect(mapStateToProps$1r, mapDispatchToProps$15)(DeleteRecordModal$1);
+var DeleteRecordModal = reactRedux.connect(mapStateToProps$1r, mapDispatchToProps$16)(DeleteRecordModal$1);
 
 function formatPidTypeToName(pidType) {
   switch (pidType) {
@@ -23138,7 +23202,7 @@ var DocumentDeleteModal$1 = /*#__PURE__*/function (_Component) {
   return DocumentDeleteModal;
 }(React.Component);
 
-var mapDispatchToProps$14 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$15 = function mapDispatchToProps(dispatch) {
   return {
     deleteDocument: function deleteDocument$1(documentPid) {
       return dispatch(deleteDocument(documentPid));
@@ -23146,7 +23210,7 @@ var mapDispatchToProps$14 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentDeleteModal = reactRedux.connect(null, mapDispatchToProps$14)(DocumentDeleteModal$1);
+var DocumentDeleteModal = reactRedux.connect(null, mapDispatchToProps$15)(DocumentDeleteModal$1);
 
 var DocumentActionMenu$1 = /*#__PURE__*/function (_Component) {
   _inherits(DocumentActionMenu, _Component);
@@ -23292,7 +23356,7 @@ var mapStateToProps$1q = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$13 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$14 = function mapDispatchToProps(dispatch) {
   return {
     deleteDocument: function deleteDocument$1(documentPid) {
       return dispatch(deleteDocument(documentPid));
@@ -23304,77 +23368,7 @@ var mapDispatchToProps$13 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentActionMenu = reactRedux.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__default["default"].createElement(semanticUiReact.List, {
-          bulleted: true
-        }, element.map(function (entry) {
-          return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, {
-            key: entry.value
-          }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.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__default["default"](metadata.alternative_titles) || !_isEmpty__default["default"](metadata.alternative_abstracts)) {
-        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !_isEmpty__default["default"](metadata.alternative_titles) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Header, {
-          as: "h3"
-        }, "Alternative titles"), /*#__PURE__*/React__default["default"].createElement(MetadataTable, {
-          rows: this.prepareAlternativeTitle(metadata.alternative_titles)
-        })), !_isEmpty__default["default"](metadata.alternative_abstracts) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Divider, null), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Header, {
-          as: "h3"
-        }, "Publication info"), metadata.alternative_abstracts.map(function (element) {
-          return /*#__PURE__*/React__default["default"].createElement(MetadataTable, {
-            key: element,
-            rows: _this2.prepareAlternativeAbstracts(element)
-          });
-        })));
-      } else {
-        return 'No additional information.';
-      }
-    }
-  }]);
-
-  return DocumentExtras;
-}(React.Component);
+var DocumentActionMenu = reactRedux.connect(mapStateToProps$1q, mapDispatchToProps$14)(DocumentActionMenu$1);
 
 var LiteratureMetadataExtensions = function LiteratureMetadataExtensions(_ref) {
   var metadataExtensions = _ref.metadataExtensions,
@@ -24192,13 +24186,6 @@ var DocumentMetadata$3 = /*#__PURE__*/function (_Component) {
             document: document
           }));
         }
-      }, {
-        menuItem: 'Other',
-        render: function render() {
-          return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Tab.Pane, null, /*#__PURE__*/React__default["default"].createElement(DocumentExtras, {
-            metadata: document.metadata
-          }));
-        }
       }, {
         menuItem: 'System',
         render: function render() {
@@ -24258,7 +24245,7 @@ var mapStateToProps$1p = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$12 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$13 = function mapDispatchToProps(dispatch) {
   return {
     fetchDocumentDetails: function fetchDocumentDetails$1(documentPid) {
       return dispatch(fetchDocumentDetails(documentPid));
@@ -24266,7 +24253,7 @@ var mapDispatchToProps$12 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentMetadata$2 = reactRedux.connect(mapStateToProps$1p, mapDispatchToProps$12)(DocumentMetadata$3);
+var DocumentMetadata$2 = reactRedux.connect(mapStateToProps$1p, mapDispatchToProps$13)(DocumentMetadata$3);
 
 var DocumentSummary$1 = /*#__PURE__*/function (_Component) {
   _inherits(DocumentSummary, _Component);
@@ -24582,7 +24569,7 @@ var mapStateToProps$1n = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$11 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$12 = function mapDispatchToProps(dispatch) {
   return {
     fetchDocumentEItems: function fetchDocumentEItems$1(documentPid) {
       return dispatch(fetchDocumentEItems(documentPid));
@@ -24590,7 +24577,7 @@ var mapDispatchToProps$11 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentEItems$1 = reactRedux.connect(mapStateToProps$1n, mapDispatchToProps$11)(DocumentEItems$2);
+var DocumentEItems$1 = reactRedux.connect(mapStateToProps$1n, mapDispatchToProps$12)(DocumentEItems$2);
 
 var IS_LOADING$D = 'fetchDocumentItems/IS_LOADING';
 var SUCCESS$D = 'fetchDocumentItems/SUCCESS';
@@ -24772,7 +24759,7 @@ var mapStateToProps$1m = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$10 = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$11 = function mapDispatchToProps(dispatch) {
   return {
     fetchDocumentItems: function fetchDocumentItems$1(documentPid) {
       return dispatch(fetchDocumentItems(documentPid));
@@ -24780,7 +24767,7 @@ var mapDispatchToProps$10 = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentItems$2 = reactRedux.connect(mapStateToProps$1m, mapDispatchToProps$10)(DocumentItems$3);
+var DocumentItems$2 = reactRedux.connect(mapStateToProps$1m, mapDispatchToProps$11)(DocumentItems$3);
 
 var IS_LOADING$C = 'fetchPendingLoansOnDocument/IS_LOADING';
 var SUCCESS$C = 'fetchPendingLoansOnDocument/SUCCESS';
@@ -24798,7 +24785,7 @@ var fetchPendingLoans = function fetchPendingLoans(documentPid) {
               });
               _context.prev = 1;
               _context.next = 4;
-              return loanApi.list(loanApi.query().withDocPid(documentPid).withState(invenioConfig.CIRCULATION.loanRequestStates).qs());
+              return loanApi.list(loanApi.query().withDocPid(documentPid).withState(invenioConfig.CIRCULATION.loanRequestStates).sortByRequestStartDateAsc().qs());
 
             case 4:
               response = _context.sent;
@@ -24942,7 +24929,7 @@ var mapStateToProps$1l = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$$ = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$10 = function mapDispatchToProps(dispatch) {
   return {
     fetchPendingLoans: function fetchPendingLoans$1(documentPid) {
       return dispatch(fetchPendingLoans(documentPid));
@@ -24950,7 +24937,7 @@ var mapDispatchToProps$$ = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentPendingLoans = reactRedux.connect(mapStateToProps$1l, mapDispatchToProps$$)(DocumentPendingLoans$1);
+var DocumentPendingLoans = reactRedux.connect(mapStateToProps$1l, mapDispatchToProps$10)(DocumentPendingLoans$1);
 
 var IS_LOADING$B = 'fetchDocumentStats/IS_LOADING';
 var SUCCESS$B = 'fetchDocumentStats/SUCCESS';
@@ -25179,7 +25166,7 @@ var mapStateToProps$1k = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$_ = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$$ = function mapDispatchToProps(dispatch) {
   return {
     fetchDocumentStats: function fetchDocumentStats$1(args) {
       return dispatch(fetchDocumentStats(args));
@@ -25187,7 +25174,7 @@ var mapDispatchToProps$_ = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentStats$2 = reactRedux.connect(mapStateToProps$1k, mapDispatchToProps$_)(DocumentStats$3);
+var DocumentStats$2 = reactRedux.connect(mapStateToProps$1k, mapDispatchToProps$$)(DocumentStats$3);
 
 var _excluded$b = ["pidValue", "children"];
 var DocumentDetailsLink = /*#__PURE__*/function (_Component) {
@@ -25504,7 +25491,7 @@ RelationRemover$1.defaultProps = {
   trigger: null
 };
 
-var mapDispatchToProps$Z = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$_ = function mapDispatchToProps(dispatch) {
   return {
     deleteRelation: function deleteRelation$1(referrer, related) {
       return dispatch(deleteRelation(referrer, related));
@@ -25512,7 +25499,7 @@ var mapDispatchToProps$Z = function mapDispatchToProps(dispatch) {
   };
 };
 
-var RelationRemover = reactRedux.connect(null, mapDispatchToProps$Z)(RelationRemover$1);
+var RelationRemover = reactRedux.connect(null, mapDispatchToProps$_)(RelationRemover$1);
 
 var DocumentSelectListEntry = /*#__PURE__*/function (_Component) {
   _inherits(DocumentSelectListEntry, _Component);
@@ -25754,7 +25741,7 @@ var MultipleSelections$1 = /*#__PURE__*/function (_Component) {
   return MultipleSelections;
 }(React.Component);
 
-var mapDispatchToProps$Y = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$Z = function mapDispatchToProps(dispatch) {
   return {
     removeSelection: function removeSelection$1(removePid) {
       return dispatch(removeSelection(removePid));
@@ -25768,7 +25755,7 @@ var mapStateToProps$1j = function mapStateToProps(state) {
   };
 };
 
-var MultipleSelections = reactRedux.connect(mapStateToProps$1j, mapDispatchToProps$Y)(MultipleSelections$1);
+var MultipleSelections = reactRedux.connect(mapStateToProps$1j, mapDispatchToProps$Z)(MultipleSelections$1);
 
 var RelationModal$1 = /*#__PURE__*/function (_Component) {
   _inherits(RelationModal, _Component);
@@ -25899,7 +25886,7 @@ RelationModal$1.defaultProps = {
   disabledContent: null
 };
 
-var mapDispatchToProps$X = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$Y = function mapDispatchToProps(dispatch) {
   return {
     createRelations: function createRelations$1(relationType, selections, extraRelationField, referrerRecord) {
       return dispatch(createRelations(relationType, selections, extraRelationField, referrerRecord));
@@ -25916,7 +25903,7 @@ var mapStateToProps$1i = function mapStateToProps(state) {
   };
 };
 
-var RelationModal = reactRedux.connect(mapStateToProps$1i, mapDispatchToProps$X)(RelationModal$1);
+var RelationModal = reactRedux.connect(mapStateToProps$1i, mapDispatchToProps$Y)(RelationModal$1);
 
 var RelationSelector$1 = /*#__PURE__*/function (_Component) {
   _inherits(RelationSelector, _Component);
@@ -26031,7 +26018,7 @@ var mapStateToProps$1h = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$W = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$X = function mapDispatchToProps(dispatch) {
   return {
     selectOption: function selectOption$1(option) {
       return dispatch(selectOption(option));
@@ -26045,7 +26032,7 @@ var mapDispatchToProps$W = function mapDispatchToProps(dispatch) {
   };
 };
 
-var RelationSelector = reactRedux.connect(mapStateToProps$1h, mapDispatchToProps$W)(RelationSelector$1);
+var RelationSelector = reactRedux.connect(mapStateToProps$1h, mapDispatchToProps$X)(RelationSelector$1);
 
 var SeriesCard = /*#__PURE__*/function (_Component) {
   _inherits(SeriesCard, _Component);
@@ -26588,7 +26575,7 @@ var SingleSelection$1 = /*#__PURE__*/function (_Component) {
   return SingleSelection;
 }(React.Component);
 
-var mapDispatchToProps$V = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$W = function mapDispatchToProps(dispatch) {
   return {
     removeSelection: function removeSelection$1(removePid) {
       return dispatch(removeSelection(removePid));
@@ -26602,7 +26589,7 @@ var mapStateToProps$1d = function mapStateToProps(state) {
   };
 };
 
-var SingleSelection = reactRedux.connect(mapStateToProps$1d, mapDispatchToProps$V)(SingleSelection$1);
+var SingleSelection = reactRedux.connect(mapStateToProps$1d, mapDispatchToProps$W)(SingleSelection$1);
 
 var RelationOtherModal$4 = /*#__PURE__*/function (_Component) {
   _inherits(RelationOtherModal, _Component);
@@ -28084,7 +28071,7 @@ var mapStateToProps$12 = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$U = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$V = function mapDispatchToProps(dispatch) {
   return {
     fetchDocumentDetails: function fetchDocumentDetails$1(documentPid) {
       return dispatch(fetchDocumentDetails(documentPid));
@@ -28092,7 +28079,7 @@ var mapDispatchToProps$U = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentDetails$2 = reactRedux.connect(mapStateToProps$12, mapDispatchToProps$U)(DocumentDetails$3);
+var DocumentDetails$2 = reactRedux.connect(mapStateToProps$12, mapDispatchToProps$V)(DocumentDetails$3);
 
 var getSchemaFieldProps = function getSchemaFieldProps(fieldConfig) {
   var schemaProps = {};
@@ -30406,7 +30393,7 @@ var DocumentRequestActions$1 = /*#__PURE__*/function (_Component) {
 }(React.Component);
 DocumentRequestActions$1.defaultProps = {};
 
-var mapDispatchToProps$T = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$U = function mapDispatchToProps(dispatch) {
   return {
     declineRequest: function declineRequest$1(pid, data) {
       return dispatch(declineRequest(pid, data));
@@ -30420,7 +30407,7 @@ var mapDispatchToProps$T = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentRequestActions = reactRedux.connect(null, mapDispatchToProps$T)(DocumentRequestActions$1);
+var DocumentRequestActions = reactRedux.connect(null, mapDispatchToProps$U)(DocumentRequestActions$1);
 
 var DocumentRequestHeader = /*#__PURE__*/function (_Component) {
   _inherits(DocumentRequestHeader, _Component);
@@ -30772,7 +30759,7 @@ var AcceptStepPanel$1 = /*#__PURE__*/function (_Component) {
   return AcceptStepPanel;
 }(React.Component);
 
-var mapDispatchToProps$S = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$T = function mapDispatchToProps(dispatch) {
   return {
     acceptRequest: function acceptRequest$1(documentRequestPid) {
       return dispatch(acceptRequest(documentRequestPid));
@@ -30780,7 +30767,7 @@ var mapDispatchToProps$S = function mapDispatchToProps(dispatch) {
   };
 };
 
-var AcceptStepPanel = reactRedux.connect(null, mapDispatchToProps$S)(AcceptStepPanel$1);
+var AcceptStepPanel = reactRedux.connect(null, mapDispatchToProps$T)(AcceptStepPanel$1);
 
 /**
  * @callback customizedValueFunction
@@ -30914,7 +30901,7 @@ var ChooseDocumentStepPanel$1 = /*#__PURE__*/function (_Component) {
   return ChooseDocumentStepPanel;
 }(React.Component);
 
-var mapDispatchToProps$R = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$S = function mapDispatchToProps(dispatch) {
   return {
     addDocument: function addDocument$1(pid, key) {
       return dispatch(addDocument(pid, key));
@@ -30922,7 +30909,7 @@ var mapDispatchToProps$R = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ChooseDocumentStepPanel = reactRedux.connect(null, mapDispatchToProps$R)(ChooseDocumentStepPanel$1);
+var ChooseDocumentStepPanel = reactRedux.connect(null, mapDispatchToProps$S)(ChooseDocumentStepPanel$1);
 
 var AcqProvider = /*#__PURE__*/function (_Component) {
   _inherits(AcqProvider, _Component);
@@ -31118,7 +31105,7 @@ var ChooseProviderStepPanel$1 = /*#__PURE__*/function (_Component3) {
   return ChooseProviderStepPanel;
 }(React.Component);
 
-var mapDispatchToProps$Q = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$R = function mapDispatchToProps(dispatch) {
   return {
     addProvider: function addProvider$1(provDataPid, pid, pidType) {
       return dispatch(addProvider(provDataPid, pid, pidType));
@@ -31126,7 +31113,7 @@ var mapDispatchToProps$Q = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ChooseProviderStepPanel = reactRedux.connect(null, mapDispatchToProps$Q)(ChooseProviderStepPanel$1);
+var ChooseProviderStepPanel = reactRedux.connect(null, mapDispatchToProps$R)(ChooseProviderStepPanel$1);
 
 var DocumentRequestStepPanels = /*#__PURE__*/function (_Component) {
   _inherits(DocumentRequestStepPanels, _Component);
@@ -31244,8 +31231,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__default["default"].createElement(DocumentRequestStep, {
         step: 2,
         currentStep: currentStep,
@@ -31392,7 +31379,7 @@ var mapStateToProps$11 = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$P = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$Q = function mapDispatchToProps(dispatch) {
   return {
     fetchDocumentRequestDetails: function fetchDocumentRequestDetails$1(documentRequestPid) {
       return dispatch(fetchDocumentRequestDetails(documentRequestPid));
@@ -31400,7 +31387,7 @@ var mapDispatchToProps$P = function mapDispatchToProps(dispatch) {
   };
 };
 
-var DocumentRequestDetails = reactRedux.connect(mapStateToProps$11, mapDispatchToProps$P)(DocumentRequestDetails$1);
+var DocumentRequestDetails = reactRedux.connect(mapStateToProps$11, mapDispatchToProps$Q)(DocumentRequestDetails$1);
 
 var schema$7 = function schema() {
   var _invenioConfig$DOCUME;
@@ -32448,7 +32435,7 @@ var mapStateToProps$10 = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$O = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$P = function mapDispatchToProps(dispatch) {
   return {
     sendErrorNotification: function sendErrorNotification(title, message) {
       return dispatch(addNotification(title, message, 'error'));
@@ -32462,7 +32449,7 @@ var mapDispatchToProps$O = function mapDispatchToProps(dispatch) {
   };
 };
 
-var EItemFiles = reactRedux.connect(mapStateToProps$10, mapDispatchToProps$O)(EItemFiles$1);
+var EItemFiles = reactRedux.connect(mapStateToProps$10, mapDispatchToProps$P)(EItemFiles$1);
 
 var EItemHeader = /*#__PURE__*/function (_Component) {
   _inherits(EItemHeader, _Component);
@@ -32676,7 +32663,7 @@ var mapStateToProps$$ = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$N = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$O = function mapDispatchToProps(dispatch) {
   return {
     deleteEItem: function deleteEItem$1(eitemPid) {
       return dispatch(deleteEItem(eitemPid));
@@ -32684,7 +32671,7 @@ var mapDispatchToProps$N = function mapDispatchToProps(dispatch) {
   };
 };
 
-var EItemMetadata = reactRedux.connect(mapStateToProps$$, mapDispatchToProps$N)(EItemMetadata$1);
+var EItemMetadata = reactRedux.connect(mapStateToProps$$, mapDispatchToProps$O)(EItemMetadata$1);
 
 var UploadButton$1 = /*#__PURE__*/function (_React$Component) {
   _inherits(UploadButton, _React$Component);
@@ -32786,7 +32773,7 @@ var mapStateToProps$_ = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$M = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$N = function mapDispatchToProps(dispatch) {
   return {
     sendErrorNotification: function sendErrorNotification(title, message) {
       return dispatch(addNotification(title, message, 'error'));
@@ -32797,7 +32784,7 @@ var mapDispatchToProps$M = function mapDispatchToProps(dispatch) {
   };
 };
 
-var UploadButton = reactRedux.connect(mapStateToProps$_, mapDispatchToProps$M)(UploadButton$1);
+var UploadButton = reactRedux.connect(mapStateToProps$_, mapDispatchToProps$N)(UploadButton$1);
 
 var EItemActionMenu$1 = /*#__PURE__*/function (_Component) {
   _inherits(EItemActionMenu, _Component);
@@ -32876,7 +32863,7 @@ var mapStateToProps$Z = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$L = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$M = function mapDispatchToProps(dispatch) {
   return {
     deleteEItem: function deleteEItem$1(itemPid) {
       return dispatch(deleteEItem(itemPid));
@@ -32884,7 +32871,7 @@ var mapDispatchToProps$L = function mapDispatchToProps(dispatch) {
   };
 };
 
-var EItemActionMenu = reactRedux.connect(mapStateToProps$Z, mapDispatchToProps$L)(EItemActionMenu$1);
+var EItemActionMenu = reactRedux.connect(mapStateToProps$Z, mapDispatchToProps$M)(EItemActionMenu$1);
 
 var EItemDetails$1 = /*#__PURE__*/function (_Component) {
   _inherits(EItemDetails, _Component);
@@ -32981,7 +32968,7 @@ var mapStateToProps$Y = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$K = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$L = function mapDispatchToProps(dispatch) {
   return {
     fetchEItemDetails: function fetchEItemDetails$1(eitemPid) {
       return dispatch(fetchEItemDetails(eitemPid));
@@ -32989,7 +32976,7 @@ var mapDispatchToProps$K = function mapDispatchToProps(dispatch) {
   };
 };
 
-var EItemDetails = reactRedux.connect(mapStateToProps$Y, mapDispatchToProps$K)(EItemDetails$1);
+var EItemDetails = reactRedux.connect(mapStateToProps$Y, mapDispatchToProps$L)(EItemDetails$1);
 
 var schema$6 = function schema() {
   var _schema = {
@@ -35584,7 +35571,7 @@ var mapStateToProps$X = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$J = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$K = function mapDispatchToProps(dispatch) {
   return {
     borrowingRequestLoanExtensionAccept: function borrowingRequestLoanExtensionAccept$1(brwReqPid, loanEndDate) {
       return dispatch(borrowingRequestLoanExtensionAccept(brwReqPid, loanEndDate));
@@ -35595,7 +35582,7 @@ var mapDispatchToProps$J = function mapDispatchToProps(dispatch) {
   };
 };
 
-var BorrowingRequestLoanExtension = reactRedux.connect(mapStateToProps$X, mapDispatchToProps$J)(BorrowingRequestLoanExtension$1);
+var BorrowingRequestLoanExtension = reactRedux.connect(mapStateToProps$X, mapDispatchToProps$K)(BorrowingRequestLoanExtension$1);
 
 var CreateLoanButton = /*#__PURE__*/function (_React$Component) {
   _inherits(CreateLoanButton, _React$Component);
@@ -35883,7 +35870,7 @@ var mapStateToProps$W = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$I = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$J = function mapDispatchToProps(dispatch) {
   return {
     borrowingRequestPatronLoanCreate: function borrowingRequestPatronLoanCreate$1(brwReqPid, loanStartDate, loanEndDate) {
       return dispatch(borrowingRequestPatronLoanCreate(brwReqPid, loanStartDate, loanEndDate));
@@ -35891,7 +35878,7 @@ var mapDispatchToProps$I = function mapDispatchToProps(dispatch) {
   };
 };
 
-var BorrowingRequestPatronLoan = reactRedux.connect(mapStateToProps$W, mapDispatchToProps$I)(BorrowingRequestPatronLoan$1);
+var BorrowingRequestPatronLoan = reactRedux.connect(mapStateToProps$W, mapDispatchToProps$J)(BorrowingRequestPatronLoan$1);
 
 var Loan$1 = /*#__PURE__*/function (_React$Component) {
   _inherits(Loan, _React$Component);
@@ -36559,7 +36546,7 @@ var mapStateToProps$V = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$H = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$I = function mapDispatchToProps(dispatch) {
   return {
     fetchBorrowingRequestDetails: function fetchBorrowingRequestDetails$1(brwReqPid) {
       return dispatch(fetchBorrowingRequestDetails(brwReqPid));
@@ -36567,7 +36554,7 @@ var mapDispatchToProps$H = function mapDispatchToProps(dispatch) {
   };
 };
 
-var BorrowingRequestDetails = reactRedux.connect(mapStateToProps$V, mapDispatchToProps$H)(BorrowingRequestDetails$1);
+var BorrowingRequestDetails = reactRedux.connect(mapStateToProps$V, mapDispatchToProps$I)(BorrowingRequestDetails$1);
 
 var schema$5 = function schema() {
   var _schema = {
@@ -37628,7 +37615,7 @@ var mapStateToProps$U = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$G = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$H = function mapDispatchToProps(dispatch) {
   return {
     deleteItem: function deleteItem$1(itemPid) {
       return dispatch(deleteItem(itemPid));
@@ -37640,7 +37627,7 @@ var mapDispatchToProps$G = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemActionMenu = reactRedux.connect(mapStateToProps$U, mapDispatchToProps$G)(ItemActionMenu$1);
+var ItemActionMenu = reactRedux.connect(mapStateToProps$U, mapDispatchToProps$H)(ItemActionMenu$1);
 
 var _excluded$9 = ["bcc", "body", "cc", "children", "email", "subject", "asButton"];
 var EmailLink = function EmailLink(_ref) {
@@ -38090,7 +38077,7 @@ var mapStateToProps$S = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$F = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$G = function mapDispatchToProps(dispatch) {
   return {
     fetchItemDetails: function fetchItemDetails$1(itemPid) {
       return dispatch(fetchItemDetails(itemPid));
@@ -38105,7 +38092,7 @@ var mapDispatchToProps$F = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemMetadata$1 = reactRedux.connect(mapStateToProps$S, mapDispatchToProps$F)(ItemMetadata$2);
+var ItemMetadata$1 = reactRedux.connect(mapStateToProps$S, mapDispatchToProps$G)(ItemMetadata$2);
 
 var IS_LOADING$s = 'fetchPastLoans/IS_LOADING';
 var SUCCESS$s = 'fetchPastLoans/SUCCESS';
@@ -38295,7 +38282,7 @@ var mapStateToProps$R = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$E = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$F = function mapDispatchToProps(dispatch) {
   return {
     fetchPastLoans: function fetchPastLoans$1(itemPid) {
       return dispatch(fetchPastLoans(itemPid));
@@ -38303,7 +38290,7 @@ var mapDispatchToProps$E = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemPastLoans = reactRedux.connect(mapStateToProps$R, mapDispatchToProps$E)(ItemPastLoans$1);
+var ItemPastLoans = reactRedux.connect(mapStateToProps$R, mapDispatchToProps$F)(ItemPastLoans$1);
 
 var ACTION_IS_LOADING = 'loanAction/IS_LOADING';
 var ACTION_SUCCESS = 'loanAction/SUCCESS';
@@ -38337,7 +38324,7 @@ var fetchLoanDetails = function fetchLoanDetails(loanPid) {
               }
 
               _context.next = 9;
-              return loanApi.list(loanApi.query().withDocPid(response.data.metadata.document_pid).withState(invenioConfig.CIRCULATION.loanRequestStates).sortByRequestStartDate().qs());
+              return loanApi.list(loanApi.query().withDocPid(response.data.metadata.document_pid).withState(invenioConfig.CIRCULATION.loanRequestStates).sortByRequestStartDateAsc().qs());
 
             case 9:
               pendingLoansResponse = _context.sent;
@@ -38600,7 +38587,7 @@ var mapStateToProps$Q = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$D = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$E = function mapDispatchToProps(dispatch) {
   return {
     fetchPendingLoans: function fetchPendingLoans$1(documentPid) {
       return dispatch(fetchPendingLoans(documentPid));
@@ -38614,7 +38601,7 @@ var mapDispatchToProps$D = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemPendingLoans = reactRedux.connect(mapStateToProps$Q, mapDispatchToProps$D)(ItemPendingLoans$1);
+var ItemPendingLoans = reactRedux.connect(mapStateToProps$Q, mapDispatchToProps$E)(ItemPendingLoans$1);
 
 var ItemDetails$1 = /*#__PURE__*/function (_Component) {
   _inherits(ItemDetails, _Component);
@@ -38714,7 +38701,7 @@ var mapStateToProps$P = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$C = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$D = function mapDispatchToProps(dispatch) {
   return {
     fetchItemDetails: function fetchItemDetails$1(itemPid) {
       return dispatch(fetchItemDetails(itemPid));
@@ -38725,7 +38712,7 @@ var mapDispatchToProps$C = function mapDispatchToProps(dispatch) {
   };
 };
 
-var ItemDetails = reactRedux.connect(mapStateToProps$P, mapDispatchToProps$C)(ItemDetails$1);
+var ItemDetails = reactRedux.connect(mapStateToProps$P, mapDispatchToProps$D)(ItemDetails$1);
 
 var schema$4 = function schema() {
   var _schema = {
@@ -40317,7 +40304,7 @@ var mapStateToProps$M = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$B = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$C = function mapDispatchToProps(dispatch) {
   return {
     fetchAvailableItems: function fetchAvailableItems$1(documentPid) {
       return dispatch(fetchAvailableItems(documentPid));
@@ -40336,7 +40323,7 @@ var mapDispatchToProps$B = function mapDispatchToProps(dispatch) {
   };
 };
 
-var AvailableItems = reactRedux.connect(mapStateToProps$M, mapDispatchToProps$B)(AvailableItems$1);
+var AvailableItems = reactRedux.connect(mapStateToProps$M, mapDispatchToProps$C)(AvailableItems$1);
 
 var LoanUpdateDates$1 = /*#__PURE__*/function (_Component) {
   _inherits(LoanUpdateDates, _Component);
@@ -40594,7 +40581,7 @@ var clearError = function clearError() {
   };
 };
 
-var mapDispatchToProps$A = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$B = function mapDispatchToProps(dispatch) {
   return {
     loanUpdateDates: function loanUpdateDates$1(loanPid, data) {
       return dispatch(loanUpdateDates(loanPid, data));
@@ -40614,7 +40601,7 @@ var mapStateToProps$L = function mapStateToProps(state) {
   };
 };
 
-var LoanUpdateDates = reactRedux.connect(mapStateToProps$L, mapDispatchToProps$A)(LoanUpdateDates$1);
+var LoanUpdateDates = reactRedux.connect(mapStateToProps$L, mapDispatchToProps$B)(LoanUpdateDates$1);
 
 var IS_LOADING$p = 'overdueLoanSendNotificationModal/IS_LOADING';
 var SUCCESS$p = 'overdueLoanSendNotificationModal/SUCCESS';
@@ -40951,7 +40938,7 @@ var mapStateToProps$K = function mapStateToProps(state) {
   };
 };
 
-var mapDispatchToProps$z = function mapDispatchToProps(dispatch) {
+var mapDispatchToProps$A = function mapDispatchToProps(dispatch) {
   return {
     sendOverdueLoansNotificationReminder: function sendOverdueLoansNotificationReminder$1(loanPid) {
       return dispatch(sendOverdueLoansNotificationReminder(loanPid));
@@ -40959,7 +40946,156 @@ var mapDispatchToProps$z = function mapDispatchToProps(dispatch) {
   };
 };
 
-var OverdueLoanSendNotificationModal = reactRedux.connect(mapStateToProps$K, mapDispatchToProps$z)(OverdueLoanSendNotificationModal$1);
+var OverdueLoanSendNotificationModal = reactRedux.connect(mapStateToProps$K, mapDispatchToProps$A)(OverdueLoanSendNotificationModal$1);
+
+var ExtendModal$1 = /*#__PURE__*/function (_Component) {
+  _inherits(ExtendModal, _Component);
+
+  var _super = _createSuper(ExtendModal);
+
+  function ExtendModal(props) {
+    var _this;
+
+    _classCallCheck(this, ExtendModal);
+
+    _this = _super.call(this, props);
+    _this.fetchCirculation = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+      var _this$props, loanDetails, sendErrorNotification, document_pid, response, circulation;
+
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _this$props = _this.props, loanDetails = _this$props.loanDetails, sendErrorNotification = _this$props.sendErrorNotification;
+              document_pid = loanDetails.metadata.document_pid;
+              _context.prev = 2;
+              _this.cancellableCirculation = withCancel(documentApi.get(document_pid));
+              _context.next = 6;
+              return _this.cancellableCirculation.promise;
+
+            case 6:
+              response = _context.sent;
+              circulation = response.data.metadata.circulation;
+
+              _this.setState({
+                overbooked: circulation.overbooked === true
+              });
+
+              _context.next = 14;
+              break;
+
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](2);
+
+              if (_context.t0 !== 'UNMOUNTED') {
+                sendErrorNotification('Something went wrong while checking if the literature is overbooked.', 'If the problem persists, please contact technical support.');
+              }
+
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 11]]);
+    }));
+
+    _this.extend = function () {
+      var loanAction = _this.props.loanAction;
+      loanAction();
+
+      _this.hide();
+    };
+
+    _this.hide = function () {
+      return _this.setState({
+        open: false
+      });
+    };
+
+    _this.show = function () {
+      return _this.setState({
+        open: true
+      });
+    };
+
+    _this.state = {
+      overbooked: false,
+      open: false
+    };
+    return _this;
+  }
+
+  _createClass(ExtendModal, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.fetchCirculation();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.cancellableCirculation && this.cancellableCirculation.cancel();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          pid = _this$props2.pid,
+          isLoading = _this$props2.isLoading;
+      var _this$state = this.state,
+          open = _this$state.open,
+          overbooked = _this$state.overbooked;
+      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, overbooked ? /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal, {
+        size: "small",
+        trigger: /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
+          primary: true,
+          fluid: true,
+          content: "Extend",
+          onClick: this.show,
+          loading: isLoading,
+          disabled: isLoading
+        }),
+        open: open,
+        onClose: this.hide
+      }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Header, {
+        content: "Extend Loan #".concat(pid)
+      }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Content, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
+        width: 1
+      }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Icon, {
+        name: "warning sign",
+        color: "red",
+        size: "large"
+      })), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
+        width: 15
+      }, /*#__PURE__*/React__default["default"].createElement("p", null, "Are you sure you want to extend the loan #".concat(pid, "?\n            This literature is overbooked."))))), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Actions, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
+        secondary: true,
+        onClick: this.hide
+      }, "Cancel"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
+        primary: true,
+        onClick: this.extend
+      }, "Extend"))) : /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
+        size: "small",
+        fluid: true,
+        primary: true,
+        onClick: this.extend,
+        loading: isLoading,
+        disabled: isLoading
+      }, "Extend"));
+    }
+  }]);
+
+  return ExtendModal;
+}(React.Component);
+
+var mapDispatchToProps$z = function mapDispatchToProps(dispatch) {
+  return {
+    sendErrorNotification: function sendErrorNotification(title, message) {
+      return dispatch(addNotification(title, message, 'error'));
+    }
+  };
+};
+
+var ExtendModal = reactRedux.connect(null, mapDispatchToProps$z)(ExtendModal$1);
 
 var CancelModal = /*#__PURE__*/function (_Component) {
   _inherits(CancelModal, _Component);
@@ -41045,7 +41181,6 @@ var CancelModal = /*#__PURE__*/function (_Component) {
           value = _this$state.value,
           showPopup = _this$state.showPopup;
       return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal, {
-        basic: true,
         size: "small",
         trigger: /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
           primary: true,
@@ -41074,13 +41209,10 @@ var CancelModal = /*#__PURE__*/function (_Component) {
         position: "bottom left",
         open: showPopup
       })), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Actions, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
-        basic: true,
-        color: "black",
-        inverted: true,
+        secondary: true,
         onClick: this.hide
       }, "Back"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
         color: "red",
-        inverted: true,
         onClick: this.cancel
       }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Icon, {
         name: "remove"
@@ -41095,6 +41227,20 @@ CancelModal.defaultProps = {
   isLoading: false
 };
 
+var CancelLoanModal = function CancelLoanModal(_ref) {
+  var pid = _ref.pid,
+      isLoading = _ref.isLoading,
+      cancelAction = _ref.cancelAction;
+  return /*#__PURE__*/React__default["default"].createElement(CancelModal, {
+    header: "Cancel Loan #".concat(pid),
+    content: "You are about to cancel loan #".concat(pid, ".\n    Please enter a reason for cancelling this loan."),
+    cancelText: "Cancel Loan",
+    buttonText: "Cancel",
+    action: cancelAction,
+    isLoading: isLoading
+  });
+};
+
 var LoanActions$1 = /*#__PURE__*/function (_Component) {
   _inherits(LoanActions, _Component);
 
@@ -41112,7 +41258,8 @@ var LoanActions$1 = /*#__PURE__*/function (_Component) {
       var actions = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
       var _this$props = this.props,
           performLoanAction = _this$props.performLoanAction,
-          isLoading = _this$props.isLoading; // omit checkout because it must done in one of the available items
+          isLoading = _this$props.isLoading,
+          loanDetails = _this$props.loanDetails; // omit checkout because it must done in one of the available items
 
       if (!itemPid) {
         actions = object.omit(actions, 'checkout');
@@ -41132,13 +41279,15 @@ var LoanActions$1 = /*#__PURE__*/function (_Component) {
 
         return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, {
           key: action
-        }, action === 'cancel' ? /*#__PURE__*/React__default["default"].createElement(CancelModal, {
-          header: "Cancel Loan #".concat(pid),
-          content: "You are about to cancel loan #".concat(pid, ".\n                Please enter a reason for cancelling this loan."),
-          cancelText: "Cancel Loan",
-          buttonText: capitalize__default["default"]('cancel'),
-          action: cancelAction,
-          isLoading: isLoading
+        }, action === 'cancel' ? /*#__PURE__*/React__default["default"].createElement(CancelLoanModal, {
+          pid: pid,
+          isLoading: isLoading,
+          cancelAction: cancelAction
+        }) : action === 'extend' ? /*#__PURE__*/React__default["default"].createElement(ExtendModal, {
+          pid: pid,
+          isLoading: isLoading,
+          loanAction: loanAction,
+          loanDetails: loanDetails
         }) : /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
           size: "small",
           fluid: true,
@@ -41502,7 +41651,10 @@ var LoanSearch = /*#__PURE__*/function (_Component) {
         placeholder: "Search for loans"
       }, invenioConfig.APP.SEARCH_BAR_PROPS)), /*#__PURE__*/React__default["default"].createElement(QueryBuildHelper, {
         fields: helperFields
-      })), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Row, {
+      })), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Container, {
+        fluid: true,
+        className: "bo-search-body"
+      }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Row, {
         columns: 2
       }, /*#__PURE__*/React__default["default"].createElement(reactSearchkit.ResultsLoader, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
         width: 3,
@@ -41513,7 +41665,16 @@ var LoanSearch = /*#__PURE__*/function (_Component) {
         modelName: this.modelName
       }), /*#__PURE__*/React__default["default"].createElement(SearchDateRange, null)), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
         width: 13
-      }, /*#__PURE__*/React__default["default"].createElement(reactSearchkit.EmptyResults, {
+      }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, {
+        columns: 2
+      }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
+        width: 8
+      }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
+        width: 8,
+        textAlign: "right"
+      }, /*#__PURE__*/React__default["default"].createElement(ExportReactSearchKitResults, {
+        exportBaseUrl: loanApi.searchBaseURL
+      }))), /*#__PURE__*/React__default["default"].createElement(reactSearchkit.EmptyResults, {
         extraContent: /*#__PURE__*/React__default["default"].createElement(NewButton, {
           text: "Add document",
           to: BackOfficeRoutes.documentCreate
@@ -41523,7 +41684,7 @@ var LoanSearch = /*#__PURE__*/function (_Component) {
         withLayoutSwitcher: false
       }), /*#__PURE__*/React__default["default"].createElement(reactSearchkit.ResultsList, {
         ListEntryElement: LoanListEntry
-      }), /*#__PURE__*/React__default["default"].createElement(SearchFooter, null)))))))));
+      }), /*#__PURE__*/React__default["default"].createElement(SearchFooter, null))))))))));
     }
   }]);
 
@@ -43676,72 +43837,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';
@@ -44048,83 +44149,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__default["default"](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__default["default"].createElement(ItemsResultsList, {
         patronPid: patronDetails.user_pid,
@@ -44145,11 +44245,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__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Container, {
         className: "spaced"
       }, /*#__PURE__*/React__default["default"].createElement(SearchBarILS, {
@@ -44179,10 +44279,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__default["default"](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));
@@ -45148,7 +45326,7 @@ var PatronPastLoans$3 = /*#__PURE__*/function (_Component) {
     _this.seeAllButton = function () {
       var patronDetails = _this.props.patronDetails;
       var patronPid = patronDetails.user_pid;
-      var path = BackOfficeRoutes.loansListWithQuery(loanApi.query().withPatronPid(patronPid).withState(invenioConfig.CIRCULATION.loanRequestStates).qs());
+      var path = BackOfficeRoutes.loansListWithQuery(loanApi.query().withPatronPid(patronPid).withState(invenioConfig.CIRCULATION.loanCompletedStates).qs());
       return /*#__PURE__*/React__default["default"].createElement(SeeAllButton, {
         to: path
       });
@@ -51508,24 +51686,26 @@ var mapStateToProps$e = function mapStateToProps(state) {
 
 var DocumentItems = reactRedux.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__default["default"].createElement(Overridable__default["default"], {
+        id: "DocumentConference.layout"
+      }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Divider, {
+        horizontal: true
+      }, "Conference information"), _isEmpty__default["default"](conference) && 'No conference information.', conference.map(function (conf) {
         return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table, {
           definition: true,
           key: conf
@@ -51533,28 +51713,18 @@ var DocumentConference = /*#__PURE__*/function (_Component) {
           width: 4
         }, "Conference"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, conf.title)), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Acronym"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, conf.acronym)), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Dates"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, conf.dates)), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Identifiers"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, conf.identifiers && conf.identifiers.map(function (identifier) {
           return '(' + identifier.scheme + ') ' + identifier.value;
-        }))), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Place"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, conf.place)), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Series"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, conf.series)))), /*#__PURE__*/React__default["default"].createElement("br", null));
-      });
-    };
-
-    return _this;
-  }
-
-  _createClass(DocumentConference, [{
-    key: "render",
-    value: function render() {
-      var conference = this.props.conference;
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Divider, {
-        horizontal: true
-      }, "Conference information"), _isEmpty__default["default"](conference) ? 'No conference information' : this.renderConferences(conference));
+        }))), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Place"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, conf.place)), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Series number"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, conf.series)))), /*#__PURE__*/React__default["default"].createElement("br", null));
+      })));
     }
   }]);
 
-  return DocumentConference;
+  return DocumentConferenceCmp;
 }(React.Component);
-DocumentConference.defaultProps = {
+
+DocumentConferenceCmp.defaultProps = {
   conference: []
 };
+var DocumentConference = Overridable__default["default"].component('DocumentConference', DocumentConferenceCmp);
 
 var DocumentContent = /*#__PURE__*/function (_Component) {
   _inherits(DocumentContent, _Component);
@@ -51562,14 +51732,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,
@@ -51589,7 +51776,14 @@ var DocumentContent = /*#__PURE__*/function (_Component) {
         horizontal: true
       }, "Subject classification"), /*#__PURE__*/React__default["default"].createElement(DocumentSubjects, {
         metadata: metadata
-      }));
+      }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Divider, {
+        horizontal: true
+      }, "Alternative abstracts"), !_isEmpty__default["default"](metadata.alternative_abstracts) ? metadata.alternative_abstracts.map(function (element, index) {
+        return /*#__PURE__*/React__default["default"].createElement(MetadataTable, {
+          key: element,
+          rows: _this2.prepareAlternativeAbstracts(element, index + 1)
+        });
+      }) : 'No alternative abstracts');
     }
   }]);
 
@@ -51620,10 +51814,10 @@ var DocumentCopyrights = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, {
           key: entry.license.id
         }, /*#__PURE__*/React__default["default"].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));
       }));
     };
 
@@ -51641,7 +51835,7 @@ var DocumentCopyrights = /*#__PURE__*/function (_Component) {
           key: entry.statement
         }, /*#__PURE__*/React__default["default"].createElement("a", {
           href: entry.url
-        }, entry.statement), " (", entry.material, ") held by", ' ', entry.holder);
+        }, entry.statement), ' ', entry.material && "(".concat(entry.material, ")"), " held by ", entry.holder);
       }));
     }
   }, {
@@ -51978,6 +52172,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__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Languages"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, metadata.languages.join(', ')));
+      }
+
+      return null;
+    };
+
     _this.prepareImprintInfo = function () {
       var metadata = _this.props.metadata;
       return [{
@@ -52002,17 +52206,6 @@ var DocumentInfo = /*#__PURE__*/function (_Component) {
   }
 
   _createClass(DocumentInfo, [{
-    key: "renderLanguages",
-    value: function renderLanguages() {
-      var metadata = this.props.metadata;
-
-      if (metadata.languages) {
-        return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Languages"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, metadata.languages.join(', ')));
-      }
-
-      return null;
-    }
-  }, {
     key: "renderKeywords",
     value: function renderKeywords() {
       var metadata = this.props.metadata;
@@ -52033,6 +52226,16 @@ var DocumentInfo = /*#__PURE__*/function (_Component) {
         width: 4
       }, "Title"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, metadata.title)), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, {
         width: 4
+      }, "Alternative titles"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List, {
+        bulleted: true
+      }, (metadata.alternative_titles || []).map(function (entry) {
+        return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, {
+          key: entry.value
+        }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Content, {
+          className: "alternative-title"
+        }, entry.value));
+      })))), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, {
+        width: 4
       }, "Authors"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, /*#__PURE__*/React__default["default"].createElement(DocumentAuthors$1, {
         authors: metadata.authors,
         hasOtherAuthors: metadata.other_authors,
@@ -52083,9 +52286,9 @@ var DocumentPublicationInfo = /*#__PURE__*/function (_Component) {
         }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table, {
           definition: true,
           key: publication.journal_title
-        }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Body, null, !_isEmpty__default["default"](publication.journal_title) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, {
+        }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Body, null, (publication === null || publication === void 0 ? void 0 : publication.journal_title) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, {
           width: 4
-        }, "Journal"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, publication.journal_title)), !_isEmpty__default["default"](publication.journal_issue) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Issue"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, publication.journal_issue)), !_isEmpty__default["default"](publication.journal_volume) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Volume"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, publication.journal_volume)), !_isEmpty__default["default"](publication.artid) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Article ID"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, publication.artid)), !_isEmpty__default["default"](publication.pages) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Pages"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, publication.pages)), !_isEmpty__default["default"](publication.year) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Publication year"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, publication.year)), !_isEmpty__default["default"](publication.note) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Note"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, publication.note)))));
+        }, "Journal"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, publication.journal_title)), (publication === null || publication === void 0 ? void 0 : publication.journal_issue) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Issue"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, publication.journal_issue)), (publication === null || publication === void 0 ? void 0 : publication.journal_volume) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Volume"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, publication.journal_volume)), (publication === null || publication === void 0 ? void 0 : publication.artid) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Article ID"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, publication.artid)), (publication === null || publication === void 0 ? void 0 : publication.pages) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Pages"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, publication.pages)), (publication === null || publication === void 0 ? void 0 : publication.year) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Publication year"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, publication.year)), (publication === null || publication === void 0 ? void 0 : publication.note) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, "Note"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, null, publication.note)))));
       })));
     }
   }]);
@@ -52122,49 +52325,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__default["default"](_this.relations, 'multipart_monograph', []);
-
-      if (!relations.length) return null;
-      var cmp = relations.map(function (rel) {
-        var volume = _get__default["default"](rel, 'volume');
-
-        var text = volume ? "".concat(rel.record_metadata.title, " (vol: ").concat(volume, ")") : rel.record_metadata.title;
-        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
-          key: rel.pid_value
-        }, "This is part of the monograph", ' ', /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
-          to: _this.getLinkTo(rel)
-        }, /*#__PURE__*/React__default["default"].createElement(LiteratureTitle$1, {
-          title: text
-        })));
-      });
-      return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, null, cmp);
-    };
-
-    _this.renderSerials = function () {
-      var relations = _get__default["default"](_this.relations, 'serial', []);
-
-      if (!relations.length) return null;
-      var items = relations.map(function (rel) {
-        var volume = _get__default["default"](rel, 'volume');
-
-        var text = volume ? "".concat(rel.record_metadata.title, " (vol: ").concat(volume, ")") : rel.record_metadata.title;
-        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
-          key: rel.pid_value
-        }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
-          to: _this.getLinkTo(rel)
-        }, /*#__PURE__*/React__default["default"].createElement(LiteratureTitle$1, {
-          title: text
-        })));
-      });
-      return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, null, /*#__PURE__*/React__default["default"].createElement(SeparatedList, {
-        items: items,
-        prefix: "This is part of the series: ",
-        separator: ";",
-        className: "inline-list"
-      }));
-    };
-
     _this.renderLanguages = function () {
       var relations = _get__default["default"](_this.relations, 'language', []);
 
@@ -52226,6 +52386,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;
   }
 
@@ -52234,13 +52398,51 @@ var LiteratureRelations = /*#__PURE__*/function (_Component) {
     value: function render() {
       return !_isEmpty__default["default"](this.relations) ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Divider, {
         horizontal: true
-      }, "Related"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List, null, this.renderMultiparts(), this.renderSerials(), this.renderLanguages(), this.renderEditions(), this.renderOther())) : null;
+      }, "Related"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List, null, /*#__PURE__*/React__default["default"].createElement(LiteratureRelationsField, {
+        relationsData: this.relations,
+        property: "multipart_monograph",
+        prefix: this.prefixes['multipart_monograph']
+      }), /*#__PURE__*/React__default["default"].createElement(LiteratureRelationsField, {
+        relationsData: this.relations,
+        property: "serial",
+        prefix: this.prefixes['serial']
+      }), this.renderLanguages(), this.renderEditions(), this.renderOther())) : null;
     }
   }]);
 
   return LiteratureRelations;
 }(React.Component);
 
+var LiteratureRelationsField = function LiteratureRelationsField(_ref) {
+  var relationsData = _ref.relationsData,
+      property = _ref.property,
+      prefix = _ref.prefix;
+
+  var relations = _get__default["default"](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__default["default"].createElement(semanticUiReact.List.Item, null, prefix, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List, {
+    bulleted: true
+  }, relations.map(function (rel) {
+    var volume = _get__default["default"](rel, 'volume');
+
+    var text = volume ? "".concat(rel.record_metadata.title, " (vol: ").concat(volume, ")") : rel.record_metadata.title;
+    return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, {
+      bulleted: true,
+      key: rel.pid_value
+    }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
+      to: getLinkTo(rel)
+    }, /*#__PURE__*/React__default["default"].createElement(LiteratureTitle$1, {
+      title: text
+    })));
+  })));
+};
+
 var DocumentMetadataTabs$1 = /*#__PURE__*/function (_Component) {
   _inherits(DocumentMetadataTabs, _Component);
 
@@ -52276,9 +52478,11 @@ var DocumentMetadataTabs$1 = /*#__PURE__*/function (_Component) {
       }, {
         menuItem: 'Identifiers',
         render: function render() {
-          return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Tab.Pane, null, /*#__PURE__*/React__default["default"].createElement(Identifiers, {
+          return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Tab.Pane, null, /*#__PURE__*/React__default["default"].createElement(Overridable__default["default"], {
+            id: "DocumentMetadataTabs.Identifiers"
+          }, /*#__PURE__*/React__default["default"].createElement(Identifiers, {
             identifiers: identifiers.concat(altIdentifiers)
-          }));
+          })));
         }
       }, {
         menuItem: 'Content',
@@ -52288,7 +52492,7 @@ var DocumentMetadataTabs$1 = /*#__PURE__*/function (_Component) {
           }));
         }
       }, {
-        menuItem: 'Publications',
+        menuItem: 'Published in',
         render: function render() {
           return /*#__PURE__*/React__default["default"].createElement(DocumentPublicationInfo, {
             publications: metadata.publication_info
@@ -52323,13 +52527,6 @@ var DocumentMetadataTabs$1 = /*#__PURE__*/function (_Component) {
             metadata: metadata
           }));
         }
-      }, {
-        menuItem: 'Other',
-        render: function render() {
-          return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Tab.Pane, null, /*#__PURE__*/React__default["default"].createElement(DocumentExtras, {
-            metadata: metadata
-          }));
-        }
       }];
       var _metadata$extensions = metadata.extensions,
           extensions = _metadata$extensions === void 0 ? {} : _metadata$extensions;
@@ -52473,9 +52670,11 @@ var DocumentMetadataAccordion = /*#__PURE__*/function (_Component) {
         name: "dropdown"
       }), "Identifiers"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Accordion.Content, {
         active: activeIndex === 'identifiers'
+      }, /*#__PURE__*/React__default["default"].createElement(Overridable__default["default"], {
+        id: "DocumentMetadataTabs.Identifiers"
       }, /*#__PURE__*/React__default["default"].createElement(Identifiers, {
         identifiers: identifiers.concat(altIdentifiers)
-      })), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Accordion.Title, {
+      }))), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Accordion.Title, {
         active: activeIndex === 'content',
         index: "content",
         onClick: this.handleClick
@@ -52550,16 +52749,6 @@ var DocumentMetadataAccordion = /*#__PURE__*/function (_Component) {
         active: activeIndex === 'licenses'
       }, /*#__PURE__*/React__default["default"].createElement(DocumentCopyrights, {
         metadata: metadata
-      })), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Accordion.Title, {
-        active: activeIndex === 'other',
-        index: "other",
-        onClick: this.handleClick
-      }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Icon, {
-        name: "dropdown"
-      }), "Other"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Accordion.Content, {
-        active: activeIndex === 'other'
-      }, /*#__PURE__*/React__default["default"].createElement(DocumentExtras, {
-        metadata: metadata
       })));
     }
   }]);
@@ -52679,9 +52868,12 @@ var DocumentEItems = /*#__PURE__*/function (_Component) {
         as: "h3"
       }, "Access online"), eitems.total > 0 ? /*#__PURE__*/React__default["default"].createElement(DocumentEItemUrls, {
         eitems: eitems
-      }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, "No e-resources currently available. ", /*#__PURE__*/React__default["default"].createElement("br", null), /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
-        to: this.onClickEItemRequestLink()
-      }, "Request the e-book.")), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Divider, {
+      }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("p", null, "No e-resources currently available."), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
+        as: reactRouterDom.Link,
+        to: this.onClickEItemRequestLink(),
+        className: "default-margin-top",
+        fluid: true
+      }, "Request the e-book")), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Divider, {
         horizontal: true
       }, "Or"));
     }
@@ -53300,9 +53492,9 @@ var DocumentPanelMobile = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React__default["default"].createElement(Overridable__default["default"], {
         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__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+      }), ((_doc$metadata$imprint = doc.metadata.imprint) === null || _doc$metadata$imprint === void 0 ? void 0 : _doc$metadata$imprint.publisher) && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "default-margin-bottom"
-      }, "Published by ", /*#__PURE__*/React__default["default"].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__default["default"].createElement("b", null, doc.metadata.publication_year)))), /*#__PURE__*/React__default["default"].createElement(ILSParagraphPlaceholder, {
+      }, "Published by ", /*#__PURE__*/React__default["default"].createElement("b", null, (_doc$metadata$imprint2 = doc.metadata.imprint) === null || _doc$metadata$imprint2 === void 0 ? void 0 : _doc$metadata$imprint2.publisher), ' ', /*#__PURE__*/React__default["default"].createElement("b", null, doc.metadata.publication_year))), /*#__PURE__*/React__default["default"].createElement(ILSParagraphPlaceholder, {
         linesNumber: 1,
         isLoading: isLoading
       }, /*#__PURE__*/React__default["default"].createElement(LiteratureTags$1, {
@@ -53390,9 +53582,9 @@ var DocumentPanel = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React__default["default"].createElement(Overridable__default["default"], {
         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__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+      }), ((_doc$metadata$imprint = doc.metadata.imprint) === null || _doc$metadata$imprint === void 0 ? void 0 : _doc$metadata$imprint.publisher) && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "default-margin-bottom"
-      }, "Published by", ' ', /*#__PURE__*/React__default["default"].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__default["default"].createElement("b", null, doc.metadata.publication_year)))), /*#__PURE__*/React__default["default"].createElement(ILSParagraphPlaceholder, {
+      }, "Published by ", /*#__PURE__*/React__default["default"].createElement("b", null, (_doc$metadata$imprint2 = doc.metadata.imprint) === null || _doc$metadata$imprint2 === void 0 ? void 0 : _doc$metadata$imprint2.publisher), ' ', /*#__PURE__*/React__default["default"].createElement("b", null, doc.metadata.publication_year))), /*#__PURE__*/React__default["default"].createElement(ILSParagraphPlaceholder, {
         linesNumber: 15,
         isLoading: isLoading
       }, /*#__PURE__*/React__default["default"].createElement(ShowMoreContent, {
@@ -53504,11 +53696,19 @@ var DocumentDetailsLayout = function DocumentDetailsLayout(_ref) {
     isLoading: isLoading
   }, /*#__PURE__*/React__default["default"].createElement(DocumentMetadata$1, {
     documentDetails: documentDetails
-  })))), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Container, {
-    textAlign: "center"
-  }, !_isEmpty__default["default"](documentDetails.metadata) && /*#__PURE__*/React__default["default"].createElement(DocumentStats, {
-    document: documentDetails
-  }))));
+  })))), /*#__PURE__*/React__default["default"].createElement(AuthenticationGuard, {
+    authorizedComponent: function authorizedComponent() {
+      return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Container, {
+        textAlign: "center"
+      }, !_isEmpty__default["default"](documentDetails.metadata) && /*#__PURE__*/React__default["default"].createElement(DocumentStats, {
+        document: documentDetails
+      }));
+    },
+    loginComponent: function loginComponent() {
+      return null;
+    },
+    silent: true
+  })));
 };
 
 DocumentDetailsLayout.defaultProps = {
@@ -55821,7 +56021,7 @@ var LoansListEntry$1 = /*#__PURE__*/function (_Component) {
           basic: true
         }, "Loaned on", /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Label.Detail, null, luxon.DateTime.fromISO(startDate).toLocaleString())), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Label, {
           basic: true
-        }, "Return on", /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Label.Detail, null, luxon.DateTime.fromISO(endDate).toLocaleString())));
+        }, "Return date", /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Label.Detail, null, luxon.DateTime.fromISO(endDate).toLocaleString())));
       }
     };
 
@@ -60372,6 +60572,7 @@ exports.NotFound = NotFound;
 exports.Pagination = Pagination$1;
 exports.ResultsTable = ResultsTable;
 exports.ScrollingMenuItem = ScrollingMenuItem;
+exports.SeparatedList = SeparatedList;
 exports.add = add;
 exports.bannerApi = bannerApi;
 exports.borrowingRequestApi = borrowingRequestApi;