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

package/dist/cjs/index.js

@@ -43,12 +43,12 @@ var _difference = require('lodash/difference');
 var _first = require('lodash/first');
 var ReactDOM = require('react-dom');
 var object = require('lodash/object');
+var _startCase = require('lodash/startCase');
 var _concat = require('lodash/concat');
 var number = require('lodash/number');
 var _truncate = require('lodash/truncate');
 var reactTagcloud = require('react-tagcloud');
 var html5Qrcode = require('html5-qrcode');
-var _startCase = require('lodash/startCase');
 var PropTypes = require('prop-types');
 var redux = require('redux');
 var reduxDevtoolsExtension = require('redux-devtools-extension');
@@ -88,9 +88,9 @@ var ShowMore__default = /*#__PURE__*/_interopDefaultLegacy(ShowMore);
 var _difference__default = /*#__PURE__*/_interopDefaultLegacy(_difference);
 var _first__default = /*#__PURE__*/_interopDefaultLegacy(_first);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+var _startCase__default = /*#__PURE__*/_interopDefaultLegacy(_startCase);
 var _concat__default = /*#__PURE__*/_interopDefaultLegacy(_concat);
 var _truncate__default = /*#__PURE__*/_interopDefaultLegacy(_truncate);
-var _startCase__default = /*#__PURE__*/_interopDefaultLegacy(_startCase);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var remove__default = /*#__PURE__*/_interopDefaultLegacy(remove$4);
 var thunk__default = /*#__PURE__*/_interopDefaultLegacy(thunk);
@@ -431,6 +431,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'
@@ -735,6 +739,7 @@ const RECORDS_CONFIG = {
     }
   },
   ITEMS: {
+    identifiersToDisplayInFrontside: [],
     circulationRestrictions: [{
       value: 'NO_RESTRICTION',
       text: 'No restriction (4 weeks)'
@@ -2079,7 +2084,7 @@ const apiConfig = {
 const http = axios__default["default"].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
@@ -2393,11 +2398,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,
@@ -6214,7 +6223,8 @@ class DocumentItemBody extends React.Component {
     const {
       items,
       shelfLink,
-      documentDetails
+      documentDetails,
+      identifiersToDisplayInFrontside
     } = this.props;
     return items.map(item => /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, {
       key: item.pid
@@ -6224,7 +6234,16 @@ class DocumentItemBody extends React.Component {
     }, item.barcode), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, {
       "data-label": "Shelf",
       className: "document-item-table-itemCell"
-    }, shelfLink !== null ? shelfLink(item, documentDetails) : _get__default["default"](item, 'shelf')), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, {
+    }, shelfLink !== null ? shelfLink(item, documentDetails) : _get__default["default"](item, 'shelf')), identifiersToDisplayInFrontside.map(identifier => {
+      var _item$identifiers, _item$identifiers$fin;
+      return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.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__default["default"].createElement(semanticUiReact.Table.Cell, {
       "data-label": "Status"
     }, this.statusLabel(item)), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, {
       "data-label": "Medium"
@@ -7993,7 +8012,7 @@ const BannerCmp = _ref => {
       break;
   }
   return /*#__PURE__*/React__default["default"].createElement(Overridable__default["default"], {
-    id: "Banner.layout",
+    id: "Banners.layout",
     message: message,
     category: category,
     colorProp: colorProp
@@ -8005,42 +8024,44 @@ const BannerCmp = _ref => {
     }
   })));
 };
-class Banner$1 extends React.Component {
+class Banners$1 extends React.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__default["default"].createElement(React__default["default"].Fragment, null, !_isEmpty__default["default"](banner) ? /*#__PURE__*/React__default["default"].createElement(BannerCmp, banner) : null, " ", children);
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !_isEmpty__default["default"](banners) ? banners.hits.map(banner => /*#__PURE__*/React__default["default"].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__default["default"].component('Banner', Banner$1);
+var BannerComponent = Overridable__default["default"].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();
@@ -8058,14 +8079,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 = reactRedux.connect(mapStateToProps$1D, mapDispatchToProps$1j)(BannerComponent);
+const Banners = reactRedux.connect(mapStateToProps$1D, mapDispatchToProps$1j)(BannerComponent);
 
 const LoginWithLocalAccountLayout = _ref => {
   let {
@@ -8481,7 +8502,7 @@ class Login$1 extends React.Component {
     this.redirectIfAlreadyLoggedIn();
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Overridable__default["default"], {
       id: "Login.extras"
-    }, /*#__PURE__*/React__default["default"].createElement(Banner, null)), /*#__PURE__*/React__default["default"].createElement(LoginLayout, Object.assign({
+    }, /*#__PURE__*/React__default["default"].createElement(Banners, null)), /*#__PURE__*/React__default["default"].createElement(LoginLayout, Object.assign({
       hasError: hasError,
       errorHeader: errorHeader,
       errorMessage: errorMessage
@@ -8667,7 +8688,7 @@ function UnauthorizedComponent(props) {
   }, newProps), /*#__PURE__*/React__default["default"].createElement(HttpError$1, newProps));
 }
 UnauthorizedComponent.defaultProps = defaultProps;
-Overridable__default["default"].component('Unauthorized', UnauthorizedComponent);
+const Unauthorized = Overridable__default["default"].component('Unauthorized', UnauthorizedComponent);
 function ForbiddenComponent(props) {
   const {
     title = 'Access Forbidden',
@@ -8757,11 +8778,11 @@ class AdminMenu extends React.Component {
       className: "bo-menu bo-menu-footer"
     }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Menu.Item, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Menu.Menu, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Menu.Item, {
       as: "a",
-      href: `${invenioConfig.APP.INVENIO_UI_URL}/admin`,
+      href: `${invenioConfig.APP.INVENIO_UI_URL}/administration`,
       target: "_blank"
     }, "Admin panel"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Menu.Item, {
       as: "a",
-      href: `${invenioConfig.APP.INVENIO_UI_URL}/admin/page`,
+      href: `${invenioConfig.APP.INVENIO_UI_URL}/administration/pages`,
       target: "_blank"
     }, "Static pages"))))));
   }
@@ -13848,7 +13869,7 @@ class ESSelectorLoanRequest extends React.Component {
         placeholder: "Select delivery method",
         options: this.deliveryMethods,
         onChange: this.handleDeliveryMethodChange,
-        defaultValue: this.deliveryMethods[1].value,
+        defaultValue: this.defaultDeliveryMethod,
         selection: true
       })) : null;
     };
@@ -13868,7 +13889,11 @@ class ESSelectorLoanRequest extends React.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 {
@@ -27812,7 +27837,7 @@ class LoanActions$1 extends React.Component {
 
     // omit checkout because it must done in one of the available items
     if (!itemPid) {
-      actions = object.omit(actions, 'checkout');
+      actions = object.omit(actions, ['checkout', 'self_checkout']);
     }
     return Object.keys(actions).map(action => {
       const cancelAction = function () {
@@ -27840,7 +27865,7 @@ class LoanActions$1 extends React.Component {
         onClick: loanAction,
         loading: isLoading,
         disabled: isLoading
-      }, capitalize__default["default"](action)));
+      }, _startCase__default["default"](action)));
     });
   }
   render() {
@@ -34688,7 +34713,7 @@ class BackOffice extends React.Component {
     } = this.props;
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Overridable__default["default"], {
       id: "BackOffice.extras"
-    }, /*#__PURE__*/React__default["default"].createElement(Banner, null)), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement(Banners, null)), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "backoffice"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "bo-sidebar"
@@ -35130,6 +35155,21 @@ class DocumentStats extends React.Component {
 class DocumentItem extends React.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
@@ -35138,10 +35178,18 @@ class DocumentItem extends React.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 {
@@ -35161,7 +35209,8 @@ class DocumentItem extends React.Component {
     } = this.props;
     const {
       isShowingAll,
-      itemAmountLimit
+      itemAmountLimit,
+      identifiersToDisplayInFrontside
     } = this.state;
     const previewArrayOfItems = items.slice(0, itemAmountLimit);
     const completeArrayOfItems = items;
@@ -35179,11 +35228,14 @@ class DocumentItem extends React.Component {
       id: "DocumentDetails.DocumentItem.TableHeader"
     }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, {
       "data-test": "header"
-    }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.HeaderCell, null, "Barcode"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.HeaderCell, null, "Shelf"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.HeaderCell, null, "Status"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.HeaderCell, null, "Medium"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.HeaderCell, null, "Loan restriction")))), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Body, null, /*#__PURE__*/React__default["default"].createElement(Overridable__default["default"], {
+    }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.HeaderCell, null, "Barcode"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.HeaderCell, null, "Shelf"), identifiersToDisplayInFrontside.map(identifier => /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.HeaderCell, {
+      key: identifier.key
+    }, identifier.text)), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.HeaderCell, null, "Status"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.HeaderCell, null, "Medium"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.HeaderCell, null, "Loan restriction")))), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Body, null, /*#__PURE__*/React__default["default"].createElement(Overridable__default["default"], {
       id: "DocumentDetails.DocumentItemTableBody"
     }, /*#__PURE__*/React__default["default"].createElement(DocumentItemBody, {
       items: itemsToShow,
-      documentDetails: documentDetails
+      documentDetails: documentDetails,
+      identifiersToDisplayInFrontside: identifiersToDisplayInFrontside
     }))), this.moreItemsToLoad && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Footer, {
       fullWidth: true,
       "data-test": "footer",
@@ -36510,7 +36562,7 @@ class LoanRequestForm$1 extends React.Component {
 
     // init delivery method
     this.withDeliveryMethod = !_isEmpty__default["default"](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
@@ -37277,6 +37329,8 @@ class ErrorsPage extends React.Component {
           message: "The requested content has been removed.",
           icon: "compass outline"
         });
+      } else if (params.errorCode === 403) {
+        return /*#__PURE__*/React__default["default"].createElement(Unauthorized, null);
       } else if (params.errorCode === 429) {
         return /*#__PURE__*/React__default["default"].createElement(TooManyRequests, null);
       }
@@ -40789,7 +40843,7 @@ class FrontSite extends React.Component {
       className: "fs-content"
     }, /*#__PURE__*/React__default["default"].createElement(Overridable__default["default"], {
       id: "FrontSite.extras"
-    }, /*#__PURE__*/React__default["default"].createElement(Banner, null)), /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Switch, null, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Route, {
+    }, /*#__PURE__*/React__default["default"].createElement(Banners, null)), /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Switch, null, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Route, {
       exact: true,
       path: FrontSiteRoutes.home,
       render: props => /*#__PURE__*/React__default["default"].createElement(Home$1, Object.assign({}, props, this.props))
@@ -40931,7 +40985,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) {
@@ -43138,7 +43192,7 @@ function createILSReducer(asyncReducers) {
     borrowingRequestLoanExtension: borrowingRequestLoanExtensionReducer,
     itemsCheckIn: itemsCheckInReducer,
     checkOut: checkOutReducer,
-    banner: fetchBannerReducer,
+    banners: fetchBannersReducer,
     bulkLoanExtend: patronBulkExtendLoans,
     ...asyncReducers
   });