when click change linik values persisted

components/newappeal/buildchecksection.js

@@ -4,7 +4,7 @@ import Link from "next/link";
 import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
 import { connect } from "react-redux";
-import { formValueSelector } from "redux-form";
+import { formValueSelector, Field, reduxForm } from "redux-form";
 import xpath from "xpath";
 import fieldLookup from "../../data/crmfieldlookuptranslations.json";
 import {
@@ -55,11 +55,11 @@ let BuildCheckSection = (props) => {
 
     const handleParam = (setValue) => (e) => setValue(e.target.value);
 
-    const basicSearch = (event) => {
-        event.preventDefault();
-        console.log(query);
-        // /searchresults
-    };
+    // const basicSearch = (event) => {
+    //     event.preventDefault();
+    //     //console.log(query);
+    //     // /searchresults
+    // };
 
     const onHandleSubmit = (values) => {
         //alert(1);
@@ -71,32 +71,37 @@ let BuildCheckSection = (props) => {
 
     let buildAppealFilesArray = [];
     //console.log("attached docs: - ", buildAppealFilesArray);
+    buildAppealFilesArray = props.props.form.appealForm.values.filesList || [];
 
-    // let filesUploadObj = Object.keys(props.props.form.appealForm.values)
-    //     .filter(function (k) {
-    //         return k.indexOf("pinswg_fileUpload") == 0;
-    //     })
-    //     .reduce(function (newData, k) {
-    //         newData[k] = props.props.form.appealForm.values[k];
-    //         return newData;
-    //     }, {});
+    let filesUploadObj = props.appealType.fileList.value[0];
 
-    // for (let key in filesUploadObj) {
-    //     for (let j in filesUploadObj[key]) {
-    //         typeof filesUploadObj[key][j].name != "undefined" &&
-    //             buildAppealFilesArray.push({
-    //                 "name": filesUploadObj[key][j].name,
-    //                 "size": filesUploadObj[key][j].size,
-    //             });
-    //     }
-    // }
-
-    buildAppealFilesArray = props.props.form.appealForm.values.filesList;
+    for (let key in filesUploadObj) {
+        typeof filesUploadObj[key].name != "undefined" &&
+            buildAppealFilesArray.push({
+                "name": filesUploadObj[key].name,
+                "size": filesUploadObj[key].contentLength,
+            });
+    }
 
     buildAppealFilesArray.filter(function (item, idx) {
         return item.name;
     });
-    console.log(buildAppealFilesArray);
+    //console.log(buildAppealFilesArray);
+
+    function removeDuplicates(arr, key) {
+        const seen = new Set();
+        return arr.filter((item) => {
+            const value = item[key];
+            if (seen.has(value)) {
+                return false; // Duplicate found
+            } else {
+                seen.add(value); // Add value to the set
+                return true; // Keep the item
+            }
+        });
+    }
+
+    buildAppealFilesArray = removeDuplicates(buildAppealFilesArray, "name");
 
     let pdfObj = props.props.form.appealForm.values;
 
@@ -124,7 +129,7 @@ let BuildCheckSection = (props) => {
 
     const finaliseAppeal = async () => {
         setFinaliseAppealProcess(true);
-        console.log("finalising appeal:");
+        //console.log("finalising appeal:");
         await generateAppealPDF(
             pdfObj,
             props.props.accountDetails.containerID,
@@ -141,7 +146,7 @@ let BuildCheckSection = (props) => {
                 );
             })
             .then(() => {
-                console.log("have sent complete message :");
+                //console.log("have sent complete message :");
                 setCurrentSection(9999);
             });
     };
@@ -208,7 +213,7 @@ let BuildCheckSection = (props) => {
                                                   className="govuk-link"
                                                   href="#"
                                                   onClick={() => {
-                                                      updateCurrentSection(
+                                                      setCurrentSection(
                                                           sectionCount
                                                       );
                                                   }}
@@ -300,6 +305,15 @@ let BuildCheckSection = (props) => {
                             >
                                 {t("newappeal:submit-appeal-button")}
                             </a>
+                            <a
+                                className="govuk-link"
+                                href="#"
+                                onClick={() =>
+                                    setCurrentSection(sectionCount - 1)
+                                }
+                            >
+                                {t("common:back-link")}
+                            </a>
                         </div>
                     </>
                 )}
@@ -338,4 +352,13 @@ const mapDispatchToProps = (dispatch) => {
 
 const selector = formValueSelector("appealForm"); // <-- same as form name
 
-export default connect(mapStateToProps, mapDispatchToProps)(BuildCheckSection);
+export default connect(
+    mapStateToProps,
+    mapDispatchToProps
+)(
+    reduxForm({
+        form: "appealForm",
+        destroyOnUnmount: false,
+        enableReinitialize: true, // this is needed!!
+    })(BuildCheckSection)
+);