Merge pull request #1422 from OpenSignLabs/validation

feat: add functionality to enable/disable signature types

Author: prafull-opensignlabs

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

@@ -94,6 +94,7 @@
       "My Signature": "My Signature",
       "API Token": "API Token",
       "Webhook": "Webhook",
+      "Preferences": "Preferences",
       "Teams": "Teams",
       "Team-update-successfully": "Team Updated successfully.",
       "Users": "Users"
@@ -684,6 +685,7 @@
   "add-user-template": "You need to add a role before you can add fields for it.",
   "pdf-uncompatible": "This pdf is not compatible with opensign, please contact <[email protected]>",
   "text-field-tour":"Fields of type 'Text' must be filled in advance before the document is sent. If you need the signers to provide input, use the 'Text Input' field instead.",
-  "attach-signer-tour":"You need to attach a Signer to every role. You can do that by clicking this icon. Once you select a Signer it will be attached to all the fields associated with that role which appear in the same colour."
-
+  "attach-signer-tour":"You need to attach a Signer to every role. You can do that by clicking this icon. Once you select a Signer it will be attached to all the fields associated with that role which appear in the same colour.",
+  "allowed-signature-types": "Allowed signature types",
+  "at-least-one-signature-type": "At least one signature type should be enabled."
 }

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

@@ -94,6 +94,7 @@
       "My Signature": "Mi firma",
       "API Token": "Token API",
       "Webhook": "Webhook",
+      "Preferences": "Preferencias",
       "Teams": "Equipos",
       "Team-update-successfully": "Equipo actualizado correctamente.",
       "Users": "Usuarios"
@@ -684,6 +685,7 @@
    "form-title-1": "Configuración del flujo de documentos",
    "form-title-2": "Configuración de seguridad",
    "text-field-tour":"Los campos de tipo 'Texto' deben completarse con anticipación antes de enviar el documento. Si necesita que los firmantes proporcionen información, utilice el campo 'Entrada de texto'",
-   "attach-signer-tour" :"Debe adjuntar un firmante a cada función. Puede hacerlo haciendo clic en este icono. Una vez que seleccione un Firmante, se adjuntará a todos los campos asociados con ese rol que aparecen en el mismo color."
-
+   "attach-signer-tour" :"Debe adjuntar un firmante a cada función. Puede hacerlo haciendo clic en este icono. Una vez que seleccione un Firmante, se adjuntará a todos los campos asociados con ese rol que aparecen en el mismo color.",
+   "allowed-signature-types": "Tipos de firma permitidos",
+   "at-least-one-signature-type": "Se debe habilitar al menos un tipo de firma."
 }

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

@@ -94,6 +94,7 @@
       "My Signature": "Ma signature",
       "API Token": "Jeton API",
       "Webhook": "Webhook",
+      "Preferences": "Préférences",
       "Teams": "Équipe",
       "Team-update-successfully": "Équipe mise à jour avec succès.",
       "Users": "Utilisateurs"
@@ -683,7 +684,7 @@
   "add-user-template":"Vous devez ajouter un rôle avant de pouvoir lui ajouter des champs. ",
   "pdf-uncompatible":"Ce pdf n'est pas compatible avec opensign, veuillez contacter <[email protected]>",
   "text-field-tour" :"Les champs de type 'Texte' doivent être remplis à l'avance avant l'envoi du document. Si vous avez besoin que les signataires fournissent des informations, utilisez plutôt le champ 'Saisie de texte'.",
-  "attach-signer-tour" :"Vous devez associer un signataire à chaque rôle. Vous pouvez le faire en cliquant sur cette icône. Une fois que vous avez sélectionné un signataire, il sera attaché à tous les champs associés à ce rôle qui apparaissent dans la même couleur."
-
-
+  "attach-signer-tour" :"Vous devez associer un signataire à chaque rôle. Vous pouvez le faire en cliquant sur cette icône. Une fois que vous avez sélectionné un signataire, il sera attaché à tous les champs associés à ce rôle qui apparaissent dans la même couleur.",
+  "allowed-signature-types": "Types de signature autorisés",
+  "at-least-one-signature-type": "Au moins un type de signature doit être activé."
 }

apps/OpenSign/src/App.js

@@ -36,6 +36,7 @@ const Webhook = lazy(() => import("./pages/Webhook"));
 const AddAdmin = lazy(() => import("./pages/AddAdmin"));
 const UpdateExistUserAdmin = lazy(() => import("./pages/UpdateExistUserAdmin"));
 const DraftTemplate = lazy(() => import("./pages/DraftTemplate"));
+const Preferences = lazy(() => import("./pages/Preferences"));
 
 pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/legacy/build/pdf.worker.min.mjs`;
 const AppLoader = () => {
@@ -199,6 +200,10 @@ function App() {
                 </>
               )}
               <Route path="/users" element={<UserList />} />
+              <Route
+                path="/preferences"
+                element={<LazyPage Page={Preferences} />}
+              />
             </Route>
             <Route path="/sso" element={<SSOVerify />} />
             <Route

apps/OpenSign/src/components/BulkSendUi.js

@@ -258,7 +258,11 @@ const BulkSendUi = (props) => {
             : [...existSigner]
         });
       } else {
-        Documents.push({ ...props.item, Placeholders: updatedPlaceholders });
+        Documents.push({
+          ...props.item,
+          Placeholders: updatedPlaceholders,
+          SignatureType: props.signatureType
+        });
       }
     });
     await batchQuery(Documents);

apps/OpenSign/src/components/pdf/DefaultSignature.js

@@ -1,16 +1,16 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
-function DefaultSignature({ defaultSignImg, xyPostion, setDefaultSignAlert }) {
+function DefaultSignature(props) {
   const { t } = useTranslation();
 
   const confirmToaddDefaultSign = () => {
-    if (xyPostion.length > 0) {
-      setDefaultSignAlert({
+    if (props?.xyPostion.length > 0) {
+      props?.setDefaultSignAlert({
         isShow: true,
         alertMessage: t("default-sign-alert")
       });
     } else {
-      setDefaultSignAlert({
+      props?.setDefaultSignAlert({
         isShow: true,
         alertMessage: t("please-select-position!")
       });
@@ -22,22 +22,32 @@ function DefaultSignature({ defaultSignImg, xyPostion, setDefaultSignAlert }) {
       <div className="mx-2 pr-2 pt-2 pb-1 text-[15px] text-base-content font-semibold border-b-[1px] border-base-300">
         {t("signature")}
       </div>
-      <div className="flex flex-col items-center mt-[10px] font-semibold">
+      <div
+        className={`${
+          props?.isDefault ? "" : "bg-black/70"
+        } flex flex-col items-center mt-[10px] font-semibold relative`}
+      >
         <p className="text-base-content">{t("Your-Signature")}</p>
         <div className="op-card shadow-md h-[111px] w-[90%] p-2">
           <img
             alt="signature"
             className="w-full h-full object-contain"
-            src={defaultSignImg}
+            src={props?.defaultSignImg}
           />
         </div>
         <button
           type="button"
           className="op-btn op-btn-primary op-btn-sm mt-[10px]"
           onClick={() => confirmToaddDefaultSign()}
+          disabled={!props?.isDefault}
         >
           {t("auto-sign-all")}
         </button>
+        {!props.isDefault && (
+          <div className="absolute text-white w-full h-full flex items-center justify-center -rotate-45 text-[11px] cursor-default">
+            Document creator has disabled this option
+          </div>
+        )}
       </div>
     </div>
   );

apps/OpenSign/src/components/pdf/Placeholder.js

@@ -445,17 +445,13 @@ function Placeholder(props) {
                     handleOnClickSettingIcon();
                   }}
                   className="fa-light fa-gear icon"
-                  style={{
-                    color: "#188ae2",
-                    right: "29px",
-                    top: "-19px"
-                  }}
+                  style={{ color: "#188ae2", right: "29px", top: "-19px" }}
                 ></i>
               ) : (
                 /* condition to add setting icon for placeholder & template flow for all widgets except signature and date */
                 ((!props?.pos?.type && props.pos.isStamp) ||
                   (props?.pos?.type &&
-                    !["date", "signature"].includes(props.pos.type) &&
+                    !["date"].includes(props.pos.type) &&
                     !props.isSignYourself)) && (
                   <i
                     onClick={(e) => {
@@ -469,7 +465,7 @@ function Placeholder(props) {
                     className="fa-light fa-gear icon"
                     style={{
                       color: "#188ae2",
-                      right: props?.pos?.type === textWidget ? "32px" : "47px",
+                      right: props?.pos?.type === textWidget ? "32px" : "51px",
                       top: "-19px"
                     }}
                   ></i>