Merge branch 'feature-pdfExtraction' into dev_replit_v2

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

@@ -31,6 +31,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
+import useExtractPdfData from "@/hooks/use-extractPdfData";
 
 const PatientSchema = (
   PatientUncheckedCreateInputObjectSchema as unknown as z.ZodObject<any>
@@ -85,6 +86,9 @@ export default function PatientsPage() {
   const [uploadedFile, setUploadedFile] = useState<File | null>(null);
   const [isUploading, setIsUploading] = useState(false);
   const [isExtracting, setIsExtracting] = useState(false);
+  const [formData, setFormData] = useState({ PatientName: "", PatientMemberId: "", PatientDob:"" });
+  const { mutate: extractPdf} = useExtractPdfData();
+
 
   // Fetch patients
   const {
@@ -240,10 +244,7 @@ export default function PatientsPage() {
     }
   };
 
-  const isLoading =
-    isLoadingPatients ||
-    addPatientMutation.isPending ||
-    updatePatientMutation.isPending;
+  const isLoading = isLoadingPatients || addPatientMutation.isPending || updatePatientMutation.isPending;
 
   // Search handling
   const handleSearch = (criteria: SearchCriteria) => {
@@ -254,18 +255,6 @@ export default function PatientsPage() {
     setSearchCriteria(null);
   };
 
-  // File upload handling
-  const handleFileUpload = (file: File) => {
-    setUploadedFile(file);
-    setIsUploading(false); // In a real implementation, this would be set to true during upload
-
-    toast({
-      title: "File Selected",
-      description: `${file.name} is ready for processing.`,
-      variant: "default",
-    });
-  };
-
   // Filter patients based on search criteria
   const filteredPatients = useMemo(() => {
     if (!searchCriteria || !searchCriteria.searchTerm) {
@@ -302,6 +291,48 @@ export default function PatientsPage() {
     });
   }, [patients, searchCriteria]);
 
+
+  // File upload handling
+  const handleFileUpload = (file: File) => {
+    setIsUploading(true); 
+    setUploadedFile(file);
+
+    toast({
+      title: "File Selected",
+      description: `${file.name} is ready for processing.`,
+      variant: "default",
+    });
+
+    setIsUploading(false);
+  };
+
+  // data extraction
+  const handleExtract = () =>{
+    setIsExtracting(true);
+
+    if (!uploadedFile){
+       return toast({
+        title: "Error",
+        description:"Please upload a PDF",
+        variant: "destructive",
+      });
+    }
+    extractPdf(uploadedFile, {
+      onSuccess: (data) => {
+        setIsExtracting(false);
+
+        toast({
+        title: "Success Pdf Data Extracted",
+        description: `Name: ${data.name}, Member ID: ${data.memberId}, DOB: ${data.dob}`,
+        variant: "default",
+      });
+
+        setFormData({ PatientName: data.name || "", PatientMemberId: data.memberId || "",  PatientDob: data.dob || ""});
+      },
+    });
+      
+  };
+  
   return (
     <div className="flex h-screen overflow-hidden bg-gray-100">
       <Sidebar
@@ -369,6 +400,7 @@ export default function PatientsPage() {
                 <Button
                   className="w-full h-12 gap-2"
                   disabled={!uploadedFile || isExtracting}
+                  onClick={handleExtract}
                 >
                   {isExtracting ? (
                     <>
@@ -378,7 +410,7 @@ export default function PatientsPage() {
                   ) : (
                     <>
                       <FilePlus className="h-4 w-4" />
-                      Extract Info
+                      Extract Info And Claim
                     </>
                   )}
                 </Button>