@kenyaemr/esm-billing-app 5.4.1-pre.2093 → 5.4.1-pre.2099

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}],"extensions":[{"component":"billingDashboardLink","name":"billing-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"billing","title":"billing","slot":"billing-dashboard-slot"}},{"component":"benefitsPackageDashboardLink","name":"benefits-package-dashboard-link","slot":"patient-chart-dashboard-slot","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","slot":"patient-chart-dashboard-slot","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":"require-billing-modal","component":"requirePaymentModal"},{"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":"billingOverviewLink","name":"billing-overview-link","order":0,"slot":"billing-dashboard-link-slot"},{"component":"paymentHistoryLink","name":"payment-history-link","slot":"billing-dashboard-link-slot"},{"component":"paymentPointsLink","name":"payment-points-link","slot":"billing-dashboard-link-slot"},{"component":"paymentModesLink","name":"payment-modes-link","slot":"billing-dashboard-link-slot"},{"component":"billManagerLink","name":"bill-manager-link","slot":"billing-dashboard-link-slot"},{"component":"chargeableItemsLink","name":"chargeable-items-link","slot":"billing-dashboard-link-slot"},{"component":"billableExemptionsLink","name":"billable-exemptions-link","slot":"billing-dashboard-link-slot"},{"component":"claimsManagementSideNavGroup","name":"claims-management-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"claims-management","title":"Claims management Overview","slot":"case-management-slot"},"featureFlag":"healthInformationExchange"},{"component":"claimsManagementOverviewDashboardLink","name":"claims-management-overview-link","order":0,"slot":"claims-management-dashboard-link-slot"},{"component":"preAuthRequestsDashboardLink","name":"preauthrequest-overview-link","slot":"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"}],"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":"bill-deposit-workspace","component":"billDepositWorkspace","title":"Bill Deposit 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":"paid-bill-receipt-print-preview-modal","component":"paidBillReceiptPrintPreviewModal"},{"name":"clock-in-modal","component":"clockIn"},{"name":"create-bill-item-modal","component":"createBillItemModal"}],"version":"5.4.1-pre.2093"}
+{"$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}],"extensions":[{"component":"billingDashboardLink","name":"billing-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"billing","title":"billing","slot":"billing-dashboard-slot"}},{"component":"benefitsPackageDashboardLink","name":"benefits-package-dashboard-link","slot":"patient-chart-dashboard-slot","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","slot":"patient-chart-dashboard-slot","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":"require-billing-modal","component":"requirePaymentModal"},{"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":"billingOverviewLink","name":"billing-overview-link","order":0,"slot":"billing-dashboard-link-slot"},{"component":"paymentHistoryLink","name":"payment-history-link","slot":"billing-dashboard-link-slot"},{"component":"paymentPointsLink","name":"payment-points-link","slot":"billing-dashboard-link-slot"},{"component":"paymentModesLink","name":"payment-modes-link","slot":"billing-dashboard-link-slot"},{"component":"billManagerLink","name":"bill-manager-link","slot":"billing-dashboard-link-slot"},{"component":"chargeableItemsLink","name":"chargeable-items-link","slot":"billing-dashboard-link-slot"},{"component":"billableExemptionsLink","name":"billable-exemptions-link","slot":"billing-dashboard-link-slot"},{"component":"claimsManagementSideNavGroup","name":"claims-management-dashboard-link","slot":"homepage-dashboard-slot","meta":{"name":"claims-management","title":"Claims management Overview","slot":"case-management-slot"},"featureFlag":"healthInformationExchange"},{"component":"claimsManagementOverviewDashboardLink","name":"claims-management-overview-link","order":0,"slot":"claims-management-dashboard-link-slot"},{"component":"preAuthRequestsDashboardLink","name":"preauthrequest-overview-link","slot":"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"}],"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":"bill-deposit-workspace","component":"billDepositWorkspace","title":"Bill Deposit 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":"paid-bill-receipt-print-preview-modal","component":"paidBillReceiptPrintPreviewModal"},{"name":"clock-in-modal","component":"clockIn"},{"name":"create-bill-item-modal","component":"createBillItemModal"}],"version":"5.4.1-pre.2099"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenyaemr/esm-billing-app",
-  "version": "5.4.1-pre.2093",
+  "version": "5.4.1-pre.2099",
   "description": "Billing app for KenyaEMR",
   "browser": "dist/kenyaemr-esm-billing-app.js",
   "main": "src/index.ts",

package/src/claims/claims-management/table/claim-table.component.tsx

@@ -0,0 +1,262 @@
+import {
+  DataTable,
+  DataTableSkeleton,
+  OverflowMenu,
+  OverflowMenuItem,
+  Pagination,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tag,
+} from '@carbon/react';
+import { formatDate, isDesktop, parseDate, showModal, useLayoutType, usePagination } from '@openmrs/esm-framework';
+import { CardHeader, EmptyState, usePaginationInfo } from '@openmrs/esm-patient-common-lib';
+import React, { useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Claim, ClaimsPreAuthFilter, DataTableRow, Header, TableProps } from '../../../types';
+import ClaimsFilterHeader from '../header/filter-header.component';
+import styles from './claims-list-table.scss';
+import { useFacilityClaims } from './use-facility-claims';
+import { statusColors } from '../../utils';
+
+const ClaimStatus = ({ row }: { row: DataTableRow }) => {
+  const { claims } = useFacilityClaims();
+  const { t } = useTranslation();
+
+  const claim = claims.find((claim) => claim.id === row.id) as Claim;
+
+  // Default to 'gray' if status not found in the mapping
+  const tagType = statusColors[claim.status] || 'gray';
+
+  return (
+    <div className={styles.claimStatus}>
+      <Tag type={tagType}>{claim.status}</Tag>
+    </div>
+  );
+};
+
+const ClaimsTable: React.FC<TableProps> = ({ title, emptyStateText, emptyStateHeader, includeClaimCode = false }) => {
+  const { claims, isLoading } = useFacilityClaims();
+  const { t } = useTranslation();
+  const [filters, setFilters] = useState<ClaimsPreAuthFilter>({
+    status: 'all',
+  });
+
+  const status = useMemo(
+    () => [
+      { value: 'all', label: t('all', 'All') },
+      { value: 'ENTERED', label: t('entered', 'Entered') },
+      { value: 'ERRORED', label: t('errored', 'Errored') },
+      { value: 'REJECTED', label: t('rejected', 'Rejected') },
+      { value: 'CHECKED', label: t('checked', 'Checked') },
+      { value: 'VALUATED', label: t('valuated', 'Valuated') },
+      { value: 'APPROVED', label: t('approved', 'Approved') },
+    ],
+    [t],
+  );
+
+  const [pageSize, setPageSize] = useState(5);
+
+  const filterClaims = (claim: Claim) => {
+    const status = filters?.status;
+    const search = filters?.search?.toLowerCase();
+    const fromDate = filters?.fromDate ? new Date(filters.fromDate) : null;
+    const toDate = filters?.toDate ? new Date(filters.toDate) : null;
+
+    const patientName = claim.patientName?.toLowerCase();
+    const providerName = claim.providerName?.toLowerCase();
+    const timeStamp = new Date(claim.dateFrom);
+    const preauthStatus = claim.status;
+
+    // Check status (allow 'all' to bypass the filter)
+    const statusMatch = status === 'all' || preauthStatus === status;
+
+    // Check search filter (patient name or provider name contains the search term)
+    const searchMatch = !search || patientName?.includes(search) || providerName?.includes(search);
+
+    // Check date range filter (timestamp is between fromDate and toDate if provided)
+    const dateMatch = (!fromDate || timeStamp >= fromDate) && (!toDate || timeStamp <= toDate);
+
+    // Return true if all conditions match
+    return statusMatch && searchMatch && dateMatch;
+  };
+
+  const filteredClaims = claims.filter(filterClaims);
+  const { paginated, goTo, results, currentPage } = usePagination(filteredClaims, pageSize);
+  const { pageSizes } = usePaginationInfo(pageSize, claims.length, currentPage, results.length);
+  const responsiveSize = isDesktop(useLayoutType()) ? 'sm' : 'lg';
+  const layout = useLayoutType();
+  const size = layout === 'tablet' ? 'lg' : 'md';
+
+  const getHeaders = (): Header[] => {
+    let baseHeaders = [
+      { key: 'status', header: t('status', 'Status') },
+      { key: 'providerName', header: t('provider', 'Provider') },
+      { key: 'patientName', header: t('patient', 'Patient') },
+      { key: 'claimedTotal', header: t('claimedAmount', 'Claimed Amount') },
+      { key: 'approvedTotal', header: t('approvedTotal', 'Approved Total') },
+      { key: 'dateFrom', header: t('dateCreated', 'Date Created') },
+      { key: 'action', header: t('action', 'Action') },
+    ];
+
+    if (includeClaimCode) {
+      return [{ key: 'claimCode', header: t('claimCode', 'Claim Code') }, ...baseHeaders];
+    }
+
+    return baseHeaders;
+  };
+
+  const headers = getHeaders();
+
+  if (isLoading) {
+    return (
+      <div className={styles.dataTableSkeleton}>
+        <DataTableSkeleton
+          headers={headers}
+          showToolbar={false}
+          showHeader={false}
+          columnCount={Object.keys(headers).length}
+          zebra
+          rowCount={pageSize}
+        />
+      </div>
+    );
+  }
+
+  if (claims.length === 0) {
+    return (
+      <div className={styles.claimsTable}>
+        <EmptyState displayText={t(emptyStateText)} headerTitle={t(emptyStateHeader)} />
+      </div>
+    );
+  }
+
+  const handleClaimAction = (claimId: string, modalType: 'retry' | 'update') => {
+    const dispose = showModal('manage-claim-request-modal', {
+      closeModal: () => dispose(),
+      claimId,
+      modalType,
+    });
+  };
+
+  // Cell rendering functions
+  const renderStatusCell = (row: DataTableRow) => {
+    return <ClaimStatus row={row} />;
+  };
+
+  const renderActionCell = (row: DataTableRow, rowStatus: string, size: string) => {
+    return (
+      <OverflowMenu size={size} flipped>
+        {['ENTERED', 'ERRORED'].includes(rowStatus) && (
+          <OverflowMenuItem
+            itemText={t('retryRequest', 'Retry request')}
+            onClick={() => handleClaimAction(row.id, 'retry')}
+          />
+        )}
+        <OverflowMenuItem
+          itemText={t('updateStatus', 'Update status')}
+          onClick={() => handleClaimAction(row.id, 'update')}
+        />
+      </OverflowMenu>
+    );
+  };
+
+  const renderDateFromCell = (cellValue: string) => {
+    return formatDate(parseDate(cellValue));
+  };
+
+  const renderApprovedTotalCell = (row: DataTableRow, rowStatus: string, cellValue: any) => {
+    if (['APPROVED'].includes(rowStatus)) {
+      const claimedTotal = row.cells.find((c) => c.info.header === 'claimedTotal')?.value;
+      return claimedTotal || cellValue;
+    }
+    return cellValue;
+  };
+
+  const renderCellContent = (cell: any, row: DataTableRow, rowStatus: string) => {
+    const header = cell.info.header;
+
+    if (header === 'status') {
+      return renderStatusCell(row);
+    }
+
+    if (header === 'action') {
+      return renderActionCell(row, rowStatus, size);
+    }
+
+    if (header === 'dateFrom') {
+      return renderDateFromCell(cell.value);
+    }
+
+    if (header === 'approvedTotal') {
+      return renderApprovedTotalCell(row, rowStatus, cell.value);
+    }
+
+    return cell.value;
+  };
+
+  return (
+    <div className={styles.dataTableSkeleton}>
+      <div className={styles.tableHeader}>
+        <CardHeader title={t(title)}>{''}</CardHeader>
+        <ClaimsFilterHeader filters={filters} onFilterChanged={setFilters} statusOptions={status} />
+      </div>
+      <DataTable rows={results} headers={headers} isSortable useZebraStyles>
+        {({ rows, headers, getHeaderProps, getRowProps, getTableProps }) => (
+          <TableContainer className={styles.claimsTable}>
+            <Table {...getTableProps()} aria-label="sample table">
+              <TableHead>
+                <TableRow>
+                  {headers.map((header) => (
+                    <TableHeader
+                      key={header.key}
+                      {...getHeaderProps({
+                        header,
+                      })}>
+                      {header.header}
+                    </TableHeader>
+                  ))}
+                </TableRow>
+              </TableHead>
+              <TableBody>
+                {rows.map((row) => {
+                  const rowStatus = row.cells.find((cell) => cell.info.header === 'status')?.value;
+                  return (
+                    <TableRow key={row.id} {...getRowProps({ row })}>
+                      {row.cells.map((cell) => (
+                        <TableCell key={cell.id}>{renderCellContent(cell, row, rowStatus)}</TableCell>
+                      ))}
+                    </TableRow>
+                  );
+                })}
+              </TableBody>
+            </Table>
+            {paginated && !isLoading && (
+              <Pagination
+                forwardText=""
+                backwardText=""
+                page={currentPage}
+                pageSize={pageSize}
+                pageSizes={pageSizes}
+                totalItems={filteredClaims.length}
+                size={responsiveSize}
+                onChange={({ page: newPage, pageSize }) => {
+                  if (newPage !== currentPage) {
+                    goTo(newPage);
+                  }
+                  setPageSize(pageSize);
+                }}
+              />
+            )}
+          </TableContainer>
+        )}
+      </DataTable>
+    </div>
+  );
+};
+
+export default ClaimsTable;