@openmrs/esm-stock-management-app 1.0.1-pre.476 → 1.0.1-pre.484

package/dist/openmrs-esm-stock-management-app.js.buildmanifest.json

@@ -86,10 +86,10 @@
       "initial": true,
       "entry": true,
       "recorded": false,
-      "size": 4767357,
+      "size": 4766853,
       "sizes": {
         "consume-shared": 252,
-        "javascript": 4745408,
+        "javascript": 4744904,
         "share-init": 252,
         "runtime": 21445
       },
@@ -106,7 +106,29 @@
       "auxiliaryFiles": [
         "main.js.map"
       ],
-      "hash": "d5edd22c2f2285f1",
+      "hash": "e52cb3631184607a",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 7694,
+      "sizes": {
+        "javascript": 7694
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@openmrs/esm-stock-management-app",
+        "main"
+      ],
+      "files": [
+        "271.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "0cb37e3477f0eecc",
       "childrenByOrder": {}
     },
     {
@@ -138,9 +160,53 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 1095645,
+      "size": 12770,
       "sizes": {
-        "javascript": 1095435,
+        "javascript": 12770
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@openmrs/esm-stock-management-app",
+        "main"
+      ],
+      "files": [
+        "319.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "78c810e8e20a403e",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 10604,
+      "sizes": {
+        "javascript": 10604
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@openmrs/esm-stock-management-app",
+        "main"
+      ],
+      "files": [
+        "460.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "853e580ee18acb6d",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 1095141,
+      "sizes": {
+        "javascript": 1094931,
         "consume-shared": 210
       },
       "names": [],
@@ -154,7 +220,7 @@
       "auxiliaryFiles": [
         "474.js.map"
       ],
-      "hash": "1fec4b5e622772a4",
+      "hash": "229d6a418e7c76e6",
       "childrenByOrder": {}
     },
     {
@@ -186,9 +252,9 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 9382,
+      "size": 10901,
       "sizes": {
-        "javascript": 9382
+        "javascript": 10901
       },
       "names": [],
       "idHints": [],
@@ -200,7 +266,7 @@
         "574.js"
       ],
       "auxiliaryFiles": [],
-      "hash": "998b340f1db57f85",
+      "hash": "73adef869115d16f",
       "childrenByOrder": {}
     },
     {
@@ -272,6 +338,50 @@
       "hash": "e9b7d1108fb062e0",
       "childrenByOrder": {}
     },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 12879,
+      "sizes": {
+        "javascript": 12879
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@openmrs/esm-stock-management-app",
+        "main"
+      ],
+      "files": [
+        "757.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "0f431833a88f72aa",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 9611,
+      "sizes": {
+        "javascript": 9611
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@openmrs/esm-stock-management-app",
+        "main"
+      ],
+      "files": [
+        "788.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "704ff9bb8200591c",
+      "childrenByOrder": {}
+    },
     {
       "rendered": true,
       "initial": false,
@@ -299,6 +409,50 @@
       "hash": "63121f39673cb859",
       "childrenByOrder": {}
     },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 11294,
+      "sizes": {
+        "javascript": 11294
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@openmrs/esm-stock-management-app",
+        "main"
+      ],
+      "files": [
+        "807.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "b18f2b03183a99b3",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 10017,
+      "sizes": {
+        "javascript": 10017
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@openmrs/esm-stock-management-app",
+        "main"
+      ],
+      "files": [
+        "833.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "dc7f9b3f51a934e7",
+      "childrenByOrder": {}
+    },
     {
       "rendered": true,
       "initial": false,

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":"^2.24.0"},"extensions":[{"name":"stock-nav-menu","slot":"stock-sidebar-slot","component":"stockNavMenu","online":true,"offline":true},{"name":"overview-db-link","slot":"stock-page-dashboard-slot","component":"stockOverviewLink","meta":{"name":"overview","slot":"overview-dashboard-slot","title":"overview"},"order":0,"online":true,"offline":true},{"name":"stock-overview-db","slot":"overview-dashboard-slot","component":"stockOverview"},{"name":"operations-db-link","slot":"stock-page-dashboard-slot","component":"stockOperationsLink","meta":{"name":"operations","slot":"operations-dashboard-slot","title":"operations"},"order":2,"online":true,"offline":true},{"name":"stock-operations-db","slot":"operations-dashboard-slot","component":"stockOperations"},{"name":"items-db-link","slot":"stock-page-dashboard-slot","component":"stockItemsLink","meta":{"name":"items","slot":"items-dashboard-slot","title":"items"},"order":1,"online":true,"offline":true},{"name":"stock-items-db","slot":"items-dashboard-slot","component":"stockItems"},{"name":"user-scopes-db-link","slot":"stock-page-dashboard-slot","component":"stockUserScopesLink","meta":{"name":"user-scopes","slot":"user-scopes-dashboard-slot","title":"user-scopes"},"order":3,"online":true,"offline":true},{"name":"stock-user-scopes-db","slot":"user-scopes-dashboard-slot","component":"stockUserScopes"},{"name":"sources-db-link","slot":"stock-page-dashboard-slot","component":"stockSourcesLink","meta":{"name":"sources","slot":"sources-dashboard-slot","title":"Sources"},"order":2,"online":true,"offline":true},{"name":"stock-sources-db","slot":"sources-dashboard-slot","component":"stockSources"},{"name":"locations-db-link","slot":"stock-page-dashboard-slot","component":"stockLocationsLink","meta":{"name":"locations","slot":"locations-dashboard-slot","title":"Locations"},"order":4,"online":true,"offline":true},{"name":"stock-locations-db","slot":"locations-dashboard-slot","component":"stockLocations"},{"name":"reports-db-link","slot":"stock-page-dashboard-slot","component":"stockReportsLink","meta":{"name":"reports","slot":"reports-dashboard-slot","title":"Reports"},"order":5,"online":true,"offline":true},{"name":"stock-reports-db","slot":"reports-dashboard-slot","component":"stockReports"},{"name":"settings-db-link","slot":"stock-page-dashboard-slot","component":"stockSettingsLink","meta":{"name":"settings","slot":"settings-dashboard-slot","title":"Settings"},"order":6,"online":true,"offline":true},{"name":"stock-settings-db","slot":"settings-dashboard-slot","component":"stockSettings"},{"name":"stock-management-admin-card-link","slot":"system-admin-page-card-link-slot","component":"stockManagementAdminCardLink"},{"name":"stock-operation-dialog","component":"stockOperationDialog"},{"name":"import-bulk-stock-items","component":"importBulkStockItemsDialog"},{"name":"delete-stock-modal","component":"deleteStockModal"},{"name":"delete-stock-user-scope-modal","component":"deleteUserScopeModal"},{"name":"stock-management-app-menu-item","component":"stockManagementAppMenuItem","slot":"app-menu-item-slot","meta":{"name":" Stock Management"}},{"name":"delete-stock-rule-modal","component":"deleteStockRuleModal"},{"name":"delete-packaging-unit-modal","component":"deletePackagingUnitModal"},{"name":"delete-packaging-unit-button","component":"deletePackagingUnitButton"}],"pages":[{"component":"root","route":"stock-management"}],"version":"1.0.1-pre.476"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":"^2.24.0"},"extensions":[{"name":"stock-nav-menu","slot":"stock-sidebar-slot","component":"stockNavMenu","online":true,"offline":true},{"name":"overview-db-link","slot":"stock-page-dashboard-slot","component":"stockOverviewLink","meta":{"name":"overview","slot":"overview-dashboard-slot","title":"overview"},"order":0,"online":true,"offline":true},{"name":"stock-overview-db","slot":"overview-dashboard-slot","component":"stockOverview"},{"name":"operations-db-link","slot":"stock-page-dashboard-slot","component":"stockOperationsLink","meta":{"name":"operations","slot":"operations-dashboard-slot","title":"operations"},"order":2,"online":true,"offline":true},{"name":"stock-operations-db","slot":"operations-dashboard-slot","component":"stockOperations"},{"name":"items-db-link","slot":"stock-page-dashboard-slot","component":"stockItemsLink","meta":{"name":"items","slot":"items-dashboard-slot","title":"items"},"order":1,"online":true,"offline":true},{"name":"stock-items-db","slot":"items-dashboard-slot","component":"stockItems"},{"name":"user-scopes-db-link","slot":"stock-page-dashboard-slot","component":"stockUserScopesLink","meta":{"name":"user-scopes","slot":"user-scopes-dashboard-slot","title":"user-scopes"},"order":3,"online":true,"offline":true},{"name":"stock-user-scopes-db","slot":"user-scopes-dashboard-slot","component":"stockUserScopes"},{"name":"sources-db-link","slot":"stock-page-dashboard-slot","component":"stockSourcesLink","meta":{"name":"sources","slot":"sources-dashboard-slot","title":"Sources"},"order":2,"online":true,"offline":true},{"name":"stock-sources-db","slot":"sources-dashboard-slot","component":"stockSources"},{"name":"locations-db-link","slot":"stock-page-dashboard-slot","component":"stockLocationsLink","meta":{"name":"locations","slot":"locations-dashboard-slot","title":"Locations"},"order":4,"online":true,"offline":true},{"name":"stock-locations-db","slot":"locations-dashboard-slot","component":"stockLocations"},{"name":"reports-db-link","slot":"stock-page-dashboard-slot","component":"stockReportsLink","meta":{"name":"reports","slot":"reports-dashboard-slot","title":"Reports"},"order":5,"online":true,"offline":true},{"name":"stock-reports-db","slot":"reports-dashboard-slot","component":"stockReports"},{"name":"settings-db-link","slot":"stock-page-dashboard-slot","component":"stockSettingsLink","meta":{"name":"settings","slot":"settings-dashboard-slot","title":"Settings"},"order":6,"online":true,"offline":true},{"name":"stock-settings-db","slot":"settings-dashboard-slot","component":"stockSettings"},{"name":"stock-management-admin-card-link","slot":"system-admin-page-card-link-slot","component":"stockManagementAdminCardLink"},{"name":"stock-operation-dialog","component":"stockOperationDialog"},{"name":"import-bulk-stock-items","component":"importBulkStockItemsDialog"},{"name":"delete-stock-modal","component":"deleteStockModal"},{"name":"delete-stock-user-scope-modal","component":"deleteUserScopeModal"},{"name":"stock-management-app-menu-item","component":"stockManagementAppMenuItem","slot":"app-menu-item-slot","meta":{"name":" Stock Management"}},{"name":"delete-stock-rule-modal","component":"deleteStockRuleModal"},{"name":"delete-packaging-unit-modal","component":"deletePackagingUnitModal"},{"name":"delete-packaging-unit-button","component":"deletePackagingUnitButton"}],"pages":[{"component":"root","route":"stock-management"}],"version":"1.0.1-pre.484"}

package/i18next-parser.config.js

@@ -42,7 +42,7 @@ module.exports = {
   lineEnding: "auto",
   // Control the line ending. See options at https://github.com/ryanve/eol
 
-  locales: ["en"],
+  locales: ["en", "am", "ar", "he", "es", "fr", "km", "zh"],
   // An array of the locales in your applications
 
   namespaceSeparator: ":",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-stock-management-app",
-  "version": "1.0.1-pre.476",
+  "version": "1.0.1-pre.484",
   "license": "MPL-2.0",
   "description": "Stock management microfrontend for OpenMRS 3.x",
   "browser": "dist/openmrs-esm-stock-management-app.js",
@@ -18,7 +18,7 @@
     "verify": "turbo lint typescript coverage",
     "coverage": "yarn test --coverage",
     "prepare": "husky install",
-    "extract-translations": "i18next 'src/**/*.component.tsx' --config ./i18next-parser.config.js"
+    "extract-translations": "i18next 'src/**/*.component.tsx' 'src/**/*.tsx' --config ./i18next-parser.config.js"
   },
   "husky": {
     "hooks": {

package/src/core/components/card/metrics-card-component.tsx

@@ -58,7 +58,7 @@ const MetricsCard: React.FC<MetricsCardProps> = ({
         {!isEmpty(count) && (
           <div className={styles.countGrid}>
             <span style={{ color: "#DA1E28" }}>
-              {t("in6months", "In 6 months")}
+              {t("in6Months", "In 6 months")}
             </span>
             <p style={{ color: "#DA1E28" }}>{count.expiry6months?.length}</p>
           </div>
@@ -66,10 +66,10 @@ const MetricsCard: React.FC<MetricsCardProps> = ({
         {!isEmpty(outofstockCount) && (
           <div className={styles.countGrid}>
             <span style={{ color: "#DA1E28" }}>
-              {t("itemsbelowmin", "Items Below Min")}
+              {t("itemsBelowMin", "Items Below Min")}
             </span>
             <span style={{ color: "#319227" }}>
-              {t("itemsabovemax", "Items Above Max")}
+              {t("itemsAboveMax", "Items Above Max")}
             </span>
             <p style={{ color: "#DA1E28" }}>
               {outofstockCount.itemsbelowmin?.length}

package/src/core/components/privilages-component/privilages.component.tsx

@@ -24,7 +24,13 @@ export const PrivilagedView: React.FC<PrivilageComponentProps> = ({
           <p className={styles.content}>{t("noPrivilagesTitle", `${title}`)}</p>
           {description && (
             <p className={styles.helper}>
-              {t("noViewPrivilegesDescription", `${description}`)}
+              {t(
+                "noViewPrivilegesDescription",
+                "Description: {{description}}",
+                {
+                  description,
+                }
+              )}
             </p>
           )}
         </div>

package/src/core/components/table/table.component.tsx

@@ -198,7 +198,7 @@ const DataList: React.FC<ListProps> = ({
                   <Tile className={styles.tile}>
                     <div className={styles.tileContent}>
                       <p className={styles.content}>
-                        {t("No data", "No data to display")}
+                        {t("noData", "No data to display")}
                       </p>
                       <p className={styles.helper}>
                         {t("checkFilters", "Check the filters above")}

package/src/stock-items/add-bulk-stock-item/stock-items-bulk-import.component.tsx

@@ -37,7 +37,7 @@ const ImportDialogPopup: React.FC<ImportDialogPopupProps> = ({
           title: t("rejectOrder", "Uploaded Order"),
           kind: "success",
           subtitle: t(
-            "Successfully uploaded",
+            "SuccessfullyUploadedStockItem",
             `You have successfully uploaded stock items`
           ),
         });
@@ -46,7 +46,8 @@ const ImportDialogPopup: React.FC<ImportDialogPopupProps> = ({
       (err) => {
         showSnackbar({
           title: t(
-            `errorUploadingItems', 'An error occurred uploading stock items`
+            "errorUploadingItems",
+            "An error occurred uploading stock items"
           ),
           kind: "error",
           isLowContrast: true,

package/src/stock-items/add-stock-item/add-stock-action-button.component.tsx

@@ -8,12 +8,12 @@ const AddStockItemActionButton: React.FC = () => {
   const { t } = useTranslation();
 
   const handleClick = useCallback(() => {
-    launchAddOrEditDialog(initialValues, false);
+    launchAddOrEditDialog(t, initialValues, false);
   }, []);
 
   return (
     <Button onClick={handleClick} size="md" kind="primary">
-      {t("stockmanagement.addnew", "Add New")}
+      {t("addNewStock", "Add New")}
     </Button>
   );
 };

package/src/stock-items/add-stock-item/packaging-units/packaging-units-delete-modal.component.tsx

@@ -44,11 +44,11 @@ const DeletePackagingUnit: React.FC<DeletePackagingUnitProps> = ({
         closeModal();
         showSnackbar({
           isLowContrast: true,
-          title: t("deletePackagingUnitTitle", `Delete packing item `),
+          title: t("deletePackagingUnitTitle", "Delete packing item"),
           kind: "success",
           subtitle: t(
             "deletePackagingUnitMesaage",
-            `Stock Item packing unit deleted Successfully`
+            "Stock Item packing unit deleted Successfully"
           ),
         });
       },
@@ -56,7 +56,7 @@ const DeletePackagingUnit: React.FC<DeletePackagingUnitProps> = ({
         showSnackbar({
           title: t(
             "deletePackingUnitErrorTitle",
-            `Error Deleting a stock item packing unit`
+            "Error Deleting a stock item packing unit"
           ),
           kind: "error",
           isLowContrast: true,
@@ -78,7 +78,7 @@ const DeletePackagingUnit: React.FC<DeletePackagingUnitProps> = ({
         <span>
           {t(
             "removePackagingUnitConfirmation",
-            `Would you really like to remove the packaging unit ${row?.packagingUomName} from the stock item?`
+            "Would you really like to remove the packaging unit ${row?.packagingUomName} from the stock item?"
           )}
         </span>
         <TextArea

package/src/stock-items/add-stock-item/stock-item-details/stock-item-details.component.tsx

@@ -66,13 +66,6 @@ const StockItemDetails = forwardRef<never, StockItemDetailsProps>(
 
     useEffect(() => {
       setIsDrug(model.isDrug ?? false);
-      setSelectedItemType(
-        model.isDrug === true
-          ? "Pharmaceuticals"
-          : model.isDrug === false
-          ? "Non Pharmaceuticals"
-          : undefined
-      );
       setHasExpiration(model.hasExpiration ?? false);
     }, [model.hasExpiration, model.isDrug]);
 
@@ -80,30 +73,34 @@ const StockItemDetails = forwardRef<never, StockItemDetailsProps>(
       <form
         className={`${rootStyles.formContainer} ${rootStyles.verticalForm}`}
       >
-        <FormGroup
-          className="clear-margin-bottom"
-          legendText={t("itemType", "Item Type")}
-          title={t("itemType", "Item Type")}
-        >
-          <ControlledRadioButtonGroup
-            control={control}
-            name="isDrug"
-            controllerName="isDrug"
-            legendText=""
-            invalid={!!errors.isDrug}
-            invalidText={errors.isDrug && errors?.isDrug?.message}
-            onChange={(selection: boolean) => {
-              const selectedOption = radioOptions.find(
-                (option) => option.value === selection
-              );
-              const selectedLabel = selectedOption ? selectedOption.label : "";
-              setIsDrug(selection);
-              setSelectedItemType(selectedLabel);
-            }}
-            options={radioOptions} // Pass radioOptions directly
-          />
-        </FormGroup>
-        {isDrug && (
+        {!isEditing && (
+          <FormGroup
+            className="clear-margin-bottom"
+            legendText={t("itemType", "Item Type")}
+            title={t("itemType", "Item Type")}
+          >
+            <ControlledRadioButtonGroup
+              control={control}
+              name="isDrug"
+              controllerName="isDrug"
+              legendText=""
+              invalid={!!errors.isDrug}
+              invalidText={errors.isDrug && errors?.isDrug?.message}
+              onChange={(selection: boolean) => {
+                const selectedOption = radioOptions.find(
+                  (option) => option.value === selection
+                );
+                const selectedLabel = selectedOption
+                  ? selectedOption.label
+                  : "";
+                setIsDrug(selection);
+                setSelectedItemType(selectedLabel);
+              }}
+              options={radioOptions} // Pass radioOptions directly
+            />
+          </FormGroup>
+        )}
+        {selectedItemType === "Pharmaceuticals" ? (
           <DrugSelector
             name="drugUuid"
             controllerName="drugUuid"
@@ -113,8 +110,7 @@ const StockItemDetails = forwardRef<never, StockItemDetailsProps>(
             invalid={!!errors.drugUuid}
             invalidText={errors.drugUuid && errors?.drugUuid?.message}
           />
-        )}
-        {isDrug != undefined && !isDrug && (
+        ) : selectedItemType === "Non Pharmaceuticals" ? (
           <ConceptsSelector
             name="conceptUuid"
             controllerName="conceptUuid"
@@ -124,7 +120,7 @@ const StockItemDetails = forwardRef<never, StockItemDetailsProps>(
             invalid={!!errors.drugUuid}
             invalidText={errors.drugUuid && errors?.drugUuid?.message}
           />
-        )}
+        ) : null}
         <ControlledTextInput
           id="commonName"
           name="commonName"

package/src/stock-items/add-stock-item/stock-item-rules/add-stock-rule-button.component.tsx

@@ -22,7 +22,7 @@ const AddStockRuleActionButton: React.FC<AddStockRuleActionButtonProps> = ({
 
   return (
     <Button onClick={handleClick} size="md" kind="primary">
-      {t("stockmanagement.addnewrule", "Add New Rule")}
+      {t("addNewStockRule", "Add New Rule")}
     </Button>
   );
 };

package/src/stock-items/add-stock-item/stock-item-rules/add-stock-rules.component.tsx

@@ -165,7 +165,7 @@ const StockRulesAddOrUpdate: React.FC<AddStockRuleProps> = ({
               title: t("addedRule", "Add Rule"),
               kind: "success",
               subtitle: t(
-                "stockruleaddedsuccessfully",
+                "stockRuleAddedSuccessfully",
                 "Stock Rule Added Successfully"
               ),
             });
@@ -173,7 +173,7 @@ const StockRulesAddOrUpdate: React.FC<AddStockRuleProps> = ({
           },
           (error) => {
             showSnackbar({
-              title: t(`errorAddingRule', 'error adding a rule`),
+              title: t("errorAddingRule", "Error adding a rule"),
               kind: "error",
               isLowContrast: true,
               subtitle: error?.message,

package/src/stock-items/add-stock-item/stock-item-rules/stock-rules-delete.component.tsx

@@ -30,7 +30,7 @@ const StockRulesDeleteActionMenu: React.FC<StockRulesDeleteActionMenuProps> = ({
                 title: t("deletingRule", "Delete Rule"),
                 kind: "success",
                 subtitle: t(
-                  "stockruledeletedsuccessfully",
+                  "stockRuleDeletedSuccessfully",
                   "Stock Rule Deleted Successfully"
                 ),
               });
@@ -38,7 +38,7 @@ const StockRulesDeleteActionMenu: React.FC<StockRulesDeleteActionMenuProps> = ({
             (error) => {
               setDeletingRule(false);
               showSnackbar({
-                title: t(`errorDeletingRule', 'error deleting a rule`),
+                title: t("errorDeletingRule", "Error deleting a rule"),
                 kind: "error",
                 isLowContrast: true,
                 subtitle: error?.message,

package/src/stock-items/edit-stock-item/edit-stock-item-action-menu.component.tsx

@@ -19,7 +19,7 @@ const EditStockItemActionsMenu: React.FC<EditStockItemActionsMenuProps> = ({
       size="md"
       onClick={() => {
         data.isDrug = !!data.drugUuid;
-        launchAddOrEditDialog(data, true);
+        launchAddOrEditDialog(t, data, true);
       }}
       iconDescription={t("editStockItem", "Edit Stock Item")}
     >

package/src/stock-items/stock-item.utils.tsx

@@ -1,11 +1,13 @@
+import React from "react";
 import { closeOverlay, launchOverlay } from "../core/components/overlay/hook";
 import { StockItemDTO } from "../core/api/types/stockItem/StockItem";
-import React from "react";
+import { type TFunction } from "react-i18next";
 import AddEditStockItem from "./add-stock-item/add-stock-item.component";
 import { FetchResponse, showSnackbar } from "@openmrs/esm-framework";
 import { createStockItem, updateStockItem } from "./stock-items.resource";
 
 export const addOrEditStockItem = async (
+  t: TFunction,
   stockItem: StockItemDTO,
   isEditing = false
 ) => {
@@ -17,9 +19,13 @@ export const addOrEditStockItem = async (
     if (response?.data) {
       showSnackbar({
         isLowContrast: true,
-        title: `${isEditing ? "Edit" : "Add"} Stock Item`,
+        title: isEditing
+          ? `${t("editStockItem", "Edit Stock Item")}`
+          : `${t("addStockItem", "Add Stock Item")}`,
         kind: "success",
-        subtitle: `Stock Item ${isEditing ? "Edited" : "Added"} Successfully`,
+        subtitle: isEditing
+          ? `${t("stockItemEdited", "Stock Item Edited Successfully")}`
+          : `${t("stockItemAdded", "Stock Item Added Successfully")}`,
       });
 
       if (!isEditing) {
@@ -28,12 +34,14 @@ export const addOrEditStockItem = async (
         // launch edit dialog
         const item = response.data;
         item.isDrug = !!item.drugUuid;
-        launchAddOrEditDialog(item, true);
+        launchAddOrEditDialog(t, item, true);
       }
     }
   } catch (error) {
     showSnackbar({
-      title: `Error ${isEditing ? "edit" : "add"}ing a stock item`,
+      title: isEditing
+        ? t("errorEditingStockItem", "Error editing a stock Item")
+        : t("errorAddingStockItem", "Error adding a stock Item"),
       kind: "error",
       isLowContrast: true,
       subtitle: error?.responseBody?.error?.message,
@@ -42,16 +50,19 @@ export const addOrEditStockItem = async (
 };
 
 export const launchAddOrEditDialog = (
+  t: TFunction,
   stockItem: StockItemDTO,
   isEditing = false
 ) => {
   launchOverlay(
-    `${isEditing ? "Edit" : "Add"} ${
-      stockItem?.drugName || stockItem.conceptName || ""
-    }`,
+    isEditing
+      ? `${t("editItem", "Edit {{name}}", {
+          name: stockItem?.drugName || stockItem.conceptName || "",
+        })} ${stockItem.isDrug ? "(Drug)" : "(Non Drug)"}`
+      : t("addItem", "Add stock item"),
     <AddEditStockItem
       model={stockItem}
-      onSave={(stockItem) => addOrEditStockItem(stockItem, isEditing)}
+      onSave={(stockItem) => addOrEditStockItem(t, stockItem, isEditing)}
       isEditing={isEditing}
     />
   );

package/src/stock-items/stock-items-table.component.tsx

@@ -146,7 +146,7 @@ const StockItemsTableComponent: React.FC<StockItemsTableProps> = () => {
             size="md"
             onClick={() => {
               stockItem.isDrug = !!stockItem.drugUuid;
-              launchAddOrEditDialog(stockItem, true);
+              launchAddOrEditDialog(t, stockItem, true);
             }}
             iconDescription={t("editStockItem", "Edit Stock Item")}
             renderIcon={(props) => <Edit size={16} {...props} />}