fix: on-drag placeholder user-details popup open issue,close button design, remove unnecessary code & npm package

Author: raktima-opensignlabs

microfrontends/SignDocuments/package-lock.json

@@ -34,7 +34,6 @@
     "react-select": "^5.8.0",
     "react-signature-canvas": "^1.0.6",
     "reactour": "^1.19.1",
-    "select-dom": "^9.0.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

microfrontends/SignDocuments/package.json

@@ -191,8 +191,10 @@ function PdfFileComponent({
       )
       .then((result) => {
         const res = result.data;
-        const updatedData = pdfData.filter((x) => x.objectId !== docId);
-        setPdfData(updatedData);
+        if (res) {
+          const updatedData = pdfData.filter((x) => x.objectId !== docId);
+          setPdfData(updatedData);
+        }
       })
       .catch((err) => {
         setIsAlert({
@@ -250,10 +252,13 @@ function PdfFileComponent({
 
         .then((Listdata) => {
           // console.log("Listdata ", Listdata);
-          const json = Listdata.data;
-
-          const updatedData = pdfData.filter((x) => x.objectId !== updateDocId);
-          setPdfData(updatedData);
+          const res = Listdata.data;
+          if (res) {
+            const updatedData = pdfData.filter(
+              (x) => x.objectId !== updateDocId
+            );
+            setPdfData(updatedData);
+          }
         })
         .catch((err) => {
           console.log("err", err);
@@ -283,13 +288,7 @@ function PdfFileComponent({
 
   //component to handle type of document and render according to type
   const handleFolderData = (data, ind, listType) => {
-    let createddate,
-      status,
-      isDecline,
-      signerExist,
-      isComplete,
-      signUrl,
-      isPlaceholder;
+    let createddate, status, isDecline, signerExist, isComplete, isPlaceholder;
     if (data.Type !== "Folder") {
       const expireDate = data.ExpiryDate && data.ExpiryDate.iso;
       const createdDate = data.createdAt && data.createdAt;
@@ -298,7 +297,7 @@ function PdfFileComponent({
       isDecline = data.IsDeclined && data.IsDeclined;
       isPlaceholder = data.Placeholders && data.Placeholders;
       signerExist = data.Signers && data.Signers;
-      signUrl = data.SignedUrl && data.SignedUrl;
+
       const expireUpdateDate = new Date(expireDate).getTime();
       const currDate = new Date().getTime();
       let isExpire = false;
@@ -739,11 +738,8 @@ function PdfFileComponent({
             onClick={() => {
               setIsDeleteDoc(false);
             }}
-            style={{
-              color: "black"
-            }}
             type="button"
-            className="finishBtn"
+            className="finishBtn cancelBtn"
           >
             No
           </button>

microfrontends/SignDocuments/src/Component/LegaDrive/FolderDrive/legaDriveComponent.js

@@ -116,7 +116,9 @@
   margin: 30px;
   height: 100%;
 }
-
+.inputStyle{
+  border: 1.6px solid #ccc !important;
+}
 .folderComponent::-webkit-scrollbar {
   display: none;
   /* for Chrome, Safari, and Opera */

microfrontends/SignDocuments/src/Component/LegaDrive/LegaDrive.css

@@ -369,11 +369,8 @@ function PdfFile() {
                   alertMessage: ""
                 })
               }
-              style={{
-                color: "black"
-              }}
               type="button"
-              className="finishBtn"
+              className="finishBtn cancelBtn"
             >
               Close
             </button>
@@ -419,12 +416,13 @@ function PdfFile() {
                     fontWeight: "400"
                   }}
                 >
-                  Name*
+                  Name
+                  <span style={{ color: "red" }}>*</span>
                 </label>
 
                 <input
                   required
-                  className="form-control"
+                  className="form-control inputStyle"
                   type="text"
                   value={newFolderName}
                   onChange={(e) => handleFolderName(e)}
@@ -455,11 +453,8 @@ function PdfFile() {
                     Add
                   </button>
                   <button
-                    style={{
-                      color: "black"
-                    }}
                     type="button"
-                    className="finishBtn"
+                    className="finishBtn cancelBtn"
                     onClick={oncloseFolder}
                   >
                     Close

microfrontends/SignDocuments/src/Component/LegaDrive/LegaDrive.js

@@ -3,20 +3,14 @@ import { themeColor } from "../utils/ThemeColor/backColor";
 import { PDFDocument } from "pdf-lib";
 import "../css/signature.css";
 import axios from "axios";
-import ModalHeader from "react-bootstrap/esm/ModalHeader";
-import Modal from "react-bootstrap/Modal";
 import loader from "../assests/loader2.gif";
 import { DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import { useParams } from "react-router-dom";
 import SignPad from "./component/signPad";
 import RenderAllPdfPage from "./component/renderAllPdfPage";
 import {
-  convertPNGtoJPEG,
   contractDocument,
-  getBase64FromIMG,
-  getBase64FromUrl,
-  urlValidator,
   multiSignEmbed,
   embedDocId,
   pdfNewWidthFun,
@@ -32,7 +26,6 @@ import Nodata from "./component/Nodata";
 import Header from "./component/header";
 import RenderPdf from "./component/renderPdf";
 import CustomModal from "./component/CustomModal";
-import AlertComponent from "./component/alertComponent";
 import Title from "./component/Title";
 import DefaultSignature from "./component/defaultSignature";
 import ModalUi from "../premitives/ModalUi";
@@ -722,11 +715,8 @@ function PdfRequestFiles() {
                       alertMessage: ""
                     });
                   }}
-                  style={{
-                    color: "black"
-                  }}
                   type="button"
-                  className="finishBtn"
+                  className="finishBtn cancelBtn"
                 >
                   Ok
                 </button>
@@ -806,11 +796,8 @@ function PdfRequestFiles() {
                           alertMessage: ""
                         });
                       }}
-                      style={{
-                        color: "black"
-                      }}
                       type="button"
-                      className="finishBtn"
+                      className="finishBtn cancelBtn"
                     >
                       Close
                     </button>
@@ -823,11 +810,8 @@ function PdfRequestFiles() {
                         alertMessage: ""
                       });
                     }}
-                    style={{
-                      color: "black"
-                    }}
                     type="button"
-                    className="finishBtn"
+                    className="finishBtn cancelBtn"
                   >
                     Ok
                   </button>
@@ -871,11 +855,8 @@ function PdfRequestFiles() {
                     }}
                   ></div>
                   <button
-                    style={{
-                      color: "black"
-                    }}
                     type="button"
-                    className="finishBtn"
+                    className="finishBtn cancelBtn"
                     onClick={() =>
                       setIsCompleted({ isModal: false, isCertificate: true })
                     }