Issues/8683/lab orders old

package.json

@@ -58,12 +58,17 @@
     "@hello-pangea/dnd": "^17.0.0",
     "@pnotify/core": "^5.2.0",
     "@pnotify/mobile": "^5.2.0",
+    "@radix-ui/react-checkbox": "^1.1.2",
+    "@radix-ui/react-collapsible": "^1.1.1",
     "@radix-ui/react-dialog": "^1.1.4",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-icons": "^1.3.2",
     "@radix-ui/react-label": "^2.1.1",
     "@radix-ui/react-popover": "^1.1.2",
+    "@radix-ui/react-radio-group": "^1.2.1",
     "@radix-ui/react-scroll-area": "^1.2.0",
+    "@radix-ui/react-select": "^2.1.2",
+    "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.1",
     "@radix-ui/react-toast": "^1.2.2",
     "@radix-ui/react-tooltip": "^1.1.6",

public/locale/en.json

@@ -890,6 +890,7 @@
   "is_upshift_case": "Is upshift case",
   "is_vaccinated": "Whether vaccinated",
   "kasp_enabled_date": "{{kasp_string}} enabled date",
+  "lab_tests": "Lab Tests",
   "label": "Label",
   "landline": "Indian landline",
   "language_selection": "Language Selection",

src/Routers/AppRouter.tsx

@@ -22,6 +22,7 @@ import { BLACKLISTED_PATHS } from "@/common/constants";
 import AssetRoutes from "@/Routers/routes/AssetRoutes";
 import ConsultationRoutes from "@/Routers/routes/ConsultationRoutes";
 import FacilityRoutes from "@/Routers/routes/FacilityRoutes";
+import LabTestRoutes from "@/Routers/routes/LabTestRoutes";
 import PatientRoutes from "@/Routers/routes/PatientRoutes";
 import ResourceRoutes from "@/Routers/routes/ResourceRoutes";
 import ShiftingRoutes from "@/Routers/routes/ShiftingRoutes";
@@ -47,6 +48,7 @@ const Routes: AppRoutes = {
 
   ...AssetRoutes,
   ...ConsultationRoutes,
+  ...LabTestRoutes,
   ...FacilityRoutes,
   ...PatientRoutes,
   ...ResourceRoutes,

src/Routers/routes/LabTestRoutes.tsx

@@ -0,0 +1,29 @@
+import { CollectSpecimen } from "@/components/LabTest/CollectSpecimen";
+import { LabTest } from "@/components/LabTest/Index";
+import { ProcessSpecimen } from "@/components/LabTest/ProcessSpecimen";
+import { ReceiveSpecimen } from "@/components/LabTest/ReceiveSpecimen";
+import { ReviewResult } from "@/components/LabTest/ReviewResult";
+import { SendSpecimen } from "@/components/LabTest/SendSpecimen";
+
+import { AppRoutes } from "@/Routers/AppRouter";
+
+const LabTestRoutes: AppRoutes = {
+  "/lab_tests/process": () => <ProcessSpecimen />,
+  "/lab_tests/:specimenId/process": ({ specimenId }) => (
+    <ProcessSpecimen specimenId={specimenId} />
+  ),
+  "/lab_tests/send_to_lab": () => <SendSpecimen />,
+  "/lab_tests/receive_at_lab": () => <ReceiveSpecimen />,
+  "/lab_tests/:tab": () => <LabTest />,
+  "/lab_tests/:specimenId/collect": ({ specimenId }) => (
+    <CollectSpecimen specimenId={specimenId} />
+  ),
+  "/lab_tests/:diagnosticReportId/review": ({ diagnosticReportId }) => (
+    <ReviewResult diagnosticReportId={diagnosticReportId} />
+  ),
+  "/lab_tests/:diagnosticReportId/result": ({ diagnosticReportId }) => (
+    <ReviewResult diagnosticReportId={diagnosticReportId} />
+  ),
+};
+
+export default LabTestRoutes;

src/Utils/badgeUtils.ts

@@ -0,0 +1,16 @@
+import { BadgeProps } from "@/components/ui/badge";
+
+/**
+ * Dynamically maps keys to Badge variants using a provided mapping object.
+ *
+ * @param key - The key to map (e.g., "routine", "asap").
+ * @param mapping - The mapping object that links keys to Badge variants.
+ * @param defaultVariant - A fallback variant to use if the key is not found.
+ */
+export const mapKeyToBadgeVariant = (
+  key: string | undefined,
+  mapping: Record<string, BadgeProps["variant"]>,
+  defaultVariant: BadgeProps["variant"] = "default",
+): BadgeProps["variant"] => {
+  return mapping[key?.toLowerCase() || ""] || defaultVariant;
+};

src/Utils/request/api.tsx

@@ -57,6 +57,14 @@ import {
 } from "@/components/Facility/models";
 import { InsurerOptionModel } from "@/components/HCX/InsurerAutocomplete";
 import { HCXPolicyModel } from "@/components/HCX/models";
+import {
+  Annotation,
+  Coding,
+  DiagnosticReport,
+  Observation,
+  ServiceRequest,
+  Specimen,
+} from "@/components/LabTest/types";
 import { MedibaseMedicine, Prescription } from "@/components/Medicine/models";
 import {
   NotificationData,
@@ -96,6 +104,19 @@ export interface LoginCredentials {
   password: string;
 }
 
+export interface ValuesetExpandBody {
+  search?: string;
+  count?: number;
+}
+
+export interface ValuesetExpandResponse {
+  results: {
+    code: string;
+    display: string;
+    system: string;
+  }[];
+}
+
 const routes = {
   // Auth Endpoints
   login: {
@@ -1255,6 +1276,148 @@ const routes = {
       },
     },
   },
+
+  labs: {
+    labOrderCodes: {
+      method: "POST",
+      path: "/api/v1/valueset/system-lab-order-code/expand/",
+      TBody: Type<ValuesetExpandBody>(),
+      TRes: Type<ValuesetExpandResponse>(),
+    },
+
+    serviceRequest: {
+      create: {
+        method: "POST",
+        path: "/api/v1/service_request/",
+        TBody: Type<{
+          code: Coding;
+          subject: string;
+          encounter: string;
+          priority?: ServiceRequest["priority"];
+          note?: Annotation[];
+        }>(),
+        TRes: Type<ServiceRequest>(),
+      },
+      list: {
+        method: "GET",
+        path: "/api/v1/service_request/",
+        TRes: Type<PaginatedResponse<ServiceRequest>>(),
+      },
+    },
+
+    specimen: {
+      list: {
+        method: "GET",
+        path: "/api/v1/specimen/",
+        TRes: Type<PaginatedResponse<Specimen>>(),
+      },
+      get: {
+        method: "GET",
+        path: "/api/v1/specimen/{id}/",
+        TRes: Type<Specimen>(),
+      },
+      collect: {
+        method: "POST",
+        path: "/api/v1/specimen/{id}/collect/",
+        TBody: Type<{
+          identifier?: string;
+        }>(),
+        TRes: Type<Specimen>(),
+      },
+      sendToLab: {
+        method: "POST",
+        path: "/api/v1/specimen/{id}/send_to_lab/",
+        TBody: Type<{
+          lab?: string;
+        }>(),
+        TRes: Type<Specimen>(),
+      },
+      ReceiveAtLab: {
+        method: "POST",
+        path: "/api/v1/specimen/{id}/receive_at_lab/",
+        TBody: Type<{
+          accession_identifier?: string;
+          note?: Annotation;
+          condition?: Coding;
+        }>(),
+        TRes: Type<Specimen>(),
+      },
+      process: {
+        method: "POST",
+        path: "/api/v1/specimen/{id}/process/",
+        TBody: Type<{
+          process: {
+            description?: string;
+            method?: Coding;
+          }[];
+        }>(),
+        TRes: Type<Specimen>(),
+      },
+    },
+
+    diagnosticReport: {
+      create: {
+        method: "POST",
+        path: "/api/v1/diagnostic_report/",
+        TBody: Type<{
+          based_on: string;
+          specimen: string[];
+        }>(),
+        TRes: Type<DiagnosticReport>(),
+      },
+      observations: {
+        method: "POST",
+        path: "/api/v1/diagnostic_report/{id}/observations/",
+        TBody: Type<{
+          observations: {
+            id: string;
+            status: Observation["status"];
+            main_code: Coding;
+            value: string;
+            subject_type: "patient";
+            effective_datetime: string;
+            data_entered_by_id: number;
+            note: string;
+          }[];
+        }>(),
+        TRes: Type<DiagnosticReport>(),
+      },
+      get: {
+        method: "GET",
+        path: "/api/v1/diagnostic_report/{id}/",
+        TRes: Type<DiagnosticReport>(),
+      },
+      list: {
+        method: "GET",
+        path: "/api/v1/diagnostic_report/",
+        TRes: Type<PaginatedResponse<DiagnosticReport>>(),
+      },
+      verify: {
+        method: "POST",
+        path: "/api/v1/diagnostic_report/{id}/verify/",
+        TBody: Type<{
+          is_approved: boolean;
+        }>(),
+        TRes: Type<DiagnosticReport>(),
+      },
+      review: {
+        method: "POST",
+        path: "/api/v1/diagnostic_report/{id}/review/",
+        TBody: Type<{
+          is_approved: boolean;
+          conclusion?: string;
+        }>(),
+        TRes: Type<DiagnosticReport>(),
+      },
+    },
+
+    labObservationCodes: {
+      method: "POST",
+      path: "/api/v1/valueset/system-lab-order-code/expand/", // TODO: change this to more appropriate path
+      TBody: Type<ValuesetExpandBody>(),
+      TRes: Type<ValuesetExpandResponse>(),
+    },
+  },
 } as const;
 
 export default routes;

src/components/Common/ResultTable.tsx

@@ -0,0 +1,56 @@
+import React from "react";
+
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+
+interface Column {
+  key: string;
+  label: string;
+  headerClass?: string; // Optional
+}
+
+interface ResultTableProps {
+  columns: Column[];
+  data: Array<{ [key: string]: React.ReactNode }>;
+}
+
+export const ResultTable: React.FC<ResultTableProps> = ({ columns, data }) => {
+  return (
+    <div className="overflow-x-auto w-full rounded-md border-[1.5px] border-gray-300">
+      <Table className="w-full border-separate border-spacing-0 bg-white shadow-sm">
+        <TableHeader className="bg-gray-100 rounded-lg">
+          <TableRow className="divide-x-[1.5px] divide-solid divide-gray-300">
+            {columns.map((col) => (
+              <TableHead
+                key={col.key}
+                className={`${col.headerClass || "text-sm text-gray-900"}`}
+              >
+                {col.label}
+              </TableHead>
+            ))}
+          </TableRow>
+        </TableHeader>
+        <TableBody className="bg-white">
+          {data.map((row, i) => (
+            <TableRow
+              key={i}
+              className="divide-x-[1.5px] divide-solid divide-gray-300"
+            >
+              {columns.map((col) => (
+                <TableCell key={col.key} className="text-sm text-gray-700">
+                  {row[col.key]}
+                </TableCell>
+              ))}
+            </TableRow>
+          ))}
+        </TableBody>
+      </Table>
+    </div>
+  );
+};