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

package/src/billing/dashboard/v3/patient-bill-details/attachments/dialysis/dialysis-helper.ts

@@ -0,0 +1,117 @@
+export interface ClinicalNoteField {
+  label: string;
+  value: string;
+}
+
+export interface ClinicalNote {
+  encounterUuid: string;
+  encounterType: string;
+  datetime: string;
+  fields: ClinicalNoteField[];
+}
+
+const getFieldValue = (fields: ClinicalNoteField[] = [], labelMatch: string): string | undefined =>
+  fields.find((f) => f.label?.toUpperCase().includes(labelMatch.toUpperCase()))?.value;
+
+const findLatestNote = (notes: ClinicalNote[], encounterType: string): ClinicalNote | undefined =>
+  notes.find((n) => n.encounterType === encounterType);
+
+// Every note of a given type, oldest first — so the monitoring table reads
+// 0 min, 60 min, 120 min… in the order the session actually happened.
+const findAllNotesAsc = (notes: ClinicalNote[], encounterType: string): ClinicalNote[] =>
+  notes
+    .filter((n) => n.encounterType === encounterType)
+    .slice()
+    .sort((a, b) => new Date(a.datetime).getTime() - new Date(b.datetime).getTime());
+
+export interface ExtractedDialysisData {
+  preAssessment: {
+    accessType: string;
+    notes: string;
+  };
+  monitoring: Array<{
+    time: string;
+    ufRemoved: string;
+    heparin: string;
+    remarks: string;
+  }>;
+
+  postAssessment: {
+    totalUfAchieved: string;
+    accessSite: string;
+    condition: string;
+    complications: string;
+    temperature: string;
+    venousPressure: string;
+    arterialPressure: string;
+    bloodPressure: string;
+    dialysisSessionNumber: string;
+    remarks: string;
+    typeOfDialysisAccess: string;
+    medicationPrecribed: string;
+    intervention: string;
+    labResults: string;
+    expectedOutcome: string;
+    postDialysisRemarks: string;
+    dialyzer: string;
+    nursingDiagnosis: string;
+  };
+}
+
+export function extractDialysisData(clinicalNotes: ClinicalNote[] = []): ExtractedDialysisData {
+  // --- Pre-Dialysis Assessment: DOCTORNOTES ---
+  const doctorNote = findLatestNote(clinicalNotes, 'DOCTORNOTES');
+  const preAssessment = {
+    // No dedicated "access type" field exists under DOCTORNOTES in this payload —
+    // falls back to '—' until confirmed where pre-dialysis access type is recorded.
+    accessType: getFieldValue(doctorNote?.fields, 'ACCESS') ?? '—',
+    notes: getFieldValue(doctorNote?.fields, 'THERAPEUTIC PLAN NOTES') ?? '—',
+  };
+
+  // --- Intra-Dialytic Monitoring: INTRADIALYTIC, one row per encounter ---
+  const intradialyticNotes = findAllNotesAsc(clinicalNotes, 'INTRADIALYTIC');
+  const monitoring = intradialyticNotes.map((note) => {
+    const minutes = getFieldValue(note.fields, 'NUMBER OF MINUTES');
+    const uf = getFieldValue(note.fields, 'UF ULTRAFILTRATION VOLUME');
+    const heparin = getFieldValue(note.fields, 'HEPARIN DOSE ADMINISTERED');
+    const remarks = getFieldValue(note.fields, 'THERAPEUTIC PLAN NOTES');
+    return {
+      time: minutes ? `${minutes} min` : '—',
+      ufRemoved: uf ? `${uf}mls` : '—',
+      heparin: heparin ? `${heparin}iu` : '—',
+      remarks: remarks ?? '—',
+    };
+  });
+
+  // --- Post-Dialysis Assessment: HEMODIALYSIS ---
+  const hemoNote = findLatestNote(clinicalNotes, 'HEMODIALYSIS');
+  const postAssessment = {
+    totalUfAchieved: getFieldValue(hemoNote?.fields, 'TOTAL UF VOLUME') ?? '—',
+    accessSite: getFieldValue(hemoNote?.fields, 'TYPE OF DIALYSIS ACCESS') ?? '—',
+    condition:
+      getFieldValue(hemoNote?.fields, 'POST DIALYSIS REMARKS') ??
+      getFieldValue(hemoNote?.fields, 'INTERVENTION') ??
+      '—',
+    temperature: getFieldValue(hemoNote?.fields, 'DIALYSATE TEMPERATURE'),
+    bloodPressure: getFieldValue(hemoNote?.fields, 'PRE-DIALYSIS DIASTOLIC BLOOD PRESSURE'),
+    dialysisSessionNumber: getFieldValue(hemoNote?.fields, 'DIALYSIS SESSION NUMBER'),
+    remarks: getFieldValue(hemoNote?.fields, 'REMARKS'),
+    typeOfDialysisAccess: getFieldValue(hemoNote?.fields, 'TYPE OF DIALYSIS ACCESS'),
+    medicationPrecribed: getFieldValue(hemoNote?.fields, 'MEDICATION PRESCRIBED'),
+    intervention: getFieldValue(hemoNote?.fields, 'INTERVENTION'),
+    labResults: getFieldValue(hemoNote?.fields, 'LAB RESULTS'),
+    expectedOutcome: getFieldValue(hemoNote?.fields, 'EXPECTED OUTCOME'),
+    postDialysisRemarks: getFieldValue(hemoNote?.fields, 'POST DIALYSIS REMARKS'),
+    dialyzer: getFieldValue(hemoNote?.fields, 'DIALYZER'),
+    venousPressure: getFieldValue(hemoNote?.fields, 'VENOUS PRESSURE'),
+    arterialPressure: getFieldValue(hemoNote?.fields, 'ARTERIAL PRESSURE'),
+    nursingDiagnosis: getFieldValue(hemoNote?.fields, 'NURSING DIAGNOSIS'),
+    // No "complications" label appears anywhere in this sample payload —
+    // defaults to 'None' rather than silently fabricating a value.
+    complications: getFieldValue(hemoNote?.fields, 'COMPLICATION') ?? 'None',
+  };
+
+  const summary = {};
+
+  return { preAssessment, monitoring, postAssessment };
+}

package/src/billing/dashboard/v3/patient-bill-details/attachments/discharge-summary/discharge-summary.scss

@@ -0,0 +1,96 @@
+.fieldContainer {
+    display: flex;
+    align-items: flex-start;
+    margin-bottom: 10px;
+    border-bottom: 1px dotted #999;
+    padding-bottom: 4px;
+
+.fieldLabel {
+    width: 180px;
+    font-weight: 600;
+    flex-shrink: 0;
+}
+
+.fieldValue {
+    flex: 1;
+    font-weight: 600;
+    color: grey;
+    word-break: break-word;
+}
+}
+
+.clinicianContainer {
+    width: 220px;
+    display: flex;
+    flex-direction: column;
+
+.clinicianLabel {
+    font-weight: 600;
+    margin-bottom: 4px;
+}
+}
+.footer {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 35px;
+  padding-top: 15px;
+  border-top: 1px solid #999;
+}
+
+.remarksValue {
+    border: 1px solid #000;
+    min-height: 80px;
+    padding: 10px;
+    line-height: 1.5
+}
+
+.remarksLabel {
+    font-weight: 600;
+    margin-bottom: 6px;
+}
+
+.container {
+    width: 190mm;
+    min-height: auto;
+    background: #fff;
+    padding: 10mm;
+    box-sizing: border-box;
+}
+
+.headerContainer {
+    border: 2px solid #000;
+    padding: 12px;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+.county {
+    font-size: 18px;
+    font-weight: 700;
+    margin-bottom: 4px;
+    text-transform: uppercase;
+}
+
+.department {
+    font-size: 14px;
+    margin-bottom: 8px;
+    font-weight: 600;
+}
+
+.hospitalName {
+    font-size: 20px;
+    font-weight: 700;
+    margin-bottom: 12px;
+    text-transform: uppercase;
+}
+
+.encounterType {
+    border-top: 1px solid #000;
+    padding-top: 10px;
+    font-size: 18px;
+    font-weight: 700;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    background: #f5f5f5;
+    padding: 8px;
+}

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

@@ -0,0 +1,126 @@
+import React, { forwardRef, useEffect, useState } from 'react';
+import { type VisitIntervention } from '../../../types';
+import { type DischargeSummary } from '../type';
+import { getDischargeSummary } from '../../../../../maternity-discharge.resource';
+
+import styles from './discharge-summary.scss';
+import { useSession } from '@openmrs/esm-framework';
+
+interface DischargeSummaryComponentProps {
+  bill: any;
+  claimIntervention: VisitIntervention;
+}
+
+const DischargeSummaryComponent = forwardRef<HTMLDivElement, DischargeSummaryComponentProps>(
+  ({ bill, claimIntervention }, ref) => {
+    const [summary, setSummary] = useState<DischargeSummary | null>(null);
+    const [loading, setLoading] = useState(true);
+
+    const session = useSession();
+    const locationName = session?.sessionLocation?.display;
+
+    useEffect(() => {
+      const loadSummary = async () => {
+        try {
+          const response = await getDischargeSummary(bill.cr_no, bill.amrs_universal_id);
+
+          setSummary(response);
+        } finally {
+          setLoading(false);
+        }
+      };
+
+      loadSummary();
+    }, [bill.amrs_universal_id, bill.cr_no, claimIntervention]);
+
+    if (loading) {
+      return <div ref={ref}>Loading...</div>;
+    }
+
+    if (!summary) {
+      return <div ref={ref}>Unable to load discharge summary.</div>;
+    }
+
+    return (
+      <>
+        <div ref={ref} className={styles.container}>
+          <div className={styles.headerContainer}>
+            <div className={styles.county}>County Government of Uasin Gishu</div>
+
+            <div className={styles.department}>Department of Health Services</div>
+
+            <div className={styles.hospitalName}>{locationName}</div>
+
+            <div className={styles.encounterType}>POST NATAL DISCHARGE SUMMARY</div>
+          </div>
+          <Field label="NAME" value={summary.patientName} />
+          <Field label="AGE" value={summary.age} />
+          <Field label="IP NO" value={summary.ipNumber} />
+          <Field label="PARITY" value={summary.parity} />
+          <Field
+            label="DATE OF ADMISSION"
+            value={summary.admissionDate ? new Date(summary.admissionDate).toLocaleDateString() : ''}
+          />
+          <Field
+            label="DATE OF DELIVERY"
+            value={summary.deliveryDate ? new Date(summary.deliveryDate).toLocaleDateString() : ''}
+          />
+          <Field label="MODE OF DELIVERY" value={summary.modeOfDelivery} />
+          <Field label="SEX OF BABY" value={summary.babySex} />
+          <Field label="BIRTH WEIGHT" value={summary.birthWeight} />
+          <Field label="FATE" value={summary.fate} />
+          <Field label="ADVICE ON PERSONAL HYGIENE" value={summary.hygieneAdvice} />
+          <Field label="NUTRITION" value={summary.nutrition} />
+          <Field label="BREAST FEEDING" value={summary.breastFeeding} />
+          <Field label="IMMUNIZATION" value={summary.immunization} />
+          <Field label="FAMILY PLANNING" value={summary.familyPlanning} />
+
+          <div
+            style={{
+              marginTop: '20px',
+            }}
+          >
+            <div
+              style={{
+                marginTop: '25px',
+              }}
+            >
+              <div className={styles.remarksLabel}>REMARKS</div>
+
+              <div className={styles.remarksValue}>{summary.remarks || '-'}</div>
+            </div>
+          </div>
+
+          <div className={styles.footer}>
+            <div>
+              <div style={{ fontWeight: 600 }}>Discharge Date</div>
+              <div>{summary.dischargeDate ? new Date(summary.dischargeDate).toLocaleDateString() : '-'}</div>
+            </div>
+
+            <div className={styles.clinicianContainer}>
+              <div className={styles.clinicianLabel}>Nurse / Clinician</div>
+
+              <div>{summary.clinician || '-'}</div>
+            </div>
+          </div>
+        </div>
+      </>
+    );
+  },
+);
+
+interface FieldProps {
+  label: string;
+  value?: string | number;
+}
+
+const Field: React.FC<FieldProps> = ({ label, value }) => (
+  <div className={styles.fieldContainer}>
+    <div className={styles.fieldLabel}>{label}</div>
+
+    <div className={styles.fieldValue}>{value || '-'}</div>
+  </div>
+);
+DischargeSummaryComponent.displayName = 'DischargeSummaryComponent';
+
+export default DischargeSummaryComponent;

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

@@ -0,0 +1,75 @@
+import React, { forwardRef } from 'react';
+import { type VisitIntervention } from '../../types';
+import styles from './attachments.scss';
+
+interface FinalBillComponentProps {
+  bill?: any;
+}
+
+const FinalBillComponent = forwardRef<HTMLDivElement, FinalBillComponentProps>(({ bill }, ref) => {
+  return (
+    <div
+      ref={ref}
+      style={{
+        all: 'initial',
+        display: 'block',
+        fontFamily: 'Arial',
+        fontSize: '10px',
+        width: '190mm',
+        padding: '10mm',
+        background: '#fff',
+        boxSizing: 'border-box',
+      }}
+    >
+      <h1>KESSES SUB-COUNTY HOSPITAL</h1>
+      <hr />
+      <h2>FINAL BILL</h2>
+      <p>
+        <strong>Patient:</strong> {bill.patient_name}
+      </p>
+      <p>
+        <strong>Claim Number:</strong> CLM-001245
+      </p>
+      <p>
+        <strong>Date:</strong> {bill.bill_date}
+      </p>
+      <div className={styles.invoice}>
+        <table
+          style={{
+            width: '100%',
+            borderCollapse: 'collapse',
+            marginTop: '20px',
+          }}
+        >
+          <thead>
+            <tr>
+              <th>Bill Item</th>
+              <th>Intervention Code</th>
+              <th>Order No</th>
+              <th>Service Type</th>
+              <th>Payer</th>
+              <th>Payment Status</th>
+              <th>Quantity</th>
+              <th>Total</th>
+            </tr>
+          </thead>
+
+          <tbody>
+            <tr>
+              <td>{bill.billable_service}</td>
+              <td>{bill.intervention_code}</td>
+              <td>{bill.order_no}</td>
+              <td>{bill.service_type}</td>
+              <td>{bill.payment_scheme}</td>
+              <td>{bill.payment_status}</td>
+              <td>{bill.item_quantity}</td>
+              <td>{bill.item_price}</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+});
+
+export default FinalBillComponent;

package/src/billing/dashboard/v3/patient-bill-details/attachments/general-discharge-summary/general-discharge-summary.scss

@@ -0,0 +1,182 @@
+.ds-root {
+  --ink: #16211c;
+  --ink-soft: #4b5a52;
+  --paper: #f6f4ee;
+  --panel: #ffffff;
+  --line: #dcd6c8;
+  --accent: #1f5f4e;
+  --accent-soft: #e4efe9;
+  --header-bar: #1f5f4e;
+  --mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;
+  --serif: "Source Serif 4", Georgia, serif;
+  --sans: "Inter", "Helvetica Neue", Arial, sans-serif;
+  background: var(--paper);
+  color: var(--ink);
+  font-family: var(--sans);
+  padding: 32px 16px 64px;
+  min-height: 100%;
+  box-sizing: border-box;
+
+  * { box-sizing: border-box; }
+
+  .ds-shell { max-width: 900px; margin: 0 auto; }
+
+  .ds-demo-banner {
+    background: var(--accent-soft);
+    border: 1px solid var(--accent);
+    color: var(--accent);
+    font-family: var(--mono);
+    font-size: 11px;
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+    padding: 8px 12px;
+    border-radius: 4px;
+    margin-bottom: 20px;
+  }
+
+  .ds-header {
+    margin-bottom: 20px;
+  }
+
+  .ds-header-bar {
+    height: 10px;
+    background: var(--header-bar);
+    border-radius: 3px 3px 0 0;
+    margin-bottom: 16px;
+  }
+
+  .ds-header-info {
+    text-align: center;
+  }
+
+  .ds-org {
+    font-family: var(--mono);
+    font-size: 12px;
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+    color: var(--accent);
+    margin: 0 0 4px;
+  }
+
+  .ds-title {
+    font-family: var(--serif);
+    font-size: 24px;
+    font-weight: 600;
+    margin: 0 0 4px;
+  }
+
+  .ds-meta-right {
+    text-align: center;
+    font-family: var(--mono);
+    font-size: 11px;
+    color: var(--ink-soft);
+    line-height: 1.6;
+    margin-top: 4px;
+  }
+
+  .ds-field {
+    min-width: 0;
+  }
+
+  .ds-field-label {
+    font-family: var(--mono);
+    font-size: 10px;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: var(--ink-soft);
+    margin-bottom: 3px;
+  }
+
+  .ds-field-value {
+    font-size: 14px;
+    word-break: break-word;
+  }
+
+  .ds-field-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 14px 24px;
+  }
+
+  .ds-section {
+    background: var(--panel);
+    border: 1px solid var(--line);
+    border-radius: 6px;
+    padding: 18px 20px;
+    margin-bottom: 16px;
+  }
+
+  .ds-section-title {
+    font-family: var(--mono);
+    font-size: 11px;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: var(--accent);
+    margin: 0 0 14px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid var(--line);
+  }
+
+  .ds-section-num {
+    display: inline-block;
+    width: 18px;
+    height: 18px;
+    line-height: 18px;
+    text-align: center;
+    border-radius: 50%;
+    background: var(--accent-soft);
+    color: var(--accent);
+    margin-right: 6px;
+    font-size: 10px;
+  }
+
+  table.ds-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 13px;
+
+    th {
+      text-align: left;
+      font-family: var(--mono);
+      font-size: 10px;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      color: var(--ink-soft);
+      padding: 6px 8px;
+      border-bottom: 1px solid var(--line);
+      background: var(--paper);
+    }
+
+    td {
+      padding: 8px 8px;
+      border-bottom: 1px solid var(--line);
+      vertical-align: top;
+    }
+
+    tr:last-child td { border-bottom: none; }
+  }
+
+  .ds-drug-name { font-weight: 600; }
+  .ds-drug-notes { color: var(--ink-soft); font-size: 12px; }
+
+  .ds-outcome {
+    font-size: 14px;
+    margin-bottom: 14px;
+
+    strong { color: var(--accent); }
+  }
+
+  .ds-footer {
+    font-family: var(--mono);
+    font-size: 10px;
+    color: var(--ink-soft);
+    text-align: center;
+    margin-top: 24px;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+  }
+
+  @media (max-width: 520px) {
+    .ds-title { font-size: 20px; }
+  }
+}