(fix) Replace showToast with showSnackbar (#690)

showToast is deprecated in favor of showSnackbar. This migrates the
remaining usages in error-utils, form-factory-provider, and
encounter-form-processor to use showSnackbar with the corresponding
SnackbarDescriptor properties (subtitle instead of description,
isLowContrast instead of critical).

Author: denniskigen

src/processors/encounter/encounter-form-processor.ts

@@ -140,9 +140,9 @@ export class EncounterFormProcessor extends FormProcessor {
       const errorMessages = extractErrorMessagesFromResponse(error);
       return Promise.reject({
         title: t('errorSavingPatientIdentifiers', 'Error saving patient identifiers'),
-        description: errorMessages.join(', '),
+        subtitle: errorMessages.join(', '),
         kind: 'error',
-        critical: true,
+        isLowContrast: false,
       });
     }
 
@@ -165,9 +165,9 @@ export class EncounterFormProcessor extends FormProcessor {
       const errorMessages = extractErrorMessagesFromResponse(error);
       return Promise.reject({
         title: t('errorSavingPatientPrograms', 'Error saving patient program(s)'),
-        description: errorMessages.join(', '),
+        subtitle: errorMessages.join(', '),
         kind: 'error',
-        critical: true,
+        isLowContrast: false,
       });
     }
 
@@ -209,9 +209,9 @@ export class EncounterFormProcessor extends FormProcessor {
         const errorMessages = extractErrorMessagesFromResponse(error);
         return Promise.reject({
           title: t('errorSavingAttachments', 'Error saving attachment(s)'),
-          description: errorMessages.join(', '),
+          subtitle: errorMessages.join(', '),
           kind: 'error',
-          critical: true,
+          isLowContrast: false,
         });
       }
       return savedEncounter;
@@ -220,9 +220,9 @@ export class EncounterFormProcessor extends FormProcessor {
       const errorMessages = extractErrorMessagesFromResponse(error);
       return Promise.reject({
         title: t('errorSavingEncounter', 'Error saving encounter'),
-        description: errorMessages.join(', '),
+        subtitle: errorMessages.join(', '),
         kind: 'error',
-        critical: true,
+        isLowContrast: false,
       });
     }
   }

src/provider/form-factory-provider.tsx

@@ -1,21 +1,21 @@
 import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
-import { type FormField, type FormSchema, type SessionMode } from '../types';
-import { EncounterFormProcessor } from '../processors/encounter/encounter-form-processor';
+import { useTranslation } from 'react-i18next';
 import {
+  showSnackbar,
   type LayoutType,
-  useLayoutType,
   type OpenmrsResource,
-  showSnackbar,
-  showToast,
-  type ToastDescriptor,
+  type SnackbarDescriptor,
   type Visit,
+  useLayoutType,
 } from '@openmrs/esm-framework';
-import { type FormProcessorConstructor } from '../processors/form-processor';
-import { type FormContextProps } from './form-provider';
+
+import { EncounterFormProcessor } from '../processors/encounter/encounter-form-processor';
 import { processPostSubmissionActions, validateForm } from './form-factory-helper';
-import { useTranslation } from 'react-i18next';
-import { usePostSubmissionActions } from '../hooks/usePostSubmissionActions';
+import { type FormContextProps } from './form-provider';
+import { type FormField, type FormSchema, type SessionMode } from '../types';
+import { type FormProcessorConstructor } from '../processors/form-processor';
 import { useExternalFormAction } from '../hooks/useExternalFormAction';
+import { usePostSubmissionActions } from '../hooks/usePostSubmissionActions';
 
 interface FormFactoryProviderContextProps {
   patient: fhir.Patient;
@@ -157,17 +157,17 @@ export const FormFactoryProvider: React.FC<FormFactoryProviderProps> = ({
               handleClose();
             }
           })
-          .catch((errorObject: Error | ToastDescriptor) => {
+          .catch((errorObject: Error | SnackbarDescriptor) => {
             setIsSubmitting(false);
             if (errorObject instanceof Error) {
-              showToast({
+              showSnackbar({
                 title: t('errorProcessingFormSubmission', 'Error processing form submission'),
                 kind: 'error',
-                description: errorObject.message,
-                critical: true,
+                subtitle: errorObject.message,
+                isLowContrast: false,
               });
             } else {
-              showToast(errorObject);
+              showSnackbar(errorObject);
             }
           });
       } else {

src/utils/error-utils.ts

@@ -1,14 +1,14 @@
-import { showToast } from '@openmrs/esm-framework';
+import { showSnackbar } from '@openmrs/esm-framework';
 
 export function reportError(error: Error, title: string): void {
   if (error) {
     const errorMessage = extractErrorMessagesFromResponse(error).join(', ');
     console.error(error);
-    showToast({
-      description: errorMessage,
+    showSnackbar({
+      subtitle: errorMessage,
       title: title,
       kind: 'error',
-      critical: true,
+      isLowContrast: false,
     });
   }
 }