From 76fa6270efd071b9d5e619cdaf341dd59816277c Mon Sep 17 00:00:00 2001
From: Yury Saukou <yury_saukou@epam.com>
Date: Thu, 19 Dec 2024 17:28:59 +0400
Subject: [PATCH] Move reusable claiming code from ui-receiving to the shared
 library (#841)

* Move reusable claiming code from ui-receiving to the shared library

* move send and delay claims modals to shared lib

* add gutter for modal message

* ignore empty records for all selected display

* fix broken test

* add unit tests

* add tests

* move GH related files to .github folder

* update useRecordsSelect hook to add more functionality

* reset forms on cancel

* sonar warnings
---
 .github/CODEOWNERS                            |   1 +
 .../PULL_REQUEST_TEMPLATE.md                  |  13 ++
 CHANGELOG.md                                  |   1 +
 .../useRecordsSelect/useRecordsSelect.js      |  56 +++++++-
 lib/FindRecords/index.js                      |   1 +
 .../FieldClaimingDate/FieldClaimingDate.js    |  42 ++++++
 .../FieldClaimingDate.test.js                 |  38 +++++
 .../components/FieldClaimingDate/index.js     |   1 +
 .../components/FieldClaimingDate/utils.js     |  19 +++
 lib/claiming/components/index.js              |   2 +
 .../DelayClaimActionMenuItem.js               |  30 ++++
 .../DelayClaimActionMenuItem.test.js          |  48 +++++++
 .../DelayClaimActionMenuItem/index.js         |   1 +
 .../MarkUnreceivableActionMenuItem.js         |  30 ++++
 .../MarkUnreceivableActionMenuItem.test.js    |  53 +++++++
 .../MarkUnreceivableActionMenuItem/index.js   |   1 +
 .../SendClaimActionMenuItem.js                |  30 ++++
 .../SendClaimActionMenuItem.test.js           |  48 +++++++
 .../SendClaimActionMenuItem/index.js          |   1 +
 lib/claiming/components/menu-items/index.js   |   3 +
 .../DelayClaimsModal/DelayClaimsModal.js      | 108 ++++++++++++++
 .../DelayClaimsModal/DelayClaimsModal.test.js |  65 +++++++++
 .../modals/DelayClaimsModal/index.js          |   1 +
 .../modals/SendClaimsModal/SendClaimsModal.js | 133 ++++++++++++++++++
 .../SendClaimsModal/SendClaimsModal.test.js   |  86 +++++++++++
 .../modals/SendClaimsModal/index.js           |   1 +
 lib/claiming/components/modals/index.js       |   2 +
 lib/claiming/hooks/index.js                   |   2 +
 lib/claiming/hooks/useClaimsDelay/index.js    |   1 +
 .../hooks/useClaimsDelay/useClaimsDelay.js    |  26 ++++
 .../useClaimsDelay/useClaimsDelay.test.js     |  40 ++++++
 lib/claiming/hooks/useClaimsSend/index.js     |   1 +
 .../hooks/useClaimsSend/useClaimsSend.js      |  24 ++++
 .../hooks/useClaimsSend/useClaimsSend.test.js |  59 ++++++++
 lib/claiming/index.js                         |   3 +
 .../utils/getClaimingIntervalFromDate.js      |   7 +
 .../utils/getClaimingIntervalFromDate.test.js |  12 ++
 lib/claiming/utils/index.js                   |   1 +
 lib/constants/api.js                          |   2 +
 lib/hooks/index.js                            |   1 +
 lib/hooks/usePiecesStatusBatchUpdate/index.js |   1 +
 .../usePiecesStatusBatchUpdate.js             |  24 ++++
 .../usePiecesStatusBatchUpdate.test.js        |  44 ++++++
 lib/index.js                                  |   1 +
 translations/stripes-acq-components/en.json   |  11 ++
 45 files changed, 1069 insertions(+), 6 deletions(-)
 create mode 100644 .github/CODEOWNERS
 rename PULL_REQUEST_TEMPLATE.md => .github/PULL_REQUEST_TEMPLATE.md (89%)
 create mode 100644 lib/claiming/components/FieldClaimingDate/FieldClaimingDate.js
 create mode 100644 lib/claiming/components/FieldClaimingDate/FieldClaimingDate.test.js
 create mode 100644 lib/claiming/components/FieldClaimingDate/index.js
 create mode 100644 lib/claiming/components/FieldClaimingDate/utils.js
 create mode 100644 lib/claiming/components/index.js
 create mode 100644 lib/claiming/components/menu-items/DelayClaimActionMenuItem/DelayClaimActionMenuItem.js
 create mode 100644 lib/claiming/components/menu-items/DelayClaimActionMenuItem/DelayClaimActionMenuItem.test.js
 create mode 100644 lib/claiming/components/menu-items/DelayClaimActionMenuItem/index.js
 create mode 100644 lib/claiming/components/menu-items/MarkUnreceivableActionMenuItem/MarkUnreceivableActionMenuItem.js
 create mode 100644 lib/claiming/components/menu-items/MarkUnreceivableActionMenuItem/MarkUnreceivableActionMenuItem.test.js
 create mode 100644 lib/claiming/components/menu-items/MarkUnreceivableActionMenuItem/index.js
 create mode 100644 lib/claiming/components/menu-items/SendClaimActionMenuItem/SendClaimActionMenuItem.js
 create mode 100644 lib/claiming/components/menu-items/SendClaimActionMenuItem/SendClaimActionMenuItem.test.js
 create mode 100644 lib/claiming/components/menu-items/SendClaimActionMenuItem/index.js
 create mode 100644 lib/claiming/components/menu-items/index.js
 create mode 100644 lib/claiming/components/modals/DelayClaimsModal/DelayClaimsModal.js
 create mode 100644 lib/claiming/components/modals/DelayClaimsModal/DelayClaimsModal.test.js
 create mode 100644 lib/claiming/components/modals/DelayClaimsModal/index.js
 create mode 100644 lib/claiming/components/modals/SendClaimsModal/SendClaimsModal.js
 create mode 100644 lib/claiming/components/modals/SendClaimsModal/SendClaimsModal.test.js
 create mode 100644 lib/claiming/components/modals/SendClaimsModal/index.js
 create mode 100644 lib/claiming/components/modals/index.js
 create mode 100644 lib/claiming/hooks/index.js
 create mode 100644 lib/claiming/hooks/useClaimsDelay/index.js
 create mode 100644 lib/claiming/hooks/useClaimsDelay/useClaimsDelay.js
 create mode 100644 lib/claiming/hooks/useClaimsDelay/useClaimsDelay.test.js
 create mode 100644 lib/claiming/hooks/useClaimsSend/index.js
 create mode 100644 lib/claiming/hooks/useClaimsSend/useClaimsSend.js
 create mode 100644 lib/claiming/hooks/useClaimsSend/useClaimsSend.test.js
 create mode 100644 lib/claiming/index.js
 create mode 100644 lib/claiming/utils/getClaimingIntervalFromDate.js
 create mode 100644 lib/claiming/utils/getClaimingIntervalFromDate.test.js
 create mode 100644 lib/claiming/utils/index.js
 create mode 100644 lib/hooks/usePiecesStatusBatchUpdate/index.js
 create mode 100644 lib/hooks/usePiecesStatusBatchUpdate/usePiecesStatusBatchUpdate.js
 create mode 100644 lib/hooks/usePiecesStatusBatchUpdate/usePiecesStatusBatchUpdate.test.js

diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
new file mode 100644
index 00000000..e029a897
--- /dev/null
+++ b/.github/CODEOWNERS
@@ -0,0 +1 @@
+* @folio-org/acquisitions-ui
diff --git a/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
similarity index 89%
rename from PULL_REQUEST_TEMPLATE.md
rename to .github/PULL_REQUEST_TEMPLATE.md
index 03c9a5d8..5ccfea1e 100644
--- a/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -35,6 +35,19 @@
  [ ] Use GitHub checklists. When solved, check the box and explain the answer.
 -->
 
+## Screenshots
+<!-- OPTIONAL
+ One picture is literally worth a thousand words. When the feature is
+ an interaction, an animated GIF or video is best. Most of the time it helps to
+ include "before" and "after" screenshots to quickly demonstrate the
+ value of the feature.
+
+ Here are some great tools to help you record gifs:
+
+ Windows: https://getsharex.com/
+ Mac: https://gifox.io/
+-->
+
 <!-- OPTIONAL
 ## Learning
   Help out not only your reviewer, but also your fellow developer!
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6a109361..18f6c496 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 * Move reusable version history components to the ACQ lib. Refs UISACQCOMP-230.
 * Move reusable helper function to support version history functionality. Refs UISACQCOMP-232.
 * Move reusable version history hook useVersionHistoryValueResolvers to the ACQ lib. Refs UISACQCOMP-235.
+* Move reusable claiming code from `ui-receiving` to the shared library. Refs UISACQCOMP-236.
 
 ## [6.0.2](https://github.com/folio-org/stripes-acq-components/tree/v6.0.2) (2024-12-04)
 [Full Changelog](https://github.com/folio-org/stripes-acq-components/compare/v6.0.1...v6.0.2)
diff --git a/lib/FindRecords/hooks/useRecordsSelect/useRecordsSelect.js b/lib/FindRecords/hooks/useRecordsSelect/useRecordsSelect.js
index ba6b08e9..cf5d2cdb 100644
--- a/lib/FindRecords/hooks/useRecordsSelect/useRecordsSelect.js
+++ b/lib/FindRecords/hooks/useRecordsSelect/useRecordsSelect.js
@@ -1,5 +1,12 @@
-import { useState, useCallback, useEffect } from 'react';
-import { differenceBy, keyBy } from 'lodash';
+import differenceBy from 'lodash/differenceBy';
+import keyBy from 'lodash/keyBy';
+import omit from 'lodash/omit';
+import pick from 'lodash/pick';
+import {
+  useState,
+  useCallback,
+  useEffect,
+} from 'react';
 
 import { EVENT_EMITTER_EVENTS } from '../../../constants';
 import { useEventEmitter } from '../../../hooks';
@@ -55,7 +62,7 @@ export const useRecordsSelect = ({ records }) => {
   }, [emitChangeEvent, eventEmitter]);
 
   useEffect(() => {
-    setAllRecordsSelected(records.every(r => Boolean(selectedRecordsMap[r.id])));
+    setAllRecordsSelected(Boolean(records?.length) && records.every(r => Boolean(selectedRecordsMap[r.id])));
   }, [records, selectedRecordsMap]);
 
   const toggleSelectAll = useCallback(() => {
@@ -95,12 +102,49 @@ export const useRecordsSelect = ({ records }) => {
     [selectedRecordsMap],
   );
 
+  /*
+   * Clear all selected records.
+   */
+  const resetAllSelectedRecords = useCallback(() => {
+    setSelectedRecordsMap({});
+    emitChangeEvent({});
+  }, [emitChangeEvent]);
+
+  /*
+   * Clear selected records with provided ids.
+   */
+  const resetSelectedRecordsByIds = useCallback((ids) => {
+    setSelectedRecordsMap(prevMap => {
+      const newMap = omit(prevMap, ids);
+
+      emitChangeEvent(newMap);
+
+      return newMap;
+    });
+  }, [emitChangeEvent]);
+
+  /*
+   * Clear selected records except the ones with provided ids.
+   */
+  const resetOtherSelectedRecordsByIds = useCallback((ids) => {
+    setSelectedRecordsMap(prevMap => {
+      const newMap = pick(prevMap, ids);
+
+      emitChangeEvent(newMap);
+
+      return newMap;
+    });
+  }, [emitChangeEvent]);
+
   return {
     allRecordsSelected,
-    selectedRecordsMap,
+    isRecordSelected,
+    resetAllSelectedRecords,
+    resetOtherSelectedRecordsByIds,
+    resetSelectedRecordsByIds,
     selectedRecordsLength,
-    toggleSelectAll,
+    selectedRecordsMap,
     selectRecord,
-    isRecordSelected,
+    toggleSelectAll,
   };
 };
diff --git a/lib/FindRecords/index.js b/lib/FindRecords/index.js
index 4fb1a2de..57e12b82 100644
--- a/lib/FindRecords/index.js
+++ b/lib/FindRecords/index.js
@@ -1 +1,2 @@
 export * from './FindRecords';
+export { useRecordsSelect } from './hooks';
diff --git a/lib/claiming/components/FieldClaimingDate/FieldClaimingDate.js b/lib/claiming/components/FieldClaimingDate/FieldClaimingDate.js
new file mode 100644
index 00000000..dd152e05
--- /dev/null
+++ b/lib/claiming/components/FieldClaimingDate/FieldClaimingDate.js
@@ -0,0 +1,42 @@
+import PropTypes from 'prop-types';
+
+import { FieldDatepickerFinal } from '../../../FieldDatepicker';
+import { validateRequired } from '../../../utils';
+import {
+  excludePreviousDays,
+  validateClaimingDate,
+} from './utils';
+
+export const FieldClaimingDate = ({
+  name,
+  required,
+  ...props
+}) => {
+  const validate = (value) => {
+    return (
+      (required && validateRequired(value))
+      || validateClaimingDate(value)
+    );
+  };
+
+  return (
+    <FieldDatepickerFinal
+      usePortal
+      name={name}
+      required={required}
+      validate={validate}
+      exclude={excludePreviousDays}
+      {...props}
+    />
+  );
+};
+
+FieldClaimingDate.propTypes = {
+  name: PropTypes.string,
+  required: PropTypes.bool,
+};
+
+FieldClaimingDate.defaultProps = {
+  name: 'claimingDate',
+  required: true,
+};
diff --git a/lib/claiming/components/FieldClaimingDate/FieldClaimingDate.test.js b/lib/claiming/components/FieldClaimingDate/FieldClaimingDate.test.js
new file mode 100644
index 00000000..fe10532e
--- /dev/null
+++ b/lib/claiming/components/FieldClaimingDate/FieldClaimingDate.test.js
@@ -0,0 +1,38 @@
+/* Developed collaboratively using AI (GitHub Copilot) */
+
+import {
+  render,
+  screen,
+} from '@testing-library/react';
+import { MemoryRouter } from 'react-router-dom';
+
+import stripesFinalForm from '@folio/stripes/final-form';
+
+import { FieldClaimingDate } from './FieldClaimingDate';
+
+const defaultProps = {
+  label: 'Label',
+};
+
+const FormComponent = stripesFinalForm({})(({ children }) => <form>{children}</form>);
+
+const renderFieldClaimingDate = (props = {}, formProps = {}) => render(
+  <FormComponent
+    onSubmit={jest.fn}
+    {...formProps}
+  >
+    <FieldClaimingDate
+      {...defaultProps}
+      {...props}
+    />
+  </FormComponent>,
+  { wrapper: MemoryRouter },
+);
+
+describe('FieldClaimingDate', () => {
+  it('should render field', () => {
+    renderFieldClaimingDate();
+
+    expect(screen.getByText(defaultProps.label)).toBeInTheDocument();
+  });
+});
diff --git a/lib/claiming/components/FieldClaimingDate/index.js b/lib/claiming/components/FieldClaimingDate/index.js
new file mode 100644
index 00000000..b3918dee
--- /dev/null
+++ b/lib/claiming/components/FieldClaimingDate/index.js
@@ -0,0 +1 @@
+export { FieldClaimingDate } from './FieldClaimingDate';
diff --git a/lib/claiming/components/FieldClaimingDate/utils.js b/lib/claiming/components/FieldClaimingDate/utils.js
new file mode 100644
index 00000000..789b69ec
--- /dev/null
+++ b/lib/claiming/components/FieldClaimingDate/utils.js
@@ -0,0 +1,19 @@
+import { FormattedMessage } from 'react-intl';
+
+import { dayjs } from '@folio/stripes/components';
+
+const isSameOrBeforeDay = (day) => {
+  const today = dayjs().startOf('day');
+
+  return day.isSameOrBefore(today, 'day');
+};
+
+export const validateClaimingDate = (value) => {
+  return isSameOrBeforeDay(dayjs(value))
+    ? <FormattedMessage id="stripes-acq-components.validation.dateAfter" />
+    : undefined;
+};
+
+export const excludePreviousDays = (day) => {
+  return isSameOrBeforeDay(day);
+};
diff --git a/lib/claiming/components/index.js b/lib/claiming/components/index.js
new file mode 100644
index 00000000..23938172
--- /dev/null
+++ b/lib/claiming/components/index.js
@@ -0,0 +1,2 @@
+export * from './menu-items';
+export * from './modals';
diff --git a/lib/claiming/components/menu-items/DelayClaimActionMenuItem/DelayClaimActionMenuItem.js b/lib/claiming/components/menu-items/DelayClaimActionMenuItem/DelayClaimActionMenuItem.js
new file mode 100644
index 00000000..822ec7ca
--- /dev/null
+++ b/lib/claiming/components/menu-items/DelayClaimActionMenuItem/DelayClaimActionMenuItem.js
@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types';
+import { FormattedMessage } from 'react-intl';
+
+import {
+  Button,
+  Icon,
+} from '@folio/stripes/components';
+
+export const DelayClaimActionMenuItem = ({
+  disabled,
+  onClick,
+}) => {
+  return (
+    <Button
+      data-testid="delay-claim-button"
+      disabled={disabled}
+      buttonStyle="dropdownItem"
+      onClick={onClick}
+    >
+      <Icon icon="calendar">
+        <FormattedMessage id="stripes-acq-components.claiming.action.delayClaim" />
+      </Icon>
+    </Button>
+  );
+};
+
+DelayClaimActionMenuItem.propTypes = {
+  disabled: PropTypes.bool,
+  onClick: PropTypes.func.isRequired,
+};
diff --git a/lib/claiming/components/menu-items/DelayClaimActionMenuItem/DelayClaimActionMenuItem.test.js b/lib/claiming/components/menu-items/DelayClaimActionMenuItem/DelayClaimActionMenuItem.test.js
new file mode 100644
index 00000000..45bdf8bd
--- /dev/null
+++ b/lib/claiming/components/menu-items/DelayClaimActionMenuItem/DelayClaimActionMenuItem.test.js
@@ -0,0 +1,48 @@
+/* Developed collaboratively using AI (GitHub Copilot) */
+
+import {
+  render,
+  screen,
+} from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+
+import { DelayClaimActionMenuItem } from './DelayClaimActionMenuItem';
+
+const defaultProps = {
+  onClick: jest.fn(),
+};
+
+const renderComponent = (props = {}) => render(
+  <DelayClaimActionMenuItem
+    {...defaultProps}
+    {...props}
+  />,
+);
+
+describe('DelayClaimActionMenuItem', () => {
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should call onClick when button is clicked', async () => {
+    renderComponent();
+
+    await userEvent.click(screen.getByTestId('delay-claim-button'));
+
+    expect(defaultProps.onClick).toHaveBeenCalledTimes(1);
+  });
+
+  it('should be disabled when disabled prop is true', () => {
+    renderComponent({ disabled: true });
+
+    expect(screen.getByTestId('delay-claim-button')).toBeDisabled();
+  });
+
+  it('should not call onClick when button is disabled and clicked', async () => {
+    renderComponent({ disabled: true });
+
+    await userEvent.click(screen.getByTestId('delay-claim-button'));
+
+    expect(defaultProps.onClick).not.toHaveBeenCalled();
+  });
+});
diff --git a/lib/claiming/components/menu-items/DelayClaimActionMenuItem/index.js b/lib/claiming/components/menu-items/DelayClaimActionMenuItem/index.js
new file mode 100644
index 00000000..283eb6a9
--- /dev/null
+++ b/lib/claiming/components/menu-items/DelayClaimActionMenuItem/index.js
@@ -0,0 +1 @@
+export { DelayClaimActionMenuItem } from './DelayClaimActionMenuItem';
diff --git a/lib/claiming/components/menu-items/MarkUnreceivableActionMenuItem/MarkUnreceivableActionMenuItem.js b/lib/claiming/components/menu-items/MarkUnreceivableActionMenuItem/MarkUnreceivableActionMenuItem.js
new file mode 100644
index 00000000..9eea27ea
--- /dev/null
+++ b/lib/claiming/components/menu-items/MarkUnreceivableActionMenuItem/MarkUnreceivableActionMenuItem.js
@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types';
+import { FormattedMessage } from 'react-intl';
+
+import {
+  Button,
+  Icon,
+} from '@folio/stripes/components';
+
+export const MarkUnreceivableActionMenuItem = ({
+  disabled,
+  onClick,
+}) => {
+  return (
+    <Button
+      data-testid="unreceivable-button"
+      disabled={disabled}
+      buttonStyle="dropdownItem"
+      onClick={onClick}
+    >
+      <Icon icon="cancel">
+        <FormattedMessage id="stripes-acq-components.claiming.action.unreceivable" />
+      </Icon>
+    </Button>
+  );
+};
+
+MarkUnreceivableActionMenuItem.propTypes = {
+  disabled: PropTypes.bool,
+  onClick: PropTypes.func.isRequired,
+};
diff --git a/lib/claiming/components/menu-items/MarkUnreceivableActionMenuItem/MarkUnreceivableActionMenuItem.test.js b/lib/claiming/components/menu-items/MarkUnreceivableActionMenuItem/MarkUnreceivableActionMenuItem.test.js
new file mode 100644
index 00000000..fdfbdea6
--- /dev/null
+++ b/lib/claiming/components/menu-items/MarkUnreceivableActionMenuItem/MarkUnreceivableActionMenuItem.test.js
@@ -0,0 +1,53 @@
+/* Developed collaboratively using AI (GitHub Copilot) */
+
+import {
+  render,
+  screen,
+} from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+
+import { MarkUnreceivableActionMenuItem } from './MarkUnreceivableActionMenuItem';
+
+const defaultProps = {
+  onClick: jest.fn(),
+  disabled: false,
+};
+
+const renderComponent = (props = {}) => render(
+  <MarkUnreceivableActionMenuItem
+    {...defaultProps}
+    {...props}
+  />,
+);
+
+describe('MarkUnreceivableActionMenuItem', () => {
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should render the button', () => {
+    renderComponent();
+
+    expect(screen.getByTestId('unreceivable-button')).toBeInTheDocument();
+  });
+
+  it('should call onClick when button is clicked', async () => {
+    renderComponent();
+
+    await userEvent.click(screen.getByTestId('unreceivable-button'));
+
+    expect(defaultProps.onClick).toHaveBeenCalledTimes(1);
+  });
+
+  it('should disable the button when disabled prop is true', () => {
+    renderComponent({ disabled: true });
+
+    expect(screen.getByTestId('unreceivable-button')).toBeDisabled();
+  });
+
+  it('should enable the button when disabled prop is false', () => {
+    renderComponent({ disabled: false });
+
+    expect(screen.getByTestId('unreceivable-button')).toBeEnabled();
+  });
+});
diff --git a/lib/claiming/components/menu-items/MarkUnreceivableActionMenuItem/index.js b/lib/claiming/components/menu-items/MarkUnreceivableActionMenuItem/index.js
new file mode 100644
index 00000000..3951ec2b
--- /dev/null
+++ b/lib/claiming/components/menu-items/MarkUnreceivableActionMenuItem/index.js
@@ -0,0 +1 @@
+export { MarkUnreceivableActionMenuItem } from './MarkUnreceivableActionMenuItem';
diff --git a/lib/claiming/components/menu-items/SendClaimActionMenuItem/SendClaimActionMenuItem.js b/lib/claiming/components/menu-items/SendClaimActionMenuItem/SendClaimActionMenuItem.js
new file mode 100644
index 00000000..5f291e0d
--- /dev/null
+++ b/lib/claiming/components/menu-items/SendClaimActionMenuItem/SendClaimActionMenuItem.js
@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types';
+import { FormattedMessage } from 'react-intl';
+
+import {
+  Button,
+  Icon,
+} from '@folio/stripes/components';
+
+export const SendClaimActionMenuItem = ({
+  disabled,
+  onClick,
+}) => {
+  return (
+    <Button
+      disabled={disabled}
+      buttonStyle="dropdownItem"
+      data-testid="send-claim-button"
+      onClick={onClick}
+    >
+      <Icon icon="envelope">
+        <FormattedMessage id="stripes-acq-components.claiming.action.sendClaim" />
+      </Icon>
+    </Button>
+  );
+};
+
+SendClaimActionMenuItem.propTypes = {
+  disabled: PropTypes.bool,
+  onClick: PropTypes.func.isRequired,
+};
diff --git a/lib/claiming/components/menu-items/SendClaimActionMenuItem/SendClaimActionMenuItem.test.js b/lib/claiming/components/menu-items/SendClaimActionMenuItem/SendClaimActionMenuItem.test.js
new file mode 100644
index 00000000..d2ed2015
--- /dev/null
+++ b/lib/claiming/components/menu-items/SendClaimActionMenuItem/SendClaimActionMenuItem.test.js
@@ -0,0 +1,48 @@
+/* Developed collaboratively using AI (GitHub Copilot) */
+
+import {
+  render,
+  screen,
+} from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+
+import { SendClaimActionMenuItem } from './SendClaimActionMenuItem';
+
+const defaultProps = {
+  onClick: jest.fn(),
+};
+
+const renderComponent = (props = {}) => render(
+  <SendClaimActionMenuItem
+    {...defaultProps}
+    {...props}
+  />,
+);
+
+describe('SendClaimActionMenuItem', () => {
+  it('should render the button', () => {
+    renderComponent();
+
+    expect(screen.getByTestId('send-claim-button')).toBeInTheDocument();
+  });
+
+  it('should call onClick when button is clicked', async () => {
+    renderComponent();
+
+    await userEvent.click(screen.getByTestId('send-claim-button'));
+
+    expect(defaultProps.onClick).toHaveBeenCalled();
+  });
+
+  it('should disable the button when disabled prop is true', () => {
+    renderComponent({ disabled: true });
+
+    expect(screen.getByTestId('send-claim-button')).toBeDisabled();
+  });
+
+  it('should enable the button when disabled prop is false', () => {
+    renderComponent({ disabled: false });
+
+    expect(screen.getByTestId('send-claim-button')).not.toBeDisabled();
+  });
+});
diff --git a/lib/claiming/components/menu-items/SendClaimActionMenuItem/index.js b/lib/claiming/components/menu-items/SendClaimActionMenuItem/index.js
new file mode 100644
index 00000000..fefefcb8
--- /dev/null
+++ b/lib/claiming/components/menu-items/SendClaimActionMenuItem/index.js
@@ -0,0 +1 @@
+export { SendClaimActionMenuItem } from './SendClaimActionMenuItem';
diff --git a/lib/claiming/components/menu-items/index.js b/lib/claiming/components/menu-items/index.js
new file mode 100644
index 00000000..57057248
--- /dev/null
+++ b/lib/claiming/components/menu-items/index.js
@@ -0,0 +1,3 @@
+export { DelayClaimActionMenuItem } from './DelayClaimActionMenuItem';
+export { MarkUnreceivableActionMenuItem } from './MarkUnreceivableActionMenuItem';
+export { SendClaimActionMenuItem } from './SendClaimActionMenuItem';
diff --git a/lib/claiming/components/modals/DelayClaimsModal/DelayClaimsModal.js b/lib/claiming/components/modals/DelayClaimsModal/DelayClaimsModal.js
new file mode 100644
index 00000000..e4b57206
--- /dev/null
+++ b/lib/claiming/components/modals/DelayClaimsModal/DelayClaimsModal.js
@@ -0,0 +1,108 @@
+import PropTypes from 'prop-types';
+import { useCallback } from 'react';
+import { useForm } from 'react-final-form';
+import {
+  FormattedMessage,
+  useIntl,
+} from 'react-intl';
+
+import {
+  Button,
+  Col,
+  Layout,
+  Modal,
+  Row,
+} from '@folio/stripes/components';
+import stripesFinalForm from '@folio/stripes/final-form';
+
+import { ModalFooter } from '../../../../ModalFooter';
+import { FieldClaimingDate } from '../../FieldClaimingDate';
+
+const DelayClaimsModal = ({
+  claimsCount,
+  handleSubmit,
+  message,
+  onCancel,
+  open,
+}) => {
+  const { reset } = useForm();
+  const intl = useIntl();
+
+  const modalLabel = intl.formatMessage(
+    { id: 'stripes-acq-components.claiming.modal.delayClaim.heading' },
+    { count: claimsCount },
+  );
+
+  const handleCancel = useCallback(() => {
+    onCancel();
+    reset();
+  }, [onCancel, reset]);
+
+  const start = (
+    <Button
+      marginBottom0
+      onClick={handleCancel}
+    >
+      <FormattedMessage id="stripes-acq-components.FormFooter.cancel" />
+    </Button>
+  );
+
+  const end = (
+    <Button
+      buttonStyle="primary"
+      onClick={handleSubmit}
+      marginBottom0
+    >
+      <FormattedMessage id="stripes-acq-components.FormFooter.save" />
+    </Button>
+  );
+
+  const footer = (
+    <ModalFooter
+      renderStart={start}
+      renderEnd={end}
+    />
+  );
+
+  return (
+    <Modal
+      open={open}
+      id="delay-claim-modal"
+      size="small"
+      footer={footer}
+      label={modalLabel}
+      aria-label={modalLabel}
+    >
+      <form onSubmit={handleSubmit}>
+        {message && (
+          <Row>
+            <Col xs>
+              <Layout className="padding-bottom-gutter">
+                {message}
+              </Layout>
+            </Col>
+          </Row>
+        )}
+
+        <Row>
+          <Col xs>
+            <FieldClaimingDate label={<FormattedMessage id="stripes-acq-components.claiming.modal.delayClaim.field.delayTo" />} />
+          </Col>
+        </Row>
+      </form>
+    </Modal>
+  );
+};
+
+DelayClaimsModal.propTypes = {
+  claimsCount: PropTypes.number,
+  handleSubmit: PropTypes.func.isRequired,
+  message: PropTypes.node,
+  onCancel: PropTypes.func.isRequired,
+  open: PropTypes.bool,
+};
+
+export default stripesFinalForm({
+  navigationCheck: true,
+  subscription: { values: true },
+})(DelayClaimsModal);
diff --git a/lib/claiming/components/modals/DelayClaimsModal/DelayClaimsModal.test.js b/lib/claiming/components/modals/DelayClaimsModal/DelayClaimsModal.test.js
new file mode 100644
index 00000000..cd9505b2
--- /dev/null
+++ b/lib/claiming/components/modals/DelayClaimsModal/DelayClaimsModal.test.js
@@ -0,0 +1,65 @@
+/* Developed collaboratively using AI (GitHub Copilot) */
+
+import {
+  render,
+  screen,
+} from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { MemoryRouter } from 'react-router-dom';
+
+import { dayjs } from '@folio/stripes/components';
+
+import DelayClaimsModal from './DelayClaimsModal';
+
+const FORMAT = 'MM/DD/YYYY';
+const today = dayjs();
+
+const defaultProps = {
+  claimsCount: 1,
+  onSubmit: jest.fn(() => console.log('')),
+  message: 'Test message',
+  onCancel: jest.fn(),
+  open: true,
+};
+
+const renderComponent = (props = {}) => render(
+  <DelayClaimsModal
+    {...defaultProps}
+    {...props}
+  />,
+  { wrapper: MemoryRouter },
+);
+
+describe('DelayClaimsModal', () => {
+  it('should call onCancel when cancel button is clicked', async () => {
+    renderComponent();
+
+    await userEvent.click(screen.getByText('stripes-acq-components.FormFooter.cancel'));
+
+    expect(defaultProps.onCancel).toHaveBeenCalled();
+  });
+
+  it('should validate "Delay to" field and call onSubmit when save button is clicked', async () => {
+    renderComponent();
+
+    const saveBtn = screen.getByRole('button', { name: 'stripes-acq-components.FormFooter.save' });
+
+    /* Empty input */
+    await userEvent.click(saveBtn);
+
+    expect(screen.getByText('stripes-acq-components.validation.required')).toBeInTheDocument();
+
+    /* Invalid date input */
+    await userEvent.type(screen.getByPlaceholderText(FORMAT), today.format(FORMAT));
+    await userEvent.click(saveBtn);
+
+    expect(screen.getByText('stripes-acq-components.validation.dateAfter')).toBeInTheDocument();
+
+    /* Valid date */
+    await userEvent.clear(screen.getByPlaceholderText(FORMAT));
+    await userEvent.type(screen.getByPlaceholderText(FORMAT), dayjs().add(5, 'days').format(FORMAT));
+    await userEvent.click(saveBtn);
+
+    expect(defaultProps.onSubmit).toHaveBeenCalled();
+  });
+});
diff --git a/lib/claiming/components/modals/DelayClaimsModal/index.js b/lib/claiming/components/modals/DelayClaimsModal/index.js
new file mode 100644
index 00000000..c2b2080c
--- /dev/null
+++ b/lib/claiming/components/modals/DelayClaimsModal/index.js
@@ -0,0 +1 @@
+export { default as DelayClaimsModal } from './DelayClaimsModal';
diff --git a/lib/claiming/components/modals/SendClaimsModal/SendClaimsModal.js b/lib/claiming/components/modals/SendClaimsModal/SendClaimsModal.js
new file mode 100644
index 00000000..afea0ad9
--- /dev/null
+++ b/lib/claiming/components/modals/SendClaimsModal/SendClaimsModal.js
@@ -0,0 +1,133 @@
+import identity from 'lodash/identity';
+import PropTypes from 'prop-types';
+import { useCallback } from 'react';
+import {
+  Field,
+  useForm,
+} from 'react-final-form';
+import {
+  FormattedMessage,
+  useIntl,
+} from 'react-intl';
+
+import {
+  Button,
+  Col,
+  Layout,
+  Modal,
+  Row,
+  TextArea,
+} from '@folio/stripes/components';
+import stripesFinalForm from '@folio/stripes/final-form';
+
+import { ModalFooter } from '../../../../ModalFooter';
+import { FieldClaimingDate } from '../../FieldClaimingDate';
+
+const SendClaimsModal = ({
+  claimsCount,
+  handleSubmit,
+  onCancel,
+  open,
+  message,
+}) => {
+  const intl = useIntl();
+  const { reset } = useForm();
+
+  const modalLabel = intl.formatMessage(
+    { id: 'stripes-acq-components.claiming.modal.sendClaim.heading' },
+    { count: claimsCount },
+  );
+
+  const handleCancel = useCallback(() => {
+    onCancel();
+    reset();
+  }, [onCancel, reset]);
+
+  const end = (
+    <Button
+      buttonStyle="primary"
+      marginBottom0
+      onClick={handleSubmit}
+    >
+      <FormattedMessage id="stripes-acq-components.FormFooter.save" />
+    </Button>
+  );
+
+  const start = (
+    <Button
+      marginBottom0
+      onClick={handleCancel}
+    >
+      <FormattedMessage id="stripes-acq-components.FormFooter.cancel" />
+    </Button>
+  );
+
+  const footer = (
+    <ModalFooter
+      renderStart={start}
+      renderEnd={end}
+    />
+  );
+
+  return (
+    <Modal
+      open={open}
+      id="send-claim-modal"
+      footer={footer}
+      label={modalLabel}
+      aria-label={modalLabel}
+    >
+      <form onSubmit={handleSubmit}>
+        {message && (
+          <Row>
+            <Col xs>
+              <Layout className="padding-bottom-gutter">
+                {message}
+              </Layout>
+            </Col>
+          </Row>
+        )}
+
+        <Row>
+          <Col xs>
+            <FieldClaimingDate label={<FormattedMessage id="stripes-acq-components.claiming.modal.sendClaim.field.claimExpiryDate" />} />
+          </Col>
+        </Row>
+
+        <Row>
+          <Col xs>
+            <Field
+              component={TextArea}
+              fullWidth
+              label={<FormattedMessage id="stripes-acq-components.claiming.modal.sendClaim.field.internalNote" />}
+              name="internalNote"
+              parse={identity}
+            />
+          </Col>
+          <Col xs>
+            <Field
+              component={TextArea}
+              fullWidth
+              label={<FormattedMessage id="stripes-acq-components.claiming.modal.sendClaim.field.externalNote" />}
+              name="externalNote"
+              parse={identity}
+            />
+          </Col>
+        </Row>
+      </form>
+    </Modal>
+  );
+};
+
+SendClaimsModal.propTypes = {
+  claimsCount: PropTypes.number,
+  handleSubmit: PropTypes.func.isRequired,
+  onCancel: PropTypes.func.isRequired,
+  open: PropTypes.bool,
+  message: PropTypes.node,
+};
+
+export default stripesFinalForm({
+  navigationCheck: true,
+  subscription: { values: true },
+})(SendClaimsModal);
diff --git a/lib/claiming/components/modals/SendClaimsModal/SendClaimsModal.test.js b/lib/claiming/components/modals/SendClaimsModal/SendClaimsModal.test.js
new file mode 100644
index 00000000..fe6be2ce
--- /dev/null
+++ b/lib/claiming/components/modals/SendClaimsModal/SendClaimsModal.test.js
@@ -0,0 +1,86 @@
+import {
+  render,
+  screen,
+} from '@testing-library/react';
+import user from '@testing-library/user-event';
+import { MemoryRouter } from 'react-router-dom';
+
+import { dayjs } from '@folio/stripes/components';
+
+import SendClaimsModal from './SendClaimsModal';
+
+const FORMAT = 'MM/DD/YYYY';
+const today = dayjs();
+
+const defaultProps = {
+  onCancel: jest.fn(),
+  onSubmit: jest.fn(),
+  open: true,
+};
+
+const renderSendClaimsModal = (props = {}) => render(
+  <SendClaimsModal
+    {...defaultProps}
+    {...props}
+  />,
+  { wrapper: MemoryRouter },
+);
+
+describe('SendClaimsModal', () => {
+  beforeEach(() => {
+    defaultProps.onCancel.mockClear();
+    defaultProps.onSubmit.mockClear();
+  });
+
+  it('should render send claim modal', () => {
+    renderSendClaimsModal();
+
+    expect(screen.getByText('stripes-acq-components.claiming.modal.sendClaim.heading')).toBeInTheDocument();
+  });
+
+  it('should validate "Claim expiry date" field', async () => {
+    renderSendClaimsModal();
+
+    const saveBtn = screen.getByRole('button', { name: 'stripes-acq-components.FormFooter.save' });
+
+    await user.click(saveBtn);
+
+    expect(screen.getByText('stripes-acq-components.validation.required')).toBeInTheDocument();
+
+    await user.type(screen.getByPlaceholderText(FORMAT), today.format(FORMAT));
+    await user.click(saveBtn);
+
+    expect(screen.getByText('stripes-acq-components.validation.dateAfter')).toBeInTheDocument();
+  });
+
+  it('should submit valid form', async () => {
+    renderSendClaimsModal();
+
+    const date = today.add(5, 'days');
+    const internalNote = 'Internal';
+    const externalNote = 'External';
+
+    await user.type(screen.getByPlaceholderText(FORMAT), date.format(FORMAT));
+    await user.type(screen.getByLabelText('stripes-acq-components.claiming.modal.sendClaim.field.internalNote'), internalNote);
+    await user.type(screen.getByLabelText('stripes-acq-components.claiming.modal.sendClaim.field.externalNote'), externalNote);
+    await user.click(screen.getByRole('button', { name: 'stripes-acq-components.FormFooter.save' }));
+
+    expect(defaultProps.onSubmit).toHaveBeenCalledWith(
+      {
+        claimingDate: date.format('YYYY-MM-DD'),
+        internalNote,
+        externalNote,
+      },
+      expect.anything(),
+      expect.anything(),
+    );
+  });
+
+  it('should call "onCancel" when the modal dismissed', async () => {
+    renderSendClaimsModal();
+
+    await user.click(screen.getByRole('button', { name: 'stripes-acq-components.FormFooter.cancel' }));
+
+    expect(defaultProps.onCancel).toHaveBeenCalled();
+  });
+});
diff --git a/lib/claiming/components/modals/SendClaimsModal/index.js b/lib/claiming/components/modals/SendClaimsModal/index.js
new file mode 100644
index 00000000..60f3fa57
--- /dev/null
+++ b/lib/claiming/components/modals/SendClaimsModal/index.js
@@ -0,0 +1 @@
+export { default as SendClaimsModal } from './SendClaimsModal';
diff --git a/lib/claiming/components/modals/index.js b/lib/claiming/components/modals/index.js
new file mode 100644
index 00000000..d0304545
--- /dev/null
+++ b/lib/claiming/components/modals/index.js
@@ -0,0 +1,2 @@
+export { DelayClaimsModal } from './DelayClaimsModal';
+export { SendClaimsModal } from './SendClaimsModal';
diff --git a/lib/claiming/hooks/index.js b/lib/claiming/hooks/index.js
new file mode 100644
index 00000000..43509495
--- /dev/null
+++ b/lib/claiming/hooks/index.js
@@ -0,0 +1,2 @@
+export { useClaimsDelay } from './useClaimsDelay';
+export { useClaimsSend } from './useClaimsSend';
diff --git a/lib/claiming/hooks/useClaimsDelay/index.js b/lib/claiming/hooks/useClaimsDelay/index.js
new file mode 100644
index 00000000..0be7a569
--- /dev/null
+++ b/lib/claiming/hooks/useClaimsDelay/index.js
@@ -0,0 +1 @@
+export { useClaimsDelay } from './useClaimsDelay';
diff --git a/lib/claiming/hooks/useClaimsDelay/useClaimsDelay.js b/lib/claiming/hooks/useClaimsDelay/useClaimsDelay.js
new file mode 100644
index 00000000..864546c2
--- /dev/null
+++ b/lib/claiming/hooks/useClaimsDelay/useClaimsDelay.js
@@ -0,0 +1,26 @@
+import { useCallback } from 'react';
+
+import { PIECE_STATUS } from '../../../constants';
+import { usePiecesStatusBatchUpdate } from '../../../hooks';
+
+export const useClaimsDelay = () => {
+  const {
+    isLoading,
+    updatePiecesStatus,
+  } = usePiecesStatusBatchUpdate();
+
+  const delayClaims = useCallback(({ claimingInterval, pieceIds }) => {
+    return updatePiecesStatus({
+      data: {
+        claimingInterval,
+        pieceIds,
+        receivingStatus: PIECE_STATUS.claimDelayed,
+      },
+    });
+  }, [updatePiecesStatus]);
+
+  return {
+    isLoading,
+    delayClaims,
+  };
+};
diff --git a/lib/claiming/hooks/useClaimsDelay/useClaimsDelay.test.js b/lib/claiming/hooks/useClaimsDelay/useClaimsDelay.test.js
new file mode 100644
index 00000000..450d8d4c
--- /dev/null
+++ b/lib/claiming/hooks/useClaimsDelay/useClaimsDelay.test.js
@@ -0,0 +1,40 @@
+import { renderHook } from '@testing-library/react-hooks';
+
+import { PIECE_STATUS } from '../../../constants';
+import { usePiecesStatusBatchUpdate } from '../../../hooks';
+import { useClaimsDelay } from './useClaimsDelay';
+
+jest.mock('../../../hooks', () => ({
+  usePiecesStatusBatchUpdate: jest.fn(),
+}));
+
+const mockUpdatePiecesStatus = jest.fn(() => Promise.resolve());
+
+describe('useClaimsDelay', () => {
+  beforeEach(() => {
+    usePiecesStatusBatchUpdate.mockReturnValue({
+      isLoading: false,
+      updatePiecesStatus: mockUpdatePiecesStatus,
+    });
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should call updatePiecesStatus with correct parameters when delayClaims is called', async () => {
+    const { result } = renderHook(() => useClaimsDelay());
+    const claimingInterval = 30;
+    const pieceIds = ['piece1', 'piece2'];
+
+    await result.current.delayClaims({ claimingInterval, pieceIds });
+
+    expect(mockUpdatePiecesStatus).toHaveBeenCalledWith({
+      data: {
+        claimingInterval,
+        pieceIds,
+        receivingStatus: PIECE_STATUS.claimDelayed,
+      },
+    });
+  });
+});
diff --git a/lib/claiming/hooks/useClaimsSend/index.js b/lib/claiming/hooks/useClaimsSend/index.js
new file mode 100644
index 00000000..d9d4766b
--- /dev/null
+++ b/lib/claiming/hooks/useClaimsSend/index.js
@@ -0,0 +1 @@
+export { useClaimsSend } from './useClaimsSend';
diff --git a/lib/claiming/hooks/useClaimsSend/useClaimsSend.js b/lib/claiming/hooks/useClaimsSend/useClaimsSend.js
new file mode 100644
index 00000000..6f70d0eb
--- /dev/null
+++ b/lib/claiming/hooks/useClaimsSend/useClaimsSend.js
@@ -0,0 +1,24 @@
+import { useCallback } from 'react';
+import { useMutation } from 'react-query';
+
+import { useOkapiKy } from '@folio/stripes/core';
+
+import { SEND_CLAIMS_API } from '../../../constants';
+
+export const useClaimsSend = () => {
+  const ky = useOkapiKy();
+
+  const mutationFn = useCallback(({ data }) => {
+    return ky.post(SEND_CLAIMS_API, { json: data }).json();
+  }, [ky]);
+
+  const {
+    mutateAsync,
+    isLoading,
+  } = useMutation({ mutationFn });
+
+  return {
+    isLoading,
+    sendClaims: mutateAsync,
+  };
+};
diff --git a/lib/claiming/hooks/useClaimsSend/useClaimsSend.test.js b/lib/claiming/hooks/useClaimsSend/useClaimsSend.test.js
new file mode 100644
index 00000000..3fe8939b
--- /dev/null
+++ b/lib/claiming/hooks/useClaimsSend/useClaimsSend.test.js
@@ -0,0 +1,59 @@
+/* Developed collaboratively using AI (GitHub Copilot) */
+
+import { renderHook } from '@testing-library/react-hooks';
+import {
+  QueryClient,
+  QueryClientProvider,
+} from 'react-query';
+
+import { useOkapiKy } from '@folio/stripes/core';
+
+import { SEND_CLAIMS_API } from '../../../constants';
+import { useClaimsSend } from './useClaimsSend';
+
+const queryClient = new QueryClient();
+const wrapper = ({ children }) => (
+  <QueryClientProvider client={queryClient}>
+    {children}
+  </QueryClientProvider>
+);
+
+describe('useClaimsSend', () => {
+  const kyPostMock = jest.fn();
+
+  beforeEach(() => {
+    useOkapiKy.mockReturnValue({
+      post: kyPostMock,
+    });
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should call ky.post with correct arguments when sendClaims is called', async () => {
+    const { result } = renderHook(() => useClaimsSend(), { wrapper });
+    const data = { claim: 'test' };
+
+    kyPostMock.mockReturnValue({
+      json: jest.fn().mockResolvedValue({}),
+    });
+
+    await result.current.sendClaims({ data });
+
+    expect(kyPostMock).toHaveBeenCalledWith(SEND_CLAIMS_API, { json: data });
+  });
+
+  it('should handle errors when sendClaims is called', async () => {
+    const { result } = renderHook(() => useClaimsSend(), { wrapper });
+
+    const data = { claim: 'test' };
+    const error = new Error('Failed to send claims');
+
+    kyPostMock.mockReturnValue({
+      json: jest.fn().mockRejectedValue(error),
+    });
+
+    await expect(result.current.sendClaims({ data })).rejects.toThrow(error);
+  });
+});
diff --git a/lib/claiming/index.js b/lib/claiming/index.js
new file mode 100644
index 00000000..c55977d1
--- /dev/null
+++ b/lib/claiming/index.js
@@ -0,0 +1,3 @@
+export * from './components';
+export * from './hooks';
+export * from './utils';
diff --git a/lib/claiming/utils/getClaimingIntervalFromDate.js b/lib/claiming/utils/getClaimingIntervalFromDate.js
new file mode 100644
index 00000000..bb38aa7c
--- /dev/null
+++ b/lib/claiming/utils/getClaimingIntervalFromDate.js
@@ -0,0 +1,7 @@
+import { dayjs } from '@folio/stripes/components';
+
+export const getClaimingIntervalFromDate = (date) => {
+  const currentDay = dayjs().startOf('day');
+
+  return dayjs(date).diff(currentDay, 'days');
+};
diff --git a/lib/claiming/utils/getClaimingIntervalFromDate.test.js b/lib/claiming/utils/getClaimingIntervalFromDate.test.js
new file mode 100644
index 00000000..3abc6b00
--- /dev/null
+++ b/lib/claiming/utils/getClaimingIntervalFromDate.test.js
@@ -0,0 +1,12 @@
+import { dayjs } from '@folio/stripes/components';
+
+import { getClaimingIntervalFromDate } from './getClaimingIntervalFromDate';
+
+describe('getClaimingIntervalFromDate', () => {
+  it('should return claiming interval calculated based on provided date', () => {
+    const today = dayjs().startOf('day');
+
+    expect(getClaimingIntervalFromDate(today)).toEqual(0);
+    expect(getClaimingIntervalFromDate(today.add(5, 'days'))).toEqual(5);
+  });
+});
diff --git a/lib/claiming/utils/index.js b/lib/claiming/utils/index.js
new file mode 100644
index 00000000..6d40c1d4
--- /dev/null
+++ b/lib/claiming/utils/index.js
@@ -0,0 +1 @@
+export { getClaimingIntervalFromDate } from './getClaimingIntervalFromDate';
diff --git a/lib/constants/api.js b/lib/constants/api.js
index ef5dbb98..c3fff00b 100644
--- a/lib/constants/api.js
+++ b/lib/constants/api.js
@@ -32,6 +32,7 @@ export const MATERIAL_TYPE_API = 'material-types';
 export const ORDERS_API = 'orders/composite-orders';
 export const ORDER_PIECES_API = 'orders/pieces';
 export const ORDERS_STORAGE_SETTINGS_API = 'orders-storage/settings';
+export const PIECES_BATCH_STATUS_API = 'orders/pieces-batch/status';
 export const PREFIXES_API = 'orders/configuration/prefixes';
 export const PRIVILEGED_CONTACTS_API = 'organizations-storage/privileged-contacts';
 export const PUBLICATIONS_API = 'publications';
@@ -39,6 +40,7 @@ export const REQUESTS_API = 'circulation/requests';
 export const RECEIVING_TITLES_API = 'orders/titles';
 export const ROUTING_LIST_API = 'orders/routing-lists';
 export const SEARCH_API = 'search';
+export const SEND_CLAIMS_API = 'pieces/claim';
 export const SUFFIXES_API = 'orders/configuration/suffixes';
 export const TAGS_API = 'tags';
 export const TRANSACTIONS_API = 'finance/transactions';
diff --git a/lib/hooks/index.js b/lib/hooks/index.js
index 19723f7f..91a50365 100644
--- a/lib/hooks/index.js
+++ b/lib/hooks/index.js
@@ -31,6 +31,7 @@ export * from './useModalToggle';
 export * from './useOrderLine';
 export * from './useOrganization';
 export * from './usePaneFocus';
+export * from './usePiecesStatusBatchUpdate';
 export * from './useReceivingTenantIdsAndLocations';
 export * from './useShowCallout';
 export * from './useTags';
diff --git a/lib/hooks/usePiecesStatusBatchUpdate/index.js b/lib/hooks/usePiecesStatusBatchUpdate/index.js
new file mode 100644
index 00000000..47b5c696
--- /dev/null
+++ b/lib/hooks/usePiecesStatusBatchUpdate/index.js
@@ -0,0 +1 @@
+export { usePiecesStatusBatchUpdate } from './usePiecesStatusBatchUpdate';
diff --git a/lib/hooks/usePiecesStatusBatchUpdate/usePiecesStatusBatchUpdate.js b/lib/hooks/usePiecesStatusBatchUpdate/usePiecesStatusBatchUpdate.js
new file mode 100644
index 00000000..a322b1ff
--- /dev/null
+++ b/lib/hooks/usePiecesStatusBatchUpdate/usePiecesStatusBatchUpdate.js
@@ -0,0 +1,24 @@
+import { useCallback } from 'react';
+import { useMutation } from 'react-query';
+
+import { useOkapiKy } from '@folio/stripes/core';
+
+import { PIECES_BATCH_STATUS_API } from '../../constants';
+
+export const usePiecesStatusBatchUpdate = () => {
+  const ky = useOkapiKy();
+
+  const mutationFn = useCallback(({ data }) => {
+    return ky.put(PIECES_BATCH_STATUS_API, { json: data }).json();
+  }, [ky]);
+
+  const {
+    mutateAsync,
+    isLoading,
+  } = useMutation({ mutationFn });
+
+  return {
+    isLoading,
+    updatePiecesStatus: mutateAsync,
+  };
+};
diff --git a/lib/hooks/usePiecesStatusBatchUpdate/usePiecesStatusBatchUpdate.test.js b/lib/hooks/usePiecesStatusBatchUpdate/usePiecesStatusBatchUpdate.test.js
new file mode 100644
index 00000000..9d3378a8
--- /dev/null
+++ b/lib/hooks/usePiecesStatusBatchUpdate/usePiecesStatusBatchUpdate.test.js
@@ -0,0 +1,44 @@
+/* Developed collaboratively using AI (GitHub Copilot) */
+
+import { renderHook } from '@testing-library/react-hooks';
+import {
+  QueryClient,
+  QueryClientProvider,
+} from 'react-query';
+
+import { useOkapiKy } from '@folio/stripes/core';
+
+import { PIECES_BATCH_STATUS_API } from '../../constants';
+import { usePiecesStatusBatchUpdate } from './usePiecesStatusBatchUpdate';
+
+const queryClient = new QueryClient();
+const wrapper = ({ children }) => (
+  <QueryClientProvider client={queryClient}>
+    {children}
+  </QueryClientProvider>
+);
+
+describe('usePiecesStatusBatchUpdate', () => {
+  const kyMock = {
+    put: jest.fn(() => ({
+      json: jest.fn(),
+    })),
+  };
+
+  beforeEach(() => {
+    useOkapiKy.mockReturnValue(kyMock);
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should call ky.put with correct arguments', async () => {
+    const { result } = renderHook(() => usePiecesStatusBatchUpdate(), { wrapper });
+    const data = { status: 'Received' };
+
+    await result.current.updatePiecesStatus({ data });
+
+    expect(kyMock.put).toHaveBeenCalledWith(PIECES_BATCH_STATUS_API, { json: data });
+  });
+});
diff --git a/lib/index.js b/lib/index.js
index f297f1d4..04b78ef0 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -10,6 +10,7 @@ export * from './AffiliationsSelection';
 export * from './AmountWithCurrencyField';
 export * from './apiHooks';
 export * from './BooleanFilter';
+export * from './claiming';
 export * from './ConsortiumFieldInventory';
 export * from './constants';
 export * from './contexts';
diff --git a/translations/stripes-acq-components/en.json b/translations/stripes-acq-components/en.json
index bf175ba7..b069c9f8 100644
--- a/translations/stripes-acq-components/en.json
+++ b/translations/stripes-acq-components/en.json
@@ -144,6 +144,16 @@
   "receiving.itemStatus.Order closed": "Order closed",
   "receiving.itemStatus.Undefined": "Undefined",
 
+  "claiming.action.sendClaim": "Send claim",
+  "claiming.action.delayClaim": "Delay claim",
+  "claiming.action.unreceivable": "Unreceivable",
+  "claiming.modal.delayClaim.heading": "{count, select, undefined {Delay claim} other {Delay {count, plural, one {claim} other {claims}}}}",
+  "claiming.modal.delayClaim.field.delayTo": "Delay to",
+  "claiming.modal.sendClaim.heading": "{count, select, undefined {Send claim} other {Send {count, plural, one {claim} other {claims}}}}",
+  "claiming.modal.sendClaim.field.claimExpiryDate": "Claim expiry date",
+  "claiming.modal.sendClaim.field.internalNote": "Internal note",
+  "claiming.modal.sendClaim.field.externalNote": "External note",
+
   "referenceNumbers.addReferenceNumbers": "Add vendor reference number",
   "referenceNumbers.refNumber": "Vendor reference number",
   "referenceNumbers.refNumberType": "Vendor reference type",
@@ -202,6 +212,7 @@
   "location.label": "Name (code)",
 
   "validation.cantContainSpaces": "Spaces aren't allowed",
+  "validation.dateAfter": "Selected date must be later than the current date",
   "validation.fundDistributionType": "All distributions should be the same type",
   "validation.fundDistribution.uniqueFunds": "You can not have multiple distributions for the same fund with the same expense class.",
   "validation.invalidURL": "URL is not valid, must include URL scheme. Eg. ftp://",