@inveniosoftware/react-invenio-app-ils 1.3.0 → 2.0.1

package/dist/esm/index.js

@@ -41,12 +41,12 @@ import _difference from 'lodash/difference';
 import _first from 'lodash/first';
 import ReactDOM from 'react-dom';
 import { omit } from 'lodash/object';
+import _startCase from 'lodash/startCase';
 import _concat from 'lodash/concat';
 import { random } from 'lodash/number';
 import _truncate from 'lodash/truncate';
 import { TagCloud } from 'react-tagcloud';
 import { Html5Qrcode, Html5QrcodeSupportedFormats } from 'html5-qrcode';
-import _startCase from 'lodash/startCase';
 import PropTypes from 'prop-types';
 import { combineReducers, createStore, applyMiddleware } from 'redux';
 import { composeWithDevTools } from 'redux-devtools-extension';
@@ -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)'
@@ -2037,7 +2042,7 @@ const apiConfig = {
 const http = axios.create(apiConfig);
 
 // List used to specify whether to redirect to route `/errors` & prevent a redundant error notifation
-const HTTP_STATUS_CODES_WITH_ERROR_PAGE = [404, 410, 429, 500];
+const HTTP_STATUS_CODES_WITH_ERROR_PAGE = [404, 410, 403, 429, 500];
 // The corresponding dedicated error page components exist in `@pages/frontsite/ErrorPafe`
 const URLS_NOT_TO_REDIRECT_IF_UNAUTHORIZED = ['/me', '/me/loans'];
 // CSRF possible errors
@@ -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,
@@ -6172,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
@@ -6182,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"
@@ -7951,7 +7970,7 @@ const BannerCmp = _ref => {
       break;
   }
   return /*#__PURE__*/React.createElement(Overridable, {
-    id: "Banner.layout",
+    id: "Banners.layout",
     message: message,
     category: category,
     colorProp: colorProp
@@ -7963,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();
@@ -8016,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 {
@@ -8439,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
@@ -8625,7 +8646,7 @@ function UnauthorizedComponent(props) {
   }, newProps), /*#__PURE__*/React.createElement(HttpError$1, newProps));
 }
 UnauthorizedComponent.defaultProps = defaultProps;
-Overridable.component('Unauthorized', UnauthorizedComponent);
+const Unauthorized = Overridable.component('Unauthorized', UnauthorizedComponent);
 function ForbiddenComponent(props) {
   const {
     title = 'Access Forbidden',
@@ -8715,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"))))));
   }
@@ -13806,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;
     };
@@ -13826,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 {
@@ -27770,7 +27795,7 @@ class LoanActions$1 extends Component {
 
     // omit checkout because it must done in one of the available items
     if (!itemPid) {
-      actions = omit(actions, 'checkout');
+      actions = omit(actions, ['checkout', 'self_checkout']);
     }
     return Object.keys(actions).map(action => {
       const cancelAction = function () {
@@ -27798,7 +27823,7 @@ class LoanActions$1 extends Component {
         onClick: loanAction,
         loading: isLoading,
         disabled: isLoading
-      }, capitalize(action)));
+      }, _startCase(action)));
     });
   }
   render() {
@@ -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
@@ -37235,6 +37287,8 @@ class ErrorsPage extends Component {
           message: "The requested content has been removed.",
           icon: "compass outline"
         });
+      } else if (params.errorCode === 403) {
+        return /*#__PURE__*/React.createElement(Unauthorized, null);
       } else if (params.errorCode === 429) {
         return /*#__PURE__*/React.createElement(TooManyRequests, null);
       }
@@ -40747,7 +40801,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 +40943,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 +43150,7 @@ function createILSReducer(asyncReducers) {
     borrowingRequestLoanExtension: borrowingRequestLoanExtensionReducer,
     itemsCheckIn: itemsCheckInReducer,
     checkOut: checkOutReducer,
-    banner: fetchBannerReducer,
+    banners: fetchBannersReducer,
     bulkLoanExtend: patronBulkExtendLoans,
     ...asyncReducers
   });