hooks fixes and ordering of events

components/case/representation/representationElements.js

@@ -966,21 +966,46 @@ export const RenderFileUpload = (field) => {
 
     let blobList = filelistObj;
 
-    // let buildAppealFilesArray = [];
+    function removeObjectsWithUndefinedKey(arr, key) {
+        return arr.filter((obj) => obj[key] !== undefined);
+    }
 
-    // let filesUploadObj = field.input.value;
+    function removeEmptyObjects(arr) {
+        return arr.filter((obj) => Object.keys(obj).length > 0);
+    }
 
-    // for (let key in filesUploadObj) {
-    //     typeof filesUploadObj[key].name != "undefined" &&
-    //         buildAppealFilesArray.push({
-    //             "name": filesUploadObj[key].name,
-    //             "size": filesUploadObj[key].size,
-    //         });
-    // }
+    blobList = removeEmptyObjects(blobList);
+    blobList = removeObjectsWithUndefinedKey(blobList, "name");
 
-    // buildAppealFilesArray = buildAppealFilesArray.concat(blobList);
+    let buildAppealFilesArray = [];
 
-    // blobList = buildAppealFilesArray;
+    let filesUploadObj = field.input.value;
+
+    for (let key in filesUploadObj) {
+        typeof filesUploadObj[key].name != "undefined" &&
+            buildAppealFilesArray.push({
+                "name": filesUploadObj[key].name,
+                "size": filesUploadObj[key].size,
+            });
+    }
+
+    buildAppealFilesArray = buildAppealFilesArray.concat(blobList);
+
+    function removeDuplicates(arr) {
+        const seen = new Set();
+        return arr.filter((obj) => {
+            const serializedObj = JSON.stringify(obj);
+            if (seen.has(serializedObj)) {
+                return false; // Skip this object (duplicate)
+            }
+            seen.add(serializedObj); // Add the serialized object to the "seen" set
+            return true; // Keep this object
+        });
+    }
+
+    buildAppealFilesArray = removeDuplicates(buildAppealFilesArray);
+
+    blobList = buildAppealFilesArray;
 
     const deleteThisBlob = async (
         containerName,
@@ -1054,7 +1079,7 @@ export const RenderFileUpload = (field) => {
             {field.meta.touched && field.meta.error && (
                 <span className="error">{field.meta.error}</span>
             )}
-            {files && Array.isArray(files) && (
+            {blobList && Array.isArray(files) && (
                 <ul>
                     {files.map(
                         (file, i) =>