@openmrs/esm-stock-management-app 1.0.1-pre.783 → 1.0.1-pre.788

package/src/stock-operations/stock-operation.utils.tsx

@@ -1,93 +1,30 @@
+import { showModal } from '@openmrs/esm-framework';
 import React from 'react';
-import { closeOverlay, launchOverlay } from '../core/components/overlay/hook';
-import { FetchResponse, restBaseUrl, showModal, showSnackbar } from '@openmrs/esm-framework';
 import { TFunction } from 'react-i18next';
-import { StockOperationDTO } from '../core/api/types/stockOperation/StockOperationDTO';
-import { createStockOperation, updateStockOperation } from './stock-operations.resource';
-import AddStockOperation from './add-stock-operation/add-stock-operation.component';
-import { OperationType, StockOperationType } from '../core/api/types/stockOperation/StockOperationType';
 import { useLocation } from 'react-router-dom';
-import { extractErrorMessagesFromResponse } from '../constants';
-import { handleMutate } from '../utils';
-
-export const addOrEditStockOperation = async (
-  t: TFunction,
-  stockOperation: StockOperationDTO,
-  isEditing: boolean,
-  operation?: StockOperationType,
-) => {
-  const payload = stockOperation;
-  try {
-    if (operation.operationType === 'requisition') {
-      delete payload.destinationName;
-    }
-    if (operation.operationType === OperationType.STOCK_ISSUE_OPERATION_TYPE) {
-      const stockIssueOpsTypeUuid = '66666666-6666-6666-6666-666666666666';
-      delete payload.completedDate;
-      delete payload.completedBy;
-      delete payload.completedByFamilyName;
-      delete payload.completedByGivenName;
-      delete payload.operationTypeUuid;
-      delete payload.permission;
-      delete payload.locked;
-
-      payload['operationTypeUuid'] = stockIssueOpsTypeUuid;
-    }
-    const response: FetchResponse<StockOperationDTO> = await (isEditing ? updateStockOperation : createStockOperation)(
-      payload,
-    );
-
-    if (response?.data) {
-      handleMutate(`${restBaseUrl}/stockmanagement/stockoperation`);
-      showSnackbar({
-        isLowContrast: true,
-        title: isEditing
-          ? t('editStockOperation', 'Edit stock operation')
-          : t('addStockOperation', 'Add stock operation'),
-        kind: 'success',
-        subtitle: isEditing
-          ? t('stockOperationEdited', 'Stock operation edited successfully')
-          : t('stockOperationAdded', 'Stock operation added successfully'),
-      });
-
-      closeOverlay();
-    }
-  } catch (error) {
-    const errorMessages = extractErrorMessagesFromResponse(error);
-    showSnackbar({
-      subtitle: errorMessages.join(', '),
-      title: t('errorSavingForm', 'Error on saving form'),
-      kind: 'error',
-      isLowContrast: true,
-    });
-  }
-};
+import { StockOperationDTO } from '../core/api/types/stockOperation/StockOperationDTO';
+import { StockOperationType } from '../core/api/types/stockOperation/StockOperationType';
+import { launchOverlay } from '../core/components/overlay/hook';
+import StockOperationForm from './stock-operations-forms/stock-operation-form.component';
 
-export const launchAddOrEditDialog = (
+export const launchStockoperationAddOrEditDialog = (
   t: TFunction,
-  stockOperation: StockOperationDTO,
-  isEditing: boolean,
-  operation?: StockOperationType,
-  operations?: StockOperationType[],
-  canPrint?: boolean,
+  operationType: StockOperationType,
+  stockOperation?: StockOperationDTO,
+  stockRequisitionUuid?: string, // Only suplied on stock issue (when overlay is launched for stock issue)
 ) => {
-  const printEnabled = canPrint !== undefined ? canPrint : stockOperation?.status === 'COMPLETED';
-
   launchOverlay(
-    isEditing
+    stockOperation
       ? t('editOperationTitle', 'Edit {{operationType}}', {
           operationType: stockOperation?.operationTypeName,
         })
       : t('newOperationTitle', 'New: {{operationName}}', {
-          operationName: operation?.name,
+          operationName: operationType?.name,
         }),
-    <AddStockOperation
-      model={stockOperation}
-      onSave={(stockOperation) => addOrEditStockOperation(t, stockOperation, isEditing, operation)}
-      isEditing={isEditing}
-      operation={operation}
-      canEdit={isEditing ? (stockOperation?.status === 'NEW' ? true : false) : true}
-      canPrint={printEnabled}
+    <StockOperationForm
+      stockOperationType={operationType}
+      stockOperation={stockOperation}
+      stockRequisitionUuid={stockRequisitionUuid}
     />,
   );
 };
@@ -100,7 +37,7 @@ export function getStockOperationUniqueId() {
   return `${new Date().getTime()}-${Math.random().toString(36).substring(2, 16)}`;
 }
 
-export const showActionDialogButton = async (title: string, requireReason: boolean, operation: StockOperationDTO) => {
+export const showActionDialogButton = (title: string, requireReason: boolean, operation: StockOperationDTO) => {
   const dispose = showModal('stock-operation-dialog', {
     title: title,
     operation: operation,

package/src/stock-operations/stock-operations-dialog/stock-operations-issue-stock-button.component.tsx

@@ -1,60 +1,48 @@
-import React from 'react';
+import React, { useEffect, useMemo } from 'react';
 
-import { Button } from '@carbon/react';
-import { useTranslation } from 'react-i18next';
+import { Button, InlineLoading } from '@carbon/react';
 import { DeliveryTruck } from '@carbon/react/icons';
+import { useTranslation } from 'react-i18next';
 import { StockOperationDTO } from '../../core/api/types/stockOperation/StockOperationDTO';
-import { StockOperationType } from '../../core/api/types/stockOperation/StockOperationType';
-import { launchAddOrEditDialog } from '../stock-operation.utils';
+import { OperationType } from '../../core/api/types/stockOperation/StockOperationType';
+import { useStockOperationTypes } from '../../stock-lookups/stock-lookups.resource';
+import { launchStockoperationAddOrEditDialog } from '../stock-operation.utils';
+import { showSnackbar } from '@openmrs/esm-framework';
 
 interface StockOperationIssueStockButtonProps {
   operation: StockOperationDTO;
-  operations: StockOperationType[];
 }
 
-const StockOperationIssueStockButton: React.FC<StockOperationIssueStockButtonProps> = ({ operation, operations }) => {
+const StockOperationIssueStockButton: React.FC<StockOperationIssueStockButtonProps> = ({ operation }) => {
   const { t } = useTranslation();
-  const type: StockOperationType = {
-    uuid: '',
-    name: 'Stock Issue',
-    description: '',
-    operationType: 'stockissue',
-    hasSource: false,
-    sourceType: 'Location',
-    hasDestination: false,
-    destinationType: 'Location',
-    hasRecipient: false,
-    recipientRequired: false,
-    availableWhenReserved: false,
-    allowExpiredBatchNumbers: false,
-    stockOperationTypeLocationScopes: [],
-    creator: undefined,
-    dateCreated: undefined,
-    changedBy: undefined,
-    dateChanged: undefined,
-    dateVoided: undefined,
-    voidedBy: undefined,
-    voidReason: '',
-    voided: false,
-  };
+  const { error, isLoading, types } = useStockOperationTypes();
+  const stockIssueOperationType = useMemo(
+    () => types?.results?.find((type) => type.operationType === OperationType.STOCK_ISSUE_OPERATION_TYPE),
+    [types],
+  );
 
-  const modifiedOperation = addRequisitionStockOperation(operation);
   const handleButtonClick = () => {
-    launchAddOrEditDialog(t, modifiedOperation, false, type, operations, false);
+    launchStockoperationAddOrEditDialog(t, stockIssueOperationType, undefined, operation.uuid);
   };
 
+  useEffect(() => {
+    if (error) {
+      showSnackbar({
+        kind: 'error',
+        title: t('stockOperationError', 'Error loading stock operation types'),
+        subtitle: error?.message,
+      });
+    }
+  }, [error, t]);
+
+  if (isLoading)
+    return <InlineLoading description="" iconDescription={t('loadingOperationTypes', 'Loading operation types')} />;
+
   return (
     <Button onClick={handleButtonClick} kind="tertiary" renderIcon={(props) => <DeliveryTruck size={16} {...props} />}>
       {t('issueStock', 'Issue Stock ')}
     </Button>
   );
 };
-function addRequisitionStockOperation(stockOperation) {
-  const { uuid } = stockOperation;
-  return {
-    ...stockOperation,
-    requisitionStockOperationUuid: uuid,
-  };
-}
 
 export default StockOperationIssueStockButton;

package/src/stock-operations/stock-operations-dialog/stock-operations-print-button.component.tsx

@@ -1,50 +1,50 @@
-import React from 'react';
+import React, { useState } from 'react';
 
 import { Button } from '@carbon/react';
-import { useTranslation } from 'react-i18next';
 import { Printer } from '@carbon/react/icons';
+import { useTranslation } from 'react-i18next';
+import { StockItemInventory } from '../../core/api/types/stockItem/StockItemInventory';
 import { StockOperationDTO } from '../../core/api/types/stockOperation/StockOperationDTO';
 import { StockOperationItemCost } from '../../core/api/types/stockOperation/StockOperationItemCost';
-import { StockItemInventory } from '../../core/api/types/stockItem/StockItemInventory';
 
-import { StockItemInventoryFilter } from '../../stock-items/stock-items.resource';
+import { InlineLoading } from '@carbon/react';
+import { showSnackbar } from '@openmrs/esm-framework';
+import { extractErrorMessagesFromResponse } from '../../constants';
 import { ResourceRepresentation } from '../../core/api/api';
-import { BuildStockOperationData } from '../stock-print-reports/StockOperationReport';
+import { OperationType } from '../../core/api/types/stockOperation/StockOperationType';
+import { StockItemInventoryFilter } from '../../stock-items/stock-items.resource';
+import {
+  getStockItemInventory,
+  getStockOperation,
+  getStockOperationItemsCost,
+  useStockOperationAndItems,
+} from '../stock-operations.resource';
 import { PrintGoodsReceivedNoteStockOperation } from '../stock-print-reports/GoodsReceivedNote';
-import { PrintTransferOutStockOperation } from '../stock-print-reports/StockTransferDocument';
 import { PrintRequisitionStockOperation } from '../stock-print-reports/RequisitionDocument';
-import { getStockItemInventory, getStockOperation, getStockOperationItemsCost } from '../stock-operations.resource';
+import { BuildStockOperationData } from '../stock-print-reports/StockOperationReport';
+import { PrintTransferOutStockOperation } from '../stock-print-reports/StockTransferDocument';
 
 interface StockOperationCancelButtonProps {
   operation: StockOperationDTO;
 }
 
-const StockOperationPrintButton: React.FC<StockOperationCancelButtonProps> = ({ operation }) => {
+const StockOperationPrintButton: React.FC<StockOperationCancelButtonProps> = ({ operation: _operation }) => {
   const { t } = useTranslation();
-
+  const { isLoading, items: operation, error } = useStockOperationAndItems(_operation.uuid);
+  const [loading, setLoading] = useState(false);
   const onPrintStockOperation = async () => {
+    setLoading(true);
     try {
       let parentOperation: StockOperationDTO | null | undefined;
       let itemsCost: StockOperationItemCost[] | null | undefined = null;
       let itemInventory: StockItemInventory[] | null | undefined = null;
 
       if (operation.requisitionStockOperationUuid) {
-        // get stock operation
-        getStockOperation(operation.requisitionStockOperationUuid)
-          .then((payload: any) => {
-            if ((payload as any).error) {
-              return;
-            }
-            parentOperation = payload;
-          })
-          .catch((error: any) => {
-            if ((error as any).error) {
-              return;
-            }
-            return;
-          });
+        // get related requisition stock operation
+        const response = await getStockOperation(operation.requisitionStockOperationUuid);
+        parentOperation = response.data;
         if (!parentOperation) {
-          return null;
+          return;
         }
       }
 
@@ -59,19 +59,8 @@ const StockOperationPrintButton: React.FC<StockOperationCancelButtonProps> = ({
           if (operation?.uuid) {
             inventoryFilter.stockOperationUuid = operation.uuid;
           }
-          getStockOperationItemsCost(inventoryFilter)
-            .then((payload: any) => {
-              if ((payload as any).error) {
-                return;
-              }
-              itemsCost = payload?.results;
-            })
-            .catch((error: any) => {
-              if ((error as any).error) {
-                return;
-              }
-              return;
-            });
+          const res = await getStockOperationItemsCost(inventoryFilter);
+          itemsCost = res.data?.results;
         }
       }
       const enableBalance = true;
@@ -88,35 +77,22 @@ const StockOperationPrintButton: React.FC<StockOperationCancelButtonProps> = ({
         inventoryFilter.groupBy = 'LocationStockItem';
         inventoryFilter.includeStockItemName = 'true';
 
-        inventoryFilter.date = JSON.stringify(parentOperation?.dateCreated ?? operation?.dateCreated);
-
+        inventoryFilter.date = (parentOperation?.dateCreated ?? operation?.dateCreated) as any;
         // get stock item inventory
-        getStockItemInventory(inventoryFilter)
-          .then((payload: any) => {
-            if ((payload as any).error) {
-              return;
-            }
-            itemInventory = payload?.results;
-          })
-          .catch((error: any) => {
-            if ((error as any).error) {
-              return;
-            }
-            return;
-          });
+        const res = await getStockItemInventory(inventoryFilter);
+        itemInventory = res.data?.results;
       }
-
       const data = await BuildStockOperationData(
         operation,
-        operation.stockOperationItems,
+        operation.stockOperationItems ?? _operation?.stockOperationItems ?? [],
         parentOperation,
         itemsCost,
         itemInventory,
       );
       if (data) {
-        if (operation?.operationType === 'receipt') {
+        if (operation?.operationType === OperationType.RECEIPT_OPERATION_TYPE) {
           await PrintGoodsReceivedNoteStockOperation(data);
-        } else if (operation?.operationType === 'transferout') {
+        } else if (operation?.operationType === OperationType.TRANSFER_OUT_OPERATION_TYPE) {
           await PrintTransferOutStockOperation(data);
         } else {
           await PrintRequisitionStockOperation(data);
@@ -124,14 +100,30 @@ const StockOperationPrintButton: React.FC<StockOperationCancelButtonProps> = ({
       } else {
         console.info(data);
       }
-    } catch (e) {
+    } catch (e: any) {
       console.info(e);
+      showSnackbar({
+        kind: 'error',
+        title: t('errorPrintingStockOperation', 'Error printing stock operation'),
+        subtitle: extractErrorMessagesFromResponse(e).join(', '),
+      });
+    } finally {
+      setLoading(false);
     }
   };
 
   return (
-    <Button onClick={onPrintStockOperation} kind="tertiary" renderIcon={(props) => <Printer size={16} {...props} />}>
-      {t('print', 'Print')}
+    <Button
+      onClick={onPrintStockOperation}
+      kind="tertiary"
+      disabled={isLoading || loading}
+      renderIcon={(props) => <Printer size={16} {...props} />}
+    >
+      {loading || isLoading ? (
+        <InlineLoading description={t('loading', 'Loading') + '...'} iconDescription={t('loading', 'Loading')} />
+      ) : (
+        t('print', 'Print')
+      )}
     </Button>
   );
 };

package/src/stock-operations/{stock-item-selector/stock-item-selector.resource.tsx → stock-operations-forms/hooks/useFilterableStockItems.ts}

@@ -1,9 +1,9 @@
-import { UserFilterCriteria } from '../../stock-lookups/stock-lookups.resource';
 import { useEffect, useState } from 'react';
-import { ResourceRepresentation } from '../../core/api/api';
-import { StockItemFilter, useStockItems as useStockItemsData } from '../../stock-items/stock-items.resource';
+import { StockItemFilter, useStockItems as useStockItemsData } from '../../../stock-items/stock-items.resource';
+import { UserFilterCriteria } from '../../../stock-lookups/stock-lookups.resource';
+import { ResourceRepresentation } from '../../../core/api/api';
 
-export function useStockItems(filter?: StockItemFilter) {
+export function useFilterableStockItems(filter?: StockItemFilter) {
   const [conceptFilter, setConceptFilter] = useState<UserFilterCriteria>(
     filter || {
       v: ResourceRepresentation.Default,

package/src/stock-operations/stock-operations-forms/hooks/useFilteredOperationTypesByRoles.ts

@@ -0,0 +1,30 @@
+import { useMemo } from 'react';
+import { useStockOperationTypes, useUserRoles } from '../../../stock-lookups/stock-lookups.resource';
+
+const useFilteredOperationTypesByRoles = () => {
+  const {
+    types: { results },
+    isLoading: isStockOperationTypesLoading,
+    error: stockOperationTypesError,
+  } = useStockOperationTypes();
+
+  const { userRoles, isLoading: isUserRolesLoading, error: userRolesError } = useUserRoles();
+
+  const operationTypes = useMemo(() => {
+    const applicablePrivilegeScopes = userRoles?.operationTypes?.map((p) => p.operationTypeUuid) || [];
+    const uniqueApplicablePrivilegeScopes = [...new Set(applicablePrivilegeScopes)];
+
+    return results?.filter((p) => uniqueApplicablePrivilegeScopes.includes(p.uuid)) || [];
+  }, [results, userRoles]);
+
+  const isLoading = isStockOperationTypesLoading || isUserRolesLoading;
+  const error = stockOperationTypesError || userRolesError;
+
+  return {
+    operationTypes,
+    isLoading,
+    error,
+  };
+};
+
+export default useFilteredOperationTypesByRoles;

package/src/stock-operations/stock-operations-forms/hooks/useOperationTypePermisions.ts

@@ -0,0 +1,29 @@
+import {
+  operationFromString,
+  StockOperationType,
+  StockOperationTypeCanCapturePurchasePrice,
+  StockOperationTypeHasPrint,
+  StockOperationTypeIsNegativeQtyAllowed,
+  StockOperationTypeIsQuantityOptional,
+  StockOperationTypeRequiresActualBatchInformation,
+  StockOperationTypeRequiresBatchUuid,
+  StockOperationTypeRequiresDispatchAcknowledgement,
+  StockOperationTypeRequiresStockAdjustmentReason,
+} from '../../../core/api/types/stockOperation/StockOperationType';
+
+const useOperationTypePermisions = (stockoperationType: StockOperationType) => {
+  const opType = operationFromString(stockoperationType.operationType);
+  return {
+    isNegativeQuantityAllowed: StockOperationTypeIsNegativeQtyAllowed(opType),
+    requiresBatchUuid: StockOperationTypeRequiresBatchUuid(opType),
+    requiresActualBatchInfo: StockOperationTypeRequiresActualBatchInformation(opType),
+    isQuantityOptional: StockOperationTypeIsQuantityOptional(opType),
+    canCaptureQuantityPrice: StockOperationTypeCanCapturePurchasePrice(opType),
+    requiresStockAdjustmentReason: StockOperationTypeRequiresStockAdjustmentReason(opType),
+    requiresDispatchAcknowledgement: StockOperationTypeRequiresDispatchAcknowledgement(opType),
+    allowExpiredBatchNumbers: stockoperationType?.allowExpiredBatchNumbers ?? false,
+    allowPrinting: StockOperationTypeHasPrint(opType),
+  };
+};
+
+export default useOperationTypePermisions;

package/src/stock-operations/stock-operations-forms/hooks/useParties.ts

@@ -0,0 +1,73 @@
+import { FetchResponse, openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
+import React, { useCallback, useMemo } from 'react';
+import useSWR from 'swr';
+import { Party } from '../../../core/api/types/Party';
+import { LocationTypeLocation, LocationTypeOther } from '../../../core/api/types/stockOperation/LocationType';
+import { StockOperationType } from '../../../core/api/types/stockOperation/StockOperationType';
+
+const useParties = (stockOperationType: StockOperationType) => {
+  const apiUrl = `${restBaseUrl}/stockmanagement/party?v=default`;
+  const { data, isLoading, mutate, error } = useSWR<FetchResponse<{ results: Array<Party> }>>(apiUrl, openmrsFetch);
+  const sourceTags = useMemo(() => {
+    return (
+      stockOperationType?.stockOperationTypeLocationScopes
+        ?.filter((p) => stockOperationType?.hasSource && p.isSource)
+        .map((p) => p.locationTag) ?? []
+    );
+  }, [stockOperationType]);
+
+  const destinationTags = useMemo(() => {
+    return (
+      stockOperationType?.stockOperationTypeLocationScopes
+        ?.filter((p) => stockOperationType?.hasDestination && p.isDestination)
+        .map((p) => p.locationTag) ?? []
+    );
+  }, [stockOperationType]);
+
+  const sourcePartiesFilter = useCallback(
+    (p: Party) => {
+      return (
+        (p.locationUuid &&
+          stockOperationType?.sourceType === LocationTypeLocation &&
+          (sourceTags.length === 0 || (p.tags && sourceTags.some((x) => p.tags.includes(x))))) ||
+        (p.stockSourceUuid && stockOperationType?.sourceType === LocationTypeOther)
+      );
+    },
+    [stockOperationType, sourceTags],
+  );
+
+  const destinationPartiesFilter = useCallback(
+    (p: Party) => {
+      return (
+        (p.locationUuid &&
+          stockOperationType?.destinationType === LocationTypeLocation &&
+          (destinationTags.length === 0 || (p.tags && destinationTags.some((x) => p.tags.includes(x))))) ||
+        (p.stockSourceUuid && stockOperationType?.destinationType === LocationTypeOther)
+      );
+    },
+    [stockOperationType, destinationTags],
+  );
+
+  const sourceParties = useMemo(() => {
+    return data?.data?.results?.filter(sourcePartiesFilter) ?? [];
+  }, [data, sourcePartiesFilter]);
+
+  const destinationParties = useMemo(() => {
+    return data?.data?.results?.filter(destinationPartiesFilter) ?? [];
+  }, [data, destinationPartiesFilter]);
+
+  return {
+    parties: data?.data?.results ?? [],
+    isLoading,
+    mutate,
+    sourceParties,
+    destinationParties,
+    sourcePartiesFilter,
+    destinationPartiesFilter,
+    error,
+    sourceTags,
+    destinationTags,
+  };
+};
+
+export default useParties;

package/src/stock-operations/{users-selector/users-selector.resource.tsx → stock-operations-forms/hooks/useSearchUser.ts}

@@ -1,8 +1,8 @@
-import { ConceptFilterCriteria, UserFilterCriteria, useUsers } from '../../stock-lookups/stock-lookups.resource';
-import { useEffect, useState } from 'react';
-import { ResourceRepresentation } from '../../core/api/api';
+import React, { useEffect, useState } from 'react';
+import { ConceptFilterCriteria, UserFilterCriteria, useUsers } from '../../../stock-lookups/stock-lookups.resource';
+import { ResourceRepresentation } from '../../../core/api/api';
 
-export function useUsersHook(filter?: ConceptFilterCriteria) {
+const useSearchUser = (filter?: ConceptFilterCriteria) => {
   const [conceptFilter, setConceptFilter] = useState<UserFilterCriteria>(
     filter || {
       v: ResourceRepresentation.Default,
@@ -20,12 +20,12 @@ export function useUsersHook(filter?: ConceptFilterCriteria) {
 
   // Drug filter type
   const [limit, setLimit] = useState(filter?.limit || 10);
-  const [representation, setRepresentation] = useState(filter?.v || ResourceRepresentation.Default);
+  const [representation, setRepresentation] = useState<string>(filter?.v || ResourceRepresentation.Default);
 
   useEffect(() => {
     setConceptFilter({
       startIndex: 0,
-      v: representation,
+      v: representation as ResourceRepresentation,
       limit: limit,
       q: searchString,
     });
@@ -38,4 +38,6 @@ export function useUsersHook(filter?: ConceptFilterCriteria) {
     setSearchString,
     isLoading,
   };
-}
+};
+
+export default useSearchUser;

package/src/stock-operations/{batch-no-selector/batch-no-selector.resource.tsx → stock-operations-forms/hooks/useStockItemBatchNumbers.ts}

@@ -1,8 +1,8 @@
-import { StockBatchFilter, useStockBatches } from '../../stock-items/stock-items.resource';
 import { useEffect, useState } from 'react';
-import { ResourceRepresentation } from '../../core/api/api';
+import { ResourceRepresentation } from '../../../core/api/api';
+import { StockBatchFilter, useStockBatches } from '../../../stock-items/stock-items.resource';
 
-export function useStockItemBatchNos(stockItemUuid: string) {
+export function useStockItemBatchNumbers(stockItemUuid: string) {
   const [conceptFilter, setConceptFilter] = useState<StockBatchFilter>({
     v: ResourceRepresentation.Default,
     limit: 10,

package/src/stock-operations/stock-operations-forms/hooks/useStockOperationLinks.ts

@@ -0,0 +1,20 @@
+import { FetchResponse, openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
+import useSWR from 'swr';
+import { StockOperationLinkDTO } from '../../../core/api/types/stockOperation/StockOperationLinkDTO';
+
+const useStockOperationLinks = (stockOperationUuid?: string) => {
+  const apiUrl = `${restBaseUrl}/stockmanagement/stockoperationlink?v=default&q=${stockOperationUuid}`;
+  const { data, error, isLoading, mutate } = useSWR<
+    FetchResponse<{
+      results: Array<StockOperationLinkDTO>;
+    }>
+  >(stockOperationUuid ? apiUrl : null, openmrsFetch);
+  return {
+    error,
+    isLoading,
+    mutate,
+    operationLinks: data?.data?.results ?? [],
+  };
+};
+
+export default useStockOperationLinks;