@openmrs/esm-billing-app 1.0.2-pre.112 → 1.0.2-pre.1124

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

@@ -64,25 +64,18 @@ const BillsTable = () => {
   const searchResults = useMemo(() => {
     if (!bills?.length) return bills;
 
-    return bills
-      .map((bill) => {
-        if (bill.payments?.length > 0) {
-          const totalPaid = bill.payments.reduce((sum, payment) => sum + payment.amountTendered, 0);
-          if (totalPaid >= bill.totalAmount) {
-            bill.status = 'PAID';
-          }
-        }
-        return bill;
-      })
-      .filter((bill) => {
-        const statusMatch = billPaymentStatus === '' ? true : bill.status === billPaymentStatus;
-        const searchMatch = !searchString
-          ? true
-          : bill.patientName.toLowerCase().includes(searchString.toLowerCase()) ||
-            bill.identifier.toLowerCase().includes(searchString.toLowerCase());
+    return bills.filter((bill) => {
+      const statusMatch =
+        billPaymentStatus === '' ||
+        billPaymentStatus === bill.status ||
+        (billPaymentStatus === 'PENDING' && bill.status === 'POSTED');
+      const searchMatch = !searchString
+        ? true
+        : bill.patientName.toLowerCase().includes(searchString.toLowerCase()) ||
+          bill.identifier.toLowerCase().includes(searchString.toLowerCase());
 
-        return statusMatch && searchMatch;
-      });
+      return statusMatch && searchMatch;
+    });
   }, [bills, searchString, billPaymentStatus]);
 
   const { paginated, goTo, results, currentPage } = usePagination(searchResults, pageSize);
@@ -121,9 +114,9 @@ const BillsTable = () => {
   );
 
   const filterItems = [
-    { id: '', text: 'All bills' },
-    { id: 'PENDING', text: 'Pending bills' },
-    { id: 'PAID', text: 'Paid bills' },
+    { id: '', text: t('allBills', 'All bills') },
+    { id: 'PENDING', text: t('pendingBills', 'Pending bills') },
+    { id: 'PAID', text: t('paidBills', 'Paid bills') },
   ];
 
   const handleFilterChange = ({ selectedItem }) => {
@@ -149,7 +142,7 @@ const BillsTable = () => {
     return (
       <div className={styles.errorContainer}>
         <Layer>
-          <ErrorState error={error} headerTitle={t('billsList', 'Bill list')} />
+          <ErrorState error={error} headerTitle={t('billList', 'Bill list')} />
         </Layer>
       </div>
     );
@@ -168,7 +161,7 @@ const BillsTable = () => {
           label=""
           onChange={handleFilterChange}
           size={responsiveSize}
-          titleText={t('filterBy', 'Filter by') + ':'}
+          titleText={t('filterBy', 'Filter by:')}
           type="inline"
         />
       </div>
@@ -190,7 +183,7 @@ const BillsTable = () => {
             useZebraStyles={rowData?.length > 1 ? true : false}>
             {({ rows, headers, getRowProps, getTableProps }) => (
               <TableContainer>
-                <Table {...getTableProps()} aria-label="bill list">
+                <Table {...getTableProps()} aria-label={t('billList', 'Bill list')}>
                   <TableHead>
                     <TableRow>
                       {headers.map((header) => (

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();
     });
@@ -156,15 +196,18 @@ describe('BillsTable', () => {
     const patientNameLink = screen.getByRole('link', { name: 'John Doe' });
     expect(patientNameLink).toBeInTheDocument();
 
-    expect(patientNameLink.getAttribute('href')).toEqual('/home/billing/patient/uuid1/1');
+    expect(patientNameLink).toHaveAttribute('href', '/home/billing/patient/uuid1/1');
   });
 
   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,85 +1,138 @@
-import { Type } from '@openmrs/esm-framework';
-
-export interface BillingConfig {}
+import { Type, validators } from '@openmrs/esm-framework';
 
 export const configSchema = {
-  patientCatergory: {
+  logo: {
+    src: {
+      _type: Type.String,
+      _default: '',
+      _description: 'The path or URL to the logo image. If set to an empty string, the alt text will be used.',
+      _validators: [validators.isUrl],
+    },
+    alt: {
+      _type: Type.String,
+      _default: '',
+      _description:
+        'The alternative text for the logo image, displayed when the image cannot be loaded or on hover. If not provided and src is empty, the default OpenMRS SVG sprite will be used.',
+    },
+  },
+  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',
+  },
+  patientCategory: {
     _type: Type.Object,
-    _description: 'Patient Category Custom UUIDs',
+    _description:
+      'Visit Attribute Type UUIDs - These are custom attribute types that can be attached to patient visits. Each UUID represents a Visit Attribute Type in OpenMRS that stores payment-related information for the visit.',
     _default: {
+      // Payment details attribute type (e.g., "Paying" or "Non-paying")
       paymentDetails: 'fbc0702d-b4c9-4968-be63-af8ad3ad6239',
+      // Payment method attribute type (e.g., cash, insurance, mobile money)
       paymentMethods: '8553afa0-bdb9-4d3c-8a98-05fa9350aa85',
+      // Insurance policy number attribute type
       policyNumber: '3a988e33-a6c0-4b76-b924-01abb998944b',
+      // Insurance scheme name attribute type
       insuranceScheme: 'aac48226-d143-4274-80e0-264db4e368ee',
+      // Patient category classification attribute type
       patientCategory: '3b9dfac8-9e4d-11ee-8c90-0242ac120002',
+      // Form payload pending status attribute type
       formPayloadPending: '919b51c9-8e2e-468f-8354-181bf3e55786',
     },
   },
-
-  catergoryConcepts: {
+  categoryConcepts: {
     _type: Type.Object,
-    _description: 'Patient Category Concept UUIDs',
+    _description:
+      'Concept UUIDs - These are OpenMRS Concept UUIDs that represent the actual values/options for payment categories. These concepts are stored as values in the visit attributes defined in patientCategory.',
     _default: {
+      // Concept UUID representing "Paying" payment category
       payingDetails: '44b34972-6630-4e5a-a9f6-a6eb0f109650',
+      // Concept UUID representing "Non-paying" payment category
       nonPayingDetails: 'f3fb2d88-cccd-422c-8766-be101ba7bd2e',
+      // Concept UUID representing "Insurance" as a payment method
       insuranceDetails: 'beac329b-f1dc-4a33-9e7c-d95821a137a6',
     },
   },
-
   nonPayingPatientCategories: {
     _type: Type.Object,
-    _description: 'Concept UUIDs for non-paying patient categories',
+    _description:
+      'Concept UUIDs for non-paying patient categories - These are OpenMRS Concept UUIDs that identify specific patient categories eligible for non-paying status (e.g., children under 5, students). These are used as values when a patient is categorized as non-paying.',
     _default: {
+      // Concept UUID for "Child Under 5" category
       childUnder5: '1528AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
+      // Concept UUID for "Student" category
       student: '159465AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA',
     },
   },
-
   postBilledItems: {
     _type: Type.Object,
-    _description: 'Post Bill Items such as cashPoints, cashier, priceUUid when submitting a bill',
+    _description:
+      'Default UUIDs used when creating bills - These UUIDs identify default resources (cash points, cashier providers) that are used when submitting a bill if not explicitly provided.',
     _default: {
+      // Default Cash Point UUID - The cashier station/location where bills are processed
       cashPoint: '54065383-b4d4-42d2-af4d-d250a1fd2590',
+      // Default Cashier Provider UUID - The provider/user UUID that identifies the cashier processing the bill
       cashier: 'f9badd80-ab76-11e2-9e96-0800200c9a66',
+      // Default Price UUID - The service price UUID used when creating bills (currently unused in code)
       priceUuid: '7b9171ac-d3c1-49b4-beff-c9902aee5245',
     },
   },
-
   serviceTypes: {
     _type: Type.Object,
-    _description: 'Post Bill Items such as cashPoints, cashier, priceUUid when submitting a bill',
+    _description:
+      'Service Type Concept Set UUID - This is an OpenMRS Concept Set UUID. The set members of this concept represent the different types of services that can be billed (e.g., Consultation, Lab Test, Procedure).',
     _default: {
+      // Concept Set UUID - The concept set whose members represent the different service types that can be billed
       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.',
-    _default: false,
-  },
 };
 
-export interface ConfigObject {
-  patientCatergory: Object;
+/**
+ * Configuration interface for the Billing module.
+ * All UUIDs represent OpenMRS resources that must exist in the system.
+ * See the configSchema above for detailed descriptions of each property.
+ */
+export interface BillingConfig {
+  logo: {
+    src: string;
+    alt: string;
+  };
+  country: string;
+  patientCategory: {
+    paymentDetails: string;
+    paymentMethods: string;
+    policyNumber: string;
+    insuranceScheme: string;
+    patientCategory: string;
+    formPayloadPending: string;
+  };
+  categoryConcepts: {
+    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;
-  showEditBillButton: boolean;
-  postBilledItems: Object;
-  serviceTypes: Object;
-  nonPayingPatientCategories: Object;
+  pageSize: number;
 }

package/src/dashboard.meta.ts

@@ -1,8 +1,10 @@
-export const dashboardMeta = {
+import { type DashboardLinkConfig } from '@openmrs/esm-patient-common-lib';
+
+export const dashboardMeta: DashboardLinkConfig & { slot: string; columns: number; hideDashboardTitle: boolean } = {
   slot: 'patient-chart-billing-dashboard-slot',
   columns: 1,
-  title: 'Billing history',
+  title: 'billingHistory',
   hideDashboardTitle: true,
-  icon: '',
+  icon: 'omrs-icon-money',
   path: 'Billing history',
 };

package/src/helpers/functions.ts

@@ -1,3 +1,4 @@
+import { getCoreTranslation } from '@openmrs/esm-framework';
 import { type Payment, type LineItem } from '../types';
 
 // amount already paid
@@ -51,13 +52,13 @@ export const convertToCurrency = (amountToConvert: number, currencyType?: string
 export const getGender = (gender: string, t) => {
   switch (gender) {
     case 'male':
-      return t('male', 'Male');
+      return getCoreTranslation('male');
     case 'female':
-      return t('female', 'Female');
+      return getCoreTranslation('female');
     case 'other':
-      return t('other', 'Other');
+      return getCoreTranslation('other');
     case 'unknown':
-      return t('unknown', 'Unknown');
+      return getCoreTranslation('unknown');
     default:
       return gender;
   }

package/src/index.ts

@@ -3,14 +3,20 @@ import { createDashboardLink } from '@openmrs/esm-patient-common-lib';
 import { createLeftPanelLink } from './left-panel-link.component';
 import { dashboardMeta } from './dashboard.meta';
 import { defineConfigSchema, getAsyncLifecycle, getSyncLifecycle } from '@openmrs/esm-framework';
+import { Wallet, Money, Settings } from '@carbon/react/icons';
+import { createBillableServicesLeftPanelLink } from './billable-services/billable-services-left-panel-link.component';
+import { createBillableServicesLeftPanelMenu } from './billable-services/billable-services-left-panel-menu.component';
+import AddCashPointModal from './billable-services/cash-point/add-cash-point.modal';
 import appMenu from './billable-services/billable-services-menu-item/item.component';
 import BillableServiceHome from './billable-services/billable-services-home.component';
 import BillableServicesCardLink from './billable-services-admin-card-link.component';
 import BillHistory from './bill-history/bill-history.component';
 import BillingCheckInForm from './billing-form/billing-checkin-form.component';
-import RequirePaymentModal from './modal/require-payment-modal.component';
+import DeletePaymentModeModal from './billable-services/payment-modes/delete-payment-mode.modal';
+import EditBillLineItemModal from './bill-item-actions/edit-bill-item.modal';
+import PaymentModeFormModal from './billable-services/payment-modes/payment-mode-form.modal';
+import RequirePaymentModal from './modal/require-payment.modal';
 import RootComponent from './root.component';
-import ServiceMetrics from './billable-services/dashboard/service-metrics.component';
 import VisitAttributeTags from './invoice/payments/visit-tags/visit-attribute.component';
 
 const moduleName = '@openmrs/esm-billing-app';
@@ -20,26 +26,28 @@ const options = {
   moduleName,
 };
 
-// t('billing', 'Billing')
+export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
+
 export const billingDashboardLink = getSyncLifecycle(
+  // t('billing', 'Billing')
   createLeftPanelLink({
     name: 'billing',
-    title: 'Billing',
+    title: 'billing',
   }),
   options,
 );
 
-export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
-
 export function startupApp() {
   defineConfigSchema(moduleName, configSchema);
 }
 
+// t('billingHistory', 'Billing History')
 export const billingSummaryDashboardLink = getSyncLifecycle(
   createDashboardLink({ ...dashboardMeta, moduleName }),
   options,
 );
 
+// t('billableServices', 'Billable services')
 export const billableServicesAppMenuItem = getSyncLifecycle(appMenu, options);
 
 export const billableServicesCardLink = getSyncLifecycle(BillableServicesCardLink, options);
@@ -52,16 +60,70 @@ export const billingPatientSummary = getSyncLifecycle(BillHistory, options);
 
 export const requirePaymentModal = getSyncLifecycle(RequirePaymentModal, options);
 
-export const root = getSyncLifecycle(RootComponent, options);
+export const paymentModeFormModal = getSyncLifecycle(PaymentModeFormModal, options);
 
-export const serviceMetrics = getSyncLifecycle(ServiceMetrics, options);
+export const deletePaymentModeModal = getSyncLifecycle(DeletePaymentModeModal, options);
 
-export const visitAttributeTags = getSyncLifecycle(VisitAttributeTags, options);
+export const addCashPointModal = getSyncLifecycle(AddCashPointModal, options);
 
-export const editBillLineItemDialog = getAsyncLifecycle(() => import('./bill-item-actions/edit-bill-item.component'), {
-  featureName: 'edit bill line item',
-  moduleName,
-});
+export const editBillLineItemModal = getSyncLifecycle(EditBillLineItemModal, options);
+
+export const root = getSyncLifecycle(RootComponent, options);
+
+export const visitAttributeTags = getSyncLifecycle(VisitAttributeTags, options);
 
 // t('billingForm', 'Billing form')
 export const billingFormWorkspace = getAsyncLifecycle(() => import('./billing-form/billing-form.component'), options);
+
+// t('billableServiceForm', 'Billable service form')
+export const billableServiceFormWorkspace = getAsyncLifecycle(
+  () => import('./billable-services/billable-service-form/billable-service-form.workspace'),
+  options,
+);
+
+// t('billableServices', 'Billable services')
+export const billableServicesLeftPanelLink = getSyncLifecycle(
+  createBillableServicesLeftPanelLink({
+    name: 'billable-services',
+    title: 'billableServices',
+    path: '',
+    icon: Wallet,
+  }),
+  options,
+);
+
+// t('billWaiver', 'Bill waiver')
+export const billWaiverLeftPanelLink = getSyncLifecycle(
+  createBillableServicesLeftPanelLink({
+    name: 'bill-waiver',
+    title: 'billWaiver',
+    path: 'waive-bill',
+    icon: Money,
+    privilege: 'coreapps.systemAdministration',
+  }),
+  options,
+);
+
+// t('billingSettings', 'Billing settings')
+// t('cashPointConfig', 'Cash point configuration')
+// t('paymentModesConfig', 'Payment modes configuration')
+export const billingSettingsLeftPanelMenu = getSyncLifecycle(
+  createBillableServicesLeftPanelMenu({
+    title: 'billingSettings',
+    icon: Settings,
+    privilege: 'coreapps.systemAdministration',
+    items: [
+      {
+        name: 'cash-point-config',
+        title: 'cashPointConfig',
+        path: 'cash-point-config',
+      },
+      {
+        name: 'payment-modes-config',
+        title: 'paymentModesConfig',
+        path: 'payment-modes-config',
+      },
+    ],
+  }),
+  options,
+);