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

package/dist/esm/index.js

@@ -37617,7 +37617,7 @@ class ManualCheckout extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      manualBarcode: null
+      manualBarcode: ''
     };
     this.inputRef = React.createRef();
   }
@@ -37634,7 +37634,7 @@ class ManualCheckout extends React.Component {
   render() {
     const {
       show,
-      onChange,
+      onBarcodeInput,
       label
     } = this.props;
     const {
@@ -37648,17 +37648,22 @@ class ManualCheckout extends React.Component {
       }, /*#__PURE__*/React.createElement(Header, {
         className: "pb-1",
         as: "h5"
-      }, label, " Add the barcode manually:"), /*#__PURE__*/React.createElement(Input, {
+      }, label, " Insert the barcode manually:"), /*#__PURE__*/React.createElement(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.createElement(Button, {
-        onClick: () => onChange(manualBarcode),
+        onClick: () => manualBarcode && onBarcodeInput(manualBarcode),
+        disabled: !manualBarcode,
         className: "ml-10",
         type: "submit"
       }, "Search")));
@@ -37669,7 +37674,7 @@ class ManualCheckout extends React.Component {
 }
 ManualCheckout.defaultProps = {
   show: false,
-  label: 'Can’t scan the barcode?',
+  label: "Can't scan the barcode?",
   autofocus: false
 };
 
@@ -37726,7 +37731,7 @@ class SelfCheckoutModal$1 extends React.Component {
       label: "Wrong book?",
       autofocus: true,
       show: true,
-      onChange: onBarcodeDetected
+      onBarcodeInput: onBarcodeDetected
     })), /*#__PURE__*/React.createElement(Modal.Actions, null, /*#__PURE__*/React.createElement(Button, {
       color: "black",
       onClick: () => toggleModal(false),
@@ -37762,7 +37767,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(response.data.hits) || null;
   dispatch({
     type: SEARCH_ITEM_SUCCESS,
@@ -37792,9 +37798,9 @@ const checkoutItem = (documentPid, itemPid, patronPid) => {
       const {
         pid
       } = response.data.metadata;
-      const linkToLoan = /*#__PURE__*/React.createElement("p", null, "The loan ", pid, " has been created by you!", ' ', /*#__PURE__*/React.createElement(Link$1, {
+      const linkToLoan = /*#__PURE__*/React.createElement("p", null, "The loan ", pid, " has been created by you! You can view all your current loans on your ", /*#__PURE__*/React.createElement(Link$1, {
         to: FrontSiteRoutes.patronProfile
-      }, "You can now view the loan details."));
+      }, "profile"), ' ', "page.");
       dispatch(sendSuccessNotification('Success!', linkToLoan));
     } catch (error) {
       dispatch(sendErrorNotification(error));
@@ -37857,7 +37863,7 @@ class SelfCheckout$1 extends React.Component {
         item,
         notifyResultMessage
       } = this.props;
-      var resultMessage = `Book with barcode: ${itemBarcode} doesn't exist.`;
+      var resultMessage = `Book with barcode ${itemBarcode} not found.`;
       if (!_isEmpty(item)) {
         if (this.itemStatus(item).canCirculate()) {
           if (this.itemStatus(item).isOnShelf()) {
@@ -37918,11 +37924,13 @@ class SelfCheckout$1 extends React.Component {
       onBarcodeDetected: this.onBarcodeDetected
     }), /*#__PURE__*/React.createElement(ManualCheckout, {
       show: true,
-      onChange: this.onBarcodeDetected
+      onBarcodeInput: this.onBarcodeDetected
     }), /*#__PURE__*/React.createElement(Message, {
       warning: true,
       compact: true
-    }, "If your browser isn't able to scan the barcode, try", /*#__PURE__*/React.createElement("br", null), "using another browser. (Recommended: Chrome)")), /*#__PURE__*/React.createElement(SelfCheckoutModal, {
+    }, "Barcode not detected while scanning?", /*#__PURE__*/React.createElement("br", null), "Try using another browser. (Recommended:", ' ', /*#__PURE__*/React.createElement("a", {
+      href: "https://www.google.com/chrome/"
+    }, "Google Chrome"), ")")), /*#__PURE__*/React.createElement(SelfCheckoutModal, {
       modalOpened: showModal,
       toggleModal: this.toggleModal,
       onBarcodeDetected: this.onBarcodeDetected