@ampath/esm-dha-workflow-app 4.0.0-claim-workflows.308 → 4.0.0-claim-workflows.309

package/dist/esm-dha-workflow-app.js.buildmanifest.json

@@ -2163,9 +2163,9 @@
       "entry": false,
       "recorded": false,
       "reason": "split chunk (cache group: default)",
-      "size": 93704,
+      "size": 94655,
       "sizes": {
-        "javascript": 93704
+        "javascript": 94655
       },
       "names": [],
       "idHints": [],
@@ -2179,7 +2179,7 @@
       "auxiliaryFiles": [
         "9428.js.map"
       ],
-      "hash": "498afe77212cfe0b",
+      "hash": "5e529218165a535e",
       "childrenByOrder": {}
     },
     {

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{},"pages":[{"component":"root","route":"dha-workflow","online":true,"offline":true}],"extensions":[{"component":"navLinks","name":"side-nav-workflow-links","slot":"dha-workflow-slot","online":true,"offline":true},{"name":"dha-workflow-dashboard-link","component":"dhaWorkflowDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View Facility Dashboard"],"meta":{"name":"dashboard","slot":"dha-workflow-dashboard-slot","title":"Dashboard"},"online":true,"offline":true,"order":1},{"component":"dhaWorkflowDashboard","name":"dashboardExt","slot":"dha-workflow-dashboard-slot"},{"name":"registry-dashboard-link","component":"registryDashboardLink","slot":"homepage-dashboard-slot","meta":{"name":"registration","slot":"client-registry-dashboard-slot","title":"Registration"},"online":true,"offline":true,"order":0},{"component":"registryExtension","name":"registry","slot":"client-registry-dashboard-slot","privileges":["O3 View Client Registry Dashboard"]},{"name":"triage-dashboard-link","component":"triageDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View Triage Dashboard"],"meta":{"name":"triage","slot":"triage-queue-dashboard-slot","title":"Triage"},"online":true,"offline":false},{"component":"triageQueueExtension","name":"triage","slot":"triage-queue-dashboard-slot","privileges":["O3 View Triage Dashboard"]},{"name":"consultation-dashboard-link","component":"consultationDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View Consultation Dashboard"],"meta":{"name":"consultation","slot":"consultation-dashboard-slot","title":"Consultation"},"online":true,"offline":false},{"component":"consultationQueue","name":"consultation","slot":"consultation-dashboard-slot","privileges":["O3 View Consultation Dashboard"]},{"name":"mnch-dashboard-link","component":"mnchQueueDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View MNCH Dashboard"],"meta":{"name":"mnch","slot":"mnch-dashboard-slot","title":"MNCH"},"online":true,"offline":true},{"component":"MNCHRoot","name":"mnch","slot":"mnch-dashboard-slot","privileges":["O3 View MNCH Dashboard"]},{"name":"specialized-clinics-dashboard-link","component":"specializedClinicsDashboardLink","slot":"homepage-dashboard-slot","privileges":[],"meta":{"name":"specialized-clinics","slot":"specialized-clinics-dashboard-slot","title":"Specialized Clinics"},"online":true,"offline":true},{"component":"SpecializedClinicsRoot","name":"specialized-clinics","slot":"specialized-clinics-dashboard-slot","privileges":[]},{"name":"pharmacy-dashboard-link","component":"pharmacyDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View Pharmacy Dashboard"],"meta":{"name":"dispensing","slot":"dispensing-dashboard-slot","title":"Pharmacy"},"online":true,"offline":true},{"name":"bookings-dashboard-link","component":"bookingsDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View Bookings Dashboard"],"meta":{"name":"bookings","slot":"bookings-dashboard-slot","title":"Bookings"},"online":true,"offline":true},{"component":"bookings","name":"bookings","slot":"bookings-dashboard-slot","privileges":["O3 View Bookings Dashboard"]},{"name":"service-queue-admin-dashboard-link","component":"serviceQueuesAdminLink","privileges":["O3 View Service Queue Admin Panel"],"slot":"app-menu-slot","meta":{"name":"service-queue-admin","slot":"service-queue-admin-dashboard-slot","title":"Service Queue Admin"},"online":true,"offline":true},{"component":"serviceQueueAdmin","name":"service-queue-admin","slot":"service-queue-admin-dashboard-slot","privileges":["O3 View Service Queue Admin Panel"]},{"name":"admissions-dashboard-link","component":"admissionsDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View Admissions Dashboard"],"meta":{"name":"admissions-dashboard","slot":"admissions-dashboard-slot","title":"Admissions Dashboard"},"online":true,"offline":true},{"component":"admissionsDashboard","name":"admissions-dashboard","slot":"admissions-dashboard-slot","privileges":["O3 View Admissions Dashboard"]},{"component":"serviceQueueBannerComponent","name":"service-queue-banne","slot":"patient-banner-tags-slot"},{"name":"admissions-summary-dashboard","slot":"patient-chart-dashboard-slot","component":"patientChartAdmissionsLink","meta":{"slot":"patient-chart-admissions-summary-dashboard-slot","path":"Admissions","layoutMode":"anchored"},"online":true,"offline":true},{"name":"admission-details","slot":"patient-chart-admissions-summary-dashboard-slot","component":"patientAdmissionSummary","order":1,"meta":{"title":"Admissions","view":"admissions"},"online":true,"offline":true},{"name":"case-summary-dashboard","slot":"patient-chart-dashboard-slot","component":"caseSummaryLink","meta":{"slot":"patient-chart-case-summary-dashboard-slot","path":"case-summary","layoutMode":"anchored"},"online":true,"offline":true},{"name":"case-summary-details","slot":"patient-chart-case-summary-dashboard-slot","component":"caseSummary","order":1,"meta":{"title":"Visit Case Summary","view":"case-summary"},"online":true,"offline":true},{"name":"ampath-billing-dashboard-link","component":"billingDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View Accounting Dashboard"],"meta":{"name":"billing","slot":"ampath-billing-dashboard-slot","title":"Accounting"},"online":true,"offline":true},{"component":"billingRoot","name":"billing","slot":"ampath-billing-dashboard-slot","privileges":["O3 View Accounting Dashboard"]},{"name":"ampath-billing-checkin-form","slot":"extra-visit-attribute-slot","component":"visitBillingForm"},{"name":"claims","slot":"billing-claims-slot","component":"claims"},{"name":"generate-order-bill-button-slot","slot":"generate-order-bill-button-slot","component":"generateOrderBillButton"}],"workspaces":[{"name":"create-order-bill-form-workspace","component":"createOrderBillFormWorkspace","title":"Create order Bill","type":"other-form"},{"name":"upload-intervention-attachments-workspace","title":"Upload Attachments","component":"uploadInterventionAttachmentsWorkspace","type":"upload-intervention-attachments","canHide":true,"canMaximize":true,"width":"narrow"},{"name":"generate-intervention-attachments-workspace","title":"GenerateAttachments","component":"generateInterventionAttachmentsWorkspace","type":"generate-intervention-attachments","canHide":true,"canMaximize":true,"width":"narrow"},{"name":"bill-item-payment-workspace","title":"Bill item payment","component":"billItemPaymentWorkspace","type":"bill-item-payment","canHide":true,"width":"narrow"},{"name":"add-claim-line-workspace","title":"Add claim line","component":"addClaimLineWorkspace","type":"add-claim-line","canHide":true,"width":"narrow"},{"name":"switch-intervention-workspace","title":"Switch Intervention","component":"switchInterventionWorkspace","type":"switch-intervention","canHide":true,"canMaximize":true,"width":"narrow"},{"name":"preauth-form-workspace","title":"Raise Preauth","component":"preauthFormWorkspace","type":"preauth-form","canHide":true,"canMaximize":true,"width":"wider"},{"name":"pay-cash-workspace","title":"Pay Cash","component":"payCashWorkspace","type":"workspace","canHide":true,"canMaximize":true,"width":"narrow"},{"name":"record-details-workspace","title":"Details","component":"recordDetailsWorkspace","type":"record-details","canHide":true,"canMaximize":true,"width":"wider"},{"name":"send-to-queue-workspace","title":"Initiate SHA claim","component":"sendToQueueWorkspace","type":"send-to-queue","canHide":true,"canMaximize":true,"width":"wider"}],"workspaces2":[{"name":"admissions-form-entry","component":"formEntryWorkspace","window":"admissions-form-window"}],"workspaceWindows2":[{"name":"admissions-form-window","group":"admissions-form-group","canMaximize":true,"width":"extra-wide"}],"workspaceGroups2":[{"name":"admissions-form-group","scopePattern":"/admissions-clinical-forms","persistence":"closable","overlay":false}],"modals":[{"name":"sign-off-queue-entry-modal","component":"signOffModal"}],"version":"4.0.0-claim-workflows.308"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{},"pages":[{"component":"root","route":"dha-workflow","online":true,"offline":true}],"extensions":[{"component":"navLinks","name":"side-nav-workflow-links","slot":"dha-workflow-slot","online":true,"offline":true},{"name":"dha-workflow-dashboard-link","component":"dhaWorkflowDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View Facility Dashboard"],"meta":{"name":"dashboard","slot":"dha-workflow-dashboard-slot","title":"Dashboard"},"online":true,"offline":true,"order":1},{"component":"dhaWorkflowDashboard","name":"dashboardExt","slot":"dha-workflow-dashboard-slot"},{"name":"registry-dashboard-link","component":"registryDashboardLink","slot":"homepage-dashboard-slot","meta":{"name":"registration","slot":"client-registry-dashboard-slot","title":"Registration"},"online":true,"offline":true,"order":0},{"component":"registryExtension","name":"registry","slot":"client-registry-dashboard-slot","privileges":["O3 View Client Registry Dashboard"]},{"name":"triage-dashboard-link","component":"triageDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View Triage Dashboard"],"meta":{"name":"triage","slot":"triage-queue-dashboard-slot","title":"Triage"},"online":true,"offline":false},{"component":"triageQueueExtension","name":"triage","slot":"triage-queue-dashboard-slot","privileges":["O3 View Triage Dashboard"]},{"name":"consultation-dashboard-link","component":"consultationDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View Consultation Dashboard"],"meta":{"name":"consultation","slot":"consultation-dashboard-slot","title":"Consultation"},"online":true,"offline":false},{"component":"consultationQueue","name":"consultation","slot":"consultation-dashboard-slot","privileges":["O3 View Consultation Dashboard"]},{"name":"mnch-dashboard-link","component":"mnchQueueDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View MNCH Dashboard"],"meta":{"name":"mnch","slot":"mnch-dashboard-slot","title":"MNCH"},"online":true,"offline":true},{"component":"MNCHRoot","name":"mnch","slot":"mnch-dashboard-slot","privileges":["O3 View MNCH Dashboard"]},{"name":"specialized-clinics-dashboard-link","component":"specializedClinicsDashboardLink","slot":"homepage-dashboard-slot","privileges":[],"meta":{"name":"specialized-clinics","slot":"specialized-clinics-dashboard-slot","title":"Specialized Clinics"},"online":true,"offline":true},{"component":"SpecializedClinicsRoot","name":"specialized-clinics","slot":"specialized-clinics-dashboard-slot","privileges":[]},{"name":"pharmacy-dashboard-link","component":"pharmacyDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View Pharmacy Dashboard"],"meta":{"name":"dispensing","slot":"dispensing-dashboard-slot","title":"Pharmacy"},"online":true,"offline":true},{"name":"bookings-dashboard-link","component":"bookingsDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View Bookings Dashboard"],"meta":{"name":"bookings","slot":"bookings-dashboard-slot","title":"Bookings"},"online":true,"offline":true},{"component":"bookings","name":"bookings","slot":"bookings-dashboard-slot","privileges":["O3 View Bookings Dashboard"]},{"name":"service-queue-admin-dashboard-link","component":"serviceQueuesAdminLink","privileges":["O3 View Service Queue Admin Panel"],"slot":"app-menu-slot","meta":{"name":"service-queue-admin","slot":"service-queue-admin-dashboard-slot","title":"Service Queue Admin"},"online":true,"offline":true},{"component":"serviceQueueAdmin","name":"service-queue-admin","slot":"service-queue-admin-dashboard-slot","privileges":["O3 View Service Queue Admin Panel"]},{"name":"admissions-dashboard-link","component":"admissionsDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View Admissions Dashboard"],"meta":{"name":"admissions-dashboard","slot":"admissions-dashboard-slot","title":"Admissions Dashboard"},"online":true,"offline":true},{"component":"admissionsDashboard","name":"admissions-dashboard","slot":"admissions-dashboard-slot","privileges":["O3 View Admissions Dashboard"]},{"component":"serviceQueueBannerComponent","name":"service-queue-banne","slot":"patient-banner-tags-slot"},{"name":"admissions-summary-dashboard","slot":"patient-chart-dashboard-slot","component":"patientChartAdmissionsLink","meta":{"slot":"patient-chart-admissions-summary-dashboard-slot","path":"Admissions","layoutMode":"anchored"},"online":true,"offline":true},{"name":"admission-details","slot":"patient-chart-admissions-summary-dashboard-slot","component":"patientAdmissionSummary","order":1,"meta":{"title":"Admissions","view":"admissions"},"online":true,"offline":true},{"name":"case-summary-dashboard","slot":"patient-chart-dashboard-slot","component":"caseSummaryLink","meta":{"slot":"patient-chart-case-summary-dashboard-slot","path":"case-summary","layoutMode":"anchored"},"online":true,"offline":true},{"name":"case-summary-details","slot":"patient-chart-case-summary-dashboard-slot","component":"caseSummary","order":1,"meta":{"title":"Visit Case Summary","view":"case-summary"},"online":true,"offline":true},{"name":"ampath-billing-dashboard-link","component":"billingDashboardLink","slot":"homepage-dashboard-slot","privileges":["O3 View Accounting Dashboard"],"meta":{"name":"billing","slot":"ampath-billing-dashboard-slot","title":"Accounting"},"online":true,"offline":true},{"component":"billingRoot","name":"billing","slot":"ampath-billing-dashboard-slot","privileges":["O3 View Accounting Dashboard"]},{"name":"ampath-billing-checkin-form","slot":"extra-visit-attribute-slot","component":"visitBillingForm"},{"name":"claims","slot":"billing-claims-slot","component":"claims"},{"name":"generate-order-bill-button-slot","slot":"generate-order-bill-button-slot","component":"generateOrderBillButton"}],"workspaces":[{"name":"create-order-bill-form-workspace","component":"createOrderBillFormWorkspace","title":"Create order Bill","type":"other-form"},{"name":"upload-intervention-attachments-workspace","title":"Upload Attachments","component":"uploadInterventionAttachmentsWorkspace","type":"upload-intervention-attachments","canHide":true,"canMaximize":true,"width":"narrow"},{"name":"generate-intervention-attachments-workspace","title":"GenerateAttachments","component":"generateInterventionAttachmentsWorkspace","type":"generate-intervention-attachments","canHide":true,"canMaximize":true,"width":"narrow"},{"name":"bill-item-payment-workspace","title":"Bill item payment","component":"billItemPaymentWorkspace","type":"bill-item-payment","canHide":true,"width":"narrow"},{"name":"add-claim-line-workspace","title":"Add claim line","component":"addClaimLineWorkspace","type":"add-claim-line","canHide":true,"width":"narrow"},{"name":"switch-intervention-workspace","title":"Switch Intervention","component":"switchInterventionWorkspace","type":"switch-intervention","canHide":true,"canMaximize":true,"width":"narrow"},{"name":"preauth-form-workspace","title":"Raise Preauth","component":"preauthFormWorkspace","type":"preauth-form","canHide":true,"canMaximize":true,"width":"wider"},{"name":"pay-cash-workspace","title":"Pay Cash","component":"payCashWorkspace","type":"workspace","canHide":true,"canMaximize":true,"width":"narrow"},{"name":"record-details-workspace","title":"Details","component":"recordDetailsWorkspace","type":"record-details","canHide":true,"canMaximize":true,"width":"wider"},{"name":"send-to-queue-workspace","title":"Initiate SHA claim","component":"sendToQueueWorkspace","type":"send-to-queue","canHide":true,"canMaximize":true,"width":"wider"}],"workspaces2":[{"name":"admissions-form-entry","component":"formEntryWorkspace","window":"admissions-form-window"}],"workspaceWindows2":[{"name":"admissions-form-window","group":"admissions-form-group","canMaximize":true,"width":"extra-wide"}],"workspaceGroups2":[{"name":"admissions-form-group","scopePattern":"/admissions-clinical-forms","persistence":"closable","overlay":false}],"modals":[{"name":"sign-off-queue-entry-modal","component":"signOffModal"}],"version":"4.0.0-claim-workflows.309"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ampath/esm-dha-workflow-app",
-  "version": "4.0.0-claim-workflows.308",
+  "version": "4.0.0-claim-workflows.309",
   "license": "MPL-2.0",
   "description": "An OpenMRS seed application for building microfrontends",
   "browser": "dist/esm-dha-workflow-app.js",

package/src/billing/billing-claims.resource.ts

@@ -824,14 +824,24 @@ export async function fetchFacilityBedOccupancy(locationUuid: string): Promise<B
   return data;
 }
 
-export async function fetchCaseSummary(patientUuid: string, locationUuid: string): Promise<VisitSummaryResponse> {
+export async function fetchCaseSummary(
+  locationUuid: string,
+  patientUuid: string = '124233ca-3b45-48cf-b396-8a25912bb1d3',
+): Promise<VisitSummaryResponse> {
   const { hieBaseUrl } = await getHieBaseUrl();
-  const url =
-    `https://kibana.ampath.or.ke/openmrs/hie/case-summary` +
-    `?patientUuid=${encodeURIComponent(patientUuid)}` +
-    `&locationUuid=${encodeURIComponent(locationUuid)}`;
-
-  const response = await openmrsFetch(url);
-  const data = await response.json();
-  return data ?? null;
+  try {
+    const url =
+      `${hieBaseUrl}/hie/case-summary` +
+      `?patientUuid=${encodeURIComponent(patientUuid)}` +
+      `&locationUuid=${encodeURIComponent(locationUuid)}`;
+
+    const response = await openmrsFetch(url);
+    const data = await response.json();
+    console.log('CASE SUMMARY RESPONSE DATA: ', data);
+    return data ?? null;
+  } catch (err) {
+    console.error(err);
+
+    throw new Error(err instanceof Error ? err.message : 'Unknown error occurred');
+  }
 }

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

@@ -1,5 +1,7 @@
-import React, { useState } from 'react';
+import React, { forwardRef, useState } from 'react';
 import styles from './case-summary.scss';
+import { fetchCaseSummary } from '../../../../../billing-claims.resource';
+import { useSession } from '@openmrs/esm-framework';
 
 const DEMO_PATIENT = {
   facility: 'Sample County Government',
@@ -121,14 +123,28 @@ function SectionBlock({ number, title, children }) {
   );
 }
 
-const CaseSummary = ({ patient = DEMO_PATIENT }) => {
-  const [caseSummary, setCaseSummary] = useState();
+interface CaseSummaryProps {
+  patient?: typeof DEMO_PATIENT;
+}
 
-  const fetchCaseSummary = async () => {};
+const CaseSummary = forwardRef<HTMLDivElement, CaseSummaryProps>(({ patient = DEMO_PATIENT }, ref) => {
   const p = patient;
+  const session = useSession();
+  const locationUuid = session?.sessionLocation?.uuid;
+
+  const [caseSummary, setCasesummary] = useState();
+
+  const getCaseSummary = async () => {
+    try {
+      const res = await fetchCaseSummary(locationUuid!, '');
+      console.log('RESULTS ONE: ', res);
+    } catch (err) {
+      console.log(err);
+    }
+  };
 
   return (
-    <div className={styles['cs-root']}>
+    <div className={styles['cs-root']} ref={ref}>
       <div className={styles['cs-shell']}>
         <header className={styles['cs-header']}>
           <div className={styles['cs-header-bar']} />
@@ -146,9 +162,7 @@ const CaseSummary = ({ patient = DEMO_PATIENT }) => {
         <div className={styles['cs-identity']}>
           <div className={styles['cs-field']}>
             <div className={styles['cs-field-label']}>Patient Name</div>
-            <div className={styles['cs-field-value']} cs-name-value>
-              {p.patientName}
-            </div>
+            <div className={`${styles['cs-field-value']} ${styles['cs-name-value']}`}>{p.patientName}</div>
           </div>
           <Field label="DOB" value={p.dob} />
           <Field label="Age / Gender" value={`${p.age}y · ${p.gender}`} />
@@ -303,6 +317,8 @@ const CaseSummary = ({ patient = DEMO_PATIENT }) => {
       </div>
     </div>
   );
-};
+});
+
+CaseSummary.displayName = 'CaseSummary';
 
 export default CaseSummary;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import styles from './dialysis-chart.scss';
 
 const DEMO_SESSION = {
@@ -118,11 +118,15 @@ function SectionBlock({ number, title, children }) {
   );
 }
 
-const DialysisChart: React.FC<{ session?: typeof DEMO_SESSION }> = ({ session = DEMO_SESSION }) => {
+interface DialysisChartProps {
+  session?: typeof DEMO_SESSION;
+}
+
+const DialysisChart = forwardRef<HTMLDivElement, DialysisChartProps>(({ session = DEMO_SESSION }, ref) => {
   const s = session;
 
   return (
-    <div className={styles['dc-root']}>
+    <div className={styles['dc-root']} ref={ref}>
       <div className={styles['dc-shell']}>
         <header className={styles['dc-header']}>
           <div className={styles['dc-header-bar']} />
@@ -260,6 +264,8 @@ const DialysisChart: React.FC<{ session?: typeof DEMO_SESSION }> = ({ session =
       </div>
     </div>
   );
-};
+});
+
+DialysisChart.displayName = 'DialysisChart';
 
 export default DialysisChart;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import styles from './general-discharge-summary.scss';
 
 const DEMO_SUMMARY = {
@@ -74,97 +74,105 @@ function SectionBlock({ number, title, children }) {
   );
 }
 
-const GeneralDischargeSummary = ({ summary = DEMO_SUMMARY }) => {
-  const s = summary;
+interface GeneralDischargeSummaryProps {
+  summary?: typeof DEMO_SUMMARY;
+}
 
-  return (
-    <div className={styles['ds-root']}>
-      <div className={styles['ds-shell']}>
-        <header className={styles['ds-header']}>
-          <div className={styles['ds-header-bar']} />
-          <div className={styles['ds-header-info']}>
-            <p className={styles['ds-org']}>{s.facility}</p>
-            <h1 className={styles['ds-title']}>Discharge Summary</h1>
-          </div>
-          <div className={styles['ds-meta-right']}>
-            Printed by {s.printedBy}
-            <br />
-            {s.printedAt}
-          </div>
-        </header>
+const GeneralDischargeSummary = forwardRef<HTMLDivElement, GeneralDischargeSummaryProps>(
+  ({ summary = DEMO_SUMMARY }, ref) => {
+    const s = summary;
 
-        <SectionBlock number="1" title="Patient Information">
-          <div className={styles['ds-field-grid']}>
-            <Field label="Patient Name" value={s.patient.name} />
-            <Field label="Patient ID" value={s.patient.patientId} />
-            <Field label="Date of Birth" value={s.patient.dob} />
-            <Field label="Gender" value={s.patient.gender} />
-            <Field label="National ID" value={s.patient.nationalId} />
-            <Field label="Hospital No" value={s.patient.hospitalNo} />
-            <Field label="Insurance No" value={s.patient.insuranceNo} />
-            <Field label="Mobile" value={s.patient.mobile} />
-          </div>
-        </SectionBlock>
+    return (
+      <div className={styles['ds-root']} ref={ref}>
+        <div className={styles['ds-shell']}>
+          <header className={styles['ds-header']}>
+            <div className={styles['ds-header-bar']} />
+            <div className={styles['ds-header-info']}>
+              <p className={styles['ds-org']}>{s.facility}</p>
+              <h1 className={styles['ds-title']}>Discharge Summary</h1>
+            </div>
+            <div className={styles['ds-meta-right']}>
+              Printed by {s.printedBy}
+              <br />
+              {s.printedAt}
+            </div>
+          </header>
 
-        <SectionBlock number="2" title="Admission Details">
-          <div className={styles['ds-field-grid']}>
-            <Field label="Admission Date" value={s.admission.admissionDate} />
-            <Field label="Discharge Date" value={s.admission.dischargeDate} />
-            <Field label="Status" value={s.admission.status} />
-            <Field label="Primary Doctor" value={s.admission.primaryDoctor} />
-            <Field label="Ward / Bed" value={s.admission.ward} />
-            <Field label="Admission Diagnosis" value={s.admission.admissionDiagnosis} />
-            <Field label="Inpatient Record" value={s.admission.inpatientRecord} />
-          </div>
-        </SectionBlock>
+          <SectionBlock number="1" title="Patient Information">
+            <div className={styles['ds-field-grid']}>
+              <Field label="Patient Name" value={s.patient.name} />
+              <Field label="Patient ID" value={s.patient.patientId} />
+              <Field label="Date of Birth" value={s.patient.dob} />
+              <Field label="Gender" value={s.patient.gender} />
+              <Field label="National ID" value={s.patient.nationalId} />
+              <Field label="Hospital No" value={s.patient.hospitalNo} />
+              <Field label="Insurance No" value={s.patient.insuranceNo} />
+              <Field label="Mobile" value={s.patient.mobile} />
+            </div>
+          </SectionBlock>
 
-        <SectionBlock number="3" title="Medical Data">
-          <div className={styles['ds-field-grid']}>
-            <Field label="Discharge Diagnosis" value={s.clinical.dischargeDiagnosis} />
-            <Field label="Other Conditions" value={s.clinical.otherConditions} />
-            <Field label="Clinical Findings" value={s.clinical.findings} />
-            <Field label="Treatment" value={s.clinical.treatment} />
-            <Field label="Operations / Procedures" value={s.clinical.operations} />
-            <Field label="Laboratory Findings" value={s.clinical.labFindings} />
-            <Field label="Imaging Findings" value={s.clinical.imagingFindings} />
-            <Field label="Referrals / Other Instructions" value={s.clinical.referrals} />
-          </div>
-        </SectionBlock>
+          <SectionBlock number="2" title="Admission Details">
+            <div className={styles['ds-field-grid']}>
+              <Field label="Admission Date" value={s.admission.admissionDate} />
+              <Field label="Discharge Date" value={s.admission.dischargeDate} />
+              <Field label="Status" value={s.admission.status} />
+              <Field label="Primary Doctor" value={s.admission.primaryDoctor} />
+              <Field label="Ward / Bed" value={s.admission.ward} />
+              <Field label="Admission Diagnosis" value={s.admission.admissionDiagnosis} />
+              <Field label="Inpatient Record" value={s.admission.inpatientRecord} />
+            </div>
+          </SectionBlock>
 
-        <SectionBlock number="4" title="Medications Prescribed During Admission">
-          <table className={styles['ds-table']}>
-            <thead>
-              <tr>
-                <th>Drug</th>
-                <th>Dose</th>
-                <th>Period</th>
-                <th>Notes</th>
-              </tr>
-            </thead>
-            <tbody>
-              {s.medications.map((m, i) => (
-                <tr key={i}>
-                  <td className={styles['ds-drug-name']}>{m.drug}</td>
-                  <td>{m.dose}</td>
-                  <td>{m.period}</td>
-                  <td className={styles['ds-drug-notes']}>{m.notes}</td>
+          <SectionBlock number="3" title="Medical Data">
+            <div className={styles['ds-field-grid']}>
+              <Field label="Discharge Diagnosis" value={s.clinical.dischargeDiagnosis} />
+              <Field label="Other Conditions" value={s.clinical.otherConditions} />
+              <Field label="Clinical Findings" value={s.clinical.findings} />
+              <Field label="Treatment" value={s.clinical.treatment} />
+              <Field label="Operations / Procedures" value={s.clinical.operations} />
+              <Field label="Laboratory Findings" value={s.clinical.labFindings} />
+              <Field label="Imaging Findings" value={s.clinical.imagingFindings} />
+              <Field label="Referrals / Other Instructions" value={s.clinical.referrals} />
+            </div>
+          </SectionBlock>
+
+          <SectionBlock number="4" title="Medications Prescribed During Admission">
+            <table className={styles['ds-table']}>
+              <thead>
+                <tr>
+                  <th>Drug</th>
+                  <th>Dose</th>
+                  <th>Period</th>
+                  <th>Notes</th>
                 </tr>
-              ))}
-            </tbody>
-          </table>
-        </SectionBlock>
+              </thead>
+              <tbody>
+                {s.medications.map((m, i) => (
+                  <tr key={i}>
+                    <td className={styles['ds-drug-name']}>{m.drug}</td>
+                    <td>{m.dose}</td>
+                    <td>{m.period}</td>
+                    <td className={styles['ds-drug-notes']}>{m.notes}</td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </SectionBlock>
 
-        <SectionBlock number="5" title="Post-Discharge Instructions">
-          <div className={styles['ds-outcome']}>
-            Patient discharged in <strong>{s.outcome.condition}</strong>.
-          </div>
-          <Field label="Attending Doctor" value={s.outcome.attendingDoctor} />
-        </SectionBlock>
+          <SectionBlock number="5" title="Post-Discharge Instructions">
+            <div className={styles['ds-outcome']}>
+              Patient discharged in <strong>{s.outcome.condition}</strong>.
+            </div>
+            <Field label="Attending Doctor" value={s.outcome.attendingDoctor} />
+          </SectionBlock>
 
-        <div className={styles['ds-footer']}>Confidential — For authorized clinical use only</div>
+          <div className={styles['ds-footer']}>Confidential — For authorized clinical use only</div>
+        </div>
       </div>
-    </div>
-  );
-};
+    );
+  },
+);
+
+GeneralDischargeSummary.displayName = 'GeneralDischargeSummary';
 
 export default GeneralDischargeSummary;

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

@@ -14,6 +14,9 @@ import jsPDF from 'jspdf';
 import html2canvas from 'html2canvas';
 import { sendClaimAttachment } from '../../../../../registry/hie.resource';
 import FinalBillComponent from './final-bill.component';
+import CaseSummary from './case-summary/case-summary';
+import DialysisChart from './dialysis/dialysis-chart';
+import GeneralDischargeSummary from './general-discharge-summary/general-discharge-summary';
 
 interface GenerateAttachmentsProps extends DefaultWorkspaceProps {
   claimInterventions: VisitIntervention;
@@ -50,6 +53,7 @@ const GenerateAttachments: React.FC<GenerateAttachmentsProps> = ({
   const finalBillRef = useRef<HTMLDivElement>(null);
   const dialysisRef = useRef<HTMLDivElement>(null);
   const caseSummaryRef = useRef<HTMLDivElement>(null);
+  const generalDischargeSummary = useRef<HTMLDivElement>(null);
 
   if (!claimInterventions) return null;
 
@@ -149,7 +153,7 @@ const GenerateAttachments: React.FC<GenerateAttachmentsProps> = ({
 
     switch (document.name) {
       case 'INVOICE':
-        element = invoiceRef.current;
+        element = caseSummaryRef.current;
         break;
 
       case 'FINAL_BILL':
@@ -157,7 +161,17 @@ const GenerateAttachments: React.FC<GenerateAttachmentsProps> = ({
         break;
 
       case 'DISCHARGE_SUMMARY':
-        element = dischargeRef.current;
+        element = generalDischargeSummary.current;
+        break;
+
+      case 'CASE_SUMMARY':
+        element = caseSummaryRef.current;
+        break;
+      case 'DIALYSIS_CHART':
+        element = dialysisRef.current;
+        break;
+      case 'GENERAL_DISCHARGE_SUMMARY':
+        element = generalDischargeSummary.current;
         break;
 
       default:
@@ -307,6 +321,9 @@ const GenerateAttachments: React.FC<GenerateAttachmentsProps> = ({
         <DischargeSummaryComponent ref={dischargeRef} claimIntervention={claimInterventions} bill={bill} />
 
         <FinalBillComponent ref={finalBillRef} bill={bill} />
+        <CaseSummary ref={caseSummaryRef} />
+        <DialysisChart ref={dialysisRef} />
+        <GeneralDischargeSummary ref={generalDischargeSummary} />
       </div>
     </>
   );