@openmrs/esm-stock-management-app 1.0.1-pre.475 → 1.0.1-pre.479

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

@@ -86,10 +86,10 @@
       "initial": true,
       "entry": true,
       "recorded": false,
-      "size": 4767329,
+      "size": 4766982,
       "sizes": {
         "consume-shared": 252,
-        "javascript": 4745380,
+        "javascript": 4745033,
         "share-init": 252,
         "runtime": 21445
       },
@@ -106,7 +106,29 @@
       "auxiliaryFiles": [
         "main.js.map"
       ],
-      "hash": "2dd0d0b605a58141",
+      "hash": "b3395d02da05f6f7",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 7685,
+      "sizes": {
+        "javascript": 7685
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@openmrs/esm-stock-management-app",
+        "main"
+      ],
+      "files": [
+        "271.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "62e4eff8b6ee6a39",
       "childrenByOrder": {}
     },
     {
@@ -138,9 +160,53 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 1095617,
+      "size": 12768,
       "sizes": {
-        "javascript": 1095407,
+        "javascript": 12768
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@openmrs/esm-stock-management-app",
+        "main"
+      ],
+      "files": [
+        "319.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "9577cb4bde364dd6",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 10602,
+      "sizes": {
+        "javascript": 10602
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@openmrs/esm-stock-management-app",
+        "main"
+      ],
+      "files": [
+        "460.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "0239cab658afad3e",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 1095270,
+      "sizes": {
+        "javascript": 1095060,
         "consume-shared": 210
       },
       "names": [],
@@ -154,7 +220,7 @@
       "auxiliaryFiles": [
         "474.js.map"
       ],
-      "hash": "d3138f8f9dbb47a0",
+      "hash": "0310bd4a2bb367b0",
       "childrenByOrder": {}
     },
     {
@@ -186,9 +252,9 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 9382,
+      "size": 10899,
       "sizes": {
-        "javascript": 9382
+        "javascript": 10899
       },
       "names": [],
       "idHints": [],
@@ -200,7 +266,7 @@
         "574.js"
       ],
       "auxiliaryFiles": [],
-      "hash": "998b340f1db57f85",
+      "hash": "3ec9fe24b95ef377",
       "childrenByOrder": {}
     },
     {
@@ -272,6 +338,50 @@
       "hash": "e9b7d1108fb062e0",
       "childrenByOrder": {}
     },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 12877,
+      "sizes": {
+        "javascript": 12877
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@openmrs/esm-stock-management-app",
+        "main"
+      ],
+      "files": [
+        "757.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "1673f3931afe5889",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 9609,
+      "sizes": {
+        "javascript": 9609
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@openmrs/esm-stock-management-app",
+        "main"
+      ],
+      "files": [
+        "788.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "ea169669bdd9d02e",
+      "childrenByOrder": {}
+    },
     {
       "rendered": true,
       "initial": false,
@@ -299,6 +409,50 @@
       "hash": "63121f39673cb859",
       "childrenByOrder": {}
     },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 11292,
+      "sizes": {
+        "javascript": 11292
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@openmrs/esm-stock-management-app",
+        "main"
+      ],
+      "files": [
+        "807.js"
+      ],
+      "auxiliaryFiles": [],
+      "hash": "19a2bffdfb06fcf0",
+      "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.475"}
+{"$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.479"}

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.475",
+  "version": "1.0.1-pre.479",
   "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/core/components/tabs/vertical-tabs.scss

@@ -7,7 +7,6 @@
   @include type.type-style('productive-heading-02');
   color: colors.$gray-70;
   margin-bottom: spacing.$spacing-05;
-  ;
 }
 
 .heading:after {
@@ -50,11 +49,12 @@
 
   :global(.cds--tab--list) {
     flex-direction: column;
+    max-height: 30rem;
   }
 
   :global(.cds--tabs) {
     width: auto;
-    max-height: 20rem;
+    max-height: 100vh;
     display: flex;
     flex-direction: column;
     flex: 1;
@@ -78,7 +78,6 @@
   }
 
   :global(.cds--tabs__nav-link) {
-
     &:active,
     &:focus {
       outline: 0 !important;

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-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,21 @@ 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 || "",
+        })
+      : t("addItem", "Add {{name}}", {
+          name: stockItem?.drugName || stockItem.conceptName || "",
+        }),
     <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} />}

package/src/stock-locations/add-locations-form.component.tsx

@@ -4,6 +4,7 @@ import { showSnackbar } from "@openmrs/esm-framework";
 import { saveLocation } from "./stock-locations-table.resource";
 import { locationData, LocationMutator } from "../stock-items/types";
 import LocationAdministrationForm from "./location-admin-form.component";
+import { extractErrorMessagesFromResponse } from "../constants";
 
 interface LocationFormProps {
   showModal: boolean;
@@ -39,18 +40,23 @@ const NewLocationForm: React.FC<LocationFormProps> = ({
             title: t("formCreated", "Add Location"),
             kind: "success",
             isLowContrast: true,
-            subtitle: t(`Location ${name} was created successfully.`),
+            subtitle: t(
+              "locationCreatedSuccessfully",
+              "Location {{locationName}} was created successfully.",
+              { locationName: name }
+            ),
           });
 
           mutate();
           onModalChange(false);
         })
         .catch((error) => {
+          const errorMessages = extractErrorMessagesFromResponse(error);
           showSnackbar({
             title: t("errorCreatingForm", "Error creating location"),
             kind: "error",
             isLowContrast: true,
-            subtitle: error?.message,
+            subtitle: errorMessages.join(", "),
           });
           onModalChange(false);
         });

package/src/stock-locations/location-admin-form.component.tsx

@@ -13,7 +13,6 @@ import {
   TextInput,
   InlineNotification,
   FilterableMultiSelect,
-  InlineLoading,
 } from "@carbon/react";
 import { useTranslation } from "react-i18next";
 import { locationData } from "../stock-items/types";
@@ -50,7 +49,7 @@ const LocationAdministrationForm: React.FC<LocationAdministrationFormProps> = ({
   const [formStateError, setFormStateError] = useState("");
 
   // Location tag types
-  const { locationTagList: Tags, loading: loadingRoles } = useLocationTags();
+  const { locationTagList: Tags } = useLocationTags();
 
   const {
     handleSubmit,
@@ -120,10 +119,10 @@ const LocationAdministrationForm: React.FC<LocationAdministrationFormProps> = ({
                 <Controller
                   name="tags"
                   control={control}
-                  render={({ field, fieldState }) => (
+                  render={({ field }) => (
                     <FilterableMultiSelect
                       id="tag"
-                      titleText="Select tag(s)"
+                      titleText={t("selectTags", "Select tag(s)")}
                       helperText="This is helper text"
                       items={Tags ?? []}
                       {...field}
@@ -142,7 +141,11 @@ const LocationAdministrationForm: React.FC<LocationAdministrationFormProps> = ({
                 style={{ minWidth: "100%", margin: "0rem", padding: "0rem" }}
                 role="alert"
                 kind="error"
-                subtitle={t("pleaseFillField", formStateError) + "."}
+                subtitle={
+                  t("pleaseFillField", "{{message}}", {
+                    message: formStateError,
+                  }) + "."
+                }
                 onClose={() => setShowErrorNotification(false)}
               />
             )}