@inveniosoftware/react-invenio-app-ils 1.2.0 → 2.0.0

package/dist/esm/index.js

@@ -389,6 +389,10 @@ const RECORDS_CONFIG = {
   },
   CIRCULATION: {
     deliveryMethods: {
+      'NOT-SPECIFIED': {
+        text: 'Not Specified',
+        iconClass: 'question circle outline'
+      },
       PICKUP: {
         text: 'Pick it up at the library desk',
         iconClass: 'warehouse'
@@ -693,6 +697,7 @@ const RECORDS_CONFIG = {
     }
   },
   ITEMS: {
+    identifiersToDisplayInFrontside: [],
     circulationRestrictions: [{
       value: 'NO_RESTRICTION',
       text: 'No restriction (4 weeks)'
@@ -2351,11 +2356,15 @@ const orderApi = {
 const bannerURL = '/banners/';
 const getActive = async () => {
   const URLPath = window.location.pathname;
-  return await http.get(`${bannerURL}active`, {
+  const response = await http.get(`${bannerURL}`, {
     params: {
-      url_path: URLPath
+      url_path: URLPath,
+      active: true
     }
   });
+  response.data.total = getSearchTotal(response.data.hits);
+  response.data.hits = response.data.hits.hits;
+  return response;
 };
 const bannerApi = {
   getActive: getActive,
@@ -2414,7 +2423,7 @@ const serializer$9 = {
 };
 
 const documentRequestURL = '/document-requests/';
-const apiPaths$2 = {
+const apiPaths$3 = {
   accept: `${documentRequestURL}:docReqPid/accept`,
   item: `${documentRequestURL}:docReqPid`,
   list: documentRequestURL,
@@ -2423,12 +2432,12 @@ const apiPaths$2 = {
   provider: `${documentRequestURL}:docReqPid/provider`
 };
 const create$8 = async data => {
-  const response = await http.post(apiPaths$2.list, data);
+  const response = await http.post(apiPaths$3.list, data);
   response.data = serializer$9.fromJSON(response.data);
   return response;
 };
 const update$8 = async (docRequestPid, data) => {
-  const path = generatePath(apiPaths$2.item, {
+  const path = generatePath(apiPaths$3.item, {
     docReqPid: docRequestPid
   });
   const response = await http.put(path, data);
@@ -2436,7 +2445,7 @@ const update$8 = async (docRequestPid, data) => {
   return response;
 };
 const get$c = async docRequestPid => {
-  const path = generatePath(apiPaths$2.item, {
+  const path = generatePath(apiPaths$3.item, {
     docReqPid: docRequestPid
   });
   const response = await http.get(path);
@@ -2444,7 +2453,7 @@ const get$c = async docRequestPid => {
   return response;
 };
 const del$8 = async docRequestPid => {
-  const path = generatePath(apiPaths$2.item, {
+  const path = generatePath(apiPaths$3.item, {
     docReqPid: docRequestPid
   });
   const response = await http.delete(path);
@@ -2456,19 +2465,19 @@ const performAction = async (urlPath, data) => {
   return response;
 };
 const accept = async docRequestPid => {
-  const urlPath = generatePath(apiPaths$2.accept, {
+  const urlPath = generatePath(apiPaths$3.accept, {
     docReqPid: docRequestPid
   });
   return performAction(urlPath);
 };
 const addDocument$1 = async (docReqPid, data) => {
-  const url = generatePath(apiPaths$2.document, {
+  const url = generatePath(apiPaths$3.document, {
     docReqPid: docReqPid
   });
   return await http.post(url, data);
 };
 const removeDocument$1 = async (docReqPid, data) => {
-  const url = generatePath(apiPaths$2.document, {
+  const url = generatePath(apiPaths$3.document, {
     docReqPid: docReqPid
   });
   // https://github.com/axios/axios/issues/897#issuecomment-343715381
@@ -2477,19 +2486,19 @@ const removeDocument$1 = async (docReqPid, data) => {
   });
 };
 const addProvider$1 = async (docReqPid, data) => {
-  const url = generatePath(apiPaths$2.provider, {
+  const url = generatePath(apiPaths$3.provider, {
     docReqPid: docReqPid
   });
   return await http.post(url, data);
 };
 const removeProvider$1 = async docReqPid => {
-  const url = generatePath(apiPaths$2.provider, {
+  const url = generatePath(apiPaths$3.provider, {
     docReqPid: docReqPid
   });
   return await http.delete(url);
 };
 const decline = async (docRequestPid, data) => {
-  const urlPath = generatePath(apiPaths$2.decline, {
+  const urlPath = generatePath(apiPaths$3.decline, {
     docReqPid: docRequestPid
   });
   return performAction(urlPath, data);
@@ -3409,7 +3418,7 @@ const serializer$4 = {
   fromJSON: serializeResponse$3
 };
 
-const apiPaths$1 = {
+const apiPaths$2 = {
   checkout: '/circulation/loans/checkout',
   selfCheckout: '/circulation/loans/self-checkout',
   notificationOverdue: '/circulation/loans/:loanPid/notification-overdue',
@@ -3421,7 +3430,7 @@ const apiPaths$1 = {
   bulkExtend: '/circulation/bulk-extend'
 };
 const get$7 = async loanPid => {
-  const path = generatePath(apiPaths$1.item, {
+  const path = generatePath(apiPaths$2.item, {
     loanPid: loanPid
   });
   const response = await http.get(path);
@@ -3474,7 +3483,7 @@ const doRequest = async function (documentPid, patronPid) {
       method: deliveryMethod
     };
   }
-  const response = await http.post(apiPaths$1.request, payload);
+  const response = await http.post(apiPaths$2.request, payload);
   response.data = serializer$4.fromJSON(response.data);
   return response;
 };
@@ -3501,12 +3510,12 @@ const doCheckout = async function (documentPid, itemPid, patronPid) {
   if (force) {
     payload.force = true;
   }
-  const response = await http.post(apiPaths$1.checkout, payload);
+  const response = await http.post(apiPaths$2.checkout, payload);
   response.data = serializer$4.fromJSON(response.data);
   return response;
 };
 const doSelfCheckoutSearchItem = async barcode => {
-  const response = await http.get(`${apiPaths$1.selfCheckout}?barcode=${barcode}`);
+  const response = await http.get(`${apiPaths$2.selfCheckout}?barcode=${barcode}`);
   response.data = serializer$4.fromJSON(response.data);
   return response;
 };
@@ -3519,12 +3528,12 @@ const doSelfCheckout = async (documentPid, itemPid, patronPid) => {
     transaction_location_pid: `${currentUser.locationPid}`,
     transaction_user_pid: `${currentUser.id}`
   };
-  const response = await http.post(apiPaths$1.selfCheckout, payload);
+  const response = await http.post(apiPaths$2.selfCheckout, payload);
   response.data = serializer$4.fromJSON(response.data);
   return response;
 };
 const assignItemToLoan$1 = async (itemPid, loanPid) => {
-  const path = generatePath(apiPaths$1.replaceItem, {
+  const path = generatePath(apiPaths$2.replaceItem, {
     loanPid: loanPid
   });
   const payload = {
@@ -3538,7 +3547,7 @@ const bulkExtendLoans = async patronPid => {
   const payload = {
     patron_pid: patronPid
   };
-  const response = await http.post(apiPaths$1.bulkExtend, payload);
+  const response = await http.post(apiPaths$2.bulkExtend, payload);
   return response;
 };
 class QueryBuilder$4 {
@@ -3652,19 +3661,19 @@ const queryBuilder$4 = () => {
   return new QueryBuilder$4();
 };
 const list$7 = async query => {
-  const response = await http.get(`${apiPaths$1.list}?q=${query}`);
+  const response = await http.get(`${apiPaths$2.list}?q=${query}`);
   response.data.total = getSearchTotal(response.data.hits);
   response.data.hits = response.data.hits.hits.map(hit => serializer$4.fromJSON(hit));
   return response;
 };
 const sendOverdueLoansNotificationReminder$1 = async payload => {
-  const path = generatePath(apiPaths$1.notificationOverdue, {
+  const path = generatePath(apiPaths$2.notificationOverdue, {
     loanPid: payload.loanPid
   });
   return await http.post(path, payload);
 };
 const count$2 = async query => {
-  const response = await http.get(`${apiPaths$1.list}?q=${query}`);
+  const response = await http.get(`${apiPaths$2.list}?q=${query}`);
   response.data = getSearchTotal(response.data.hits);
   return response;
 };
@@ -3688,13 +3697,13 @@ const updateDates = async function (loanPid) {
   if (requestExpireDate) {
     payload.request_expire_date = requestExpireDate;
   }
-  const path = generatePath(apiPaths$1.updateDates, {
+  const path = generatePath(apiPaths$2.updateDates, {
     loanPid: loanPid
   });
   return await http.post(path, payload);
 };
 const loanApi = {
-  searchBaseURL: `${apiConfig.baseURL}${apiPaths$1.list}`,
+  searchBaseURL: `${apiConfig.baseURL}${apiPaths$2.list}`,
   assignItemToLoan: assignItemToLoan$1,
   query: queryBuilder$4,
   list: list$7,
@@ -3743,12 +3752,25 @@ function serializeLocationResponse(hit) {
   }
   return result;
 }
+function serializeLocationClosurePeriodsResponse(hit) {
+  let result = [];
+  if (!_isEmpty(hit)) {
+    result = hit.closure_periods.map(period => ({
+      start: new DateTime.fromISO(period.start),
+      end: new DateTime.fromISO(period.end)
+    }));
+  }
+  return result;
+}
 const internalLocationSerializer = {
   fromJSON: serializeInternalLocationResponse
 };
 const locationSerializer = {
   fromJSON: serializeLocationResponse
 };
+const locationClosurePeriodsSerializer = {
+  fromJSON: serializeLocationClosurePeriodsResponse
+};
 
 const internalLocationURL = '/internal-locations/';
 const get$6 = async internalLocationPid => {
@@ -3789,6 +3811,9 @@ const internalLocationApi = {
 };
 
 const locationURL = '/locations/';
+const apiPaths$1 = {
+  closure_periods: `/closure_periods/`
+};
 const get$5 = async locationPid => {
   const response = await http.get(`${locationURL}${locationPid}`);
   response.data = locationSerializer.fromJSON(response.data);
@@ -3815,13 +3840,19 @@ const list$5 = async function () {
   response.data.hits = response.data.hits.hits.map(hit => locationSerializer.fromJSON(hit));
   return response;
 };
+const getClosurePeriods = async (locationPid, year) => {
+  const response = await http.get(`${locationURL}${locationPid}${apiPaths$1.closure_periods}${year}`);
+  response.data = locationClosurePeriodsSerializer.fromJSON(response.data);
+  return response;
+};
 const locationApi = {
   list: list$5,
   get: get$5,
   delete: del$2,
   create: create$2,
   update: update$2,
-  url: locationURL
+  url: locationURL,
+  getClosurePeriods: getClosurePeriods
 };
 
 function serializeResponse$2(hit) {
@@ -6150,7 +6181,8 @@ class DocumentItemBody extends Component {
     const {
       items,
       shelfLink,
-      documentDetails
+      documentDetails,
+      identifiersToDisplayInFrontside
     } = this.props;
     return items.map(item => /*#__PURE__*/React.createElement(Table.Row, {
       key: item.pid
@@ -6160,7 +6192,16 @@ class DocumentItemBody extends Component {
     }, item.barcode), /*#__PURE__*/React.createElement(Table.Cell, {
       "data-label": "Shelf",
       className: "document-item-table-itemCell"
-    }, shelfLink !== null ? shelfLink(item, documentDetails) : _get(item, 'shelf')), /*#__PURE__*/React.createElement(Table.Cell, {
+    }, shelfLink !== null ? shelfLink(item, documentDetails) : _get(item, 'shelf')), identifiersToDisplayInFrontside.map(identifier => {
+      var _item$identifiers, _item$identifiers$fin;
+      return /*#__PURE__*/React.createElement(Table.Cell, {
+        key: identifier,
+        "data-label": identifier.text,
+        className: "document-item-table-itemCell"
+      }, (_item$identifiers = item.identifiers) === null || _item$identifiers === void 0 ? void 0 : (_item$identifiers$fin = _item$identifiers.find(entry => {
+        return entry.scheme === identifier.key;
+      })) === null || _item$identifiers$fin === void 0 ? void 0 : _item$identifiers$fin.value);
+    }), /*#__PURE__*/React.createElement(Table.Cell, {
       "data-label": "Status"
     }, this.statusLabel(item)), /*#__PURE__*/React.createElement(Table.Cell, {
       "data-label": "Medium"
@@ -7929,7 +7970,7 @@ const BannerCmp = _ref => {
       break;
   }
   return /*#__PURE__*/React.createElement(Overridable, {
-    id: "Banner.layout",
+    id: "Banners.layout",
     message: message,
     category: category,
     colorProp: colorProp
@@ -7941,42 +7982,44 @@ const BannerCmp = _ref => {
     }
   })));
 };
-class Banner$1 extends Component {
+class Banners$1 extends Component {
   componentDidMount() {
     const {
-      fetchBanner,
-      resetBanner
+      fetchBanners,
+      resetBanners
     } = this.props;
-    resetBanner();
-    fetchBanner();
-    this.intervalFetchBannerId = setInterval(fetchBanner, FETCH_BANNER_EVERY_SECS * 1000);
+    resetBanners();
+    fetchBanners();
+    this.intervalfetchBannersId = setInterval(fetchBanners, FETCH_BANNER_EVERY_SECS * 1000);
   }
   componentWillUnmount() {
-    this.intervalFetchBannerId && clearInterval(this.intervalFetchBannerId);
+    this.intervalfetchBannersId && clearInterval(this.intervalfetchBannersId);
   }
   render() {
     const {
-      banner,
+      banners,
       children
     } = this.props;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, !_isEmpty(banner) ? /*#__PURE__*/React.createElement(BannerCmp, banner) : null, " ", children);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, !_isEmpty(banners) ? banners.hits.map(banner => /*#__PURE__*/React.createElement(BannerCmp, Object.assign({
+      key: banner.id
+    }, banner))) : null, ' ', children);
   }
 }
-Banner$1.defaultProps = {
-  banner: null,
+Banners$1.defaultProps = {
+  banners: null,
   children: null
 };
-var BannerComponent = Overridable.component('Banner', Banner$1);
+var BannerComponent = Overridable.component('Banners', Banners$1);
 
-const BANNER_RESET = 'fetchBanner/RESET';
-const BANNER_SUCCESS = 'fetchBanner/SUCCESS';
-const BANNER_HAS_ERROR = 'fetchBanner/HAS_ERROR';
-const resetBanner = () => {
+const BANNER_RESET = 'fetchBanners/RESET';
+const BANNER_SUCCESS = 'fetchBanners/SUCCESS';
+const BANNER_HAS_ERROR = 'fetchBanners/HAS_ERROR';
+const resetBanners = () => {
   return async dispatch => dispatch({
     type: BANNER_RESET
   });
 };
-const fetchBanner = () => {
+const fetchBanners = () => {
   return async dispatch => {
     try {
       const response = await bannerApi.getActive();
@@ -7994,14 +8037,14 @@ const fetchBanner = () => {
 };
 
 const mapStateToProps$1D = state => ({
-  banner: state.banner.data,
-  error: state.banner.error
+  banners: state.banners.data,
+  error: state.banners.error
 });
 const mapDispatchToProps$1j = dispatch => ({
-  fetchBanner: () => dispatch(fetchBanner()),
-  resetBanner: () => dispatch(resetBanner())
+  fetchBanners: () => dispatch(fetchBanners()),
+  resetBanners: () => dispatch(resetBanners())
 });
-const Banner = connect(mapStateToProps$1D, mapDispatchToProps$1j)(BannerComponent);
+const Banners = connect(mapStateToProps$1D, mapDispatchToProps$1j)(BannerComponent);
 
 const LoginWithLocalAccountLayout = _ref => {
   let {
@@ -8417,7 +8460,7 @@ class Login$1 extends Component {
     this.redirectIfAlreadyLoggedIn();
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Overridable, {
       id: "Login.extras"
-    }, /*#__PURE__*/React.createElement(Banner, null)), /*#__PURE__*/React.createElement(LoginLayout, Object.assign({
+    }, /*#__PURE__*/React.createElement(Banners, null)), /*#__PURE__*/React.createElement(LoginLayout, Object.assign({
       hasError: hasError,
       errorHeader: errorHeader,
       errorMessage: errorMessage
@@ -8693,11 +8736,11 @@ class AdminMenu extends Component {
       className: "bo-menu bo-menu-footer"
     }, /*#__PURE__*/React.createElement(Menu.Item, null, /*#__PURE__*/React.createElement(Menu.Menu, null, /*#__PURE__*/React.createElement(Menu.Item, {
       as: "a",
-      href: `${invenioConfig.APP.INVENIO_UI_URL}/admin`,
+      href: `${invenioConfig.APP.INVENIO_UI_URL}/administration`,
       target: "_blank"
     }, "Admin panel"), /*#__PURE__*/React.createElement(Menu.Item, {
       as: "a",
-      href: `${invenioConfig.APP.INVENIO_UI_URL}/admin/page`,
+      href: `${invenioConfig.APP.INVENIO_UI_URL}/administration/pages`,
       target: "_blank"
     }, "Static pages"))))));
   }
@@ -13123,102 +13166,70 @@ var DatePicker$1 = Overridable.component('DatePicker', DatePicker);
 class LocationDatePicker extends Component {
   constructor(props) {
     super(props);
-    this.fetchLocation = async locationPid => {
-      this.setState({
-        isLoading: true
-      });
-      try {
-        const response = await locationApi.get(locationPid);
-        this.setState({
-          data: response.data,
-          isLoading: false,
-          error: {}
-        });
-      } catch (error) {
+    this.fetchData = () => {
+      this.fetchLocationClosurePeriods();
+    };
+    this.fetchLocationClosurePeriods = async () => {
+      const {
+        locationPid
+      } = this.props;
+      if (!locationPid) {
         this.setState({
           isLoading: false,
-          error: error
+          disabledDates: [],
+          error: {
+            message: 'Location PID is missing.'
+          }
         });
+        return;
       }
-    };
-    this.disableAllDates = (minDate, maxDate, disabled) => {
-      let date = DateTime.fromISO(minDate);
-      const dateMax = DateTime.fromISO(maxDate);
-      while (date <= dateMax) {
-        const dateISO = date.toISODate();
-        disabled.push(dateISO);
-        date = date.plus({
-          days: 1
+      this.setState({
+        isLoading: true,
+        error: null
+      });
+      const currentYear = DateTime.now().year;
+      const yearsToFetch = [currentYear - 1, currentYear, currentYear + 1];
+      try {
+        const promises = yearsToFetch.map(year => {
+          const cancellable = withCancel(locationApi.getClosurePeriods(locationPid, year));
+          this.cancellableFetches.push(cancellable);
+          return cancellable.promise;
         });
-      }
-    };
-    this.disableClosures = (maxDate, minDate, data, disabled) => {
-      const weekdays = data.metadata.opening_weekdays,
-        exceptions = data.metadata.opening_exceptions;
-      let date = DateTime.fromISO(minDate);
-      const dateMax = DateTime.fromISO(maxDate);
-      while (date <= dateMax) {
-        const dateISO = date.toISODate();
-        let isOpen = weekdays[date.weekday - 1].is_open;
-        exceptions.forEach(exception => {
-          if (exception.start_date <= dateISO && dateISO <= exception.end_date) {
-            isOpen = exception.is_open;
+        const responses = await Promise.all(promises);
+        const disabledDateRanges = responses.flatMap(response => response.data);
+        const disabledDates = disabledDateRanges.flatMap(dateRange => {
+          const dates = [];
+          let currentDate = DateTime.fromISO(dateRange.start);
+          const endDate = DateTime.fromISO(dateRange.end);
+          while (currentDate <= endDate) {
+            dates.push(currentDate.toISODate());
+            currentDate = currentDate.plus({
+              days: 1
+            });
           }
+          return dates;
         });
-        if (!isOpen) {
-          disabled.push(dateISO);
-        }
-        date = date.plus({
-          days: 1
+        this.setState({
+          disabledDates: disabledDates,
+          isLoading: false
         });
-      }
-
-      // Disable recent X days including current date as set in the config
-      date = DateTime.fromISO(minDate);
-      let workingDaysToOffset = invenioConfig.CIRCULATION.requestStartOffset;
-      let i = 0;
-      while (workingDaysToOffset > 0) {
-        const dateISO = date.toISODate();
-        if (dateISO === disabled[i]) {
-          i++;
-        } else {
-          disabled.push(dateISO);
-          workingDaysToOffset--;
-        }
-        date = date.plus({
-          days: 1
+      } catch (fetchError) {
+        console.error('LocationDatePicker: Failed to fetch closure periods.', fetchError);
+        this.setState({
+          isLoading: false,
+          error: fetchError
         });
       }
     };
-    this.listDisabled = () => {
-      const {
-        minDate,
-        maxDate
-      } = this.props;
-      const {
-        isLoading,
-        error,
-        data
-      } = this.state;
-      const disabled = [];
-      if (isLoading) {
-        this.disableAllDates(minDate, maxDate, disabled);
-      } else if (!error.response && !_isEmpty(data)) {
-        this.disableClosures(maxDate, minDate, data, disabled);
-      }
-      return disabled;
-    };
-    this.fetchData = () => {
-      const {
-        locationPid
-      } = this.props;
-      this.fetchLocation(locationPid);
-    };
     this.state = {
-      data: {},
+      disabledDates: [],
       isLoading: false,
-      error: {}
+      error: null
     };
+    this.cancellableFetches = [];
+  }
+  componentWillUnmount() {
+    this.cancellableFetches.forEach(cancellable => cancellable.cancel());
   }
   render() {
     const {
@@ -13230,12 +13241,18 @@ class LocationDatePicker extends Component {
       ...otherProps
     } = this.props;
     const {
-      isLoading
+      disabledDates,
+      isLoading,
+      error
     } = this.state;
+    if (error) {
+      console.error(error);
+      return null;
+    }
     return /*#__PURE__*/React.createElement(DatePicker$1, Object.assign({}, otherProps, {
       minDate: minDate,
       maxDate: maxDate,
-      disable: this.listDisabled(),
+      disable: disabledDates,
       handleDateChange: handleDateChange,
       loading: isLoading,
       fetchData: this.fetchData,
@@ -13247,7 +13264,9 @@ class LocationDatePicker extends Component {
 }
 LocationDatePicker.defaultProps = {
   defaultValue: '',
-  locationPid: null
+  locationPid: null,
+  minDate: null,
+  maxDate: null
 };
 
 const serializeError = error => ({
@@ -13808,7 +13827,7 @@ class ESSelectorLoanRequest extends Component {
         placeholder: "Select delivery method",
         options: this.deliveryMethods,
         onChange: this.handleDeliveryMethodChange,
-        defaultValue: this.deliveryMethods[1].value,
+        defaultValue: this.defaultDeliveryMethod,
         selection: true
       })) : null;
     };
@@ -13828,7 +13847,11 @@ class ESSelectorLoanRequest extends Component {
       value: key,
       text: invenioConfig.CIRCULATION.deliveryMethods[key].text
     })) : [];
-    this.state['deliveryMethod'] = this.withDeliveryMethod ? this.deliveryMethods[1].value : null;
+    this.defaultDeliveryMethod = null;
+    if (this.withDeliveryMethod) {
+      this.defaultDeliveryMethod = this.deliveryMethods.some(method => method.value === 'NOT-SPECIFIED') ? 'NOT-SPECIFIED' : this.deliveryMethods[0].value;
+    }
+    this.state['deliveryMethod'] = this.defaultDeliveryMethod;
   }
   render() {
     const {
@@ -15734,9 +15757,8 @@ class ExistingRelations extends Component {
     const {
       activePage
     } = this.state;
-    const activeRows = rows.slice((activePage - 1) * showMaxRows, activePage * showMaxRows);
     return /*#__PURE__*/React.createElement(ResultsTable, {
-      data: activeRows,
+      data: rows,
       columns: columns,
       totalHitsCount: rows.length,
       showMaxRows: showMaxRows,
@@ -27240,16 +27262,18 @@ class LoanUpdateDates$1 extends Component {
     }), warning && this.renderWarning(warning), /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Form.Group, null, /*#__PURE__*/React.createElement(Form.Field, {
       inline: true,
       required: true
-    }, /*#__PURE__*/React.createElement("label", null, startLabel), /*#__PURE__*/React.createElement(DatePicker$1, {
+    }, /*#__PURE__*/React.createElement("label", null, startLabel), /*#__PURE__*/React.createElement(LocationDatePicker, {
       maxDate: active ? this.today() : null,
       defaultValue: active ? startDate : requestStartDate,
+      locationPid: sessionManager.user.locationPid,
       placeholder: startLabel,
       handleDateChange: value => this.handleStartDateChange(value)
     })), /*#__PURE__*/React.createElement(Form.Field, {
       inline: true,
       required: true
-    }, /*#__PURE__*/React.createElement("label", null, endLabel), /*#__PURE__*/React.createElement(DatePicker$1, {
+    }, /*#__PURE__*/React.createElement("label", null, endLabel), /*#__PURE__*/React.createElement(LocationDatePicker, {
       defaultValue: active ? endDate : requestExpireDate,
+      locationPid: sessionManager.user.locationPid,
       placeholder: endLabel,
       handleDateChange: value => this.handleEndDateChange(value)
     }))), hint && this.renderHint(hint))), /*#__PURE__*/React.createElement(Modal.Actions, {
@@ -29387,7 +29411,7 @@ class PatronBulkExtendLoans$1 extends Component {
       patronPid,
       bulkLoanExtension,
       isLoading,
-      hidden,
+      disabled,
       ...uiProps
     } = this.props;
     const {
@@ -29397,12 +29421,13 @@ class PatronBulkExtendLoans$1 extends Component {
       open: open,
       onClose: this.close,
       onOpen: this.open,
-      trigger: !hidden && /*#__PURE__*/React.createElement(Button, Object.assign({
+      trigger: /*#__PURE__*/React.createElement(Button, Object.assign({
         labelPosition: "left",
         fluid: true,
         icon: true,
         primary: true,
-        loading: isLoading
+        loading: isLoading,
+        disabled: disabled
       }, uiProps), /*#__PURE__*/React.createElement(Icon, {
         name: "refresh"
       }), "Extend all loans")
@@ -29418,7 +29443,7 @@ class PatronBulkExtendLoans$1 extends Component {
 }
 PatronBulkExtendLoans$1.defaultProps = {
   isLoading: false,
-  hidden: true
+  disabled: true
 };
 
 const IS_LOADING$l = 'fetchPatronCurrentLoans/IS_LOADING';
@@ -30951,7 +30976,7 @@ class PatronDetails$1 extends Component {
       offset: 150
     }, /*#__PURE__*/React.createElement(PatronBulkExtendLoans, {
       patronPid: currentPatronPid,
-      hidden: currentLoans.total === 0,
+      disabled: currentLoans.total === 0,
       fluid: true,
       color: "blue"
     }), /*#__PURE__*/React.createElement(Divider, {
@@ -34646,7 +34671,7 @@ class BackOffice extends Component {
     } = this.props;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Overridable, {
       id: "BackOffice.extras"
-    }, /*#__PURE__*/React.createElement(Banner, null)), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(Banners, null)), /*#__PURE__*/React.createElement("div", {
       className: "backoffice"
     }, /*#__PURE__*/React.createElement("div", {
       className: "bo-sidebar"
@@ -35088,6 +35113,21 @@ class DocumentStats extends Component {
 class DocumentItem extends Component {
   constructor(props) {
     super(props);
+    this.fetchIdentifiersToDisplayInFrontsideTitles = () => {
+      const query = vocabularyApi.query().withType(invenioConfig.VOCABULARIES.item.identifier.scheme);
+      vocabularyApi.list(query.qs()).then(response => {
+        const identifiersToDisplayInFrontside = this.state.identifiersToDisplayInFrontside.map(identifier => {
+          const vocabEntry = response.data.hits.find(entry => entry.metadata.key === identifier.key);
+          return {
+            ...identifier,
+            text: vocabEntry ? vocabEntry.metadata.text : identifier.text
+          };
+        });
+        this.setState({
+          identifiersToDisplayInFrontside
+        });
+      });
+    };
     this.toggleItems = () => {
       const {
         isShowingAll
@@ -35096,10 +35136,18 @@ class DocumentItem extends Component {
         isShowingAll: !isShowingAll
       });
     };
+    const _identifiersToDisplayInFrontside = invenioConfig.ITEMS.identifiersToDisplayInFrontside.map(identifier => ({
+      key: identifier,
+      text: identifier
+    }));
     this.state = {
       isShowingAll: false,
-      itemAmountLimit: 5
+      itemAmountLimit: 5,
+      identifiersToDisplayInFrontside: _identifiersToDisplayInFrontside
     };
+    if (_identifiersToDisplayInFrontside.length > 0) {
+      this.fetchIdentifiersToDisplayInFrontsideTitles();
+    }
   }
   get moreItemsToLoad() {
     const {
@@ -35119,7 +35167,8 @@ class DocumentItem extends Component {
     } = this.props;
     const {
       isShowingAll,
-      itemAmountLimit
+      itemAmountLimit,
+      identifiersToDisplayInFrontside
     } = this.state;
     const previewArrayOfItems = items.slice(0, itemAmountLimit);
     const completeArrayOfItems = items;
@@ -35137,11 +35186,14 @@ class DocumentItem extends Component {
       id: "DocumentDetails.DocumentItem.TableHeader"
     }, /*#__PURE__*/React.createElement(Table.Row, {
       "data-test": "header"
-    }, /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Barcode"), /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Shelf"), /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Status"), /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Medium"), /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Loan restriction")))), /*#__PURE__*/React.createElement(Table.Body, null, /*#__PURE__*/React.createElement(Overridable, {
+    }, /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Barcode"), /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Shelf"), identifiersToDisplayInFrontside.map(identifier => /*#__PURE__*/React.createElement(Table.HeaderCell, {
+      key: identifier.key
+    }, identifier.text)), /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Status"), /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Medium"), /*#__PURE__*/React.createElement(Table.HeaderCell, null, "Loan restriction")))), /*#__PURE__*/React.createElement(Table.Body, null, /*#__PURE__*/React.createElement(Overridable, {
       id: "DocumentDetails.DocumentItemTableBody"
     }, /*#__PURE__*/React.createElement(DocumentItemBody, {
       items: itemsToShow,
-      documentDetails: documentDetails
+      documentDetails: documentDetails,
+      identifiersToDisplayInFrontside: identifiersToDisplayInFrontside
     }))), this.moreItemsToLoad && /*#__PURE__*/React.createElement(Table.Footer, {
       fullWidth: true,
       "data-test": "footer",
@@ -36468,7 +36520,7 @@ class LoanRequestForm$1 extends Component {
 
     // init delivery method
     this.withDeliveryMethod = !_isEmpty(invenioConfig.CIRCULATION.deliveryMethods);
-    this.deliveryMethods = this.withDeliveryMethod ? Object.keys(invenioConfig.CIRCULATION.deliveryMethods).map(key => ({
+    this.deliveryMethods = this.withDeliveryMethod ? Object.keys(invenioConfig.CIRCULATION.deliveryMethods).filter(method => method !== 'NOT-SPECIFIED').map(key => ({
       key: key,
       value: key,
       text: invenioConfig.CIRCULATION.deliveryMethods[key].text
@@ -38965,7 +39017,7 @@ class PatronCurrentLoans$1 extends Component {
       floated: "right"
     }, /*#__PURE__*/React.createElement(PatronBulkExtendLoans, {
       patronPid: currentUser.id,
-      hidden: loans.total === 0,
+      disabled: loans.total === 0,
       color: "orange"
     }))), /*#__PURE__*/React.createElement(ILSItemPlaceholder, {
       fluid: true,
@@ -40747,7 +40799,7 @@ class FrontSite extends Component {
       className: "fs-content"
     }, /*#__PURE__*/React.createElement(Overridable, {
       id: "FrontSite.extras"
-    }, /*#__PURE__*/React.createElement(Banner, null)), /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
+    }, /*#__PURE__*/React.createElement(Banners, null)), /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
       exact: true,
       path: FrontSiteRoutes.home,
       render: props => /*#__PURE__*/React.createElement(Home$1, Object.assign({}, props, this.props))
@@ -40889,7 +40941,7 @@ const initialState$N = {
   data: {},
   error: {}
 };
-const fetchBannerReducer = function () {
+const fetchBannersReducer = function () {
   let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState$N;
   let action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
@@ -43096,7 +43148,7 @@ function createILSReducer(asyncReducers) {
     borrowingRequestLoanExtension: borrowingRequestLoanExtensionReducer,
     itemsCheckIn: itemsCheckInReducer,
     checkOut: checkOutReducer,
-    banner: fetchBannerReducer,
+    banners: fetchBannersReducer,
     bulkLoanExtend: patronBulkExtendLoans,
     ...asyncReducers
   });