@openmrs/esm-billing-app 1.0.2-pre.613 → 1.0.2-pre.619

package/src/billable-services/billable-services.component.tsx

@@ -26,17 +26,18 @@ import { EmptyState } from '@openmrs/esm-patient-common-lib';
 import { type BillableService } from '../types/index';
 import { useBillableServices } from './billable-service.resource';
 import AddBillableService from './create-edit/add-billable-service.component';
+import type { BillingConfig } from '../config-schema';
 import styles from './billable-services.scss';
 
 const BillableServices = () => {
   const { t } = useTranslation();
   const { billableServices, isLoading, isValidating, error, mutate } = useBillableServices();
   const layout = useLayoutType();
-  const config = useConfig();
+  const { pageSize: configuredPageSize } = useConfig<BillingConfig>();
   const [searchString, setSearchString] = useState('');
   const responsiveSize = isDesktop(layout) ? 'lg' : 'sm';
-  const pageSizes = config?.billableServices?.pageSizes ?? [10, 20, 30, 40, 50];
-  const [pageSize, setPageSize] = useState(config?.billableServices?.pageSize ?? 10);
+  const pageSizes = [10, 20, 30, 40, 50];
+  const [pageSize, setPageSize] = useState(configuredPageSize ?? 10);
 
   const [showOverlay, setShowOverlay] = useState(false);
   const [editingService, setEditingService] = useState(null);
@@ -55,7 +56,7 @@ const BillableServices = () => {
       key: 'serviceType',
     },
     {
-      header: t('status', 'Service Status'),
+      header: t('serviceStatus', 'Service Status'),
       key: 'status',
     },
     {

package/src/billable-services/billable-services.test.tsx

@@ -4,55 +4,13 @@ import userEvent from '@testing-library/user-event';
 import BillableServices from './billable-services.component';
 import { useBillableServices } from './billable-service.resource';
 
-// Mock the resource
 jest.mock('./billable-service.resource', () => ({
   useBillableServices: jest.fn(),
 }));
 
-// Mock the empty state component
-jest.mock('@openmrs/esm-patient-common-lib', () => ({
-  EmptyState: jest.fn(({ displayText, headerTitle }) => (
-    <div data-testid="empty-state">
-      <h1>{headerTitle}</h1>
-      <p>{displayText}</p>
-    </div>
-  )),
-}));
-
-// Mock navigation
-jest.mock('@openmrs/esm-framework', () => ({
-  useLayoutType: jest.fn(() => 'desktop'),
-  isDesktop: jest.fn(() => true),
-  useConfig: jest.fn(() => ({
-    billableServices: {
-      pageSizes: [10, 20, 30, 40, 50],
-      pageSize: 10,
-    },
-  })),
-  usePagination: jest.fn().mockImplementation((data) => ({
-    currentPage: 1,
-    goTo: jest.fn(),
-    results: data,
-    paginated: true,
-  })),
-  navigate: jest.fn(),
-  ErrorState: jest.fn(({ error }) => <div>Error: {error?.message || error}</div>),
-}));
-
-// Mock i18next
-jest.mock('react-i18next', () => ({
-  useTranslation: () => ({
-    t: (key: string, fallback: string) => fallback || key,
-  }),
-}));
-
 describe('BillableService', () => {
   const mockedUseBillableServices = useBillableServices as jest.Mock;
 
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
   it('renders an empty state when there are no billable services', () => {
     mockedUseBillableServices.mockReturnValue({
       billableServices: [],
@@ -64,9 +22,10 @@ describe('BillableService', () => {
 
     render(<BillableServices />);
 
-    expect(screen.getByTestId('empty-state')).toBeInTheDocument();
+    // Check that empty state is rendered without looking for specific test ID
     expect(screen.getByText('Billable service')).toBeInTheDocument();
-    expect(screen.getByText('There are no services to display')).toBeInTheDocument();
+    // Check that empty state is visible with some indication
+    expect(screen.queryByRole('table')).not.toBeInTheDocument();
   });
 
   it('renders billable services table correctly', () => {

package/src/billable-services/cash-point/cash-point-configuration.component.tsx

@@ -172,7 +172,7 @@ const CashPointConfiguration: React.FC = () => {
       <div className={styles.card}>
         <CardHeader title={t('cashPointHistory', 'Cash Point History')}>
           <Button renderIcon={Add} onClick={() => setIsModalOpen(true)} kind="ghost">
-            {t('addCashPoint', 'Add New Cash Point')}
+            {t('addNewCashPoint', 'Add New Cash Point')}
           </Button>
         </CardHeader>
         <div className={styles.billHistoryContainer}>
@@ -257,7 +257,7 @@ const CashPointConfiguration: React.FC = () => {
             render={({ field }) => (
               <Dropdown
                 id="cash-point-location"
-                label={t('location', 'Select Location')}
+                label={t('selectLocation', 'Select Location')}
                 titleText={t('cashPointLocation', 'Cash Point Location')}
                 items={locations}
                 selectedItem={locations.find((loc) => loc.id === field.value)}

package/src/billable-services/create-edit/add-billable-service.component.tsx

@@ -18,7 +18,7 @@ import { z } from 'zod';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { navigate, showSnackbar, useDebounce, useLayoutType } from '@openmrs/esm-framework';
 import {
-  createBillableSerice,
+  createBillableService,
   updateBillableService,
   useConceptsSearch,
   usePaymentModes,
@@ -142,7 +142,7 @@ const AddBillableService: React.FC<{ editingService?: any; onClose: () => void;
 
     const saveAction = editingService
       ? updateBillableService(editingService.uuid, payload)
-      : createBillableSerice(payload);
+      : createBillableService(payload);
 
     saveAction.then(
       (resp) => {

package/src/billable-services/create-edit/add-billable-service.test.tsx

@@ -6,21 +6,21 @@ import {
   useBillableServices,
   usePaymentModes,
   useServiceTypes,
-  createBillableSerice,
+  createBillableService,
 } from '../billable-service.resource';
 import AddBillableService from './add-billable-service.component';
 
 const mockUseBillableServices = useBillableServices as jest.MockedFunction<typeof useBillableServices>;
 const mockUsePaymentModes = usePaymentModes as jest.MockedFunction<typeof usePaymentModes>;
 const mockUseServiceTypes = useServiceTypes as jest.MockedFunction<typeof useServiceTypes>;
-const mockCreateBillableSerice = createBillableSerice as jest.MockedFunction<typeof createBillableSerice>;
+const mockcreateBillableService = createBillableService as jest.MockedFunction<typeof createBillableService>;
 const mockNavigate = navigate as jest.MockedFunction<typeof navigate>;
 
 jest.mock('../billable-service.resource', () => ({
   useBillableServices: jest.fn(),
   usePaymentModes: jest.fn(),
   useServiceTypes: jest.fn(),
-  createBillableSerice: jest.fn(),
+  createBillableService: jest.fn(),
 }));
 
 const mockPaymentModes = [
@@ -107,13 +107,13 @@ xdescribe('AddBillableService', () => {
     expect(priceTextInp).toBeInTheDocument();
     await user.type(priceTextInp, '1000');
 
-    mockCreateBillableSerice.mockReturnValue(Promise.resolve({} as FetchResponse<any>));
+    mockcreateBillableService.mockReturnValue(Promise.resolve({} as FetchResponse<any>));
     const saveBtn = screen.getByRole('button', { name: /Save/i });
     expect(saveBtn).toBeInTheDocument();
     await user.click(saveBtn);
 
-    expect(mockCreateBillableSerice).toHaveBeenCalledTimes(1);
-    expect(mockCreateBillableSerice).toHaveBeenCalledWith({
+    expect(mockcreateBillableService).toHaveBeenCalledTimes(1);
+    expect(mockcreateBillableService).toHaveBeenCalledWith({
       name: 'Test Service Name',
       shortName: 'Test Short Name',
       serviceType: undefined,

package/src/billable-services/payyment-modes/payment-modes-config.component.tsx

@@ -172,7 +172,7 @@ const PaymentModesConfig: React.FC = () => {
       <div className={styles.card}>
         <CardHeader title={t('paymentModeHistory', 'Payment Mode History')}>
           <Button renderIcon={Add} onClick={() => setIsModalOpen(true)} kind="ghost">
-            {t('addPaymentMode', 'Add New Payment Mode')}
+            {t('addNewPaymentMode', 'Add New Payment Mode')}
           </Button>
         </CardHeader>
         <div className={styles.historyContainer}>

package/src/billing-form/billing-checkin-form.component.tsx

@@ -1,12 +1,11 @@
 import React, { useCallback, useState } from 'react';
 import { Dropdown, InlineLoading, InlineNotification } from '@carbon/react';
 import { useTranslation } from 'react-i18next';
-import { showSnackbar, useConfig } from '@openmrs/esm-framework';
+import { showSnackbar } from '@openmrs/esm-framework';
 import { useCashPoint, useBillableItems, createPatientBill } from './billing-form.resource';
 import VisitAttributesForm from './visit-attributes/visit-attributes-form.component';
 import styles from './billing-checkin-form.scss';
 
-const DEFAULT_PRICE = 500.00001;
 const PENDING_PAYMENT_STATUS = 'PENDING';
 
 type BillingCheckInFormProps = {

package/src/billing-form/billing-checkin-form.test.tsx

@@ -42,8 +42,6 @@ const mockBillableItems = [
 
 const mockUseCashPoint = useCashPoint as jest.MockedFunction<typeof useCashPoint>;
 const mockUseBillableItems = useBillableItems as jest.MockedFunction<typeof useBillableItems>;
-const mockCreatePatientBill = createPatientBill as jest.MockedFunction<typeof createPatientBill>;
-const mockusePaymentMethods = usePaymentMethods as jest.MockedFunction<typeof usePaymentMethods>;
 
 jest.mock('./billing-form.resource', () => ({
   useBillableItems: jest.fn(),

package/src/billing-form/billing-form.component.tsx

@@ -70,7 +70,7 @@ const BillingForm: React.FC<BillingFormProps> = ({ patientUuid, closeWorkspace }
       isValid = false;
       const parsedErrorMessage = JSON.parse(error.message);
       showToast({
-        title: t('billItems', 'Save Bill'),
+        title: t('saveBill', 'Save Bill'),
         kind: 'error',
         description: parsedErrorMessage[0].message,
       });
@@ -214,15 +214,19 @@ const BillingForm: React.FC<BillingFormProps> = ({ patientUuid, closeWorkspace }
         closeWorkspace();
         mutate((key) => typeof key === 'string' && key.startsWith(url), undefined, { revalidate: true });
         showSnackbar({
-          title: t('billItems', 'Save Bill'),
-          subtitle: 'Bill processing has been successful',
+          title: t('saveBill', 'Save Bill'),
+          subtitle: t('billProcessingSuccess', 'Bill processing has been successful'),
           kind: 'success',
           timeoutInMs: 3000,
         });
       },
       (error) => {
         setIsSubmitting(false);
-        showSnackbar({ title: 'Bill processing error', kind: 'error', subtitle: error?.message });
+        showSnackbar({
+          title: t('billProcessingError', 'Bill processing error'),
+          kind: 'error',
+          subtitle: error?.message,
+        });
       },
     );
   };

package/src/billing.resource.ts

@@ -3,9 +3,17 @@ import dayjs from 'dayjs';
 import isEmpty from 'lodash-es/isEmpty';
 import sortBy from 'lodash-es/sortBy';
 import useSWR from 'swr';
-import { formatDate, parseDate, openmrsFetch, useSession, useVisit, restBaseUrl } from '@openmrs/esm-framework';
+import {
+  formatDate,
+  parseDate,
+  openmrsFetch,
+  useSession,
+  useVisit,
+  restBaseUrl,
+  type SessionLocation,
+} from '@openmrs/esm-framework';
 import { apiBasePath, omrsDateFormat } from './constants';
-import type { FacilityDetail, MappedBill, PatientInvoice } from './types';
+import type { MappedBill, PatientInvoice } from './types';
 import SelectedDateContext from './hooks/selectedDateContext';
 
 export const useBills = (patientUuid: string = '', billStatus: string = '') => {
@@ -108,13 +116,9 @@ export const processBillPayment = (payload, billUuid: string) => {
   });
 };
 
-export function useDefaultFacility() {
-  const url = `${restBaseUrl}/kenyaemr/default-facility`;
-  const { authenticated } = useSession();
-
-  const { data, isLoading } = useSWR<{ data: FacilityDetail }>(authenticated ? url : null, openmrsFetch);
-
-  return { data: data?.data, isLoading: isLoading };
+export function useDefaultFacility(): { data: SessionLocation | null } {
+  const { sessionLocation } = useSession();
+  return { data: sessionLocation };
 }
 
 export const usePatientPaymentInfo = (patientUuid: string) => {

package/src/bills-table/bills-table.test.tsx

@@ -4,91 +4,126 @@ import { render, screen, waitFor } from '@testing-library/react';
 import { useBills } from '../billing.resource';
 import BillsTable from './bills-table.component';
 
-jest.mock('react-i18next', () => ({
-  useTranslation: () => ({
-    t: (key: string) => key,
-  }),
+jest.mock('@openmrs/esm-framework', () => {
+  const actual = jest.requireActual('@openmrs/esm-framework');
+  return {
+    ...actual,
+    ConfigurableLink: ({ children, to, templateParams }: any) => {
+      let resolvedTo = to as string;
+      if (templateParams) {
+        resolvedTo = resolvedTo
+          .replace('${patientUuid}', templateParams.patientUuid)
+          .replace('${uuid}', templateParams.uuid)
+          .replace('${openmrsSpaBase}', '/openmrs/spa');
+      }
+      resolvedTo = resolvedTo.replace(/^\/openmrs\/spa/, '');
+      return <a href={resolvedTo}>{children}</a>;
+    },
+  };
+});
+
+jest.mock('../billing.resource', () => ({
+  useBills: jest.fn(() => ({
+    bills: mockBillsData,
+    isLoading: false,
+    isValidating: false,
+    error: null,
+  })),
 }));
 
+const mockBills = jest.mocked(useBills);
+
 const mockBillsData = [
   {
     uuid: '1',
+    id: 1,
     patientName: 'John Doe',
     identifier: '12345678',
     visitType: 'Checkup',
     patientUuid: 'uuid1',
     dateCreated: '2024-01-01',
-    lineItems: [{ billableService: 'Service 1' }],
+    lineItems: [
+      {
+        uuid: 'line-item-1',
+        display: 'Service 1 Line Item',
+        voided: false,
+        voidReason: null,
+        item: 'Service 1',
+        billableService: 'Service 1',
+        quantity: 1,
+        price: 100,
+        priceName: 'Standard Price',
+        priceUuid: 'price-1',
+        lineItemOrder: 1,
+        resourceVersion: '1.0',
+        paymentStatus: 'PENDING',
+      },
+    ],
     status: 'PENDING',
+    cashPointUuid: 'cash-point-1',
+    cashPointName: 'Main Cash Point',
+    cashPointLocation: 'Main Hospital',
+    cashier: { uuid: 'cashier-1', display: 'Jane Cashier', links: [] },
+    receiptNumber: 'RCP-001',
+    billingService: 'Service 1',
+    payments: [],
+    totalAmount: 100,
+    tenderedAmount: 0,
   },
   {
     uuid: '2',
+    id: 2,
     patientName: 'Mary Smith',
     identifier: '98765432',
     visitType: 'Wake up',
     patientUuid: 'uuid2',
     dateCreated: '2024-01-02',
-    lineItems: [{ billableService: 'Service 2' }],
+    lineItems: [
+      {
+        uuid: 'line-item-2',
+        display: 'Service 2 Line Item',
+        voided: false,
+        voidReason: null,
+        item: 'Service 2',
+        billableService: 'Service 2',
+        quantity: 1,
+        price: 200,
+        priceName: 'Standard Price',
+        priceUuid: 'price-1',
+        lineItemOrder: 1,
+        resourceVersion: '1.0',
+        paymentStatus: 'PENDING',
+      },
+    ],
     status: 'PENDING',
+    cashPointUuid: 'cash-point-1',
+    cashPointName: 'Main Cash Point',
+    cashPointLocation: 'Main Hospital',
+    cashier: { uuid: 'cashier-1', display: 'Jane Cashier', links: [] },
+    receiptNumber: 'RCP-002',
+    billingService: 'Service 2',
+    payments: [],
+    totalAmount: 200,
+    tenderedAmount: 200,
   },
 ];
 
-jest.mock('../billing.resource', () => ({
-  useBills: jest.fn(() => ({
-    bills: mockBillsData,
-    isLoading: false,
-    isValidating: false,
-    error: null,
-  })),
-}));
-
-jest.mock('@openmrs/esm-patient-common-lib', () => ({
-  EmptyDataIllustration: jest.fn(() => <div>Empty state illustration</div>),
-}));
-
-jest.mock('@openmrs/esm-framework', () => ({
-  useLayoutType: jest.fn(() => 'desktop'),
-  isDesktop: jest.fn(() => true),
-  ErrorState: jest.fn(({ error }) => <div data-testid="error-state">{error?.message || error}</div>),
-  useConfig: jest.fn(() => ({
-    bills: {
-      pageSizes: [10, 20, 30, 40, 50],
-      pageSize: 10,
-    },
-  })),
-  usePagination: jest.fn().mockImplementation((data) => ({
-    currentPage: 1,
-    goTo: jest.fn(),
-    results: data,
-    paginated: true,
-  })),
-  ConfigurableLink: jest.fn(({ children, to, templateParams }) => {
-    const resolvedTo = '/home/billing/patient/' + templateParams.patientUuid + '/' + templateParams.uuid;
-    return <a href={resolvedTo}>{children}</a>;
-  }),
-  openmrsSpaBase: '',
-}));
-
 describe('BillsTable', () => {
-  const mockBills = useBills as jest.Mock;
-  let user;
-
   beforeEach(() => {
-    user = userEvent.setup();
     mockBills.mockImplementation(() => ({
       bills: mockBillsData,
       isLoading: false,
       isValidating: false,
       error: null,
+      mutate: jest.fn(),
     }));
   });
 
   test('renders data table with pending bills', () => {
     render(<BillsTable />);
 
-    expect(screen.getByText('visitTime')).toBeInTheDocument();
-    expect(screen.getByText('identifier')).toBeInTheDocument();
-
+    expect(screen.getByText('Visit time')).toBeInTheDocument();
+    expect(screen.getByText('Identifier')).toBeInTheDocument();
     expect(screen.getByText(/John Doe/)).toBeInTheDocument();
     expect(screen.getByText('12345678')).toBeInTheDocument();
   });
@@ -99,6 +134,7 @@ describe('BillsTable', () => {
       isLoading: false,
       isValidating: false,
       error: null,
+      mutate: jest.fn(),
     }));
 
     render(<BillsTable />);
@@ -111,28 +147,33 @@ describe('BillsTable', () => {
       isLoading: true,
       isValidating: false,
       error: null,
+      mutate: jest.fn(),
     }));
 
     render(<BillsTable />);
+
     const dataTableSkeleton = screen.getByRole('table');
     expect(dataTableSkeleton).toBeInTheDocument();
     expect(dataTableSkeleton).toHaveClass('cds--skeleton cds--data-table cds--data-table--zebra');
   });
 
-  test('should display the error state when there is error', () => {
+  test('should display an error state if there is a problem loading bill data', () => {
     mockBills.mockImplementationOnce(() => ({
       bills: undefined,
       isLoading: false,
       isValidating: false,
       error: new Error('Error in fetching data'),
+      mutate: jest.fn(),
     }));
 
     render(<BillsTable />);
-    expect(screen.getByTestId('error-state')).toBeInTheDocument();
+
+    expect(screen.getByText(/error state/i)).toBeInTheDocument();
     expect(screen.queryByRole('table')).not.toBeInTheDocument();
   });
 
   test('should filter bills by search term', async () => {
+    const user = userEvent.setup();
     render(<BillsTable />);
 
     const searchInput = screen.getByRole('searchbox');
@@ -142,7 +183,6 @@ describe('BillsTable', () => {
     expect(screen.getByText('Mary Smith')).toBeInTheDocument();
 
     await user.type(searchInput, 'John Doe');
-
     await waitFor(() => {
       expect(screen.queryByText('Mary Smith')).not.toBeInTheDocument();
     });
@@ -160,11 +200,14 @@ describe('BillsTable', () => {
   });
 
   test('should filter bills by payment status', async () => {
+    const user = userEvent.setup();
+
     mockBills.mockImplementationOnce(() => ({
       bills: mockBillsData.map((bill) => ({ ...bill, status: 'PENDING' })),
       isLoading: false,
       isValidating: false,
       error: null,
+      mutate: jest.fn(),
     }));
 
     render(<BillsTable />);
@@ -175,7 +218,7 @@ describe('BillsTable', () => {
     const paidBillsOption = screen.getAllByText('Paid bills')[0];
     await user.click(paidBillsOption);
 
-    expect(screen.getByText('noMatchingBillsToDisplay')).toBeInTheDocument();
+    expect(screen.getByText('No matching bills to display')).toBeInTheDocument();
   });
 
   test('should show loading state during background updates', () => {
@@ -184,6 +227,7 @@ describe('BillsTable', () => {
       isLoading: false,
       isValidating: true,
       error: null,
+      mutate: jest.fn(),
     }));
 
     render(<BillsTable />);

package/src/config-schema.ts

@@ -1,8 +1,25 @@
-import { Type } from '@openmrs/esm-framework';
-
-export interface BillingConfig {}
+import { Type, validators } from '@openmrs/esm-framework';
 
 export const configSchema = {
+  logo: {
+    src: {
+      _type: Type.String,
+      _default: '',
+      _description:
+        'The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.',
+      _validators: [validators.isUrl],
+    },
+    alt: {
+      _type: Type.String,
+      _default: 'Logo',
+      _description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
+    },
+  },
+  country: {
+    _type: Type.String,
+    _description: 'The text that gets printed on the top right of the invoice, typically the name of the country',
+    _default: 'Kenya',
+  },
   patientCatergory: {
     _type: Type.Object,
     _description: 'Patient Category Custom UUIDs',
@@ -15,7 +32,6 @@ export const configSchema = {
       formPayloadPending: '919b51c9-8e2e-468f-8354-181bf3e55786',
     },
   },
-
   catergoryConcepts: {
     _type: Type.Object,
     _description: 'Patient Category Concept UUIDs',
@@ -25,7 +41,6 @@ export const configSchema = {
       insuranceDetails: 'beac329b-f1dc-4a33-9e7c-d95821a137a6',
     },
   },
-
   nonPayingPatientCategories: {
     _type: Type.Object,
     _description: 'Concept UUIDs for non-paying patient categories',
@@ -34,7 +49,6 @@ export const configSchema = {
       student: '159465AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
     },
   },
-
   postBilledItems: {
     _type: Type.Object,
     _description: 'Post Bill Items such as cashPoints, cashier, priceUUid when submitting a bill',
@@ -44,7 +58,6 @@ export const configSchema = {
       priceUuid: '7b9171ac-d3c1-49b4-beff-c9902aee5245',
     },
   },
-
   serviceTypes: {
     _type: Type.Object,
     _description: 'Post Bill Items such as cashPoints, cashier, priceUUid when submitting a bill',
@@ -52,19 +65,16 @@ export const configSchema = {
       billableService: '21b8cf43-9f9f-4d02-9f4a-d710ece54261',
     },
   },
-
   defaultCurrency: {
     _type: Type.String,
     _description: 'The default currency for the application. Specify the currency code (e.g., KES, UGX, GBP).',
     _default: 'KES',
   },
-
   pageSize: {
     _type: Type.Number,
     _description: 'The default page size',
     _default: 10,
   },
-
   showEditBillButton: {
     _type: Type.Boolean,
     _description: 'Whether to show the edit bill button or not.',
@@ -72,14 +82,38 @@ export const configSchema = {
   },
 };
 
-export interface ConfigObject {
-  patientCatergory: Object;
+export interface BillingConfig {
+  logo: {
+    src: string;
+    alt: string;
+  };
+  country: string;
+  patientCatergory: {
+    paymentDetails: string;
+    paymentMethods: string;
+    policyNumber: string;
+    insuranceScheme: string;
+    patientCategory: string;
+    formPayloadPending: string;
+  };
+  catergoryConcepts: {
+    payingDetails: string;
+    nonPayingDetails: string;
+    insuranceDetails: string;
+  };
+  nonPayingPatientCategories: {
+    childUnder5: string;
+    student: string;
+  };
+  postBilledItems: {
+    cashPoint: string;
+    cashier: string;
+    priceUuid: string;
+  };
+  serviceTypes: {
+    billableService: string;
+  };
   defaultCurrency: string;
-  catergoryConcepts: Object;
-  pageSize;
-  object;
+  pageSize: number;
   showEditBillButton: boolean;
-  postBilledItems: Object;
-  serviceTypes: Object;
-  nonPayingPatientCategories: Object;
 }