From bd75d6ea1814c8a1c85be1bdaf92a62d36c68420 Mon Sep 17 00:00:00 2001
From: Laurent Ouma <lawiomosh3@gmail.com>
Date: Wed, 15 Jan 2025 13:36:15 +0300
Subject: [PATCH 1/4] fix: Update use preauth hook to use mock preauth
 payload;mock fetch;properly rename interventions

---
 .../benefits-package/benefits-package.mock.ts    |  6 +++---
 .../forms/benefit-pre-auth-form.workspace.tsx    |  8 ++++----
 ...t.tsx => package-interventions.component.tsx} | 16 +++++++++++-----
 .../dashboard/form/claims-form.component.tsx     |  4 ++--
 packages/esm-billing-app/src/config-schema.ts    |  2 +-
 .../src/hooks/use-pre-auth-requests.ts           | 14 +++++++++++++-
 .../src/hooks/useInterventions.ts                |  4 ++--
 packages/esm-billing-app/src/types/index.ts      |  2 +-
 packages/esm-billing-app/translations/en.json    |  2 +-
 9 files changed, 38 insertions(+), 20 deletions(-)
 rename packages/esm-billing-app/src/benefits-package/forms/{package-intervensions.component.tsx => package-interventions.component.tsx} (81%)

diff --git a/packages/esm-billing-app/src/benefits-package/benefits-package.mock.ts b/packages/esm-billing-app/src/benefits-package/benefits-package.mock.ts
index a1c59b684..15e7cc376 100644
--- a/packages/esm-billing-app/src/benefits-package/benefits-package.mock.ts
+++ b/packages/esm-billing-app/src/benefits-package/benefits-package.mock.ts
@@ -4,7 +4,7 @@ import {
   Diagnosis,
   Package,
   PatientBenefit,
-  SHAIntervension,
+  SHAIntervention,
   shifIdentifiersResponse,
 } from '../types';
 
@@ -52,10 +52,10 @@ export const packages = [
   },
 ] as Array<Package>;
 
-export const intervensions = patientBenefits.map(({ interventionCode, interventionName }) => ({
+export const interventions = patientBenefits.map(({ interventionCode, interventionName }) => ({
   interventionCode,
   interventionName,
-})) as Array<SHAIntervension>;
+})) as Array<SHAIntervention>;
 
 export const coverageEligibilityResponse = [
   {
diff --git a/packages/esm-billing-app/src/benefits-package/forms/benefit-pre-auth-form.workspace.tsx b/packages/esm-billing-app/src/benefits-package/forms/benefit-pre-auth-form.workspace.tsx
index edf169c07..50abacc3d 100644
--- a/packages/esm-billing-app/src/benefits-package/forms/benefit-pre-auth-form.workspace.tsx
+++ b/packages/esm-billing-app/src/benefits-package/forms/benefit-pre-auth-form.workspace.tsx
@@ -28,7 +28,7 @@ import useProvider from '../../hooks/useProvider';
 import { PatientBenefit } from '../../types';
 import { preAuthenticateBenefit, preauthSchema } from '../benefits-package.resources';
 import styles from './benefits-pre-auth-form.scss';
-import PackageIntervensions from './package-intervensions.component';
+import PackageInterventions from './package-interventions.component';
 import { ErrorState } from '@openmrs/esm-patient-common-lib';
 
 type BenefitsPreAuth = z.infer<typeof preauthSchema>;
@@ -240,7 +240,7 @@ const BenefitPreAuthForm: React.FC<BenefitPreAuthFormProps> = ({ closeWorkspace,
           </Column>
           {selectedPackageObservable && (
             <Column>
-              <PackageIntervensions
+              <PackageInterventions
                 category={packages.find((package_) => package_.uuid === selectedPackageObservable)?.packageCode ?? ''}
               />
             </Column>
@@ -255,7 +255,7 @@ const BenefitPreAuthForm: React.FC<BenefitPreAuthFormProps> = ({ closeWorkspace,
                   invalid={form.formState.errors[field.name]?.message}
                   invalidText={form.formState.errors[field.name]?.message}
                   id="diagnoses"
-                  titleText={t('diagnosis', 'Diagnosis')}
+                  titleText={t('finalDiagnosis', 'Final Diagnosis')}
                   selectedItems={field.value}
                   label="Choose option"
                   items={diagnoses.map((r) => r.id)}
@@ -279,7 +279,7 @@ const BenefitPreAuthForm: React.FC<BenefitPreAuthFormProps> = ({ closeWorkspace,
           <Button className={styles.button} kind="secondary" onClick={closeWorkspace}>
             {t('discard', 'Discard')}
           </Button>
-          <Button className={styles.button} kind="primary" type="submit">
+          <Button className={styles.button} kind="primary" type="submit" disabled={isSubmitting}>
             {isSubmitting ? (
               <>
                 <Loading className={styles.button_spinner} withOverlay={false} small /> {t('submitting', 'Submitting')}
diff --git a/packages/esm-billing-app/src/benefits-package/forms/package-intervensions.component.tsx b/packages/esm-billing-app/src/benefits-package/forms/package-interventions.component.tsx
similarity index 81%
rename from packages/esm-billing-app/src/benefits-package/forms/package-intervensions.component.tsx
rename to packages/esm-billing-app/src/benefits-package/forms/package-interventions.component.tsx
index c42f3703b..7d81bf44f 100644
--- a/packages/esm-billing-app/src/benefits-package/forms/package-intervensions.component.tsx
+++ b/packages/esm-billing-app/src/benefits-package/forms/package-interventions.component.tsx
@@ -8,10 +8,10 @@ import { eligibilityRequestShema } from '../benefits-package.resources';
 
 type EligibilityRequest = z.infer<typeof eligibilityRequestShema>;
 
-type PackageIntervensionsProps = {
+type PackageInterventionsProps = {
   category: string;
 };
-const PackageIntervensions: React.FC<PackageIntervensionsProps> = ({ category }) => {
+const PackageInterventions: React.FC<PackageInterventionsProps> = ({ category }) => {
   const { error, interventions, isLoading } = useInterventions(category);
   const form = useFormContext<EligibilityRequest>();
   const { t } = useTranslation();
@@ -21,7 +21,13 @@ const PackageIntervensions: React.FC<PackageIntervensionsProps> = ({ category })
   }, [category]);
 
   if (isLoading) {
-    return <InlineLoading status="active" iconDescription="Loading" description="Loading intervensions..." />;
+    return (
+      <InlineLoading
+        status="active"
+        iconDescription="Loading"
+        description={t('loadingInterventions', 'Loading interventions') + '...'}
+      />
+    );
   }
 
   if (error) {
@@ -31,7 +37,7 @@ const PackageIntervensions: React.FC<PackageIntervensionsProps> = ({ category })
         kind="error"
         lowContrast={true}
         statusIconDescription="notification"
-        title={t('failure', 'Error loading intervensions')}
+        title={t('failure', 'Error loading interventions')}
       />
     );
   }
@@ -60,4 +66,4 @@ const PackageIntervensions: React.FC<PackageIntervensionsProps> = ({ category })
   );
 };
 
-export default PackageIntervensions;
+export default PackageInterventions;
diff --git a/packages/esm-billing-app/src/claims/dashboard/form/claims-form.component.tsx b/packages/esm-billing-app/src/claims/dashboard/form/claims-form.component.tsx
index 43b8dbe67..9a4f4ec40 100644
--- a/packages/esm-billing-app/src/claims/dashboard/form/claims-form.component.tsx
+++ b/packages/esm-billing-app/src/claims/dashboard/form/claims-form.component.tsx
@@ -21,7 +21,7 @@ import { Controller, FormProvider, useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom';
 import { z } from 'zod';
-import PackageIntervensions from '../../../benefits-package/forms/package-intervensions.component';
+import PackageInterventions from '../../../benefits-package/forms/package-interventions.component';
 import { formatDate } from '../../../helpers/functions';
 import { useSystemSetting } from '../../../hooks/getMflCode';
 import usePackages from '../../../hooks/usePackages';
@@ -315,7 +315,7 @@ const ClaimsForm: React.FC<ClaimsFormProps> = ({ bill, selectedLineItems }) => {
           {selectedPackageObservable && (
             <Column>
               <Layer className={styles.input}>
-                <PackageIntervensions
+                <PackageInterventions
                   category={packages.find((package_) => package_.uuid === selectedPackageObservable)?.packageCode ?? ''}
                 />
               </Layer>
diff --git a/packages/esm-billing-app/src/config-schema.ts b/packages/esm-billing-app/src/config-schema.ts
index 2553bedfc..44bf0a173 100644
--- a/packages/esm-billing-app/src/config-schema.ts
+++ b/packages/esm-billing-app/src/config-schema.ts
@@ -62,7 +62,7 @@ export const configSchema: ConfigSchema = {
   },
   hieBaseUrl: {
     _type: Type.String,
-    _description: 'HIE Base URL for getting intervensions and benefit packages',
+    _description: 'HIE Base URL for getting interventions and benefit packages',
     _default: 'https://payers.apeiro-digital.com/api/v1',
   },
   visitAttributeTypes: {
diff --git a/packages/esm-billing-app/src/hooks/use-pre-auth-requests.ts b/packages/esm-billing-app/src/hooks/use-pre-auth-requests.ts
index d7900a8e6..df67c16fa 100644
--- a/packages/esm-billing-app/src/hooks/use-pre-auth-requests.ts
+++ b/packages/esm-billing-app/src/hooks/use-pre-auth-requests.ts
@@ -195,7 +195,19 @@ export const usePreAuthRequests = () => {
   const { hieBaseUrl } = useConfig<BillingConfig>();
   const url = `${hieBaseUrl}/claim/byFacility?facilityCode=Organization/${mflCodeValue}&type=preauthorization&claimResponseId=`;
 
-  const { data, error, isLoading, mutate } = useSWR<{ data: Array<PreAuthRequest> }>(url, openmrsFetch);
+  const { data, error, isLoading, mutate } = useSWR<{ data: Array<PreAuthRequest> }>(
+    url,
+    () =>
+      new Promise<{ data: Array<PreAuthRequest> }>((resolve) =>
+        setTimeout(
+          () =>
+            resolve({
+              data: preAuthRequests as any,
+            }),
+          3000,
+        ),
+      ),
+  );
 
   return {
     preAuthRequests: (data?.data?.length ? data?.data : preAuthRequests).map((r) => {
diff --git a/packages/esm-billing-app/src/hooks/useInterventions.ts b/packages/esm-billing-app/src/hooks/useInterventions.ts
index 9a56eb621..89ed8f40c 100644
--- a/packages/esm-billing-app/src/hooks/useInterventions.ts
+++ b/packages/esm-billing-app/src/hooks/useInterventions.ts
@@ -1,6 +1,6 @@
 import { FetchResponse, openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
 import useSWR from 'swr';
-import { SHAIntervension } from '../types';
+import { SHAIntervention } from '../types';
 
 export const useInterventions = (code: string) => {
   const fetcher = (url: string) => {
@@ -35,7 +35,7 @@ export const useInterventions = (code: string) => {
           interventionCode,
           subCategoryBenefitsPackage: interventionSubPackage,
           interventionName,
-        } as SHAIntervension),
+        } as SHAIntervention),
     ),
     error,
   };
diff --git a/packages/esm-billing-app/src/types/index.ts b/packages/esm-billing-app/src/types/index.ts
index ef9046354..bbe17c560 100644
--- a/packages/esm-billing-app/src/types/index.ts
+++ b/packages/esm-billing-app/src/types/index.ts
@@ -491,7 +491,7 @@ export type PaymentMode = {
   resourceVersion?: string;
 };
 
-export type SHAIntervension = {
+export type SHAIntervention = {
   interventionCode: string;
   shaCategory: string;
   accessCode: string;
diff --git a/packages/esm-billing-app/translations/en.json b/packages/esm-billing-app/translations/en.json
index dec4a7e96..c832c91d6 100644
--- a/packages/esm-billing-app/translations/en.json
+++ b/packages/esm-billing-app/translations/en.json
@@ -123,7 +123,7 @@
   "exemptionSchema": "Exemption Schema",
   "facility": "Facility",
   "failedBillPayment": "Bill payment failed",
-  "failure": "Error loading intervensions",
+  "failure": "Error loading interventions",
   "filterBy": "Filter by",
   "filterByTimesheet": "Filter by timesheet",
   "filterTable": "Filter table",

From 7bd79ec15863c953e866fb1877f8a2df5c7fae8d Mon Sep 17 00:00:00 2001
From: Laurent Ouma <lawiomosh3@gmail.com>
Date: Wed, 15 Jan 2025 18:47:29 +0300
Subject: [PATCH 2/4] feat: Enhance PackageInterventions component to utilize
 patient UUID and apply gender-based filtering

---
 .../forms/benefit-pre-auth-form.workspace.tsx |  1 +
 .../forms/package-interventions.component.tsx | 26 +++++++++++++----
 .../dashboard/form/claims-form.component.tsx  |  1 +
 .../src/hooks/useInterventions.ts             | 28 +++++++++++++++++--
 packages/esm-billing-app/translations/en.json |  2 +-
 5 files changed, 48 insertions(+), 10 deletions(-)

diff --git a/packages/esm-billing-app/src/benefits-package/forms/benefit-pre-auth-form.workspace.tsx b/packages/esm-billing-app/src/benefits-package/forms/benefit-pre-auth-form.workspace.tsx
index 50abacc3d..e03f3f6ad 100644
--- a/packages/esm-billing-app/src/benefits-package/forms/benefit-pre-auth-form.workspace.tsx
+++ b/packages/esm-billing-app/src/benefits-package/forms/benefit-pre-auth-form.workspace.tsx
@@ -242,6 +242,7 @@ const BenefitPreAuthForm: React.FC<BenefitPreAuthFormProps> = ({ closeWorkspace,
             <Column>
               <PackageInterventions
                 category={packages.find((package_) => package_.uuid === selectedPackageObservable)?.packageCode ?? ''}
+                patientUuid={patientUuid}
               />
             </Column>
           )}
diff --git a/packages/esm-billing-app/src/benefits-package/forms/package-interventions.component.tsx b/packages/esm-billing-app/src/benefits-package/forms/package-interventions.component.tsx
index 7d81bf44f..e2a7324c9 100644
--- a/packages/esm-billing-app/src/benefits-package/forms/package-interventions.component.tsx
+++ b/packages/esm-billing-app/src/benefits-package/forms/package-interventions.component.tsx
@@ -1,26 +1,39 @@
 import { InlineLoading, InlineNotification, MultiSelect } from '@carbon/react';
-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Controller, useFormContext } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { z } from 'zod';
-import { useInterventions } from '../../hooks/useInterventions';
+import { InterventionsFilter, toQueryParams, useInterventions } from '../../hooks/useInterventions';
 import { eligibilityRequestShema } from '../benefits-package.resources';
+import { usePatient } from '@openmrs/esm-framework';
 
 type EligibilityRequest = z.infer<typeof eligibilityRequestShema>;
 
 type PackageInterventionsProps = {
   category: string;
+  patientUuid: string;
 };
-const PackageInterventions: React.FC<PackageInterventionsProps> = ({ category }) => {
-  const { error, interventions, isLoading } = useInterventions(category);
+const PackageInterventions: React.FC<PackageInterventionsProps> = ({ category, patientUuid }) => {
+  const [filters, setFilters] = useState<InterventionsFilter>({ package_code: category });
+  const { error: patientError, isLoading: isPatientLoading, patient } = usePatient(patientUuid);
+  const { error, interventions, isLoading } = useInterventions(filters);
+
   const form = useFormContext<EligibilityRequest>();
   const { t } = useTranslation();
 
+  useEffect(() => {
+    setFilters((state) => ({
+      ...state,
+      package_code: category,
+      applicable_gender: patient?.gender === 'male' ? 'MALE' : patient?.gender === 'female' ? 'FEMALE' : undefined,
+    }));
+  }, [category, patient]);
+
   useEffect(() => {
     form.setValue('interventions', []);
   }, [category]);
 
-  if (isLoading) {
+  if (isLoading || isPatientLoading) {
     return (
       <InlineLoading
         status="active"
@@ -30,7 +43,7 @@ const PackageInterventions: React.FC<PackageInterventionsProps> = ({ category })
     );
   }
 
-  if (error) {
+  if (error || patientError) {
     return (
       <InlineNotification
         aria-label="closes notification"
@@ -38,6 +51,7 @@ const PackageInterventions: React.FC<PackageInterventionsProps> = ({ category })
         lowContrast={true}
         statusIconDescription="notification"
         title={t('failure', 'Error loading interventions')}
+        subtitle={error?.message ?? patientError?.message}
       />
     );
   }
diff --git a/packages/esm-billing-app/src/claims/dashboard/form/claims-form.component.tsx b/packages/esm-billing-app/src/claims/dashboard/form/claims-form.component.tsx
index 9a4f4ec40..1db0b8d7e 100644
--- a/packages/esm-billing-app/src/claims/dashboard/form/claims-form.component.tsx
+++ b/packages/esm-billing-app/src/claims/dashboard/form/claims-form.component.tsx
@@ -317,6 +317,7 @@ const ClaimsForm: React.FC<ClaimsFormProps> = ({ bill, selectedLineItems }) => {
               <Layer className={styles.input}>
                 <PackageInterventions
                   category={packages.find((package_) => package_.uuid === selectedPackageObservable)?.packageCode ?? ''}
+                  patientUuid={patientUuid}
                 />
               </Layer>
             </Column>
diff --git a/packages/esm-billing-app/src/hooks/useInterventions.ts b/packages/esm-billing-app/src/hooks/useInterventions.ts
index 89ed8f40c..ea82027b8 100644
--- a/packages/esm-billing-app/src/hooks/useInterventions.ts
+++ b/packages/esm-billing-app/src/hooks/useInterventions.ts
@@ -2,19 +2,41 @@ import { FetchResponse, openmrsFetch, restBaseUrl } from '@openmrs/esm-framework
 import useSWR from 'swr';
 import { SHAIntervention } from '../types';
 
-export const useInterventions = (code: string) => {
+export type InterventionsFilter = {
+  package_code?: string;
+  scheme_code?: string;
+  applicable_gender?: 'MALE' | 'FEMALE';
+};
+
+export const toQueryParams = (q: Record<string, any>) => {
+  return (
+    '?' +
+    Object.entries(q)
+      .reduce((prev, [key, val]) => {
+        if (val !== undefined && val !== null) {
+          return [...prev, `${key}=${val}`];
+        }
+        return prev;
+      }, [])
+      .join('&')
+  );
+};
+
+export const useInterventions = (filters: InterventionsFilter) => {
   const fetcher = (url: string) => {
     return openmrsFetch(url, {
       method: 'POST',
       body: {
         searchKeyAndValues: {
+          ...filters,
           // scheme_code: 'UHC',
-          package_code: code,
+          applicable_gender: filters.applicable_gender ? `ALL,${filters.applicable_gender}` : undefined,
         },
       },
     });
   };
-  const url = `${restBaseUrl}/insuranceclaims/claims/interventions/query?code=${code}`;
+
+  const url = `${restBaseUrl}/insuranceclaims/claims/interventions/query${toQueryParams(filters)}`;
   const { isLoading, error, data } = useSWR<
     FetchResponse<{
       status: string;
diff --git a/packages/esm-billing-app/translations/en.json b/packages/esm-billing-app/translations/en.json
index c832c91d6..e86e0b9ce 100644
--- a/packages/esm-billing-app/translations/en.json
+++ b/packages/esm-billing-app/translations/en.json
@@ -120,7 +120,6 @@
   "errorOnLine": "Error on line",
   "errorRetrievingHIESubscription": "Error retrieving HIE subscription",
   "exemptionCategory": "Exemption category",
-  "exemptionSchema": "Exemption Schema",
   "facility": "Facility",
   "failedBillPayment": "Bill payment failed",
   "failure": "Error loading interventions",
@@ -156,6 +155,7 @@
   "loadingBillingServices": "Loading billing services...",
   "loadingData": "Loading data...",
   "loadingDescription": "Loading",
+  "loadingInterventions": "Loading interventions",
   "loadingSchema": "Loading schema",
   "makeclaims": "Make Claims",
   "makePreauthRequest": "Make Pre-auth Request",

From cb50d0afc4b336d6c08d24cb01982f670887a112 Mon Sep 17 00:00:00 2001
From: Laurent Ouma <lawiomosh3@gmail.com>
Date: Fri, 17 Jan 2025 08:39:10 +0300
Subject: [PATCH 3/4] refactor: Cleanup preauth

---
 .../pre-auth/form/pre-auth-form.component.tsx | 364 ------------------
 .../pre-auth/form/pre-auth-form.resource.ts   |  20 -
 .../claims/pre-auth/form/pre-auth-form.scss   | 141 -------
 .../pre-auth/form/pre-auth-mock-data.ts       |  44 ---
 .../src/claims/pre-auth/hook/pre-auth.mock.ts |  40 --
 .../pre-auth/pre-auth-dashboard.component.tsx |  79 ----
 .../claims/pre-auth/pre-auth-dashboard.scss   |  42 --
 .../table/pre-auth-table.component.tsx        | 234 -----------
 .../claims/pre-auth/table/pre-auth-table.scss | 111 ------
 .../esm-billing-app/src/root.component.tsx    |   2 -
 10 files changed, 1077 deletions(-)
 delete mode 100644 packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-form.component.tsx
 delete mode 100644 packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-form.resource.ts
 delete mode 100644 packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-form.scss
 delete mode 100644 packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-mock-data.ts
 delete mode 100644 packages/esm-billing-app/src/claims/pre-auth/hook/pre-auth.mock.ts
 delete mode 100644 packages/esm-billing-app/src/claims/pre-auth/pre-auth-dashboard.component.tsx
 delete mode 100644 packages/esm-billing-app/src/claims/pre-auth/pre-auth-dashboard.scss
 delete mode 100644 packages/esm-billing-app/src/claims/pre-auth/table/pre-auth-table.component.tsx
 delete mode 100644 packages/esm-billing-app/src/claims/pre-auth/table/pre-auth-table.scss

diff --git a/packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-form.component.tsx b/packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-form.component.tsx
deleted file mode 100644
index 9b373c312..000000000
--- a/packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-form.component.tsx
+++ /dev/null
@@ -1,364 +0,0 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import {
-  Column,
-  TextArea,
-  Form,
-  Layer,
-  Stack,
-  TextInput,
-  Row,
-  Button,
-  ButtonSet,
-  MultiSelect,
-  Tag,
-  InlineLoading,
-} from '@carbon/react';
-import { navigate, showSnackbar } from '@openmrs/esm-framework';
-import { useSystemSetting } from '../../../hooks/getMflCode';
-import { useParams } from 'react-router-dom';
-import { useForm, Controller } from 'react-hook-form';
-import { z } from 'zod';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { useVisit } from '../../dashboard/form/claims-form.resource';
-import styles from './pre-auth-form.scss';
-import { LineItem, MappedBill } from '../../../types';
-import { useInterventions, usePackages } from './pre-auth-form.resource';
-import { Service } from '../../../../../esm-lab-manifest-app/src/metrics/lab-manifest-metrics.component';
-
-type PreAuthFormProps = {
-  bill: MappedBill;
-  selectedLineItems: LineItem[];
-};
-
-const PreAuthFormSchema = z.object({
-  claimCode: z.string().nonempty({ message: 'Claim code is required' }),
-  guaranteeId: z.string().nonempty({ message: 'Guarantee Id is required' }),
-  preAuthJustification: z.string().nonempty({ message: 'Claim justification is required' }),
-  diagnoses: z
-    .array(
-      z.object({
-        id: z.string(),
-        text: z.string(),
-      }),
-    )
-    .nonempty({ message: 'At least one diagnosis is required' }),
-  visitType: z.string().nonempty({ message: 'Visit type is required' }),
-  facility: z.string().nonempty({ message: 'Facility is required' }),
-  packages: z.array(z.string()).nonempty({ message: 'At least one package is required' }),
-  interventions: z.array(z.string()).nonempty({ message: 'At least one intervention is required' }),
-});
-
-const PreAuthForm: React.FC<PreAuthFormProps> = ({ bill, selectedLineItems }) => {
-  const { t } = useTranslation();
-  const { mflCodeValue } = useSystemSetting('facility.mflcode');
-  const { patientUuid, billUuid } = useParams();
-  const { visits: recentVisit } = useVisit(patientUuid);
-  const { interventions } = useInterventions();
-  const { packages } = usePackages();
-
-  const [loading, setLoading] = useState(false);
-
-  const handleNavigateToBillingOptions = () =>
-    navigate({
-      to: window.getOpenmrsSpaBase() + `home/billing/patient/${patientUuid}/${billUuid}`,
-    });
-
-  const diagnoses = useMemo(() => {
-    return (
-      recentVisit?.encounters?.flatMap(
-        (encounter) =>
-          encounter.diagnoses.map((diagnosis) => ({
-            id: diagnosis.diagnosis.coded.uuid,
-            text: diagnosis.display,
-            certainty: diagnosis.certainty,
-          })) || [],
-      ) || []
-    );
-  }, [recentVisit]);
-
-  const confirmedDiagnoses = useMemo(() => {
-    return diagnoses.filter((diagnosis) => diagnosis.certainty === 'CONFIRMED');
-  }, [diagnoses]);
-
-  const {
-    control,
-    handleSubmit,
-    formState: { errors, isValid },
-    setValue,
-    reset,
-  } = useForm({
-    mode: 'all',
-    resolver: zodResolver(PreAuthFormSchema),
-    defaultValues: {
-      claimCode: '',
-      guaranteeId: '',
-      preAuthJustification: '',
-      diagnoses: [],
-      visitType: '',
-      facility: '',
-      packages: [],
-      interventions: [],
-    },
-  });
-
-  const onSubmit = async (data) => {
-    setLoading(true);
-    try {
-      showSnackbar({
-        kind: 'success',
-        title: t('requestPreAuth', 'Pre Authorization'),
-        subtitle: t('sendClaim', 'Pre authorization request sent successfully'),
-        timeoutInMs: 3000,
-        isLowContrast: true,
-      });
-      reset();
-      setTimeout(() => {
-        navigate({
-          to: window.getOpenmrsSpaBase() + `home/billing/`,
-        });
-      }, 2000);
-    } catch (err) {
-      console.error(err);
-      showSnackbar({
-        kind: 'error',
-        title: t('requestPreAuthError', 'Pre Authorization Error'),
-        subtitle: t('sendClaimError', 'Pre authorization request failed, please try later'),
-        timeoutInMs: 2500,
-        isLowContrast: true,
-      });
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  useEffect(() => {
-    reset({
-      diagnoses: confirmedDiagnoses,
-      visitType: recentVisit?.visitType?.display || '',
-      facility: `${recentVisit?.location?.display || ''} - ${mflCodeValue || ''}`,
-      claimCode: '',
-      guaranteeId: '',
-      preAuthJustification: '',
-      packages: [],
-      interventions: [],
-    });
-  }, [confirmedDiagnoses, recentVisit, mflCodeValue, reset]);
-
-  return (
-    <Form className={styles.form} onSubmit={handleSubmit(onSubmit)}>
-      <Stack gap={4} className={styles.grid}>
-        <span className={styles.preAuthFormTitle}>{t('formTitle', 'Fill in the form details')}</span>
-        <Column>
-          <Layer className={styles.input}>
-            <Controller
-              control={control}
-              name="preAuthJustification"
-              render={({ field }) => (
-                <TextArea
-                  {...field}
-                  labelText={t('preAuthJustification', 'Pre-Auth Justification')}
-                  rows={3}
-                  placeholder="Claim Justification"
-                  id="preAuthJustification"
-                  invalid={!!errors.preAuthJustification}
-                  invalidText={errors.preAuthJustification?.message}
-                />
-              )}
-            />
-          </Layer>
-        </Column>
-        <Row className={styles.formPreAuthRow}>
-          <Column className={styles.formPreAuthColumn}>
-            <Layer className={styles.input}>
-              <Controller
-                control={control}
-                name="visitType"
-                render={({ field }) => (
-                  <TextInput
-                    {...field}
-                    id="visittype"
-                    labelText={t('visittype', 'Visit Type')}
-                    readOnly
-                    value={field.value}
-                  />
-                )}
-              />
-            </Layer>
-          </Column>
-          <Column className={styles.formPreAuthColumn}>
-            <Layer className={styles.input}>
-              <Controller
-                control={control}
-                name="facility"
-                render={({ field }) => (
-                  <TextInput
-                    {...field}
-                    id="facility"
-                    labelText={t('facility', 'Facility')}
-                    readOnly
-                    value={field.value}
-                  />
-                )}
-              />
-            </Layer>
-          </Column>
-        </Row>
-        <Row className={styles.formPreAuthRow}>
-          <Column className={styles.formPreAuthColumn}>
-            <Layer className={styles.input}>
-              <Controller
-                control={control}
-                name="guaranteeId"
-                render={({ field }) => (
-                  <TextInput
-                    {...field}
-                    id="guaranteeId"
-                    placeholder="Guarantee Id"
-                    labelText={t('guaranteeId', 'Guarantee Id')}
-                    invalid={!!errors.guaranteeId}
-                    invalidText={errors.guaranteeId?.message}
-                  />
-                )}
-              />
-            </Layer>
-          </Column>
-          <Column className={styles.formPreAuthColumn}>
-            <Layer className={styles.input}>
-              <Controller
-                control={control}
-                name="claimCode"
-                render={({ field }) => (
-                  <TextInput
-                    {...field}
-                    id="claimcode"
-                    placeholder="Claim Code"
-                    labelText={t('claimcode', 'Claim Code')}
-                    invalid={!!errors.claimCode}
-                    invalidText={errors.claimCode?.message}
-                  />
-                )}
-              />
-            </Layer>
-          </Column>
-        </Row>
-        <Column>
-          <Layer className={styles.input}>
-            <Controller
-              control={control}
-              name="packages"
-              render={({ field }) => (
-                <>
-                  <>
-                    <div>
-                      {field.value.map((item, index) => (
-                        <Tag key={index} type="high-contrast">
-                          {item}
-                        </Tag>
-                      ))}
-                    </div>
-                  </>
-                  <MultiSelect
-                    {...field}
-                    items={packages}
-                    titleText={t('packages', 'Packages')}
-                    itemToString={(item) => (item ? item.shaPackageName : '')}
-                    label={field.value.length === 0 ? t('packagesOptions', 'Choose packages') : ''}
-                    id="packages"
-                    invalid={!!errors.packages}
-                    invalidText={errors.packages?.message}
-                    placeholder="Select Packages"
-                    onChange={({ selectedItems }) => {
-                      field.onChange(selectedItems.map((item) => item.shaPackageCode));
-                    }}
-                  />
-                </>
-              )}
-            />
-          </Layer>
-        </Column>
-        <Column>
-          <Layer className={styles.input}>
-            <Controller
-              control={control}
-              name="interventions"
-              render={({ field }) => (
-                <>
-                  <div>
-                    {field.value.map((item, index) => {
-                      const intervention = interventions.find((interv) => interv.shaInterventionCode === item);
-                      return (
-                        <Tag key={index} type="high-contrast">
-                          {intervention ? intervention.shaInterventionName : ''}
-                        </Tag>
-                      );
-                    })}
-                  </div>
-                  <MultiSelect
-                    {...field}
-                    items={interventions}
-                    titleText={t('interventions', 'Interventions')}
-                    itemToString={(item) => (item ? item.shaInterventionName : '')}
-                    label={field.value.length === 0 ? t('interventionsOption', 'Choose interventions') : ''}
-                    id="interventions"
-                    invalid={!!errors.interventions}
-                    invalidText={errors.interventions?.message}
-                    placeholder="Select Interventions"
-                    onChange={({ selectedItems }) => {
-                      field.onChange(selectedItems.map((item) => item.shaInterventionCode));
-                    }}
-                  />
-                </>
-              )}
-            />
-          </Layer>
-        </Column>
-        <Column>
-          <Layer className={styles.input}>
-            <Controller
-              control={control}
-              name="diagnoses"
-              render={({ field }) => (
-                <>
-                  <div>
-                    {field.value.map((item, index) => (
-                      <Tag key={index} type="high-contrast">
-                        {item.text}
-                      </Tag>
-                    ))}
-                  </div>
-                  <MultiSelect
-                    {...field}
-                    id="diagnoses"
-                    titleText={t('diagnoses', 'Diagnoses')}
-                    items={diagnoses}
-                    itemToString={(item) => (item ? item.text : '')}
-                    selectionFeedback="top-after-reopen"
-                    label={field.value.length === 0 ? t('chooseDiagnosis', 'Choose diagnosis') : ''}
-                    selectedItems={field.value}
-                    onChange={({ selectedItems }) => field.onChange(selectedItems)}
-                  />
-                </>
-              )}
-            />
-          </Layer>
-        </Column>
-
-        <ButtonSet className={styles.buttonSet}>
-          <Button className={styles.button} kind="secondary" onClick={handleNavigateToBillingOptions}>
-            {t('discard', 'Discard')}
-          </Button>
-          <Button className={styles.button} kind="primary" type="submit" disabled={!isValid || loading}>
-            {loading ? (
-              <InlineLoading description={t('processing', 'Processing...')} />
-            ) : (
-              t('preAuthRequest', 'Pre-Auth Request')
-            )}
-          </Button>
-        </ButtonSet>
-      </Stack>
-    </Form>
-  );
-};
-
-export default PreAuthForm;
diff --git a/packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-form.resource.ts b/packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-form.resource.ts
deleted file mode 100644
index 90ef6e528..000000000
--- a/packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-form.resource.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { useMemo } from 'react';
-import { mockInterventions, mockPackages } from './pre-auth-mock-data';
-
-export const useInterventions = () => {
-  const interventions = useMemo(() => mockInterventions, []);
-  return {
-    isLoading: false,
-    interventions: interventions,
-    error: undefined,
-  };
-};
-
-export const usePackages = () => {
-  const packages = useMemo(() => mockPackages, []);
-  return {
-    isLoading: false,
-    packages: packages,
-    error: undefined,
-  };
-};
diff --git a/packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-form.scss b/packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-form.scss
deleted file mode 100644
index 99442cf9c..000000000
--- a/packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-form.scss
+++ /dev/null
@@ -1,141 +0,0 @@
-@use '@carbon/layout';
-@use '@carbon/type';
-@use '@carbon/colors';
-
-.heading {
-  @include type.type-style('heading-compact-01');
-  margin: layout.$spacing-05 0 layout.$spacing-05;
-}
-
-.warningContainer {
-  background-color: colors.$red-50;
-  padding: layout.$spacing-04;
-  margin: layout.$spacing-03 0 layout.$spacing-03;
-  display: flex;
-  justify-content: space-between;
-  .warning {
-    @include type.type-style('heading-compact-01');
-  }
-}
-
-.form {
-  width: 100%;
-  margin: layout.$spacing-09 layout.$spacing-05 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  background-color: white;
-
-  :global(.omrs-breakpoint-lt-desktop) {
-    width: 50%;
-    padding: layout.$spacing-06 layout.$spacing-05;
-  }
-
-  .preAuthFormTitle {
-    @include type.type-style('heading-02');
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin: layout.$spacing-05 0 1rem;
-    row-gap: layout.$spacing-06;
-    position: relative;
-
-    &::after {
-      content: '';
-      display: block;
-      width: layout.$spacing-07;
-      border-bottom: 0.375rem solid var(--brand-03);
-      position: absolute;
-      bottom: -0.75rem;
-      left: 0;
-    }
-
-    & > span {
-      @include type.type-style('body-01');
-    }
-  }
-
-  .buttonSet {
-    padding: 0;
-    margin-top: layout.$spacing-03;
-    display: flex;
-    justify-content: flex-end;
-    gap: layout.$spacing-05;
-    margin-bottom: layout.$spacing-07;
-
-    :global(.omrs-breakpoint-lt-desktop) {
-      justify-content: center;
-    }
-  }
-
-  :global(.omrs-breakpoint-lt-desktop) {
-    width: 768px;
-  }
-}
-
-.grid {
-  margin: 0 layout.$spacing-05;
-}
-
-.input {
-  margin-top: layout.$spacing-05;
-}
-
-.button {
-  height: layout.$spacing-08;
-  display: flex;
-  align-content: flex-start;
-  align-items: baseline;
-  min-width: 20%;
-}
-
-.buttonSet {
-  padding: 0;
-  margin-top: layout.$spacing-05;
-  display: flex;
-  justify-content: flex-end;
-  gap: layout.$spacing-05;
-  margin-bottom: layout.$spacing-07;
-}
-
-.preAuthFormTitle {
-  @include type.type-style('heading-02');
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin: layout.$spacing-05 0 layout.$spacing-03;
-  row-gap: layout.$spacing-06;
-  position: relative;
-
-  &::after {
-    content: '';
-    display: block;
-    width: layout.$spacing-07;
-    border-bottom: 0.375rem solid var(--brand-03);
-    position: absolute;
-    bottom: -0.75rem;
-    left: 0;
-  }
-
-  & > span {
-    @include type.type-style('body-01');
-  }
-}
-
-:global(.omrs-breakpoint-lt-desktop) {
-  .buttonSet {
-    padding: layout.$spacing-06 layout.$spacing-05;
-    justify-content: flex-end;
-    gap: layout.$spacing-05;
-  }
-}
-
-.formPreAuthRow {
-  display: flex;
-  flex-wrap: nowrap;
-  gap: layout.$spacing-05;
-}
-
-.formPreAuthColumn {
-  flex: 1 1 0%;
-}
diff --git a/packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-mock-data.ts b/packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-mock-data.ts
deleted file mode 100644
index 933a59658..000000000
--- a/packages/esm-billing-app/src/claims/pre-auth/form/pre-auth-mock-data.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { SHAPackage, Benefits, Intervention } from '../../../types';
-
-export const benefits: Benefits[] = [
-  {
-    shaPackageCode: 'SHA-001',
-    shaPackageName: 'Eye Care',
-    shaInterventionCode: 'SHA-001-01',
-    shaInterventionName: 'Intervention 1',
-  },
-  {
-    shaPackageCode: 'SHA-002',
-    shaPackageName: 'Malaria',
-    shaInterventionCode: 'SHA-002-01',
-    shaInterventionName: 'Intervention 2',
-  },
-];
-
-export const mockPackages: SHAPackage[] = [
-  {
-    uuid: 'SHA-PKG-001',
-    shaPackageCode: 'SHA-001',
-    shaPackageName: 'Eye Care',
-  },
-  {
-    uuid: 'SHA-PKG-002',
-    shaPackageCode: 'SHA-002',
-    shaPackageName: 'Dental Care',
-  },
-  {
-    uuid: 'SHA-PKG-003',
-    shaPackageCode: 'SHA-003',
-    shaPackageName: 'Surgical',
-  },
-  {
-    uuid: 'SHA-PKG-004',
-    shaPackageCode: 'SHA-004',
-    shaPackageName: 'Haemo-oncology',
-  },
-];
-
-export const mockInterventions: Intervention[] = benefits.map(({ shaInterventionCode, shaInterventionName }) => ({
-  shaInterventionCode,
-  shaInterventionName,
-}));
diff --git a/packages/esm-billing-app/src/claims/pre-auth/hook/pre-auth.mock.ts b/packages/esm-billing-app/src/claims/pre-auth/hook/pre-auth.mock.ts
deleted file mode 100644
index de4545fcc..000000000
--- a/packages/esm-billing-app/src/claims/pre-auth/hook/pre-auth.mock.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-export interface Package {
-  uuid: string;
-  packageCode: string;
-  packageName: string;
-  packageAccessPoint: 'OP' | 'IP' | 'Both';
-}
-
-export interface SHAintervention {
-  interventionCode: string;
-  interventionName?: string;
-}
-
-export const packages = [
-  {
-    packageCode: 'SHA-001',
-    packageName: 'Eye Care',
-    packageAccessPoint: 'OPD',
-  },
-  {
-    packageCode: 'SHA-002',
-    packageName: 'Dental Care',
-    packageAccessPoint: 'IPD',
-  },
-  {
-    packageCode: 'SHA-003',
-    packageName: 'Surgical',
-    packageAccessPoint: 'OPD',
-  },
-  {
-    packageCode: 'SHA-004',
-    packageName: 'Haemo-oncology',
-    packageAccessPoint: 'OP',
-  },
-] as Array<Package>;
-
-export const interventions: SHAintervention[] = [
-  { interventionCode: 'SHA-001-01', interventionName: 'Intervention 1' },
-  { interventionCode: 'SHA-001-02', interventionName: 'Intervention 2' },
-  { interventionCode: 'SHA-001-03', interventionName: 'Intervention 3' },
-];
diff --git a/packages/esm-billing-app/src/claims/pre-auth/pre-auth-dashboard.component.tsx b/packages/esm-billing-app/src/claims/pre-auth/pre-auth-dashboard.component.tsx
deleted file mode 100644
index 2461bea42..000000000
--- a/packages/esm-billing-app/src/claims/pre-auth/pre-auth-dashboard.component.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import React, { useState } from 'react';
-import { useParams } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
-import { usePatient, ErrorState, ExtensionSlot, navigate } from '@openmrs/esm-framework';
-import { InlineLoading, Button } from '@carbon/react';
-import { useBill } from '../../billing.resource';
-import { CardHeader } from '@openmrs/esm-patient-common-lib';
-import { PreviousOutline } from '@carbon/react/icons';
-import { spaBasePath } from '../../constants';
-import { LineItem } from '../../types';
-import styles from './pre-auth-dashboard.scss';
-import PreAuthTable from './table/pre-auth-table.component';
-import PreAuthForm from './form/pre-auth-form.component';
-
-const PreAuthRequestDashboard: React.FC = () => {
-  const { billUuid, patientUuid } = useParams();
-  const { t } = useTranslation();
-  const { patient, isLoading: isLoadingPatient } = usePatient(patientUuid);
-  const { bill, isLoading: isLoadingBill, error } = useBill(billUuid);
-  const preAuthTitle = t('makePreauthRequest', 'Make Pre-auth Request');
-
-  const [selectedLineItems, setSelectedLineItems] = useState<LineItem[]>([]);
-
-  const handleSelectItem = (selectedItems: LineItem[]) => {
-    setSelectedLineItems(selectedItems);
-  };
-
-  if (isLoadingPatient && isLoadingBill) {
-    return (
-      <div className={styles.preAuthContainer}>
-        <InlineLoading
-          className={styles.loader}
-          status="active"
-          iconDescription="Loading"
-          description="Loading patient header..."
-        />
-      </div>
-    );
-  }
-
-  if (error) {
-    return (
-      <div className={styles.preAuthContainer}>
-        <ErrorState headerTitle={t('preAuthRequestError', 'Pre-authorization request error page')} error={error} />
-      </div>
-    );
-  }
-
-  return (
-    <div className={styles.preAuthContainer}>
-      {patient && (
-        <ExtensionSlot
-          name="patient-header-slot"
-          state={{ patientUuid: patient.id, patient }}
-          className={styles.preAuthContainer}
-        />
-      )}
-      <CardHeader title={preAuthTitle}>
-        <Button
-          kind="secondary"
-          size="sm"
-          className={styles.backButton}
-          onClick={() => navigate({ to: `${spaBasePath}/billing/patient/${patientUuid}/${billUuid}` })}
-          renderIcon={PreviousOutline}
-          iconDescription="back">
-          {t('backButton', 'Back')}
-        </Button>{' '}
-      </CardHeader>
-      <div className={styles.preAuthMainContainer}>
-        <div className={styles.content}>
-          <PreAuthTable bill={bill} isLoadingBill={isLoadingBill} onSelectItem={handleSelectItem} />
-          <PreAuthForm bill={bill} selectedLineItems={selectedLineItems} />
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default PreAuthRequestDashboard;
diff --git a/packages/esm-billing-app/src/claims/pre-auth/pre-auth-dashboard.scss b/packages/esm-billing-app/src/claims/pre-auth/pre-auth-dashboard.scss
deleted file mode 100644
index 2df79884b..000000000
--- a/packages/esm-billing-app/src/claims/pre-auth/pre-auth-dashboard.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-@use '@carbon/colors';
-@use '@carbon/layout';
-@use '@carbon/type';
-@import '~@openmrs/esm-styleguide/src/vars';
-
-.backButton {
-  margin: layout.$spacing-04;
-}
-.loader {
-  display: flex;
-  min-height: layout.$spacing-09;
-  justify-content: center;
-}
-.errorContainer {
-  margin: layout.$spacing-05;
-}
-
-.preAuthMainContainer {
-  display: flex;
-  margin: 0 auto;
-  padding: 0 layout.$spacing-05;
-}
-
-.content {
-  display: flex;
-  width: 100%;
-}
-
-:global(.omrs-breakpoint-lt-desktop) {
-  .preAuthMainContainer {
-    flex-direction: column;
-  }
-
-  .content {
-    flex-direction: column;
-  }
-}
-
-.preAuthMainContainer,
-.form {
-  flex: 1;
-}
diff --git a/packages/esm-billing-app/src/claims/pre-auth/table/pre-auth-table.component.tsx b/packages/esm-billing-app/src/claims/pre-auth/table/pre-auth-table.component.tsx
deleted file mode 100644
index d9162ed80..000000000
--- a/packages/esm-billing-app/src/claims/pre-auth/table/pre-auth-table.component.tsx
+++ /dev/null
@@ -1,234 +0,0 @@
-import React, { useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import fuzzy from 'fuzzy';
-import {
-  DataTable,
-  DataTableSkeleton,
-  Layer,
-  Table,
-  TableBody,
-  TableCell,
-  TableContainer,
-  TableHead,
-  TableHeader,
-  TableRow,
-  TableToolbar,
-  TableToolbarContent,
-  TableToolbarSearch,
-  TableSelectRow,
-  Tile,
-  Pagination,
-  type DataTableHeader,
-  type DataTableRow,
-} from '@carbon/react';
-import { formatDate, isDesktop, useDebounce, useLayoutType } from '@openmrs/esm-framework';
-import styles from './pre-auth-table.scss';
-import { LineItem, MappedBill } from '../../../types';
-import { EmptyDataIllustration, PatientChartPagination } from '@openmrs/esm-patient-common-lib';
-
-type PreAuthTableProps = {
-  bill: MappedBill;
-  isSelectable?: boolean;
-  isLoadingBill?: boolean;
-  onSelectItem?: (selectedLineItems: LineItem[]) => void;
-};
-
-const PreAuthTable: React.FC<PreAuthTableProps> = ({ bill, isSelectable = true, isLoadingBill, onSelectItem }) => {
-  const { t } = useTranslation();
-  const { lineItems } = bill;
-  const layout = useLayoutType();
-  const responsiveSize = isDesktop(layout) ? 'sm' : 'lg';
-  const [selectedLineItems, setSelectedLineItems] = useState<LineItem[]>([]);
-  const [searchTerm, setSearchTerm] = useState('');
-  const debouncedSearchTerm = useDebounce(searchTerm);
-  const [currentPage, setCurrentPage] = useState(1);
-  const [pageSize, setPageSize] = useState(10);
-
-  const pendingLineItems = useMemo(
-    () => (lineItems ? lineItems.filter((item) => item.paymentStatus === 'PENDING') : []),
-    [lineItems],
-  );
-
-  const filteredLineItems = useMemo(() => {
-    if (!debouncedSearchTerm) {
-      return pendingLineItems || [];
-    }
-
-    return fuzzy
-      .filter(debouncedSearchTerm, pendingLineItems || [], {
-        extract: (lineItem: LineItem) => `${lineItem.item}`,
-      })
-      .sort((r1, r2) => r1.score - r2.score)
-      .map((result) => result.original);
-  }, [debouncedSearchTerm, pendingLineItems]);
-
-  const paginatedLineItems = useMemo(() => {
-    const startIndex = (currentPage - 1) * pageSize;
-    const endIndex = startIndex + pageSize;
-    return filteredLineItems.slice(startIndex, endIndex);
-  }, [filteredLineItems, currentPage, pageSize]);
-
-  const tableHeaders: Array<typeof DataTableHeader> = [
-    {
-      header: t('serialNo', 'Serial No.'),
-      key: 'serialno',
-    },
-    {
-      header: t('billItem', 'Bill Item'),
-      key: 'inventoryname',
-    },
-    {
-      header: t('status', 'Status'),
-      key: 'status',
-    },
-    {
-      header: t('totalAmount', 'Total amount'),
-      key: 'total',
-    },
-    {
-      header: t('billCreationDate', 'Bill creation date'),
-      key: 'dateofbillcreation',
-    },
-  ];
-
-  const processBillItem = (item) => (item.item || item?.billableService)?.split(':')[1];
-
-  const tableRows: Array<typeof DataTableRow> = useMemo(
-    () =>
-      paginatedLineItems?.map((item) => {
-        return {
-          id: `${item.uuid}`,
-          inventoryname: processBillItem(item),
-          serialno: bill.receiptNumber,
-          status: item.paymentStatus,
-          total: item.price * item.quantity,
-          dateofbillcreation: formatDate(new Date(bill.dateCreated), { mode: 'standard' }),
-        };
-      }) ?? [],
-    [bill.dateCreated, bill.receiptNumber, paginatedLineItems],
-  );
-
-  if (isLoadingBill) {
-    return (
-      <div className={styles.loaderContainer}>
-        <DataTableSkeleton
-          columnCount={tableHeaders.length}
-          showHeader={false}
-          showToolbar={false}
-          size={responsiveSize}
-          zebra
-        />
-      </div>
-    );
-  }
-
-  const handleRowSelection = (row: typeof DataTableRow, checked: boolean) => {
-    const matchingRow = filteredLineItems.find((item) => item.uuid === row.id);
-    let newSelectedLineItems;
-
-    if (checked) {
-      newSelectedLineItems = [...selectedLineItems, matchingRow];
-    } else {
-      newSelectedLineItems = selectedLineItems.filter((item) => item.uuid !== row.id);
-    }
-    setSelectedLineItems(newSelectedLineItems);
-    onSelectItem(newSelectedLineItems);
-  };
-
-  const handlePageChange = (pageNumber: number) => {
-    setCurrentPage(pageNumber);
-  };
-
-  return (
-    <div className={styles.preAuthContainer}>
-      <DataTable headers={tableHeaders} isSortable rows={tableRows} size={responsiveSize} useZebraStyles>
-        {({ rows, headers, getRowProps, getSelectionProps, getTableProps, getToolbarProps }) => (
-          <TableContainer
-            className={styles.tableContainer}
-            description={
-              <span className={styles.tableDescription}>
-                <span>
-                  {t(
-                    'selectitemstorequestforpreauth',
-                    'Select items that are to be included in the pre authorization request',
-                  )}
-                </span>
-              </span>
-            }
-            title={t('lineItems', 'Line items')}>
-            <div className={styles.toolbarWrapper}>
-              <TableToolbar {...getToolbarProps()} className={styles.tableToolbar} size={responsiveSize}>
-                <TableToolbarContent className={styles.headerContainer}>
-                  <TableToolbarSearch
-                    className={styles.searchbox}
-                    expanded
-                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSearchTerm(e.target.value)}
-                    placeholder={t('searchThisTable', 'Search this table')}
-                    size={responsiveSize}
-                  />
-                </TableToolbarContent>
-              </TableToolbar>
-            </div>
-            <Table {...getTableProps()} aria-label="line items" className={styles.table}>
-              <TableHead>
-                <TableRow>
-                  {rows.length > 1 && isSelectable ? <TableHeader /> : null}
-                  {headers.map((header) => (
-                    <TableHeader key={header.key}>{header.header}</TableHeader>
-                  ))}
-                </TableRow>
-              </TableHead>
-              <TableBody>
-                {rows.map((row, index) => {
-                  return (
-                    <TableRow
-                      key={row.id}
-                      {...getRowProps({
-                        row,
-                      })}>
-                      {rows.length > 1 && isSelectable && (
-                        <TableSelectRow
-                          aria-label="Select row"
-                          {...getSelectionProps({ row })}
-                          onChange={(checked: boolean) => handleRowSelection(row, checked)}
-                          checked={Boolean(selectedLineItems?.find((item) => item?.uuid === row?.id))}
-                        />
-                      )}
-                      {row.cells.map((cell) => (
-                        <TableCell key={cell.id}>{cell.value}</TableCell>
-                      ))}
-                    </TableRow>
-                  );
-                })}
-              </TableBody>
-            </Table>
-          </TableContainer>
-        )}
-      </DataTable>
-      {filteredLineItems?.length === 0 && (
-        <div className={styles.filterEmptyState}>
-          <Layer>
-            <Tile className={styles.filterEmptyStateTile}>
-              <div className={styles.empty__state}>
-                <EmptyDataIllustration />
-              </div>
-              <p className={styles.filterEmptyStateContent}>
-                {t('noMatchingItemsToDisplay', 'No matching items to display')}
-              </p>
-              <p className={styles.filterEmptyStateHelper}>{t('checkFilters', 'Check the filters above')}</p>
-            </Tile>
-          </Layer>
-        </div>
-      )}
-      <PatientChartPagination
-        currentItems={filteredLineItems.length}
-        onPageNumberChange={handlePageChange}
-        pageNumber={currentPage}
-        pageSize={pageSize}
-        totalItems={filteredLineItems.length}
-      />
-    </div>
-  );
-};
-
-export default PreAuthTable;
diff --git a/packages/esm-billing-app/src/claims/pre-auth/table/pre-auth-table.scss b/packages/esm-billing-app/src/claims/pre-auth/table/pre-auth-table.scss
deleted file mode 100644
index e98c73649..000000000
--- a/packages/esm-billing-app/src/claims/pre-auth/table/pre-auth-table.scss
+++ /dev/null
@@ -1,111 +0,0 @@
-@use '@carbon/colors';
-@use '@carbon/layout';
-@use '@carbon/type';
-@import '~@openmrs/esm-styleguide/src/vars';
-
-.filterEmptyState {
-  align-items: center;
-  background-color: white;
-  display: flex;
-  justify-content: center;
-  padding: layout.$spacing-09 !important;
-  text-align: center;
-}
-
-.filterEmptyStateTile {
-  margin: auto;
-}
-
-.filterEmptyStateContent {
-  @include type.type-style('heading-compact-02');
-  color: $text-02;
-  margin-bottom: 0.5rem;
-}
-
-.filterEmptyStateHelper {
-  @include type.type-style('body-compact-01');
-  color: $text-02;
-}
-
-.headerContainer {
-  background-color: colors.$gray-10;
-}
-
-.preAuthContainer {
-  width: 100%;
-  margin: layout.$spacing-09 layout.$spacing-05 0;
-  border: 1px solid $ui-03;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-}
-
-:global(.omrs-breakpoint-lt-desktop) {
-  .preAuthContainer {
-    width: 100%;
-  }
-}
-
-.searchbox {
-  input:focus {
-    outline: 2px solid colors.$orange-40 !important;
-  }
-}
-
-.table {
-  td {
-    border-bottom: none !important;
-  }
-}
-
-.tableDescription {
-  display: flex;
-  align-items: flex-start;
-  margin-top: layout.$spacing-02;
-  column-gap: layout.$spacing-01;
-
-  ::after {
-    content: '';
-    display: block;
-    width: 2rem;
-    padding-top: 0.188rem;
-    border-bottom: 0.375rem solid var(--brand-03);
-  }
-
-  & > span {
-    @include type.type-style('body-01');
-  }
-}
-
-.tableToolbar {
-  width: 20%;
-  min-width: 12.5rem;
-}
-
-.toolbarWrapper {
-  position: relative;
-  display: flex;
-  justify-content: flex-end;
-}
-
-:global(.omrs-breakpoint-lt-desktop) {
-  .toolbarWrapper {
-    height: layout.$spacing-09;
-  }
-}
-
-:global(.omrs-breakpoint-gt-tablet) {
-  .toolbarWrapper {
-    height: layout.$spacing-07;
-  }
-}
-
-.tableContainer {
-  width: 100%;
-}
-.pagination {
-  background: white;
-}
-.empty__state {
-  margin-top: layout.$spacing-05;
-}
diff --git a/packages/esm-billing-app/src/root.component.tsx b/packages/esm-billing-app/src/root.component.tsx
index 7a25205be..4dc815072 100644
--- a/packages/esm-billing-app/src/root.component.tsx
+++ b/packages/esm-billing-app/src/root.component.tsx
@@ -8,7 +8,6 @@ import { BillingDashboard } from './billing-dashboard/billing-dashboard.componen
 import ClaimsManagementOverview from './claims/claims-management/main/claims-overview-main.component';
 import ClaimsManagementPreAuthRequest from './claims/claims-management/main/claims-pre-auth-main.component';
 import ClaimScreen from './claims/dashboard/claims-dashboard.component';
-import PreAuthRequestDashboard from './claims/pre-auth/pre-auth-dashboard.component';
 import Invoice from './invoice/invoice.component';
 import PaymentModeHome from './payment-modes/payment-mode-home.component';
 import { ClockInBoundary } from './payment-points/clock-in-boundary.component';
@@ -24,7 +23,6 @@ const RootComponent: React.FC = () => {
         <Route path="/" element={<BillingDashboard />} />
         <Route path="/claims-overview" element={<ClaimsManagementOverview />} />
         <Route path="/preauth-requests" element={<ClaimsManagementPreAuthRequest />} />
-        <Route path="/patient/:patientUuid/:billUuid/pre-auth-request" element={<PreAuthRequestDashboard />} />
         <Route
           path="/patient/:patientUuid/:billUuid"
           element={

From 0173d5ad85b59bf02e54090d8c8ffdbb1be848fe Mon Sep 17 00:00:00 2001
From: Laurent Ouma <lawiomosh3@gmail.com>
Date: Fri, 17 Jan 2025 08:41:31 +0300
Subject: [PATCH 4/4] update translations

---
 packages/esm-billing-app/translations/en.json | 15 ---------------
 1 file changed, 15 deletions(-)

diff --git a/packages/esm-billing-app/translations/en.json b/packages/esm-billing-app/translations/en.json
index e86e0b9ce..3618f4957 100644
--- a/packages/esm-billing-app/translations/en.json
+++ b/packages/esm-billing-app/translations/en.json
@@ -21,7 +21,6 @@
   "attributeRequired": "Attribute required",
   "attributeRetired": "Attribute retired",
   "attributeRetiredReason": "Attribute retired reason",
-  "backButton": "Back",
   "benefits": "Benefits",
   "billableExemptionAdministration": "Exemption Administration",
   "billableServicesError": "Billable services error",
@@ -56,9 +55,7 @@
   "chargeItemsDescription": "Charge Items and Services Dashboard",
   "checked": "Checked",
   "checkFilters": "Check the filters above",
-  "chooseDiagnosis": "Choose diagnosis",
   "claim": "Process claims",
-  "claimcode": "Claim Code",
   "claimCode": "Claim Code",
   "claimedAmount": "Claimed Amount",
   "claimError": "Claim Error",
@@ -81,7 +78,6 @@
   "delete": "Delete",
   "deleteBill": "Delete Bill",
   "description": "Description",
-  "diagnoses": "Diagnoses",
   "diagnosis": "Diagnosis",
   "discard": "Discard",
   "discardClaim": "Discard Claim",
@@ -128,7 +124,6 @@
   "filterTable": "Filter table",
   "formTitle": "Fill in the form details",
   "generatedMessage": "The invoice has been electronically generated and is a valid document. It was created by {{userName}} on {{date}} at {{time}}",
-  "guaranteeId": "Guarantee Id",
   "home": "Home",
   "identifier": "Identifier",
   "inactive": "Inactive",
@@ -140,7 +135,6 @@
   "insurer": "Insurer",
   "interventionCode": "Intervention Code",
   "interventions": "Interventions",
-  "interventionsOption": "Choose interventions",
   "invalidJsonError": "Invalid JSON received for the schema.",
   "invoice": "Invoice",
   "invoiceError": "Invoice error",
@@ -158,7 +152,6 @@
   "loadingInterventions": "Loading interventions",
   "loadingSchema": "Loading schema",
   "makeclaims": "Make Claims",
-  "makePreauthRequest": "Make Pre-auth Request",
   "makePreAuthRequests": "Make Pre Auth Request",
   "mpesaPayment": "MPESA Payment",
   "name": "Name",
@@ -185,8 +178,6 @@
   "overPayment": "Over payment",
   "overPaymentSubtitle": "Amount paid {{totalAmountTendered}} should not be greater than amount due {{selectedLineItemsAmountDue}} for selected line items",
   "package": "Package",
-  "packages": "Packages",
-  "packagesOptions": "Choose packages",
   "patient": "Patient",
   "patientBilling": "Verifying patient bills",
   "patientBillingAlert": "Patient Billing Alert",
@@ -213,10 +204,7 @@
   "Phone Number": "Phone Number",
   "pickLabRequest": "Pick Lab Request",
   "policyNumber": "Policy number",
-  "preAuthJustification": "Pre-Auth Justification",
   "preauthRequest": "Preauth requests",
-  "preAuthRequest": "Pre-Auth Request",
-  "preAuthRequestError": "Pre-authorization request error page",
   "preAuthRequests": "Pre-auth requests",
   "preAuthRequets": "Pre-Auth Requests",
   "preauthStatus": "Filter by Status",
@@ -242,8 +230,6 @@
   "regExp": "Regular expression",
   "rejected": "Rejected",
   "remove": "Remove",
-  "requestPreAuth": "Pre Authorization",
-  "requestPreAuthError": "Pre Authorization Error",
   "retryRequest": "Retry request",
   "saveAndClose": "Save & Close",
   "saveError": "Failed to save schema.",
@@ -265,7 +251,6 @@
   "selectExemptionCategory": "Select exemption category",
   "selectInsuranceScheme": "Select insurance scheme",
   "selectitemstobeclaimed": "Select items that are to be included in the claims",
-  "selectitemstorequestforpreauth": "Select items that are to be included in the pre authorization request",
   "selectPaymentMethod": "Select payment method",
   "selectPaymentMode": "Select payment mode",
   "selectTimesheet": "Select timesheet",