@kenyaemr/esm-billing-app 5.4.2-pre.2699 → 5.4.2-pre.2710

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"kenyaemr":"^19.0.0"},"pages":[{"component":"billableServicesHome","route":"billable-services"},{"component":"requirePaymentModal","routeRegex":"^patient/.+/chart","online":true,"offline":false},{"component":"billingAdmin","route":"billing-admin"}],"extensions":[{"component":"accountingDashboardLink","name":"accounting-dashboard-link","slots":["homepage-dashboard-slot"],"meta":{"name":"accounting","slot":"accounting-dashboard-slot","title":"Accounting"}},{"name":"billing-dashboard","component":"billingDashboard","slot":"accounting-dashboard-slot"},{"component":"benefitsPackageDashboardLink","name":"benefits-package-dashboard-link","meta":{"name":"benefits-package","slot":"patient-chart-benefits-dashboard-slot","path":"insurance-benefits","columns":1,"columnSpan":1},"featureFlag":"healthInformationExchange"},{"component":"benefitsPackage","name":"benefits-package","slot":"patient-chart-benefits-dashboard-slot"},{"component":"root","name":"billing-dashboard-root","slot":"billing-dashboard-slot"},{"component":"benefitsEligibilyRequestForm","name":"benefits-eligibility-request-form"},{"component":"benefitsPreAuthForm","name":"benefits-pre-auth-form"},{"name":"billing-patient-summary","component":"billingPatientSummary","slot":"patient-chart-billing-dashboard-slot","order":10,"meta":{"columnSpan":4}},{"name":"billing-summary-dashboard-link","component":"billingSummaryDashboardLink","order":11,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-billing-dashboard-slot","path":"Billing","layoutMode":"anchored"}},{"name":"billing-check-in-form","slot":"extra-visit-attribute-slot","component":"billingCheckInForm"},{"name":"patient-banner-billing-tags","component":"visitAttributeTags","slot":"patient-banner-tags-slot","order":2},{"name":"initiate-payment-modal","component":"initiatePaymentDialog"},{"name":"delete-billableservice-modal","component":"deleteBillableServiceModal"},{"name":"refund-bill-modal","component":"refundBillModal"},{"name":"delete-bill-modal","component":"deleteBillModal"},{"name":"lab-order-billable-item","component":"labOrder","slot":"top-of-lab-order-form-slot"},{"name":"procedure-order-billable-item","component":"procedureOrder","slot":"top-of-procedure-order-form-slot"},{"name":"imaging-order-billable-item","component":"imagingOrder","slot":"top-of-imaging-order-form-slot"},{"name":"price-info-order","component":"priceInfoOrder"},{"name":"drug-order-billable-item","component":"drugOrder","slot":"medication-info-slot"},{"name":"order-action-button","component":"orderActionButton","slots":["prescription-action-button-slot","imaging-orders-action","procedure-orders-action","tests-ordered-actions-slot"],"order":0},{"component":"claimsManagementOverviewDashboardLink","name":"claims-management-overview-link","slots":["claims-management-dashboard-link-slot"]},{"component":"preAuthRequestsDashboardLink","name":"preauthrequest-overview-link","slots":["claims-management-dashboard-link-slot"]},{"component":"claimsOverview","name":"claims-overview-dashboard-link","slot":"claims-management-overview-slot"},{"component":"waiveBillActionButton","name":"waive-bill-action-button","slot":"bill-actions-slot"},{"component":"deleteBillActionButton","name":"delete-bill-action-button","slot":"bill-actions-slot"},{"component":"refundLineItem","name":"refund-line-item","slot":"bill-actions-overflow-menu-slot"},{"name":"edit-line-item","component":"editLineItem","slot":"bill-actions-overflow-menu-slot"},{"name":"cancel-line-item","component":"cancelLineItem","slot":"bill-actions-overflow-menu-slot"},{"name":"patient-info-sha-status","component":"patientBannerShaStatus","slot":"patient-banner-tags-slot"},{"name":"payments-points-dashboard-link","component":"paymentPointDashboardLink","slot":"billing-admin-dashboard-slot","meta":{"name":"cashier-points","title":"Payment Point","slot":"payment-point-dashboard-slot"}},{"name":"payment-points-dashboard","component":"paymentPoints","slot":"payment-point-dashboard-slot"},{"name":"payment-mode-dashboard-link","component":"paymentModeLink","slot":"billing-admin-dashboard-slot","meta":{"name":"payment-modes","title":"Payment Mode","slot":"payment-mode-dashboard-slot"}},{"name":"payment-mode-dashboard","component":"paymentModeDashboard","slot":"payment-mode-dashboard-slot"},{"name":"bill-deposit-dashboard-link","component":"billDepositDashboardLink","slot":"billing-admin-dashboard-slot","meta":{"name":"bill-deposit","title":"Bill Deposit","slot":"billing-deposit-dashboard-slot"}},{"name":"bill-deposit-dashboard","component":"billDepositDashboard","slot":"billing-deposit-dashboard-slot"},{"name":"billable-exemptions-dashboard-link","component":"billableExemptionsLink","slot":"billing-admin-dashboard-slot","meta":{"name":"billable-exemptions","title":"Billable Exemptions","slot":"billing-exemptions-dashboard-slot"}},{"name":"billable-exemptions-dashboard","component":"billableExemptions","slot":"billing-exemptions-dashboard-slot"},{"name":"clinical-charges-dashboard-link","component":"clinicalChargesLink","slot":"billing-admin-dashboard-slot","meta":{"name":"clinical-charges","title":"Clinical Charges","slot":"clinical-charges-dashboard-slot"}},{"name":"clinical-charges-dashboard","component":"clinicalCharges","slot":"clinical-charges-dashboard-slot"},{"name":"payment-history-dashboard-link","component":"paymentHistoryLink","slot":"billing-admin-dashboard-slot","meta":{"name":"payment-history","title":"Payment History","slot":"payment-history-dashboard-slot"}},{"name":"payment-history-dashboard","component":"paymentHistoryDashboard","slot":"payment-history-dashboard-slot"},{"name":"patient-billing-dashboard-link","component":"patientBillingLink","slot":"billing-admin-dashboard-slot","meta":{"name":"patient-billing","title":"Patient Billing","slot":"patient-billing-dashboard-slot"}},{"name":"patient-billing-dashboard","component":"patientBilling","slot":"patient-billing-dashboard-slot"}],"workspaces":[{"name":"create-bill-workspace","component":"createBillWorkspace","title":"Create Bill Workspace","type":"other-form"},{"name":"waive-bill-form","component":"waiveBillForm","title":"Waive Bill Form","type":"other-form"},{"name":"edit-bill-form","component":"editBillForm","title":"Edit Bill Form","type":"other-form"},{"name":"billable-service-form","component":"addServiceForm","title":"Create Charge Item Form","type":"other-form"},{"name":"commodity-form","component":"addCommodityForm","title":"Create Charge Item Form","type":"other-form"},{"name":"billing-form","component":"billingForm","title":"Billing Form","type":"other-form","width":"extra-wide"},{"name":"payment-mode-workspace","component":"paymentModeWorkspace","title":"Payment Mode Workspace","type":"other-form"},{"name":"cancel-bill-workspace","component":"cancelBillWorkspace","title":"Cancel Bill Workspace","type":"other-form"},{"name":"add-deposit-workspace","component":"addDepositWorkspace","title":"Add Deposit","type":"other-form"},{"name":"deposit-transaction-workspace","component":"depositTransactionWorkspace","title":"Deposit Transaction","type":"other-form"},{"name":"payment-workspace","component":"paymentWorkspace","title":"Payment Workspace","type":"other-form"}],"modals":[{"name":"create-payment-point","component":"createPaymentPoint"},{"name":"clock-out-modal","component":"clockOut"},{"name":"bulk-import-billable-services-modal","component":"bulkImportBillableServicesModal"},{"name":"delete-payment-mode-modal","component":"deletePaymentModeModal"},{"name":"manage-claim-request-modal","component":"manageClaimRequestModal"},{"name":"clock-in-modal","component":"clockIn"},{"name":"create-bill-item-modal","component":"createBillItemModal"},{"name":"delete-deposit-modal","component":"deleteDepositModal"},{"name":"reverse-transaction-modal","component":"reverseTransactionModal"},{"name":"print-preview-modal","component":"printPreviewModal"},{"name":"bill-action-modal","component":"billActionModal"},{"name":"require-billing-modal","component":"requirePaymentModal"}],"version":"5.4.2-pre.2699"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"kenyaemr":"^19.0.0"},"pages":[{"component":"billableServicesHome","route":"billable-services"},{"component":"requirePaymentModal","routeRegex":"^patient/.+/chart","online":true,"offline":false},{"component":"billingAdmin","route":"billing-admin"}],"extensions":[{"component":"accountingDashboardLink","name":"accounting-dashboard-link","slots":["homepage-dashboard-slot"],"meta":{"name":"accounting","slot":"accounting-dashboard-slot","title":"Accounting"}},{"name":"billing-dashboard","component":"billingDashboard","slot":"accounting-dashboard-slot"},{"component":"benefitsPackageDashboardLink","name":"benefits-package-dashboard-link","meta":{"name":"benefits-package","slot":"patient-chart-benefits-dashboard-slot","path":"insurance-benefits","columns":1,"columnSpan":1},"featureFlag":"healthInformationExchange"},{"component":"benefitsPackage","name":"benefits-package","slot":"patient-chart-benefits-dashboard-slot"},{"component":"root","name":"billing-dashboard-root","slot":"billing-dashboard-slot"},{"component":"benefitsEligibilyRequestForm","name":"benefits-eligibility-request-form"},{"component":"benefitsPreAuthForm","name":"benefits-pre-auth-form"},{"name":"billing-patient-summary","component":"billingPatientSummary","slot":"patient-chart-billing-dashboard-slot","order":10,"meta":{"columnSpan":4}},{"name":"billing-summary-dashboard-link","component":"billingSummaryDashboardLink","order":11,"meta":{"columns":1,"columnSpan":1,"slot":"patient-chart-billing-dashboard-slot","path":"Billing","layoutMode":"anchored"}},{"name":"billing-check-in-form","slot":"extra-visit-attribute-slot","component":"billingCheckInForm"},{"name":"patient-banner-billing-tags","component":"visitAttributeTags","slot":"patient-banner-tags-slot","order":2},{"name":"initiate-payment-modal","component":"initiatePaymentDialog"},{"name":"delete-billableservice-modal","component":"deleteBillableServiceModal"},{"name":"refund-bill-modal","component":"refundBillModal"},{"name":"delete-bill-modal","component":"deleteBillModal"},{"name":"lab-order-billable-item","component":"labOrder","slot":"top-of-lab-order-form-slot"},{"name":"procedure-order-billable-item","component":"procedureOrder","slot":"top-of-procedure-order-form-slot"},{"name":"imaging-order-billable-item","component":"imagingOrder","slot":"top-of-imaging-order-form-slot"},{"name":"price-info-order","component":"priceInfoOrder"},{"name":"drug-order-billable-item","component":"drugOrder","slot":"medication-info-slot"},{"name":"order-action-button","component":"orderActionButton","slots":["prescription-action-button-slot","imaging-orders-action","procedure-orders-action","tests-ordered-actions-slot"],"order":0},{"component":"claimsManagementOverviewDashboardLink","name":"claims-management-overview-link","slots":["claims-management-dashboard-link-slot"]},{"component":"preAuthRequestsDashboardLink","name":"preauthrequest-overview-link","slots":["claims-management-dashboard-link-slot"]},{"component":"claimsOverview","name":"claims-overview-dashboard-link","slot":"claims-management-overview-slot"},{"component":"waiveBillActionButton","name":"waive-bill-action-button","slot":"bill-actions-slot"},{"component":"deleteBillActionButton","name":"delete-bill-action-button","slot":"bill-actions-slot"},{"component":"refundLineItem","name":"refund-line-item","slot":"bill-actions-overflow-menu-slot"},{"name":"edit-line-item","component":"editLineItem","slot":"bill-actions-overflow-menu-slot"},{"name":"cancel-line-item","component":"cancelLineItem","slot":"bill-actions-overflow-menu-slot"},{"name":"patient-info-sha-status","component":"patientBannerShaStatus","slot":"patient-banner-tags-slot"},{"name":"payments-points-dashboard-link","component":"paymentPointDashboardLink","slot":"billing-admin-dashboard-slot","meta":{"name":"cashier-points","title":"Payment Point","slot":"payment-point-dashboard-slot"}},{"name":"payment-points-dashboard","component":"paymentPoints","slot":"payment-point-dashboard-slot"},{"name":"payment-mode-dashboard-link","component":"paymentModeLink","slot":"billing-admin-dashboard-slot","meta":{"name":"payment-modes","title":"Payment Mode","slot":"payment-mode-dashboard-slot"}},{"name":"payment-mode-dashboard","component":"paymentModeDashboard","slot":"payment-mode-dashboard-slot"},{"name":"bill-deposit-dashboard-link","component":"billDepositDashboardLink","slot":"billing-admin-dashboard-slot","meta":{"name":"bill-deposit","title":"Bill Deposit","slot":"billing-deposit-dashboard-slot"}},{"name":"bill-deposit-dashboard","component":"billDepositDashboard","slot":"billing-deposit-dashboard-slot"},{"name":"billable-exemptions-dashboard-link","component":"billableExemptionsLink","slot":"billing-admin-dashboard-slot","meta":{"name":"billable-exemptions","title":"Billable Exemptions","slot":"billing-exemptions-dashboard-slot"}},{"name":"billable-exemptions-dashboard","component":"billableExemptions","slot":"billing-exemptions-dashboard-slot"},{"name":"clinical-charges-dashboard-link","component":"clinicalChargesLink","slot":"billing-admin-dashboard-slot","meta":{"name":"clinical-charges","title":"Clinical Charges","slot":"clinical-charges-dashboard-slot"}},{"name":"clinical-charges-dashboard","component":"clinicalCharges","slot":"clinical-charges-dashboard-slot"},{"name":"payment-history-dashboard-link","component":"paymentHistoryLink","slot":"billing-admin-dashboard-slot","meta":{"name":"payment-history","title":"Payment History","slot":"payment-history-dashboard-slot"}},{"name":"payment-history-dashboard","component":"paymentHistoryDashboard","slot":"payment-history-dashboard-slot"},{"name":"patient-billing-dashboard-link","component":"patientBillingLink","slot":"billing-admin-dashboard-slot","meta":{"name":"patient-billing","title":"Patient Billing","slot":"patient-billing-dashboard-slot"}},{"name":"patient-billing-dashboard","component":"patientBilling","slot":"patient-billing-dashboard-slot"}],"workspaces":[{"name":"create-bill-workspace","component":"createBillWorkspace","title":"Create Bill Workspace","type":"other-form"},{"name":"waive-bill-form","component":"waiveBillForm","title":"Waive Bill Form","type":"other-form"},{"name":"edit-bill-form","component":"editBillForm","title":"Edit Bill Form","type":"other-form"},{"name":"billable-service-form","component":"addServiceForm","title":"Create Charge Item Form","type":"other-form"},{"name":"commodity-form","component":"addCommodityForm","title":"Create Charge Item Form","type":"other-form"},{"name":"billing-form","component":"billingForm","title":"Billing Form","type":"other-form","width":"extra-wide"},{"name":"payment-mode-workspace","component":"paymentModeWorkspace","title":"Payment Mode Workspace","type":"other-form"},{"name":"cancel-bill-workspace","component":"cancelBillWorkspace","title":"Cancel Bill Workspace","type":"other-form"},{"name":"add-deposit-workspace","component":"addDepositWorkspace","title":"Add Deposit","type":"other-form"},{"name":"deposit-transaction-workspace","component":"depositTransactionWorkspace","title":"Deposit Transaction","type":"other-form"},{"name":"payment-workspace","component":"paymentWorkspace","title":"Payment Workspace","type":"other-form"}],"modals":[{"name":"create-payment-point","component":"createPaymentPoint"},{"name":"clock-out-modal","component":"clockOut"},{"name":"bulk-import-billable-services-modal","component":"bulkImportBillableServicesModal"},{"name":"delete-payment-mode-modal","component":"deletePaymentModeModal"},{"name":"manage-claim-request-modal","component":"manageClaimRequestModal"},{"name":"clock-in-modal","component":"clockIn"},{"name":"create-bill-item-modal","component":"createBillItemModal"},{"name":"delete-deposit-modal","component":"deleteDepositModal"},{"name":"reverse-transaction-modal","component":"reverseTransactionModal"},{"name":"print-preview-modal","component":"printPreviewModal"},{"name":"bill-action-modal","component":"billActionModal"},{"name":"require-billing-modal","component":"requirePaymentModal"}],"version":"5.4.2-pre.2710"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenyaemr/esm-billing-app",
-  "version": "5.4.2-pre.2699",
+  "version": "5.4.2-pre.2710",
   "description": "Billing app for KenyaEMR",
   "keywords": [
     "openmrs"

package/src/bill-administration/patient-billing/modals/delete-billable-service.test.tsx

@@ -2,11 +2,11 @@ import React from 'react';
 import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import DeleteBillableServiceModal from './delete-billable-service.modal';
-import { deleteBillableService } from '../../billable-service.resource';
+import { deleteBillableService } from '../../service-catalog/billable-service.resource';
 import { showSnackbar } from '@openmrs/esm-framework';
 import type { ChargeAble } from '../../service-catalog/charge-summary.resource';
 
-jest.mock('../../billable-service.resource', () => ({
+jest.mock('../../service-catalog/billable-service.resource', () => ({
   deleteBillableService: jest.fn(),
 }));
 jest.mock('@openmrs/esm-framework', () => ({

package/src/bill-administration/patient-billing/workspaces/create-bill/create-bill.workspace.test.tsx

@@ -5,7 +5,7 @@ import { useConfig, useLayoutType } from '@openmrs/esm-framework';
 import { type Order, type OrderAction } from '@openmrs/esm-patient-common-lib';
 import { processBillItems } from '../../../../billing.resource';
 import CreateBillWorkspace from './create-bill.workspace';
-import { useBillableItem } from '../../../billable-orders/useBillableItem';
+import { useBillableItem } from '../../../../billable-services/billable-orders/useBillableItem';
 
 jest.mock('react-i18next', () => ({
   useTranslation: () => ({
@@ -26,7 +26,7 @@ jest.mock('@openmrs/esm-framework', () => ({
   restBaseUrl: '/openmrs/ws/rest/v1',
 }));
 
-jest.mock('../../../billable-orders/useBillableItem', () => ({
+jest.mock('../../../../billable-services/billable-orders/useBillableItem', () => ({
   useBillableItem: jest.fn(),
 }));
 
@@ -202,7 +202,7 @@ describe('CreateBillWorkspace', () => {
 
     // Since Carbon dropdown items might be rendered in a portal or with complex structure,
     // we need to find them by their text content regardless of their exact structure
-    const dropdownItem = await screen.findByText(/Cash - Ksh 100.00/);
+    const dropdownItem = await screen.findByText(/Cash - KES 100.00/);
     await user.click(dropdownItem);
 
     // Submit form
@@ -245,7 +245,7 @@ describe('CreateBillWorkspace', () => {
     await user.type(quantityInput, '2');
 
     await user.click(priceDropdown);
-    const dropdownItem = await screen.findByText(/Cash - Ksh 100.00/);
+    const dropdownItem = await screen.findByText(/Cash - KES 100.00/);
     await user.click(dropdownItem);
 
     // Submit form

package/src/bill-administration/service-catalog/charge-summary-table.component.test.tsx

@@ -119,7 +119,7 @@ describe('ChargeSummaryTable', () => {
 
     render(<ChargeSummaryTable />);
     expect(screen.getByText('There are no {{displayText}} to display for this patient')).toBeInTheDocument();
-    const launchFormButton = screen.getByRole('button', { name: /Record Charge Items/i });
+    const launchFormButton = screen.getByRole('button', { name: /Record/i });
     expect(launchFormButton).toBeInTheDocument();
     await user.click(launchFormButton);
     expect(mockLaunchWorkspace).toHaveBeenCalledWith('billable-service-form');

package/src/bill-administration/service-catalog/commodity/commodity-form.workspace.test.tsx

@@ -4,9 +4,9 @@ import CommodityForm from './commodity-form.workspace';
 import userEvent from '@testing-library/user-event';
 import { useCommodityItem } from './useCommodityItem';
 import { usePaymentModes } from '../../../billing.resource';
-import { createBillableService } from '../../billable-service.resource';
+import { createBillableService } from '../billable-service.resource';
 
-jest.mock('../../billable-service.resource', () => ({
+jest.mock('../billable-service.resource', () => ({
   createBillableService: jest.fn(),
 }));
 

package/src/bill-administration/service-catalog/services/service-form.workspace.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import ServiceForm from './service-form.workspace';
-import { createBillableService, useConceptsSearch, useServiceTypes } from '../../billable-service.resource';
+import { createBillableService, useConceptsSearch, useServiceTypes } from '../billable-service.resource';
 import { usePaymentModes } from '../../../billing.resource';
 
 const mockUseConceptsSearch = useConceptsSearch as jest.MockedFunction<typeof useConceptsSearch>;
@@ -137,7 +137,7 @@ const mockPaymentModes = {
   mutate: jest.fn(),
 };
 
-jest.mock('../../billable-service.resource', () => ({
+jest.mock('../billable-service.resource', () => ({
   useConceptsSearch: jest.fn(),
   useServiceTypes: jest.fn(),
   createBillableService: jest.fn(),

package/src/invoice/payments/payments.test.tsx

@@ -4,7 +4,7 @@ import userEvent from '@testing-library/user-event';
 import React from 'react';
 import { mockBill, mockedActiveSheet, mockLineItems, mockPaymentModes } from '../../../../../__mocks__/bills.mock';
 import { processBillPayment, usePaymentModes } from '../../billing.resource';
-import { useClockInStatus } from '../../payment-points/use-clock-in-status';
+import { useClockInStatus } from '../../bill-administration/payment-points/use-clock-in-status';
 import Payments from './payments.component';
 import { LineItem, PaymentMethod } from '../../types';
 
@@ -17,7 +17,7 @@ jest.mock('../../billing.resource', () => ({
   usePaymentModes: jest.fn(),
 }));
 
-jest.mock('../../payment-points/use-clock-in-status');
+jest.mock('../../bill-administration/payment-points/use-clock-in-status');
 const mockedUseClockInStatus = useClockInStatus as jest.Mock;
 
 const updatedMockPaymentModes: PaymentMethod[] = mockPaymentModes.map((mode) => {

package/src/left--panel-link.test.tsx

@@ -6,6 +6,12 @@ import userEvent from '@testing-library/user-event';
 
 window.getOpenmrsSpaBase = () => '/openmrs/spa/';
 
+jest.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}));
+
 describe('LinkExtension Component', () => {
   const renderWithRouter = (component, { route = '/' } = {}) => {
     window.history.pushState({}, 'Test page', route);

package/src/past-patient-bills/patient-bills.component.tsx

@@ -12,7 +12,7 @@ import {
   InlineLoading,
 } from '@carbon/react';
 import { Close } from '@carbon/react/icons';
-import { convertToCurrency, extractString } from '../helpers';
+import { convertToCurrency } from '../helpers';
 import { useTranslation } from 'react-i18next';
 import { MappedBill } from '../types';
 import styles from './patient-bills.scss';
@@ -40,7 +40,7 @@ export const PatientBills: React.FC<PatientBillsProps> = ({ bills, onCancel, pat
     return <InlineLoading status="active" description={t('loading', 'Loading...')} />;
   }
 
-  const billingUrl = '${openmrsSpaBase}/home/billing/patient/${patientUuid}/${uuid}';
+  const billingUrl = '${openmrsSpaBase}/home/accounting/patient/${patientUuid}/${uuid}';
 
   if (bills.length === 0) {
     return (

package/src/past-patient-bills/patient-bills.test.tsx

@@ -0,0 +1,300 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { usePatient } from '@openmrs/esm-framework';
+import { PatientBills, PatientHeader } from './patient-bills.component';
+import { mockPatient } from '../../../../__mocks__/patient.mock';
+import { MappedBill } from '../types';
+
+// Mock dependencies
+jest.mock('@openmrs/esm-framework', () => ({
+  ...jest.requireActual('@openmrs/esm-framework'),
+  usePatient: jest.fn(),
+  getPatientName: jest.fn((patient) => {
+    return `${patient?.name?.[0]?.given?.[0]} ${patient?.name?.[0]?.family}`;
+  }),
+  ConfigurableLink: jest.fn(({ children, to, templateParams }) => (
+    <a href={to.replace('${patientUuid}', templateParams.patientUuid).replace('${uuid}', templateParams.uuid)}>
+      {children}
+    </a>
+  )),
+}));
+
+jest.mock('../helpers', () => ({
+  convertToCurrency: jest.fn((amount) => `KES ${amount.toFixed(2)}`),
+}));
+
+jest.mock('./patient-bills-dashboard/empty-patient-bill.component', () => {
+  return jest.fn(({ title, subTitle }) => (
+    <div>
+      <p>{title}</p>
+      <p>{subTitle}</p>
+    </div>
+  ));
+});
+
+const mockUsePatient = usePatient as jest.MockedFunction<typeof usePatient>;
+
+const mockBills: Array<MappedBill> = [
+  {
+    uuid: '65f9f19a-f70e-44f4-9c6c-55b23dab4a3f',
+    id: 30,
+    patientUuid: '8673ee4f-e2ab-4077-ba55-4980f408773e',
+    patientName: 'John Wilson',
+    cashPointUuid: '381595a0-2229-4152-9c45-bd3692aac7cc',
+    cashPointName: 'Pharmacy Cashier',
+    cashPointLocation: 'Amani Family Medical Clinic',
+    cashier: {
+      uuid: '48b55692-e061-4ffa-b1f2-fd4aaf506224',
+      display: 'admin - ayunda ayunda ayunda',
+      links: [],
+    },
+    receiptNumber: 'CP2-0011-0',
+    status: 'PENDING' as any,
+    identifier: '100GEJ',
+    dateCreated: '2023-11-29T09:35:20.000+0300',
+    dateCreatedUnformatted: '2023-11-29T09:35:20.000+0300',
+    lineItems: [
+      {
+        uuid: '6ff72ef2-4265-4fdb-8563-a3a2eefa484e',
+        display: 'BillLineItem',
+        billableService: 'uuid:HIV self-test kit',
+        voided: false,
+        voidReason: null,
+        item: 'HIV self-test kit',
+        quantity: 1,
+        price: 500.0,
+        priceName: '',
+        priceUuid: '',
+        lineItemOrder: 0,
+        resourceVersion: '1.8',
+        paymentStatus: 'PENDING',
+        itemOrServiceConceptUuid: '',
+        serviceTypeUuid: '',
+        order: null,
+      },
+    ],
+    billingService: 'uuid:HIV self-test kit',
+    payments: [],
+    totalAmount: 500,
+    tenderedAmount: 0,
+  },
+  {
+    uuid: '75f9f19a-f70e-44f4-9c6c-55b23dab4a3f',
+    id: 31,
+    patientUuid: '8673ee4f-e2ab-4077-ba55-4980f408773e',
+    patientName: 'John Wilson',
+    cashPointUuid: '381595a0-2229-4152-9c45-bd3692aac7cc',
+    cashPointName: 'Pharmacy Cashier',
+    cashPointLocation: 'Amani Family Medical Clinic',
+    cashier: {
+      uuid: '48b55692-e061-4ffa-b1f2-fd4aaf506224',
+      display: 'admin - ayunda ayunda ayunda',
+      links: [],
+    },
+    receiptNumber: 'CP2-0012-0',
+    status: 'PAID' as any,
+    identifier: '100GEJ',
+    dateCreated: '2023-11-30T10:15:20.000+0300',
+    dateCreatedUnformatted: '2023-11-30T10:15:20.000+0300',
+    lineItems: [
+      {
+        uuid: '7ff72ef2-4265-4fdb-8563-a3a2eefa484e',
+        display: 'BillLineItem',
+        billableService: 'uuid2:Medical Certificate',
+        voided: false,
+        voidReason: null,
+        item: 'Medical Certificate',
+        quantity: 1,
+        price: 1000.0,
+        priceName: '',
+        priceUuid: '',
+        lineItemOrder: 0,
+        resourceVersion: '1.8',
+        paymentStatus: 'PAID',
+        itemOrServiceConceptUuid: '',
+        serviceTypeUuid: '',
+        order: null,
+      },
+    ],
+    billingService: 'uuid2:Medical Certificate',
+    payments: [],
+    totalAmount: 1000,
+    tenderedAmount: 1000,
+  },
+];
+
+describe('PatientBills', () => {
+  const mockOnCancel = jest.fn();
+  const patientUuid = '8673ee4f-e2ab-4077-ba55-4980f408773e';
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockUsePatient.mockReturnValue({
+      patient: mockPatient as any,
+      isLoading: false,
+      error: null,
+      patientUuid: patientUuid,
+    });
+  });
+
+  it('should render loading state when patient data is loading', () => {
+    mockUsePatient.mockReturnValue({
+      patient: null,
+      isLoading: true,
+      error: null,
+      patientUuid: patientUuid,
+    });
+
+    render(<PatientBills bills={mockBills} onCancel={mockOnCancel} patientUuid={patientUuid} />);
+
+    expect(screen.getByText('Loading...')).toBeInTheDocument();
+  });
+
+  it('should render empty state when there are no bills', () => {
+    render(<PatientBills bills={[]} onCancel={mockOnCancel} patientUuid={patientUuid} />);
+
+    expect(screen.getByText('No bills found')).toBeInTheDocument();
+    expect(screen.getByText('No bills found for this patient')).toBeInTheDocument();
+  });
+
+  it('should render patient header with patient information', () => {
+    render(<PatientBills bills={mockBills} onCancel={mockOnCancel} patientUuid={patientUuid} />);
+
+    expect(screen.getByText('John Wilson')).toBeInTheDocument();
+    expect(screen.getByText('Male')).toBeInTheDocument();
+    expect(screen.getByText('100732HE')).toBeInTheDocument();
+  });
+
+  it('should render bills table with correct headers', () => {
+    render(<PatientBills bills={mockBills} onCancel={mockOnCancel} patientUuid={patientUuid} />);
+
+    expect(screen.getByText('Date')).toBeInTheDocument();
+    expect(screen.getByText('Charge Item')).toBeInTheDocument();
+    expect(screen.getByText('Total Amount')).toBeInTheDocument();
+    expect(screen.getByText('Status')).toBeInTheDocument();
+  });
+
+  it('should render bill data in the table', () => {
+    render(<PatientBills bills={mockBills} onCancel={mockOnCancel} patientUuid={patientUuid} />);
+
+    expect(screen.getByText('HIV self-test kit')).toBeInTheDocument();
+    expect(screen.getByText('Medical Certificate')).toBeInTheDocument();
+    expect(screen.getByText('KES 500.00')).toBeInTheDocument();
+    expect(screen.getByText('KES 1000.00')).toBeInTheDocument();
+    expect(screen.getByText('PENDING')).toBeInTheDocument();
+    expect(screen.getByText('PAID')).toBeInTheDocument();
+  });
+
+  it('should render table title and description', () => {
+    render(<PatientBills bills={mockBills} onCancel={mockOnCancel} patientUuid={patientUuid} />);
+
+    expect(screen.getByText(/patient bill summary/i)).toBeInTheDocument();
+    expect(screen.getByText(/a list of all bills for this patient/i)).toBeInTheDocument();
+  });
+
+  it('should call onCancel when close button is clicked', async () => {
+    const user = userEvent.setup();
+    render(<PatientBills bills={mockBills} onCancel={mockOnCancel} patientUuid={patientUuid} />);
+
+    const closeButton = screen.getByRole('button', { name: /close/i });
+    await user.click(closeButton);
+
+    expect(mockOnCancel).toHaveBeenCalledWith('');
+  });
+
+  it('should render charge items as links', () => {
+    render(<PatientBills bills={mockBills} onCancel={mockOnCancel} patientUuid={patientUuid} />);
+
+    const links = screen.getAllByRole('link');
+    expect(links.length).toBeGreaterThan(0);
+    expect(links[0]).toHaveAttribute('href', expect.stringContaining('8673ee4f-e2ab-4077-ba55-4980f408773e'));
+  });
+
+  it('should handle bills with multiple line items correctly', () => {
+    const billWithMultipleItems: MappedBill = {
+      ...mockBills[0],
+      lineItems: [
+        mockBills[0].lineItems[0],
+        {
+          uuid: '8ff72ef2-4265-4fdb-8563-a3a2eefa484e',
+          display: 'BillLineItem',
+          billableService: 'uuid3:Lab Test',
+          voided: false,
+          voidReason: null,
+          item: 'Lab Test',
+          quantity: 1,
+          price: 300.0,
+          priceName: '',
+          priceUuid: '',
+          lineItemOrder: 1,
+          resourceVersion: '1.8',
+          paymentStatus: 'PENDING',
+          itemOrServiceConceptUuid: '',
+          serviceTypeUuid: '',
+          order: null,
+        },
+      ],
+    };
+
+    render(<PatientBills bills={[billWithMultipleItems]} onCancel={mockOnCancel} patientUuid={patientUuid} />);
+
+    expect(screen.getByText(/HIV self-test kit, Lab Test/i)).toBeInTheDocument();
+  });
+});
+
+describe('PatientHeader', () => {
+  const mockOnCancel = jest.fn();
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should render patient name, gender, and identifier', () => {
+    render(<PatientHeader patient={mockPatient as any} onCancel={mockOnCancel} />);
+
+    expect(screen.getByText('John Wilson')).toBeInTheDocument();
+    expect(screen.getByText('Male')).toBeInTheDocument();
+    expect(screen.getByText('100732HE')).toBeInTheDocument();
+  });
+
+  it('should render close button', () => {
+    render(<PatientHeader patient={mockPatient as any} onCancel={mockOnCancel} />);
+
+    const closeButton = screen.getByRole('button', { name: /close/i });
+    expect(closeButton).toBeInTheDocument();
+  });
+
+  it('should call onCancel with empty string when close button is clicked', async () => {
+    const user = userEvent.setup();
+    render(<PatientHeader patient={mockPatient as any} onCancel={mockOnCancel} />);
+
+    const closeButton = screen.getByRole('button', { name: /close/i });
+    await user.click(closeButton);
+
+    expect(mockOnCancel).toHaveBeenCalledWith('');
+    expect(mockOnCancel).toHaveBeenCalledTimes(1);
+  });
+
+  it('should display -- when patient identifier is not available', () => {
+    const patientWithoutIdentifier = {
+      ...mockPatient,
+      identifier: [],
+    };
+
+    render(<PatientHeader patient={patientWithoutIdentifier as any} onCancel={mockOnCancel} />);
+
+    expect(screen.getByText('--')).toBeInTheDocument();
+  });
+
+  it('should capitalize patient gender', () => {
+    const patientWithLowercaseGender = {
+      ...mockPatient,
+      gender: 'female',
+    };
+
+    render(<PatientHeader patient={patientWithLowercaseGender as any} onCancel={mockOnCancel} />);
+
+    expect(screen.getByText('Female')).toBeInTheDocument();
+  });
+});