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

package/CHANGES.md

@@ -1,5 +1,9 @@
 # Changes
 
+Version 1.1.0 (released 2024-11-04)
+
+- self-checkout: uppercase barcode when input by the user
+
 Version 1.0.0 (released 2024-10-22)
 
 - upgrade axios and react-searchkit dependencies

package/README.md

@@ -10,8 +10,7 @@ To update dependencies you need to run `npm install` in the target deployment
 environment:
 
 ```shell
-$ rm -rf package-lock.json && rm -rf node_modules
-
+$ rm -rf package-lock.json node_modules
 # Run the container with x86_64 architecture and install packages
 $ docker run -it --platform="linux/amd64" --rm -v $(pwd):/app -w /app node:14-alpine sh -c "npm install"
 ```

package/dist/cjs/index.js

@@ -37659,7 +37659,7 @@ class ManualCheckout extends React__default["default"].Component {
   constructor(props) {
     super(props);
     this.state = {
-      manualBarcode: null
+      manualBarcode: ''
     };
     this.inputRef = React__default["default"].createRef();
   }
@@ -37676,7 +37676,7 @@ class ManualCheckout extends React__default["default"].Component {
   render() {
     const {
       show,
-      onChange,
+      onBarcodeInput,
       label
     } = this.props;
     const {
@@ -37690,17 +37690,22 @@ class ManualCheckout extends React__default["default"].Component {
       }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Header, {
         className: "pb-1",
         as: "h5"
-      }, label, " Add the barcode manually:"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Input, {
+      }, label, " Insert the barcode manually:"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Input, {
         id: "barcodeInput",
         type: "text",
         placeholder: "Barcode...",
         className: "pb-1",
         ref: this.inputRef,
-        onChange: e => this.setState({
-          manualBarcode: e.target.value
-        })
+        value: manualBarcode,
+        onChange: e => {
+          var _e$target$value;
+          return this.setState({
+            manualBarcode: (_e$target$value = e.target.value) === null || _e$target$value === void 0 ? void 0 : _e$target$value.toUpperCase()
+          });
+        }
       }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
-        onClick: () => onChange(manualBarcode),
+        onClick: () => manualBarcode && onBarcodeInput(manualBarcode),
+        disabled: !manualBarcode,
         className: "ml-10",
         type: "submit"
       }, "Search")));
@@ -37711,7 +37716,7 @@ class ManualCheckout extends React__default["default"].Component {
 }
 ManualCheckout.defaultProps = {
   show: false,
-  label: 'Can’t scan the barcode?',
+  label: "Can't scan the barcode?",
   autofocus: false
 };
 
@@ -37768,7 +37773,7 @@ class SelfCheckoutModal$1 extends React__default["default"].Component {
       label: "Wrong book?",
       autofocus: true,
       show: true,
-      onChange: onBarcodeDetected
+      onBarcodeInput: onBarcodeDetected
     })), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Modal.Actions, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
       color: "black",
       onClick: () => toggleModal(false),
@@ -37804,7 +37809,8 @@ const notifyResultMessage = message => {
   };
 };
 const searchItem = async (dispatch, term) => {
-  const response = await itemApi.list(itemApi.query().withBarcode(term).qs());
+  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,
@@ -37834,9 +37840,9 @@ const checkoutItem = (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!", ' ', /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
+      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, {
         to: FrontSiteRoutes.patronProfile
-      }, "You can now view the loan details."));
+      }, "profile"), ' ', "page.");
       dispatch(sendSuccessNotification('Success!', linkToLoan));
     } catch (error) {
       dispatch(sendErrorNotification(error));
@@ -37899,7 +37905,7 @@ class SelfCheckout$1 extends React__default["default"].Component {
         item,
         notifyResultMessage
       } = this.props;
-      var resultMessage = `Book with barcode: ${itemBarcode} doesn't exist.`;
+      var resultMessage = `Book with barcode ${itemBarcode} not found.`;
       if (!_isEmpty__default["default"](item)) {
         if (this.itemStatus(item).canCirculate()) {
           if (this.itemStatus(item).isOnShelf()) {
@@ -37960,11 +37966,13 @@ class SelfCheckout$1 extends React__default["default"].Component {
       onBarcodeDetected: this.onBarcodeDetected
     }), /*#__PURE__*/React__default["default"].createElement(ManualCheckout, {
       show: true,
-      onChange: this.onBarcodeDetected
+      onBarcodeInput: this.onBarcodeDetected
     }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message, {
       warning: true,
       compact: true
-    }, "If your browser isn't able to scan the barcode, try", /*#__PURE__*/React__default["default"].createElement("br", null), "using another browser. (Recommended: Chrome)")), /*#__PURE__*/React__default["default"].createElement(SelfCheckoutModal, {
+    }, "Barcode not detected while scanning?", /*#__PURE__*/React__default["default"].createElement("br", null), "Try using another browser. (Recommended:", ' ', /*#__PURE__*/React__default["default"].createElement("a", {
+      href: "https://www.google.com/chrome/"
+    }, "Google Chrome"), ")")), /*#__PURE__*/React__default["default"].createElement(SelfCheckoutModal, {
       modalOpened: showModal,
       toggleModal: this.toggleModal,
       onBarcodeDetected: this.onBarcodeDetected