@inveniosoftware/react-invenio-app-ils 1.0.0-alpha.87 → 1.0.0-alpha.89

package/CHANGES.md

@@ -1,5 +1,14 @@
 # Changes
 
+Version 1.0.0-alpha.89 (released 2024-06-24)
+
+- self-checkout: improve scanning behaviour
+- frontsite: pass document details to document item table
+
+Version 1.0.0-alpha.88 (released 2024-06-18)
+
+- frontsite: handle null barcode
+
 Version 1.0.0-alpha.87 (released 2024-06-14)
 
 - document items: add overridable id

package/dist/cjs/index.js

@@ -5096,7 +5096,7 @@ const WarningMessage = _ref2 => {
     icon: "exclamation triangle",
     header: header,
     content: content,
-    autoDismiss: invenioConfig.APP.SUCCESS_AUTO_DISMISS_SECONDS * 1000,
+    autoDismiss: invenioConfig.APP.SUCCESS_AUTO_DISMISS_SECONDS * 3000,
     onDismiss: () => removeNotification(id)
   });
 };
@@ -6167,7 +6167,8 @@ class DocumentItemBody extends React.Component {
   render() {
     const {
       items,
-      shelfLink
+      shelfLink,
+      documentDetails
     } = this.props;
     return items.map(item => /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Row, {
       key: item.pid
@@ -6177,7 +6178,7 @@ 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) : _get__default["default"](item, 'shelf')) || 'none'), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Cell, {
+    }, (shelfLink !== null ? shelfLink(item, documentDetails) : _get__default["default"](item, 'shelf')) || 'none'), /*#__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"
@@ -36200,6 +36201,7 @@ class DocumentItem extends React.Component {
     const {
       internalLocationName,
       items,
+      documentDetails,
       showTitle
     } = this.props;
     const {
@@ -36225,7 +36227,8 @@ class DocumentItem extends React.Component {
     }, /*#__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"], {
       id: "DocumentDetails.DocumentItemTableBody"
     }, /*#__PURE__*/React__default["default"].createElement(DocumentItemBody, {
-      items: itemsToShow
+      items: itemsToShow,
+      documentDetails: documentDetails
     }))), this.moreItemsToLoad && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Table.Footer, {
       fullWidth: true,
       "data-test": "footer",
@@ -36330,6 +36333,7 @@ class DocumentTabs extends React.Component {
         return /*#__PURE__*/React__default["default"].createElement(DocumentItem$1, {
           internalLocationName: internalLocationName,
           items: items,
+          documentDetails: this.documentDetails,
           showTitle: activeInternalLocation !== internalLocationName
         });
       }
@@ -36340,6 +36344,7 @@ class DocumentTabs extends React.Component {
           key: internalLocationName,
           internalLocationName: internalLocationName,
           items: items,
+          documentDetails: this.documentDetails,
           showTitle: activeInternalLocation !== internalLocationName
         });
       });
@@ -36373,6 +36378,12 @@ class DocumentTabs extends React.Component {
     } = this.props;
     return locationsObject;
   }
+  get documentDetails() {
+    const {
+      documentDetails
+    } = this.props;
+    return documentDetails;
+  }
   get locationEntries() {
     return Object.entries(this.locations);
   }
@@ -36390,8 +36401,8 @@ class DocumentTabs extends React.Component {
 }
 
 class DocumentItems$1 extends React.Component {
-  constructor(props) {
-    super(props);
+  constructor() {
+    super(...arguments);
     this.itemStatus = item => ({
       canCirculate: () => invenioConfig.ITEMS.canCirculateStatuses.includes(item.status),
       isForReference: () => invenioConfig.ITEMS.referenceStatuses.includes(item.status)
@@ -36443,7 +36454,8 @@ class DocumentItems$1 extends React.Component {
       documentDetails
     } = this.props;
     const internalLocationsComponent = /*#__PURE__*/React__default["default"].createElement(DocumentTabs, {
-      locationsObject: this.filteredLocations
+      locationsObject: this.filteredLocations,
+      documentDetails: documentDetails
     });
     const noItemsComponent = /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message.Header, null, "No copies"), /*#__PURE__*/React__default["default"].createElement("p", null, "There are no available copies in the library. Please, contact the library for more information."));
     const hasCopies = _has__default["default"](items, 'on_shelf') && !_isEmpty__default["default"](this.filteredLocations);
@@ -38618,7 +38630,7 @@ class BarcodeScanner extends React__default["default"].Component {
     this.setScannerArea = (cameraBoxWidth, cameraBoxHeight) => {
       return {
         width: cameraBoxWidth * 0.9,
-        height: cameraBoxHeight * 0.3
+        height: cameraBoxHeight * 0.7
       };
     };
     this.onScanSuccess = (decodedText, decodedResult) => {
@@ -38640,8 +38652,10 @@ class BarcodeScanner extends React__default["default"].Component {
       this.scanner.start({
         facingMode: 'environment'
       }, {
-        fps: 1,
+        fps: 2,
         // frame per second for qr code scanning
+        aspectRatio: 2,
+        // 2:1
         qrbox: this.setScannerArea // bounding box UI
       }, this.onScanSuccess, this.onScanFailure, /* verbose= */false);
     };
@@ -38658,11 +38672,8 @@ class BarcodeScanner extends React__default["default"].Component {
   }
   render() {
     return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Container, {
-      id: this.deviceId,
-      style: {
-        width: '80%'
-      }
-    }); // TODO: Move to overrides
+      id: this.deviceId
+    });
   }
 }
 BarcodeScanner.defaultProps = {
@@ -38739,15 +38750,17 @@ class SelfCheckoutModal$1 extends React__default["default"].Component {
       modalOpened,
       toggleModal
     } = this.props;
-    const itemBarcode = item === null || item === void 0 ? void 0 : item.metadata.barcode;
-    return item ? /*#__PURE__*/React__default["default"].createElement(Loader$1, {
+    if (_isEmpty__default["default"](item)) {
+      return null;
+    }
+    return /*#__PURE__*/React__default["default"].createElement(Loader$1, {
       isLoading: isLoading
     }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal, {
       open: modalOpened,
       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:\n            ".concat(itemBarcode)), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Content, null, /*#__PURE__*/React__default["default"].createElement(DocumentCard, {
+    }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Header, null, "You are about to checkout a book with barcode:\n            ".concat(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(semanticUiReact.Modal.Actions, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
       color: "black",
@@ -38767,7 +38780,7 @@ class SelfCheckoutModal$1 extends React__default["default"].Component {
       labelPosition: "left",
       content: "Checkout and finish",
       onClick: this.handleCheckoutFinishClick
-    })))) : null;
+    }))));
   }
 }
 SelfCheckoutModal$1.defaultProps = {
@@ -38785,7 +38798,7 @@ const notifyResultMessage = message => {
 };
 const searchItem = async (dispatch, term) => {
   const response = await itemApi.list(itemApi.query().withBarcode(term).qs());
-  const item = _first__default["default"](response.data.hits) || {};
+  const item = _first__default["default"](response.data.hits) || null;
   dispatch({
     type: SEARCH_ITEM_SUCCESS,
     payload: item
@@ -38906,7 +38919,7 @@ class SelfCheckout$1 extends React__default["default"].Component {
       }, "How to scan:"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List, {
         bulleted: true,
         size: "big"
-      }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, null, "Look for the library's unique barcode sticker, typically found on the inside cover or the first page."), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, null, "Hold the scanner directly over the barcode and scan inside the box as depicted. Ensure that the barcode is inside the scanner box."), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, null, "Wait for the confirmation light and a popup prompting the checkout process, indicating that the barcode is successfully scanned!"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, null, "Check the popup window to ensure the correct book details are dispayed before checking out the book."), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, null, /*#__PURE__*/React__default["default"].createElement("b", null, "Important Reminder:"), " Please do not scan the publication barcode on the back cover of the book.", /*#__PURE__*/React__default["default"].createElement("br", null), "The publication barcode is for retail purposes and will not work with our library system.")), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, {
+      }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, null, "Look for the library's unique barcode sticker, typically found on the inside cover or the first page."), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, null, "Hold the scanner directly over the barcode and scan inside the box as depicted. Ensure that the barcode is inside the scanner box."), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, null, "Wait for the confirmation light and a popup prompting the checkout process, indicating that the barcode is successfully scanned!"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, null, "Check the popup window to ensure the correct book details are displayed before checking out the book."), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, null, /*#__PURE__*/React__default["default"].createElement("b", null, "Important Reminder:"), " Please do not scan the publication barcode on the back cover of the book.", /*#__PURE__*/React__default["default"].createElement("br", null), "The publication barcode is for retail purposes and will not work with our library system.")), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, {
         centered: true
       }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
         width: 8
@@ -38934,7 +38947,7 @@ class SelfCheckout$1 extends React__default["default"].Component {
       textAlign: "center"
     }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Header, {
       as: "h1"
-    }, "SELF CHECKOUT"), /*#__PURE__*/React__default["default"].createElement(BarcodeScanner$1, {
+    }, "SELF-CHECKOUT"), /*#__PURE__*/React__default["default"].createElement(BarcodeScanner$1, {
       onBarcodeDetected: this.onBarcodeDetected
     }), /*#__PURE__*/React__default["default"].createElement(SelfCheckoutModal, {
       modalOpened: showModal,