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

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

@@ -86,10 +86,10 @@
       "initial": true,
       "entry": true,
       "recorded": false,
-      "size": 4770791,
+      "size": 4767357,
       "sizes": {
         "consume-shared": 252,
-        "javascript": 4748842,
+        "javascript": 4745408,
         "share-init": 252,
         "runtime": 21445
       },
@@ -106,7 +106,7 @@
       "auxiliaryFiles": [
         "main.js.map"
       ],
-      "hash": "137fc6c0e5d30a79",
+      "hash": "d5edd22c2f2285f1",
       "childrenByOrder": {}
     },
     {
@@ -138,9 +138,9 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 1099079,
+      "size": 1095645,
       "sizes": {
-        "javascript": 1098869,
+        "javascript": 1095435,
         "consume-shared": 210
       },
       "names": [],
@@ -154,7 +154,7 @@
       "auxiliaryFiles": [
         "474.js.map"
       ],
-      "hash": "0f9bb5a017f33892",
+      "hash": "1fec4b5e622772a4",
       "childrenByOrder": {}
     },
     {

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.473"}
+{"$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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-stock-management-app",
-  "version": "1.0.1-pre.473",
+  "version": "1.0.1-pre.476",
   "license": "MPL-2.0",
   "description": "Stock management microfrontend for OpenMRS 3.x",
   "browser": "dist/openmrs-esm-stock-management-app.js",

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/core/utils/alert.ts

@@ -1,10 +1,10 @@
-import { showToast } from "@openmrs/esm-framework";
+import { showSnackbar } from "@openmrs/esm-framework";
 
 export function errorAlert(title: string, msg: string) {
-  showToast({
-    critical: true,
+  showSnackbar({
+    isLowContrast: true,
     title: title,
     kind: "error",
-    description: msg,
+    subtitle: msg,
   });
 }

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

@@ -9,7 +9,7 @@ import {
   FileUploader,
 } from "@carbon/react";
 import { UploadStockItems } from "./stock-items-bulk-import.resource";
-import { showNotification, showToast } from "@openmrs/esm-framework";
+import { showSnackbar } from "@openmrs/esm-framework";
 
 export interface ImportDialogPopupProps {
   closeModal: () => void;
@@ -20,8 +20,6 @@ const ImportDialogPopup: React.FC<ImportDialogPopupProps> = ({
 }) => {
   const { t } = useTranslation();
   const [selectedFile, setSelectedFile] = useState<any>();
-  const [hasHeader, setHasHeader] = useState(true);
-  const [fileNotSelected, setFileNotSelected] = useState(true);
 
   const onConfirmUpload = () => {
     if (!selectedFile) {
@@ -30,15 +28,15 @@ const ImportDialogPopup: React.FC<ImportDialogPopupProps> = ({
     const formData = new FormData();
     if (selectedFile) {
       formData.append("file", selectedFile, "Import_Stock_Items.csv");
-      formData.append("hasHeader", hasHeader ? "true" : "false");
+      formData.append("hasHeader", "true");
     }
     UploadStockItems(formData).then(
-      (resp) => {
-        showToast({
-          critical: true,
+      () => {
+        showSnackbar({
+          isLowContrast: true,
           title: t("rejectOrder", "Uploaded Order"),
           kind: "success",
-          description: t(
+          subtitle: t(
             "Successfully uploaded",
             `You have successfully uploaded stock items`
           ),
@@ -46,13 +44,13 @@ const ImportDialogPopup: React.FC<ImportDialogPopupProps> = ({
         closeModal();
       },
       (err) => {
-        showNotification({
+        showSnackbar({
           title: t(
             `errorUploadingItems', 'An error occurred uploading stock items`
           ),
           kind: "error",
-          critical: true,
-          description: err?.message,
+          isLowContrast: true,
+          subtitle: err?.message,
         });
       }
     );
@@ -62,16 +60,11 @@ const ImportDialogPopup: React.FC<ImportDialogPopupProps> = ({
     const file = event?.target?.files?.[0];
     if (file) {
       setSelectedFile(file);
-      setFileNotSelected(false);
     } else {
       event.preventDefault();
     }
   };
 
-  const onFileDeleted = () => {
-    setFileNotSelected(true);
-  };
-
   return (
     <div>
       <Form>
@@ -90,7 +83,6 @@ const ImportDialogPopup: React.FC<ImportDialogPopupProps> = ({
             labelTitle=""
             size="small"
             onChange={onFileChanged}
-            onDelete={onFileDeleted}
           />
         </ModalBody>
         <ModalFooter>

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

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { showNotification, showToast } from "@openmrs/esm-framework";
+import { showSnackbar } from "@openmrs/esm-framework";
 import {
   Button,
   ModalHeader,
@@ -42,25 +42,25 @@ const DeletePackagingUnit: React.FC<DeletePackagingUnitProps> = ({
       () => {
         mutate();
         closeModal();
-        showToast({
-          critical: true,
+        showSnackbar({
+          isLowContrast: true,
           title: t("deletePackagingUnitTitle", `Delete packing item `),
           kind: "success",
-          description: t(
+          subtitle: t(
             "deletePackagingUnitMesaage",
             `Stock Item packing unit deleted Successfully`
           ),
         });
       },
       (error) => {
-        showNotification({
+        showSnackbar({
           title: t(
             "deletePackingUnitErrorTitle",
             `Error Deleting a stock item packing unit`
           ),
           kind: "error",
-          critical: true,
-          description: error?.message,
+          isLowContrast: true,
+          subtitle: error?.message,
         });
       }
     );

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

@@ -26,12 +26,7 @@ import {
   createStockItemReference,
   deleteStockItemReference,
 } from "../../stock-items.resource";
-import {
-  restBaseUrl,
-  showNotification,
-  showSnackbar,
-  showToast,
-} from "@openmrs/esm-framework";
+import { restBaseUrl, showSnackbar } from "@openmrs/esm-framework";
 import { extractErrorMessagesFromResponse } from "../../../constants";
 import { handleMutate } from "../../../utils";
 
@@ -41,10 +36,7 @@ interface StockReferencesProps {
   stockItemUuid: string;
 }
 
-const StockReferences: React.FC<StockReferencesProps> = ({
-  isEditing,
-  stockItemUuid,
-}) => {
+const StockReferences: React.FC<StockReferencesProps> = ({ stockItemUuid }) => {
   const { t } = useTranslation();
 
   // get stock item references
@@ -189,10 +181,7 @@ const StockReferencesRow: React.FC<{
 }> = ({ isEditing, row, key }) => {
   const { t } = useTranslation();
 
-  const {
-    control,
-    formState: { errors },
-  } = useFormContext();
+  const { control } = useFormContext();
 
   const handleDelete = (e) => {
     e.preventDefault();

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

@@ -19,7 +19,7 @@ import {
 } from "../../../stock-lookups/stock-lookups.resource";
 import { createOrUpdateStockRule } from "./stock-rules.resource";
 import { StockRule } from "../../../core/api/types/stockItem/StockRule";
-import { showNotification, showToast } from "@openmrs/esm-framework";
+import { showSnackbar } from "@openmrs/esm-framework";
 import { useTranslation } from "react-i18next";
 import { closeOverlay } from "../../../core/components/overlay/hook";
 import { ResourceRepresentation } from "../../../core/api/api";
@@ -61,11 +61,7 @@ const StockRulesAddOrUpdate: React.FC<AddStockRuleProps> = ({
   const { stockLocations } = useStockTagLocations();
 
   //Roles
-  const {
-    items: rolesData,
-    isError: rolesError,
-    isLoading: loadingRoles,
-  } = useRoles({ v: ResourceRepresentation.Default });
+  const { items: rolesData } = useRoles({ v: ResourceRepresentation.Default });
 
   const [formModel, setFormModel] = useState<StockRule>({
     enabled: true,
@@ -75,8 +71,7 @@ const StockRulesAddOrUpdate: React.FC<AddStockRuleProps> = ({
   useEffect(() => {
     if (model != null && Object.keys(model).length != 0) {
       // To prevent editing properties like date created
-      const { dateCreated, creatorGivenName, creatorFamilyName, ...rest } =
-        model;
+      const { ...rest } = model;
       const tmpFormModel = { ...rest };
       setFormModel(tmpFormModel);
     }
@@ -143,18 +138,12 @@ const StockRulesAddOrUpdate: React.FC<AddStockRuleProps> = ({
     setFormModel({ ...formModel, mailRole: selectedMailRole.display });
   };
 
-  const onEnabledChanged = (
-    cvt: React.ChangeEvent<HTMLInputElement>,
-    data: { checked: boolean; id: string }
-  ): void => {
+  const onEnabledChanged = (): void => {
     const isEnabled = !formModel?.enabled;
     setFormModel({ ...formModel, enabled: isEnabled });
   };
 
-  const onAppliesToChildrenChanged = (
-    cvt: React.ChangeEvent<HTMLInputElement>,
-    data: { checked: boolean; id: string }
-  ): void => {
+  const onAppliesToChildrenChanged = (): void => {
     const enableDescendants = !formModel?.enableDescendants;
     setFormModel({ ...formModel, enableDescendants: enableDescendants });
   };
@@ -171,11 +160,11 @@ const StockRulesAddOrUpdate: React.FC<AddStockRuleProps> = ({
       createOrUpdateStockRule(formModel)
         .then(
           () => {
-            showToast({
-              critical: true,
+            showSnackbar({
+              isLowContrast: true,
               title: t("addedRule", "Add Rule"),
               kind: "success",
-              description: t(
+              subtitle: t(
                 "stockruleaddedsuccessfully",
                 "Stock Rule Added Successfully"
               ),
@@ -183,11 +172,11 @@ const StockRulesAddOrUpdate: React.FC<AddStockRuleProps> = ({
             closeOverlay();
           },
           (error) => {
-            showNotification({
+            showSnackbar({
               title: t(`errorAddingRule', 'error adding a rule`),
               kind: "error",
-              critical: true,
-              description: error?.message,
+              isLowContrast: true,
+              subtitle: error?.message,
             });
           }
         )

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

@@ -3,7 +3,7 @@ import { Button, InlineLoading } from "@carbon/react";
 import { useTranslation } from "react-i18next";
 import { TrashCan } from "@carbon/react/icons";
 import { deleteStockRule } from "../../stock-items.resource";
-import { showModal, showNotification, showToast } from "@openmrs/esm-framework";
+import { showModal, showSnackbar } from "@openmrs/esm-framework";
 
 interface StockRulesDeleteActionMenuProps {
   uuid: string;
@@ -25,11 +25,11 @@ const StockRulesDeleteActionMenu: React.FC<StockRulesDeleteActionMenuProps> = ({
           .then(
             () => {
               setDeletingRule(false);
-              showToast({
-                critical: true,
+              showSnackbar({
+                isLowContrast: true,
                 title: t("deletingRule", "Delete Rule"),
                 kind: "success",
-                description: t(
+                subtitle: t(
                   "stockruledeletedsuccessfully",
                   "Stock Rule Deleted Successfully"
                 ),
@@ -37,11 +37,11 @@ const StockRulesDeleteActionMenu: React.FC<StockRulesDeleteActionMenuProps> = ({
             },
             (error) => {
               setDeletingRule(false);
-              showNotification({
+              showSnackbar({
                 title: t(`errorDeletingRule', 'error deleting a rule`),
                 kind: "error",
-                critical: true,
-                description: error?.message,
+                isLowContrast: true,
+                subtitle: error?.message,
               });
             }
           )

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

@@ -2,11 +2,7 @@ import { closeOverlay, launchOverlay } from "../core/components/overlay/hook";
 import { StockItemDTO } from "../core/api/types/stockItem/StockItem";
 import React from "react";
 import AddEditStockItem from "./add-stock-item/add-stock-item.component";
-import {
-  FetchResponse,
-  showNotification,
-  showToast,
-} from "@openmrs/esm-framework";
+import { FetchResponse, showSnackbar } from "@openmrs/esm-framework";
 import { createStockItem, updateStockItem } from "./stock-items.resource";
 
 export const addOrEditStockItem = async (
@@ -19,13 +15,11 @@ export const addOrEditStockItem = async (
       : createStockItem)(stockItem);
 
     if (response?.data) {
-      showToast({
-        critical: true,
+      showSnackbar({
+        isLowContrast: true,
         title: `${isEditing ? "Edit" : "Add"} Stock Item`,
         kind: "success",
-        description: `Stock Item ${
-          isEditing ? "Edited" : "Added"
-        } Successfully`,
+        subtitle: `Stock Item ${isEditing ? "Edited" : "Added"} Successfully`,
       });
 
       if (!isEditing) {
@@ -38,11 +32,11 @@ export const addOrEditStockItem = async (
       }
     }
   } catch (error) {
-    showNotification({
+    showSnackbar({
       title: `Error ${isEditing ? "edit" : "add"}ing a stock item`,
       kind: "error",
-      critical: true,
-      description: error?.responseBody?.error?.message,
+      isLowContrast: true,
+      subtitle: error?.responseBody?.error?.message,
     });
   }
 };

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

@@ -1,6 +1,6 @@
 import React, { useCallback } from "react";
 import { useTranslation } from "react-i18next";
-import { showToast, showNotification, useConfig } from "@openmrs/esm-framework";
+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";
@@ -35,22 +35,22 @@ const NewLocationForm: React.FC<LocationFormProps> = ({
       };
       saveLocation({ locationPayload: locationbject })
         .then(() => {
-          showToast({
+          showSnackbar({
             title: t("formCreated", "Add Location"),
             kind: "success",
-            critical: true,
-            description: t(`Location ${name} was created successfully.`),
+            isLowContrast: true,
+            subtitle: t(`Location ${name} was created successfully.`),
           });
 
           mutate();
           onModalChange(false);
         })
         .catch((error) => {
-          showNotification({
+          showSnackbar({
             title: t("errorCreatingForm", "Error creating location"),
             kind: "error",
-            critical: true,
-            description: error?.message,
+            isLowContrast: true,
+            subtitle: error?.message,
           });
           onModalChange(false);
         });

package/src/stock-locations/stock-locations-table.resource.tsx

@@ -1,18 +1,15 @@
-import { StockOperationFilter } from "../stock-operations/stock-operations.resource";
 import { useMemo, useState } from "react";
+import useSWR from "swr";
 import {
   FetchResponse,
   openmrsFetch,
   restBaseUrl,
-  showToast,
+  showSnackbar,
   usePagination,
 } from "@openmrs/esm-framework";
 import { useTranslation } from "react-i18next";
-import {
-  useStockLocations,
-  useStockTagLocations,
-} from "../stock-lookups/stock-lookups.resource";
-import useSWR from "swr";
+import { StockOperationFilter } from "../stock-operations/stock-operations.resource";
+import { useStockTagLocations } from "../stock-lookups/stock-lookups.resource";
 import { extractErrorMessagesFromResponse } from "../constants";
 
 export function useStockLocationPages(filter: StockOperationFilter) {
@@ -89,10 +86,10 @@ export const useLocationTags = () => {
   const url = `${restBaseUrl}/locationtag/`;
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  const { data, error, isLoading, isValidating, mutate } = useSWR<
-    { data },
-    Error
-  >(url, openmrsFetch);
+  const { data, isLoading, mutate } = useSWR<{ data }, Error>(
+    url,
+    openmrsFetch
+  );
   const results = data?.data?.results ? data?.data?.results : [];
   return {
     locationTagList: results,
@@ -118,11 +115,11 @@ export async function saveLocation({
     return response;
   } catch (error) {
     const errorMessages = extractErrorMessagesFromResponse(error);
-    showToast({
-      description: errorMessages.join(", "),
+    showSnackbar({
+      subtitle: errorMessages.join(", "),
       title: "Error on saving form",
       kind: "error",
-      critical: true,
+      isLowContrast: true,
     });
   }
 }

package/src/stock-operations/add-stock-operation/add-stock-operation.component.tsx

@@ -22,12 +22,7 @@ import StockOperationApproveDispatchButton from "../stock-operations-dialog/stoc
 import StockOperationCompleteDispatchButton from "../stock-operations-dialog/stock-operations-completed-dispatch-button.component";
 import StockOperationIssueStockButton from "../stock-operations-dialog/stock-operations-issue-stock-button.component";
 import { StockOperation } from "./stock-operation-context/useStockOperationContext";
-import {
-  formatDate,
-  parseDate,
-  showSnackbar,
-  showToast,
-} from "@openmrs/esm-framework";
+import { formatDate, parseDate, showSnackbar } from "@openmrs/esm-framework";
 import {
   OperationType,
   StockOperationType,

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

@@ -4,8 +4,7 @@ import {
   FetchResponse,
   restBaseUrl,
   showModal,
-  showNotification,
-  showToast,
+  showSnackbar,
 } from "@openmrs/esm-framework";
 import { StockOperationDTO } from "../core/api/types/stockOperation/StockOperationDTO";
 import {
@@ -49,11 +48,11 @@ export const addOrEditStockOperation = async (
 
     if (response?.data) {
       handleMutate(`${restBaseUrl}/stockmanagement/stockoperation`);
-      showToast({
-        critical: true,
+      showSnackbar({
+        isLowContrast: true,
         title: `${isEditing ? "Edit" : "Add"} Stock Operation`,
         kind: "success",
-        description: `Stock Operation ${
+        subtitle: `Stock Operation ${
           isEditing ? "Edited" : "Added"
         } Successfully`,
       });
@@ -63,11 +62,11 @@ export const addOrEditStockOperation = async (
     }
   } catch (error) {
     const errorMessages = extractErrorMessagesFromResponse(error);
-    showNotification({
-      description: errorMessages.join(", "),
+    showSnackbar({
+      subtitle: errorMessages.join(", "),
       title: "Error on saving form",
       kind: "error",
-      critical: true,
+      isLowContrast: true,
     });
   }
 };

package/src/stock-sources/add-stock-sources/add-stock-sources.component.tsx

@@ -13,12 +13,7 @@ import styles from "./add-stock-sources.scss";
 import { useConcept } from "../../stock-lookups/stock-lookups.resource";
 import { StockSource } from "../../core/api/types/stockOperation/StockSource";
 import { createOrUpdateStockSource } from "../stock-sources.resource";
-import {
-  restBaseUrl,
-  showNotification,
-  showToast,
-  useConfig,
-} from "@openmrs/esm-framework";
+import { restBaseUrl, showSnackbar, useConfig } from "@openmrs/esm-framework";
 import { useTranslation } from "react-i18next";
 import { closeOverlay } from "../../core/components/overlay/hook";
 import { type ConfigObject } from "../../config-schema";
@@ -63,14 +58,15 @@ const StockSourcesAddOrUpdate: React.FC<AddStockSourceProps> = ({ model }) => {
       createOrUpdateStockSource(formModel)
         .then(
           () => {
-            showToast({
-              critical: true,
+            showSnackbar({
+              isLowContrast: true,
               title: t("addedSource", "Add Source"),
               kind: "success",
-              description: t(
+              subtitle: t(
                 "stocksourceaddedsuccessfully",
                 "Stock Source Added Successfully"
               ),
+              timeoutInMs: 5000,
             });
 
             handleMutate(`${restBaseUrl}/stockmanagement/stocksource`);
@@ -78,11 +74,11 @@ const StockSourcesAddOrUpdate: React.FC<AddStockSourceProps> = ({ model }) => {
             closeOverlay();
           },
           (error) => {
-            showNotification({
+            showSnackbar({
               title: t(`errorAddingSource', 'error adding a source`),
               kind: "error",
-              critical: true,
-              description: error?.message,
+              isLowContrast: true,
+              subtitle: error?.message,
             });
           }
         )