From 16cd64e89b4507bf825b09ac5ee956865aa03352 Mon Sep 17 00:00:00 2001
From: vashjs <86330150+vashjs@users.noreply.github.com>
Date: Tue, 14 Nov 2023 15:23:49 +0100
Subject: [PATCH] UIBULKED-349 Update Electronic access - URL relationship
 (#409)

---
 CHANGELOG.md                                  |   1 +
 .../ContentUpdatesForm/ActionsRow.js          |   8 +-
 .../ContentUpdatesForm/ValuesColumn.js        |  36 +-
 .../ContentUpdatesForm/ValuesColumn.test.js   |  66 +-
 .../ContentUpdatesForm/helpers.js             |  32 +-
 .../ContentUpdatesForm/helpers.test.js        | 849 +++++++++++-------
 src/constants/core.js                         |   1 +
 src/constants/inAppActions.js                 |  16 +-
 src/constants/selectOptions.js                |  22 +-
 src/hooks/api/useElectronicAccess.js          |  26 +
 translations/ui-bulk-edit/en.json             |   3 +
 11 files changed, 683 insertions(+), 377 deletions(-)
 create mode 100644 src/hooks/api/useElectronicAccess.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 73e0afe4..96c17dfa 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,7 @@
 * [UIBULKED-371](https://issues.folio.org/browse/UIBULKED-371) Bulk edit - Grouped form controls missing accessible name.
 * [UIBULKED-353](https://issues.folio.org/browse/UIBULKED-353) Update Electronic access - URI.
 * [UIBULKED-356](https://issues.folio.org/browse/UIBULKED-356) Separate holdings notes by note type
+* [UIBULKED-349](https://issues.folio.org/browse/UIBULKED-349) Update Electronic access - URL relationship
 
 ## [4.0.0](https://github.com/folio-org/ui-bulk-edit/tree/v4.0.0) (2023-10-12)
 
diff --git a/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/ActionsRow.js b/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/ActionsRow.js
index db6ad9f2..2bb736e6 100644
--- a/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/ActionsRow.js
+++ b/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/ActionsRow.js
@@ -36,7 +36,13 @@ export const ActionsRow = ({ option, actions, onChange }) => {
 
         {/* Render value fields only in case if actions selected AND action is not from FINAL_ACTIONS */}
         {action.name && !FINAL_ACTIONS.includes(action.name) && (
-          <ValuesColumn option={option} action={action} actionIndex={actionIndex} onChange={onChange} />
+          <ValuesColumn
+            option={option}
+            action={action}
+            allActions={actions}
+            actionIndex={actionIndex}
+            onChange={onChange}
+          />
         )}
 
         {/* Render additional actions  */}
diff --git a/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/ValuesColumn.js b/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/ValuesColumn.js
index 393fb0b6..28a2b0ad 100644
--- a/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/ValuesColumn.js
+++ b/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/ValuesColumn.js
@@ -15,8 +15,10 @@ import {
   BASE_DATE_FORMAT,
   CAPABILITIES,
   CONTROL_TYPES,
-  getDuplicateNoteOptions, getHoldingsNotes,
+  getDuplicateNoteOptions,
+  getHoldingsNotes,
   getItemStatusOptions,
+  getItemsWithPlaceholder,
   getNotesOptions,
 } from '../../../../../constants';
 import { FIELD_VALUE_KEY, TEMPORARY_LOCATIONS } from './helpers';
@@ -24,8 +26,9 @@ import { useLoanTypes, usePatronGroup } from '../../../../../hooks/api';
 import { useItemNotes } from '../../../../../hooks/api/useItemNotes';
 import { usePreselectedValue } from '../../../../../hooks/usePreselectedValue';
 import { useHoldingsNotes } from '../../../../../hooks/api/useHoldingsNotes';
+import { useElectronicAccessRelationships } from '../../../../../hooks/api/useElectronicAccess';
 
-export const ValuesColumn = ({ action, actionIndex, onChange, option }) => {
+export const ValuesColumn = ({ action, allActions, actionIndex, onChange, option }) => {
   const { formatMessage } = useIntl();
   const location = useLocation();
   const search = new URLSearchParams(location.search);
@@ -38,6 +41,12 @@ export const ValuesColumn = ({ action, actionIndex, onChange, option }) => {
   const { userGroups } = usePatronGroup({ enabled: isUserCapability });
   const { loanTypes, isLoanTypesLoading } = useLoanTypes({ enabled: isItemCapability });
   const { itemNotes, usItemNotesLoading } = useItemNotes({ enabled: isItemCapability });
+
+  const { electronicAccessRelationships, isElectronicAccessLoading } = useElectronicAccessRelationships({ enabled: isHoldingsCapability });
+  // exclude from second action the first action value
+  const filteredElectronicAccessRelationships = electronicAccessRelationships.filter(item => actionIndex === 0 || item.value !== allActions[0]?.value);
+  const accessRelationshipsWithPlaceholder = getItemsWithPlaceholder(filteredElectronicAccessRelationships);
+
   const { holdingsNotes, isHoldingsNotesLoading } = useHoldingsNotes({ enabled: isHoldingsCapability });
   const duplicateNoteOptions = getDuplicateNoteOptions(formatMessage).filter(el => el.value !== option);
 
@@ -130,7 +139,7 @@ export const ValuesColumn = ({ action, actionIndex, onChange, option }) => {
     <>
       <LocationSelection
         value={actionValue}
-        onSelect={location => onChange({ actionIndex, value: location.id, fieldName: FIELD_VALUE_KEY })}
+        onSelect={loc => onChange({ actionIndex, value: loc.id, fieldName: FIELD_VALUE_KEY })}
         placeholder={formatMessage({ id: 'ui-bulk-edit.layer.selectLocation' })}
         data-test-id={`textField-${actionIndex}`}
         aria-label={formatMessage({ id: 'ui-bulk-edit.ariaLabel.location' })}
@@ -138,8 +147,8 @@ export const ValuesColumn = ({ action, actionIndex, onChange, option }) => {
       <LocationLookup
         marginBottom0
         isTemporaryLocation={TEMPORARY_LOCATIONS.includes(option)}
-        onLocationSelected={(location) => onChange({
-          actionIndex, value: location.id, fieldName: FIELD_VALUE_KEY,
+        onLocationSelected={(loc) => onChange({
+          actionIndex, value: loc.id, fieldName: FIELD_VALUE_KEY,
         })}
         data-testid={`locationLookup-${actionIndex}`}
       />
@@ -204,6 +213,17 @@ export const ValuesColumn = ({ action, actionIndex, onChange, option }) => {
   />
   );
 
+  const renderElectronicAccessRelationshipSelect = () => controlType === CONTROL_TYPES.ELECTRONIC_ACCESS_RELATIONSHIP_SELECT && (
+    <Select
+      id="urlRelationship"
+      value={action.value}
+      loading={isElectronicAccessLoading}
+      onChange={e => onChange({ actionIndex, value: e.target.value, fieldName: FIELD_VALUE_KEY })}
+      dataOptions={accessRelationshipsWithPlaceholder}
+      aria-label={formatMessage({ id: 'ui-bulk-edit.ariaLabel.urlRelationshipSelect' })}
+    />
+  );
+
   return (
     <Col xs={2} sm={2}>
       {renderTextField()}
@@ -215,6 +235,7 @@ export const ValuesColumn = ({ action, actionIndex, onChange, option }) => {
       {renderLoanTypeSelect()}
       {renderNoteTypeSelect()}
       {renderNoteDuplicateTypeSelect()}
+      {renderElectronicAccessRelationshipSelect()}
     </Col>
   );
 };
@@ -227,5 +248,10 @@ ValuesColumn.propTypes = {
     value: PropTypes.string,
   }),
   actionIndex: PropTypes.number,
+  allActions: PropTypes.arrayOf(PropTypes.shape({
+    controlType: PropTypes.func,
+    name: PropTypes.string,
+    value: PropTypes.string,
+  })),
   onChange: PropTypes.func,
 };
diff --git a/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/ValuesColumn.test.js b/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/ValuesColumn.test.js
index 52d8b5b7..9f1bcc05 100644
--- a/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/ValuesColumn.test.js
+++ b/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/ValuesColumn.test.js
@@ -8,7 +8,7 @@ import { createMemoryHistory } from 'history';
 import { queryClient } from '../../../../../../test/jest/utils/queryClient';
 import { ValuesColumn } from './ValuesColumn';
 import { useLoanTypes, usePatronGroup } from '../../../../../hooks/api';
-import { CONTROL_TYPES } from '../../../../../constants';
+import { CAPABILITIES, CONTROL_TYPES } from '../../../../../constants';
 
 jest.mock('../../../../../hooks/api/useLoanTypes');
 jest.mock('../../../../../hooks/api/usePatronGroup');
@@ -54,8 +54,8 @@ describe('ValuesColumn Component', () => {
   });
 
   it('should render TextField when action type is INPUT', async () => {
-    const { getByTestId } = renderComponent(() => CONTROL_TYPES.INPUT);
-    const element = getByTestId('input-email-0');
+    const { getByRole } = renderComponent(() => CONTROL_TYPES.INPUT);
+    const element = getByRole('textbox');
 
     expect(element).toBeInTheDocument();
 
@@ -64,10 +64,21 @@ describe('ValuesColumn Component', () => {
     await waitFor(() => expect(onChange).toHaveBeenCalled());
   });
 
+  it('should render TextArea when action type is TEXTAREA', async () => {
+    const { getByRole } = renderComponent(() => CONTROL_TYPES.TEXTAREA);
+    const element = getByRole('textbox');
+
+    expect(element).toBeInTheDocument();
+
+    fireEvent.change(element, { target: { value: 'textarea value' } });
+
+    await waitFor(() => expect(onChange).toHaveBeenCalled());
+  });
+
   /// continue from the above code
   it('should render Select with patron groups when action type is PATRON_GROUP_SELECT', async () => {
-    const { getByTestId } = renderComponent(() => CONTROL_TYPES.PATRON_GROUP_SELECT);
-    const element = getByTestId('select-patronGroup-0');
+    const { getByRole } = renderComponent(() => CONTROL_TYPES.PATRON_GROUP_SELECT);
+    const element = getByRole('combobox');
 
     expect(element).toBeInTheDocument();
 
@@ -77,8 +88,8 @@ describe('ValuesColumn Component', () => {
   });
 
   it('should render Datepicker when action type is DATE', async () => {
-    const { getByTestId } = renderComponent(() => CONTROL_TYPES.DATE);
-    const element = getByTestId('dataPicker-experation-date-0');
+    const { getByRole } = renderComponent(() => CONTROL_TYPES.DATE);
+    const element = getByRole('textbox');
 
     expect(element).toBeInTheDocument();
 
@@ -88,8 +99,8 @@ describe('ValuesColumn Component', () => {
   });
 
   it('should render Select with status options when action type is STATUS_SELECT', async () => {
-    const { getByTestId } = renderComponent(() => CONTROL_TYPES.STATUS_SELECT);
-    const element = getByTestId('select-statuses-0');
+    const { getByRole } = renderComponent(() => CONTROL_TYPES.STATUS_SELECT);
+    const element = getByRole('combobox');
 
     expect(element).toBeInTheDocument();
 
@@ -109,20 +120,34 @@ describe('ValuesColumn Component', () => {
     await waitFor(() => expect(onChange).toHaveBeenCalled());
   });
 
-  it('should render select with item note types when action type is LOAN_TYPE', async () => {
-    const { container } = renderComponent(() => CONTROL_TYPES.NOTE_SELECT);
-    const element = container.querySelector('#noteType');
+  it('should render select with item note types when action type is NOTE_SELECT', async () => {
+    const { getByRole } = renderComponent(() => CONTROL_TYPES.NOTE_SELECT);
+    const element = getByRole('combobox');
 
     expect(element).toBeInTheDocument();
 
-    fireEvent.change(element, { target: { value: 'newLoanType' } });
+    fireEvent.change(element, { target: { value: 'new note select value' } });
+
+    await waitFor(() => expect(onChange).toHaveBeenCalled());
+  });
+
+  it('should render select with item note types when action type is NOTE_SELECT + HOLDINS CAPABILITY', async () => {
+    const spy = jest.spyOn(URLSearchParams.prototype, 'get');
+    spy.mockReturnValueOnce(CAPABILITIES.HOLDING);
+
+    const { getByRole } = renderComponent(() => CONTROL_TYPES.NOTE_SELECT);
+    const element = getByRole('combobox');
+
+    expect(element).toBeInTheDocument();
+
+    fireEvent.change(element, { target: { value: 'new note holding value' } });
 
     await waitFor(() => expect(onChange).toHaveBeenCalled());
   });
 
   it('should render select with item note types when action type is DUPLICATE', async () => {
-    const { container } = renderComponent(() => CONTROL_TYPES.NOTE_DUPLICATE_SELECT);
-    const element = container.querySelector('#noteTypeDuplicate');
+    const { getByRole } = renderComponent(() => CONTROL_TYPES.NOTE_DUPLICATE_SELECT);
+    const element = getByRole('combobox');
 
     expect(element).toBeInTheDocument();
 
@@ -130,4 +155,15 @@ describe('ValuesColumn Component', () => {
 
     await waitFor(() => expect(onChange).toHaveBeenCalled());
   });
+
+  it('should render select with url relationship types when action type is FIND', async () => {
+    const { getByRole } = renderComponent(() => CONTROL_TYPES.ELECTRONIC_ACCESS_RELATIONSHIP_SELECT);
+    const element = getByRole('combobox');
+
+    expect(element).toBeInTheDocument();
+
+    fireEvent.change(element, { target: { value: 'RESOURCE' } });
+
+    await waitFor(() => expect(onChange).toHaveBeenCalled());
+  });
 });
diff --git a/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/helpers.js b/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/helpers.js
index 2e299960..5f4df0e1 100644
--- a/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/helpers.js
+++ b/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/helpers.js
@@ -9,7 +9,7 @@ import {
   CAPABILITIES,
   emailActionsFind,
   emailActionsReplace,
-  noteAdditionalActions,
+  commonAdditionalActions,
   patronActions,
   expirationActions,
   replaceClearActions,
@@ -293,7 +293,21 @@ export const getDefaultActions = (option, options, formatMessage) => {
         ],
       };
 
-    case OPTIONS.URI:
+    case OPTIONS.ELECTRONIC_ACCESS_URL_RELATIONSHIP:
+      return {
+        type: '',
+        actions: [
+          null,
+          {
+            actionsList: electronicAccessActions,
+            controlType: () => CONTROL_TYPES.ELECTRONIC_ACCESS_RELATIONSHIP_SELECT,
+            [ACTION_VALUE_KEY]: electronicAccessActions[0].value,
+            [FIELD_VALUE_KEY]: '',
+          },
+        ],
+      };
+
+    case OPTIONS.ELECTRONIC_ACCESS_URI:
       return {
         type: '',
         actions: [
@@ -374,14 +388,22 @@ export const getExtraActions = (option, action, formattedMessage) => {
   switch (`${option}-${action}`) {
     case `${OPTIONS.ITEM_NOTE}-${ACTIONS.FIND}`:
     case `${OPTIONS.ADMINISTRATIVE_NOTE}-${ACTIONS.FIND}`:
-    case `${OPTIONS.URI}-${ACTIONS.FIND}`:
+    case `${OPTIONS.ELECTRONIC_ACCESS_URI}-${ACTIONS.FIND}`:
     case `${OPTIONS.CHECK_IN_NOTE}-${ACTIONS.FIND}`:
     case `${OPTIONS.CHECK_OUT_NOTE}-${ACTIONS.FIND}`:
     case `${OPTIONS.HOLDINGS_NOTE}-${ACTIONS.FIND}`:
       return [{
-        actionsList: noteAdditionalActions(formattedMessage),
+        actionsList: commonAdditionalActions(formattedMessage),
         controlType: () => CONTROL_TYPES.TEXTAREA,
-        [ACTION_VALUE_KEY]: noteAdditionalActions(formattedMessage)[0].value,
+        [ACTION_VALUE_KEY]: commonAdditionalActions(formattedMessage)[0].value,
+        [FIELD_VALUE_KEY]: '',
+      }];
+
+    case `${OPTIONS.ELECTRONIC_ACCESS_URL_RELATIONSHIP}-${ACTIONS.FIND}`:
+      return [{
+        actionsList: commonAdditionalActions(formattedMessage),
+        controlType: () => CONTROL_TYPES.ELECTRONIC_ACCESS_RELATIONSHIP_SELECT,
+        [ACTION_VALUE_KEY]: commonAdditionalActions(formattedMessage)[0].value,
         [FIELD_VALUE_KEY]: '',
       }];
 
diff --git a/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/helpers.test.js b/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/helpers.test.js
index 7fd9ea55..22a0caf4 100644
--- a/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/helpers.test.js
+++ b/src/components/BulkEditList/BulkEditListResult/BulkEditInApp/ContentUpdatesForm/helpers.test.js
@@ -2,7 +2,7 @@ import {
   ACTIONS,
   CONTROL_TYPES,
   OPTIONS,
-  noteAdditionalActions,
+  commonAdditionalActions,
 } from '../../../../../constants';
 
 import {
@@ -17,23 +17,35 @@ import {
 // Mock the functions
 jest.mock('../../../../../constants', () => ({
   ...jest.requireActual('../../../../../constants'),
-  getFindAction: jest.fn().mockReturnValue({ value: 'find' }),
-  getReplaceAction: jest.fn().mockReturnValue({ value: 'replace' }),
-  getBaseActions: jest.fn().mockReturnValue([{ value: 'base' }]),
-  getPlaceholder: jest.fn().mockReturnValue({ value: 'placeholder' }),
-  getSetToTrueAction: jest.fn().mockReturnValue({ value: 'true' }),
-  getSetToFalseAction: jest.fn().mockReturnValue({ value: 'false' }),
-  getMarkAsStuffOnlyAction: jest.fn().mockReturnValue({ value: 'mark' }),
-  getRemoveMarkAsStuffOnlyAction: jest.fn().mockReturnValue({ value: 'remove' }),
-  getRemoveAllAction: jest.fn().mockReturnValue({ value: 'removeAll' }),
-  getAddNoteAction: jest.fn().mockReturnValue({ value: 'addNote' }),
-  noteAdditionalActions: jest.fn().mockReturnValue([{ value: 'note' }]),
+  getFindAction: jest.fn()
+    .mockReturnValue({ value: 'find' }),
+  getReplaceAction: jest.fn()
+    .mockReturnValue({ value: 'replace' }),
+  getBaseActions: jest.fn()
+    .mockReturnValue([{ value: 'base' }]),
+  getPlaceholder: jest.fn()
+    .mockReturnValue({ value: 'placeholder' }),
+  getSetToTrueAction: jest.fn()
+    .mockReturnValue({ value: 'true' }),
+  getSetToFalseAction: jest.fn()
+    .mockReturnValue({ value: 'false' }),
+  getMarkAsStuffOnlyAction: jest.fn()
+    .mockReturnValue({ value: 'mark' }),
+  getRemoveMarkAsStuffOnlyAction: jest.fn()
+    .mockReturnValue({ value: 'remove' }),
+  getRemoveAllAction: jest.fn()
+    .mockReturnValue({ value: 'removeAll' }),
+  getAddNoteAction: jest.fn()
+    .mockReturnValue({ value: 'addNote' }),
+  noteAdditionalActions: jest.fn()
+    .mockReturnValue([{ value: 'note' }]),
 }));
 
 describe('ContentUpdatesForm helpers', () => {
   describe('isContentUpdatesFormValid', () => {
     it('should be invalid when content updates are not defined', () => {
-      expect(isContentUpdatesFormValid()).toBeFalsy();
+      expect(isContentUpdatesFormValid())
+        .toBeFalsy();
     });
 
     it('should be valid when content updates are properly built', () => {
@@ -61,7 +73,8 @@ describe('ContentUpdatesForm helpers', () => {
         },
       ];
 
-      expect(isContentUpdatesFormValid(contentUpdates)).toBeTruthy();
+      expect(isContentUpdatesFormValid(contentUpdates))
+        .toBeTruthy();
     });
 
     it('should be invalid when content updates contains action with initial = false', () => {
@@ -76,7 +89,8 @@ describe('ContentUpdatesForm helpers', () => {
         },
       ];
 
-      expect(isContentUpdatesFormValid(contentUpdates)).toBeFalsy();
+      expect(isContentUpdatesFormValid(contentUpdates))
+        .toBeFalsy();
     });
 
     it('should be invalid when content updates contains non-clear action with updated is not defined', () => {
@@ -89,7 +103,8 @@ describe('ContentUpdatesForm helpers', () => {
         },
       ];
 
-      expect(isContentUpdatesFormValid(contentUpdates)).toBeFalsy();
+      expect(isContentUpdatesFormValid(contentUpdates))
+        .toBeFalsy();
     });
   });
 
@@ -127,13 +142,14 @@ describe('ContentUpdatesForm helpers', () => {
           contentUpdates,
           bulkOperationId,
           totalRecords,
-        })).toEqual({
-          bulkOperationRules: contentUpdates.map(c => ({
-            bulkOperationId,
-            rule_details: c,
-          })),
-          totalRecords,
-        });
+        }))
+          .toEqual({
+            bulkOperationRules: contentUpdates.map(c => ({
+              bulkOperationId,
+              rule_details: c,
+            })),
+            totalRecords,
+          });
       });
 
       it('should covert holding location options to back-end options', () => {
@@ -152,20 +168,21 @@ describe('ContentUpdatesForm helpers', () => {
           contentUpdates,
           bulkOperationId,
           totalRecords,
-        })).toEqual({
-          bulkOperationRules: [{
-            bulkOperationId,
-            rule_details: {
-              option: OPTIONS.TEMPORARY_LOCATION,
-              actions: [{
-                type: ACTIONS.REPLACE_WITH,
-                updated: 'data',
-                initial: true,
-              }],
-            },
-          }],
-          totalRecords,
-        });
+        }))
+          .toEqual({
+            bulkOperationRules: [{
+              bulkOperationId,
+              rule_details: {
+                option: OPTIONS.TEMPORARY_LOCATION,
+                actions: [{
+                  type: ACTIONS.REPLACE_WITH,
+                  updated: 'data',
+                  initial: true,
+                }],
+              },
+            }],
+            totalRecords,
+          });
       });
     });
 
@@ -175,111 +192,129 @@ describe('ContentUpdatesForm helpers', () => {
       it('returns the correct object for the EMAIL_ADDRESS option', () => {
         const controlType = () => CONTROL_TYPES.INPUT;
 
-        expect(JSON.stringify(getDefaultActions(OPTIONS.EMAIL_ADDRESS, [], formatMessage))).toEqual(JSON.stringify({
-          type: '',
-          actions: [
-            {
-              actionsList: [{ value: 'FIND',
-                disabled: false,
-                label: undefined }],
-              controlType,
-              [ACTION_VALUE_KEY]: 'FIND',
-              [FIELD_VALUE_KEY]: '',
-            },
-            {
-              actionsList: [{ value: 'REPLACE_WITH',
-                disabled: false,
-                label: undefined }],
-              controlType,
-              [ACTION_VALUE_KEY]: 'REPLACE_WITH',
-              [FIELD_VALUE_KEY]: '',
-            },
-          ],
-        }));
-      });
-
-      it('returns the correct object for the PATRON_GROUP option', () => {
-        expect(JSON.stringify(getDefaultActions(OPTIONS.PATRON_GROUP, [], formatMessage))).toEqual(JSON.stringify({
-          type: '',
-          actions: [
-            null,
-            {
-              actionsList: [{ value: 'REPLACE_WITH',
-                label: undefined,
-                disabled: false }],
-              controlType: () => CONTROL_TYPES.PATRON_GROUP_SELECT,
-              [ACTION_VALUE_KEY]: 'REPLACE_WITH',
-              [FIELD_VALUE_KEY]: '',
-            },
-          ],
-        }));
-      });
-
-      it('returns the correct object for the EXPIRATION_DATE option', () => {
-        expect(JSON.stringify(getDefaultActions(OPTIONS.EXPIRATION_DATE, [], formatMessage))).toEqual(
-          JSON.stringify({
+        expect(JSON.stringify(getDefaultActions(OPTIONS.EMAIL_ADDRESS, [], formatMessage)))
+          .toEqual(JSON.stringify({
             type: '',
             actions: [
-              null,
               {
-                actionsList: [{ value: 'REPLACE_WITH', disabled: false }],
-                [ACTION_VALUE_KEY]: 'REPLACE_WITH',
+                actionsList: [{
+                  value: ACTIONS.FIND,
+                  disabled: false,
+                  label: undefined
+                }],
+                controlType,
+                [ACTION_VALUE_KEY]: ACTIONS.FIND,
                 [FIELD_VALUE_KEY]: '',
               },
-            ],
-          }),
-        );
-      });
-
-      it('returns the correct object for the TEMPORARY_HOLDINGS_LOCATION option', () => {
-        const controlType = () => CONTROL_TYPES.LOCATION;
-        expect(JSON.stringify(getDefaultActions(OPTIONS.TEMPORARY_HOLDINGS_LOCATION, [], formatMessage))).toEqual(
-          JSON.stringify({
-            type: '',
-            actions: [
-              null,
               {
-                actionsList: [{ value: '',
-                  disabled: true,
-                  label: undefined },
-                {
-                  value: 'REPLACE_WITH',
-                  disabled: false,
-                  label: undefined,
-                },
-                {
-                  value: 'CLEAR_FIELD',
+                actionsList: [{
+                  value: ACTIONS.REPLACE_WITH,
                   disabled: false,
-                  label: undefined,
-                },
-                ],
+                  label: undefined
+                }],
                 controlType,
-                [ACTION_VALUE_KEY]: '',
+                [ACTION_VALUE_KEY]: ACTIONS.REPLACE_WITH,
                 [FIELD_VALUE_KEY]: '',
               },
             ],
-          }),
-        );
+          }));
       });
 
-      it('returns the correct object for the PERMANENT_HOLDINGS_LOCATION option', () => {
-        const controlType = () => CONTROL_TYPES.LOCATION;
-        expect(JSON.stringify(getDefaultActions(OPTIONS.PERMANENT_HOLDINGS_LOCATION, [], formatMessage))).toEqual(
-          JSON.stringify({
+      it('returns the correct object for the PATRON_GROUP option', () => {
+        expect(JSON.stringify(getDefaultActions(OPTIONS.PATRON_GROUP, [], formatMessage)))
+          .toEqual(JSON.stringify({
             type: '',
             actions: [
               null,
               {
-                actionsList: [{ value: 'REPLACE_WITH',
-                  disabled: false,
-                  label: undefined }],
-                controlType,
-                [ACTION_VALUE_KEY]: 'REPLACE_WITH',
+                actionsList: [{
+                  value: ACTIONS.REPLACE_WITH,
+                  label: undefined,
+                  disabled: false
+                }],
+                controlType: () => CONTROL_TYPES.PATRON_GROUP_SELECT,
+                [ACTION_VALUE_KEY]: ACTIONS.REPLACE_WITH,
                 [FIELD_VALUE_KEY]: '',
               },
             ],
-          }),
-        );
+          }));
+      });
+
+      it('returns the correct object for the EXPIRATION_DATE option', () => {
+        expect(JSON.stringify(getDefaultActions(OPTIONS.EXPIRATION_DATE, [], formatMessage)))
+          .toEqual(
+            JSON.stringify({
+              type: '',
+              actions: [
+                null,
+                {
+                  actionsList: [{
+                    value: ACTIONS.REPLACE_WITH,
+                    disabled: false
+                  }],
+                  [ACTION_VALUE_KEY]: ACTIONS.REPLACE_WITH,
+                  [FIELD_VALUE_KEY]: '',
+                },
+              ],
+            }),
+          );
+      });
+
+      it('returns the correct object for the TEMPORARY_HOLDINGS_LOCATION option', () => {
+        const controlType = () => CONTROL_TYPES.LOCATION;
+        expect(JSON.stringify(getDefaultActions(OPTIONS.TEMPORARY_HOLDINGS_LOCATION, [], formatMessage)))
+          .toEqual(
+            JSON.stringify({
+              type: '',
+              actions: [
+                null,
+                {
+                  actionsList: [{
+                    value: '',
+                    disabled: true,
+                    label: undefined
+                  },
+                  {
+                    value: ACTIONS.REPLACE_WITH,
+                    disabled: false,
+                    label: undefined,
+                  },
+                  {
+                    value: ACTIONS.CLEAR_FIELD,
+                    disabled: false,
+                    label: undefined,
+                  },
+                  ],
+                  controlType,
+                  [ACTION_VALUE_KEY]: '',
+                  [FIELD_VALUE_KEY]: '',
+                },
+              ],
+            }),
+          );
+      });
+
+      it('returns the correct object for the PERMANENT_HOLDINGS_LOCATION option', () => {
+        const controlType = () => CONTROL_TYPES.LOCATION;
+        expect(JSON.stringify(getDefaultActions(OPTIONS.PERMANENT_HOLDINGS_LOCATION, [], formatMessage)))
+          .toEqual(
+            JSON.stringify({
+              type: '',
+              actions: [
+                null,
+                {
+                  actionsList: [{
+                    value: ACTIONS.REPLACE_WITH,
+                    disabled: false,
+                    label: undefined
+                  }],
+                  controlType,
+                  [ACTION_VALUE_KEY]: ACTIONS.REPLACE_WITH,
+                  [FIELD_VALUE_KEY]: '',
+                },
+              ],
+            }),
+          );
       });
 
       it('returns the correct object for the TEMPORARY_LOCATION option', () => {
@@ -289,21 +324,23 @@ describe('ContentUpdatesForm helpers', () => {
             actions: [
               null,
               {
-                actionsList: [{ value: '',
+                actionsList: [{
+                  value: '',
                   disabled: true,
-                  label: undefined },
+                  label: undefined
+                },
                 {
-                  value: 'REPLACE_WITH',
+                  value: ACTIONS.REPLACE_WITH,
                   disabled: false,
                   label: undefined,
                 },
                 {
-                  value: 'CLEAR_FIELD',
+                  value: ACTIONS.CLEAR_FIELD,
                   disabled: false,
                   label: undefined,
                 },
                 ],
-                controlType: () => 'LOCATION',
+                controlType: () => CONTROL_TYPES.LOCATION,
                 [ACTION_VALUE_KEY]: '',
                 [FIELD_VALUE_KEY]: '',
               },
@@ -312,129 +349,146 @@ describe('ContentUpdatesForm helpers', () => {
       });
 
       it('returns the correct object for the SUPPRESS_FROM_DISCOVERY option', () => {
-        expect(JSON.stringify(getDefaultActions(OPTIONS.SUPPRESS_FROM_DISCOVERY, [], formatMessage))).toEqual(
-          JSON.stringify({
-            type: '',
-            actions: [
-              null,
-              {
-                actionsList: [{ value: '',
-                  disabled: true,
-                  label: undefined }, { value: 'SET_TO_TRUE',
-                  disabled: false,
-                  label: undefined }, { value: 'SET_TO_FALSE',
-                  disabled: false,
-                  label: undefined }],
-                [ACTION_VALUE_KEY]: '',
-                [FIELD_VALUE_KEY]: '',
-              },
-            ],
-          }),
-        );
+        expect(JSON.stringify(getDefaultActions(OPTIONS.SUPPRESS_FROM_DISCOVERY, [], formatMessage)))
+          .toEqual(
+            JSON.stringify({
+              type: '',
+              actions: [
+                null,
+                {
+                  actionsList: [{
+                    value: '',
+                    disabled: true,
+                    label: undefined
+                  }, {
+                    value: ACTIONS.SET_TO_TRUE,
+                    disabled: false,
+                    label: undefined
+                  }, {
+                    value: ACTIONS.SET_TO_FALSE,
+                    disabled: false,
+                    label: undefined
+                  }],
+                  [ACTION_VALUE_KEY]: '',
+                  [FIELD_VALUE_KEY]: '',
+                },
+              ],
+            }),
+          );
       });
 
       it('returns the correct object for the PERMANENT_LOCATION option', () => {
         const controlType = () => CONTROL_TYPES.LOCATION;
-        expect(JSON.stringify(getDefaultActions(OPTIONS.PERMANENT_LOCATION, [], formatMessage))).toEqual(
-          JSON.stringify({
-            type: '',
-            actions: [
-              null,
-              {
-                actionsList: [{ value: '',
-                  disabled: true,
-                  label: undefined },
-                {
-                  value: 'REPLACE_WITH',
-                  disabled: false,
-                  label: undefined,
-                },
+        expect(JSON.stringify(getDefaultActions(OPTIONS.PERMANENT_LOCATION, [], formatMessage)))
+          .toEqual(
+            JSON.stringify({
+              type: '',
+              actions: [
+                null,
                 {
-                  value: 'CLEAR_FIELD',
-                  disabled: false,
-                  label: undefined,
+                  actionsList: [{
+                    value: '',
+                    disabled: true,
+                    label: undefined
+                  },
+                  {
+                    value: ACTIONS.REPLACE_WITH,
+                    disabled: false,
+                    label: undefined,
+                  },
+                  {
+                    value: ACTIONS.CLEAR_FIELD,
+                    disabled: false,
+                    label: undefined,
+                  },
+                  ],
+                  controlType,
+                  [ACTION_VALUE_KEY]: '',
+                  [FIELD_VALUE_KEY]: '',
                 },
-                ],
-                controlType,
-                [ACTION_VALUE_KEY]: '',
-                [FIELD_VALUE_KEY]: '',
-              },
-            ],
-          }),
-        );
+              ],
+            }),
+          );
       });
 
       it('returns the correct object for the STATUS option', () => {
         const controlType = () => CONTROL_TYPES.STATUS_SELECT;
-        expect(JSON.stringify(getDefaultActions(OPTIONS.STATUS, [], formatMessage))).toEqual(
-          JSON.stringify({
-            type: '',
-            actions: [
-              null,
-              {
-                actionsList: [{ value: 'REPLACE_WITH',
-                  disabled: false,
-                  label: undefined }],
-                controlType,
-                [ACTION_VALUE_KEY]: 'REPLACE_WITH',
-                [FIELD_VALUE_KEY]: '',
-              },
-            ],
-          }),
-        );
+        expect(JSON.stringify(getDefaultActions(OPTIONS.STATUS, [], formatMessage)))
+          .toEqual(
+            JSON.stringify({
+              type: '',
+              actions: [
+                null,
+                {
+                  actionsList: [{
+                    value: ACTIONS.REPLACE_WITH,
+                    disabled: false,
+                    label: undefined
+                  }],
+                  controlType,
+                  [ACTION_VALUE_KEY]: ACTIONS.REPLACE_WITH,
+                  [FIELD_VALUE_KEY]: '',
+                },
+              ],
+            }),
+          );
       });
 
       it('returns the correct object for the TEMPORARY_LOAN_TYPE option', () => {
         const controlType = () => CONTROL_TYPES.LOAN_TYPE;
-        expect(JSON.stringify(getDefaultActions(OPTIONS.TEMPORARY_LOAN_TYPE, [], formatMessage))).toEqual(
-          JSON.stringify({
-            type: '',
-            actions: [
-              null,
-              {
-                actionsList: [{
-                  value: '',
-                  disabled: true,
-                  label: undefined,
-                },
-                {
-                  value: 'REPLACE_WITH',
-                  disabled: false,
-                  label: undefined,
-                },
+        expect(JSON.stringify(getDefaultActions(OPTIONS.TEMPORARY_LOAN_TYPE, [], formatMessage)))
+          .toEqual(
+            JSON.stringify({
+              type: '',
+              actions: [
+                null,
                 {
-                  value: 'CLEAR_FIELD',
-                  disabled: false,
-                  label: undefined,
+                  actionsList: [{
+                    value: '',
+                    disabled: true,
+                    label: undefined,
+                  },
+                  {
+                    value: ACTIONS.REPLACE_WITH,
+                    disabled: false,
+                    label: undefined,
+                  },
+                  {
+                    value: ACTIONS.CLEAR_FIELD,
+                    disabled: false,
+                    label: undefined,
+                  },
+                  ],
+                  controlType,
+                  [ACTION_VALUE_KEY]: '',
+                  [FIELD_VALUE_KEY]: '',
                 },
-                ],
-                controlType,
-                [ACTION_VALUE_KEY]: '',
-                [FIELD_VALUE_KEY]: '',
-              },
-            ],
-          }),
-        );
+              ],
+            }),
+          );
       });
 
       it('returns the correct object for the PERMANENT_LOAN_TYPE option', () => {
         const controlType = () => CONTROL_TYPES.LOAN_TYPE;
-        expect(JSON.stringify(getDefaultActions(OPTIONS.PERMANENT_LOAN_TYPE, [], formatMessage))).toEqual(
-          JSON.stringify({
-            type: '',
-            actions: [
-              null,
-              {
-                actionsList: [{ value: 'REPLACE_WITH',
-                  disabled: false,
-                  label: undefined }],
-                controlType,
-                [ACTION_VALUE_KEY]: 'REPLACE_WITH',
-                [FIELD_VALUE_KEY]: '',
-              },
-            ],
-          }),
-        );
+        expect(JSON.stringify(getDefaultActions(OPTIONS.PERMANENT_LOAN_TYPE, [], formatMessage)))
+          .toEqual(
+            JSON.stringify({
+              type: '',
+              actions: [
+                null,
+                {
+                  actionsList: [{
+                    value: ACTIONS.REPLACE_WITH,
+                    disabled: false,
+                    label: undefined
+                  }],
+                  controlType,
+                  [ACTION_VALUE_KEY]: ACTIONS.REPLACE_WITH,
+                  [FIELD_VALUE_KEY]: '',
+                },
+              ],
+            }),
+          );
       });
 
       const noteOptions = [
@@ -444,161 +498,275 @@ describe('ContentUpdatesForm helpers', () => {
 
       noteOptions.forEach(option => {
         it(`returns the correct object for the ${option} option`, () => {
-          expect(JSON.stringify(getDefaultActions(option, [], formatMessage))).toEqual(
+          expect(JSON.stringify(getDefaultActions(option, [], formatMessage)))
+            .toEqual(
+              JSON.stringify({
+                type: '',
+                actions: [
+                  null,
+                  {
+                    actionsList: [
+                      {
+                        value: '',
+                        disabled: true,
+                        label: undefined
+                      },
+                      {
+                        value: ACTIONS.MARK_AS_STAFF_ONLY,
+                        disabled: false,
+                        label: undefined
+                      },
+                      {
+                        value: ACTIONS.REMOVE_MARK_AS_STAFF_ONLY,
+                        disabled: false,
+                        label: undefined
+                      },
+                      {
+                        value: ACTIONS.ADD_TO_EXISTING,
+                        disabled: false,
+                        label: undefined
+                      },
+                      {
+                        value: ACTIONS.REMOVE_ALL,
+                        disabled: false,
+                        label: undefined
+                      },
+                      {
+                        value: ACTIONS.FIND,
+                        disabled: false,
+                        label: undefined
+                      },
+                      {
+                        value: ACTIONS.CHANGE_TYPE,
+                        disabled: false,
+                        label: undefined,
+                      },
+                      {
+                        value: ACTIONS.DUPLICATE,
+                        disabled: false,
+                        label: undefined,
+                      },
+                    ],
+                    controlType: () => CONTROL_TYPES.TEXTAREA,
+                    name: '',
+                    [ACTION_VALUE_KEY]: '',
+                    [FIELD_VALUE_KEY]: '',
+                  },
+                ],
+              }),
+            );
+        });
+      });
+
+      it('returns the correct object for the HOLDINGS_NOTE option', () => {
+        expect(JSON.stringify(getDefaultActions(OPTIONS.HOLDINGS_NOTE, [], formatMessage)))
+          .toEqual(
+            JSON.stringify({
+              type: '',
+              actions: [
+                null,
+                {
+                  actionsList: [{
+                    value: '',
+                    disabled: true,
+                    label: undefined,
+                  },
+                  {
+                    value: ACTIONS.MARK_AS_STAFF_ONLY,
+                    disabled: false,
+                    label: undefined
+                  },
+                  {
+                    value: ACTIONS.REMOVE_MARK_AS_STAFF_ONLY,
+                    disabled: false,
+                    label: undefined
+                  },
+                  {
+                    value: ACTIONS.ADD_TO_EXISTING,
+                    disabled: false,
+                    label: undefined
+                  },
+                  {
+                    value: ACTIONS.REMOVE_ALL,
+                    disabled: false,
+                    label: undefined
+                  },
+                  {
+                    value: ACTIONS.FIND,
+                    disabled: false,
+                    label: undefined
+                  },
+                  {
+                    value: ACTIONS.CHANGE_TYPE,
+                    disabled: false,
+                    label: undefined,
+                  },
+                  ],
+                  controlType: (action) => {
+                    return action === ACTIONS.CHANGE_TYPE
+                      ? CONTROL_TYPES.NOTE_SELECT
+                      : CONTROL_TYPES.TEXTAREA;
+                  },
+                  [ACTION_VALUE_KEY]: '',
+                  [FIELD_VALUE_KEY]: '',
+                },
+              ],
+            }),
+          );
+      });
+
+      it('returns the correct object for the ELECTRONIC_ACCESS_URL_RELATIONSHIP option', () => {
+        expect(JSON.stringify(getDefaultActions(OPTIONS.ELECTRONIC_ACCESS_URL_RELATIONSHIP, [], formatMessage)))
+          .toEqual(
             JSON.stringify({
               type: '',
               actions: [
                 null,
                 {
                   actionsList: [
-                    { value: '',
+                    {
+                      value: '',
                       disabled: true,
-                      label: undefined },
-                    { value: 'MARK_AS_STAFF_ONLY',
-                      disabled: false,
-                      label: undefined },
-                    { value: 'REMOVE_MARK_AS_STAFF_ONLY',
-                      disabled: false,
-                      label: undefined },
-                    { value: 'ADD_TO_EXISTING',
-                      disabled: false,
-                      label: undefined },
-                    { value: 'REMOVE_ALL',
-                      disabled: false,
-                      label: undefined },
-                    { value: 'FIND',
+                      label: undefined
+                    },
+                    {
+                      value: ACTIONS.CLEAR_FIELD,
                       disabled: false,
-                      label: undefined },
+                      label: undefined,
+                    },
                     {
-                      value: 'CHANGE_TYPE',
+                      value: ACTIONS.FIND,
                       disabled: false,
                       label: undefined,
                     },
                     {
-                      value: 'DUPLICATE',
+                      value: ACTIONS.REPLACE_WITH,
                       disabled: false,
                       label: undefined,
                     },
                   ],
-                  controlType: () => CONTROL_TYPES.TEXTAREA,
-                  name: '',
+                  controlType: () => CONTROL_TYPES.ELECTRONIC_ACCESS_RELATIONSHIP_SELECT,
                   [ACTION_VALUE_KEY]: '',
                   [FIELD_VALUE_KEY]: '',
                 },
               ],
             }),
           );
-        });
       });
 
-      it('returns the correct object for the HOLDINGS_NOTE option', () => {
-        expect(JSON.stringify(getDefaultActions(OPTIONS.HOLDINGS_NOTE, [], formatMessage))).toEqual(
-          JSON.stringify({
-            type: '',
-            actions: [
-              null,
-              {
-                actionsList: [{
-                  value: '',
-                  disabled: true,
-                  label: undefined,
-                },
-                { value: 'MARK_AS_STAFF_ONLY',
-                  disabled: false,
-                  label: undefined },
-                { value: 'REMOVE_MARK_AS_STAFF_ONLY',
-                  disabled: false,
-                  label: undefined },
-                { value: 'ADD_TO_EXISTING',
-                  disabled: false,
-                  label: undefined },
-                { value: 'REMOVE_ALL',
-                  disabled: false,
-                  label: undefined },
-                { value: 'FIND',
-                  disabled: false,
-                  label: undefined },
+      it('returns the correct object for the ELECTRONIC_ACCESS_URI option', () => {
+        expect(JSON.stringify(getDefaultActions(OPTIONS.ELECTRONIC_ACCESS_URI, [], formatMessage)))
+          .toEqual(
+            JSON.stringify({
+              type: '',
+              actions: [
+                null,
                 {
-                  value: 'CHANGE_TYPE',
-                  disabled: false,
-                  label: undefined,
-                },
-                ],
-                controlType: (action) => {
-                  return action === ACTIONS.CHANGE_TYPE
-                    ? CONTROL_TYPES.NOTE_SELECT
-                    : CONTROL_TYPES.TEXTAREA;
-                },
-                [ACTION_VALUE_KEY]: '',
-                [FIELD_VALUE_KEY]: '',
-              },
-            ],
-          }),
-        );
-      });
-
-      it('returns the correct object for the URI option', () => {
-        expect(JSON.stringify(getDefaultActions(OPTIONS.URI, [], formatMessage))).toEqual(
-          JSON.stringify({
-            type: '',
-            actions: [
-              null,
-              {
-                actionsList: [{
-                  value: '',
-                  disabled: true,
-                  label: undefined,
+                  actionsList: [{
+                    value: '',
+                    disabled: true,
+                    label: undefined,
+                  },
+                  {
+                    value: ACTIONS.CLEAR_FIELD,
+                    disabled: false,
+                    label: undefined
+                  },
+                  {
+                    value: ACTIONS.FIND,
+                    disabled: false,
+                    label: undefined
+                  },
+                  {
+                    value: ACTIONS.REPLACE_WITH,
+                    disabled: false,
+                    label: undefined
+                  },
+                  ],
+                  controlType: () => CONTROL_TYPES.TEXTAREA,
+                  [ACTION_VALUE_KEY]: '',
+                  [FIELD_VALUE_KEY]: '',
                 },
-                { value: 'CLEAR_FIELD',
-                  disabled: false,
-                  label: undefined },
-                { value: 'REPLACE_WITH',
-                  disabled: false,
-                  label: undefined },
-                { value: 'FIND',
-                  disabled: false,
-                  label: undefined },
-                ],
-                controlType: () => CONTROL_TYPES.TEXTAREA,
-                [ACTION_VALUE_KEY]: '',
-                [FIELD_VALUE_KEY]: '',
-              },
-            ],
-          }),
-        );
+              ],
+            }),
+          );
       });
 
       it('returns the correct object for the default case', () => {
-        expect(getDefaultActions('unknown', [], formatMessage)).toEqual({
-          type: null,
-          actions: [],
-        });
+        expect(getDefaultActions('unknown', [], formatMessage))
+          .toEqual({
+            type: null,
+            actions: [],
+          });
       });
     });
 
     describe('getExtraActions', () => {
-      const mockFormattedMessage = 'label';
+      const mockFormattedMessage = jest.fn();
 
-      it('should return a certain structure for specific OPTIONS and ACTIONS', () => {
+      it('should return a certain structure for specific OPTIONS and ACTIONS - Notes', () => {
         const optionActionCombinations = [
-          { option: OPTIONS.ITEM_NOTE, action: ACTIONS.FIND },
-          { option: OPTIONS.ADMINISTRATIVE_NOTE, action: ACTIONS.FIND },
-          { option: OPTIONS.CHECK_IN_NOTE, action: ACTIONS.FIND },
-          { option: OPTIONS.CHECK_OUT_NOTE, action: ACTIONS.FIND },
+          {
+            option: OPTIONS.ITEM_NOTE,
+            action: ACTIONS.FIND
+          },
+          {
+            option: OPTIONS.ADMINISTRATIVE_NOTE,
+            action: ACTIONS.FIND
+          },
+          {
+            option: OPTIONS.CHECK_IN_NOTE,
+            action: ACTIONS.FIND
+          },
+          {
+            option: OPTIONS.CHECK_OUT_NOTE,
+            action: ACTIONS.FIND
+          },
         ];
 
-        optionActionCombinations.forEach(({ option, action }) => {
+        optionActionCombinations.forEach(({
+          option,
+          action
+        }) => {
           const result = getExtraActions(option, action, mockFormattedMessage);
-          const expectedFirstActionValue = noteAdditionalActions(mockFormattedMessage)[0].value;
+          const expectedFirstActionValue = commonAdditionalActions(mockFormattedMessage)[0].value;
 
           const expectedStructure = [{
-            actionsList: noteAdditionalActions(mockFormattedMessage),
+            actionsList: commonAdditionalActions(mockFormattedMessage),
             controlType: () => CONTROL_TYPES.TEXTAREA,
             [ACTION_VALUE_KEY]: expectedFirstActionValue,
             [FIELD_VALUE_KEY]: '',
           }];
 
-          expect(JSON.stringify(result)).toEqual(JSON.stringify(expectedStructure));
+          expect(JSON.stringify(result))
+            .toEqual(JSON.stringify(expectedStructure));
+        });
+      });
+
+      it('should return a certain structure for specific OPTIONS and ACTIONS - URL Relationship', () => {
+        const optionActionCombinations = [
+          {
+            option: OPTIONS.ELECTRONIC_ACCESS_URL_RELATIONSHIP,
+            action: ACTIONS.FIND
+          },
+        ];
+
+        optionActionCombinations.forEach(({
+          option,
+          action
+        }) => {
+          const result = getExtraActions(option, action, mockFormattedMessage);
+          const expectedFirstActionValue = commonAdditionalActions(mockFormattedMessage)[0].value;
+
+          const expectedStructure = [{
+            actionsList: commonAdditionalActions(mockFormattedMessage),
+            controlType: () => CONTROL_TYPES.ELECTRONIC_ACCESS_RELATIONSHIP_SELECT,
+            [ACTION_VALUE_KEY]: expectedFirstActionValue,
+            [FIELD_VALUE_KEY]: '',
+          }];
+
+          expect(JSON.stringify(result))
+            .toEqual(JSON.stringify(expectedStructure));
         });
       });
 
@@ -607,7 +775,8 @@ describe('ContentUpdatesForm helpers', () => {
         const nonMatchingAction = 'NON_MATCHING_ACTION';
 
         const result = getExtraActions(nonMatchingOption, nonMatchingAction, mockFormattedMessage);
-        expect(result).toEqual([]);
+        expect(result)
+          .toEqual([]);
       });
     });
   });
diff --git a/src/constants/core.js b/src/constants/core.js
index 3177ae11..86656191 100644
--- a/src/constants/core.js
+++ b/src/constants/core.js
@@ -75,6 +75,7 @@ export const CONTROL_TYPES = {
   TEXTAREA: 'TEXTAREA',
   NOTE_SELECT: 'NOTE_SELECT',
   NOTE_DUPLICATE_SELECT: 'NOTE_DUPLICATE_SELECT',
+  ELECTRONIC_ACCESS_RELATIONSHIP_SELECT: 'ELECTRONIC_ACCESS_RELATIONSHIP_SELECT',
 };
 
 export const TRANSLATION_SUFFIX = {
diff --git a/src/constants/inAppActions.js b/src/constants/inAppActions.js
index 82af62d2..2f55d303 100644
--- a/src/constants/inAppActions.js
+++ b/src/constants/inAppActions.js
@@ -97,13 +97,13 @@ export const getRemoveAllAction = (formatMessage) => ({
   disabled: false,
 });
 
-export const getAddNoteAction = (formatMessage) => ({
+export const getAddToExistingAction = (formatMessage) => ({
   value: ACTIONS.ADD_TO_EXISTING,
   label: formatMessage({ id: 'ui-bulk-edit.layer.options.items.addNote' }),
   disabled: false,
 });
 
-export const getRemoveNoteAction = (formatMessage) => ({
+export const getRemoveTheseAction = (formatMessage) => ({
   value: ACTIONS.REMOVE_THESE,
   label: formatMessage({ id: 'ui-bulk-edit.layer.options.items.removeNote' }),
   disabled: false,
@@ -134,7 +134,7 @@ export const suppressFromDiscActions = (formatMessage) => [
 ];
 export const noteActions = (formatMessage) => [
   getPlaceholder(formatMessage),
-  getAddNoteAction(formatMessage),
+  getAddToExistingAction(formatMessage),
   getRemoveAllAction(formatMessage),
   getFindAction(formatMessage),
   getChangeNoteTypeAction(formatMessage),
@@ -144,7 +144,7 @@ export const noteActionsWithMark = (formatMessage) => [
   getPlaceholder(formatMessage),
   getMarkAsStuffOnlyAction(formatMessage),
   getRemoveMarkAsStuffOnlyAction(formatMessage),
-  getAddNoteAction(formatMessage),
+  getAddToExistingAction(formatMessage),
   getRemoveAllAction(formatMessage),
   getFindAction(formatMessage),
   getChangeNoteTypeAction(formatMessage),
@@ -153,21 +153,21 @@ export const noteActionsWithMark = (formatMessage) => [
 export const electronicAccess = (formatMessage) => [
   getPlaceholder(formatMessage),
   getClearAction(formatMessage),
-  getReplaceAction(formatMessage),
   getFindAction(formatMessage),
+  getReplaceAction(formatMessage),
 ];
 export const noteActionsWithDuplicate = (formatMessage) => [
   getPlaceholder(formatMessage),
   getMarkAsStuffOnlyAction(formatMessage),
   getRemoveMarkAsStuffOnlyAction(formatMessage),
-  getAddNoteAction(formatMessage),
+  getAddToExistingAction(formatMessage),
   getRemoveAllAction(formatMessage),
   getFindAction(formatMessage),
   getChangeNoteTypeAction(formatMessage),
   getDuplicateToNoteAction(formatMessage),
 ];
-export const noteAdditionalActions = (formatMessage) => [
+export const commonAdditionalActions = (formatMessage) => [
   getPlaceholder(formatMessage),
   getReplaceAction(formatMessage),
-  getRemoveNoteAction(formatMessage),
+  getRemoveTheseAction(formatMessage),
 ];
diff --git a/src/constants/selectOptions.js b/src/constants/selectOptions.js
index b91eff20..daaeae83 100644
--- a/src/constants/selectOptions.js
+++ b/src/constants/selectOptions.js
@@ -23,7 +23,8 @@ export const OPTIONS = {
   ADMINISTRATIVE_NOTE: 'ADMINISTRATIVE_NOTE',
   CHECK_IN_NOTE: 'CHECK_IN_NOTE',
   CHECK_OUT_NOTE: 'CHECK_OUT_NOTE',
-  URI: 'URI'
+  ELECTRONIC_ACCESS_URI: 'ELECTRONIC_ACCESS_URI',
+  ELECTRONIC_ACCESS_URL_RELATIONSHIP: 'ELECTRONIC_ACCESS_URL_RELATIONSHIP',
 };
 
 export const PARAMETERS_KEYS = {
@@ -35,6 +36,15 @@ export const OPTIONS_WITH_ADDITIONAL_PARAMETERS = [
   OPTIONS.ITEM_NOTE,
 ];
 
+export const getItemsWithPlaceholder = (items) => [
+  {
+    value: '',
+    label: <FormattedMessage id="ui-bulk-edit.list.filters.recordIdentifier.placeholder" />,
+    disabled: true,
+  },
+  ...items,
+];
+
 export const identifierOptions = {
   [CAPABILITIES.USER]: [
     {
@@ -196,16 +206,22 @@ export const getHoldingsOptions = (formatMessage, holdingsNotes = []) => [
   },
   ...holdingsNotes,
   {
-    value: OPTIONS.URI,
+    value: OPTIONS.ELECTRONIC_ACCESS_URI,
     label: formatMessage({ id: 'ui-bulk-edit.layer.options.holdings.uri' }),
     disabled: false,
     categoryName: formatMessage({ id: 'ui-bulk-edit.category.electronicAccess' }),
   },
+  {
+    value: OPTIONS.ELECTRONIC_ACCESS_URL_RELATIONSHIP,
+    label: formatMessage({ id: 'ui-bulk-edit.layer.options.holdings.urlRelationship' }),
+    disabled: false,
+    categoryName: formatMessage({ id: 'ui-bulk-edit.category.electronicAccess' }),
+  },
   {
     value: OPTIONS.SUPPRESS_FROM_DISCOVERY,
     label: formatMessage({ id: 'ui-bulk-edit.layer.options.holdings.suppress' }),
     disabled: false,
-  }
+  },
 ];
 
 export const getHoldingsNotes = (formatMessage, holdingsNotes) => [
diff --git a/src/hooks/api/useElectronicAccess.js b/src/hooks/api/useElectronicAccess.js
new file mode 100644
index 00000000..3e940ece
--- /dev/null
+++ b/src/hooks/api/useElectronicAccess.js
@@ -0,0 +1,26 @@
+import { useOkapiKy } from '@folio/stripes/core';
+import { useQuery } from 'react-query';
+
+export const useElectronicAccessRelationships = (options = {}) => {
+  const ky = useOkapiKy();
+
+  const { data, isLoading: isElectronicAccessLoading } = useQuery(
+    {
+      queryKey: 'electronicAccess',
+      cacheTime: Infinity,
+      staleTime: Infinity,
+      queryFn: () => ky.get('electronic-access-relationships').json(),
+      ...options,
+    },
+  );
+
+  const electronicAccessRelationships = data?.electronicAccessRelationships?.map((item) => ({
+    label: item.name,
+    value: item.id,
+  })) || [];
+
+  return {
+    electronicAccessRelationships,
+    isElectronicAccessLoading,
+  };
+};
diff --git a/translations/ui-bulk-edit/en.json b/translations/ui-bulk-edit/en.json
index c2ed8735..56418e38 100644
--- a/translations/ui-bulk-edit/en.json
+++ b/translations/ui-bulk-edit/en.json
@@ -273,6 +273,7 @@
   "layer.options.holdings.temporaryLocation": "Temporary holdings location",
   "layer.options.holdings.permanentLocation": "Permanent holdings location",
   "layer.options.holdings.suppress": "Suppress from discovery",
+  "layer.options.holdings.urlRelationship": "URL Relationship",
   "layer.options.expirationDate": "Expiration date",
   "layer.options.email": "Email",
   "layer.options.patronGroup": "Patron group",
@@ -293,6 +294,7 @@
   "layer.selectPatronGroup": "Select patron group",
   "layer.selectLoanType": "Select loan type",
   "layer.selectNoteType": "Select note type",
+  "layer.selectType": "Select note type",
   "layer.options.items.true": "Set true",
   "layer.options.items.false": "Set false",
   "layer.options.items.changeNote": "Change note type",
@@ -372,6 +374,7 @@
   "ariaLabel.location": "Location",
   "ariaLabel.statusSelect": "Status select",
   "ariaLabel.loanTypeSelect": "Loan type select",
+  "ariaLabel.urlRelationshipSelect": "Url relationship select",
 
   "permissionsModal.title": "Select Permissions",
   "permissionsModal.filter.title": "Search & filter",