From 2652cc71a101807e0e2724e3a1ccda124c05158a Mon Sep 17 00:00:00 2001
From: Potenz <vishnu10kumar11@gmail.com>
Date: Fri, 5 Sep 2025 01:05:13 +0530
Subject: [PATCH] feat(ocr) - icn added,

---
 apps/Backend/src/services/paymentService.ts     |  1 +
 .../components/payments/payment-edit-modal.tsx  |  6 ++++++
 .../components/payments/payment-ocr-block.tsx   | 17 ++++++++++++-----
 .../payments/payments-recent-table.tsx          |  2 +-
 packages/db/prisma/schema.prisma                |  1 +
 5 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/apps/Backend/src/services/paymentService.ts b/apps/Backend/src/services/paymentService.ts
index 69d78bd..6c7c9d0 100644
--- a/apps/Backend/src/services/paymentService.ts
+++ b/apps/Backend/src/services/paymentService.ts
@@ -220,6 +220,7 @@ export const fullOcrPaymentService = {
                 totalDue: billed,
                 status: "PENDING", // updatePayment will fix it
                 notes: `OCR import from ${row.sourceFile ?? "Unknown file"}`,
+                icn: row.icn ?? "",
               },
             });
 
diff --git a/apps/Frontend/src/components/payments/payment-edit-modal.tsx b/apps/Frontend/src/components/payments/payment-edit-modal.tsx
index 28d4297..cdaaaeb 100644
--- a/apps/Frontend/src/components/payments/payment-edit-modal.tsx
+++ b/apps/Frontend/src/components/payments/payment-edit-modal.tsx
@@ -290,6 +290,12 @@ export default function PaymentEditModal({
                     ? formatDateToHumanReadable(serviceLines[0]?.procedureDate)
                     : formatDateToHumanReadable(payment.createdAt)}
               </span>
+
+              {payment.icn ? (
+                <span className="bg-gray-100 text-gray-800 px-2 py-0.5 rounded-full font-medium">
+                  ICN : {payment.icn}
+                </span>
+              ) : null}
             </div>
           </div>
 
diff --git a/apps/Frontend/src/components/payments/payment-ocr-block.tsx b/apps/Frontend/src/components/payments/payment-ocr-block.tsx
index 525a697..47b1b85 100644
--- a/apps/Frontend/src/components/payments/payment-ocr-block.tsx
+++ b/apps/Frontend/src/components/payments/payment-ocr-block.tsx
@@ -22,6 +22,7 @@ type Row = { __id: number } & Record<string, string | number | null>;
 
 export default function PaymentOCRBlock() {
   // UI state
+  const fileInputRef = React.useRef<HTMLInputElement>(null);
   const [uploadedImages, setUploadedImages] = React.useState<File[]>([]);
   const [isDragging, setIsDragging] = React.useState(false);
   const [isExtracting, setIsExtracting] = React.useState(false);
@@ -257,9 +258,12 @@ export default function PaymentOCRBlock() {
               setIsDragging(true);
             }}
             onDragLeave={() => setIsDragging(false)}
-            onClick={() =>
-              document.getElementById("image-upload-input")?.click()
-            }
+            onClick={() => {
+              if (fileInputRef.current) {
+                fileInputRef.current.value = ""; // ✅ reset before opening
+                fileInputRef.current.click();
+              }
+            }}
           >
             {uploadedImages.length ? (
               <div className="space-y-4">
@@ -312,17 +316,20 @@ export default function PaymentOCRBlock() {
               </div>
             )}
             <input
+              ref={fileInputRef}
               id="image-upload-input"
               type="file"
               accept="image/*"
-              onChange={handleImageSelect}
+              onChange={(e) => {
+                handleImageSelect(e);
+                e.currentTarget.value = "";
+              }}
               className="hidden"
               multiple
             />
           </div>
 
           {/* Extract */}
-
           <div className="flex justify-end gap-4">
             <Button
               className="w-full h-12 gap-2"
diff --git a/apps/Frontend/src/components/payments/payments-recent-table.tsx b/apps/Frontend/src/components/payments/payments-recent-table.tsx
index dde5a2a..52de626 100644
--- a/apps/Frontend/src/components/payments/payments-recent-table.tsx
+++ b/apps/Frontend/src/components/payments/payments-recent-table.tsx
@@ -751,7 +751,7 @@ export default function PaymentsRecentTable({
         isOpen={isDeletePaymentOpen}
         onConfirm={handleConfirmDeletePayment}
         onCancel={() => setIsDeletePaymentOpen(false)}
-        entityName={`ClaimID : ${currentPayment?.claimId}`}
+        entityName={`PaymentID : ${currentPayment?.id}`}
       />
 
       {isEditPaymentOpen && currentPayment && (
diff --git a/packages/db/prisma/schema.prisma b/packages/db/prisma/schema.prisma
index ef5d6ed..de721d7 100644
--- a/packages/db/prisma/schema.prisma
+++ b/packages/db/prisma/schema.prisma
@@ -217,6 +217,7 @@ model Payment {
   totalDue      Decimal       @db.Decimal(10, 2)
   status        PaymentStatus @default(PENDING)
   notes         String?
+  icn           String?
   createdAt     DateTime      @default(now())
   updatedAt     DateTime      @updatedAt