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

package/dist/cjs/index.js

@@ -440,6 +440,12 @@ const RECORDS_CONFIG = {
         iconClass: 'dolly'
       }
     },
+    deliveryMethodSelfCheckout: {
+      'SELF-CHECKOUT': {
+        text: 'SELF-CHECKOUT',
+        iconClass: 'shopping basket'
+      }
+    },
     extensionsMaxCount: 3,
     loanWillExpireDays: 7,
     loanActiveStates: ['ITEM_AT_DESK', 'ITEM_ON_LOAN', 'ITEM_IN_TRANSIT_FOR_PICKUP', 'ITEM_IN_TRANSIT_TO_HOUSE'],
@@ -2450,7 +2456,7 @@ const serializer$9 = {
 };
 
 const documentRequestURL = '/document-requests/';
-const apiPaths$2 = {
+const apiPaths$3 = {
   accept: `${documentRequestURL}:docReqPid/accept`,
   item: `${documentRequestURL}:docReqPid`,
   list: documentRequestURL,
@@ -2459,12 +2465,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 = reactRouterDom.generatePath(apiPaths$2.item, {
+  const path = reactRouterDom.generatePath(apiPaths$3.item, {
     docReqPid: docRequestPid
   });
   const response = await http.put(path, data);
@@ -2472,7 +2478,7 @@ const update$8 = async (docRequestPid, data) => {
   return response;
 };
 const get$c = async docRequestPid => {
-  const path = reactRouterDom.generatePath(apiPaths$2.item, {
+  const path = reactRouterDom.generatePath(apiPaths$3.item, {
     docReqPid: docRequestPid
   });
   const response = await http.get(path);
@@ -2480,7 +2486,7 @@ const get$c = async docRequestPid => {
   return response;
 };
 const del$8 = async docRequestPid => {
-  const path = reactRouterDom.generatePath(apiPaths$2.item, {
+  const path = reactRouterDom.generatePath(apiPaths$3.item, {
     docReqPid: docRequestPid
   });
   const response = await http.delete(path);
@@ -2492,19 +2498,19 @@ const performAction = async (urlPath, data) => {
   return response;
 };
 const accept = async docRequestPid => {
-  const urlPath = reactRouterDom.generatePath(apiPaths$2.accept, {
+  const urlPath = reactRouterDom.generatePath(apiPaths$3.accept, {
     docReqPid: docRequestPid
   });
   return performAction(urlPath);
 };
 const addDocument$1 = async (docReqPid, data) => {
-  const url = reactRouterDom.generatePath(apiPaths$2.document, {
+  const url = reactRouterDom.generatePath(apiPaths$3.document, {
     docReqPid: docReqPid
   });
   return await http.post(url, data);
 };
 const removeDocument$1 = async (docReqPid, data) => {
-  const url = reactRouterDom.generatePath(apiPaths$2.document, {
+  const url = reactRouterDom.generatePath(apiPaths$3.document, {
     docReqPid: docReqPid
   });
   // https://github.com/axios/axios/issues/897#issuecomment-343715381
@@ -2513,19 +2519,19 @@ const removeDocument$1 = async (docReqPid, data) => {
   });
 };
 const addProvider$1 = async (docReqPid, data) => {
-  const url = reactRouterDom.generatePath(apiPaths$2.provider, {
+  const url = reactRouterDom.generatePath(apiPaths$3.provider, {
     docReqPid: docReqPid
   });
   return await http.post(url, data);
 };
 const removeProvider$1 = async docReqPid => {
-  const url = reactRouterDom.generatePath(apiPaths$2.provider, {
+  const url = reactRouterDom.generatePath(apiPaths$3.provider, {
     docReqPid: docReqPid
   });
   return await http.delete(url);
 };
 const decline = async (docRequestPid, data) => {
-  const urlPath = reactRouterDom.generatePath(apiPaths$2.decline, {
+  const urlPath = reactRouterDom.generatePath(apiPaths$3.decline, {
     docReqPid: docRequestPid
   });
   return performAction(urlPath, data);
@@ -3445,8 +3451,9 @@ 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',
   item: '/circulation/loans/:loanPid',
   list: '/circulation/loans/',
@@ -3456,7 +3463,7 @@ const apiPaths$1 = {
   bulkExtend: '/circulation/bulk-extend'
 };
 const get$7 = async loanPid => {
-  const path = reactRouterDom.generatePath(apiPaths$1.item, {
+  const path = reactRouterDom.generatePath(apiPaths$2.item, {
     loanPid: loanPid
   });
   const response = await http.get(path);
@@ -3509,7 +3516,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;
 };
@@ -3536,12 +3543,30 @@ 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$2.selfCheckout}?barcode=${barcode}`);
+  response.data = serializer$4.fromJSON(response.data);
+  return response;
+};
+const doSelfCheckout = async (documentPid, itemPid, patronPid) => {
+  const currentUser = sessionManager.user;
+  const payload = {
+    document_pid: documentPid,
+    item_pid: itemPid,
+    patron_pid: patronPid,
+    transaction_location_pid: `${currentUser.locationPid}`,
+    transaction_user_pid: `${currentUser.id}`
+  };
+  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 = reactRouterDom.generatePath(apiPaths$1.replaceItem, {
+  const path = reactRouterDom.generatePath(apiPaths$2.replaceItem, {
     loanPid: loanPid
   });
   const payload = {
@@ -3555,7 +3580,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 {
@@ -3669,19 +3694,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 = reactRouterDom.generatePath(apiPaths$1.notificationOverdue, {
+  const path = reactRouterDom.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;
 };
@@ -3705,13 +3730,13 @@ const updateDates = async function (loanPid) {
   if (requestExpireDate) {
     payload.request_expire_date = requestExpireDate;
   }
-  const path = reactRouterDom.generatePath(apiPaths$1.updateDates, {
+  const path = reactRouterDom.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,
@@ -3720,6 +3745,8 @@ const loanApi = {
   doAction: doAction,
   doRequest: doRequest,
   doCheckout: doCheckout,
+  doSelfCheckout: doSelfCheckout,
+  doSelfCheckoutSearchItem: doSelfCheckoutSearchItem,
   sendOverdueLoansNotificationReminder: sendOverdueLoansNotificationReminder$1,
   serializer: serializer$4,
   updateDates: updateDates,
@@ -3758,12 +3785,25 @@ function serializeLocationResponse(hit) {
   }
   return result;
 }
+function serializeLocationClosurePeriodsResponse(hit) {
+  let result = [];
+  if (!_isEmpty__default["default"](hit)) {
+    result = hit.closure_periods.map(period => ({
+      start: new luxon.DateTime.fromISO(period.start),
+      end: new luxon.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 => {
@@ -3804,6 +3844,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);
@@ -3830,13 +3873,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) {
@@ -12163,6 +12212,7 @@ class LoanListEntry extends React.Component {
     const patronPid = loan.metadata.patron_pid;
     const delivery = _get__default["default"](loan.metadata.delivery, 'method');
     const deliveryMethod = delivery && loan.metadata.state === 'PENDING' ? invenioConfig.CIRCULATION.deliveryMethods[delivery] : '';
+    const isSelfCheckout = delivery === 'SELF-CHECKOUT';
     return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Item, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Item.Content, null, loan.metadata.is_overdue && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Label, {
       color: "red"
     }, "Overdue"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Item.Header, {
@@ -12197,8 +12247,10 @@ class LoanListEntry extends React.Component {
     }, loan.metadata.extension_count || '0'), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Content, null, /*#__PURE__*/React__default["default"].createElement("label", null, " Extensions"))))), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
       width: 2,
       textAlign: "center"
-    }, deliveryMethod && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, delivery, ' ', deliveryMethod.iconClass && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Icon, {
+    }, deliveryMethod ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, delivery, ' ', deliveryMethod.iconClass && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Icon, {
       className: deliveryMethod.iconClass
+    })) : isSelfCheckout && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, delivery, ' ', /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Icon, {
+      className: invenioConfig.CIRCULATION.deliveryMethodSelfCheckout[delivery].iconClass
     }))), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
       computer: 3,
       largeScreen: 3
@@ -13135,102 +13187,70 @@ var DatePicker$1 = Overridable__default["default"].component('DatePicker', DateP
 class LocationDatePicker extends React.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 = luxon.DateTime.fromISO(minDate);
-      const dateMax = luxon.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 = luxon.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 = luxon.DateTime.fromISO(minDate);
-      const dateMax = luxon.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 = luxon.DateTime.fromISO(dateRange.start);
+          const endDate = luxon.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 = luxon.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__default["default"](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 {
@@ -13242,12 +13262,18 @@ class LocationDatePicker extends React.Component {
       ...otherProps
     } = this.props;
     const {
-      isLoading
+      disabledDates,
+      isLoading,
+      error
     } = this.state;
+    if (error) {
+      console.error(error);
+      return null;
+    }
     return /*#__PURE__*/React__default["default"].createElement(DatePicker$1, Object.assign({}, otherProps, {
       minDate: minDate,
       maxDate: maxDate,
-      disable: this.listDisabled(),
+      disable: disabledDates,
       handleDateChange: handleDateChange,
       loading: isLoading,
       fetchData: this.fetchData,
@@ -13259,7 +13285,9 @@ class LocationDatePicker extends React.Component {
 }
 LocationDatePicker.defaultProps = {
   defaultValue: '',
-  locationPid: null
+  locationPid: null,
+  minDate: null,
+  maxDate: null
 };
 
 const serializeError = error => ({
@@ -15746,9 +15774,8 @@ class ExistingRelations extends React.Component {
     const {
       activePage
     } = this.state;
-    const activeRows = rows.slice((activePage - 1) * showMaxRows, activePage * showMaxRows);
     return /*#__PURE__*/React__default["default"].createElement(ResultsTable, {
-      data: activeRows,
+      data: rows,
       columns: columns,
       totalHitsCount: rows.length,
       showMaxRows: showMaxRows,
@@ -24871,7 +24898,7 @@ const deleteItem = itemPid => {
     }
   };
 };
-const checkoutItem$2 = function (documentPid, itemPid, patronPid) {
+const checkoutItem$1 = function (documentPid, itemPid, patronPid) {
   let force = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   return async dispatch => {
     dispatch({
@@ -25071,7 +25098,7 @@ const mapDispatchToProps$J = dispatch => ({
   deleteItem: itemPid => dispatch(deleteItem(itemPid)),
   checkoutItem: function (documentPid, itemPid, patronPid) {
     let force = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    return dispatch(checkoutItem$2(documentPid, itemPid, patronPid, force));
+    return dispatch(checkoutItem$1(documentPid, itemPid, patronPid, force));
   }
 });
 const ItemActionMenu = reactRedux.connect(mapStateToProps$W, mapDispatchToProps$J)(ItemActionMenu$1);
@@ -25452,7 +25479,7 @@ const mapDispatchToProps$I = dispatch => ({
   deleteItem: itemPid => dispatch(deleteItem(itemPid)),
   checkoutItem: function (documentPid, itemPid, patronPid) {
     let force = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    return dispatch(checkoutItem$2(documentPid, itemPid, patronPid, force));
+    return dispatch(checkoutItem$1(documentPid, itemPid, patronPid, force));
   }
 });
 const ItemMetadata$1 = reactRedux.connect(mapStateToProps$U, mapDispatchToProps$I)(ItemMetadata$2);
@@ -26625,7 +26652,7 @@ class LoanMetadata$1 extends React.Component {
   getDelivery(_delivery) {
     const delivery = _get__default["default"](_delivery, 'method');
     if (delivery) {
-      const deliveryMethod = invenioConfig.CIRCULATION.deliveryMethods[delivery];
+      const deliveryMethod = invenioConfig.CIRCULATION.deliveryMethods[delivery] || invenioConfig.CIRCULATION.deliveryMethodSelfCheckout[delivery];
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, deliveryMethod.text, ' ', deliveryMethod.iconClass && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Icon, {
         className: deliveryMethod.iconClass
       }));
@@ -27252,16 +27279,18 @@ class LoanUpdateDates$1 extends React.Component {
     }), warning && this.renderWarning(warning), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Field, {
       inline: true,
       required: true
-    }, /*#__PURE__*/React__default["default"].createElement("label", null, startLabel), /*#__PURE__*/React__default["default"].createElement(DatePicker$1, {
+    }, /*#__PURE__*/React__default["default"].createElement("label", null, startLabel), /*#__PURE__*/React__default["default"].createElement(LocationDatePicker, {
       maxDate: active ? this.today() : null,
       defaultValue: active ? startDate : requestStartDate,
+      locationPid: sessionManager.user.locationPid,
       placeholder: startLabel,
       handleDateChange: value => this.handleStartDateChange(value)
     })), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Field, {
       inline: true,
       required: true
-    }, /*#__PURE__*/React__default["default"].createElement("label", null, endLabel), /*#__PURE__*/React__default["default"].createElement(DatePicker$1, {
+    }, /*#__PURE__*/React__default["default"].createElement("label", null, endLabel), /*#__PURE__*/React__default["default"].createElement(LocationDatePicker, {
       defaultValue: active ? endDate : requestExpireDate,
+      locationPid: sessionManager.user.locationPid,
       placeholder: endLabel,
       handleDateChange: value => this.handleEndDateChange(value)
     }))), hint && this.renderHint(hint))), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Actions, {
@@ -29399,7 +29428,7 @@ class PatronBulkExtendLoans$1 extends React.Component {
       patronPid,
       bulkLoanExtension,
       isLoading,
-      hidden,
+      disabled,
       ...uiProps
     } = this.props;
     const {
@@ -29409,12 +29438,13 @@ class PatronBulkExtendLoans$1 extends React.Component {
       open: open,
       onClose: this.close,
       onOpen: this.open,
-      trigger: !hidden && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, Object.assign({
+      trigger: /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, Object.assign({
         labelPosition: "left",
         fluid: true,
         icon: true,
         primary: true,
-        loading: isLoading
+        loading: isLoading,
+        disabled: disabled
       }, uiProps), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Icon, {
         name: "refresh"
       }), "Extend all loans")
@@ -29430,7 +29460,7 @@ class PatronBulkExtendLoans$1 extends React.Component {
 }
 PatronBulkExtendLoans$1.defaultProps = {
   isLoading: false,
-  hidden: true
+  disabled: true
 };
 
 const IS_LOADING$l = 'fetchPatronCurrentLoans/IS_LOADING';
@@ -29571,7 +29601,7 @@ const CLEAR_SEARCH = 'itemsSearchBarcode/CLEAR_SEARCH';
 const IS_LOADING$h = 'patronItemCheckout/IS_LOADING';
 const SUCCESS$h = 'patronItemCheckout/SUCCESS';
 const HAS_ERROR$h = 'patronItemCheckout/ERROR';
-const checkoutItem$1 = function (documentPid, itemPid, patronPid) {
+const checkoutItem = function (documentPid, itemPid, patronPid) {
   let force = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   return async dispatch => {
     dispatch({
@@ -29612,7 +29642,7 @@ const checkoutItem$1 = function (documentPid, itemPid, patronPid) {
 const mapDispatchToProps$t = dispatch => ({
   checkoutItem: function (documentPid, itemPid, patronPid) {
     let force = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    return dispatch(checkoutItem$1(documentPid, itemPid, patronPid, force));
+    return dispatch(checkoutItem(documentPid, itemPid, patronPid, force));
   }
 });
 const mapStateToProps$E = state => ({
@@ -29774,7 +29804,7 @@ const mapStateToProps$D = state => ({
 const mapDispatchToProps$s = dispatch => ({
   checkoutItem: function (documentPid, itemPid, patronPid) {
     let force = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    return dispatch(checkoutItem$1(documentPid, itemPid, patronPid, force));
+    return dispatch(checkoutItem(documentPid, itemPid, patronPid, force));
   }
 });
 const ItemsResultsList = reactRedux.connect(mapStateToProps$D, mapDispatchToProps$s)(ItemsResultsList$1);
@@ -29900,7 +29930,7 @@ const fetchAndCheckoutIfOne = (barcode, patronPid, onSuccess) => {
           type: recordToPidType(itemToCheckout),
           value: itemToCheckout.metadata.pid
         };
-        dispatch(checkoutItem$1(documentPid, itemPid, patronPid, true));
+        dispatch(checkoutItem(documentPid, itemPid, patronPid, true));
         onSuccess();
       }
     } catch (error) {
@@ -29935,7 +29965,7 @@ const mapDispatchToProps$r = dispatch => ({
   clearResults: () => dispatch(clearResults()),
   checkoutItem: function (documentPid, itemPid, patronPid) {
     let force = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    return dispatch(checkoutItem$1(documentPid, itemPid, patronPid, force));
+    return dispatch(checkoutItem(documentPid, itemPid, patronPid, force));
   }
 });
 const mapStateToProps$C = state => ({
@@ -30963,7 +30993,7 @@ class PatronDetails$1 extends React.Component {
       offset: 150
     }, /*#__PURE__*/React__default["default"].createElement(PatronBulkExtendLoans, {
       patronPid: currentPatronPid,
-      hidden: currentLoans.total === 0,
+      disabled: currentLoans.total === 0,
       fluid: true,
       color: "blue"
     }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Divider, {
@@ -37766,11 +37796,11 @@ class SelfCheckoutModal$1 extends React__default["default"].Component {
       size: "large",
       centered: true,
       onClose: () => toggleModal(false)
-    }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Header, null, `You are about to checkout a book with barcode:
+    }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Header, null, `You are about to checkout the literature with barcode:
             ${item === null || item === void 0 ? void 0 : item.metadata.barcode}`), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Content, null, /*#__PURE__*/React__default["default"].createElement(DocumentCard, {
       item: item
     }), /*#__PURE__*/React__default["default"].createElement(ManualCheckout, {
-      label: "Wrong book?",
+      label: "Wrong literature?",
       autofocus: true,
       show: true,
       onBarcodeInput: onBarcodeDetected
@@ -37808,22 +37838,19 @@ const notifyResultMessage = message => {
     dispatch(sendWarningNotification(message));
   };
 };
-const searchItem = async (dispatch, term) => {
-  const upperCasedTerm = term.toUpperCase();
-  const response = await itemApi.list(itemApi.query().withBarcode(upperCasedTerm).qs());
-  const item = _first__default["default"](response.data.hits) || null;
-  dispatch({
-    type: SEARCH_ITEM_SUCCESS,
-    payload: item
-  });
-};
 const selfCheckOutSearch = term => {
   return async dispatch => {
     dispatch({
       type: SEARCH_IS_LOADING
     });
     try {
-      await searchItem(dispatch, term);
+      const upperCasedTerm = term.toUpperCase();
+      const response = await loanApi.doSelfCheckoutSearchItem(upperCasedTerm);
+      const item = response.data || null;
+      dispatch({
+        type: SEARCH_ITEM_SUCCESS,
+        payload: item
+      });
     } catch (error) {
       dispatch({
         type: SEARCH_HAS_ERROR,
@@ -37833,16 +37860,13 @@ const selfCheckOutSearch = term => {
     }
   };
 };
-const checkoutItem = (documentPid, itemPid, patronPid) => {
+const selfCheckOut = (documentPid, itemPid, patronPid) => {
   return async dispatch => {
     try {
-      const response = await loanApi.doCheckout(documentPid, itemPid, patronPid);
-      const {
-        pid
-      } = response.data.metadata;
-      const linkToLoan = /*#__PURE__*/React__default["default"].createElement("p", null, "The loan ", pid, " has been created by you! You can view all your current loans on your ", /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
+      await loanApi.doSelfCheckout(documentPid, itemPid, patronPid);
+      const linkToLoan = /*#__PURE__*/React__default["default"].createElement("p", null, "Self-checkout completed! You can view all your current loans on your", ' ', /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
         to: FrontSiteRoutes.patronProfile
-      }, "profile"), ' ', "page.");
+      }, "profile"), " page.");
       dispatch(sendSuccessNotification('Success!', linkToLoan));
     } catch (error) {
       dispatch(sendErrorNotification(error));
@@ -37851,7 +37875,7 @@ const checkoutItem = (documentPid, itemPid, patronPid) => {
 };
 
 const mapDispatchToProps$a = dispatch => ({
-  checkoutItem: (documentPid, itemPid, patronPid) => dispatch(checkoutItem(documentPid, itemPid, patronPid))
+  checkoutItem: (documentPid, itemPid, patronPid) => dispatch(selfCheckOut(documentPid, itemPid, patronPid))
 });
 const mapStateToProps$b = state => ({
   user: state.authenticationManagement.data,
@@ -37885,48 +37909,8 @@ class SelfCheckout$1 extends React__default["default"].Component {
           selfCheckOutSearch
         } = this.props;
         await selfCheckOutSearch(detectedBarcode);
-
-        // open modal if item is loanable
-        const shouldShowModal = this.isItemLoanable(detectedBarcode);
-        if (shouldShowModal) {
-          this.toggleModal(true);
-        } else {
-          this.toggleModal(false);
-        }
-      }
-    };
-    this.itemStatus = item => ({
-      canCirculate: () => invenioConfig.ITEMS.canCirculateStatuses.includes(item.metadata.status),
-      isOnShelf: () => !item.metadata.circulation.state // on shelf if circulation.state doesn't exist
-    });
-    this.isItemLoanable = itemBarcode => {
-      const {
-        user,
-        item,
-        notifyResultMessage
-      } = this.props;
-      var resultMessage = `Book with barcode ${itemBarcode} not found.`;
-      if (!_isEmpty__default["default"](item)) {
-        if (this.itemStatus(item).canCirculate()) {
-          if (this.itemStatus(item).isOnShelf()) {
-            return true;
-          } else {
-            if (item.metadata.circulation.patron_pid === user.id.toString()) {
-              resultMessage = `You already loaned this book with barcode: ${itemBarcode}!`;
-            } else {
-              resultMessage = `Book with barcode: ${itemBarcode} is currently on loan!`;
-            }
-          }
-        } else {
-          var _item$metadata;
-          const status = _find__default["default"](invenioConfig.ITEMS.statuses, {
-            value: (_item$metadata = item.metadata) === null || _item$metadata === void 0 ? void 0 : _item$metadata.status
-          });
-          resultMessage = `Book with barcode: ${itemBarcode} is ${status === null || status === void 0 ? void 0 : status.text}!`;
-        }
+        this.toggleModal(true);
       }
-      notifyResultMessage(resultMessage);
-      return false;
     };
     this.renderInstructions = () => {
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Header, {
@@ -37979,13 +37963,11 @@ class SelfCheckout$1 extends React__default["default"].Component {
     }), this.renderInstructions());
   }
 }
-SelfCheckout$1.defaultProps = {
-  item: null
-};
 var SelfCheckoutComponent = Overridable__default["default"].component('SelfCheckout', SelfCheckout$1);
 
 const mapDispatchToProps$9 = dispatch => ({
   selfCheckOutSearch: term => dispatch(selfCheckOutSearch(term)),
+  selfCheckOut: term => dispatch(selfCheckOut(term)),
   notifyResultMessage: message => dispatch(notifyResultMessage(message))
 });
 const mapStateToProps$a = state => ({
@@ -39025,7 +39007,7 @@ class PatronCurrentLoans$1 extends React.Component {
       floated: "right"
     }, /*#__PURE__*/React__default["default"].createElement(PatronBulkExtendLoans, {
       patronPid: currentUser.id,
-      hidden: loans.total === 0,
+      disabled: loans.total === 0,
       color: "orange"
     }))), /*#__PURE__*/React__default["default"].createElement(ILSItemPlaceholder, {
       fluid: true,