From 814652f54c5be2df19fa7f5fe02ea282bbcb169d Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Thu, 29 Feb 2024 15:25:45 -0600
Subject: [PATCH 1/6] more

---
 src/Components/Modals/UploadModal.js | 7 ++++++-
 src/pageElements/Cards.js            | 5 ++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/Components/Modals/UploadModal.js b/src/Components/Modals/UploadModal.js
index 9c0e968..e5c4ce7 100644
--- a/src/Components/Modals/UploadModal.js
+++ b/src/Components/Modals/UploadModal.js
@@ -74,6 +74,11 @@ const UploadModal = (props) => {
       responseGenerations: 0,
     };
 
+    if (radioValue === "complaint") {
+      const docType = "requests-out";
+      data["docType"] = docType;
+    }
+
     try {
       const documentsRef = collection(db, "documents");
       await setDoc(doc(documentsRef, `${uuidName}`), data);
@@ -153,7 +158,7 @@ const UploadModal = (props) => {
     setIsLoading(true);
     try {
       const response = await processFile();
-
+      console.log("~~~~~~~~~~~~~~~~~~~~~response", response);
       if (response.res?.status !== 200) {
         saveToDb(response.uuidName);
         return;
diff --git a/src/pageElements/Cards.js b/src/pageElements/Cards.js
index 9c701a2..5fbf10b 100644
--- a/src/pageElements/Cards.js
+++ b/src/pageElements/Cards.js
@@ -290,7 +290,10 @@ export const DocCard = (props) => {
   const report = (documentId, docType) => {
     //console.log("report documentId, docType", documentId, docType);
   };
-
+  console.log(
+    ">>>>>>>>>>>>>>>>>>>>>>>>>>>________------------------------------------__>docType",
+    docType
+  );
   return (
     <div className="doc-card-container">
       <div className="doc-card-input">

From 94d7bc6c2e5504c13000a72e2a97748a55236526 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 2 Mar 2024 01:18:37 -0600
Subject: [PATCH 2/6] more

---
 src/App.js                              |  11 ++-
 src/Components/Case/CaseDetailsPage.js  |  16 +++-
 src/Components/Document/HeaderPicker.js |  50 ++++++++++++
 src/Components/Document/ReqEditPage.js  | 100 ++++++++++++++++++++++++
 src/Components/Modals/UploadModal.js    |  18 ++---
 5 files changed, 180 insertions(+), 15 deletions(-)
 create mode 100644 src/Components/Document/HeaderPicker.js
 create mode 100644 src/Components/Document/ReqEditPage.js

diff --git a/src/App.js b/src/App.js
index 3f3eff7..a534005 100644
--- a/src/App.js
+++ b/src/App.js
@@ -12,7 +12,7 @@ import DocEditPage from "./Components/Document/DocEditPage";
 import Homepage from "./Components/Home/HomePage";
 import Dashboard from "./Components/Dashboard/Dashboard";
 import OptoutPage from "./Components/OptoutPage";
-import Container from "react-bootstrap/Container";
+import RequestEditPage from "./Components/Document/ReqEditPage";
 import CaseListPage from "./Components/Case/CaseListPage";
 import CaseDetailsPage from "./Components/Case/CaseDetailsPage";
 import CaseTypePage from "./Components/Case/CaseTypePage";
@@ -144,6 +144,15 @@ function App() {
               </PrivateRoute>
             }
           />
+          <Route
+            exact
+            path="/reqedit/:documentId/:documentType/:caseId"
+            element={
+              <PrivateRoute>
+                <RequestEditPage />
+              </PrivateRoute>
+            }
+          />
         </Routes>
       </div>
       <Footer />
diff --git a/src/Components/Case/CaseDetailsPage.js b/src/Components/Case/CaseDetailsPage.js
index 4cb61c9..0487d5f 100644
--- a/src/Components/Case/CaseDetailsPage.js
+++ b/src/Components/Case/CaseDetailsPage.js
@@ -27,7 +27,7 @@ const CaseDetailsPage = () => {
   const [isLoading, setIsLoading] = useState(false);
   const [docsAllowed, setDocsAllowed] = useState(null);
   const [docsGenerated, setDocsGenerated] = useState(null);
-
+  const [docTypeUploaded, setDocTypeUploaded] = useState();
   const { appState } = useContext(AppContext);
   const { group } = appState;
   const appUserId = group ? group.appUserId : null;
@@ -39,6 +39,12 @@ const CaseDetailsPage = () => {
     navigate("/documents");
   };
 
+  const handleNavEdit = (documentId, reqType, caseId) => {
+    const documentType = reqType;
+
+    navigate(`/reqedit/${documentId}/${documentType}/${caseId}`);
+  };
+
   const handleBack = () => {
     navigate("/cases");
   };
@@ -102,10 +108,14 @@ const CaseDetailsPage = () => {
     });
   }
 
-  const handleSuccess = () => {
+  const handleSuccess = (docType, docId) => {
     updateUserAccountDocsGenerated();
     setShowUploadModal(false);
-    setTimeout(handleNavigate, 40000);
+    if (docType === "interrogatories-out") {
+      setTimeout(handleNavEdit, 40000, docId, caseId);
+    } else {
+      setTimeout(handleNavigate, 40000);
+    }
   };
 
   const ButtonContent = () => {
diff --git a/src/Components/Document/HeaderPicker.js b/src/Components/Document/HeaderPicker.js
new file mode 100644
index 0000000..8b64bad
--- /dev/null
+++ b/src/Components/Document/HeaderPicker.js
@@ -0,0 +1,50 @@
+import NewYorkCaption from "./captionHeaders/newYorkCaption.js";
+import NewJerseyCaption from "./captionHeaders/newJerseyCaption.js";
+import FloridaCaption from "./captionHeaders/floridaCaption.js";
+import { docEditCopy } from "../../Constants/Copy/docEditCopy.js";
+
+const headerPicker = (state, fetchedCase, onScrollClick) => {
+  const displayCopy =
+    state === "ny"
+      ? docEditCopy.NewYork
+      : state === "nj"
+      ? docEditCopy.NewJersey
+      : docEditCopy.NewYork;
+
+  switch (state) {
+    case "ny":
+      return (
+        <NewYorkCaption
+          displayCopy={displayCopy}
+          fetchedCase={fetchedCase}
+          onScrollClick={onScrollClick}
+        />
+      );
+    case "nj":
+      return (
+        <NewJerseyCaption
+          displayCopy={displayCopy}
+          fetchedCase={fetchedCase}
+          onScrollClick={onScrollClick}
+        />
+      );
+    case "fl":
+      return (
+        <FloridaCaption
+          displayCopy={displayCopy}
+          fetchedCase={fetchedCase}
+          onScrollClick={onScrollClick}
+        />
+      );
+    default:
+      return (
+        <NewYorkCaption
+          displayCopy={displayCopy}
+          fetchedCase={fetchedCase}
+          onScrollClick={onScrollClick}
+        />
+      );
+  }
+};
+
+export default headerPicker;
diff --git a/src/Components/Document/ReqEditPage.js b/src/Components/Document/ReqEditPage.js
new file mode 100644
index 0000000..7aa2890
--- /dev/null
+++ b/src/Components/Document/ReqEditPage.js
@@ -0,0 +1,100 @@
+import { useState, useContext, useEffect } from "react";
+import headerPicker from "./HeaderPicker";
+import { useParams } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
+import { AppContext } from "../../Hooks/useContext/appContext";
+import EditElement from "../../pageElements/EditElement";
+import { db } from "../../firebase";
+import {
+  collection,
+  updateDoc,
+  onSnapshot,
+  doc,
+  getDoc,
+  setDoc,
+  increment,
+} from "firebase/firestore";
+import "../../styles/doclist-page.scss";
+
+const RequestEditPage = () => {
+  const { documentId, documentType, caseId } = useParams();
+  const { appState } = useContext(AppContext);
+  const { group } = appState;
+  const navigate = useNavigate();
+  const [parsedRogs, setParsedRogs] = useState();
+  const [responses, setResponses] = useState([1]);
+  const [fetchedCase, setFetchedCase] = useState();
+  const [showInputEle, setShowInputEle] = useState(true);
+  const [document, setDocument] = useState(null);
+  const appUserId = group ? group.appUserId : null;
+  const [docId, setDocId] = useState(documentId);
+  const [saveDocumentId, setSaveDocumentId] = useState("");
+  const [showSaveModal, setShowSaveModal] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isReport, setIsReport] = useState(false);
+  const [issueText, setIssueText] = useState("");
+  const [showErrorModal, setShowErrorModal] = useState(false);
+
+  const state = group.state[0] ? group.state[0].code : "ny";
+  const lawFirm = group ? group?.firm : null;
+  const streetAdd = group ? group?.streetAddress : null;
+  const city = group ? group.city : null;
+  const usState = group.state[0] ? group.state[0].code : "ny";
+  const zipCode = group ? group.zipCode : null;
+  const telephone = group ? group.telephone : null;
+
+  const apiUrl =
+    process.env.NODE_ENV === "development"
+      ? process.env.REACT_APP_API_DEV
+      : process.env.REACT_APP_API_PROD;
+
+  const headerString =
+    documentType === "interrogatories" ? (
+      "Response to Interrogatories"
+    ) : documentType === "admissions" ? (
+      "Response to Request for Admissions"
+    ) : documentType === "production" ? (
+      "Response to Request for Production"
+    ) : documentType === "combined-numbered" ? (
+      "Response to Interrogatories and Request for Production"
+    ) : (
+      <></>
+    );
+
+  useEffect(() => {
+    if (!appUserId || !docId) {
+      setDocument(null);
+      return;
+    }
+    try {
+      getCase(caseId);
+      //getDocument();
+    } catch (err) {
+      console.log("Error:", err);
+    }
+  }, [appUserId, docId, caseId]);
+
+  async function getCase(parentCaseId) {
+    try {
+      const docRef = doc(db, "cases", `${parentCaseId}`);
+      const docSnap = await getDoc(docRef);
+      if (docSnap.exists()) {
+        const _case = docSnap.data();
+        _case.id = docSnap._key.path.segments[1];
+        setFetchedCase(_case);
+      } else {
+        console.log("DB item does not exist");
+      }
+    } catch (error) {
+      console.log(`A system error has occurred: ${error}`);
+    }
+  }
+
+  return (
+    <div>
+      <div> {headerPicker()}</div>
+    </div>
+  );
+};
+
+export default RequestEditPage;
diff --git a/src/Components/Modals/UploadModal.js b/src/Components/Modals/UploadModal.js
index e5c4ce7..dc55f97 100644
--- a/src/Components/Modals/UploadModal.js
+++ b/src/Components/Modals/UploadModal.js
@@ -39,7 +39,7 @@ const UploadModal = (props) => {
   const [docError, setShowDocError] = useState("");
   const fileTypes = ["PDF"];
   const fileName = fileToParse ? fileToParse.name : undefined;
-
+  let docType;
   const apiUrl =
     process.env.NODE_ENV === "development"
       ? process.env.REACT_APP_API_DEV
@@ -75,7 +75,7 @@ const UploadModal = (props) => {
     };
 
     if (radioValue === "complaint") {
-      const docType = "requests-out";
+      docType = "interrogatories-out";
       data["docType"] = docType;
     }
 
@@ -100,6 +100,7 @@ const UploadModal = (props) => {
           body: file,
         });
         const res = response;
+        console.log("-------------------------------->res in uploadFile", res);
         return res;
       } else {
         const response = await fetch(`${apiUrl}/parseNewDoc`, {
@@ -158,18 +159,13 @@ const UploadModal = (props) => {
     setIsLoading(true);
     try {
       const response = await processFile();
-      console.log("~~~~~~~~~~~~~~~~~~~~~response", response);
-      if (response.res?.status !== 200) {
-        saveToDb(response.uuidName);
-        return;
-      } else {
-        saveToDb(response.uuidName);
-      }
+
+      saveToDb(response.uuidName);
+      handleSuccess(docType, response.uuidName);
+      return;
     } catch (err) {
       console.log("err", err);
     }
-
-    handleSuccess();
   }
 
   const handleUploadCancel = () => {

From 9e2faab87b8c3e57f13e8deb14742dd924e85b1b Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 2 Mar 2024 01:20:06 -0600
Subject: [PATCH 3/6] more

---
 src/Components/Document/ReqEditPage.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/Components/Document/ReqEditPage.js b/src/Components/Document/ReqEditPage.js
index 7aa2890..9bf9a97 100644
--- a/src/Components/Document/ReqEditPage.js
+++ b/src/Components/Document/ReqEditPage.js
@@ -90,9 +90,19 @@ const RequestEditPage = () => {
     }
   }
 
+  const onScrollClick = () => {
+    const bottom = window.document.scrollingElement.scrollHeight;
+    const place = window.scrollY;
+    if (place > bottom / 2) {
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    } else if (place < bottom / 2) {
+      window.scrollTo({ top: bottom, behavior: "smooth" });
+    }
+  };
+
   return (
     <div>
-      <div> {headerPicker()}</div>
+      <div> {headerPicker(state, fetchedCase, onScrollClick)}</div>
     </div>
   );
 };

From efdc0c357af5a9051d872abb6a272a2c4a30072f Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 2 Mar 2024 01:39:12 -0600
Subject: [PATCH 4/6] more

---
 src/Components/Document/ReqEditPage.js | 35 ++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/src/Components/Document/ReqEditPage.js b/src/Components/Document/ReqEditPage.js
index 9bf9a97..ab67b80 100644
--- a/src/Components/Document/ReqEditPage.js
+++ b/src/Components/Document/ReqEditPage.js
@@ -74,6 +74,29 @@ const RequestEditPage = () => {
     }
   }, [appUserId, docId, caseId]);
 
+  /*
+   *   GET parsed requests.
+   *   GET completions if already generated
+   */
+
+  useEffect(() => {
+    if (!documentId || !documentType) {
+      return;
+    }
+    getOutgoingRequests(documentId)
+      .then((data) => {
+        console.log("data in getOutgoingRequests"), data;
+        /*
+        const resp = data[0].responses.map((item, index) => {
+          // NEVER CHANGE THIS:
+          return { showInputEle: false, resp: item.text, index: index };
+        });
+        */
+        setResponses(resp);
+      })
+      .catch((err) => console.log(err));
+  }, [documentId]);
+
   async function getCase(parentCaseId) {
     try {
       const docRef = doc(db, "cases", `${parentCaseId}`);
@@ -90,6 +113,18 @@ const RequestEditPage = () => {
     }
   }
 
+  async function getOutgoingRequests(docId) {
+    const docType = String(documentType);
+    const response = await fetch(
+      `${apiUrl}/v1/get-outgoing-requests/${docId}/${docType}`,
+      {
+        method: "GET",
+      }
+    );
+    const req = await response.json();
+    return req;
+  }
+
   const onScrollClick = () => {
     const bottom = window.document.scrollingElement.scrollHeight;
     const place = window.scrollY;

From b3bd96344da0c7ef79d1ec7f1f80e0e2a010aa1d Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 2 Mar 2024 01:41:18 -0600
Subject: [PATCH 5/6] more

---
 src/Components/Document/ReqEditPage.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Components/Document/ReqEditPage.js b/src/Components/Document/ReqEditPage.js
index ab67b80..edaf581 100644
--- a/src/Components/Document/ReqEditPage.js
+++ b/src/Components/Document/ReqEditPage.js
@@ -85,14 +85,14 @@ const RequestEditPage = () => {
     }
     getOutgoingRequests(documentId)
       .then((data) => {
-        console.log("data in getOutgoingRequests"), data;
+        console.log("data in getOutgoingRequests", data);
         /*
         const resp = data[0].responses.map((item, index) => {
           // NEVER CHANGE THIS:
           return { showInputEle: false, resp: item.text, index: index };
         });
         */
-        setResponses(resp);
+        setResponses();
       })
       .catch((err) => console.log(err));
   }, [documentId]);

From 59b098a08b48e6a4aee2424d984e1356094a925e Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 2 Mar 2024 01:53:48 -0600
Subject: [PATCH 6/6] more

---
 src/Components/Document/ReqEditPage.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Components/Document/ReqEditPage.js b/src/Components/Document/ReqEditPage.js
index edaf581..ff1464d 100644
--- a/src/Components/Document/ReqEditPage.js
+++ b/src/Components/Document/ReqEditPage.js
@@ -114,6 +114,7 @@ const RequestEditPage = () => {
   }
 
   async function getOutgoingRequests(docId) {
+    console.log("getOutgoingRequests fired, docId", docId);
     const docType = String(documentType);
     const response = await fetch(
       `${apiUrl}/v1/get-outgoing-requests/${docId}/${docType}`,