ERM-3830, Error code shown instead of message when access policy fails

src/routes/AgreementCreateRoute/AgreementCreateRoute.js

@@ -13,6 +13,7 @@
   useClaim,
   useGetAccess
 } from '@folio/stripes-erm-components';
+import { parseErrorResponse } from '@k-int/stripes-kint-components';
 
 import queryString from 'query-string';
 import { splitRelatedAgreements } from '../utilities/processRelatedAgreements';
@@ -128,13 +129,24 @@
                 )
               });
             })
-            .catch((claimError) => {
+            .catch(async (claimError) => {
+              let errorMessage = claimError.message;
+
+              if (claimError.response) {
+                try {
+                  const errorResp = await parseErrorResponse(claimError.response);
+                  errorMessage = errorResp?.message || errorMessage;
+                } catch (parseError) {
+                  console.error('Error parsing response:', parseError);
+                }
+              }
+
               callout.sendCallout({
                 type: 'error',
                 message: (
                   <FormattedMessage
                     id="ui-agreements.agreements.claimPolicies.update.error.callout"
-                    values={{ name, error: claimError.message }}
+                    values={{ name, error: errorMessage }}
                   />
                 ),
                 timeout: 0,

src/routes/AgreementCreateRoute/AgreementCreateRoute.test.js

@@ -173,6 +173,39 @@ describe('AgreementCreateRoute', () => {
     });
   });
 
+  describe('handling claim errors', () => {
+    beforeEach(() => {
+      mockKyJson
+        .mockResolvedValueOnce({ id: 'my-agreement-id', name: 'Test Agreement' })
+        .mockRejectedValueOnce({
+          message: 'Something went wrong',
+          response: {
+            json: async () => {
+              throw new Error('Invalid JSON');
+            },
+          },
+        });
+
+      renderComponent = renderWithIntl(
+        <MemoryRouter>
+          <AgreementCreateRoute {...data} />
+        </MemoryRouter>,
+        translationsProperties
+      );
+    });
+
+    test('clicking the submit button shows error callouts', async () => {
+      await waitFor(async () => {
+        await Button('SubmitButton').click();
+      });
+
+      await waitFor(async () => {
+        const { getByText } = renderComponent;
+        expect(getByText(/Acquisition units for agreement {name} were not updated: {error}/)).toBeInTheDocument();
+      });
+    });
+  });
+
   describe('rendering loading view', () => {
     beforeEach(() => {
       useAddFromBasket.mockImplementation(() => ({