Abdm M3

package.json

@@ -73,6 +73,7 @@
     "echarts-for-react": "^3.0.2",
     "eslint-mdx": "^3.1.5",
     "events": "^3.3.0",
+    "hi-profiles": "^1.0.6",
     "i18next": "^23.2.7",
     "i18next-browser-languagedetector": "^7.1.0",
     "lodash-es": "^4.17.21",

src/Common/constants.tsx

@@ -707,6 +707,7 @@ export const CONSULTATION_TABS: Array<OptionsType> = [
   { id: 10, text: "NUTRITION", desc: "Nutrition" },
   { id: 11, text: "PRESSURE_SORE", desc: "Pressure Sore" },
   { id: 12, text: "DIALYSIS", desc: "Dialysis" },
+  { id: 14, text: "ABDM", desc: "ABDM Records" },
 ];
 
 export const RHYTHM_CHOICES: Array<OptionsType> = [
@@ -1032,6 +1033,26 @@ export const XLSXAssetImportSchema = {
   },
 };
 
+// ABDM
+export const ABDM_CONSENT_PURPOSE = [
+  { value: "CAREMGT", label: "Care Management" },
+  { value: "BTG", label: "Break The Glass" },
+  { value: "PUBHLTH", label: "Public Health" },
+  { value: "HPAYMT", label: "Healthcare Payment" },
+  { value: "DSRCH", label: "Disease Specific Healthcare Research" },
+  { value: "PATRQT", label: "Self Requested" },
+];
+
+export const ABDM_HI_TYPE = [
+  { value: "Prescription", label: "Prescription" },
+  { value: "DiagnosticReport", label: "Diagnostic Report" },
+  { value: "OPConsultation", label: "Op Consultation" },
+  { value: "DischargeSummary", label: "Discharge Summary" },
+  { value: "ImmunizationRecord", label: "Immunization Record" },
+  { value: "HealthDocumentRecord", label: "Record Artifact" },
+  { value: "WellnessRecord", label: "Wellness Record" },
+];
+
 export const USER_TYPES_MAP = {
   Pharmacist: "Pharmacist",
   Volunteer: "Volunteer",

src/Components/ABDM/ABDMFacilityRecords.tsx

@@ -0,0 +1,166 @@
+import { Link } from "raviger";
+import routes from "../../Redux/api";
+import useQuery from "../../Utils/request/useQuery";
+import { formatDateTime } from "../../Utils/utils";
+import Loading from "../Common/Loading";
+import Page from "../Common/components/Page";
+
+interface IProps {
+  facilityId: string;
+}
+
+const TableHeads = [
+  "Patient",
+  "Status",
+  "Created On",
+  "Consent Granted On",
+  // "Requested By",
+  "Health Information Range",
+  "Expires On",
+  "HI Profiles",
+];
+
+export default function ABDMFacilityRecords({ facilityId }: IProps) {
+  const { data: consentsResult, loading } = useQuery(routes.listConsents, {
+    query: { facility: facilityId, ordering: "-created_date" },
+  });
+
+  if (loading) {
+    return <Loading />;
+  }
+
+  return (
+    <Page title="Patient Consent List">
+      <div className="px-4 sm:px-6 lg:px-8">
+        <div className="sm:flex sm:items-center"></div>
+        <div className="mt-8 flow-root">
+          <div className="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
+            <div className="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
+              {/* eslint-disable-next-line tailwindcss/migration-from-tailwind-2 */}
+              <div className="overflow-hidden shadow ring-1 ring-black ring-opacity-5  sm:rounded-lg">
+                <table className="min-w-full table-fixed divide-y divide-gray-300">
+                  <thead className="bg-gray-50">
+                    <tr>
+                      {TableHeads.map((head) => (
+                        <th
+                          scope="col"
+                          className="px-3 py-3.5 text-center text-sm font-semibold text-gray-900"
+                        >
+                          {head}
+                        </th>
+                      ))}
+                      <th
+                        scope="col"
+                        className="sticky right-0 top-0 py-3.5 pl-3 pr-4 sm:pr-6"
+                      >
+                        <span className="sr-only">View</span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody className="divide-y divide-gray-200 bg-white">
+                    {consentsResult?.results.map((consent) => (
+                      <tr key={consent.id}>
+                        <td className="px-3 py-4 text-center text-sm">
+                          {consent.patient_abha_object?.name}
+                          <p className="text-gray-600">
+                            ({consent.patient_abha})
+                          </p>
+                        </td>
+
+                        <td className="px-3 py-4 text-center text-sm capitalize">
+                          {new Date(
+                            consent.consent_artefacts?.[0]?.expiry ??
+                              consent.expiry
+                          ) < new Date()
+                            ? "EXPIRED"
+                            : consent.consent_artefacts?.[0]?.status ??
+                              consent.status}
+                        </td>
+
+                        <td className="px-3 py-4 text-center text-sm">
+                          {formatDateTime(consent.created_date)}
+                        </td>
+
+                        <td className="px-3 py-4 text-center text-sm">
+                          {consent.consent_artefacts.length
+                            ? formatDateTime(
+                                consent.consent_artefacts[0].created_date
+                              )
+                            : "-"}
+                        </td>
+
+                        {/* <td className="px-3 py-4 text-center text-sm">
+                          {`${consent.requester?.first_name} ${consent.requester?.last_name}`.trim()}
+                          <p className="text-gray-600">
+                            ({consent.requester.username})
+                          </p>
+                        </td> */}
+
+                        <td className="px-3 py-4 text-center text-sm">
+                          {formatDateTime(
+                            consent.consent_artefacts?.[0]?.from_time ??
+                              consent.from_time
+                          )}{" "}
+                          <br />
+                          {formatDateTime(
+                            consent.consent_artefacts?.[0]?.to_time ??
+                              consent.to_time
+                          )}
+                        </td>
+
+                        <td className="px-3 py-4 text-center text-sm">
+                          {formatDateTime(
+                            consent.consent_artefacts?.[0]?.expiry ??
+                              consent.expiry
+                          )}
+                        </td>
+
+                        <td className="px-3 py-4 text-center text-sm">
+                          <div className="flex flex-wrap items-center justify-center">
+                            {(
+                              consent.consent_artefacts?.[0]?.hi_types ??
+                              consent.hi_types
+                            )?.map((hiType) => (
+                              <span className="mb-2 mr-2 rounded-full bg-gray-100 px-2 py-1 text-xs font-medium text-gray-600">
+                                {hiType}
+                              </span>
+                            ))}
+                          </div>
+                        </td>
+
+                        <td className="sticky right-0 whitespace-nowrap bg-white py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
+                          <div className="flex flex-col items-center justify-center gap-2">
+                            {(consent.consent_artefacts?.[0]?.status ??
+                              consent.status) === "GRANTED" &&
+                            new Date(
+                              consent.consent_artefacts?.[0]?.expiry ??
+                                consent.expiry
+                            ) > new Date() ? (
+                              <Link
+                                key={consent.id}
+                                href={`/abdm/health-information/${consent.id}`}
+                                className={
+                                  "cursor-pointer text-primary-600 hover:text-primary-900"
+                                }
+                              >
+                                View
+                              </Link>
+                            ) : (
+                              <p className="cursor-not-allowed text-gray-600 opacity-70 ">
+                                View
+                              </p>
+                            )}
+                          </div>
+                        </td>
+                      </tr>
+                    ))}
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </Page>
+  );
+}