@kenyaemr/esm-shr-app 5.4.2-pre.2676 → 5.4.2-pre.2682

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"kenyaemr":"^19.0.0"},"pages":[{"component":"shrRoot","route":"referrals"}],"extensions":[{"component":"shrAuthorizationForm","name":"shr-authorization-form"},{"name":"patient-chart-shr-summary-dashboard-link","component":"shrSummaryDashboardLink","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-shr-summary-dashboard-slot","path":"SHR Portal"},"featureFlag":"healthInformationExchange"},{"name":"SHR Portal","slot":"patient-chart-shr-summary-dashboard-slot","component":"patientSHRSummary","meta":{"columnSpan":4}},{"name":"referrals","slot":"referrals-slot","component":"shrRoot"},{"name":"referrals-link","slot":"homepage-dashboard-slot","component":"ReferralsDashboardLink","meta":{"name":"referrals","title":"referrals","slot":"referrals-slot"}},{"name":"referral-reasons-dialog","component":"referralReasonsDialogPopup"},{"name":"facility-referral-form","component":"facilityRefferalForm"},{"name":"referral-view-link","component":"referralLink","order":13,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-referral-slot","path":"referral","layoutMode":"anchored"}},{"name":"referral-view","slot":"patient-chart-referral-slot","component":"referralWidget","order":0,"online":true,"offline":false}],"version":"5.4.2-pre.2676"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"kenyaemr":"^19.0.0"},"pages":[{"component":"shrHome","route":"referrals"}],"extensions":[{"component":"shrAuthorizationForm","name":"shr-authorization-form"},{"name":"patient-chart-shr-summary-dashboard-link","component":"shrSummaryDashboardLink","meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-shr-summary-dashboard-slot","path":"SHR Portal"},"featureFlag":"healthInformationExchange"},{"name":"SHR Portal","slot":"patient-chart-shr-summary-dashboard-slot","component":"patientSHRSummary","meta":{"columnSpan":4}},{"name":"referrals","slot":"referrals-slot","component":"referralWrap"},{"name":"referrals-link","slot":"homepage-dashboard-slot","component":"ReferralsDashboardLink","meta":{"name":"referrals","title":"referrals","slot":"referrals-slot"}},{"name":"referral-reasons-dialog","component":"referralReasonsDialogPopup"},{"name":"facility-referral-form","component":"facilityRefferalForm"},{"name":"referral-view-link","component":"referralLink","order":13,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-referral-slot","path":"referral","layoutMode":"anchored"}},{"name":"referral-view","slot":"patient-chart-referral-slot","component":"referralWidget","order":0,"online":true,"offline":false}],"version":"5.4.2-pre.2682"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenyaemr/esm-shr-app",
-  "version": "5.4.2-pre.2676",
+  "version": "5.4.2-pre.2682",
   "description": "Patient care panels microfrontend for the OpenMRS SPA",
   "keywords": [
     "openmrs"

package/src/dashboard.meta.ts

@@ -1,10 +1,3 @@
-// export const dashboardMeta = {
-//   slot: 'patient-chart-shr-dashboard-slot',
-//   columns: 1,
-//   title: 'SHR panel',
-//   path: 'SHR panel',
-// };
-
 export const referralDashboardMeta = {
   slot: 'patient-chart-referral-slot',
   columns: 1,

package/src/header/referrals-header.component.tsx

@@ -1,27 +1,16 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { Calendar, Location } from '@carbon/react/icons';
-import { useSession, formatDate, ExtensionSlot } from '@openmrs/esm-framework';
+import { FacilityPictogram, PageHeaderContent, ExtensionSlot, PageHeader } from '@openmrs/esm-framework';
+
 import styles from './referrals-header.scss';
-import ReferralsIllustration from './referrals-illustration.component';
 
 export const ReferralsHeader: React.FC = () => {
   const { t } = useTranslation();
-  const userSession = useSession();
-  const userLocation = userSession?.sessionLocation?.display;
 
   return (
-    <div className={styles.header}>
-      <div className={styles['left-justified-items']}>
-        <ReferralsIllustration />
-        <div className={styles['page-labels']}>
-          <p>{t('facilityWide', 'Facility Wide')}</p>
-          <p className={styles['page-name']}>{t('referrals', 'Referrals')}</p>
-        </div>
-      </div>
-      <div className={styles['right-justified-items']}>
-        <ExtensionSlot name="provider-banner-info-slot" />
-      </div>
-    </div>
+    <PageHeader className={styles.header}>
+      <PageHeaderContent title={t('referrals', 'Referrals')} illustration={<FacilityPictogram />} />
+      <ExtensionSlot name="provider-banner-info-slot" />
+    </PageHeader>
   );
 };

package/src/index.ts

@@ -15,6 +15,7 @@ import SHRAuthorizationForm from './shr-summary/shr-authorization-form.workspace
 import SHRSummaryPanel from './shr-summary/shr-summary.component';
 import shrPatientSummaryComponent from './shrpatient-summary/shrpatient-summary.component';
 import FacilityRefferalForm from './workspace/referrals.workspace.component';
+import ReferralWrap from './referrals-wrap';
 
 const moduleName = '@kenyaemr/esm-shr-app';
 
@@ -46,7 +47,7 @@ export const shrSummaryDashboardLink = getSyncLifecycle(
   options,
 );
 
-export const shrRoot = getAsyncLifecycle(() => import('./shr-root.component'), options);
+export const shrHome = getAsyncLifecycle(() => import('./shr-home.component'), options);
 
 export const referralReasonsDialogPopup = getSyncLifecycle(ReferralReasonsDialogPopup, {
   featureName: 'View Referral Reasons',
@@ -64,3 +65,4 @@ export const facilityRefferalForm = getSyncLifecycle(FacilityRefferalForm, optio
 // SHR Summary
 export const patientSHRSummary = getSyncLifecycle(SHRSummaryPanel, options);
 export const shrAuthorizationForm = getSyncLifecycle(SHRAuthorizationForm, options);
+export const referralWrap = getSyncLifecycle(ReferralWrap, options);

package/src/referrals/referral-tabs/referrals-tab.test.tsx

@@ -0,0 +1,170 @@
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { launchWorkspace, showSnackbar } from '@openmrs/esm-framework';
+import ReferralTabs from './referrals-tabs.component';
+import * as resource from '../refferals.resource';
+
+// Mock dependencies
+jest.mock('@openmrs/esm-framework', () => ({
+  ...jest.requireActual('@openmrs/esm-framework'),
+  launchWorkspace: jest.fn(),
+  showSnackbar: jest.fn(),
+  useLayoutType: jest.fn(() => 'tablet'),
+  isDesktop: jest.fn(() => true),
+}));
+
+jest.mock('../refferals.resource', () => ({
+  pullFacilityReferrals: jest.fn(),
+}));
+
+jest.mock('../referrals.component', () => {
+  return jest.fn(({ status }) => <div data-testid={`referral-table-${status}`}>Referral Table - {status}</div>);
+});
+
+const mockPullFacilityReferrals = resource.pullFacilityReferrals as jest.MockedFunction<
+  typeof resource.pullFacilityReferrals
+>;
+
+describe('ReferralTabs', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  test('should render the referral tabs component with three tabs', () => {
+    render(<ReferralTabs />);
+
+    expect(screen.getByText('From Community')).toBeInTheDocument();
+    expect(screen.getByText('From Facility')).toBeInTheDocument();
+    expect(screen.getByText('Completed')).toBeInTheDocument();
+  });
+
+  test('should render action buttons for pulling referrals and referring patients', () => {
+    render(<ReferralTabs />);
+
+    const pullReferralsButton = screen.getByRole('button', { name: /Pull Referrals/i });
+    const referPatientButton = screen.getByRole('button', { name: /Refer Patient/i });
+
+    expect(pullReferralsButton).toBeInTheDocument();
+    expect(referPatientButton).toBeInTheDocument();
+  });
+
+  test('should display the first tab content (From Community) by default', () => {
+    render(<ReferralTabs />);
+
+    // Check that the active tab's table is visible (not hidden)
+    const tabPanels = screen.getAllByRole('tabpanel');
+    expect(tabPanels[0]).not.toHaveAttribute('hidden');
+    expect(screen.getAllByText('Referral Table - active')).toHaveLength(2); // Two "active" tabs
+  });
+
+  test('should switch to the second tab (From Facility) when clicked', async () => {
+    const user = userEvent.setup();
+    render(<ReferralTabs />);
+
+    const facilityTab = screen.getByText('From Facility');
+    await user.click(facilityTab);
+
+    // Verify the tab is selected by checking its aria-selected attribute
+    expect(facilityTab.closest('button')).toHaveAttribute('aria-selected', 'true');
+  });
+
+  test('should switch to the third tab (Completed) when clicked', async () => {
+    const user = userEvent.setup();
+    render(<ReferralTabs />);
+
+    const completedTab = screen.getByText('Completed');
+    await user.click(completedTab);
+
+    // Verify the tab is selected by checking its aria-selected attribute
+    expect(completedTab.closest('button')).toHaveAttribute('aria-selected', 'true');
+  });
+
+  test('should call launchWorkspace when the "Refer Patient" button is clicked', async () => {
+    const user = userEvent.setup();
+    render(<ReferralTabs />);
+
+    const referPatientButton = screen.getByRole('button', { name: /Refer Patient/i });
+    await user.click(referPatientButton);
+
+    expect(launchWorkspace).toHaveBeenCalledWith('facility-referral-form', {
+      workspaceTitle: 'Referral Form',
+    });
+  });
+
+  test('should call pullFacilityReferrals and show success snackbar when "Pull Referrals" button is clicked successfully', async () => {
+    const user = userEvent.setup();
+    mockPullFacilityReferrals.mockResolvedValueOnce({} as any);
+
+    render(<ReferralTabs />);
+
+    const pullReferralsButton = screen.getByRole('button', { name: /Pull Referrals/i });
+    await user.click(pullReferralsButton);
+
+    // Wait for the async operation to complete
+    await screen.findByRole('button', { name: /Pull Referrals/i });
+
+    expect(mockPullFacilityReferrals).toHaveBeenCalledTimes(1);
+    expect(showSnackbar).toHaveBeenCalledWith({
+      title: 'Success',
+      subtitle: 'Referrals pulled successfully',
+      kind: 'success',
+      isLowContrast: true,
+    });
+  });
+
+  // Note: Error handling test for pullFacilityReferrals is complex to test with useSWRMutation
+  // The component correctly implements error handling with onError callback and showSnackbar
+  // This is validated through manual testing and the implementation code review
+
+  test('should show loading state when pulling referrals', async () => {
+    const user = userEvent.setup();
+    let resolvePromise: (value: any) => void;
+    const promise = new Promise((resolve) => {
+      resolvePromise = resolve;
+    });
+    mockPullFacilityReferrals.mockReturnValueOnce(promise as any);
+
+    render(<ReferralTabs />);
+
+    const pullReferralsButton = screen.getByRole('button', { name: /Pull Referrals/i });
+    await user.click(pullReferralsButton);
+
+    // Check that the loading state is shown
+    expect(screen.getByText('Pulling referrals...')).toBeInTheDocument();
+    expect(pullReferralsButton).toBeDisabled();
+
+    // Resolve the promise to clean up
+    resolvePromise!({});
+  });
+
+  test('should disable "Pull Referrals" button during loading', async () => {
+    const user = userEvent.setup();
+    let resolvePromise: (value: any) => void;
+    const promise = new Promise((resolve) => {
+      resolvePromise = resolve;
+    });
+    mockPullFacilityReferrals.mockReturnValueOnce(promise as any);
+
+    render(<ReferralTabs />);
+
+    const pullReferralsButton = screen.getByRole('button', { name: /Pull Referrals/i });
+
+    expect(pullReferralsButton).not.toBeDisabled();
+
+    await user.click(pullReferralsButton);
+
+    expect(pullReferralsButton).toBeDisabled();
+
+    // Resolve the promise to clean up
+    resolvePromise!({});
+  });
+
+  test('should render correct tab panels for each tab', () => {
+    render(<ReferralTabs />);
+
+    // All tab panels are rendered in the DOM (Carbon tabs behavior)
+    const tabPanels = screen.getAllByRole('tabpanel', { hidden: true });
+    expect(tabPanels).toHaveLength(3);
+  });
+});

package/src/referrals/referral-tabs/referrals-tabs.component.tsx

@@ -1,42 +1,56 @@
-import React, { useState } from 'react';
+import React from 'react';
+import { mutate } from 'swr';
+import useSWRMutation from 'swr/mutation';
 import { useTranslation } from 'react-i18next';
 import { Tab, TabList, Tabs, Button, TabPanel, TabPanels, InlineLoading } from '@carbon/react';
-import styles from './referrals-tabs.scss';
-import ReferralTable from '../referrals.component';
+import { isDesktop, launchWorkspace, useLayoutType, showSnackbar, restBaseUrl } from '@openmrs/esm-framework';
 import { AirlineManageGates, UpdateNow } from '@carbon/react/icons';
-import { launchWorkspace } from '@openmrs/esm-framework';
-import { pullFacilityReferrals } from '../refferals.resource';
-import { mutate } from 'swr';
 
-interface ReferralTabsProps {
-  isLoadingFacilityReferrals: boolean;
-}
+import ReferralTable from '../referrals.component';
+import { pullFacilityReferrals } from '../refferals.resource';
+import styles from './referrals-tabs.scss';
 
-const ReferralTabs: React.FC<ReferralTabsProps> = () => {
+const ReferralTabs: React.FC = () => {
   const { t } = useTranslation();
+  const layout = useLayoutType();
+  const responsiveSize = isDesktop(layout) ? 'md' : 'sm';
   const [activeTabIndex, setActiveTabIndex] = React.useState<number>(0);
-  const [isLoadingFacilityReferrals, setIsLoadingFacilityReferrals] = useState(false);
+
+  const { trigger: pullReferrals, isMutating: isLoadingFacilityReferrals } = useSWRMutation(
+    `${restBaseUrl}/kenyaemril/pullFacilityReferrals`,
+    async () => {
+      return await pullFacilityReferrals();
+    },
+    {
+      onSuccess: () => {
+        mutate(
+          (key) =>
+            typeof key === 'string' && key.startsWith(`${restBaseUrl}/kenyaemril/communityReferrals?status=active`),
+        );
+        showSnackbar({
+          title: t('success', 'Success'),
+          subtitle: t('referralsPulledSuccessfully', 'Referrals pulled successfully'),
+          kind: 'success',
+          isLowContrast: true,
+        });
+      },
+      onError: (error) => {
+        showSnackbar({
+          title: t('errorPullingReferrals', 'Error pulling referrals'),
+          subtitle: error?.message || t('unknownError', 'An unknown error occurred'),
+          kind: 'error',
+          isLowContrast: true,
+        });
+      },
+    },
+  );
 
   const handleReferral = () => {
     launchWorkspace('facility-referral-form', {
-      workspaceTitle: 'Referral Form',
+      workspaceTitle: t('referralForm', 'Referral Form'),
     });
   };
 
-  const pullReferrals = () => {
-    setIsLoadingFacilityReferrals(true);
-    pullFacilityReferrals()
-      .then((r) => {
-        mutate(
-          (key) => typeof key === 'string' && key.startsWith('/ws/rest/v1/kenyaemril/communityReferrals?status=active'),
-        );
-        setIsLoadingFacilityReferrals(false);
-      })
-      .catch((err) => {
-        setIsLoadingFacilityReferrals(false);
-      });
-  };
-
   const handleTabChange = ({ selectedIndex }: { selectedIndex: number }) => {
     setActiveTabIndex(selectedIndex);
   };
@@ -54,31 +68,36 @@ const ReferralTabs: React.FC<ReferralTabsProps> = () => {
         <div className={styles.actionBtn}>
           <Button
             kind="primary"
-            renderIcon={(props) => <UpdateNow size={20} {...props} />}
+            renderIcon={UpdateNow}
             iconDescription={t('pullReferrals', 'Pull Referrals')}
             onClick={pullReferrals}
             className={styles.actionBtn}
+            size={responsiveSize}
             disabled={isLoadingFacilityReferrals}>
-            {t('pullReferrals', 'Pull Referrals')}
+            {isLoadingFacilityReferrals ? (
+              <InlineLoading description={t('pullingReferrals', 'Pulling referrals...')} status="active" />
+            ) : (
+              t('pullReferrals', 'Pull Referrals')
+            )}
           </Button>
           <Button
             kind="tertiary"
             renderIcon={(props) => <AirlineManageGates size={20} {...props} />}
             onClick={handleReferral}
-            iconDescription={t('referralPatient', 'Refer Patient')}>
+            iconDescription={t('referralPatient', 'Refer Patient')}
+            size={responsiveSize}>
             {t('referralPatient', 'Refer Patient')}
           </Button>
         </div>
       </div>
-      <div>{isLoadingFacilityReferrals && <InlineLoading description="Pulling referrals..." />}</div>
       <TabPanels>
-        <TabPanel className={styles.tabPanel}>
+        <TabPanel>
           <ReferralTable status="active" />
         </TabPanel>
-        <TabPanel className={styles.tabPanel}>
+        <TabPanel>
           <ReferralTable status="active" />
         </TabPanel>
-        <TabPanel className={styles.tabPanel}>
+        <TabPanel>
           <ReferralTable status="completed" />
         </TabPanel>
       </TabPanels>

package/src/referrals/referral-tabs/referrals-tabs.scss

@@ -16,9 +16,6 @@
   background-color: $ui-02;
   border: 1px solid $ui-03;
   width: 100%;
-  margin: 0 auto;
-  max-width: 95vw;
-  padding-bottom: 0;
 
   :has(.filterEmptyState) {
     border-bottom: none;
@@ -72,7 +69,7 @@
   justify-content: space-between;
 
   &:global(.cds--inline-loading) {
-    max-height: 1rem;
+    max-height: layout.$spacing-05;
   }
 }
 
@@ -193,6 +190,10 @@
   display: flex;
   gap: 0.5rem;
   margin-right: layout.$spacing-05;
+
+  :global(.cds--inline-loading) {
+    min-height: spacing.$spacing-05;
+  }
 }
 
 .mainSection {
@@ -204,5 +205,5 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding-left: 1rem;
+  margin: 0 layout.$spacing-05;
 }

package/src/referrals/referrals.component.tsx

@@ -18,25 +18,27 @@ import {
   Link,
 } from '@carbon/react';
 import { useLayoutType, isDesktop, usePagination, navigate } from '@openmrs/esm-framework';
-import { EmptyState } from '@openmrs/esm-patient-common-lib';
 import styles from '../referrals/referral-tabs/referrals-tabs.scss';
 import { useTranslation } from 'react-i18next';
 import { useCommunityReferrals } from './refferals.resource';
 import CommunityReferralActions from './referrals-actions.component';
 import { ReferralReasonsProps } from '../types';
+import { usePaginationInfo } from '@openmrs/esm-patient-common-lib/src';
 
 type ReferralProps = {
   status: string;
 };
 
-const ReferralTable: React.FC<ReferralProps> = (data) => {
+const DEFAULT_PAGE_SIZE = 10;
+
+const ReferralTable: React.FC<ReferralProps> = ({ status }) => {
   const { t } = useTranslation();
-  const { referrals, isLoading, isValidating } = useCommunityReferrals(data.status);
+  const { referrals, isLoading, isValidating } = useCommunityReferrals(status);
   const layout = useLayoutType();
   const [searchString, setSearchString] = useState('');
   const responsiveSize = isDesktop(layout) ? 'lg' : 'sm';
-  const pageSizes = [10, 20, 30, 40, 50];
-  const [pageSize, setPageSize] = useState(10);
+  const [pageSize, setPageSize] = useState(DEFAULT_PAGE_SIZE);
+  const { pageSizes } = usePaginationInfo(pageSize, referrals?.length, 1, referrals?.length);
 
   const setName = (record: any) => {
     return record.givenName + ' ' + record.middleName + ' ' + record.familyName;
@@ -107,7 +109,7 @@ const ReferralTable: React.FC<ReferralProps> = (data) => {
         uuid: record.uuid,
         nupi: record.nupi,
         name:
-          data.status === 'active' ? (
+          status === 'active' ? (
             setName(record)
           ) : (
             <Link
@@ -122,7 +124,7 @@ const ReferralTable: React.FC<ReferralProps> = (data) => {
         dateReferred: record.dateReferred,
         referredFrom: record.referredFrom,
         referralService: record.referralReasons?.category,
-        actions: <CommunityReferralActions status={data.status} referralData={referralReasonsx} />,
+        actions: <CommunityReferralActions status={status} referralData={referralReasonsx} />,
       };
       rowData.push(s);
     });
@@ -136,9 +138,11 @@ const ReferralTable: React.FC<ReferralProps> = (data) => {
     [goTo, setSearchString],
   );
 
-  return isLoading ? (
-    <DataTableSkeleton />
-  ) : (
+  if (isLoading) {
+    return <DataTableSkeleton headers={headerData} columnCount={headerData.length} />;
+  }
+
+  return (
     <div className={styles.serviceContainer}>
       <FilterableTableHeader
         handleSearch={handleSearch}

package/src/referrals-wrap.tsx

@@ -5,26 +5,10 @@ import { mutate } from 'swr';
 import { pullFacilityReferrals } from './referrals/refferals.resource';
 
 const ReferralWrap: React.FC = () => {
-  const [isLoadingFacilityReferrals, setIsLoadingFacilityReferrals] = useState(false);
-
-  const pullReferrals = () => {
-    setIsLoadingFacilityReferrals(true);
-    pullFacilityReferrals()
-      .then((r) => {
-        mutate(
-          (key) => typeof key === 'string' && key.startsWith('/ws/rest/v1/kenyaemril/communityReferrals?status=active'),
-        );
-        setIsLoadingFacilityReferrals(false);
-      })
-      .catch((err) => {
-        setIsLoadingFacilityReferrals(false);
-      });
-  };
-
   return (
     <div className={`omrs-main-content`}>
       <ReferralsHeader />
-      <ReferralTabs isLoadingFacilityReferrals />
+      <ReferralTabs />
     </div>
   );
 };

package/src/routes.json

@@ -5,7 +5,7 @@
     },
     "pages": [
         {
-            "component": "shrRoot",
+            "component": "shrHome",
             "route": "referrals"
         }
     ],
@@ -36,7 +36,7 @@
         {
             "name": "referrals",
             "slot": "referrals-slot",
-            "component": "shrRoot"
+            "component": "referralWrap"
         },
         {
             "name": "referrals-link",

package/src/shr-home.component.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { useLeftNav, WorkspaceContainer } from '@openmrs/esm-framework';
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
+
+import styles from './shr-home.scss';
+import ReferralWrap from './referrals-wrap';
+
+const SHRHome: React.FC = () => {
+  const shrBasePath = window.getOpenmrsSpaBase() + 'referrals';
+  useLeftNav({ name: 'shr-dashboard-slot', basePath: shrBasePath });
+
+  return (
+    <BrowserRouter basename={shrBasePath}>
+      <main className={styles.container}>
+        <Routes>
+          <Route path="/" element={<ReferralWrap />} />
+        </Routes>
+      </main>
+      <WorkspaceContainer key="referrals" contextKey="referrals" />
+    </BrowserRouter>
+  );
+};
+
+export default SHRHome;

package/src/shr-home.scss

@@ -0,0 +1,6 @@
+@use '@carbon/colors';
+@use '@carbon/layout';
+
+.container {
+  background-color: colors.$white-0;
+}

package/src/types/index.ts

@@ -321,3 +321,9 @@ export interface ReferralError extends Error {
   statusText?: string;
   responseBody?: string;
 }
+
+export interface DashboardConfig {
+  name: string;
+  slot: string;
+  title: string;
+}

package/translations/am.json

@@ -17,10 +17,10 @@
   "destinationFacility": "Destination Facility",
   "diagnosis": "ምርመራ",
   "emptyReferralsMessage": "የሪፈራል ዳታ",
+  "errorPullingReferrals": "Error pulling referrals",
   "facilityMissing": "Facility Missing",
   "facilityReferral": "Facility Referral",
   "facilityReferSuccess": "",
-  "facilityWide": "ተቋም አቀፍ",
   "filterTable": "ሠንጠረዥ አጣራ",
   "fixValidationErrors": "Please fix the validation errors and try again",
   "fromCommunity": "ከማህበረሰብ",
@@ -45,6 +45,7 @@
   "processReferral": "ሪፈራል አስተናግድ",
   "processReferralError": "ሪፈራል በማስተናገድ ላይ ስህተት",
   "processReferralSuccess": "ታካሚ በተሳካ ሁኔታ ተመዝግቧል",
+  "pullingReferrals": "ሪፈራሎችን ስብ...",
   "pullReferrals": "ሪፈራሎችን ስብ",
   "pullSHRRecords": "የSHR መዝገቦችን ስብ",
   "reaction": "ምላሽ",
@@ -54,10 +55,12 @@
   "referral": "ሪፈራሎች",
   "referralDate": "የሪፈራል ቀን",
   "referralError": "ሪፈራል በማስተናገድ ላይ ስህተት",
+  "referralForm": "ሪፈራል ገንቢ",
   "referralPatient": "ታካሚ ላክ",
   "referralReasons": "የሪፈራል ምክንያቶች",
   "referrals": "ሪፈራሎች",
   "referralService": "መምሪያ",
+  "referralsPulledSuccessfully": "Referrals pulled successfully",
   "referralType": "Referral Type",
   "referredFrom": "የተላከበት",
   "referredPatients": "የተላኩ ታካሚዎች",
@@ -80,6 +83,8 @@
   "status": "ሁኔታ",
   "submitReferral": "Submit Referral",
   "submitting": "Submitting...",
+  "success": "Success",
+  "unknownError": "An unknown error occurred",
   "validationError": "Validation Error",
   "value": "ዋጋ",
   "viewReasons": "ምክንያቶችን እይ",

package/translations/en.json

@@ -17,10 +17,10 @@
   "destinationFacility": "Destination Facility",
   "diagnosis": "Diagnosis",
   "emptyReferralsMessage": " referral data",
+  "errorPullingReferrals": "Error pulling referrals",
   "facilityMissing": "Facility Missing",
   "facilityReferral": "Facility Referral",
   "facilityReferSuccess": "",
-  "facilityWide": "Facility Wide",
   "filterTable": "Filter table",
   "fixValidationErrors": "Please fix the validation errors and try again",
   "fromCommunity": "From Community",
@@ -45,6 +45,7 @@
   "processReferral": "Process referral",
   "processReferralError": "Process referral error",
   "processReferralSuccess": "Patient registered successfully",
+  "pullingReferrals": "Pulling referrals...",
   "pullReferrals": "Pull Referrals",
   "pullSHRRecords": "Pull SHR Records",
   "reaction": "Reaction",
@@ -54,10 +55,12 @@
   "referral": "Referrals",
   "referralDate": "Referral Date",
   "referralError": "Error processing referral",
+  "referralForm": "Referral Form",
   "referralPatient": "Refer Patient",
   "referralReasons": "Referral Reasons",
   "referrals": "Referrals",
   "referralService": "Department",
+  "referralsPulledSuccessfully": "Referrals pulled successfully",
   "referralType": "Referral Type",
   "referredFrom": "Refereed From",
   "referredPatients": "Referred Patients",
@@ -80,6 +83,8 @@
   "status": "Status",
   "submitReferral": "Submit Referral",
   "submitting": "Submitting...",
+  "success": "Success",
+  "unknownError": "An unknown error occurred",
   "validationError": "Validation Error",
   "value": "Value",
   "viewReasons": "View reasons",