UIBULKED-210: Improve user errors for invalid data - IncorrectTokenCountException error

CHANGELOG.md

@@ -92,6 +92,7 @@
 * [UIBULKED-351](https://issues.folio.org/browse/UIBULKED-351) Hide Query tab
 * [UIBULKED-276](https://issues.folio.org/browse/UIBULKED-276) Rename "Instance" column for holdings records preview
 * [UIBULKED-352](https://issues.folio.org/browse/UIBULKED-352) Localize numbers displayed in bulk edit
+* [UIBULKED-210](https://issues.folio.org/browse/UIBULKED-210) Improve user errors for invalid data - IncorrectTokenCountException error.
 
 
 ## [3.0.5](https://github.com/folio-org/ui-bulk-edit/tree/v3.0.5) (2023-03-22)

src/components/BulkEditList/BulkEditListFilters/BulkEditListFilters.js

@@ -21,7 +21,7 @@
   JOB_STATUSES,
   TRANSLATION_SUFFIX,
   EDITING_STEPS,
-  FILTERS,
+  FILTERS, ERRORS,
 } from '../../../constants';
 import { RootContext } from '../../../context/RootContext';
 import {
@@ -95,7 +95,7 @@
 
   const applyFiltersAdapter = (callBack) => ({ name, values }) => callBack(name, values);
 
   const adaptedApplyFilters = useCallback(
     applyFiltersAdapter(applyFilters),
     [applyFilters],
   );
@@ -185,7 +185,7 @@
     setVisibleColumns(null);
     setIsFileUploaded(false);
     setInAppCommitted(false);
   }, [location.search]);
 
   const uploadFileFlow = async (fileToUpload) => {
     try {
@@ -195,11 +195,12 @@
         identifierType: recordIdentifier,
       });
 
-      const { status } = await bulkOperationStart({
+      const { status, errorMessage } = await bulkOperationStart({
         id,
         step: EDITING_STEPS.UPLOAD,
       });
 
+      if (errorMessage.includes(ERRORS.TOKEN)) throw Error(ERRORS.TOKEN);
       if (status === JOB_STATUSES.FAILED) throw Error();
 
       history.replace({
@@ -209,10 +210,17 @@
 
       setIsFileUploaded(true);
     } catch ({ message }) {
-      showCallout({
-        message: <FormattedMessage id="ui-bulk-edit.error.uploadedFile" />,
-        type: 'error',
-      });
+      if (message === ERRORS.TOKEN) {
+        showCallout({
+          message: <FormattedMessage id="ui-bulk-edit.error.incorrectFormatted" values={{ fileName:fileToUpload.name }} />,
+          type: 'error',
+        });
+      } else {
+        showCallout({
+          message: <FormattedMessage id="ui-bulk-edit.error.uploadedFile" />,
+          type: 'error',
+        });
+      }
     }
   };
 
@@ -228,7 +236,7 @@
     const messagePrefix = recordIdentifier ? `.${recordIdentifier}` : '';
 
     return <FormattedMessage id={`ui-bulk-edit.uploaderSubTitle${TRANSLATION_SUFFIX[capabilities]}${messagePrefix}`} />;
   }, [recordIdentifier]);
 
   useEffect(() => {
     if (isFileUploaded || !recordIdentifier || initialFileName) {
@@ -236,7 +244,7 @@
     } else {
       setIsDropZoneDisabled(false);
     }
   }, [isFileUploaded, recordIdentifier]);
 
   useEffect(() => {
     const identifier = search.get('identifier');
@@ -248,7 +256,7 @@
     if (initialCapabilities) {
       handleChange(initialCapabilities, 'capabilities');
     }
   }, [location.search]);
 
   const renderCapabilities = () => (
     <Capabilities

src/constants/core.js

@@ -67,6 +67,10 @@ export const CRITERIA = {
   LOGS: 'logs',
 };
 
+export const ERRORS = {
+  TOKEN: 'Incorrect number of tokens found in record'
+};
+
 export const TYPE_OF_PROGRESS = {
   INITIAL: 'initial',
   PROCESSED: 'processed',

translations/ui-bulk-edit/en.json

@@ -140,6 +140,7 @@
 
   "error.uploadedFile": "Fail to upload file",
   "error.sww": "Something went wrong",
+  "error.incorrectFormatted": "{fileName}: is formatted incorrectly. Please correct the formatting and upload the file again.",
 
   "category.loanType": "Loan type",
   "category.location": "Location",