remove unused imports

components/case/documents.js

@@ -345,7 +345,6 @@ const DocumentDetails = (props) => {
             )
                 .then((data) => data)
                 .then((data) => {
-                    //console.log("getting details", data);
                     setDocumentDetails(data);
                     setShowSpinnerState(false);
                 });
@@ -365,7 +364,6 @@ const DocumentDetails = (props) => {
             orderBy,
             fieldSort
         ).then((data) => {
-            //console.log(data);
             setDocumentDetails(data);
             return data;
         });
@@ -459,7 +457,6 @@ const DocumentDetails = (props) => {
         const docDetailsObj = async () => {
             let docObj = await getSearchDocumentDetails(incidentid).then(
                 (data) => {
-                    //console.log(data);
                     setDocumentDetails(data);
                     setDocumentSearchState(true);
 

components/case/pagination.js

@@ -1,7 +1,5 @@
-import Link from "next/link";
-import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
-import { useState } from "react";
+import { useRouter } from "next/router";
 import { connect } from "react-redux";
 import { setCurrentPage } from "../../store/currentView/action";
 
@@ -27,14 +25,12 @@ const PaginationControl = (props) => {
     );
 
     const getRange = (start, end) => {
-        //console.log(start, end);
         return Array(end - start + 1)
             .fill()
             .map((v, i) => i + start);
     };
 
     const paginationNumbers = (currentPage, pageCount) => {
-        //console.log(currentPage);
         let delta;
 
         if (pageCount <= 7) {
@@ -76,7 +72,6 @@ const PaginationControl = (props) => {
             pages = pages.concat(withDots(pageCount, ["...", pageCount]));
         }
 
-        //console.log(pages);
         return pages;
     };
 

components/case/representation/index.js

@@ -1,48 +1,32 @@
-import Link from "next/link";
-import { useState, useEffect } from "react";
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
-import _, { property } from "lodash";
-import {
-    Field,
-    FieldArray,
-    reduxForm,
-    formValueSelector,
-    reset,
-} from "redux-form";
-import { connect } from "react-redux";
+import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
+import { useState } from "react";
 import { useDropzone } from "react-dropzone";
+import { connect } from "react-redux";
+import { formValueSelector, reduxForm } from "redux-form";
 
+import { signIn, useSession } from "next-auth/react";
+import { generateRepPDF, sendEmail, uploadRepFiles } from "../../../actions";
+import { formatDates } from "../../../components/utils";
 import {
     setRepresentationCapacity,
-    setRepresentationSubmit,
-    setSubmitBack,
-    setRepresentationSubmitConfirmation,
     setRepresentationMessageSent,
     setRepresentationReset,
+    setRepresentationSubmit,
+    setRepresentationSubmitConfirmation,
 } from "../../../store/currentView/action";
-import RepCapacitySelection from "./representationCapacitySelection";
-import RepLPACapacitySelection from "./representationLPACapacitySelection";
-import RepDetails from "./representationDetails";
-import RepAppellant from "./representationAppellant";
 import RepAgent from "./representationAgent";
-import RepInterestedPartyPerson from "./representationInterestedPartyPerson";
-import RepLandOwner from "./representationLandowner";
-import RepLPA from "./representationLPA";
+import RepAppellant from "./representationAppellant";
+import RepCapacitySelection from "./representationCapacitySelection";
 import RepCompleteSubmit from "./representationCompleteSubmit";
-import { useSession, signIn, signOut } from "next-auth/react";
-import {
-    updateCase,
-    patchCase,
-    uploadRepFiles,
-    sendEmail,
-    generateRepPDF,
-    createWatchedCases,
-} from "../../../actions";
-import { formatDates } from "../../../components/utils";
-import RepresentationProgress_s78 from "./representationProgress/representationProgress_s78";
+import RepInterestedPartyPerson from "./representationInterestedPartyPerson";
+import RepLPA from "./representationLPA";
+import RepLPACapacitySelection from "./representationLPACapacitySelection";
+import RepLandOwner from "./representationLandowner";
 import RepresentationProgress_enforcement from "./representationProgress/representationProgress_enforcement";
+import RepresentationProgress_s78 from "./representationProgress/representationProgress_s78";
 
 let MakeRepresentation = (props) => {
     let { t } = useTranslation();

components/case/representation/representationAgent.js

@@ -1,22 +1,14 @@
-import Link from "next/link";
-import { connect } from "react-redux";
-import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
-import { Field, reduxForm, change } from "redux-form";
+import { useRouter } from "next/router";
+import { connect } from "react-redux";
+import { Field, change, reduxForm } from "redux-form";
+import { bytesToSize, getThumbnailIconByExtension } from "../../utils";
 import {
-    RenderPickList,
-    RenderTextfield,
-    RenderRadioList,
-    RenderMultiline,
-    RenderRichMultiline,
-    RenderCondtionalRadioList,
     FileUploadField,
+    RenderCondtionalRadioList,
+    RenderPickList,
+    RenderRichMultiline,
 } from "./representationElements";
-import {
-    getFormCollectionByID,
-    getThumbnailIconByExtension,
-    bytesToSize,
-} from "../../utils";
 
 import { useDropzone } from "react-dropzone";
 

components/case/representation/representationAppellant.js

@@ -1,25 +1,15 @@
-import Link from "next/link";
-import { connect } from "react-redux";
-import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
-import { Field, reduxForm, reset, change } from "redux-form";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { useRouter } from "next/router";
+import React from "react";
+import { connect } from "react-redux";
+import { Field, change, reduxForm } from "redux-form";
 
+import { bytesToSize, getThumbnailIconByExtension } from "../../utils";
 import {
-    RenderPickList,
-    RenderTextfield,
-    RenderRadioList,
-    RenderMultiline,
-    RenderRichMultiline,
-    RenderFileUpload,
     FileUploadField,
-    RepresentationGuidanceText,
+    RenderPickList,
+    RenderRichMultiline,
 } from "./representationElements";
-import {
-    getFormCollectionByID,
-    getThumbnailIconByExtension,
-    bytesToSize,
-} from "../../utils";
 
 import { useDropzone } from "react-dropzone";
 // import {

components/case/representation/representationCapacitySelection.js

@@ -1,24 +1,9 @@
-import Link from "next/link";
-import { connect } from "react-redux";
-import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
-import {
-    Field,
-    reduxForm,
-    formValueSelector,
-    handleSubmit,
-    reset,
-} from "redux-form";
-import {
-    RenderPickList,
-    RenderTextfield,
-    RenderRadioList,
-    RenderRadioListWithText,
-    RenderMultiline,
-} from "./representationElements";
+import { useRouter } from "next/router";
 import { useDropzone } from "react-dropzone";
+import { Field } from "redux-form";
 import RepDetails from "./representationDetails";
-import { setRepresentationCapacity } from "../../../store/currentView/action";
+import { RenderRadioListWithText } from "./representationElements";
 
 let RepCapacitySelection = (props) => {
     let { t } = useTranslation();

components/case/representation/representationComplete.js

@@ -6,9 +6,9 @@ import { connect } from "react-redux";
 
 import { useDropzone } from "react-dropzone";
 import {
+    createWatchedCases,
     sendEmail,
     sendRepCompleteMessage,
-    createWatchedCases,
 } from "../../../actions";
 import { setRepresentationReset } from "../../../store/currentView/action";
 

components/case/representation/representationCompleteSubmit.js

@@ -1,18 +1,14 @@
 import _ from "lodash";
 import useTranslation from "next-translate/useTranslation";
 import { useRouter } from "next/router";
+import { useState } from "react";
 import { useDropzone } from "react-dropzone";
-import RepComplete from "./representationComplete";
-import RepLPAQuestionnaireCheck_s78 from "./representationQuestionnairesCheck/representationLPAQuestionnaireCheck_s78";
-import RepLPAQuestionnaireCheck_enforcement from "./representationQuestionnairesCheck/representationLPAQuestionnaireCheck_enforcement";
-import { useState, useEffect } from "react";
 import { connect } from "react-redux";
+import RepComplete from "./representationComplete";
+import RepLPAQuestionnaireCheck_enforcement from "./representationQuestionnairesCheck/representationLPAQuestionnaireCheck_enforcement";
+import RepLPAQuestionnaireCheck_s78 from "./representationQuestionnairesCheck/representationLPAQuestionnaireCheck_s78";
 
-import {
-    getFormCollectionByID,
-    getThumbnailIconByExtension,
-    bytesToSize,
-} from "../../utils";
+import { bytesToSize, getThumbnailIconByExtension } from "../../utils";
 
 const RepCompleteSubmit = (props) => {
     let { t } = useTranslation();

components/case/representation/representationDetails.js

@@ -1,9 +1,6 @@
-import Link from "next/link";
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
-import { Field, reduxForm } from "redux-form";
-import { RenderPickList, RenderTextfield } from "./representationElements";
 import { JSONPath as jsonpath } from "jsonpath-plus";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 
 const RepDetails = (props) => {
     let { t } = useTranslation();

components/case/representation/representationElements.js

@@ -1,31 +1,26 @@
-import { Field, Fields, reduxForm } from "redux-form";
-import router from "next/router";
-import React, { useState, useMemo } from "react";
 import useTranslation from "next-translate/useTranslation";
-import { JSONPath as jsonpath } from "jsonpath-plus";
-import Dropzone, { useDropzone } from "react-dropzone";
-import Link from "next/link";
 import dynamic from "next/dynamic";
-const ReactQuill = dynamic(() => import("react-quill"), { ssr: false });
-import "react-quill/dist/quill.snow.css";
-import DatePicker, { registerLocale, setDefaultLocale } from "react-datepicker";
+import Link from "next/link";
+import router from "next/router";
+import React, { useMemo, useState } from "react";
+import DatePicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
+import Dropzone from "react-dropzone";
+import "react-quill/dist/quill.snow.css";
+import { Field } from "redux-form";
+const ReactQuill = dynamic(() => import("react-quill"), { ssr: false });
 
 import {
-    addYears,
-    addMonths,
     addDays,
-    subYears,
-    subMonths,
-    subDays,
+    addMonths,
+    addYears,
     parseISO,
+    subDays,
+    subMonths,
+    subYears,
 } from "date-fns";
 
-import {
-    getFormCollectionByID,
-    getThumbnailIconByExtension,
-    bytesToSize,
-} from "../../utils";
+import { bytesToSize, getThumbnailIconByExtension } from "../../utils";
 
 import { useRouter } from "next/router";
 

components/case/representation/representationInterestedPartyPerson.js

@@ -1,22 +1,14 @@
-import Link from "next/link";
-import { connect } from "react-redux";
-import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
-import { Field, reduxForm, change } from "redux-form";
-import {
-    RenderPickList,
-    RenderTextfield,
-    RenderCondtionalRadioList,
-    RenderMultiline,
-    RenderRichMultiline,
-    FileUploadField,
-} from "./representationElements";
-import {
-    getFormCollectionByID,
-    getThumbnailIconByExtension,
-    bytesToSize,
-} from "../../utils";
+import { useRouter } from "next/router";
 import { useDropzone } from "react-dropzone";
+import { connect } from "react-redux";
+import { Field, change, reduxForm } from "redux-form";
+import {
+    FileUploadField,
+    RenderCondtionalRadioList,
+    RenderPickList,
+    RenderRichMultiline,
+} from "./representationElements";
 
 const RepInterestedPartyPerson = (props) => {
     let { t } = useTranslation();

components/case/representation/representationLPA.js

@@ -1,34 +1,19 @@
-import Link from "next/link";
-import _ from "lodash";
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
-import { connect } from "react-redux";
-import { Field, reduxForm, formValueSelector, change } from "redux-form";
-import {
-    RenderPickList,
-    RenderTextfield,
-    RenderRadioList,
-    RenderMultiline,
-    RenderCondtionalRadioList,
-    RenderLPACondtionalRadioList,
-    FileUploadField,
-    RenderRichMultiline,
-    RenderDatePicker,
-} from "./representationElements";
-import { getFormCollectionByID, formatDates } from "../../utils";
-import {
-    setRepresentationCapacity,
-    setRepresentationSubmit,
-} from "../../../store/currentView/action";
-import { useDropzone } from "react-dropzone";
-import { select } from "xpath";
 import { JSONPath as jsonpath } from "jsonpath-plus";
-import { useState } from "react";
+import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
+import { useDropzone } from "react-dropzone";
+import { connect } from "react-redux";
+import { Field, change, formValueSelector, reduxForm } from "redux-form";
+import {
+    FileUploadField,
+    RenderMultiline,
+    RenderPickList,
+} from "./representationElements";
+import RepresentationProgress_enforcement from "./representationProgress/representationProgress_enforcement";
+import RepresentationProgress_s78 from "./representationProgress/representationProgress_s78";
 import Enforcement_Questionnaire from "./representationQuestionnaires/representationLPAQuestionnaire_enforcement";
 import S78_Questionnaire from "./representationQuestionnaires/representationLPAQuestionnaire_s78";
-import RepresentationProgress_s78 from "./representationProgress/representationProgress_s78";
-import RepresentationProgress_enforcement from "./representationProgress/representationProgress_enforcement";
-import transLookup from "../../../data/lookuptranslations.json";
 
 let RepLPA = (props) => {
     let { t } = useTranslation();

components/case/representation/representationLPACapacitySelection.js

@@ -1,24 +1,7 @@
-import Link from "next/link";
-import { connect } from "react-redux";
-import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
-import {
-    Field,
-    reduxForm,
-    formValueSelector,
-    handleSubmit,
-    reset,
-} from "redux-form";
-import {
-    RenderPickList,
-    RenderTextfield,
-    RenderRadioList,
-    RenderMultiline,
-} from "./representationElements";
+import { useRouter } from "next/router";
 import { useDropzone } from "react-dropzone";
-import RepDetails from "./representationDetails";
 import RepLPADetails from "./representationLPADetails";
-import { setRepresentationCapacity } from "../../../store/currentView/action";
 
 let RepLPACapacitySelection = (props) => {
     let { t } = useTranslation();

components/case/representation/representationLPAComments.js

@@ -1,19 +1,6 @@
-import Link from "next/link";
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { connect } from "react-redux";
-import { Field, reduxForm, formValueSelector } from "redux-form";
-import {
-    RenderPickList,
-    RenderTextfield,
-    RenderRadioList,
-    RenderMultiline,
-    RenderCondtionalRadioList,
-    RenderLPACondtionalRadioList,
-    FileUploadField,
-    RenderRichMultiline,
-    RenderDatePicker,
-} from "./representationElements";
+import { Field, formValueSelector, reduxForm } from "redux-form";
+import { RenderMultiline } from "./representationElements";
 
 let RepLPAQuestionnaire = (props) => {
     return (

components/case/representation/representationLPADetails.js

@@ -1,9 +1,6 @@
-import Link from "next/link";
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
-import { Field, reduxForm } from "redux-form";
-import { RenderPickList, RenderTextfield } from "./representationElements";
 import { JSONPath as jsonpath } from "jsonpath-plus";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 
 const RepLPADetails = (props) => {
     let { t } = useTranslation();

components/case/representation/representationLandowner.js

@@ -1,20 +1,12 @@
-import Link from "next/link";
-import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
-import { Field, reduxForm } from "redux-form";
-import {
-    RenderPickList,
-    RenderTextfield,
-    RenderRadioList,
-    RenderMultiline,
-    RenderRichMultiline,
-    FileUploadField,
-} from "./representationElements";
+import { useRouter } from "next/router";
 import { useDropzone } from "react-dropzone";
+import { Field } from "redux-form";
 import {
-    setRepresentationCapacity,
-    setRepresentationSubmit,
-} from "../../../store/currentView/action";
+    FileUploadField,
+    RenderPickList,
+    RenderRichMultiline,
+} from "./representationElements";
 
 const RepLandOwner = (props) => {
     let { t } = useTranslation();

components/case/representation/representationProgress/representationProgress_enforcement.js

@@ -1,26 +1,5 @@
-import Link from "next/link";
-import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
-import { connect } from "react-redux";
-import { Field, reduxForm, formValueSelector } from "redux-form";
-import {
-    RenderPickList,
-    RenderTextfield,
-    RenderRadioList,
-    RenderMultiline,
-    RenderCondtionalRadioList,
-    RenderLPACondtionalRadioList,
-    FileUploadField,
-    RenderRichMultiline,
-    RenderDatePicker,
-} from "../representationElements";
-import {
-    setRepresentationCapacity,
-    setRepresentationSubmit,
-} from "../../../../store/currentView/action";
-import { useDropzone } from "react-dropzone";
-import { select } from "xpath";
-import { JSONPath as jsonpath } from "jsonpath-plus";
+import { useRouter } from "next/router";
 
 const RepresentationProgress_enforcement = (props) => {
     let { t } = useTranslation();

components/case/representation/representationProgress/representationProgress_s78.js

@@ -1,26 +1,5 @@
-import Link from "next/link";
-import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
-import { connect } from "react-redux";
-import { Field, reduxForm, formValueSelector } from "redux-form";
-import {
-    RenderPickList,
-    RenderTextfield,
-    RenderRadioList,
-    RenderMultiline,
-    RenderCondtionalRadioList,
-    RenderLPACondtionalRadioList,
-    FileUploadField,
-    RenderRichMultiline,
-    RenderDatePicker,
-} from "../representationElements";
-import {
-    setRepresentationCapacity,
-    setRepresentationSubmit,
-} from "../../../../store/currentView/action";
-import { useDropzone } from "react-dropzone";
-import { select } from "xpath";
-import { JSONPath as jsonpath } from "jsonpath-plus";
+import { useRouter } from "next/router";
 
 const RepresentationProgress_s78 = (props) => {
     let { t } = useTranslation();

components/case/representation/representationQuestionnaires/representationLPAQuestionnaire_enforcement.js

@@ -1,26 +1,19 @@
-import Link from "next/link";
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
-import { connect } from "react-redux";
-import { Field, reduxForm, formValueSelector } from "redux-form";
-import {
-    RenderPickList,
-    RenderTextfield,
-    RenderRadioList,
-    RenderMultiline,
-    RenderCondtionalRadioList,
-    RenderLPACondtionalRadioList,
-    FileUploadField,
-    RenderRichMultiline,
-    RenderDatePicker,
-} from "../representationElements";
-import {
-    setRepresentationCapacity,
-    setRepresentationSubmit,
-} from "../../../../store/currentView/action";
-import { useDropzone } from "react-dropzone";
-import { select } from "xpath";
 import { JSONPath as jsonpath } from "jsonpath-plus";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
+import { useDropzone } from "react-dropzone";
+import { connect } from "react-redux";
+import { Field, formValueSelector, reduxForm } from "redux-form";
+import {
+    FileUploadField,
+    RenderDatePicker,
+    RenderLPACondtionalRadioList,
+    RenderMultiline,
+    RenderPickList,
+    RenderRadioList,
+    RenderRichMultiline,
+    RenderTextfield,
+} from "../representationElements";
 
 let Enforcement_Questionnaire = (props) => {
     let { t } = useTranslation();

components/case/representation/representationQuestionnaires/representationLPAQuestionnaire_s78.js

@@ -1,27 +1,19 @@
-import Link from "next/link";
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
-import { connect } from "react-redux";
-import { Field, reduxForm, formValueSelector } from "redux-form";
-import {
-    RenderPickList,
-    RenderTextfield,
-    RenderRadioList,
-    RenderMultiline,
-    RenderCondtionalRadioList,
-    RenderLPACondtionalRadioList,
-    FileUploadField,
-    RenderRichMultiline,
-    RenderDatePicker,
-} from "../representationElements";
-import {
-    setRepresentationCapacity,
-    setRepresentationSubmit,
-} from "../../../../store/currentView/action";
-import { useDropzone } from "react-dropzone";
-import { select } from "xpath";
 import { JSONPath as jsonpath } from "jsonpath-plus";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
+import { useDropzone } from "react-dropzone";
+import { Field } from "redux-form";
 import { getFormCollectionByID } from "../../../../components/utils";
+import {
+    FileUploadField,
+    RenderDatePicker,
+    RenderLPACondtionalRadioList,
+    RenderMultiline,
+    RenderPickList,
+    RenderRadioList,
+    RenderRichMultiline,
+    RenderTextfield,
+} from "../representationElements";
 
 let S78_Questionnaire = (props) => {
     let { t } = useTranslation();

components/case/representation/representationQuestionnairesCheck/representationLPAQuestionnaireCheck_enforcement.js

@@ -1,6 +1,4 @@
 import _ from "lodash";
-import Link from "next/link";
-import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
 import { formatDates } from "../../../utils";
 

components/case/representation/representationQuestionnairesCheck/representationLPAQuestionnaireCheck_s78.js

@@ -1,6 +1,4 @@
 import _ from "lodash";
-import Link from "next/link";
-import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
 import { formatDates } from "../../../utils";
 

components/case/representationList.js

@@ -1,15 +1,13 @@
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { useState, useEffect, useRef } from "react";
-import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
+import { useEffect, useState } from "react";
+import { connect } from "react-redux";
 import transLookup from "../../data/lookuptranslations.json";
 
 import { getRepresentations } from "../../actions";
 import { setRepresentations } from "../../store/searchOutput/action";
-import PaginationControl from "./pagination";
 import { formatDates } from "../utils";
 
 const RepresentationList = (props) => {
@@ -29,8 +27,6 @@ const RepresentationList = (props) => {
     var representationsArr = representationsObj || [];
 
     const RepresentationsView = (representationsArr) => {
-        //console.log(documentDetailsArr);
-
         representationsArr = representationsArr.value;
         return (
             <>
@@ -130,12 +126,6 @@ const RepresentationList = (props) => {
                         );
                     })}
                 </dl>
-                {/* <PaginationControl
-                    currentPage={currentPage}
-                    searchResultsObj={documentDetailsObj}
-                    // spinnerState={spinnerState}
-                    getDocumentResults={getDocumentResults}
-                /> */}
             </>
         );
     };

components/case/summary.js

@@ -1,18 +1,18 @@
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { useState, useEffect, useRef } from "react";
-import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { useEffect } from "react";
+import { connect } from "react-redux";
 import transLookup from "../../data/lookuptranslations.json";
 
 import {
-    getLinkedCases,
     createWatchedCases,
-    getWatchedCasesProxy,
-    getPortalModuleDetailsProxy,
     deleteWatchedCases,
+    getLinkedCases,
+    getPortalModuleDetailsProxy,
+    getWatchedCasesProxy,
 } from "../../actions";
 import {
     setCurrentLinkedCases,
@@ -25,9 +25,9 @@ import {
     setWatchedCasesDetails,
 } from "../../store/watchedCases/action";
 
-import { getFormCollectionByID } from "../utils";
-import { getSession, useSession, signIn } from "next-auth/react";
-import { parseCookies, setCookie, destroyCookie } from "nookies";
+import { signIn, useSession } from "next-auth/react";
+import { destroyCookie, parseCookies, setCookie } from "nookies";
+import { getFormCollectionByID, getDetailsProxy } from "../utils";
 
 import Pinswg_advertsid from "./summaryTypes/pinswg_advertsid";
 import Pinswg_callinss77id from "./summaryTypes/pinswg_callinss77id";
@@ -106,45 +106,13 @@ const CaseSummary = (props) => {
             .then(() => {
                 getWatchedCasesProxy(loggedInUser).then((data) => {
                     setWatchedCases(data),
-                        getDetails(data, "myWatchedCases").then((data) => {
+                        getDetailsProxy(data, "myWatchedCases").then((data) => {
                             setWatchedCasesDetails(data);
                         });
                 });
             });
     };
 
-    const getDetails = (resultsObj, detailsType) => {
-        //console.log(resultsObj);
-        let detailsArr = [];
-        resultsObj = resultsObj.value;
-        const detailsObj = resultsObj.map((searchDetail, index) => {
-            if (searchDetail.pinswg_appealcasetype == null) {
-                console.log(
-                    detailsType != "myWatchedCases"
-                        ? searchDetail.ticketnumber
-                        : searchDetail[
-                              "_pinswg_watchedcase_value@OData.Community.Display.V1.FormattedValue"
-                          ]
-                );
-            } else {
-                detailsArr.push(
-                    getPortalModuleDetailsProxy(
-                        getFormCollectionByID(
-                            searchDetail.pinswg_appealcasetype
-                        ).LogicalCollectionName,
-                        detailsType != "myWatchedCases"
-                            ? searchDetail.ticketnumber
-                            : searchDetail[
-                                  "_pinswg_watchedcase_value@OData.Community.Display.V1.FormattedValue"
-                              ]
-                    )
-                );
-            }
-        });
-        //console.log(detailsArr);
-        return Promise.all(detailsArr);
-    };
-
     const isWatchedCase = (whichIncident) => {
         let isWatched = jsonpath(
             "$..value[?(@._pinswg_watchedcase_value=='" + whichIncident + "')]",
@@ -162,9 +130,11 @@ const CaseSummary = (props) => {
                 .then(() => {
                     getWatchedCasesProxy(cookies.pinsUser).then((data) => {
                         setWatchedCases(data),
-                            getDetails(data, "myWatchedCases").then((data) => {
-                                setWatchedCasesDetails(data);
-                            });
+                            getDetailsProxy(data, "myWatchedCases").then(
+                                (data) => {
+                                    setWatchedCasesDetails(data);
+                                }
+                            );
                     });
                 });
     };
@@ -513,26 +483,6 @@ const CaseSummary = (props) => {
                                                                                       ),
                                                                         }
                                                                     )}
-                                                                    {/* The
-                                                                    representation
-                                                                    period for
-                                                                    this appeal
-                                                                    is between{" "}
-                                                                    {formatDates(
-                                                                        detailsObj.pinswg_startdate
-                                                                    )}{" "}
-                                                                    and{" "}
-                                                                    {props
-                                                                        .currentView
-                                                                        .caseReference
-                                                                        .appealType ==
-                                                                    846040019
-                                                                        ? formatDates(
-                                                                              detailsObj.pinswg_statementduedate
-                                                                          )
-                                                                        : formatDates(
-                                                                              detailsObj.pinswg_finalcommentsduedate
-                                                                          )} */}
                                                                     <br />{" "}
                                                                     {t(
                                                                         "case:representation-date-passed-additional-label"

components/case/summaryTypes/pinswg_advertsid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_advertsid = (props) => {

components/case/summaryTypes/pinswg_callinss77id.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_callinss77id = (props) => {

components/case/summaryTypes/pinswg_commonlandid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_commonlandid = (props) => {

components/case/summaryTypes/pinswg_communityinfrastructurelevyid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_communityinfrastructurelevyid = (props) => {

components/case/summaryTypes/pinswg_compulsorypurchaseordersid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_compulsorypurchaseordersid = (props) => {

components/case/summaryTypes/pinswg_dnsid.js

@@ -1,10 +1,7 @@
 import { useRouter } from "next/router";
-import Head from "next/head";
-import { useEffect, useRef, ReactElement } from "react";
-
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
-import _, { round } from "lodash";
+import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
 import transLookup from "../../../data/lookuptranslations.json";
 
 import GoogleMapComponent from "../../mapping/";

components/case/summaryTypes/pinswg_electricityactid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_electricityactid = (props) => {

components/case/summaryTypes/pinswg_enforcementlistedbuildingconseid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_enforcementlistedbuildingconseid = (props) => {

components/case/summaryTypes/pinswg_enforcementnoticeappeals174id.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_enforcementnoticeappeals174id = (props) => {

components/case/summaryTypes/pinswg_environmentalpermittingid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_environmentalpermittingid = (props) => {

components/case/summaryTypes/pinswg_harbourrevisionorderid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_harbourrevisionorderid = (props) => {

components/case/summaryTypes/pinswg_hedgeshedgerowstreepreservatioid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {

components/case/summaryTypes/pinswg_householderappealhasid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_householderappealhasid = (props) => {

components/case/summaryTypes/pinswg_lawfuldevelopmentcertificatappid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_lawfuldevelopmentcertificatappid = (props) => {

components/case/summaryTypes/pinswg_ldpid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_ldpid = (props) => {

components/case/summaryTypes/pinswg_listedbuildingandconservationrid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_listedbuildingandconservationrid = (props) => {

components/case/summaryTypes/pinswg_maintenanceoflands217id.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_maintenanceoflands217id = (props) => {

components/case/summaryTypes/pinswg_miscellaneouscasewordid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_miscellaneouscasewordid = (props) => {

components/case/summaryTypes/pinswg_nonvalidationid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_nonvalidationid = (props) => {

components/case/summaryTypes/pinswg_planningappeals78id.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_planningappeals78id = (props) => {

components/case/summaryTypes/pinswg_planningconditionss73s79id.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_planningconditionss73s79id = (props) => {

components/case/summaryTypes/pinswg_planningobligationappeals106id.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_planningobligationappeals106id = (props) => {

components/case/summaryTypes/pinswg_rowid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_rowid = (props) => {

components/case/summaryTypes/pinswg_transportandworkactid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_transportandworkactid = (props) => {

components/case/summaryTypes/pinswg_wayleaveid.js

@@ -1,7 +1,7 @@
-import { useRouter } from "next/router";
-import useTranslation from "next-translate/useTranslation";
 import { JSONPath as jsonpath } from "jsonpath-plus";
 import _ from "lodash";
+import useTranslation from "next-translate/useTranslation";
+import { useRouter } from "next/router";
 import transLookup from "../../../data/lookuptranslations.json";
 
 const Pinswg_wayleaveid = (props) => {