feat(ClaimStatus) - Schema updated, hence changes made in backend, frontend

apps/Frontend/src/App.tsx

@@ -17,8 +17,8 @@ const PatientsPage = lazy(() => import("./pages/patients-page"));
 const SettingsPage = lazy(() => import("./pages/settings-page"));
 const ClaimsPage = lazy(() => import("./pages/claims-page"));
 const PaymentsPage = lazy(() => import("./pages/payments-page"));
-const EligibilityClaimStatusPage = lazy(
-  () => import("./pages/eligibility-claim-status-page")
+const InsuranceStatusPage = lazy(
+  () => import("./pages/insurance-status-page")
 );
 const DocumentPage = lazy(() => import("./pages/documents-page"));
 const DatabaseManagementPage = lazy(
@@ -41,8 +41,8 @@ function Router() {
       <ProtectedRoute path="/settings" component={() => <SettingsPage />} />
       <ProtectedRoute path="/claims" component={() => <ClaimsPage />} />
       <ProtectedRoute
-        path="/eligibility-claim-status"
-        component={() => <EligibilityClaimStatusPage />}
+        path="/insurance-status"
+        component={() => <InsuranceStatusPage />}
       />
       <ProtectedRoute path="/payments" component={() => <PaymentsPage />} />
       <ProtectedRoute path="/documents" component={() => <DocumentPage />} />

apps/Frontend/src/components/layout/sidebar.tsx

@@ -38,7 +38,7 @@ export function Sidebar() {
       },
       {
         name: "Eligibility/Claim Status",
-        path: "/eligibility-claim-status",
+        path: "/insurance-status",
         icon: <Shield className="h-5 w-5" />,
       },
       {

apps/Frontend/src/pages/documents-page.tsx

@@ -137,26 +137,28 @@ export default function DocumentsPage() {
             </CardHeader>
             <CardContent className="space-y-2">
               {groups.length === 0 ? (
-                <p className="text-muted-foreground">
+                <p className="text-sm text-muted-foreground">
                   No groups found for this patient.
                 </p>
               ) : (
-                groups.map((group: any) => (
-                  <Button
-                    key={group.id}
-                    variant={
-                      group.id === selectedGroupId ? "default" : "outline"
-                    }
-                    onClick={() =>
-                      setSelectedGroupId((prevId) =>
-                        prevId === group.id ? null : group.id
-                      )
-                    }
-                  >
-                    <FolderOpen className="w-4 h-4 mr-2" />
-                    Group - {group.title}
-                  </Button>
-                ))
+                <div className="flex flex-col gap-2">
+                  {groups.map((group: any) => (
+                    <Button
+                      key={group.id}
+                      variant={
+                        group.id === selectedGroupId ? "default" : "outline"
+                      }
+                      onClick={() =>
+                        setSelectedGroupId((prevId) =>
+                          prevId === group.id ? null : group.id
+                        )
+                      }
+                    >
+                      <FolderOpen className="w-4 h-4 mr-2" />
+                      Group - {group.title}
+                    </Button>
+                  ))}
+                </div>
               )}
             </CardContent>
           </Card>

apps/Frontend/src/pages/insurance-status-page.tsx

@@ -35,12 +35,14 @@ export default function EligibilityClaimStatusPage() {
   );
   const [selectedPatient, setSelectedPatient] = useState<Patient | null>(null);
 
-  // Insurance eligibility check form fields
+  // Insurance eligibility and claim check form fields
   const [memberId, setMemberId] = useState("");
   const [dateOfBirth, setDateOfBirth] = useState<Date | null>(null);
   const [firstName, setFirstName] = useState("");
   const [lastName, setLastName] = useState("");
-  const [isCheckingEligibility, setIsCheckingEligibility] = useState(false);
+  const [isCheckingEligibilityStatus, setIsCheckingEligibilityStatus] =
+    useState(false);
+  const [isCheckingClaimStatus, setIsCheckingClaimStatus] = useState(false);
 
   // Populate fields from selected patient
   useEffect(() => {
@@ -95,8 +97,8 @@ export default function EligibilityClaimStatusPage() {
     },
   });
 
-  // handle selenium
-  const handleSelenium = async () => {
+  // handle eligibility selenium
+  const handleEligibilityCheckSelenium = async () => {
     const formattedDob = dateOfBirth ? formatLocalDate(dateOfBirth) : "";
 
     const data = {
@@ -113,7 +115,7 @@ export default function EligibilityClaimStatusPage() {
       );
       const response = await apiRequest(
         "POST",
-        "/api/insuranceEligibility/check",
+        "/api/insurance-status/eligibility-check",
         { data: JSON.stringify(data) }
       );
       const result = await response.json();
@@ -148,6 +150,59 @@ export default function EligibilityClaimStatusPage() {
     }
   };
 
+  // Claim Status Check Selenium
+  const handleStatusCheckSelenium = async () => {
+    const formattedDob = dateOfBirth ? formatLocalDate(dateOfBirth) : "";
+
+    const data = {
+      memberId,
+      dateOfBirth: formattedDob,
+      insuranceSiteKey: "MH",
+    };
+    try {
+      dispatch(
+        setTaskStatus({
+          status: "pending",
+          message: "Sending Data to Selenium...",
+        })
+      );
+      const response = await apiRequest(
+        "POST",
+        "/api/insurance-status/claim-status-check",
+        { data: JSON.stringify(data) }
+      );
+      const result = await response.json();
+      if (result.error) throw new Error(result.error);
+
+      dispatch(
+        setTaskStatus({
+          status: "success",
+          message:
+            "Claim status is updated, and its pdf is uploaded at Document Page.",
+        })
+      );
+
+      toast({
+        title: "Selenium service done.",
+        description:
+          "Your Claim Status is fetched and updated, Kindly search through the patient.",
+        variant: "default",
+      });
+    } catch (error: any) {
+      dispatch(
+        setTaskStatus({
+          status: "error",
+          message: error.message || "Selenium submission failed",
+        })
+      );
+      toast({
+        title: "Selenium service error",
+        description: error.message || "An error occurred.",
+        variant: "destructive",
+      });
+    }
+  };
+
   const handleAddPatient = async () => {
     const newPatient: InsertPatient = {
       firstName,
@@ -162,8 +217,8 @@ export default function EligibilityClaimStatusPage() {
     await addPatientMutation.mutateAsync(newPatient);
   };
 
-  // Handle insurance provider button clicks
-  const handleMHButton = async () => {
+  // Handle insurance provider eligibility button clicks
+  const handleMHEligibilityButton = async () => {
     // Form Fields check
     if (!memberId || !dateOfBirth || !firstName) {
       toast({
@@ -175,7 +230,7 @@ export default function EligibilityClaimStatusPage() {
       return;
     }
 
-    setIsCheckingEligibility(true);
+    setIsCheckingEligibilityStatus(true);
 
     // Adding patient if same patient exists then it will skip.
     try {
@@ -183,11 +238,40 @@ export default function EligibilityClaimStatusPage() {
         await handleAddPatient();
       }
 
-      await handleSelenium();
+      await handleEligibilityCheckSelenium();
 
       await queryClient.invalidateQueries({ queryKey: QK_PATIENTS_BASE });
     } finally {
-      setIsCheckingEligibility(false);
+      setIsCheckingEligibilityStatus(false);
+    }
+  };
+
+  // Handle insurance provider Status Check button clicks
+  const handleMHStatusButton = async () => {
+    // Form Fields check
+    if (!memberId || !dateOfBirth || !firstName) {
+      toast({
+        title: "Missing Fields",
+        description:
+          "Please fill in all the required fields: Member ID, Date of Birth, First Name.",
+        variant: "destructive",
+      });
+      return;
+    }
+
+    setIsCheckingClaimStatus(true);
+
+    // Adding patient if same patient exists then it will skip.
+    try {
+      if (!selectedPatient) {
+        await handleAddPatient();
+      }
+
+      await handleStatusCheckSelenium();
+
+      await queryClient.invalidateQueries({ queryKey: QK_PATIENTS_BASE });
+    } finally {
+      setIsCheckingClaimStatus(false);
     }
   };
 
@@ -258,13 +342,13 @@ export default function EligibilityClaimStatusPage() {
               </div>
             </div>
 
-            <div>
+            <div className="flex flex-col-2 gap-4">
               <Button
-                onClick={() => handleMHButton()}
+                onClick={() => handleMHEligibilityButton()}
                 className="w-full"
-                disabled={isCheckingEligibility}
+                disabled={isCheckingEligibilityStatus}
               >
-                {isCheckingEligibility ? (
+                {isCheckingEligibilityStatus ? (
                   <>
                     <LoaderCircleIcon className="h-4 w-4 mr-2 animate-spin" />
                     Processing...
@@ -272,7 +356,25 @@ export default function EligibilityClaimStatusPage() {
                 ) : (
                   <>
                     <CheckCircle className="h-4 w-4 mr-2" />
-                    MH Eligibility
+                    MH Eligibility Check
+                  </>
+                )}
+              </Button>
+
+              <Button
+                onClick={() => handleMHStatusButton()}
+                className="w-full"
+                disabled={isCheckingClaimStatus}
+              >
+                {isCheckingClaimStatus ? (
+                  <>
+                    <LoaderCircleIcon className="h-4 w-4 mr-2 animate-spin" />
+                    Processing...
+                  </>
+                ) : (
+                  <>
+                    <CheckCircle className="h-4 w-4 mr-2" />
+                    MH Status Check
                   </>
                 )}
               </Button>