UIREC-307 Expect "Unreceivable" pieces on the full screen form

CHANGELOG.md

@@ -14,6 +14,7 @@
 * Delay claim action for piece record. Refs UIREC-303.
 * Send claim action for piece record. Refs UIREC-304.
 * Align the display of fields in full screen receiving view and piece edit form. Refs UIREC-296.
+* Expect "Unreceivable" pieces on the full screen form. Refs UIREC-307.
 
 ## [4.0.0](https://github.com/folio-org/ui-receiving/tree/v4.0.0) (2023-10-12)
 [Full Changelog](https://github.com/folio-org/ui-receiving/compare/v3.0.0...v4.0.0)

package.json

@@ -113,6 +113,7 @@
         "subPermissions": [
           "acquisition.piece.events.get",
           "orders.check-in.collection.post",
+          "orders.expect.collection.post",
           "orders.receiving.collection.post",
           "settings.receiving.enabled",
           "ui-receiving.basic.view",

src/common/constants/api.js

@@ -1,5 +1,6 @@
 export const ACQ_AUDIT_API = 'audit-data/acquisition';
 export const CHECKIN_API = 'orders/check-in';
+export const EXPECT_API = 'orders/expect';
 export const HOLDINGS_API = 'holdings-storage/holdings';
 export const PIECE_AUDIT_API = `${ACQ_AUDIT_API}/piece`;
 export const TITLES_API = 'orders/titles';

src/common/hooks/usePiecesExpect/usePiecesExpect.js

@@ -1,9 +1,39 @@
 import { useMutation } from 'react-query';
 
+import { useOkapiKy } from '@folio/stripes/core';
+
+import { EXPECT_API } from '../../constants';
+
 export const usePiecesExpect = () => {
+  const ky = useOkapiKy();
+
   const { isLoading, mutateAsync } = useMutation({
-    mutationFn: (_pieces) => {
-      return Promise.reject(new Error('TODO: UIREC-307'));
+    mutationFn: (pieces) => {
+      const selectedPieces = pieces
+        .filter(({ checked }) => checked === true)
+        .map(piece => ({
+          id: piece.id,
+          comment: piece.comment,
+        }));
+
+      const json = {
+        toBeExpected: [{
+          poLineId: pieces[0]?.poLineId,
+          expected: selectedPieces.length,
+          expectPieces: selectedPieces,
+        }],
+        totalRecords: selectedPieces.length,
+      };
+
+      return ky.post(EXPECT_API, { json })
+        .json()
+        .then(({ receivingResults }) => {
+          if (receivingResults?.some(({ processedWithError }) => processedWithError > 0)) {
+            return Promise.reject(receivingResults);
+          }
+
+          return receivingResults;
+        });
     },
   });
 

src/common/hooks/usePiecesExpect/usePiecesExpect.test.js

@@ -0,0 +1,63 @@
+import { renderHook } from '@folio/jest-config-stripes/testing-library/react';
+import {
+  QueryClient,
+  QueryClientProvider,
+} from 'react-query';
+
+import { useOkapiKy } from '@folio/stripes/core';
+
+import { EXPECT_API } from '../../constants';
+import { usePiecesExpect } from './usePiecesExpect';
+
+const pieceValues = {
+  id: 'pieceId',
+  holdingId: 'holdingId',
+  caption: 'v1',
+  comment: '123',
+};
+
+const kyMock = {
+  post: jest.fn(() => ({
+    json: () => Promise.resolve({ receivingResults: [{ processedWithError: 0 }] }),
+  })),
+};
+
+const queryClient = new QueryClient();
+const wrapper = ({ children }) => (
+  <QueryClientProvider client={queryClient}>
+    {children}
+  </QueryClientProvider>
+);
+
+describe('usePiecesExpect', () => {
+  beforeEach(() => {
+    kyMock.post.mockClear();
+    useOkapiKy
+      .mockClear()
+      .mockReturnValue(kyMock);
+  });
+
+  it('should call expect pieces API', async () => {
+    const { result } = renderHook(() => usePiecesExpect(), { wrapper });
+
+    await result.current.expectPieces([pieceValues]);
+
+    expect(kyMock.post).toHaveBeenCalledWith(EXPECT_API, expect.anything());
+  });
+
+  it('should reject if there are results with errors', async () => {
+    const receivingResults = [{ processedWithError: 1 }];
+
+    kyMock.post.mockImplementationOnce(() => ({
+      json: () => Promise.resolve({ receivingResults }),
+    }));
+
+    const { result } = renderHook(() => usePiecesExpect(), { wrapper });
+
+    try {
+      await result.current.expectPieces([pieceValues]);
+    } catch (error) {
+      expect(error).toEqual(receivingResults);
+    }
+  });
+});