Merge pull request #1478 from OpenSignLabs/feat_status

feat: show status and signers list in need your sign and in-progress report

Author: nxglabs

apps/OpenSign/public/locales/en/translation.json

@@ -515,7 +515,7 @@
   "error": "Error",
   "invalid-document": "Error: invalid document!",
   "document-not-found": "Document not Found!",
-  "document-signed-alert-1": "You have successfully signed the document. You can download or print a copy of the partially signed document. A copy of the digitally signed document will be sent to the owner over email once it is signed by all signers.",
+  "document-signed-alert-1": "You have successfully signed the document. You can download or print a copy of the partially signed document. A copy of the digitally signed document & completion certificate will be sent to the owner & all signers over email once it is signed by all signers.",
   "encrypted-pdf-not-support": "Currently encrypted pdf files are not supported.",
   "document-signed-alert-4": " Congratulations! 🎉 This document has been successfully signed by all participants!",
   "document-signed-alert-5": "This document has been signed by all Signers.",
@@ -655,6 +655,7 @@
   "angular-npm-mssg-1": "To integrate OpenSign into your Angular project, simply run the following command:",
   "quota-mail-info-head":"Monthly request signatures email limit",
   "quota-mail-info": "You can send upto 15 signature request emails every month. Upgrade now to send unlimited signing requests directly.",
+  "quota-mail-reset": "Your signature request email credits will be reset on",
   "quota-mail": "You've reached your limit of 15 signature request emails for this month. Upgrade now to continue sending emails directly.",
   "quota-mail-tip":"Tip: You can still sign <1>unlimited documents</1> by manually sharing the signing request links.",
   "quota-mail-head":"Quota Reached",

apps/OpenSign/public/locales/es/translation.json

@@ -515,7 +515,7 @@
   "error": "Error",
   "invalid-document": "Error: ¡Documento inválido!",
   "document-not-found": "¡Documento no encontrado!",
-  "document-signed-alert-1": "Has firmado el documento exitosamente. Puedes descargar o imprimir una copia del documento parcialmente firmado. Una copia del documento firmado digitalmente será enviada al propietario mediante correo electrónico una vez haya sido firmado por todos los firmantes.",
+  "document-signed-alert-1": "Ha firmado exitosamente el documento. Puede descargar o imprimir una copia del documento parcialmente firmado. Se enviará una copia del documento firmado digitalmente y del certificado de finalización al propietario y a todos los firmantes por correo electrónico una vez que todos los firmantes lo hayan firmado.",
   "encrypted-pdf-not-support": "Los archivos PDF encriptados no están soportados actualmente.",
   "document-signed-alert-4": " ¡Felicitaciones! 🎉 ¡Este documento ha sido firmado exitosamente por todos los participantes!",
   "document-signed-alert-5": "Este documento ha sido firmado por todos los firmantes.",
@@ -655,6 +655,7 @@
   "angular-npm-mssg-1": "Para integrar OpenSign a tu proyecto Angular, simplemente ejecuta los siguientes comandos:",
   "quota-mail-info-head": "Límite mensual de solicitudes de firma por correo",
   "quota-mail-info": "Puedes enviar hasta 15 solicitudes de firma por correo cada mes. Mejora ahora para enviar solicitudes de firma sin límite.",
+  "quota-mail-reset": "Los créditos de tu correo electrónico de solicitud de firma se restablecerán el",
   "quota-mail": "Has alcanzado tu límite de 15 solicitudes de firma por correo para este mes. Mejora ahora para continuar enviando correos.",
   "quota-mail-tip": "Consejo: Todavía puedes solciitar la firma de <1>documentos ilimitados</1> compartiendo manualmente los enlaces de solicitud de firma.",
   "quota-mail-head": "Cuota alcanzada",

apps/OpenSign/public/locales/fr/translation.json

@@ -514,7 +514,7 @@
   "error": "Erreur",
   "invalid-document": "Erreur : document invalide !",
   "document-not-found": "Document introuvable !",
-  "document-signed-alert-1": "Vous avez signé le document avec succès. Vous pouvez télécharger ou imprimer une copie du document partiellement signé. Une copie du document signé numériquement sera envoyée au propriétaire par e-mail une fois qu'il sera signé par tous les signataires.",
+  "document-signed-alert-1": "Vous avez signé le document avec succès. Vous pouvez télécharger ou imprimer une copie du document partiellement signé. Une copie du document signé numériquement et du certificat d'achèvement sera envoyée au propriétaire et à tous les signataires par e-mail une fois qu'il aura été signé par tous les signataires.",
   "encrypted-pdf-not-support": "Les fichiers PDF actuellement cryptés ne sont pas pris en charge. ",
   "document-signed-alert-4": "Toutes nos félicitations! 🎉 Ce document a été signé avec succès par tous les participants !",
   "document-signed-alert-5": "Ce document a été signé par tous les signataires.",
@@ -654,6 +654,7 @@
    "angular-npm-mssg-1" :"Pour intégrer OpenSign dans votre projet Angular, exécutez simplement la commande suivante :",
   "quota-mail-info-head":"Limite mensuelle d'e-mails de signatures de demandes",
   "quota-mail-info": "Vous pouvez envoyer jusqu'à 15 e-mails de demande de signature chaque mois. Mettez à niveau maintenant pour envoyer directement des demandes de signature illimitées.",
+  "quota-mail-reset": "Les crédits de votre email de demande de signature seront réinitialisés le",
   "quota-mail": "Vous avez atteint votre limite de 15 e-mails de demande de signature pour ce mois. Mettez à niveau maintenant pour continuer à envoyer des e-mails directement.",
   "quota-mail-tip-tip":"Astuce : Vous pouvez toujours signer un nombre <1>illimité de documents</1> en partageant manuellement les liens de demande de signature.",
   "quota-mail-head":"Quota atteint",

apps/OpenSign/src/components/Header.js

@@ -6,6 +6,7 @@ import Parse from "parse";
 import { useWindowSize } from "../hook/useWindowSize";
 import {
   checkIsSubscribed,
+  formatDate,
   getAppLogo,
   openInNewTab,
   saveLanguageInLocal
@@ -33,6 +34,7 @@ const Header = ({ showSidebar, setIsMenu }) => {
   );
   const [emailUsed, setEmailUsed] = useState(0);
   const [isModal, setIsModal] = useState(false);
+  const [emailResetDate, setEmailResetDate] = useState("");
   const [showNotification, setShowNotification] = useState(
     (!dismissedVersion || dismissedVersion !== current_notification_version) &&
       true
@@ -66,6 +68,10 @@ const Header = ({ showSidebar, setIsMenu }) => {
         setEmailUsed(MonthlyFreeEmails);
         if (extUser) {
           const _extUser = JSON.parse(JSON.stringify(extUser));
+          if (_extUser?.LastEmailCountReset?.iso) {
+            const resetDate = formatDate(_extUser?.LastEmailCountReset?.iso);
+            setEmailResetDate(resetDate);
+          }
           localStorage.setItem("Extand_Class", JSON.stringify([_extUser]));
         }
       } catch (err) {
@@ -302,7 +308,11 @@ const Header = ({ showSidebar, setIsMenu }) => {
         </div>
       </div>
       <ModalUi isOpen={isModal}>
-        <QuotaCard isPaidInfo={true} handlClose={handleMailUsed} />
+        <QuotaCard
+          isPaidInfo={true}
+          handlClose={handleMailUsed}
+          emailResetDate={emailResetDate}
+        />
       </ModalUi>
     </div>
   );

apps/OpenSign/src/constant/Utils.js

@@ -2596,3 +2596,17 @@ export async function handleSignatureType(tenantSignTypes, signatureType) {
   }
   return updatedSignatureType;
 }
+
+// `formatDate` is used to format date to dd-mmm-yyy
+export const formatDate = (date) => {
+  // Create a Date object
+  const newDate = new Date(date);
+  // Format the date
+  const formattedDate = newDate.toLocaleDateString("en-GB", {
+    day: "2-digit",
+    month: "short",
+    year: "numeric"
+  });
+  const format = formattedDate.replaceAll(/ /g, "-");
+  return format;
+};

apps/OpenSign/src/json/ReportJson.js

@@ -2,29 +2,12 @@ import { isEnableSubscription } from "../constant/const";
 
 export default function reportJson(id) {
   // console.log("json ", json);
-  const head = ["Sr.No", "Title", "Note", "Folder", "File", "Owner", "Signers"];
-  const declineHead = [
-    "Sr.No",
-    "Title",
-    "Reason",
-    "Folder",
-    "File",
-    "Owner",
-    "Signers"
-  ];
-  const iphead = [
-    "Sr.No",
-    "Title",
-    "Note",
-    "Folder",
-    "File",
-    "Status",
-    "Signers",
-    "Expiry-date"
-  ];
-  const contactbook = ["Sr.No", "Name", "Email", "Phone"];
+  const head = ["Title", "Note", "Folder", "File", "Owner", "Signers"];
+  const declineHead = ["Title", "Reason", "Folder", "File", "Owner", "Signers"];
+  const iphead = ["Title", "Note", "Folder", "File", "Signers"];
+  const contactbook = ["Name", "Email", "Phone"];
   const dashboardReportHead = ["Title", "File", "Owner", "Signers"];
-  const templateReport = ["Sr.No", "Title", "File", "Owner", "Signers"];
+  const templateReport = ["Title", "File", "Owner", "Signers"];
   const templateSubAction = isEnableSubscription
     ? [
         {
@@ -212,7 +195,7 @@ export default function reportJson(id) {
     case "zNqBHXHsYH":
       return {
         reportName: "Expired Documents",
-        heading: [...head, "Expiry-date"],
+        heading: head,
         actions: [
           {
             btnId: "1898",
@@ -257,7 +240,7 @@ export default function reportJson(id) {
     case "d9k3UfYHBc":
       return {
         reportName: "Recently sent for signatures",
-        heading: [...dashboardReportHead, "Expiry-date"],
+        heading: dashboardReportHead,
         actions: [
           {
             btnId: "1999",

apps/OpenSign/src/pages/PlaceHolderSign.js

@@ -40,7 +40,8 @@ import {
   handleRemoveWidgets,
   handleRotateWarning,
   signatureTypes,
-  handleSignatureType
+  handleSignatureType,
+  formatDate
 } from "../constant/Utils";
 import RenderPdf from "../components/pdf/RenderPdf";
 import { useNavigate } from "react-router-dom";
@@ -155,6 +156,7 @@ function PlaceHolderSign() {
   const [planCode, setPlanCode] = useState("");
   const [unSignedWidgetId, setUnSignedWidgetId] = useState("");
   const [signatureType, setSignatureType] = useState(signatureTypes);
+  const [emailResetDate, setEmailResetDate] = useState("");
   const isMobile = window.innerWidth < 767;
   const [, drop] = useDrop({
     accept: "BOX",
@@ -269,6 +271,12 @@ function PlaceHolderSign() {
       } else {
         setPdfArrayBuffer(arrayBuffer);
       }
+      if (documentData[0]?.ExtUserPtr?.LastEmailCountReset?.iso) {
+        const resetDate = formatDate(
+          documentData[0]?.ExtUserPtr?.LastEmailCountReset?.iso
+        );
+        setEmailResetDate(resetDate);
+      }
       setExtUserId(documentData[0]?.ExtUserPtr?.objectId);
       if (isEnableSubscription) {
         checkIsSubscribed(documentData[0]?.ExtUserPtr?.Email);
@@ -602,7 +610,7 @@ function PlaceHolderSign() {
                 Role: "prefill",
                 Id: key
               };
-              setSignerPos((prev)=>[...prev,prefillTextWidget]);
+              setSignerPos((prev) => [...prev, prefillTextWidget]);
             }
           } else {
             //else condition to add placeholder widgets on multiple page first time
@@ -1939,6 +1947,7 @@ function PlaceHolderSign() {
                       ) : mailStatus === "quotareached" ? (
                         <div className="flex flex-col gap-y-3">
                           <QuotaCard
+                            emailResetDate={emailResetDate}
                             handleClose={() => {
                               setIsSend(false);
                               setSignerPos([]);