uploading files to reps

components/case/representation/index.js

@@ -601,6 +601,7 @@ let MakeRepresentation = (props) => {
         let incidentId = props.appealType.caseReference.incidentid;
         let updateBody = values || {};
         const buildFileArray = [];
+        let newbuildArr = [];
         setSavingStatus(useSaveStatus);
 
         Object.assign(values, {
@@ -724,8 +725,10 @@ let MakeRepresentation = (props) => {
                           "size": Blob.size,
                       })
                   ),
+                  (newbuildArr = buildFileArray.concat(values.filesList)),
+                  console.log(buildFileArray, newbuildArr),
                   Object.assign(values, {
-                      "filesList": buildFileArray,
+                      "filesList": newbuildArr,
                   })),
               generateRepPDF(
                   values,
@@ -738,22 +741,23 @@ let MakeRepresentation = (props) => {
                       ? router.locale + "/myportal"
                       : "/myportal"
               ))
-            : (values.hasOwnProperty("representationDocuments") &&
+            : // (values.hasOwnProperty("representationDocuments") &&
-                  (values.representationDocuments.map((Blob) =>
+              //       (values.representationDocuments.map((Blob) =>
-                      buildFileArray.push({
+              //           buildFileArray.push({
-                          "name": Blob.name,
+              //               "name": Blob.name,
-                          "size": Blob.size,
+              //               "size": Blob.size,
-                      })
+              //           })
-                  ),
+              //       ),
-                  Object.assign(values, {
+              //       Object.assign(values, {
-                      "filesList": buildFileArray,
+              //           "filesList": buildFileArray,
-                  })),
+              //       }))),
+              console.log("zxcvbnm"),
             uploadRepresentationFiles(values),
             generateRepPDF(
                 values,
                 props.props.accountDetails.containerID,
                 currentView.caseReference.currentReference
-              ));
+            );
     };
 
     const onHandleSubmit = (values) => {
@@ -881,16 +885,17 @@ let MakeRepresentation = (props) => {
               Object.assign(values, { "locale": router.locale }),
               props.invalid == false &&
                   updateRepresentation(values, false, false),
-              values.hasOwnProperty("representationDocuments") &&
+              console.log("qwerty"),
-                  (values.representationDocuments.map((Blob) =>
+              //   values.hasOwnProperty("representationDocuments") &&
-                      buildFileArray.push({
+              //       (values.representationDocuments.map((Blob) =>
-                          "name": Blob.name,
+              //           buildFileArray.push({
-                          "size": Blob.size,
+              //               "name": Blob.name,
-                      })
+              //               "size": Blob.size,
-                  ),
+              //           })
-                  Object.assign(values, {
+              //       ),
-                      "filesList": buildFileArray,
+              //       Object.assign(values, {
-                  })),
+              //           "filesList": buildFileArray,
+              //       })),
               console.log(
                   "====================== rep lpa payload:\n",
                   JSON.stringify(values)

components/case/representation/representationCompleteSubmit.js

@@ -135,6 +135,48 @@ const RepCompleteSubmit = (props) => {
         }
     };
 
+    let buildAppealFilesArray = [];
+
+    let filesUploadObj =
+        formObj.representationForm.values.representationDocuments;
+
+    for (let key in filesUploadObj) {
+        typeof filesUploadObj[key].name != "undefined" &&
+            buildAppealFilesArray.push({
+                "name": filesUploadObj[key].name,
+                "size": filesUploadObj[key].size,
+            });
+    }
+
+    console.log(
+        buildAppealFilesArray,
+        formObj.representationForm.values.filesList
+    );
+
+    buildAppealFilesArray = formObj.representationForm.values.hasOwnProperty(
+        "filesList"
+    )
+        ? buildAppealFilesArray.concat(
+              formObj.representationForm.values.filesList
+          )
+        : buildAppealFilesArray;
+
+    console.log(buildAppealFilesArray);
+
+    // const arrUniq = [
+    //     ...new Map(buildAppealFilesArray.map((v) => [v.name, v])).values(),
+    // ];
+
+    const arrUniq = buildAppealFilesArray.filter(
+        (obj1, i, arr) => arr.findIndex((obj2) => obj2.name === obj1.name) === i
+    );
+
+    console.log(arrUniq);
+
+    Object.assign(formObj.representationForm.values, {
+        "filesList": arrUniq,
+    });
+
     return (
         <>
             {currentView.representationSubmitConfirmation == true ? (
@@ -303,10 +345,7 @@ const RepCompleteSubmit = (props) => {
                                     </dt>
 
                                     <dd className="govuk-summary-list__value">
-                                        {formObj.representationForm.values.hasOwnProperty(
+                                        {formObj.representationForm.values
-                                            "filesList"
-                                        ) &&
-                                        formObj.representationForm.values
                                             .filesList.length > 0
                                             ? formObj.representationForm.values.filesList.map(
                                                   (blob, i) => (

components/case/representation/representationElements.js

@@ -962,10 +962,7 @@ export const RenderFileUpload = (field) => {
 
     const filelistObj = field.fileList || {};
 
-    // const blobList = jsonpath(
+    console.log("----", filelistObj.length);
-    //     "$..[?(@.documentType=='" + field.documentTypeCode + "')]",
-    //     filelistObj
-    // );
 
     let blobList = filelistObj;
 
@@ -974,14 +971,12 @@ export const RenderFileUpload = (field) => {
     // let filesUploadObj = field.input.value;
 
     // for (let key in filesUploadObj) {
-    //     for (let j in filesUploadObj[key]) {
+    //     typeof filesUploadObj[key].name != "undefined" &&
-    //         typeof filesUploadObj[key][j].name != "undefined" &&
     //         buildAppealFilesArray.push({
-    //                 "name": filesUploadObj[key][j].name,
+    //             "name": filesUploadObj[key].name,
-    //                 "size": filesUploadObj[key][j].size,
+    //             "size": filesUploadObj[key].size,
     //         });
     // }
-    // }
 
     // buildAppealFilesArray = buildAppealFilesArray.concat(blobList);
 
@@ -1063,7 +1058,7 @@ export const RenderFileUpload = (field) => {
                 <ul>
                     {files.map(
                         (file, i) =>
-                            file.hasOwnProperty("name") && (
+                            typeof file.name != "undefined" && (
                                 <div
                                     key={file.name}
                                     className="govuk-!-margin-bottom-5 fileThumb"
@@ -1103,7 +1098,6 @@ export const RenderFileUpload = (field) => {
                             &minus;
                         </span>
                     </div>
-
                     <img
                         src={getThumbnailIconByExtension(blob.name)}
                         alt={blob.name}