add status library

package.json

@@ -231,6 +231,7 @@
     "file-saver": "^2.0.5",
     "history": "^5.1.0",
     "lodash": "^4.17.5",
+    "http-status-codes": "^2.3.0",
     "moment": "^2.29.1",
     "prop-types": "^15.5.10",
     "query-string": "^6.1.0",

src/constants/index.js

@@ -5,5 +5,4 @@ export * from './inAppActions';
 export * from '../utils/date';
 export * from './files';
 export * from './logsActions';
-export * from './errorStatuses';
 export * from './moduleNames';

src/hooks/useErrorMessages.js

@@ -1,7 +1,8 @@
 import { useIntl } from 'react-intl';
 import { useShowCallout } from '@folio/stripes-acq-components';
+import { getReasonPhrase } from 'http-status-codes';
 
-import { ERRORS, ERROR_STATUSES } from '../constants';
+import { ERRORS } from '../constants';
 import { useSearchParams } from './useSearchParams';
 
 
@@ -43,15 +44,20 @@ export const useErrorMessages = () => {
 
   const showExternalModuleError = (moduleName, error) => {
     const status = error?.status ?? 500;
-    const message = error?.message;
+    const initialErrorMessage = error?.message;
 
-    const statusError = ERROR_STATUSES[status];
-    const messageError = ERROR_STATUSES[message]; // Some modules return the error message as a known status
+    let displayMessage = '';
 
-    // Determine message details based on priority: messageError > message > statusError
-    const messageDetails = messageError || message || statusError;
+    try {
+      displayMessage = getReasonPhrase(initialErrorMessage); // Some modules return the error message as a known status
+    } catch {
+      const statusErrorMessage = getReasonPhrase(status);
 
-    showError(`${moduleName} returns status code: ${status} - ${messageDetails}.`);
+      // Determine displayMessage details based on priority: initialErrorMessage > statusErrorMessage
+      displayMessage = initialErrorMessage || statusErrorMessage;
+    }
+
+    showError(`${moduleName} returns status code: ${status} - ${displayMessage}.`);
   };
 
   return {

src/hooks/useErrorMessages.test.js

@@ -1,8 +1,11 @@
 import { renderHook } from '@testing-library/react-hooks';
 import { useIntl } from 'react-intl';
+import { getReasonPhrase } from 'http-status-codes';
+
 import { useShowCallout } from '@folio/stripes-acq-components';
+
 import { useErrorMessages } from './useErrorMessages';
-import { ERROR_STATUSES, ERRORS } from '../constants';
+import { ERRORS } from '../constants';
 
 jest.mock('react-intl', () => ({
   useIntl: jest.fn(),
@@ -125,7 +128,7 @@ describe('useErrorMessages', () => {
       expect(showCalloutMock)
         .toHaveBeenCalledWith({
           type: 'error',
-          message: `TestModule returns status code: 404 - ${ERROR_STATUSES[404]}.`,
+          message: `TestModule returns status code: 404 - ${getReasonPhrase(404)}.`,
         });
     });
 
@@ -166,7 +169,7 @@ describe('useErrorMessages', () => {
       expect(showCalloutMock)
         .toHaveBeenCalledWith({
           type: 'error',
-          message: `TestModule returns status code: 418 - ${ERROR_STATUSES[418]}.`,
+          message: `TestModule returns status code: 418 - ${getReasonPhrase(418)}.`,
         });
     });
 
@@ -178,7 +181,7 @@ describe('useErrorMessages', () => {
       expect(showCalloutMock)
         .toHaveBeenCalledWith({
           type: 'error',
-          message: `TestModule returns status code: 500 - ${ERROR_STATUSES[500]}.`,
+          message: `TestModule returns status code: 500 - ${getReasonPhrase(500)}.`,
         });
     });