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

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

@@ -0,0 +1,156 @@
+import React, { useState } from 'react';
+import { Modal, ModalBody, TextInput } from '@carbon/react';
+import styles from './add-claim-line.modal.scss';
+import { type AddProtocalDto, type AddClaimLineDto, type PatientFacilityBillDetails } from '../../../types';
+import { addClaimItem } from '../../../../../billing-claims.resource';
+import { showSnackbar } from '@openmrs/esm-framework';
+import { addEmergencyProtocal } from '../../../../../../registry/emergency/emergency.resource';
+
+interface addClaimLineModalProps {
+  open: boolean;
+  onClose: () => void;
+  onSuccess: () => void;
+  billItem: PatientFacilityBillDetails;
+  locationUuid: string;
+  consentToken?: string;
+}
+const AddClaimLineModal: React.FC<addClaimLineModalProps> = ({
+  open,
+  onClose,
+  onSuccess,
+  billItem,
+  locationUuid,
+  consentToken: consentTokenProp,
+}) => {
+  const [loading, setLoading] = useState<boolean>(false);
+  const [unitPrice, setUnitPrice] = useState(String(billItem.item_price));
+  async function handleAddClaimLineItem() {
+    setLoading(true);
+    const addClaimLineDto = getClaimLineDto();
+    try {
+      const resp = await addClaimItem(addClaimLineDto);
+      if (resp['error']) {
+        showSnackbar({
+          title: resp['error'] ?? 'Error Adding Claim Line',
+          kind: 'error',
+          subtitle: resp['message'] ?? 'An error occurred while adding the claim line. Kindy retry or contact support',
+        });
+        onSuccess();
+      } else {
+        showSnackbar({
+          title: 'Success Adding Claim Line',
+          kind: 'success',
+          subtitle: 'Claim Item added successfully',
+        });
+        onSuccess();
+      }
+    } catch (error: any) {
+      showSnackbar({
+        kind: 'error',
+        title: 'Error Adding Claim Line',
+        subtitle: error ?? 'An error occurred while adding the claim line. Kindy retry or contact support',
+      });
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  async function handleAddProtocal() {
+    setLoading(true);
+    const addProtocalDto = getProtocalDto();
+    try {
+      const resp = await addEmergencyProtocal(addProtocalDto);
+      if (resp['error']) {
+        showSnackbar({
+          title: resp['error'] ?? 'Error Adding Protocol',
+          kind: 'error',
+          subtitle: resp['message'] ?? 'An error occurred while adding the protocol. Kindy retry or contact support',
+        });
+        onSuccess();
+      } else {
+        showSnackbar({
+          title: 'Success Adding Protocol',
+          kind: 'success',
+          subtitle: 'Protocol added successfully',
+        });
+        onSuccess();
+      }
+    } catch (error: any) {
+      showSnackbar({
+        kind: 'error',
+        title: 'Error Adding Protocol',
+        subtitle: error ?? 'An error occurred while adding the protocol. Kindy retry or contact support',
+      });
+    } finally {
+      setLoading(false);
+    }
+  }
+  function getClaimLineDto(): AddClaimLineDto {
+    return {
+      consentToken: (consentTokenProp || billItem.consent_token || '').trim(),
+      interventionCode: billItem.intervention_code,
+      unitPrice,
+      quantity: String(billItem.item_quantity),
+      locationUuid: locationUuid,
+      orderNo: String(billItem.order_no ?? ''),
+    };
+  }
+
+  function getProtocalDto(): AddProtocalDto {
+    return {
+      consentToken: (consentTokenProp || billItem.consent_token || '').trim(),
+      protocolCode: String(billItem.protocal_code ?? ''),
+      interventionCode: billItem.intervention_code,
+      unitPrice: Number(unitPrice),
+      quantity: billItem.item_quantity,
+      locationUuid: locationUuid,
+    };
+  }
+  function holderFunction() {
+    return;
+  }
+  const isEmergency = billItem.service_type === 'EMERGENCY';
+
+  return (
+    <>
+      <Modal
+        modalHeading={isEmergency ? 'Add Protocol' : 'Add Claim Line'}
+        open={open}
+        size="md"
+        onSecondarySubmit={onClose}
+        onRequestClose={onClose}
+        onRequestSubmit={loading ? holderFunction : isEmergency ? handleAddProtocal : handleAddClaimLineItem}
+        primaryButtonText={loading ? 'Adding...' : isEmergency ? 'Add Protocol' : 'Add Claim Line'}
+        secondaryButtonText="Close"
+      >
+        <ModalBody>
+          <div className={styles.addClaimLineModalLayout}>
+            <div className={styles.addClaimLineModalRow}>
+              <TextInput
+                id="bill-item"
+                labelText="Intervention Code"
+                value={billItem.intervention_code}
+                readOnly={true}
+              />
+            </div>
+            <div className={styles.addClaimLineModalRow}>
+              <TextInput
+                id="bill-item-amount"
+                labelText="Unit Price (Ksh)"
+                type="number"
+                min="0"
+                step="any"
+                value={unitPrice}
+                onChange={(event) => setUnitPrice(event.target.value)}
+              />
+            </div>
+            <div className={styles.addClaimLineModalRow}>
+              <TextInput id="bill-item-amount" labelText="Quantity" value={billItem.item_quantity} readOnly={true} />
+            </div>
+          </div>
+        </ModalBody>
+      </Modal>
+    </>
+  );
+};
+export default AddClaimLineModal;

package/src/billing/dashboard/v3/patient-bill-details/modals/bill-item-payment/bill-item-payment.modal.scss

@@ -0,0 +1,6 @@
+.biModalLayout{
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    row-gap: 15px;
+}

package/src/billing/dashboard/v3/patient-bill-details/modals/bill-item-payment/bill-item-payment.modal.tsx

@@ -0,0 +1,137 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { InlineLoading, Modal, ModalBody, Select, SelectItem, TextInput } from '@carbon/react';
+import styles from './bill-item-payment.modal.scss';
+import { type PatientFacilityBillDetails } from '../../../types';
+import { type PaymentMode } from '../../../../../../shared/types';
+import { fetchPaymentModes, updateBillLineItem } from '../../../../../../shared/services/billing.resource';
+import { useBill } from '../../../../../billing-claims.resource';
+import { showSnackbar } from '@openmrs/esm-framework';
+interface billItemPaymentModalProps {
+  open: boolean;
+  billItem: PatientFacilityBillDetails;
+  onClose: () => void;
+  onPay: () => void;
+}
+const BillItemPaymentModal: React.FC<billItemPaymentModalProps> = ({ open, onClose, onPay, billItem }) => {
+  const [paymentModes, setPaymentModes] = useState<PaymentMode[]>([]);
+  const billItemPaymentMode = useMemo(() => getBillItemPaymentMode(), [paymentModes, billItem]);
+  const [selectedPaymentModeUuid, setSelectedPaymentModeUuid] = useState<string>('');
+  const { bill, isLoading } = useBill(billItem?.bill_uuid);
+
+  useEffect(() => {
+    if (billItem) {
+      getPaymentMethods();
+    }
+  }, [billItem]);
+
+  async function getPaymentMethods() {
+    const methods = await fetchPaymentModes();
+    setPaymentModes(methods);
+  }
+  async function payForBillItem() {
+    try {
+      const payload = {
+        "status": "PAID"
+      };
+      const resp = await updateBillLineItem(billItem.cashier_bill_line_item_uuid, payload);
+      if (resp) {
+        showSnackbar({
+          kind: 'success',
+          title: 'Bill item payment succesfully made',
+          subtitle: '',
+        });
+        onPay();
+      }
+    } catch (error) {
+      showSnackbar({
+        kind: 'error',
+        title: 'An error occurred while making bill item payment',
+        subtitle: 'An error occurred while making bill item payment, please try again or contact support',
+      });
+    }
+  }
+  function handlePaymentModeChange(paymentModeUuid: string) {
+    setSelectedPaymentModeUuid(paymentModeUuid);
+  }
+  function getBillItemPaymentMode() {
+    return paymentModes.find((pm) => {
+      return pm.name === billItem.payment_scheme;
+    });
+  }
+  return (
+    <>
+      <Modal
+        modalHeading='Bill Item Payment'
+        open={open}
+        size="sm"
+        onSecondarySubmit={onClose}
+        onRequestClose={onClose}
+        onRequestSubmit={payForBillItem}
+        primaryButtonText="Pay"
+        primaryButtonDisabled={isLoading}
+        secondaryButtonText="Close"
+      >
+        <ModalBody>
+          {
+            (isLoading && !bill) &&
+            <InlineLoading description="Loading bill ..." />
+          }
+          <div className={styles.biModalLayout}>
+            <div className={styles.biRow}>
+              <TextInput
+                id="bill-item"
+                labelText="Billable Item"
+                value={`${billItem.billable_service}`}
+                readOnly={true}
+              />
+            </div>
+            <div className={styles.biRow}>
+              <TextInput
+                id="bill-item-amount"
+                labelText="Amount"
+                value={`Ksh ${billItem.item_total_price}`}
+                readOnly={true}
+              />
+            </div>
+            {/* <div className={styles.biRow}>
+              {billItemPaymentMode ? (
+                <>
+                  <TextInput
+                    id="insurance-scheme"
+                    labelText="Payment Mode"
+                    value={billItemPaymentMode?.name}
+                    readOnly={true}
+                  />
+                </>
+              ) : (
+                <>
+                  <Select
+                    id="cash-point"
+                    labelText="Cash Point"
+                    onChange={($event) => handlePaymentModeChange($event.target.value)}
+                  >
+                    <SelectItem value="" text="Select" />;
+                    {paymentModes &&
+                      paymentModes.map((pm) => {
+                        return <SelectItem value={pm.uuid} text={pm.name} />;
+                      })}
+                  </Select>
+                </>
+              )}
+            </div> */}
+            {/* Commented for now. DO NOT REMOVE!! */}
+            {/* <div className={styles.biRow}>
+              <TextInput
+                id="insurance-scheme"
+                labelText="Pay Amount"
+                type="number"
+                onChange={(v) => handlePayAmountChange(parseInt(v.target.value))}
+              />
+            </div> */}
+          </div>
+        </ModalBody>
+      </Modal>
+    </>
+  );
+};
+export default BillItemPaymentModal;

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

@@ -0,0 +1,28 @@
+.detailsGrid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
+  margin: 0;
+}
+
+.detailRow {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+
+  dt {
+    font-size: 0.6875rem;
+    font-weight: 600;
+    letter-spacing: 0.02em;
+    text-transform: uppercase;
+    color: #6f6f6f;
+  }
+
+  dd {
+    margin: 0;
+    font-size: 0.875rem;
+    font-weight: 600;
+    color: #161616;
+    overflow-wrap: anywhere;
+  }
+}

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

@@ -0,0 +1,170 @@
+import React, { useEffect, useState } from 'react';
+import styles from './claim-details.modal.scss';
+import { type ClaimsVisit } from '../../../types';
+import { fetchProviderClaimPreview } from '../../../../../billing-claims.resource';
+import { formatDate, parseDate } from '@openmrs/esm-framework';
+import ClaimDiagnosisDetails from '../../../../v3/claim-visits/claim-diagnosis-details/claim-diagnosis-details.component';
+import ClaimDoctors from '../../../../v3/claim-visits/claim-doctors/claim-doctors';
+import ClaimDocuments from '../../../claim-visits/claim-documents/claim-documents';
+import ClaimInvoiceDetails from '../../../../v3/claim-visits/claim-invoice-details/claim-invoice-details.component';
+import { InlineLoading, Modal, ModalBody, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@carbon/react';
+interface claimDetailsModalProps {
+  open: boolean;
+  onClose: () => void;
+  consentToken: string;
+  locationUuid: string;
+}
+const ClaimDetailsModal: React.FC<claimDetailsModalProps> = ({ open, onClose, consentToken, locationUuid }) => {
+  const [claimsVisit, setClaimsVisit] = useState<ClaimsVisit | null>(null);
+  const [loading,setLoading] = useState<boolean>(false);
+  useEffect(() => {
+    if (locationUuid && consentToken) {
+      getClaimProviderPreview();
+    }
+  }, [locationUuid, consentToken]);
+  async function getClaimProviderPreview() {
+    setLoading(true);
+    const resp = await fetchProviderClaimPreview({
+      locationUuid: locationUuid,
+      consentToken: consentToken,
+    });
+    if (resp) {
+      setClaimsVisit(resp);
+    }
+    setLoading(false);
+  }
+  if(loading){
+      return <><InlineLoading  description='fetching claim details..please wait'/></>
+  }
+  if (!claimsVisit) {
+    return <>No Data to display</>;
+  }
+  return (
+    <>
+      <Modal
+        modalHeading="Claim Details"
+        open={open}
+        size="lg"
+        onSecondarySubmit={onClose}
+        onRequestClose={onClose}
+        secondaryButtonText="Close"
+      >
+        <ModalBody>
+          <dl className={styles.detailsGrid}>
+            <div className={styles.detailRow}>
+              <dt>State</dt>
+              <dd>{claimsVisit.workflow_state}</dd>
+            </div>
+            <div className={styles.detailRow}>
+              <dt>Status</dt>
+              <dd>{claimsVisit.claim_auth_status}</dd>
+            </div>
+            <div className={styles.detailRow}>
+              <dt>Name</dt>
+              <dd>{claimsVisit.patient_name}</dd>
+            </div>
+            <div className={styles.detailRow}>
+              <dt>Member Number</dt>
+              <dd>{claimsVisit.member_number}</dd>
+            </div>
+            <div className={styles.detailRow}>
+              <dt>Scheme Code</dt>
+              <dd>{claimsVisit.scheme_code}</dd>
+            </div>
+            <div className={styles.detailRow}>
+              <dt>Scheme Name</dt>
+              <dd>{claimsVisit.scheme_name}</dd>
+            </div>
+            <div className={styles.detailRow}>
+              <dt>Service Type</dt>
+              <dd>{claimsVisit.service_type}</dd>
+            </div>
+            <div className={styles.detailRow}>
+              <dt>Provider</dt>
+              <dd>{claimsVisit.provider_name}</dd>
+            </div>
+            <div className={styles.detailRow}>
+              <dt>Visit Start</dt>
+              <dd>{formatDate(parseDate(claimsVisit.visit_start))}</dd>
+            </div>
+            <div className={styles.detailRow}>
+              <dt>Total Amount</dt>
+              <dd>{claimsVisit.total_claim_amount}</dd>
+            </div>
+            <div className={styles.detailRow}>
+              <dt>Total Net Amount</dt>
+              <dd>{claimsVisit.total_claim_net_amount}</dd>
+            </div>
+          </dl>
+
+          <div className={styles.cvContentSection}>
+            <section className={styles.section}>
+              <h6>Invoices</h6>
+              <div className={styles.tableScroll}>
+                {claimsVisit.invoices && (
+                  <ClaimInvoiceDetails
+                    claimInvoices={claimsVisit.invoices}
+                    consentToken={claimsVisit.authorization_code}
+                  />
+                )}
+              </div>
+            </section>
+            <section className={styles.section}>
+              <h6>Interventions</h6>
+              <div className={styles.tableScroll}>
+                <Table size="sm">
+                  <TableHead>
+                    <TableRow>
+                      <TableHeader>Code</TableHeader>
+                      <TableHeader>Payment Mechanism</TableHeader>
+                      <TableHeader>Name</TableHeader>
+                      <TableHeader>Accrued Per Diem</TableHeader>
+                      <TableHeader>Accrued Per Diem Days</TableHeader>
+                      <TableHeader>State</TableHeader>
+                      <TableHeader>Sub Benefit Code</TableHeader>
+                      <TableHeader>Fund</TableHeader>
+                    </TableRow>
+                  </TableHead>
+                  <TableBody>
+                    {claimsVisit.interventions &&
+                      claimsVisit.interventions.map((ci) => {
+                        return (
+                          <TableRow key={ci.id}>
+                            <TableCell>{ci.intervention_code}</TableCell>
+                            <TableCell>{ci.intervention_payment_mechanism}</TableCell>
+                            <TableCell>{ci.intervention_name}</TableCell>
+                            <TableCell>{ci.accrued_per_diem_amount}</TableCell>
+                            <TableCell>{ci.accrued_per_diem_days}</TableCell>
+                            <TableCell>{ci.workflow_state}</TableCell>
+                            <TableCell>{ci.sub_benefit_code}</TableCell>
+                            <TableCell>{ci.intervention_fund}</TableCell>
+                          </TableRow>
+                        );
+                      })}
+                  </TableBody>
+                </Table>
+              </div>
+            </section>
+            <section className={styles.section}>
+              <h6>Diagnosis</h6>
+              <div className={styles.tableScroll}>
+                {claimsVisit.claim_diagnoses && <ClaimDiagnosisDetails claimDiagnosiss={claimsVisit.claim_diagnoses} />}
+              </div>
+            </section>
+            <section className={styles.section}>
+              <h6>Doctors</h6>
+              <div className={styles.tableScroll}>
+                <ClaimDoctors claimDoctors={claimsVisit.claim_doctors ?? []} />
+              </div>
+            </section>
+            <section className={styles.section}>
+              <h6>Attachments</h6>
+              <ClaimDocuments claimAttachments={claimsVisit.claim_attachments ?? []} />
+            </section>
+          </div>
+        </ModalBody>
+      </Modal>
+    </>
+  );
+};
+export default ClaimDetailsModal;

package/src/billing/dashboard/v3/patient-bill-details/modals/pomsf/pomsf-scheme-balance.util.test.ts

@@ -0,0 +1,56 @@
+import { type PomsfBalance } from '../../../../../claims';
+import { type Scheme } from '../../../../../registry/types';
+import { getSchemeBalance } from './pomsf-scheme-balance.util';
+
+function makeScheme(schemeName: string, policyNumber: string): Scheme {
+  return {
+    schemeName,
+    memberType: 'BENEFICIARY',
+    coverageType: 'SHIF',
+    policy: { startDate: '', endDate: '', number: policyNumber },
+    coverage: { startDate: '', endDate: '', message: '', reason: '', possibleSolution: null, status: '1' },
+    principalContributor: {
+      idNumber: '',
+      name: '',
+      crNumber: '',
+      relationship: '',
+      employmentType: '',
+      employerDetails: undefined,
+    },
+  } as Scheme;
+}
+
+function makeBalance(): PomsfBalance {
+  return {
+    memberPolicies: [
+      {
+        policy: {
+          policyId: 'POLICY-1',
+          schemeName: 'POMSF',
+          policyCode: 'POLICY-1',
+        },
+        benefit: [
+          { benefitCode: 'PMF-12', balance: [{ member: 'self', balance: 100000 }] },
+          { benefitCode: 'PMF-07', balance: [{ member: 'self', balance: 50000 }] },
+        ],
+      },
+      {
+        policy: {
+          policyId: 'POLICY-2',
+          schemeName: 'Usalama',
+          policyCode: 'POLICY-2',
+        },
+        benefit: [{ benefitCode: 'PMF-12', balance: [{ member: 'self', balance: 250000 }] }],
+      },
+    ],
+  } as unknown as PomsfBalance;
+}
+
+describe('getSchemeBalance', () => {
+  it('returns the summed balance for each matching scheme policy', () => {
+    const balance = makeBalance();
+
+    expect(getSchemeBalance(balance, makeScheme('POMSF', 'POLICY-1'))).toBe(150000);
+    expect(getSchemeBalance(balance, makeScheme('Usalama', 'POLICY-2'))).toBe(250000);
+  });
+});

package/src/billing/dashboard/v3/patient-bill-details/modals/pomsf/pomsf-scheme-balance.util.ts

@@ -0,0 +1,27 @@
+import { type PomsfBalance } from '../../../../../../claims';
+import { type Scheme } from '../../../../../../registry/types';
+
+export function getSchemeBalance(pomsfBalance: PomsfBalance | null | undefined, scheme: Scheme): number {
+  if (!pomsfBalance) {
+    return 0;
+  }
+
+  const matchingPolicy = pomsfBalance.memberPolicies?.find((memberPolicy) => {
+    const policyId = memberPolicy.policy?.policyId;
+    const policyCode = memberPolicy.policy?.policyCode;
+    const policyNumber = scheme.policy?.number;
+
+    return (
+      memberPolicy.policy?.schemeName?.trim().toLowerCase() === scheme.schemeName.trim().toLowerCase() &&
+      Boolean(policyNumber && (policyId === policyNumber || policyCode === policyNumber))
+    );
+  });
+
+  return (
+    matchingPolicy?.benefit?.reduce(
+      (total, benefit) =>
+        total + (benefit.balance?.reduce((balance, item) => balance + Number(item.balance ?? 0), 0) ?? 0),
+      0,
+    ) ?? 0
+  );
+}