@ampath/esm-dha-workflow-app 4.0.0-next.44 → 4.0.0-next.448

package/src/billing/dashboard/v3/patient-bill-details/bill-details/bill-details.tsx

@@ -0,0 +1,377 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { type PatientPayment, type PatientFacilityBillDetails, type ClaimsVisit } from '../../types';
+import styles from './bill-details.scss';
+import {
+  Button,
+  OverflowMenu,
+  OverflowMenuItem,
+  RadioButton,
+  RadioButtonGroup,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tag,
+} from '@carbon/react';
+import { formatDate, parseDate, showSnackbar } from '@openmrs/esm-framework';
+import BillItemPaymentModal from '../modals/bill-item-payment/bill-item-payment.modal';
+import AddClaimLineModal from '../modals/add-claim-line/add-claim-line.modal';
+import { type AmrsVisitDiagnosis } from '../../../../types';
+import VisitDiagnosisDetails from '../visit-diagnosis-details/visit-diagnosis-details.component';
+import {
+  useInvalidatePatientBillDetails,
+  useInvalidateProviderClaimPreview,
+} from '../../../../billing-claims.resource';
+import { setEffectiveCoverage, type PomsfCoveragePayload } from '../../../../../registry/drawer/pomsf-balance.util';
+import { getClientEligibityStatus } from '../../../../../shared/services/eligibility.resource';
+import { type Scheme } from '../../../../../registry/types';
+import { fetchPomsfBalance } from '../../../../../claims/claims.resource';
+import SetEffectivePomsfCoverageModal from '../modals/pomsf/set-effective-pomsf-coverage.component';
+
+interface billDetailsProps {
+  patientBillDetails: PatientFacilityBillDetails[];
+  patientPayments: PatientPayment[];
+  amrsVisitDiagnosis: AmrsVisitDiagnosis[];
+  consentToken: string;
+  locationUuid: string;
+  claimsVisit: ClaimsVisit;
+}
+
+type BillingScope = 'OPD' | 'INPATIENT';
+const BillDetails: React.FC<billDetailsProps> = ({
+  patientBillDetails,
+  patientPayments,
+  amrsVisitDiagnosis,
+  consentToken,
+  locationUuid,
+  claimsVisit,
+}) => {
+  const [showPaymentModal, setShowPaymentModal] = useState<boolean>(false);
+  const [showAddClaimLineModal, setShowAddClaimLineModal] = useState<boolean>(false);
+  const [showEffectiveCoverageModal, setShowEffectiveCoverageModal] = useState<boolean>(false);
+  const [selectedBillItem, setSelectedBillItem] = useState<PatientFacilityBillDetails | null>(null);
+  const setDiagnosisInterventionCode = useMemo(() => getConsultationBillIntervantionCode(), [patientBillDetails]);
+  const invalidateProviderClaimPreview = useInvalidateProviderClaimPreview();
+  const invalidatePatientBillDetails = useInvalidatePatientBillDetails();
+  const [schemes, setSchemes] = useState<Scheme[]>([]);
+
+  const scopedBillDetails = patientBillDetails;
+  const scopedPayments = patientPayments;
+  const scopedDiagnosis = amrsVisitDiagnosis;
+  const activePomsfSchemes = schemes.filter(
+    (scheme) => /^(pomsf(?:[-\s].*)?|usalama|tsc)$/i.test(scheme.schemeName.trim()) && scheme.coverage?.status === '1',
+  );
+  const defaultPolicyNumber = activePomsfSchemes[0]?.policy?.number ?? '';
+  const setCoverage = useCallback(
+    async (principalCrId: string, policyNumber: string) => {
+      try {
+        const response = await fetchPomsfBalance(principalCrId, locationUuid);
+        if (response) {
+          const payload: PomsfCoveragePayload = {
+            principalCrId,
+            consentToken,
+            policyNumber,
+            locationUuid,
+          };
+          const result = await setEffectiveCoverage(payload);
+          if (result.success) {
+            showSnackbar({
+              kind: 'success',
+              title: 'Effective coverage set successfully',
+            });
+          } else {
+            showSnackbar({
+              kind: 'error',
+              title: 'Error setting effective coverage',
+              subtitle: result.message || 'An error occurred while setting effective coverage.',
+            });
+          }
+        } else {
+          showSnackbar({
+            kind: 'success',
+            title: 'Effective coverage set successfully',
+          });
+        }
+      } catch (error: any) {
+        showSnackbar({
+          kind: 'error',
+          title: 'Error setting effective coverage',
+          subtitle: error.message || 'An error occurred while setting effective coverage.',
+        });
+      }
+    },
+    [consentToken, locationUuid],
+  );
+
+  useEffect(() => {
+    if (!claimsVisit?.member_number || !locationUuid) {
+      return;
+    }
+
+    let active = true;
+    getClientEligibityStatus({
+      requestIdNumber: claimsVisit.member_number,
+      requestIdType: '3',
+      locationUuid,
+    })
+      .then((eligibility) => {
+        if (!active) {
+          return;
+        }
+
+        setSchemes(eligibility?.schemes ?? []);
+
+        const confirmedActiveSchemes = (eligibility?.schemes ?? []).filter(
+          (scheme) =>
+            /^(pomsf(?:[-\s].*)?|usalama|tsc)$/i.test(scheme.schemeName.trim()) && scheme.coverage?.status === '1',
+        );
+        const policyNumber = confirmedActiveSchemes[0]?.policy?.number ?? '';
+
+        if (confirmedActiveSchemes.length === 1 && policyNumber) {
+          void setCoverage(claimsVisit.member_number, policyNumber);
+        } else if (confirmedActiveSchemes.length > 1) {
+          setShowEffectiveCoverageModal(true);
+        }
+      })
+      .catch(() => {
+        if (active) {
+          setSchemes([]);
+        }
+      });
+
+    return () => {
+      active = false;
+    };
+  }, [claimsVisit?.member_number, locationUuid, setCoverage]);
+
+  if (!patientBillDetails && !patientPayments) {
+    return <>No Data</>;
+  }
+
+  function handleBillItemPayment(patientBillDetail: PatientFacilityBillDetails) {
+    setSelectedBillItem(patientBillDetail);
+    setShowPaymentModal(true);
+  }
+  function handleClosePayModal() {
+    setShowPaymentModal(false);
+  }
+  function handleSuccessfullPayment() {
+    invalidatePatientBillDetails();
+    handleClosePayModal();
+  }
+  function handleClaimLineAddition(patientBillDetail: PatientFacilityBillDetails) {
+    setSelectedBillItem(patientBillDetail);
+    setShowAddClaimLineModal(true);
+  }
+
+  function handleProtocalAddition(patientBillDetail: PatientFacilityBillDetails) {
+    setSelectedBillItem(patientBillDetail);
+    setShowAddClaimLineModal(true);
+  }
+  function handleCloseAddClaimItemModal() {
+    setShowAddClaimLineModal(false);
+  }
+  function handleCloseEffectiveCoverageModal() {
+    setShowEffectiveCoverageModal(false);
+  }
+  function handleEffectiveCoverageSuccess(selectedPolicyNumber: string) {
+    void setCoverage(claimsVisit?.member_number, selectedPolicyNumber);
+  }
+  function getConsultationBillIntervantionCode() {
+    if (!patientBillDetails || patientBillDetails.length === 0) {
+      return '';
+    }
+    const consultationBill = patientBillDetails.find((b) => {
+      return b.billable_service?.toLocaleLowerCase()?.trim()?.includes('consultation');
+    });
+    if (consultationBill) {
+      return consultationBill.intervention_code;
+    } else {
+      return patientBillDetails[0].intervention_code ?? '';
+    }
+  }
+  function onSuccess() {
+    handleCloseAddClaimItemModal();
+    invalidateProviderClaimPreview();
+    invalidatePatientBillDetails();
+  }
+
+  function interventionAddedToClaimLine(b: PatientFacilityBillDetails) {
+    if (b.intervention_code && b.has_claim_line === 0) {
+      // if (claimsVisit && claimsVisit.invoices) {
+      //   const lineExists = claimsVisit.invoices.some((inv) =>
+      //     inv.lines.some(l => l.intervention_code === b.intervention_code)
+      //   );
+      //   return lineExists;
+      // }
+      return false;
+    }
+    return true;
+  }
+
+  const billDetailsLayout = (
+    <div className={styles.billDetailsLayout}>
+      {scopedBillDetails.length > 0 ? (
+        <div className={styles.billRow}>
+          <div>
+            <h6>Bill Items</h6>
+          </div>
+          <div>
+            <Table aria-label="bill details" size="sm">
+              <TableHead>
+                <TableRow>
+                  <TableHeader>No</TableHeader>
+                  <TableHeader>Bill Item</TableHeader>
+                  <TableHeader>Intervention Code</TableHeader>
+                  <TableHeader>Order No</TableHeader>
+                  <TableHeader>Service Type</TableHeader>
+                  <TableHeader>Payer</TableHeader>
+                  <TableHeader>Payment Status</TableHeader>
+                  <TableHeader>Quantity</TableHeader>
+                  <TableHeader>Total</TableHeader>
+                  <TableHeader>Actions</TableHeader>
+                </TableRow>
+              </TableHead>
+              <TableBody>
+                {scopedBillDetails.map((b, index) => (
+                  <TableRow key={b.patient_uuid}>
+                    <TableCell>{index + 1}</TableCell>
+                    <TableCell>{b.billable_service}</TableCell>
+                    <TableCell>{b.intervention_code ?? ''}</TableCell>
+                    <TableCell>{b.order_no ?? ''}</TableCell>
+                    <TableCell>{b.service_type ?? ''}</TableCell>
+                    <TableCell>{b.payment_scheme}</TableCell>
+                    <TableCell>{b.payment_status}</TableCell>
+                    <TableCell>{b.item_quantity}</TableCell>
+                    <TableCell>Ksh {b.item_total_price}</TableCell>
+                    <TableCell>
+                      {!(b.status == 'PAID' || b.paid_status == 'PAID') && !b.intervention_code && (
+                        <Button size="sm" kind="tertiary" onClick={() => handleBillItemPayment(b)}>
+                          Pay
+                        </Button>
+                      )}
+                      {b.intervention_code ? (
+                        claimsVisit ? (
+                          claimsVisit.workflow_state === 'DRAFT' ? (
+                            !interventionAddedToClaimLine(b) && (
+                              <Button
+                                size="sm"
+                                kind="tertiary"
+                                onClick={() =>
+                                  b.service_type === 'EMERGENCY'
+                                    ? handleProtocalAddition(b)
+                                    : handleClaimLineAddition(b)
+                                }
+                              >
+                                {b.service_type === 'EMERGENCY' ? 'Add Protocol' : 'Add Claim Line'}
+                              </Button>
+                            )
+                          ) : (
+                            <Tag>{claimsVisit.workflow_state}</Tag>
+                          )
+                        ) : (
+                          <></>
+                        )
+                      ) : (
+                        <></>
+                      )}
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+        </div>
+      ) : null}
+
+      {scopedPayments.length > 0 ? (
+        <div className={styles.billRow}>
+          <div>
+            <h6>Bill Payments</h6>
+          </div>
+          <div>
+            <Table aria-label="bill details" size="sm">
+              <TableHead>
+                <TableRow>
+                  <TableHeader>No</TableHeader>
+                  <TableHeader>Payment Type</TableHeader>
+                  <TableHeader>Amount</TableHeader>
+                  <TableHeader>Amount Tendered</TableHeader>
+                  <TableHeader>Date / Time</TableHeader>
+                </TableRow>
+              </TableHead>
+              <TableBody>
+                {scopedPayments.map((p, index) => (
+                  <TableRow key={p.cashier_bill_payment_uuid}>
+                    <TableCell>{index + 1}</TableCell>
+                    <TableCell>{p.payment_mode}</TableCell>
+                    <TableCell>Ksh {p.amount}</TableCell>
+                    <TableCell>Ksh {p.amount_tendered}</TableCell>
+                    <TableCell>{formatDate(parseDate(p.payment_time))}</TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+        </div>
+      ) : null}
+
+      {scopedDiagnosis.length > 0 ? (
+        <div className={styles.billRow}>
+          <div>
+            <h6>Patient Dignosis</h6>
+          </div>
+          <div>
+            <VisitDiagnosisDetails
+              amrsVisitDiagnosis={scopedDiagnosis}
+              consentToken={consentToken}
+              locationUuid={locationUuid}
+              interventionCode={setDiagnosisInterventionCode}
+              claimsVisit={claimsVisit}
+            />
+          </div>
+        </div>
+      ) : null}
+    </div>
+  );
+
+  return (
+    <>
+      {billDetailsLayout}
+
+      {showPaymentModal && selectedBillItem && (
+        <BillItemPaymentModal
+          open={showPaymentModal}
+          billItem={selectedBillItem}
+          onClose={handleClosePayModal}
+          onPay={handleSuccessfullPayment}
+        />
+      )}
+      {showAddClaimLineModal && selectedBillItem && (
+        <AddClaimLineModal
+          open={showAddClaimLineModal}
+          billItem={selectedBillItem}
+          onClose={handleCloseAddClaimItemModal}
+          onSuccess={onSuccess}
+          locationUuid={locationUuid}
+          consentToken={consentToken}
+        />
+      )}
+      {showEffectiveCoverageModal && (
+        <SetEffectivePomsfCoverageModal
+          open={showEffectiveCoverageModal}
+          onClose={handleCloseEffectiveCoverageModal}
+          onSuccess={handleEffectiveCoverageSuccess}
+          locationUuid={locationUuid}
+          consentToken={consentToken}
+          memberNumber={claimsVisit.member_number}
+          policyNumber={defaultPolicyNumber}
+          schemes={activePomsfSchemes}
+        />
+      )}
+    </>
+  );
+};
+export default BillDetails;

package/src/billing/dashboard/v3/patient-bill-details/claim-details/patient-claim-details.component.tsx

@@ -0,0 +1,71 @@
+import React, { useEffect } from 'react';
+import { useState } from 'react';
+import { type ProviderClaimPreviewDto, type ClaimsVisit, type PatientFacilityBillDetails } from '../../types';
+import { showSnackbar } from '@openmrs/esm-framework';
+import { fetchProviderClaimPreview, useProviderClaimPreview } from '../../../../billing-claims.resource';
+import styles from './patient-claim-details.component.scss';
+import ClaimVisitDetails from '../../claim-visits/claim-visit-details/claim-visit-details.component';
+import { InlineLoading } from '@carbon/react';
+
+interface patientClaimDetailsProps {
+  consentToken: string;
+  locationUuid: string;
+  patientBillDetails: PatientFacilityBillDetails[];
+  onBillDetailsChange?: () => void;
+  billingDate: string;
+  onLoadingClaimVisit?: (claimVisit: ClaimsVisit) => void;
+  patientUuid?: string;
+}
+const PatientClaimDetails: React.FC<patientClaimDetailsProps> = ({
+  consentToken,
+  locationUuid,
+  patientBillDetails,
+  onBillDetailsChange,
+  billingDate,
+  onLoadingClaimVisit,
+  patientUuid
+}) => {
+  const [patientBill, setPatientBill] = useState<PatientFacilityBillDetails>();
+  const { claimVisit, isLoading, isValidating } = useProviderClaimPreview(consentToken, locationUuid);
+
+  useEffect(() => {
+    if (claimVisit && !isLoading && !isValidating) {
+      onLoadingClaimVisit(claimVisit);
+    }
+  }, [claimVisit, isLoading, isValidating]);
+
+  useEffect(() => {
+    if (consentToken && locationUuid && patientBillDetails && patientBillDetails.length) {
+      getPatientBill();
+    }
+  }, [consentToken, locationUuid, patientBillDetails]);
+
+  if (isLoading && !claimVisit) {
+    return <InlineLoading description="Loading data...please wait" />;
+  }
+
+  function getPatientBill() {
+    const bill = patientBillDetails.find((details) => details.consent_token === consentToken);
+    setPatientBill(bill);
+  }
+
+  return (
+    <>
+      {isValidating && <InlineLoading description="Refreshing data..." />}
+      <div className={styles.pcLayout}>
+        {claimVisit && (
+          <ClaimVisitDetails
+            patientBillDetails={patientBill}
+            claimsVisit={claimVisit}
+            locationUuid={locationUuid}
+            onBillDetailsChange={onBillDetailsChange}
+            claimRefreshing={isValidating}
+            billingDate={billingDate}
+            patientUuid={patientUuid}
+          />
+        )}
+      </div>
+    </>
+  );
+};
+export default PatientClaimDetails;

package/src/billing/dashboard/v3/patient-bill-details/modals/add-claim-diagnosis/add-claim-diagnosis.modal.tsx

@@ -0,0 +1,99 @@
+import React, { useState } from "react";
+import styles from './add-claim-diagnosis.modal.scss';
+import { type AmrsVisitDiagnosis } from "../../../../../types";
+import { Modal, ModalBody, TextInput } from "@carbon/react";
+import { showSnackbar } from "@openmrs/esm-framework";
+import { addClaimDiagnosis } from "../../../../../billing-claims.resource";
+import { type AddClaimDiagnosisDto } from "../../../types";
+interface addClaimDiagnosisModal {
+     open: boolean;
+     onClose: () => void;
+     onSuccess: () => void;
+     amrsVisitDiagnosis: AmrsVisitDiagnosis;
+     interventionCode: string;
+     consentToken: string;
+     locationUuid: string;
+}
+const AddClaimDiagnosisModal:React.FC<addClaimDiagnosisModal> = ({open,onClose,onSuccess,amrsVisitDiagnosis,interventionCode,consentToken,locationUuid})=>{
+    const [loading,setLoading] = useState<boolean>(false);
+  async function handleAddClaimDiagnosis() {
+    setLoading(true);
+    const addClaimDiagnosisDto = getClaimDiagnosisDto();
+    try{
+        const resp = await addClaimDiagnosis(addClaimDiagnosisDto);
+        if(resp['error']){
+           showSnackbar({
+             title: resp['error'] ?? 'Error Adding Claim Diagnosis',
+             kind: 'error',
+             subtitle: resp['message'] ?? 'An error occurred while adding the claim disgnosis. Kindy retry or contact support'
+           })
+           onSuccess();
+        }else{
+             showSnackbar({
+             title: 'Sucess Adding Claim Diagnosis',
+             kind: 'success',
+             subtitle: 'Claim Item added successfully'
+           });
+           onSuccess();
+        }
+    }catch(error){
+       showSnackbar({
+        kind: 'error',
+        title: 'Error Adding Claim Diagnosis',
+        subtitle: 'An error occurred while adding the Claim Diagnosis. Kindy retry or contact support'
+       });
+    }finally{
+        setLoading(false);
+    }
+  }
+  function getClaimDiagnosisDto(): AddClaimDiagnosisDto {
+    return {
+      consentToken: consentToken,
+      interventionCode: interventionCode,
+      locationUuid: locationUuid,
+      icdCode: amrsVisitDiagnosis.icd11_code,
+      practitionerIdentificationNumber: amrsVisitDiagnosis.practioner_nat_id,
+      practitionerIdentificationType: amrsVisitDiagnosis.practitioner_identifier_type,
+      practitionerRegulationBody: amrsVisitDiagnosis.practitioner_body
+    };
+  }
+  function holderFunction(){
+    return;
+  }
+  return (
+    <>
+      <Modal
+        modalHeading="Add Claim Diagnosis"
+        open={open}
+        size="md"
+        onSecondarySubmit={onClose}
+        onRequestClose={onClose}
+        onRequestSubmit={loading ? holderFunction : handleAddClaimDiagnosis}
+        primaryButtonText={loading ? 'Adding...': 'Add'}
+        secondaryButtonText="Close"
+      >
+        <ModalBody>
+          <div className={styles.addClaimDiagnosisModalLayout}>
+            <div className={styles.addClaimDiagnosisModalRow}>
+              <TextInput
+                id="intervention-code"
+                labelText="Intervention Code"
+                value={interventionCode}
+                readOnly={true}
+              />
+            </div>
+            <div className={styles.addClaimDiagnosisModalRow}>
+              <TextInput
+                id="icd11Code"
+                labelText="ICD11 Diagnosis"
+                value={amrsVisitDiagnosis.icd11_code}
+                readOnly={true}
+              />
+            </div>
+          </div>
+        </ModalBody>
+      </Modal>
+    </>
+  );
+}
+export default AddClaimDiagnosisModal;

package/src/billing/dashboard/v3/patient-bill-details/modals/add-claim-line/add-claim-line.modal.scss

@@ -0,0 +1,14 @@
+.addClaimLineModalLayout{
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    row-gap: 10px;
+    width: 100%;
+    .addClaimLineModalRow{
+        display: flex;
+        flex-direction: row;
+        width: 100%;
+        column-gap: 5px;
+        padding: 5px 5px;
+    }
+}