@kenyaemr/esm-admin-app 5.4.4-pre.428 → 5.4.4-pre.429

package/src/components/global-property/workspace/upload-logo.workspace.test.tsx

@@ -0,0 +1,180 @@
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import '@testing-library/jest-dom';
+import { vi, describe, it, expect, beforeEach } from 'vitest';
+import UploadLogoWorkspace from './upload-logo.workspace';
+
+const mockShowSnackbar = vi.fn();
+const mockUploadLogo = vi.fn();
+const mockCloseWorkspace = vi.fn();
+const mockMutateGlobalProperty = vi.fn();
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({ t: (_key: string, fallback: string) => fallback }),
+}));
+
+vi.mock('@openmrs/esm-framework', () => ({
+  useLayoutType: vi.fn(() => 'desktop'),
+  showSnackbar: (...args: unknown[]) => mockShowSnackbar(...args),
+  Workspace2: ({ children, title }: { children: React.ReactNode; title: string }) => (
+    <div>
+      <h2>{title}</h2>
+      {children}
+    </div>
+  ),
+}));
+
+vi.mock('../hooks/useLogoUpload', async (importOriginal) => {
+  const original = await importOriginal<typeof import('../hooks/useLogoUpload')>();
+  return {
+    ...original,
+    uploadLogo: (...args: unknown[]) => mockUploadLogo(...args),
+  };
+});
+
+vi.mock('@carbon/react', async (importOriginal) => {
+  const original = await importOriginal<typeof import('@carbon/react')>();
+  return {
+    ...original,
+    Button: ({ children, onClick, disabled, type }: any) => (
+      <button onClick={onClick} disabled={disabled} type={type || 'button'}>
+        {children}
+      </button>
+    ),
+    FileUploader: ({ onChange, onDelete, disabled }: any) => (
+      <div>
+        <input
+          data-testid="file-input"
+          type="file"
+          disabled={disabled}
+          onChange={(e) => onChange({ target: e.target, addedFiles: Array.from(e.target.files ?? []) })}
+        />
+        <button type="button" onClick={() => onDelete?.()}>
+          remove-file
+        </button>
+      </div>
+    ),
+  };
+});
+
+const baseProps = {
+  closeWorkspace: mockCloseWorkspace,
+  workspaceProps: {
+    mutateGlobalProperty: mockMutateGlobalProperty,
+  },
+} as any;
+
+function makeFile(name: string, type: string, size?: number) {
+  const file = new File(['logo-bytes'], name, { type });
+  if (size != null) {
+    Object.defineProperty(file, 'size', { value: size });
+  }
+  return file;
+}
+
+describe('UploadLogoWorkspace', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    global.URL.createObjectURL = vi.fn(() => 'blob:preview');
+    global.URL.revokeObjectURL = vi.fn();
+  });
+
+  it('renders the workspace with the Upload button disabled until a file is chosen', () => {
+    render(<UploadLogoWorkspace {...baseProps} />);
+    expect(screen.getByText('Upload image')).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Upload' })).toBeDisabled();
+    expect(screen.queryByRole('img')).not.toBeInTheDocument();
+  });
+
+  it('shows a preview and enables Upload after selecting a valid image', async () => {
+    render(<UploadLogoWorkspace {...baseProps} />);
+
+    await userEvent.upload(screen.getByTestId('file-input'), makeFile('logo.png', 'image/png'));
+
+    expect(screen.getByRole('img', { name: 'Image preview' })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Upload' })).toBeEnabled();
+  });
+
+  it('rejects an unsupported file type and keeps Upload disabled', async () => {
+    render(<UploadLogoWorkspace {...baseProps} />);
+
+    await userEvent.upload(screen.getByTestId('file-input'), makeFile('notes.pdf', 'application/pdf'));
+
+    expect(screen.getByText(/Unsupported file type/i)).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Upload' })).toBeDisabled();
+    expect(screen.queryByRole('img')).not.toBeInTheDocument();
+  });
+
+  it('rejects a file larger than the 2 MB limit', async () => {
+    render(<UploadLogoWorkspace {...baseProps} />);
+
+    await userEvent.upload(screen.getByTestId('file-input'), makeFile('huge.png', 'image/png', 2 * 1024 * 1024 + 1));
+
+    expect(screen.getByText(/exceeds the 2 MB maximum/i)).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Upload' })).toBeDisabled();
+  });
+
+  it('uploads the selected image, shows a success snackbar, refreshes and closes', async () => {
+    mockUploadLogo.mockResolvedValue({ savedPath: '/srv/openmrs/prescription-logo.png', message: 'ok' });
+    render(<UploadLogoWorkspace {...baseProps} />);
+
+    const file = makeFile('logo.png', 'image/png');
+    await userEvent.upload(screen.getByTestId('file-input'), file);
+    await userEvent.click(screen.getByRole('button', { name: 'Upload' }));
+
+    await waitFor(() => {
+      expect(mockUploadLogo).toHaveBeenCalledWith(file, 'prescription');
+      expect(mockShowSnackbar).toHaveBeenCalledWith(expect.objectContaining({ kind: 'success' }));
+      expect(mockMutateGlobalProperty).toHaveBeenCalled();
+      expect(mockCloseWorkspace).toHaveBeenCalled();
+    });
+  });
+
+  it('uploads to the receipt destination when the receipt option is selected', async () => {
+    mockUploadLogo.mockResolvedValue({ savedPath: '/srv/openmrs/receipt-logo.png', message: 'ok' });
+    render(<UploadLogoWorkspace {...baseProps} />);
+
+    await userEvent.click(screen.getByRole('radio', { name: 'Receipt logo' }));
+    const file = makeFile('mtrh-logo.png', 'image/png');
+    await userEvent.upload(screen.getByTestId('file-input'), file);
+    await userEvent.click(screen.getByRole('button', { name: 'Upload' }));
+
+    await waitFor(() => {
+      expect(mockUploadLogo).toHaveBeenCalledWith(file, 'receipt');
+    });
+  });
+
+  it('shows an error snackbar and keeps the workspace open when upload fails', async () => {
+    mockUploadLogo.mockRejectedValue(new Error('Upload failed'));
+    render(<UploadLogoWorkspace {...baseProps} />);
+
+    await userEvent.upload(screen.getByTestId('file-input'), makeFile('logo.png', 'image/png'));
+    await userEvent.click(screen.getByRole('button', { name: 'Upload' }));
+
+    await waitFor(() => {
+      expect(mockShowSnackbar).toHaveBeenCalledWith(expect.objectContaining({ kind: 'error' }));
+    });
+    expect(mockMutateGlobalProperty).not.toHaveBeenCalled();
+    expect(mockCloseWorkspace).not.toHaveBeenCalled();
+  });
+
+  it('closes the workspace when Cancel is clicked', async () => {
+    render(<UploadLogoWorkspace {...baseProps} />);
+    await userEvent.click(screen.getByRole('button', { name: 'Cancel' }));
+    expect(mockCloseWorkspace).toHaveBeenCalledTimes(1);
+    expect(mockUploadLogo).not.toHaveBeenCalled();
+  });
+
+  it('clears the preview and disables Upload when the chosen file is removed', async () => {
+    render(<UploadLogoWorkspace {...baseProps} />);
+
+    await userEvent.upload(screen.getByTestId('file-input'), makeFile('logo.png', 'image/png'));
+    expect(screen.getByRole('img', { name: 'Image preview' })).toBeInTheDocument();
+
+    await userEvent.click(screen.getByRole('button', { name: 'remove-file' }));
+
+    expect(screen.queryByRole('img')).not.toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Upload' })).toBeDisabled();
+  });
+});

package/src/components/global-property/workspace/upload-logo.workspace.tsx

@@ -0,0 +1,191 @@
+import React, { useEffect, useState } from 'react';
+import { showSnackbar, useLayoutType, Workspace2, type Workspace2DefinitionProps } from '@openmrs/esm-framework';
+import {
+  Button,
+  ButtonSet,
+  FileUploader,
+  Form,
+  FormGroup,
+  InlineLoading,
+  InlineNotification,
+  RadioButton,
+  RadioButtonGroup,
+  Stack,
+} from '@carbon/react';
+import { useTranslation } from 'react-i18next';
+import classNames from 'classnames';
+
+import styles from './upload-logo.workspace.scss';
+import { ALLOWED_LOGO_TYPES, MAX_LOGO_SIZE_BYTES, type LogoTarget, uploadLogo } from '../hooks/useLogoUpload';
+
+type UploadLogoWorkspaceProps = {
+  mutateGlobalProperty?: () => void;
+};
+
+const UploadLogoWorkspace: React.FC<Workspace2DefinitionProps<UploadLogoWorkspaceProps, {}, {}>> = ({
+  closeWorkspace,
+  workspaceProps,
+}) => {
+  const { t } = useTranslation();
+  const isTablet = useLayoutType() === 'tablet';
+  const mutateGlobalProperty = workspaceProps?.mutateGlobalProperty;
+
+  const [target, setTarget] = useState<LogoTarget>('prescription');
+  const [file, setFile] = useState<File | null>(null);
+  const [previewUrl, setPreviewUrl] = useState<string | null>(null);
+  const [validationError, setValidationError] = useState<string | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  useEffect(() => {
+    if (!file) {
+      setPreviewUrl(null);
+      return;
+    }
+    const url = URL.createObjectURL(file);
+    setPreviewUrl(url);
+    return () => URL.revokeObjectURL(url);
+  }, [file]);
+
+  const handleFileChange = (selected: File | null) => {
+    setValidationError(null);
+    if (!selected) {
+      setFile(null);
+      return;
+    }
+    if (!ALLOWED_LOGO_TYPES.includes(selected.type)) {
+      setValidationError(t('unsupportedImageType', 'Unsupported file type. Accepted: JPEG, PNG, GIF, BMP or WebP.'));
+      setFile(null);
+      return;
+    }
+    if (selected.size > MAX_LOGO_SIZE_BYTES) {
+      setValidationError(t('imageTooLarge', 'File exceeds the 2 MB maximum size.'));
+      setFile(null);
+      return;
+    }
+    setFile(selected);
+  };
+
+  const onSubmit = async (event: React.FormEvent) => {
+    event.preventDefault();
+    if (!file) {
+      setValidationError(t('selectImageFirst', 'Please select an image to upload.'));
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const { savedPath } = await uploadLogo(file, target);
+      const fileName = savedPath?.split(/[\\/]/).pop() ?? file.name;
+      showSnackbar({
+        title: t('success', 'Success'),
+        kind: 'success',
+        subtitle: t('logoUploaded', 'Image "{{fileName}}" uploaded successfully', { fileName }),
+        timeoutInMs: 5000,
+      });
+      mutateGlobalProperty?.();
+      closeWorkspace({ discardUnsavedChanges: true });
+    } catch (error: any) {
+      showSnackbar({
+        title: t('error', 'Error'),
+        kind: 'error',
+        subtitle: error?.message ?? t('logoUploadError', 'Error uploading image'),
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  return (
+    <Workspace2 title={t('uploadImage', 'Upload image')} hasUnsavedChanges={Boolean(file)}>
+      <Form onSubmit={onSubmit} className={styles.form}>
+        <div className={styles.formContainer}>
+          <Stack gap={5}>
+            <InlineNotification
+              kind="info"
+              lowContrast
+              hideCloseButton
+              title={t('logoUploadTitle', 'Printed documents logo')}
+              subtitle={t(
+                'logoUploadDesc',
+                'Upload a logo used in printed documents. JPEG, PNG, GIF, BMP or WebP, up to 2 MB.',
+              )}
+            />
+
+            <FormGroup legendText={t('logoTarget', 'Logo destination')}>
+              <RadioButtonGroup
+                name="logo-target"
+                legendText=""
+                valueSelected={target}
+                onChange={(value: string) => setTarget(value as LogoTarget)}
+                disabled={isSubmitting}>
+                <RadioButton
+                  labelText={t('prescriptionLogo', 'Prescription logo')}
+                  value="prescription"
+                  id="logo-target-prescription"
+                />
+                <RadioButton labelText={t('receiptLogo', 'Receipt logo')} value="receipt" id="logo-target-receipt" />
+              </RadioButtonGroup>
+            </FormGroup>
+
+            <FormGroup legendText={t('image', 'Image')}>
+              <FileUploader
+                labelTitle=""
+                labelDescription={t('logoUploaderHint', 'Max file size is 2 MB. Supported: JPEG, PNG, GIF, BMP, WebP.')}
+                buttonLabel={t('addFile', 'Add file')}
+                buttonKind="tertiary"
+                size="md"
+                filenameStatus="edit"
+                accept={ALLOWED_LOGO_TYPES}
+                multiple={false}
+                disabled={isSubmitting}
+                onChange={(e: { target: HTMLInputElement; addedFiles?: File[] }) => {
+                  const selected = e.addedFiles?.[0] ?? e.target?.files?.[0] ?? null;
+                  handleFileChange(selected);
+                }}
+                onDelete={() => handleFileChange(null)}
+              />
+            </FormGroup>
+
+            {validationError && (
+              <InlineNotification
+                kind="error"
+                lowContrast
+                hideCloseButton
+                title={t('invalidImage', 'Invalid image')}
+                subtitle={validationError}
+              />
+            )}
+
+            {previewUrl && (
+              <div className={styles.previewContainer}>
+                <span className={styles.previewLabel}>{t('preview', 'Preview')}</span>
+                <img src={previewUrl} alt={t('imagePreview', 'Image preview')} className={styles.preview} />
+              </div>
+            )}
+          </Stack>
+        </div>
+
+        <ButtonSet
+          className={classNames({
+            [styles.tablet]: isTablet,
+            [styles.desktop]: !isTablet,
+          })}>
+          <Button className={styles.buttonContainer} kind="secondary" onClick={() => closeWorkspace()}>
+            {t('cancel', 'Cancel')}
+          </Button>
+          <Button className={styles.buttonContainer} disabled={!file || isSubmitting} kind="primary" type="submit">
+            {isSubmitting ? (
+              <span className={styles.inlineLoading}>
+                {t('uploading', 'Uploading...')}
+                <InlineLoading status="active" iconDescription="Loading" />
+              </span>
+            ) : (
+              t('upload', 'Upload')
+            )}
+          </Button>
+        </ButtonSet>
+      </Form>
+    </Workspace2>
+  );
+};
+
+export default UploadLogoWorkspace;

package/src/index.ts

@@ -80,6 +80,10 @@ export const globalPropertyWorkspace = getAsyncLifecycle(
   () => import('./components/global-property/workspace/global-property.workspace'),
   options,
 );
+export const uploadLogoWorkspace = getAsyncLifecycle(
+  () => import('./components/global-property/workspace/upload-logo.workspace'),
+  options,
+);
 export const deleteGlobalPropertyModal = getAsyncLifecycle(
   () => import('./components/global-property/modal/delete-global-property-modal.component'),
   options,

package/src/routes.json

@@ -92,6 +92,11 @@
       "name": "global-property-workspace",
       "component": "globalPropertyWorkspace",
       "window": "esm-admin-workspace-window"
+    },
+    {
+      "name": "upload-logo-workspace",
+      "component": "uploadLogoWorkspace",
+      "window": "esm-admin-workspace-window"
     }
   ],
   "workspaceWindows2": [

package/translations/am.json

@@ -5,6 +5,7 @@
   "activeFrom": "ከዚህ ቀን ጀምሮ ገባሪ",
   "activeTo": "እስከዚህ ቀን ገባሪ",
   "addAnotherRoleScope": "Add user role scope",
+  "addFile": "Add file",
   "addGlobalProperty": "Add new global property",
   "addLocation": "ቦታ ያክሉ",
   "addRoleScope": "Add a new user role scope",
@@ -18,7 +19,6 @@
   "chooseIdentifierType": "Choose identifier type",
   "chooseRegulator": "Choose regulator",
   "chooseRegulatorType": "Choose regulator option",
-  "clearSearchButton": "Clear search button",
   "completionStatus": "የማጠናቀቂያ ሁኔታ",
   "confirmation": "ማረጋገጫ",
   "contact": "Contact",
@@ -91,8 +91,8 @@
   "generalInformation": "አጠቃላይ መረጃ",
   "givenName": "Given Name",
   "givenNameRequired": "Given name is required",
-  "globalProperties": "Global properties",
   "globalProperty": "Global property",
+  "globalPropertyDescription": "A list of all global properties for the system. Filter by search term to find specific properties.",
   "globalPropertyError": "Global property",
   "gpCreated": "Global property {{property}} was created successfully.",
   "gpDatatypeConfigPlaceholder": "Optional datatype configuration",
@@ -125,7 +125,11 @@
   "identifierNumber": "Identifier number*",
   "identifierProvider": "መለያ:",
   "identity": "Identity",
+  "image": "Image",
+  "imagePreview": "Image preview",
+  "imageTooLarge": "File exceeds the 2 MB maximum size.",
   "inactive": "Inactive",
+  "invalidImage": "Invalid image",
   "itemsPerPage": "Items per page:",
   "kephLevel": "የ Keph ደረጃ",
   "lastSynced": "Last synced",
@@ -157,6 +161,12 @@
   "locationUpdated": "Location {{locationName}} was updated successfully.",
   "loginInfo": "Login Info",
   "loginInformation": "Login Info",
+  "logoTarget": "Logo destination",
+  "logoUploadDesc": "Upload a logo used in printed documents. JPEG, PNG, GIF, BMP or WebP, up to 2 MB.",
+  "logoUploaded": "Image uploaded successfully to {{savedPath}}",
+  "logoUploaderHint": "Max file size is 2 MB. Supported: JPEG, PNG, GIF, BMP, WebP.",
+  "logoUploadError": "Error uploading image",
+  "logoUploadTitle": "Printed documents logo",
   "male": "Male",
   "manageUserRoleScope": "የተጠቃሚ ሚና ስፋትን አስተዳድር",
   "manageUsers": "Manage Users",
@@ -173,9 +183,7 @@
   "noContractedServices": "No contracted services on record for this facility.",
   "noData": "የሚታይ መረጃ የለም",
   "noDescriptionAvailable": "ምንም መግለጫ አይገኝም",
-  "noGlobalProperties": "No global properties to display",
   "noHwrApi": "የጤና እንክብካቤ ሰራተኛ መመዝገቢያ API መረጃዎች አልተዋቀሩም፣ እባክዎ የስርዓት አስተዳዳሪን ያግኙ። አካውንት መፍጠር መቀጠል ይፈልጋሉ",
-  "noMatchingGlobalProperties": "No global properties match your search",
   "noMatchingUsers": "ተዛማጅ ተጠቃሚዎች አልተገኙም",
   "noRecordsFound": "ምንም የETL ክንውን ምዝግብ ማስታወሻዎች አልተገኙም",
   "noRespond": "አይ",
@@ -204,6 +212,8 @@
   "practiceTypePlaceholder": "e.g. Clinical Practice",
   "practitioner": "Practitioner",
   "preferredHandlerClassname": "Preferred handler classname",
+  "prescriptionLogo": "Prescription logo",
+  "preview": "Preview",
   "previousPage": "የቀድሞ ገጽ",
   "procedure": "ሥነ-ሥርዓት",
   "professionalCadre": "Professional Cadre",
@@ -226,6 +236,7 @@
   "pullDetailsfromHWR": "Pulling data from Health worker registry...",
   "qualification": "Qualification",
   "qualificationPlaceholder": "e.g. MBChB(UON)2009",
+  "receiptLogo": "Receipt logo",
   "recreated": "በድጋሚ ተፈጥሯል",
   "recreateDatatools": "የውሂብ መሳሪያዎችን በድጋሚ ፍጠር",
   "recreateFacilityWideTables": "የተቋም-ሰፊ ሰንጠረዦችን በድጋሚ ፍጠር",
@@ -245,17 +256,19 @@
   "role": "ሚና",
   "roles": "Roles Info",
   "rolesInfo": "Roles Info",
+  "rowActions": "Row actions",
   "saveAndClose": "Save & close",
   "search": "ቦታ ፈልግ",
   "searchFailed": "Search failed",
+  "searchForGlobalProperties": "Search for global properties",
   "searchForLocation": "Search for location",
   "searchForUsers": "ተጠቃሚ ፈልግ",
-  "searchGlobalPropertiesByName": "Search global property by name",
   "searchLocation": "Search Location",
   "searchNoResults": "ምንም ተዛማጅ ውጤቶች አልተገኙም",
   "searchNoResultsHelper": "የተለየ ቃል ለመፈለግ ይሞክሩ",
   "searchParentLocation": "Search for location...",
   "selectDatatypeClassname": "Select datatype classname",
+  "selectImageFirst": "Please select an image to upload.",
   "selectTagPlaceholder": "Select a tag",
   "selectTags": "Select tag(s)",
   "sex": "Sex",
@@ -288,7 +301,11 @@
   "unknownError": "የጤና ሰራተኛ መመዝገቢያን በሚፈልጉበት ጊዜ ያልታወቀ ስህተት ተከስቷል፣ እባክዎ የስርዓት አስተዳዳሪን ያግኙ። አካውንት መፍጠር መቀጠል ይፈልጋሉ",
   "unlicensed": "ፈቃድ የሌለው",
   "Unlicensed": "ፈቃድ የሌለው",
+  "unsupportedImageType": "Unsupported file type. Accepted: JPEG, PNG, GIF, BMP or WebP.",
   "updateMessage": "Provider updated successfully",
+  "upload": "Upload",
+  "uploadImage": "Upload image",
+  "uploading": "Uploading...",
   "userCreationFailedSubtitle": "An error occurred while creating user {{errorMessage}}",
   "userGivenName": "Enter Given Name",
   "userManagement": "የተጠቃሚ አስተዳደር",

package/translations/en.json

@@ -5,6 +5,7 @@
   "activeFrom": "Active From",
   "activeTo": "Active To",
   "addAnotherRoleScope": "Add user role scope",
+  "addFile": "Add file",
   "addGlobalProperty": "Add global property",
   "addLocation": "Add Location",
   "addRoleScope": "Add a new user role scope",
@@ -18,7 +19,6 @@
   "chooseIdentifierType": "Choose identifier type",
   "chooseRegulator": "Choose regulator",
   "chooseRegulatorType": "Choose regulator option",
-  "clearSearchButton": "Clear search button",
   "completionStatus": "Completion status",
   "confirmation": "Confirmation",
   "contact": "Contact",
@@ -91,8 +91,8 @@
   "generalInformation": "General information",
   "givenName": "Given Name",
   "givenNameRequired": "Given name is required",
-  "globalProperties": "Global properties",
-  "globalProperty": "Global property",
+  "globalProperty": "Global Property",
+  "globalPropertyDescription": "A list of all global properties for the system. Filter by search term to find specific properties.",
   "globalPropertyError": "Global property",
   "gpCreated": "Global property {{property}} was created successfully.",
   "gpDatatypeConfigPlaceholder": "Optional datatype configuration",
@@ -125,7 +125,11 @@
   "identifierNumber": "Identifier number*",
   "identifierProvider": "Identifier:",
   "identity": "Identity",
+  "image": "Image",
+  "imagePreview": "Image preview",
+  "imageTooLarge": "File exceeds the 2 MB maximum size.",
   "inactive": "Inactive",
+  "invalidImage": "Invalid image",
   "itemsPerPage": "Items per page:",
   "kephLevel": "KEPH level",
   "lastSynced": "Last synced",
@@ -157,6 +161,12 @@
   "locationUpdated": "Location {{locationName}} was updated successfully.",
   "loginInfo": "Login Info",
   "loginInformation": "Login Info",
+  "logoTarget": "Logo destination",
+  "logoUploadDesc": "Upload a logo used in printed documents. JPEG, PNG, GIF, BMP or WebP, up to 2 MB.",
+  "logoUploaded": "Image \"{{fileName}}\" uploaded successfully",
+  "logoUploaderHint": "Max file size is 2 MB. Supported: JPEG, PNG, GIF, BMP, WebP.",
+  "logoUploadError": "Error uploading image",
+  "logoUploadTitle": "Printed documents logo",
   "male": "Male",
   "manageUserRoleScope": "Manage user role scope",
   "manageUsers": "Manage Users",
@@ -173,9 +183,7 @@
   "noContractedServices": "No contracted services on record for this facility.",
   "noData": "No data to display",
   "noDescriptionAvailable": "No description available",
-  "noGlobalProperties": "No global properties to display",
   "noHwrApi": "Health Care Worker Registry API credentials not configured, Kindly contact system admin. Do you want to continue to create an account",
-  "noMatchingGlobalProperties": "No global properties match your search",
   "noMatchingUsers": "No matching users found",
   "noRecordsFound": "No ETL Operation logs found",
   "noRespond": "No",
@@ -188,11 +196,11 @@
   "noUserRoleScope": "No user role scope",
   "noUsersAvailable": "No users available",
   "operationError": "{{operationName}} failed",
-  "operationErrorSubtitle": "An error occurred during the operation.",
+  "operationErrorSubtitle": "An error occurred during the operation. {{error}}",
   "operationsConfirmationMessages": "Do you want to {{operationTypeOrName}}?",
   "operationSuccess": "{{operationName}} successfully {{operationType}}",
   "operationSuccessSubtitle": "The operation completed successfully.",
-  "pageRangeText_one": "of {{count}} page",
+  "pageRangeText_one": "of {{count}} pages",
   "pageRangeText_other": "of {{count}} pages",
   "passportNumber": "Passport number",
   "permanent": "Permanent?",
@@ -204,6 +212,8 @@
   "practiceTypePlaceholder": "e.g. Clinical Practice",
   "practitioner": "Practitioner",
   "preferredHandlerClassname": "Preferred handler classname",
+  "prescriptionLogo": "Prescription logo",
+  "preview": "Preview",
   "previousPage": "Previous page",
   "procedure": "Procedure",
   "professionalCadre": "Professional cadre",
@@ -226,6 +236,7 @@
   "pullDetailsfromHWR": "Pulling data from Health worker registry...",
   "qualification": "Qualification",
   "qualificationPlaceholder": "e.g. MBChB(UON)2009",
+  "receiptLogo": "Receipt logo",
   "recreated": "recreated",
   "recreateDatatools": "Recreate datatools",
   "recreateFacilityWideTables": "Recreate facility wide tables",
@@ -245,17 +256,19 @@
   "role": "Role",
   "roles": "Roles Info",
   "rolesInfo": "Roles Info",
+  "rowActions": "Row actions",
   "saveAndClose": "Save & close",
   "search": "Search",
   "searchFailed": "Search failed",
+  "searchForGlobalProperties": "Search for global properties",
   "searchForLocation": "Search for location",
   "searchForUsers": "Search for user",
-  "searchGlobalPropertiesByName": "Search global property by name",
   "searchLocation": "Search Location",
   "searchNoResults": "Found no matching results",
   "searchNoResultsHelper": "Try searching for a different term",
   "searchParentLocation": "Search for location...",
   "selectDatatypeClassname": "Select datatype classname",
+  "selectImageFirst": "Please select an image to upload.",
   "selectTagPlaceholder": "Select a tag",
   "selectTags": "Select tag(s)",
   "sex": "Sex",
@@ -288,7 +301,11 @@
   "unknownError": "An error occurred while searching Health Worker Registry, kindly contact system admin. Do you want to continue to create an account",
   "unlicensed": "Unlicensed",
   "Unlicensed": "Unlicensed",
+  "unsupportedImageType": "Unsupported file type. Accepted: JPEG, PNG, GIF, BMP or WebP.",
   "updateMessage": "Provider updated successfully",
+  "upload": "Upload",
+  "uploadImage": "Upload image",
+  "uploading": "Uploading...",
   "userCreationFailedSubtitle": "An error occurred while creating user {{errorMessage}}",
   "userGivenName": "Enter Given Name",
   "userManagement": "User Management",