claim form now will show 10 rows of service lines

.gitignore

@@ -37,3 +37,6 @@ dist/
 
 # env
 *.env
+
+#temp
+1.html

apps/Frontend/src/components/claims/claim-form.tsx

@@ -90,7 +90,7 @@ interface ClaimFormData {
   remarks: string;
   serviceDate: string; // YYYY-MM-DD
   insuranceProvider: string;
-  insuranceSiteKey?:string;
+  insuranceSiteKey?: string;
   status: string; // default "pending"
   serviceLines: ServiceLine[];
 }
@@ -220,19 +220,16 @@ export function ClaimForm({
     remarks: "",
     serviceDate: serviceDate,
     insuranceProvider: "",
-    insuranceSiteKey:"",
+    insuranceSiteKey: "",
     status: "pending",
-    serviceLines: [
-      {
+    serviceLines: Array.from({ length: 10 }, () => ({
       procedureCode: "",
       procedureDate: serviceDate,
       oralCavityArea: "",
       toothNumber: "",
       toothSurface: "",
       billedAmount: 0,
-      },
-    ],
-
+    })),
     uploadedFiles: [],
   });
 
@@ -362,13 +359,15 @@ export function ClaimForm({
     }
 
     // 3. Create Claim(if not)
-    const {
-      uploadedFiles,
-      insuranceSiteKey,
-      ...formToCreateClaim
-    } = form;
+    // Filter out empty service lines (empty procedureCode)
+  const filteredServiceLines = form.serviceLines.filter(
+    (line) => line.procedureCode.trim() !== ""
+  );
+
+    const { uploadedFiles, insuranceSiteKey, ...formToCreateClaim } = form;
     onSubmit({
       ...formToCreateClaim,
+      serviceLines: filteredServiceLines,
       staffId: Number(staff?.id),
       patientId: patientId,
       insuranceProvider: "MassHealth",
@@ -378,11 +377,12 @@ export function ClaimForm({
     // 4. sending form data to selenium service
     onHandleForSelenium({
       ...form,
+      serviceLines: filteredServiceLines,      
       staffId: Number(staff?.id),
       patientId: patientId,
       insuranceProvider: "Mass Health",
       appointmentId: appointmentId!,
-      insuranceSiteKey:"MH",
+      insuranceSiteKey: "MH",
     });
     // 4. Close form
     onClose();