Update README.md

Merge pull request #1513 from OpenSignLabs/dependabot/npm_and_yarn/apps/OpenSign/npm_and_yarn-af93afb32e
build(deps): bump nanoid from 3.3.7 to 3.3.8 in /apps/OpenSign in the npm_and_yarn group
2026-09-04 16:58:05 +02:00 · 2025-02-09 00:59:35 +05:30 · 2024-12-14 02:29:22 +01:00 · 2024-12-12 04:38:43 +00:00 · 2024-12-12 10:07:09 +05:30 · 2024-12-11 22:07:10 +01:00
153 changed files with 15173 additions and 261442 deletions
@@ -232,6 +232,15 @@
      "contributions": [
        "code"
      ]
    },
    {
      "login": "1024mb",
      "name": "1024mb",
      "avatar_url": "https://avatars.githubusercontent.com/u/9301204?v=4",
      "profile": "https://github.com/1024mb",
      "contributions": [
        "translation"
      ]
    }
  ]
 }
@@ -77,6 +77,6 @@ Engage with the community on our [Gitter Channel](https://gitter.im/OpenSignLabs
 ## License
-By contributing, you agree that your contributions will be licensed under its [MIT License](LICENSE).
+By contributing, you agree that your contributions will be licensed under its [AGPL-V3 License](LICENSE).
---
+---
@@ -1,4 +1,9 @@
-                    GNU AFFERO GENERAL PUBLIC LICENSE
+* All content that resides under the "apps/OpenSignServer/cloud/customRoute" directory of this repository, if that directory exists, is licensed under the license defined in "apps/OpenSignServer/cloud/customRoute".
 * All third party components incorporated into the OpenSign Software are licensed under the original license provided by the owner of the applicable component.
 * Content outside of the above mentioned directories or restrictions above is available under the "GNU AFFERO GENERAL PUBLIC LICENSE" as defined below -
                  GNU AFFERO GENERAL PUBLIC LICENSE
                       Version 3, 19 November 2007
 Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
@@ -147,7 +147,8 @@ We would like to thank all our contributors and users for their support and feed
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/VikramNagwal"><img src="https://avatars.githubusercontent.com/u/123088024?v=4?s=100" width="100px;" alt="Vikram"/><br /><sub><b>Vikram</b></sub></a><br /><a href="#code-VikramNagwal" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/ugoconsonni"><img src="https://avatars.githubusercontent.com/u/13661702?v=4?s=100" width="100px;" alt="ugoconsonni"/><br /><sub><b>ugoconsonni</b></sub></a><br /><a href="#code-ugoconsonni" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/daniel-mutwiri"><img src="https://avatars.githubusercontent.com/u/8936960?v=4?s=100" width="100px;" alt="Daniel Mutwiri"/><br /><sub><b>Daniel Mutwiri</b></sub></a><br /><a href="#code-daniel-mutwiri" title="Code">💻</a></td>
-      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Zathiel"><img src="https://avatars.githubusercontent.com/u/26553418?v=4?s=100" width="100px;" alt="Zathiel"/><br /><sub><b>Zathiel</b></sub></a><br /><a href="#code-Zathiel" title="Code">💻</a><a href="#security-Zathiel" title="Security">🛡️</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Zathiel"><img src="https://avatars.githubusercontent.com/u/26553418?v=4?s=100" width="100px;" alt="Zathiel"/><br /><sub><b>Zathiel</b></sub></a><br /><a href="#code-Zathiel" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/1024mb"><img src="https://avatars.githubusercontent.com/u/9301204?v=4?s=100" width="100px;" alt="1024mb"/><br /><sub><b>1024mb</b></sub></a><br /><a href="#translation-1024mb" title="Translation">🌍</a></td>
    </tr>
  </tbody>
 </table>
@@ -157,3 +158,5 @@ We would like to thank all our contributors and users for their support and feed
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 This project is tested with BrowserStack.
@@ -4,16 +4,17 @@
  "private": true,
  "dependencies": {
    "@formkit/auto-animate": "^0.8.2",
-    "@lottiefiles/dotlottie-react": "^0.8.9",
+    "@lottiefiles/dotlottie-react": "^0.10.0",
    "@pdf-lib/fontkit": "^1.1.1",
-    "@radix-ui/themes": "^3.1.3",
+    "@radix-ui/themes": "^3.1.6",
-    "@react-pdf/renderer": "^3.4.4",
+    "@react-pdf/renderer": "^4.1.4",
-    "@reduxjs/toolkit": "^2.2.7",
+    "@reduxjs/toolkit": "^2.3.0",
-    "axios": "^1.7.5",
+    "axios": "^1.7.7",
    "file-saver": "^2.0.5",
-    "i18next": "^23.14.0",
+    "i18next": "^23.16.5",
    "i18next-browser-languagedetector": "^8.0.0",
-    "i18next-http-backend": "^2.6.1",
+    "i18next-http-backend": "^2.6.2",
    "jszip": "^3.10.1",
    "jwt-decode": "^4.0.0",
    "moment": "^2.30.1",
    "nth-check": "^2.1.1",
@@ -22,10 +23,10 @@
    "print-js": "^1.6.0",
    "radix-ui": "^1.0.1",
    "react": "^18.2.0",
-    "react-bootstrap": "^2.10.4",
+    "react-bootstrap": "^2.10.5",
    "react-confetti": "^6.1.0",
-    "react-cookie": "^7.2.0",
+    "react-cookie": "^7.2.2",
-    "react-datepicker": "^7.3.0",
+    "react-datepicker": "^7.5.0",
    "react-dnd": "^16.0.1",
    "react-dnd-html5-backend": "^16.0.1",
    "react-dnd-multi-backend": "^8.0.3",
@@ -33,33 +34,34 @@
    "react-dom": "^18.2.0",
    "react-gtm-module": "^2.0.11",
    "react-helmet": "^6.1.0",
-    "react-i18next": "^15.0.1",
+    "react-i18next": "^15.1.1",
    "react-konva": "^18.2.10",
-    "react-pdf": "^9.1.0",
+    "react-pdf": "^9.1.1",
-    "react-quill-new": "^3.3.0",
+    "react-quill-new": "^3.3.3",
    "react-redux": "^9.1.2",
-    "react-rnd": "^10.4.11",
+    "react-rnd": "^10.4.13",
-    "react-router-dom": "^6.26.1",
+    "react-router-dom": "^6.28.0",
    "react-scripts": "5.0.1",
    "react-scrollbars-custom": "^4.1.1",
-    "react-select": "^5.8.0",
+    "react-select": "^5.8.3",
    "react-signature-canvas": "^1.0.6",
    "react-syntax-highlighter": "^15.6.1",
    "react-tooltip": "^5.28.0",
    "react-web-share": "^2.0.2",
    "reactour": "^1.19.4",
    "redux": "^5.0.1",
    "redux-thunk": "^3.1.0",
    "regex-parser": "^2.3.0",
-    "serve": "^14.2.3",
+    "serve": "^14.2.4",
    "styled-components": "^5.3.0",
-    "web-vitals": "^4.2.3",
+    "web-vitals": "^4.2.4",
    "ws": "^8.18.0"
  },
  "scripts": {
    "build-webpack": "webpack --config webpack.config.js",
    "build": "npm run version && npm run build-webpack && react-scripts build",
    "build-watch": "webpack --config webpack.config.js --watch",
-    "start-dev": "concurrently \"npm run build-watch\" \"react-scripts start\"",
+    "start-dev": "react-scripts start",
    "start": "serve -s build",
    "version": "curl -s https://api.github.com/repos/opensignlabs/opensign/releases/latest | grep '\"tag_name\":' | awk -F '\"' '{print $4}' > ./public/version.txt",
    "version-win": "powershell -Command \"Invoke-RestMethod -Uri 'https://api.github.com/repos/opensignlabs/opensign/releases/latest' | Select-Object -ExpandProperty tag_name | Out-File -FilePath ./public/version.txt\"",
@@ -93,33 +95,36 @@
    }
  },
  "devDependencies": {
-    "@babel/core": "^7.25.2",
+    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.25.4",
+    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-react": "^7.25.9",
-    "@babel/runtime-corejs2": "^7.25.4",
+    "@babel/runtime-corejs2": "^7.26.0",
    "autoprefixer": "^10.4.20",
-    "babel-loader": "^9.1.3",
+    "babel-loader": "^9.2.1",
    "clean-webpack-plugin": "^4.0.0",
-    "commitizen": "^4.3.0",
+    "commitizen": "^4.3.1",
-    "concurrently": "^8.2.2",
+    "concurrently": "^9.1.0",
    "css-loader": "^7.1.2",
-    "daisyui": "^4.12.10",
+    "daisyui": "^4.12.14",
    "dotenv": "^16.4.5",
    "dotenv-webpack": "^8.1.0",
-    "eslint": "^8.57.0",
+    "eslint": "^9.14.0",
    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react": "^7.37.2",
    "lint-staged": "^15.2.10",
-    "mini-css-extract-plugin": "^2.9.1",
+    "mini-css-extract-plugin": "^2.9.2",
-    "postcss": "^8.4.45",
+    "postcss": "^8.4.49",
    "prettier": "^3.3.3",
    "pretty-quick": "^4.0.0",
-    "tailwindcss": "^3.4.10",
+    "tailwindcss": "^3.4.15",
    "terser-webpack-plugin": "^5.3.10",
    "webpack-cli": "^5.1.4"
  },
  "overrides": {
    "nth-check": "$nth-check",
    "ws": "$ws"
  },
  "engines": {
    "node": "18 || 20 || 22"
  }
 }
@@ -1,5 +1,5 @@
 {
-  "header-news": "New feature: Public profiles are now live! Easily create and share public templates",
+  "header-news": "New feature: Teams plan users can now integrate their own AWS S3 buckets for file storage",
  "header-news-btn": "Setup Now",
  "create-account": "Create Account",
  "login": "Login",
@@ -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"
@@ -131,7 +132,10 @@
    "Share": "Share",
    "View": "View",
    "option": "Option",
-    "Embed": "Embed"
+    "Embed": "Embed",
    "Copy TemplateId":"Copy TemplateId",
    "Copy Public URL":"Copy Public URL",
    "extend-expiry-date": "Extend expiry date"
  },
  "report-heading": {
    "Sr.No": "Sr.No",
@@ -151,7 +155,9 @@
    "Name": "Name",
    "Status": "Status",
    "created-date": "Created Date",
-    "Type": "Type"
+    "Type": "Type",
    "Logs": "Logs",
    "Expiry-date": "Expiry Date"
  },
  "report-help": {
    "Draft Documents": "These are documents you have started but have not finalized for sending.",
@@ -262,9 +268,11 @@
  "make-template-public-alert": "Are you sure you want to make this template public?",
  "make-template-private-alert": "Are you sure you want to make this template private? This will remove it from your public profile.",
  "public-role": "Public role",
-  "public-url": "Public URL",
+  "public-url": "Public profile",
-  "public-url-copy-mssg": " Here’s your public URL: Copy it or share it with the signer, and you will be able to see all your publicly set templates.",
+  "embed-template": "Embed Template",
-  "add-public-url-alert": "Please add your public URL, and you will be able to make a public template.",
+  "public-url-copy": "Here’s your public URL: ",
  "public-url-copy-mssg":"Copy it or share it with the signer, and you will be able to see all your publicly set templates.",
  "add-public-url-alert": "Please complete your OpenSign public profile setup. Once done, you’ll be able to make templates public. This process only needs to be completed once.",
  "share-with-alert": "You cannot share a template if any roles already have contacts assigned. Please remove all contact assignments from the roles before sharing the template.",
  "share-with": "Share with",
  "team-not-found": "Team not found",
@@ -287,7 +295,7 @@
  "subject": "Subject",
  "body": "Body",
  "add-contact": "Add Contact",
-  "add-signer-alert": "Contact already exist!",
+  "add-signer-alert": "Contact already exist! Please select it from ‘Signers’ dropdown",
  "record-delete-alert": "Record deleted successfully!",
  "record-revoke-alert": "Record revoked successfully!",
  "mail-sent-alert": "Mail sent successfully.",
@@ -441,7 +449,8 @@
  "cutomize-email": "Cutomize Email",
  "upgrade-to-customize-email": "Upgrade to customize Email",
  "sign-url": "Sign url",
-  "Mails Sent": "Mails Sent",
+  "mails-sent": "Mails sent",
  "mail-not-delivered": "Mail not delivered",
  "document-alert": "Document Alert",
  "owner-subscription-expired": "Owner's subscription has expired.",
  "subscription-expired": "Subscription Expired",
@@ -506,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.",
@@ -572,9 +581,10 @@
    "pdf-request-file-5": "You can click 'Auto Sign All' to automatically sign at all the locations meant to be signed by you. Make sure that you review the document properly before you click this button .",
    "placeholder-sign-1": "Select a recipient from this list to add a place-holder where he is supposed to sign.The placeholder will appear in the same colour as the recipient name once you drop it on the document.",
    "placeholder-sign-2": "Clicking 'Add recipients' button will allow you to add more signers.",
-    "placeholder-sign-3": "Drag or click on a field to add it to the document.",
+    "placeholder-sign-3": "Click this button to add more recipients/signers to the document.",
-    "placeholder-sign-4": "The PDF content area already displays the template's existing placeholders. For your convenience, these placeholders will match the color of the recipient's name, making them easily identifiable.",
+    "placeholder-sign-4": "Drag or click on a field to add it to the document.",
-    "placeholder-sign-5": "Clicking 'Send' will save the document. In the next step you can customize the emails to be sent out to the recipients or copy the signing links and share those with the recipients yourself.",
+    "placeholder-sign-5": "The PDF content area already displays the template's existing placeholders. For your convenience, these placeholders will match the color of the recipient's name, making them easily identifiable.",
    "placeholder-sign-6": "Clicking 'Send' will save the document. In the next step you can customize the emails to be sent out to the recipients or copy the signing links and share those with the recipients yourself.",
    "report-1": "Click the 'Add' button to create a new template. Templates are reusable documents designed to quickly generate new documents with the same structure and varying signers. For example, an HR template for onboarding could have predefined roles like ‘HR Manager’ and ‘New Employee’. Each time you use the template, you can assign the ‘New Employee’ role to different incoming staff members, while the ‘HR Manager’ role remains constant, facilitating a seamless onboarding process for each recruit. ",
    "redirect": "Click the 'Use' button to create a new document from an existing template.",
    "bulksend": "To quickly create and send multiple documents using an existing template, click the 'Quick Send' button.",
@@ -630,14 +640,74 @@
  "reason":"Reason",
  "decline-by":"Declined/revoked by",
  "document-declined": "Document declined",
  "public-template-mssg-1":"To integrate OpenSign into your React or Next.js project, simply run the following command:",
  "public-template-mssg-2" :"Ensure you have npm or yarn set up in your project. If you’re using Yarn, you can replace npm install with yarn add @opensign/react.",
  "public-template-mssg-3"  :"Need more details or examples?",
  "public-template-mssg-4": "Visit the",
  "public-template-mssg-5": " npm for the latest updates, detailed documentation, and version history.",
  "public-template-mssg-6" :"Before you can use this code snippet, you must make this template public.",
  "copy-code":"COPY",
  "copied-code":"COPIED",
  "Installation":"Installation",
  "Usage" :"Usage",
  "insufficient-credits":"Insufficient Signing Credits",
  "insufficient-credits-mssg":"The owner of this document currently lacks the necessary OpenSign credits for you to sign. Please reach out to the owner if you require further details.",
  "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",
  "unauthorized-modal":"You don't have permission to perform this action, please contact {{adminEmail}}.",
  "sent-this-month":"Sent this month",
  "available-seats":"Available seats",
-  "buy-users":"Buy more users"
+  "buy-users":"Buy more users",
-
+  "isenable-otp": "Enable OTP verification",
  "isenable-otp-help": {
    "p1": "Would you like to enable the verification process using a one-time password (OTP)?",
    "p2": "Selecting this option will enable OTP verification. Users will receive a verification code via email, which they must enter to sign the document.",
    "p3": "Selecting this option will disable OTP verification, allowing users to sign the document directly without additional steps.",
    "p4": "Please choose the option that best suits your document signing requirements."
  },
  "advanced-options":"Advanced options",
  "hide-advanced-options":"Hide Advanced options",
  "download-files":"Download files",
  "download-pdf":"Download Pdf",
  "pdf-certificate":"Download Pdf + Certificate",
  "document-logs":"Document logs",
  "server-down": "Unable to connect to the OpenSign server. If you are self-hosting OpenSign, please ensure that all the steps in the documentation have been followed correctly. If you're running OpenSign locally, you might be accessing it through an incorrect port number.",
  "admin-exists": "Admin already exists. Please login to the application using admin credentials in order to manage users.",
  "enable-tour":"Enable Tour",
  "istourenabled-help":{
     "p1":"This will enable a guided tour for signers, providing instructions during the signing process.",
     "p2":"This will disable the guided tour, ensuring a faster, uninterrupted signing experience.",
     "p3":"Tip: If your signers are familiar with OpenSign and frequently use it, you may want to disable the guided tour for a more seamless experience. Choose the option that best fits your document signing needs."
   },
  "form-title-1":"Document Flow Setting",
  "form-title-2":"Security Settings",
  "public-tour-message":"The template needs to be public before you can generate a shareable link.",
  "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 <support@opensignlabs.com>",
  "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.",
  "allowed-signature-types": "Allowed signature types",
  "at-least-one-signature-type": "At least one signature type should be enabled.",
  "expect-default-one-more-signature-type": "Please enable one additional signature type apart from the default.",
  "add-signer-note": "Note - This contact will be added to your contact list",
  "allowed-signature-types-help": {
    "p1": "This signature preference controls which signing options are available to your signers. Only the signature types you select will appear in the signature widget when a document is signed. For example, if you choose only the 'Draw' option in preferences, your signer will see only the 'Draw' option in the signature widget, while the other three options will not be available.",
    "l1": "Create a handwritten signature directly on the screen using your finger or a stylus.",
    "l2": "Enter your name and choose from various font styles to create a signature.",
    "l3": "Upload an existing digital version of your signature.",
    "l4": "Use a pre-set signature style saved under 'My Signature' in your settings."
  },
  "notify-on-signatures": "Notify on signatures",
  "notify-on-signatures-help": {
    "p1": "The document creator will receive an email notification whenever a signer signs the document.",
    "note": "Note: Notification email will not be sent for the last signer, as the document creator will receive a completion email instead."
  },
  "expiry-date": "Expiry Date",
  "expiry-date-updated": "The expiry date has been successfully extended to {{newexpirydate}}",
  "expiry-date-error": "Please provide a new expiry date that is later than the current one"
 }
@@ -0,0 +1,713 @@
 {
  "header-news": "Nueva característica: los usuarios del plan Teams ahora pueden integrar sus propios depósitos de AWS S3 para el almacenamiento de archivos",
  "header-news-btn": "Configurar ahora",
  "create-account": "Crear cuenta",
  "login": "Iniciar sesión",
  "language": "Idioma",
  "name": "Nombre",
  "phone": "Teléfono",
  "phone-optional": "opcional",
  "email": "Correo",
  "company": "Compañía",
  "job-title": "Título del puesto",
  "profile": "Perfil",
  "log-out": "Cerrar sesión",
  "is-email-verified": "El correo está verificado",
  "public-profile": "Perfil público",
  "tagline": "Eslogan ",
  "has-requested-you-to-sign": "ha solicitado que firmes",
  "has-requested-you-to-review-and-sign": " ha solicitado que revises y firmes",
  "input-required": "Por favor, rellena este campo.",
  "sort-order": {
    "Ascending": "Ascendente",
    "Descending": "Descendente",
    "Name": "Nombre",
    "Date": "Fecha"
  },
  "context-menu": {
    "Download": "Descargar",
    "Rename": "Renombrar",
    "Move": "Mover",
    "Delete": "Eliminar"
  },
  "action": "Acción",
  "add": "Agregar",
  "add-new-folder": "Agregar nueva carpeta",
  "disable-documentId": "Desactivar ID de documento",
  "edit": "Editar",
  "change-password": "Cambiar contraseña",
  "save": "Guardar",
  "cancel": "Cancelar",
  "upgrade-now": "Mejorar ahora",
  "upgrade-to": "Mejorar a",
  "plan": "Plan",
  "subscribe-card-teamplan": "¡Libera todo el poder de la colaboración! Crea organizaciones, equipos y jerarquías ilimitadas. Comparte plantillas sin problemas entre equipos y asigna funciones de usuario personalizadas. ¡Mejora tu flujo de trabajo hoy mismo!",
  "subscribe-card-plan": "Desbloquea funciones premium desde solo {{premiumPrice}}/mes. Disfruta de un rendimiento mejorado y solo {{addonPrice}} por crédito adicional después de tus créditos premium incluidos.",
  "user-name-limit-char": "Para tener un nombre de usuario menor a 8 caracteres por favor suscríbete",
  "tour-content": "No mostrar esto otra vez",
  "pro": "PRO",
  "team": "EQUIPO",
  "user": "Usuario",
  "docs": "Documentación",
  "session-expired": "Tu sesión ha expirado.",
  "public-profile-help": "Esta es tu URL pública. Cópiala o compártela con el firmante, y podrás ver todas tus plantillas públicas.",
  "tagline-help": "Este eslogan aparecerá en tu perfil público de OpenSign, por ejem. https://opensign.me/alex",
  "welcome": "¡Bienvenido de nuevo!",
  "Login-to-your-account": "Ingresa a tu cuenta",
  "password": "Contraseña",
  "forgot-password": "¿Olvidaste la contraseña?",
  "loading": "Cargando...",
  "of": "de",
  "sign-SSO": "Ingresar con SSO",
  "login-page": "Página de inicio de sesión",
  "or": "O",
  "signup-page": "Página de registro",
  "password-length": "La contraseña debe tener 8 caracteres",
  "password-case": "La contraseña debe incluir mayúsculas, minúsculas y números",
  "password-special-char": " La contraseña debe incluir caracteres especiales",
  "agreee": "Estoy de acuerdo con los",
  "term": "Términos de Servicio",
  "subscribe-to-opensign": "Suscribirse al boletín de OpenSign",
  "register": "Registrarse",
  "sidebar": {
    "Dashboard": "Panel",
    "Sign yourself": "Firma tu mismo",
    "Request signatures": "Solicitar firmas",
    "Templates": "Plantillas",
    "Templates-Children": {
      "Create template": "Crear plantilla",
      "Manage templates": "Administrar plantillas"
    },
    "OpenSign™ Drive": "OpenSign™ Drive",
    "Reports": "Reportes",
    "Reports-Children": {
      "Need your sign": "Necesitan tu firma",
      "In Progress": "En progreso",
      "Completed": "Completado",
      "Drafts": "Borradores",
      "Declined": "Rechazados",
      "Expired": "Expirados",
      "Contactbook": "Agenda de contactos"
    },
    "Settings": "Ajustes",
    "Settings-Children": {
      "My Signature": "Mi firma",
      "API Token": "Token API",
      "Webhook": "Webhook",
      "Preferences": "Preferencias",
      "Teams": "Equipos",
      "Team-update-successfully": "Equipo actualizado correctamente.",
      "Users": "Usuarios"
    }
  },
  "dashboard-card": {
    "Need your Signature": "Necesitan tu firma",
    "Out for signatures": "En espera de ser firmados"
  },
  "report-name": {
    "Draft Documents": "Documentos borradores",
    "Need your sign": "Necesitan tu firma",
    "In-progress documents": "Documentos en progreso",
    "Completed Documents": "Documentos completados",
    "Declined Documents": "Documentos rechazados",
    "Expired Documents": "Documentos expirados",
    "Recently sent for signatures": "Recientemente enviados para ser firmados",
    "Recent signature requests": "Solicitudes de firma recientes",
    "Drafts": "Borradores",
    "Contactbook": "Agenda de contactos",
    "Templates": "Plantillas",
    "Teams": "Equipos",
    "Users": "Usuarios"
  },
  "btnLabel": {
    "sign": "firmar",
    "Sign": "FIRMAR",
    "Resend": "Reenviar",
    "Revoke": "Revocar",
    "Delete": "Eliminar",
    "Use": "Usar",
    "Quick send": "Envío rápido",
    "Edit": "Editar",
    "Share with team": "Compartir con el equipo",
    "Share": "Compartir",
    "View": "Ver",
    "option": "Opción",
    "Embed": "Incrustar",
    "Copy TemplateId": "Copiar ID de plantilla",
    "Copy Public URL": "Copiar URL pública",
    "extend-expiry-date": "Ampliar fecha de caducidad"
  },
  "report-heading": {
    "Sr.No": "Nº",
    "Title": "Título",
    "Email": "Correo",
    "Phone": "Teléfono",
    "File": "Archivo",
    "Owner": "Propietario",
    "Signers": "Firmantes",
    "Note": "Nota",
    "Folder": "Carpeta",
    "Reason": "Razón",
    "Parent Team": "Equipo padre",
    "Active": "Activo",
    "Role": "Rol",
    "Team": "Equipo",
    "Name": "Nombre",
    "Status": "Estado",
    "created-date": "Fecha de creación",
    "Type": "Tipo",
    "Logs": "Registros",
    "Expiry-date": "Date d'expiration"
  },
  "report-help": {
    "Draft Documents": "Estos son documentos que has iniciado pero no has finalizado para su envío.",
    "Need your sign": "Esta es una lista de documentos que esperan tu firma.",
    "In-progress documents": "Esta es una lista de documentos que has enviado a otras partes para su firma.",
    "Completed Documents": "Esta es una lista de documentos en los que todas las partes han firmado.",
    "Declined Documents": "Esta es una lista de documentos que han sido rechazados por uno de los firmantes.",
    "Expired Documents": "Esta es una lista de documentos que han alcanzado su fecha de caducidad.",
    "Contactbook": "Esta es una lista de contactos/firmantes añadidos por ti. Aparecerán como sugerencias cuando intentes añadir firmantes a un nuevo documento.",
    "Templates": "Esta es una lista de plantillas que están a tu disposición para crear documentos. Puedes hacer clic en el botón «usar» para crear un nuevo documento utilizando una plantilla, modifica el documento y añade firmantes en el siguiente paso."
  },
  "form-name": {
    "Sign Yourself": "Firmar",
    "Request Signatures": "Solicitar firmas",
    "New Template": "Nueva plantilla"
  },
  "file-type": "pdf, png, jpg, jpeg",
  "docx": "docx",
  "file-selected": "archivo seleccionado",
  "template-title": "Título de la plantilla",
  "document-title": "Título del documento",
  "description": "Descripción",
  "time-to-complete": "Plazo de finalización (días)",
  "send-in-order": "Enviar en orden",
  "send-in-order-help": {
    "p1": "Elige cómo quieres que se envíen las solicitudes de firma a los firmantes del documento:",
    "p2": "Seleccionando esta opción se enviará inicialmente la solicitud de firma al primer firmante. Una vez que el primer firmante complete su parte, el siguiente firmante en la secuencia recibirá la solicitud. Este proceso continúa hasta que todos los firmantes hayan firmado el documento. Este método garantiza que el documento se firme en un orden específico.",
    "p3": "Seleccionando esta opción se enviarán los enlaces para la firma a todos los firmantes simultáneamente. Cada firmante puede firmar el documento cuando le convenga, independientemente de si otros firmantes han completado sus firmas. Este método es más rápido, pero no impone ningún orden de firma entre los participantes.",
    "p4": "Selecciona la opción que mejor se adapte a las necesidades de tu tramitación de documentos."
  },
  "no": "No",
  "auto-reminder": "Recordatorio automático",
  "remind-once": " Recordar una vez cada (Días)",
  "next": "Siguiente",
  "select-folder": "Seleccionar carpeta",
  "OpenSign-drive": "OpenSign™ Drive",
  "drive-document-status": {
    "Completed": "Completado",
    "Declined": "Rechazado",
    "Draft": "Borrador",
    "Expired": "Expirado",
    "In Progress": "En progreso"
  },
  "select-folder-help": "Si no seleccionas una carpeta, tu documento firmado se guardará en la carpeta principal de OpenSign Drive.",
  "no-data": "No se encontraron datos",
  "save-here": "Guardar aquí",
  "back": "Atrás",
  "add-folder": "Añadir carpeta",
  "create-folder": "Crear carpeta",
  "parent-folder": "Carpeta superior",
  "create": "Crear",
  "signers": "Firmantes",
  "signers-help": "Empieza a escribir el nombre de un contacto para ver los firmantes sugeridos entre tus contactos guardados o añade otros nuevos. Organiza el orden de firma añadiendo firmantes en la secuencia deseada. Utiliza el botón «+» para añadir nuevos firmantes y la «X» para quitar todos. Cada firmante recibirá una solicitud por correo electrónico para que firme el documento según el orden indicado.",
  "add-signer": "Añadir firmante",
  "contact-not-found": "Contacto no encontrado",
  "add-yourself": "Añadirte a ti mismo",
  "submit": "Enviar",
  "reset": "Volver a empezar",
  "my-signature": "Mi firma",
  "signature": "Firma",
  "upload-image": " Subir imagen",
  "clear": "Limpiar",
  "upload-signature/Image": "Por favor, sube la firma/imagen",
  "initials": "Iniciales",
  "API": "API",
  "api-token": "Token API",
  "regenerate-token": "Regenerar token activo",
  "generate-token": "Generar token activo",
  "view-docs": "Ver documentación",
  "generate-token-alert": "¿En definitiva quieres regenerar el token? Esto expirará el token antiguo.",
  "yes": "Sí",
  "copied": "Copiado",
  "something-went-wrong-mssg": "Algo salió mal, por favor, intenta de nuevo más tarde.",
  "token-generated": "Token generado exitosamente.",
  "webhook": "Webhook",
  "update-webhook": "Actualizar webhook",
  "add-webhook": "Agregar webhook",
  "webhook-added": "Webhook agregado exitosamente.",
  "team-disabled": "Equipo deshabilitado",
  "Team enabled": "Equipo habilitado",
  "are-you-sure": "¿En definitiva quieres ",
  "disable": "deshabilitar",
  "enable": "habilitar",
  "this-team": " este equipo?",
  "edit-team": "Editar equipo",
  "name-of-team": "Nombre del equipo",
  "prev": "Anterior",
  "no-data-avaliable": "No hay datos disponibles",
  "add-team": "Agregar equipo",
  "page-not-found": "Página no encontrada",
  "users-from-teams": "usuarios de equipos",
  "user-status": "Estado del usuario",
  "activate": "activar",
  "deactivate": "desactivar",
  "this-user": " este usuario",
  "delete-user": "Eliminar usuario",
  "delete": "eliminar",
  "add-user": "Agregar usuario",
  "password-generateed": "La contraseña solo será generada una vez; asegúrate de copiarla.",
  "Team status": "Estado del equipo",
  "user-deactivated": "Usuario desactivado.",
  "user-activated": "Usuario activado.",
  "public": "Público",
  "download": "Descargar",
  "view": "Ver",
  "make-template-public": "Convertir la plantilla en pública",
  "make-template-private": "Convertir la plantilla en privada",
  "make-template-public-alert": "¿En definitiva quieres convertir esta plantilla en pública?",
  "make-template-private-alert": "¿En definitiva quieres convertir esta plantilla en privada? Esto lo removerá de tu perfil público.",
  "public-role": "Rol público",
  "public-url": "Perfil publico",
  "embed-template": "Insertar plantilla",
  "public-url-copy": "Aquí está tu URL pública: ",
  "public-url-copy-mssg": "Cópiala o compártela con el firmante y podrás ver todas tus plantillas públicas.",
  "add-public-url-alert": "Por favor, completa la configuración de tu perfil público OpenSign. Una vez terminado, podrás crear plantillas públicas. Este proceso solo necesita ser completado una vez.",
  "share-with-alert": "No puedes compartir una plantilla si alguno de los roles ya tiene contactos asignados. Elimina todas las asignaciones de contactos de los roles antes de compartir la plantilla.",
  "share-with": "Compartir con",
  "team-not-found": "Equipo no encontrado",
  "roles": "Roles",
  "delete-document": "Eliminar documento",
  "delete-document-alert": "¿En definitiva quieres eliminar este documento?",
  "quick-send": "Envío rápido",
  "add-new": "Agregar nuevo",
  "send": "Enviar",
  "quick-send-alert-1": "Todos los roles de este documento están actualmente vinculados a contactos. Para enviar rápidamente copias de esta plantilla a varios firmantes, por favor, asegúrate de que al menos un rol no esté vinculado a ningún contacto.",
  "quick-send-alert-2": "Por favor, asegúrate de que hay al menos un widget de firma añadido para cada destinatario.",
  "quick-send-alert-3": "Por favor, añade al menos un rol a esta plantilla para poder hacer un «envío rápido» de copias a varios firmantes.",
  "quick-send-alert-4": "El envío rápido ha alcanzado el límite.",
  "copy-link": "Copiar enlace",
  "copy": "Copiar",
  "revoke-document": "Revocar documento",
  "revoke-document-alert": "¿En definitiva quieres revocar este documento?",
  "resend-mail": "Reenviar correo",
  "resend-mail-help": "Puedes usar las siguientes variables que serán reemplazadas por sus valores reales:- {{document_title}}, {{sender_name}}, {{sender_mail}}, {{sender_phone}}, {{receiver_name}}, {{receiver_email}}, {{receiver_phone}}, {{expiry_date}}, {{company_name}}, {{signing_url}}.",
  "subject": "Asunto",
  "body": "Cuerpo",
  "add-contact": "Agregar contacto",
  "add-signer-alert": "¡El contacto ya existe! Selecciónelo en el menú desplegable 'Firmantes'",
  "record-delete-alert": "¡Entrada eliminada exitosamente!",
  "record-revoke-alert": "¡Entrada revocada exitosamente!",
  "mail-sent-alert": "Correo enviado exitosamente.",
  "document-sent-alert": "¡Documento enviado exitosamente!",
  "template-share-alert": "Plantilla compartida exitosamente.",
  "template-public-alert-1": "Has convertido exitosamente la plantilla en pública.",
  "template-public-alert-2": "Has convertido exitosamente la plantilla en privada.",
  "template-public-alert-3": "Tienes que seleccionar un rol para los firmantes públicos.",
  "template-public-alert-4": "Por favor, asegúrate de que has añadido al menos un widget de firma para cada firmante.",
  "template-public-alert-5": "Dado que esta plantilla tiene «enviar en orden» habilitado, el rol público debe estar posicionado arriba al inicio.",
  "template-public-alert-6": "Por favor, enlaza firmantes a todos los roles excepto al usuario de rol público.",
  "template-public-alert-7": "Por favor, asigna al menos un rol público para convertir está plantilla en pública.",
  "loader": " Esto podría llevar algún tiempo",
  "pages": "Páginas",
  "document-signed": "Documento firmado",
  "close": "Cerrar",
  "validation-alert": "Alerta de validación",
  "validate-alert-mssg": " Los datos ingresados no cumplen con los criterios establecidos por la expresión regular.",
  "otp-verification": "Verificación OTP",
  "enter-otp": "Ingresar OTP",
  "verify": "Verificar",
  "verify-email-1": "Verificar correo",
  "resend": "Reenviar",
  "contact-details": "Detalles del contacto",
  "verify-email": "¡Por favor, verifica tu correo!",
  "send-otp": " Enviar OTP",
  "otp-placeholder": "Ingresa el código de verificación enviado por correo",
  "loading-doc": "Cargando documento...",
  "widgets-name": {
    "signature": "firma",
    "stamp": "sello",
    "initials": "iniciales",
    "name": "nombre",
    "job title": "título del puesto",
    "company": "compañía",
    "date": "fecha",
    "text": "texto",
    "text input": "entrada de texto",
    "checkbox": "casilla",
    "dropdown": "desplegable",
    "radio button": "botón de radio",
    "image": "imagen",
    "email": "correo"
  },
  "fields": "Campos",
  "recipients": "Destinatarios",
  "please-add": "Por favor, agrega un",
  "signed-by": "Firmado por",
  "more": "más",
  "sent": "enviado",
  "print": "Imprimir",
  "certificate": "Certificado",
  "decline": "Rechazar",
  "finish": "Finalizar",
  "mail": "Correo",
  "sign-now": "Firmar ahora",
  "successfully-signed": "¡Firmado exitosamente!",
  "email-mssg": " Los destinatarios agregados aquí recibirán una copia del documento firmado.",
  "email-error-1": " por favor, proporciona una dirección de correo correcta",
  "email-error-2": "Solo puedes enviar hasta a 10 destinatarios a la vez.",
  "Email-verified-alert-1": "El correo está verificado.",
  "Email-verified-alert-2": "El correo ya ha sido verificado.",
  "upload-stamp-image": "Subir imagen del sello",
  "draw": "Dibujar",
  "type": "Escribir",
  "color-type": {
    "red": "rojo",
    "blue": "azul",
    "black": "negro",
    "yellow": "amarillo"
  },
  "my-initials": "Mis iniciales",
  "upload": "Subir",
  "initial-teb": "Iniciales",
  "signature-tab": "Firma",
  "your-signature": "Tu firma",
  "copy-title": "Copiar widget a",
  "contact-delete-alert": "¿En definitiva quieres eliminar este contacto?",
  "reset-password-alert-1": "El enlace para restablecer la contraseña ha sido enviado a tu correo electrónico",
  "reset-password-alert-2": "Por favor, configura un adaptador de correo ",
  "reset-password-alert-3": "Restablece tu contraseña",
  "faild-animation": "Error al cargar la animación",
  "apply": "Aplicar",
  "copy-type": {
    "All pages": "Todas las páginas",
    "All pages but last": "Todas las páginas menos la última",
    "All pages but first": "Todas las páginas menos la primera",
    "Next to current widget": "Junto al widget actual"
  },
  "options": "Opciones",
  "minimun-check": "Chequeo mínimo",
  "maximum-check": "Chequeo máximo",
  "default-value": "Valor por defecto",
  "select": "Seleccionar",
  "read-only": "Es de solo lectura",
  "hide-labels": "Esconder etiquetas",
  "checkbox": "Casilla",
  "alert": "Alerta",
  "zoom-in": "Acercar",
  "zoom-out": "Alejar",
  "document-signed-alert": "¡Felicitaciones! 🎉 ¡Este documento ha sido firmado por ti exitosamente!",
  "otp-sent-alert": "OTP enviado a tu correo",
  "fields-required": "Campos requeridos",
  "signature-widget-alert-1": "Por favor, asegúrate de que hay al menos un widget de firma agregado",
  "signature-widget-alert-2": "Por favor, asegúrate de que todos los campos están correctamente rellenados y de que cumplen todos los requisitos.",
  "encrypted-pdf-alert": "Actualmente los archivos PDF encriptados no están soportados.",
  "encrypted-pdf-alert-1": "La contraseña del archivo PFX es inválida.",
  "user-not-exist": "El usuario no existe",
  "template-signature-field": "Por favor, agrega al menos un campo de firma para todos los roles.",
  "template-role-alert": "Por favor, primero agrega roles",
  "create-document": "Crear documento",
  "template-created-alert": "¿Quieres crear un documento usando la plantilla que acabas de crear?",
  "signers-alert": "alerta de firmantes",
  "template-creation-alert-1": "¡Por favor, selecciona un firmante para agregar un marcador de posición!",
  "ok": "OK",
  "radio-group": "Grupo de radio",
  "dropdown-options": "Opciones del desplegable",
  "add-role": "Agregar rol",
  "role-ex": " por ejem.: Cliente, RRHH, Director, Administrador, Estudiante, etc.",
  "add/choose-signer": "Agregar/Elegir firmante",
  "choose-from-contacts": "Elegir desde los contactos",
  "select-signer": " Por favor, selecciona el firmante",
  "edit-template": "Editar plantilla",
  "widget-info": "Información del widget",
  "validation": "Validación",
  "invalid-default-value": "valor por defecto inválido",
  "hint": "Pista",
  "color": "color",
  "role-help": {
    "p1": "¿Qué son los roles de una plantilla?",
    "p2": "Empieza por especificar cada uno de los roles necesarios para completar el documento. Piensa en las partes implicadas en el proceso de firma y cuáles son sus responsabilidades. Los roles más habituales son RRHH para los documentos internos, Cliente para los contratos o Proveedor para los convenios comerciales.",
    "p3": "¿Por qué preasignar usuarios a algunos roles?",
    "p4": "Para los roles que consistentemente involucran al mismo individuo (por ejem., la firma del Gerente en las ofertas de empleo), puedes preasignar un usuario a un rol dentro de una plantilla. Este paso es opcional pero recomendado para la eficiencia y consistencia entre documentos",
    "p5": "¿Cuando especifico el usuario asignado a cada rol?",
    "p6": "Cuando crees un documento usando tu plantilla, se te pedirá que asignes usuarios a cada rol definido. Si un rol ya tiene un usuario asignado, este será rellenado con anticipación, pero puedes modificarlo según lo necesites antes de enviar el documento."
  },
  "add-recipients": "Agregar destinatarios",
  "loading-mssg": "Esto podría llevar algún tiempo",
  "send-mail": "Enviar correo",
  "placeholder-alert-1": "Por favor, asegúrate de que hay al menos un widget de firma para cada destinatario.",
  "placeholder-alert-2": "Por favor, confirma que hayas rellenado el campo de texto.",
  "placeholder-alert-3": " ¿En definitiva quieres enviar este documento para ser firmado?",
  "placeholder-alert-4": "¡Has enviado exitosamente correos a todos los destinatarios!",
  "placeholder-alert-5": "¿Quieres firmar documentos ahora mismo?",
  "placeholder-alert-6": "¡Por favor, configura el adaptador de correo para enviar correos!",
  "placeholder-alert-7": "¡Por favor, selecciona un firmante para agregar un marcador de posición!",
  "email-subject": "asunto del correo",
  "email-body": "cuerpo del correo",
  "email-placeholder": "agregar cuerpo del correo",
  "reset-to-default": "Restablecer a por defecto",
  "cutomize-email": "Personalizar correo",
  "upgrade-to-customize-email": "Mejora para personalizar el correo",
  "sign-url": "URL de firma",
  "mails-sent": "Correos enviados",
  "mail-not-delivered": "correo no entregado",
  "document-alert": "Alerta de documento",
  "owner-subscription-expired": "La suscripción del propietario ha expirado.",
  "subscription-expired": "Suscripción expirada",
  "alert-message": "Mensaje de alerta",
  "document-decline": "Rechazar documento",
  "decline-alert-1": "¿En definitiva quieres rechazar este documento?",
  "decline-alert-2": "¡Has rechazado este documento!",
  "decline-alert-3": "No puedes firmar este documento ya que ha sido rechazado/revocado.",
  "sign here": "Firma aquí",
  "guest-email-alert": "el código de verificación ha sido enviado a tu correo",
  "get-otp-alert": "recibirás un código de verificación por correo",
  "user-already-exist": "El usuario ya existe.",
  "server-error": "¡Error interno del servidor!",
  "fill-required-details!": "¡Por favor, rellena los detalles requeridos!",
  "sign-up-form": "Formulario de registro",
  "sign-up": "Registrarse",
  "folder-already-exist!": "¡la carpeta ya existe!",
  "please-select-position!": "¡por favor, selecciona una posición!",
  "default-sign-alert": "¿En definitiva quieres firmar automáticamente en todos los lugares solicitados?",
  "Your-Signature": "Tu firma",
  "auto-sign-all": "Firmar todo automáticamente",
  "generating-certificate": "Generando certificado",
  "pdf-download": "Descargar PDF",
  "generate-certificate-alert": " Tu certificado de finalización se está generando. Por favor, espera un momento. Si la descarga no inicia pronto, presiona el botón otra vez.",
  "folder-already-exist": "¡La carpeta ya existe!",
  "folder-created-successfully": "¡Carpeta creada exitosamente!",
  "fill-folder-name": "Por favor, rellena el nombre de la carpeta",
  "already-exists-this-username": "¡Un usuario con este nombre de usuario ya existe!",
  "verification-code-sent": "¡El correo de verificación ha sido enviado a tu correo!",
  "registered-user-successfully": "Usuario registrado exitosamente.",
  "role-not-found": "Rol no encontrado.",
  "do-not-access": "No tienes acceso, por favor, contacta al administrador.",
  "add-admin": "Agregar administrador",
  "opensign-setup": "Instalación de OpenSign",
  "join-discord": "Únete a nuestro servidor de Discord",
  "admin-already-exist": "El administrador ya existe.",
  "password-update-alert-1": "Contraseña actualizada exitosamente.",
  "password-update-alert-2": "Tu contraseña actual es incorrecta o falta.",
  "password-update-alert-3": "Tu contraseña actual es incorrecta o falta.",
  "password-update-alert-4": "Tu contraseña y su confirmación no son iguales.",
  "current-password": "Contraseña actual",
  "new-password": "Contraseña nueva",
  "confirm-password": "Confirmar contraseña",
  "file-alert-1": "El tamaño del archivo seleccionado es muy grande. Por favor, selecciona un archivo con un tamaño menor a",
  "file-alert-2": "Por favor, selecciona un archivo.",
  "file-alert-3": "Por favor, espera mientras se sube el documento.",
  "enter-pdf-password": "Ingresa la contraseña del PDF",
  "correct-password": "Por favor, proporciona la contraseña correcta",
  "decrypting-pdf": " Desencriptando PDF, por favor, espera...",
  "invalid-otp": "OTP inválido",
  "user-not-found": "¡Usuario no encontrado!",
  "enter-otp-alert": "¡Por favor, ingresa el OTP!",
  "get-verification-code": "Obtener código de verificación",
  "get-verification-code-2": "Obtendrás un código de verificación por correo",
  "enter-verification-code": "Ingresar código de verificación",
  "provide-your-details": "Proporciona tus detalles",
  "provide-email": "Por favor, proporciona un correo.",
  "additional-info": "Información adicional",
  "signature-saved-alert": "Firma guardada exitosamente.",
  "fill-field": "Por favor, rellena este campo",
  "error-template": "Error: ¡Plantilla no encontrada!",
  "error": "Error",
  "invalid-document": "Error: ¡Documento inválido!",
  "document-not-found": "¡Documento no encontrado!",
  "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.",
  "document-signed-alert-6": "Este documento ha sido rechazado por uno o más destinatarios.",
  "document-signed-alert-7": "Este documento ya no está disponible.",
  "document-signed-alert-8": "Este documento ya ha sido enviado para ser firmado.",
  "yet-to-sign": "Todavía por firmar",
  "validation-alert-1": "Los datos ingresados no cumplen con los criterios establecidos por la expresión regular.",
  "account-already-exists": "¡La cuenta ya existe!",
  "choose-password": "Elegir contraseña",
  "enter-password": "Ingresar contraseña",
  "sure": "claro",
  "subscribed-alert": "¡Ya te has suscrito al plan!",
  "monthly": "Mensual",
  "yearly-upto": "Anual (hasta 66% de descuento)",
  "billed-yearly": "Facturado anualmente",
  "billed-monthly": "Facturado mensualmente",
  "plansubscription-1": "Alójalo por tu cuenta gratuitamente",
  "visit-github": "Visitar GitHub",
  "user-already-exist-name": "¡Un usuario con este nombre de usuario ya existe!",
  "do-not-access-contact-admin": "No tienes acceso, por favor, contacta a un administrador.",
  "filed-required-correctly": "Por favor, rellena correctamente los detalles requeridos.",
  "admin-created": "Administrador creado",
  "invalid-masterkey": "Llave maestra inválida",
  "opensign-Setup": "Instalación de OpenSign",
  "master-key": " Llave maestra",
  "profile-update-alert": "Perfil actualizado exitosamente.",
  "date": "Fecha",
  "report-not-found": "Reporte no encontrado",
  "please-wait": "por favor, espera",
  "select-foler": "Seleccionar carpeta",
  "generated-on": "Generado el",
  "text-field": "Campo de texto",
  "font-size": "Tamaño de la fuente",
  "widget-status": {
    "Required": "Requerido",
    "Optional": "Opcional"
  },
  "all-right": "Todos los derechos reservados",
  "version": "versión",
  "social-media": {
    "github": "GitHub",
    "linked-in": "LinkedIn",
    "twitter": "Twitter",
    "discord": "Discord"
  },
  "tour-mssg": {
    "home-layout-1": "¡Has iniciado sesión exitosamente! Echemos un vistazo.",
    "home-layout-2": "Para subir documentos para firmar tú mismo o para solicitar la firma de otros, simplemente selecciona los botones correspondientes.",
    "home-layout-3": "¡Ya puedes empezar a utilizar OpenSign! Si necesitas soporte siéntete libre de contactarnos.",
    "generate-token": "Mejora ahora para generar un token API de producción.",
    "opensign-drive-1": "Haz clic en los enlaces para navegar fácilmente por la estructura jerárquica de carpetas y ver los documentos de cada carpeta.",
    "opensign-drive-2": "Haz clic en el botón «Agregar» para crear una nueva carpeta o documento.",
    "opensign-drive-3": "Ordena tus documentos por «Fecha» o «Nombre» usando este menú.",
    "opensign-drive-4": "Haz clic en este menú para mostrar los documentos en vista de lista.",
    "opensign-drive-5": "La lista de documentos es mostrada de acuerdo a la opción de ordenamiento seleccionada. Los íconos situados junto a cada documento indican su estado actual.",
    "opensign-drive-6": "Haz clic con el botón derecho en un documento para ver opciones como «Descargar», «Renombrar», «Mover» y «Eliminar». Haz clic en el documento para abrirlo.",
    "opensign-drive-7": "Haz clic con el botón derecho en cualquier carpeta para ver las opciones. Elige «Renombrar» para cambiar el nombre de la carpeta o haz clic en ella para navegar por su contenido.",
    "pdf-request-file-1": "Lista de firmantes que todavía tienen que firmar este documento.",
    "pdf-request-file-2": "Haz clic en cualquiera de los marcadores de posición que aparecen en el documento para firmar. A continuación, verás opciones para dibujar tu firma, escribirla o subir una imagen .",
    "pdf-request-file-3": "Haz clic en los botones «Atrás», «Rechazar» o «Finalizar» para navegar por el documento. Utiliza el menú de tres puntos para ver otras opciones, como el botón «Descargar».",
    "pdf-request-file-4": "Lista de firmantes que ya han firmado el documento.",
    "pdf-request-file-5": "Puedes hacer clic en «Firmar todo automáticamente» para firmar de manera automática en todos los lugares que deban ser firmados por ti. Asegúrate de revisar correctamente el documento antes de hacer clic en ese botón.",
    "placeholder-sign-1": "Selecciona un destinatario de esta lista para agregar un marcador de posición dónde este destinatario tendrá que firmar. El marcador de posición aparecerá con el mismo color que el nombre del destinatario una vez lo sueltes en el documento.",
    "placeholder-sign-2": "Hacer clic en el botón «Agregar destinatarios» te permitirá añadir más firmantes.",
    "placeholder-sign-3": "Haz clic en este botón para agregar más destinatarios/firmantes al documento.",
    "placeholder-sign-4": "Arrastra o haz clic en un capo para agregarlo al documento.",
    "placeholder-sign-5": "El área de contenido del PDF ya muestra los marcadores de posición existentes en la plantilla. Para tu comodidad, estos marcadores de posición coincidirán con el color del nombre del destinatario, haciéndolos fácilmente identificables.",
    "placeholder-sign-6": "Hacer clic en «Enviar» guardará el documento. En el siguiente paso podrás personalizar los correos que serán enviados a los destinatarios o copiar los enlaces para firmar y compartirlos con los destinatarios por tu cuenta.",
    "report-1": "Haz clic en el botón «Agregar» para crear una nueva plantilla. Las plantillas son documentos reusables diseñados para generar rápidamente nuevos documentos con la misma estructura pero diferentes firmantes. Por ejemplo, una plantilla de RR.HH. para el proceso de incorporación podría tener roles predefinidos como «Director de RR.HH.» y «Nuevo empleado». Cada vez que utilices la plantilla, puedes asignar el rol de «Nuevo empleado» a los distintos miembros del personal que se incorporen, mientras que el rol de « Director de RR.HH.» permanece constante, lo que facilita un proceso de incorporación fluido para cada persona contratada.",
    "redirect": "Haz clic en el botón «Usar» para crear un nuevo documento desde una plantilla existente.",
    "bulksend": "Para crear y enviar rápidamente múltiples documentos usando una plantilla existente, haz clic en el botón «Envío rápido».",
    "option": "Este menú revela más opciones como «Editar» y «Eliminar». Usa el botón «Editar» para agregar roles, modificar campos y actualizar tu plantilla. Los cambios aplicarán para todos los documentos futuros que sean creados usando esta plantilla pero no afectarán a los documentos ya existentes. Con el botón «Eliminar» puedes eliminar la plantilla.",
    "signyour-self-1": "Para personalizar el documento antes de que sea firmado, selecciona y arrastra al documento los widgets que prefieras. Escoge el espacio perfecto para cada modificación para adaptar el documento a tus necesidades.",
    "signyour-self-2": "Arrastra y suelta en cualquier lugar de esta área. Después podrás cambiar el tamaño y moverlo.",
    "template-placeholder-1": "Hacer clic en el botón «Agregar rol» te permitirá agregar varios roles de firmantes. Puedes asociar usuarios a cada rol en los siguientes pasos.",
    "template-placeholder-2": "Una vez que los roles hayan sido agregados, selecciona un rol de la lista para agregar un marcador de posición donde éste tendrá que firmar. El marcador de posición aparecerá con el mismo color que el nombre del rol una vez lo sueltes en el documento.",
    "template-placeholder-3": "Arrastra o haz clic en un capo para agregarlo al documento.",
    "template-placeholder-4": "Arrastra el marcador de posición para un rol a cualquier lugar del documento. Recuerda, aparecerá con el mismo color que el nombre del rol para poder referenciarlo fácilmente.",
    "template-placeholder-5": "Hacer clic en «Siguiente» guardará la plantilla actual. Luego de guardar, se te consultará si deseas crear un nuevo documento usando esta plantilla.",
    "webhook-1": "Mejora ahora para configurar un webhook",
    "Need your Signature": "Hacer clic en esta tarjeta te llevará a la lista de documentos que esperan por tu revisión.",
    "Out for signatures": "Hacer clic en esta tarjeta te llevará a la lista de documentos que esperan tu firma.",
    "Recent signature requests": "Esta es una lista de documentos que esperan por tu firma.",
    "Recently sent for signatures": "Esta es una lista de documentos que has enviado a otras partes para que sea firmado.",
    "Drafts": "Estos son documentos que has empezado pero que todavía no finalizas para su envío.",
    "public-template": "Este video muestra cómo puedes configurar tu perfil público personalizado, como «https://opensign.me/tu-nombre-de-usuario». También aprenderás cómo personalizar tu eslogan y cómo hacer tus plantillas disponibles para su firmado público."
  },
  "enter-email-plaholder": "Agrega una dirección de correo y presiona «Enter»",
  "success-email-alert": "¡Correo enviado exitosamente!",
  "expired-doc-title": "Documento expirado",
  "expired-on-mssg": "Este documento expiro el {{expiredDate}} y ya no está disponible para ser firmado.",
  "signature-validate-alert": "Por favor, confirma que has seleccionado al menos {{minRequiredCount}} casillas.",
  "signature-validate-alert-2": "Asegúrate de que este campo esté correctamente rellenado y que cumpla con todos los requisitos.",
  "remaing-users": "Usuarios restantes",
  "Role": "Rol",
  "additional-users": "Por favor, compra el complemento Usuarios.",
  "Quantity-of-users": "Cantidad de usuarios",
  "Price": "Precio",
  "Total-price-for-next-time": "Precio total para la próxima vez",
  "Proceed": "Proceder",
  "Select": "Seleccionar",
  "Add-seats": "Agregar plazas",
  "user-name-exist": "el nombre de usuario ya existe",
  "format": "formato",
  "select-date-format": "Selecciona un formato de fecha",
  "quantity-of-credits": "Cantidad de créditos premium",
  "remaining-credits": "Créditos premium disponibles:",
  "remaining-credits-help": "Usa créditos premium para la API para la firma de documentos, envío en masa, o para incorporar la integración de OpenSign en tu página web. Te quedan {{allowedcredits}} créditos incluidos y {{addoncredits}} créditos comprados adicionalmente.",
  "additional-credits": "Por favor, compra créditos premium",
  "quota-err-quicksend": "Cuota alcanzada, no tienes créditos suficientes.",
  "buy-credits": "Comprar créditos premium",
  "rotate-right": "Rotar a la derecha",
  "rotate-left": "Rotar a la izquierda",
  "rotate-alert-mssg": "Todos los widgets de esta página se perderán. ¿En definitiva quieres proceder?",
  "templateid": "ID de plantilla",
  "bulk-send-subcription-alert": "Por favor, mejora al plan a Professional o Team para usar envío en masa.",
  "generate-test-token": "Generar token de prueba",
  "regenerate-test-token": "Regenerar token de prueba",
  "help-test-token": "Este token puede ser usado para probar las API en el punto de acceso «https://sandbox.opensignlabs.com/api/v1», permitiéndote realizar firmas de documentos ilimitadas. Por favor, ten en cuenta que el API de pruebas firmará tus documentos con certificados autofirmados, que podrían no ser reconocidos por Adobe como válidos. Una vez hayas completado tus pruebas, puedes mejorar a uno de nuestros planes de pago para generar un token de producción.",
  "help-api-token": "Este token puede ser usado para acceder a las API de producción en el punto de acceso «{{origin}}/api/v1». Solo puede ser generado con uno de nuestros planes de pago.",
  "reason": "Razón",
  "decline-by": "Rechazado/revocado por",
  "document-declined": "Documento rechazado",
  "public-template-mssg-1": "Para integrar OpenSign a tu proyecto React o Next.js, simplemente ejecuta los siguientes comandos:",
  "public-template-mssg-2": "Asegúrate de tener «npm» o «yarn» configurado en tu proyecto. Si estás usando «yarn», puedes reemplazar «npm install» con «yarn add @opensign/react».",
  "public-template-mssg-3": "¿Necesitas más detalles o ejemplos?",
  "public-template-mssg-4": "Visita la",
  "public-template-mssg-5": " «npm» para las últimas actualizaciones, documentación detallada e historial de versiones.",
  "public-template-mssg-6": "Antes de que puedas usar este fragmento de código, debes convertir esta plantilla en pública.",
  "copy-code": "COPIAR",
  "copied-code": "COPIADO",
  "Installation": "Instalación",
  "Usage": "Uso",
  "insufficient-credits": "Créditos de firma insuficientes",
  "insufficient-credits-mssg": "El propietario de este documento actualmente carece de los créditos OpenSign necesarios para que puedas firmarlo. Por favor, contacta al propietario si necesitas más detalles.",
  "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",
  "unauthorized-modal": "No tienes permisos para realizar esta acción, por favor, contacta a {{adminEmail}}.",
  "sent-this-month": "Enviados este mes",
  "available-seats": "Plazas disponibles",
  "buy-users": "Comprar más usuarios",
  "isenable-otp": "Habilitar verificación con OTP",
  "isenable-otp-help": {
    "p1": "¿Te gustaría habilitar el proceso de verificación usando una contraseña de un solo uso (OTP)?",
    "p2": "Seleccionar esta opción habilitará la verificación con OTP. Los usuarios recibirán un código de verificación por correo, la cual tendrán que ingresar para poder firmar el documento.",
    "p3": "Seleccionar esta opción deshabilitará la verificación con OTP, lo cual permitirá a los usuarios firmar el documento directamente sin pasos adicionales.",
    "p4": "Por favor, selecciona la opción que mejor se adapte a tus requisitos para la firma de documentos."
  },
  "advanced-options": "Opciones avanzadas",
  "hide-advanced-options": "Ocultar las opciones avanzadas",
  "download-files": "Descargar archivos",
  "download-pdf": "Descargar PDF",
  "pdf-certificate": "Descargar PDF + Certificado",
  "document-logs": "Registros de documentos",
  "server-down": "No se pudo conectar al servidor de OpenSign. Si estás alojando OpenSign por tu cuenta, por favor, asegúrate de que todos los pasos de la documentación han sido seguidos correctamente. Si estás ejecutando OpenSign localmente, puedes estar accediendo a OpenSign por un número de puerto incorrecto.",
  "admin-exists": "El administrador ya existe. Por favor, inicia sesión en la aplicación usando las credenciales de administrador para poder administrar los usuarios.",
  "public-tour-message": "Por favor, convierte la plantilla en pública para copiar la URL pública",
  "add-user-template": "Es necesario agregar un rol antes de poder agregarle campos.",
  "pdf-uncompatible": "Este pdf no es compatible con opensign, comuníquese con <support@opensignlabs.com>",
  "enable-tour": "Habilitar recorrido",
  "istourenabled-help":{
    "p1": "Esto permitirá realizar una visita guiada para los firmantes, brindando instrucciones durante el proceso de firma.",
    "p2": "Esto desactivará la visita guiada, lo que garantizará una experiencia de firma más rápida e ininterrumpida.",
    "p3": "Consejo: si sus firmantes están familiarizados con OpenSign y lo utilizan con frecuencia, es posible que desee desactivar la visita guiada para disfrutar de una experiencia más fluida. Elija la opción que mejor se adapte a sus necesidades de firma de documentos"
   },
  "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.",
  "allowed-signature-types": "Tipos de firma permitidos",
  "at-least-one-signature-type": "Se debe habilitar al menos un tipo de firma.",
  "expect-default-one-signature-type": "Habilite un tipo de firma adicional aparte del predeterminado.",
  "add-signer-note": "Nota - Este contacto se agregará a su lista de contactos",
  "allowed-signature-types-help": {
    "p1": "Esta preferencia de firma controla qué opciones de firma están disponibles para sus firmantes. Solo los tipos de firma que seleccione aparecerán en el widget de firma cuando se firme un documento. Por ejemplo, si elige sólo la opción 'Draw' en las preferencias, su firmante verá sólo la opción 'Draw' en el widget de firma, mientras que las otras tres opciones no estarán disponibles.",
    "l1": "Cree una firma manuscrita directamente en la pantalla usando su dedo o un lápiz.",
    "l2": "Ingrese su nombre y elija entre varios estilos de fuente para crear una firma.",
    "l3": "Cargue una versión digital existente de su firma.",
    "l4": "Utilice un estilo de firma preestablecido guardado en 'Mi firma' en su configuración."
  },
  "notify-on-signatures": "Notificar sobre firmas",
  "notify-on-signatures-help": {
    "p1": "El creador del documento recibirá una notificación por correo electrónico cada vez que un firmante firme el documento.",
    "note": "Nota: No se enviará un correo electrónico de notificación al último firmante, ya que el creador del documento recibirá un correo electrónico de finalización."
  },
  "expiry-date": "Date d'expiration",
  "expiry-date-updated": "La fecha de vencimiento se ha extendido con éxito hasta el {{newexpirydate}}",
  "expiry-date-error": "Proporcione una nueva fecha de vencimiento que sea posterior a la actual"
 }
@@ -1,5 +1,5 @@
 {
-  "header-news": "Nouvelle fonctionnalité : les profils publics sont désormais en ligne ! Créez et partagez facilement des modèles publics",
+  "header-news": "Nouvelle fonctionnalité : les utilisateurs du forfait Teams peuvent désormais intégrer leurs propres compartiments AWS S3 pour le stockage de fichiers",
  "header-news-btn": "Configurer maintenant",
  "create-account": "Créer un compte",
  "login": "Se Connecter",
@@ -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"
@@ -136,7 +137,9 @@
    "Name": "Nom",
    "Status": "Statut",
    "created-date": "Date de création",
-    "Type": "Saisir"
+    "Type": "Saisir",
    "Logs": "Journaux",
    "Expiry-date": "Fecha de caducidad"
  },
  "btnLabel": {
    "sign": "Signer",
@@ -150,7 +153,10 @@
    "Share": "Partager",
    "View": "Voir",
    "option": "Option",
-    "Embed": "Intégrer"
+    "Embed": "Intégrer",
    "Copy TemplateId": "Copier l'ID du modèle",
    "Copy Public URL":"Copier l'URL publique",
    "extend-expiry-date": "Prolonger la date d'expiration"
  },
  "report-help": {
    "Draft Documents": "Il s'agit de documents que vous avez commencés mais que vous n'avez pas finalisés pour envoi.",
@@ -261,9 +267,11 @@
  "make-template-public-alert": "Êtes-vous sûr de vouloir rendre ce modèle public ?",
  "make-template-private-alert": "Êtes-vous sûr de vouloir rendre ce modèle privé ? Cela le supprimera de votre profil public.",
  "public-role": "Rôle public",
-  "public-url": "URL publique",
+  "public-url": "Profil public",
-  "public-url-copy-mssg": "Voici votre URL publique : copiez-la ou partagez-le avec le signataire et vous pouvoir voir tous vos paramètres publics modèles.",
+  "embed-template": "Intégrer le modèle",
-  "add-public-url-alert": "Veuillez ajouter votre URL publique et vous pourra rendre public modèle.",
+  "public-url-copy": "Voici votre URL publique : ",
  "public-url-copy-mssg": "copiez-la ou partagez-le avec le signataire et vous pouvoir voir tous vos paramètres publics modèles.",
  "add-public-url-alert": "Veuillez terminer la configuration de votre profil public OpenSign. Une fois cela fait, vous pourrez rendre les modèles publics. Ce processus ne doit être effectué qu’une seule fois.",
  "share-with-alert": "Vous ne pouvez pas partager un modèle si des contacts sont déjà attribués à des rôles. Veuillez supprimer toutes les attributions de contacts des rôles avant de partager le modèle.",
  "share-with": "Partager avec",
  "team-not-found": "Équipe introuvable",
@@ -286,7 +294,7 @@
  "subject": "Sujet",
  "body": "Corps",
  "add-contact": "Ajouter le contact",
-  "add-signer-alert": "Le contact existe déjà !",
+  "add-signer-alert": "Le contact existe déjà ! Veuillez le sélectionner dans la liste déroulante 'Signataires'",
  "record-delete-alert": "Enregistrement supprimé avec succès !",
  "record-revoke-alert": " Enregistrement révoqué avec succès ! ",
  "mail-sent-alert": "Courriel envoyé avec succès.",
@@ -440,7 +448,8 @@
  "cutomize-email": "Personnaliser l'e-mail",
  "upgrade-to-customize-email": "Mise à niveau pour personnaliser l'e-mail",
  "sign-url": "Signer l'URL",
-  "Mails Sent": "Mails envoyés avec succès !",
+  "mails-sent": "Mails envoyés avec succès !",
  "mail-not-delivered": "Courrier non distribué",
  "document-alert": "Alerte document",
  "owner-subscription-expired": "L'abonnement du propriétaire a expiré.",
  "subscription-expired": "Abonnement expiré",
@@ -505,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.",
@@ -571,9 +580,10 @@
    "pdf-request-file-5": "Vous pouvez cliquer sur 'Signer automatiquement tout' pour signer automatiquement à tous les emplacements que vous êtes censé signer. Assurez-vous de lire correctement le document avant de cliquer sur ce bouton.",
    "placeholder-sign-1": "Sélectionnez un destinataire dans cette liste pour ajouter un espace réservé à l'endroit où il est censé signer. L'espace réservé apparaîtra de la même couleur que le nom du destinataire une fois que vous le déposerez sur le document.",
    "placeholder-sign-2": "Cliquer sur le bouton 'Ajouter des destinataires' vous permettra d'ajouter plus de signataires.",
-    "placeholder-sign-3": "Faites glisser ou cliquez sur un champ pour l'ajouter au document.",
+    "placeholder-sign-3": "Cliquez sur ce bouton pour ajouter plus de destinataires/signataires au document",
-    "placeholder-sign-4": "La zone de contenu PDF affiche déjà les espaces réservés existants du modèle. Pour votre commodité, ces espaces réservés correspondront à la couleur du nom du destinataire, ce qui les rendra facilement identifiables.",
+    "placeholder-sign-4": "Faites glisser ou cliquez sur un champ pour l'ajouter au document.",
-    "placeholder-sign-5": "Cliquer sur 'Envoyer' enregistrera le document. À l'étape suivante, vous pourrez personnaliser les e-mails à envoyer aux destinataires ou copier les liens de signature et les partager vous-même avec les destinataires.",
+    "placeholder-sign-5": "La zone de contenu PDF affiche déjà les espaces réservés existants du modèle. Pour votre commodité, ces espaces réservés correspondront à la couleur du nom du destinataire, ce qui les rendra facilement identifiables.",
    "placeholder-sign-6": "Cliquer sur 'Envoyer' enregistrera le document. À l'étape suivante, vous pourrez personnaliser les e-mails à envoyer aux destinataires ou copier les liens de signature et les partager vous-même avec les destinataires.",
    "report-1": "Cliquez sur le bouton 'Ajouter' pour créer un nouveau modèle. Les modèles sont des documents réutilisables conçus pour générer rapidement de nouveaux documents avec la même structure et différents signataires. Par exemple, un modèle RH pour l'intégration peut avoir des rôles prédéfinis tels que 'Responsable RH' et ' Nouvel employé'. Chaque fois que vous utilisez le modèle, vous pouvez attribuer le rôle 'Nouvel employé' à différents membres du personnel entrants, tandis que le rôle 'Responsable RH' reste constant, facilitant ainsi un processus d'intégration fluide pour chaque recrue",
    "redirect": "Cliquez sur le bouton 'Utiliser' pour créer un nouveau document à partir d'un modèle existant.",
    "bulksend": "Pour créer et envoyer rapidement plusieurs documents à l'aide d'un modèle existant, cliquez sur le bouton 'Envoi rapide'.",
@@ -629,13 +639,74 @@
  "reason" :"Raison",
  "decline-by" :"Refusé/révoqué par",
  "document-declined":"document refusé",
  "public-template-mssg-1" :"Pour intégrer OpenSign dans votre projet React ou Next.js, exécutez simplement la commande suivante :",
  "public-template-mssg-2" :"Assurez-vous que npm ou Yarn est configuré dans votre projet. Si vous utilisez Yarn, vous pouvez remplacer npm install par Yarn Add @opensign/react.",
  "public-template-mssg-3" :"Besoin de plus de détails ou d'exemples ?",
  "public-template-mssg-4": "Visitez le",
  "public-template-mssg-5":  "npm pour les dernières mises à jour, une documentation détaillée et l'historique des versions.",
  "public-template-mssg-6":"Avant de pouvoir utiliser cet extrait de code, vous devez rendre ce modèle public.",
  "copy-code":"COPIE",
  "copied-code":"COPIÉ",
  "Installation":"Installation",
  "Usage" :"Usage",
  "insufficient-credits":"Crédits de signature insuffisants",
   "insufficient-credits-mssg" :"Le propriétaire de ce document ne dispose actuellement pas des crédits OpenSign nécessaires pour que vous puissiez le signer. Veuillez contacter le propriétaire si vous avez besoin de plus de détails.",
   "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",
  "unauthorized-modal":"Vous n'êtes pas autorisé à effectuer cette action, veuillez contacter {{adminEmail}}.",
  "sent-this-month":"envoyé ce mois-ci",
  "available-seats":"Disponible sièges",
-  "buy-users":"Acheter plus d'utilisateurs"
+  "buy-users":"Acheter plus d'utilisateurs",
  "isenable-otp": "Activer la vérification OTP",
  "isenable-otp-help": {
    "p1": "Souhaitez-vous activer le processus de vérification à l'aide d'un mot de passe à usage unique (OTP)?",
    "p2": "La sélection de cette option activera la vérification OTP. Les utilisateurs recevront un code de vérification par e-mail, qu'ils devront saisir pour signer le document.",
    "p3": "La sélection de cette option désactivera la vérification OTP, permettant aux utilisateurs de signer le document directement sans étapes supplémentaires.",
    "p4": "Veuillez choisir l'option qui correspond le mieux à vos exigences en matière de signature de documents."
  },
  "advanced-options":"Options avancées",
  "hide-advanced-options": "Masquer les options avancées",
   "download-files" :"Télécharger des fichiers",
   "download-pdf" :"Télécharger le PDF",
  "pdf-certificate"  :"Télécharger Pdf + Certificat",
  "document-logs":"Journaux de documents",
  "server-down": "Impossible de se connecter au serveur OpenSign. Si vous hébergez vous-même OpenSign, veuillez vous assurer que toutes les étapes de la documentation ont été correctement suivies. Si vous exécutez OpenSign localement, vous y accédez peut-être via un numéro de port incorrect.",
  "admin-exists": "L'administrateur existe déjà. Veuillez vous connecter à l'application en utilisant les informations d'identification de l'administrateur afin de gérer les utilisateurs.",
  "enable-tour": "Activer la visite",
  "istourenabled-otp-help":{
    "p1": "Cela permettra une visite guidée pour les signataires, fournissant des instructions pendant le processus de signature.",
    "p2": "Cela désactivera la visite guidée, garantissant ainsi une expérience de signature plus rapide et ininterrompue.",
    "p3":  "Conseil : si vos signataires connaissent OpenSign et l'utilisent fréquemment, vous souhaiterez peut-être désactiver la visite guidée pour une expérience plus fluide. Choisissez l'option qui correspond le mieux à vos besoins en matière de signature de documents."
  },
   "form-title-1": "Paramètre du flux de documents",
   "form-title-2": "Paramètre de sécurité",
  "public-tour-message": "Le modèle doit être public avant que vous puissiez générer un lien partageable.",
  "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 <support@opensignlabs.com>",
  "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.",
  "allowed-signature-types": "Types de signature autorisés",
  "at-least-one-signature-type": "Au moins un type de signature doit être activé.",
  "expect-default-one-signature-type": "Veuillez activer un type de signature supplémentaire en plus de celui par défaut.",
  "add-signer-note": "Remarque - Ce contact sera ajouté à votre liste de contacts",
  "allowed-signature-types-help": {
    "p1": "Cette préférence de signature contrôle les options de signature disponibles pour vos signataires. Seuls les types de signature que vous sélectionnez apparaîtront dans le widget de signature lorsqu'un document est signé. Par exemple, si vous choisissez uniquement l'option 'Draw' dans les préférences, votre signataire ne verra que l'option 'Draw' dans le widget de signature, tandis que les trois autres options ne seront pas disponibles.",
    "l1": "Créez une signature manuscrite directement sur l'écran à l'aide de votre doigt ou d'un stylet.",
    "l2": "Entrez votre nom et choisissez parmi différents styles de police pour créer une signature.",
    "l3": "Téléchargez une version numérique existante de votre signature.",
    "l4": "Utilisez un style de signature prédéfini enregistré sous 'Ma signature' dans vos paramètres."
  },
  "notify-on-signatures": "Notifier les signatures",
  "notify-on-signatures-help": {
    "p1": "Le créateur du document recevra une notification par e-mail chaque fois qu'un signataire signera le document.",
    "note": "Remarque : L'e-mail de notification ne sera pas envoyé pour le dernier signataire, car le créateur du document recevra à la place un e-mail de fin."
  },
  "expiry-date": "Fecha de caducidad",
  "expiry-date-updated": "La fecha de vencimiento se ha extendido con éxito hasta el {{newexpirydate}}",
  "expiry-date-error": "Veuillez fournir une nouvelle date d'expiration postérieure à la date actuelle"
 }
@@ -35,6 +35,7 @@ const GenerateToken = lazy(() => import("./pages/GenerateToken"));
 const Webhook = lazy(() => import("./pages/Webhook"));
 const AddAdmin = lazy(() => import("./pages/AddAdmin"));
 const UpdateExistUserAdmin = lazy(() => import("./pages/UpdateExistUserAdmin"));
 const Preferences = lazy(() => import("./pages/Preferences"));
 pdfjs.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${pdfjs.version}/legacy/build/pdf.worker.min.mjs`;
 const AppLoader = () => {
@@ -198,6 +199,10 @@ function App() {
                </>
              )}
              <Route path="/users" element={<UserList />} />
              <Route
                path="/preferences"
                element={<LazyPage Page={Preferences} />}
              />
            </Route>
            <Route path="/sso" element={<SSOVerify />} />
            <Route path="*" element={<PageNotFound />} />
@@ -2,6 +2,7 @@ import React, { useState, useEffect } from "react";
 import Parse from "parse";
 import Loader from "../primitives/Loader";
 import { useTranslation } from "react-i18next";
 import { emailRegex } from "../constant/const";
 const AddSigner = (props) => {
  const { t } = useTranslation();
@@ -47,139 +48,143 @@ const AddSigner = (props) => {
  const handleSubmit = async (e) => {
    e.preventDefault();
    e.stopPropagation();
-    setIsLoader(true);
+    if (!emailRegex.test(email)) {
-    if (localStorage.getItem("TenantId")) {
+      alert("Please enter a valid email address.");
-      try {
+    } else {
-        const user = Parse.User.current();
+      setIsLoader(true);
-        const query = new Parse.Query("contracts_Contactbook");
+      if (localStorage.getItem("TenantId")) {
-        query.equalTo("CreatedBy", user);
+        try {
-        query.notEqualTo("IsDeleted", true);
+          const user = Parse.User.current();
-        query.equalTo("Email", email);
+          const query = new Parse.Query("contracts_Contactbook");
-        const res = await query.first();
+          query.equalTo("CreatedBy", user);
-        // console.log(res);
+          query.notEqualTo("IsDeleted", true);
-        if (!res) {
+          query.equalTo("Email", email);
-          const contactQuery = new Parse.Object("contracts_Contactbook");
+          const res = await query.first();
-          contactQuery.set("Name", name);
+          // console.log(res);
-          if (phone) {
+          if (!res) {
-            contactQuery.set("Phone", phone);
+            const contactQuery = new Parse.Object("contracts_Contactbook");
-          }
+            contactQuery.set("Name", name);
          contactQuery.set("Email", email);
          contactQuery.set("UserRole", "contracts_Guest");
          contactQuery.set("TenantId", {
            __type: "Pointer",
            className: "partners_Tenant",
            objectId: localStorage.getItem("TenantId")
          });
          try {
            const _users = Parse.Object.extend("User");
            const _user = new _users();
            _user.set("name", name);
            _user.set("username", email);
            _user.set("email", email);
            _user.set("password", email);
            if (phone) {
-              _user.set("phone", phone);
+              contactQuery.set("Phone", phone);
            }
-            const user = await _user.save();
+            contactQuery.set("Email", email);
-            if (user) {
+            contactQuery.set("UserRole", "contracts_Guest");
              const currentUser = Parse.User.current();
              contactQuery.set(
                "CreatedBy",
                Parse.User.createWithoutData(currentUser.id)
              );
-              contactQuery.set("UserId", user);
+            contactQuery.set("TenantId", {
-              const acl = new Parse.ACL();
+              __type: "Pointer",
-              acl.setPublicReadAccess(true);
+              className: "partners_Tenant",
-              acl.setPublicWriteAccess(true);
+              objectId: localStorage.getItem("TenantId")
-              acl.setReadAccess(currentUser.id, true);
+            });
              acl.setWriteAccess(currentUser.id, true);
-              contactQuery.setACL(acl);
+            try {
              const _users = Parse.Object.extend("User");
              const _user = new _users();
              _user.set("name", name);
              _user.set("username", email);
              _user.set("email", email);
              _user.set("password", email);
              if (phone) {
                _user.set("phone", phone);
              }
              const user = await _user.save();
              if (user) {
                const currentUser = Parse.User.current();
                contactQuery.set(
                  "CreatedBy",
                  Parse.User.createWithoutData(currentUser.id)
                );
-              const res = await contactQuery.save();
+                contactQuery.set("UserId", user);
                const acl = new Parse.ACL();
                acl.setPublicReadAccess(true);
                acl.setPublicWriteAccess(true);
                acl.setReadAccess(currentUser.id, true);
                acl.setWriteAccess(currentUser.id, true);
-              const parseData = JSON.parse(JSON.stringify(res));
+                contactQuery.setACL(acl);
-              if (props.details) {
+
-                props.details({
+                const res = await contactQuery.save();
-                  value: parseData[props.valueKey],
+
-                  label: parseData[props.displayKey]
+                const parseData = JSON.parse(JSON.stringify(res));
                if (props.details) {
                  props.details({
                    value: parseData[props.valueKey],
                    label: parseData[props.displayKey]
                  });
                }
                if (props.closePopup) {
                  props.closePopup();
                }
                if (props.handleUserData) {
                  props.handleUserData(parseData);
                }
                setIsLoader(false);
                // Reset the form fields
                setAddYourself(false);
                setName("");
                setPhone("");
                setEmail("");
              }
            } catch (err) {
              console.log("err ", err);
              if (err.code === 202) {
                const params = { email: email };
                const userRes = await Parse.Cloud.run("getUserId", params);
                const currentUser = Parse.User.current();
                contactQuery.set(
                  "CreatedBy",
                  Parse.User.createWithoutData(currentUser.id)
                );
                contactQuery.set("UserId", {
                  __type: "Pointer",
                  className: "_User",
                  objectId: userRes.id
                });
-              }
+                const acl = new Parse.ACL();
-              if (props.closePopup) {
+                acl.setPublicReadAccess(true);
-                props.closePopup();
+                acl.setPublicWriteAccess(true);
-              }
+                acl.setReadAccess(currentUser.id, true);
-              if (props.handleUserData) {
+                acl.setWriteAccess(currentUser.id, true);
                props.handleUserData(parseData);
              }
-              setIsLoader(false);
+                contactQuery.setACL(acl);
-              // Reset the form fields
+                const res = await contactQuery.save();
-              setAddYourself(false);
+
-              setName("");
+                const parseData = JSON.parse(JSON.stringify(res));
-              setPhone("");
+                if (props.details) {
-              setEmail("");
+                  props.details({
-            }
+                    value: parseData[props.valueKey],
-          } catch (err) {
+                    label: parseData[props.displayKey]
-            console.log("err ", err);
+                  });
-            if (err.code === 202) {
+                }
-              const params = { email: email };
+                if (props.closePopup) {
-              const userRes = await Parse.Cloud.run("getUserId", params);
+                  props.closePopup();
-              const currentUser = Parse.User.current();
+                }
-              contactQuery.set(
+                if (props.handleUserData) {
-                "CreatedBy",
+                  props.handleUserData(parseData);
-                Parse.User.createWithoutData(currentUser.id)
+                }
-              );
+                setIsLoader(false);
-
+                // Reset the form fields
-              contactQuery.set("UserId", {
+                setAddYourself(false);
-                __type: "Pointer",
+                setName("");
-                className: "_User",
+                setPhone("");
-                objectId: userRes.id
+                setEmail("");
-              });
+              }
              const acl = new Parse.ACL();
              acl.setPublicReadAccess(true);
              acl.setPublicWriteAccess(true);
              acl.setReadAccess(currentUser.id, true);
              acl.setWriteAccess(currentUser.id, true);
              contactQuery.setACL(acl);
              const res = await contactQuery.save();
              const parseData = JSON.parse(JSON.stringify(res));
              if (props.details) {
                props.details({
                  value: parseData[props.valueKey],
                  label: parseData[props.displayKey]
                });
              }
              if (props.closePopup) {
                props.closePopup();
              }
              if (props.handleUserData) {
                props.handleUserData(parseData);
              }
              setIsLoader(false);
              // Reset the form fields
              setAddYourself(false);
              setName("");
              setPhone("");
              setEmail("");
            }
          } else {
            alert(t("add-signer-alert"));
            setIsLoader(false);
          }
-        } else {
+        } catch (err) {
-          alert(t("add-signer-alert"));
+          console.log("err in fetch contact", err);
          setIsLoader(false);
          alert(t("something-went-wrong-mssg"));
        }
-      } catch (err) {
+      } else {
        console.log("err in fetch contact", err);
        setIsLoader(false);
        alert(t("something-went-wrong-mssg"));
      }
    } else {
      setIsLoader(false);
      alert(t("something-went-wrong-mssg"));
    }
  };
@@ -206,6 +211,7 @@ const AddSigner = (props) => {
        </div>
      )}
      <div className="w-full mx-auto p-2 text-base-content">
        <p className="mb-3">{t("add-signer-note")}</p>
        {isUserExist && (
          <div className="mb-3 flex items-center">
            <input
@@ -268,6 +274,7 @@ const AddSigner = (props) => {
              onChange={(e) => setPhone(e.target.value)}
              disabled={addYourself}
              className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
              placeholder={t("phone-optional")}
            />
          </div>
          <div className="mt-4 flex gap-x-2 justify-start">
@@ -3,7 +3,7 @@ import Parse from "parse";
 import Title from "./Title";
 import Loader from "../primitives/Loader";
 import { copytoData, fetchSubscriptionInfo } from "../constant/Utils";
-import { isEnableSubscription } from "../constant/const";
+import { emailRegex, isEnableSubscription } from "../constant/const";
 import { useTranslation } from "react-i18next";
 function generatePassword(length) {
  const characters =
@@ -115,149 +115,172 @@ const AddUser = (props) => {
  const handleSubmit = async (e) => {
    e.preventDefault();
    e.stopPropagation();
-    const localUser = JSON.parse(localStorage.getItem("Extand_Class"))?.[0];
+    if (!emailRegex.test(formdata.email)) {
-    setIsFormLoader(true);
+      alert("Please enter a valid email address.");
    const res = await checkUserExist();
    if (res) {
      props.setIsAlert({ type: "danger", msg: t("user-already-exist") });
      setIsFormLoader(false);
      setTimeout(() => props.setIsAlert({ type: "success", msg: "" }), 1000);
    } else {
-      try {
+      const localUser = JSON.parse(localStorage.getItem("Extand_Class"))?.[0];
-        const extUser = new Parse.Object("contracts_Users");
+      setIsFormLoader(true);
-        extUser.set("Name", formdata.name);
+      const res = await checkUserExist();
-        if (formdata.phone) {
+      if (res) {
-          extUser.set("Phone", formdata.phone);
+        props.setIsAlert({ type: "danger", msg: t("user-already-exist") });
-        }
+        setIsFormLoader(false);
-        extUser.set("Email", formdata.email);
+        setTimeout(() => props.setIsAlert({ type: "success", msg: "" }), 1000);
-        extUser.set("UserRole", `contracts_${formdata.role}`);
+      } else {
        if (formdata?.team) {
          extUser.set("TeamIds", [
            {
              __type: "Pointer",
              className: "contracts_Teams",
              objectId: formdata.team
            }
          ]);
        }
        if (localUser && localUser.OrganizationId) {
          extUser.set("OrganizationId", {
            __type: "Pointer",
            className: "contracts_Organizations",
            objectId: localUser.OrganizationId.objectId
          });
        }
        if (localUser && localUser.Company) {
          extUser.set("Company", localUser.Company);
        }
        if (localStorage.getItem("TenantId")) {
          extUser.set("TenantId", {
            __type: "Pointer",
            className: "partners_Tenant",
            objectId: localStorage.getItem("TenantId")
          });
        }
        try {
-          const _users = Parse.Object.extend("User");
+          const extUser = new Parse.Object("contracts_Users");
-          const _user = new _users();
+          extUser.set("Name", formdata.name);
          _user.set("name", formdata.name);
          _user.set("username", formdata.email);
          _user.set("email", formdata.email);
          _user.set("password", formdata.password);
          if (formdata.phone) {
-            _user.set("phone", formdata.phone);
+            extUser.set("Phone", formdata.phone);
          }
          extUser.set("Email", formdata.email);
          extUser.set("UserRole", `contracts_${formdata.role}`);
          if (formdata?.team) {
            extUser.set("TeamIds", [
              {
                __type: "Pointer",
                className: "contracts_Teams",
                objectId: formdata.team
              }
            ]);
          }
          if (localUser && localUser.OrganizationId) {
            extUser.set("OrganizationId", {
              __type: "Pointer",
              className: "contracts_Organizations",
              objectId: localUser.OrganizationId.objectId
            });
          }
          if (localUser && localUser.Company) {
            extUser.set("Company", localUser.Company);
          }
-          const user = await _user.save();
+          if (localStorage.getItem("TenantId")) {
-          if (user) {
+            extUser.set("TenantId", {
-            const currentUser = Parse.User.current();
+              __type: "Pointer",
-            extUser.set(
+              className: "partners_Tenant",
-              "CreatedBy",
+              objectId: localStorage.getItem("TenantId")
-              Parse.User.createWithoutData(currentUser.id)
+            });
-            );
+          }
-            extUser.set("UserId", user);
+          try {
-            const acl = new Parse.ACL();
+            const _users = Parse.Object.extend("User");
-            acl.setPublicReadAccess(true);
+            const _user = new _users();
-            acl.setPublicWriteAccess(true);
+            _user.set("name", formdata.name);
-            acl.setReadAccess(currentUser.id, true);
+            _user.set("username", formdata.email);
-            acl.setWriteAccess(currentUser.id, true);
+            _user.set("email", formdata.email);
-
+            _user.set("password", formdata.password);
-            extUser.setACL(acl);
+            if (formdata.phone) {
-
+              _user.set("phone", formdata.phone);
            const res = await extUser.save();
            const parseData = JSON.parse(JSON.stringify(res));
            if (props.closePopup) {
              props.closePopup();
            }
-            if (props.handleUserData) {
+
-              if (formdata?.team) {
+            const user = await _user.save();
-                const team = teamList.find((x) => x.objectId === formdata.team);
+            if (user) {
-                parseData.TeamIds = parseData.TeamIds.map((y) =>
+              const currentUser = Parse.User.current();
-                  y.objectId === team.objectId ? team : y
+              extUser.set(
-                );
+                "CreatedBy",
                Parse.User.createWithoutData(currentUser.id)
              );
              extUser.set("UserId", user);
              const acl = new Parse.ACL();
              acl.setPublicReadAccess(true);
              acl.setPublicWriteAccess(true);
              acl.setReadAccess(currentUser.id, true);
              acl.setWriteAccess(currentUser.id, true);
              extUser.setACL(acl);
              const res = await extUser.save();
              const parseData = JSON.parse(JSON.stringify(res));
              if (props.closePopup) {
                props.closePopup();
              }
              if (props.handleUserData) {
                if (formdata?.team) {
                  const team = teamList.find(
                    (x) => x.objectId === formdata.team
                  );
                  parseData.TeamIds = parseData.TeamIds.map((y) =>
                    y.objectId === team.objectId ? team : y
                  );
                }
                props.handleUserData(parseData);
              }
              props.handleUserData(parseData);
            }
-            setIsFormLoader(false);
+              setIsFormLoader(false);
-            setFormdata({ name: "", email: "", phone: "", team: "", role: "" });
+              setFormdata({
                name: "",
                email: "",
                phone: "",
                team: "",
                role: ""
              });
            }
          } catch (err) {
            console.log("err ", err);
            if (err.code === 202) {
              const params = { email: formdata.email };
              const userRes = await Parse.Cloud.run("getUserId", params);
              const currentUser = Parse.User.current();
              extUser.set(
                "CreatedBy",
                Parse.User.createWithoutData(currentUser.id)
              );
              extUser.set("UserId", {
                __type: "Pointer",
                className: "_User",
                objectId: userRes.id
              });
              const acl = new Parse.ACL();
              acl.setPublicReadAccess(true);
              acl.setPublicWriteAccess(true);
              acl.setReadAccess(currentUser.id, true);
              acl.setWriteAccess(currentUser.id, true);
              extUser.setACL(acl);
              const res = await extUser.save();
              const parseData = JSON.parse(JSON.stringify(res));
              if (props.closePopup) {
                props.closePopup();
              }
              if (props.handleUserData) {
                if (formdata?.team) {
                  const team = teamList.find(
                    (x) => x.objectId === formdata.team
                  );
                  parseData.TeamIds = parseData.TeamIds.map((y) =>
                    y.objectId === team.objectId ? team : y
                  );
                }
                props.handleUserData(parseData);
              }
              setIsFormLoader(false);
              setFormdata({
                name: "",
                email: "",
                phone: "",
                team: "",
                role: ""
              });
            }
          }
        } catch (err) {
-          console.log("err ", err);
+          console.log("err", err);
-          if (err.code === 202) {
+          setIsFormLoader(false);
-            const params = { email: formdata.email };
+          props.setIsAlert({
-            const userRes = await Parse.Cloud.run("getUserId", params);
+            type: "danger",
-            const currentUser = Parse.User.current();
+            msg: t("something-went-wrong-mssg")
-            extUser.set(
+          });
-              "CreatedBy",
+        } finally {
-              Parse.User.createWithoutData(currentUser.id)
+          setTimeout(
-            );
+            () => props.setIsAlert({ type: "success", msg: "" }),
-
+            1500
-            extUser.set("UserId", {
+          );
              __type: "Pointer",
              className: "_User",
              objectId: userRes.id
            });
            const acl = new Parse.ACL();
            acl.setPublicReadAccess(true);
            acl.setPublicWriteAccess(true);
            acl.setReadAccess(currentUser.id, true);
            acl.setWriteAccess(currentUser.id, true);
            extUser.setACL(acl);
            const res = await extUser.save();
            const parseData = JSON.parse(JSON.stringify(res));
            if (props.closePopup) {
              props.closePopup();
            }
            if (props.handleUserData) {
              if (formdata?.team) {
                const team = teamList.find((x) => x.objectId === formdata.team);
                parseData.TeamIds = parseData.TeamIds.map((y) =>
                  y.objectId === team.objectId ? team : y
                );
              }
              props.handleUserData(parseData);
            }
            setIsFormLoader(false);
            setFormdata({ name: "", email: "", phone: "", team: "", role: "" });
          }
        }
      } catch (err) {
        console.log("err", err);
        setIsFormLoader(false);
        props.setIsAlert({
          type: "danger",
          msg: t("something-went-wrong-mssg")
        });
      } finally {
        setTimeout(() => props.setIsAlert({ type: "success", msg: "" }), 1500);
      }
    }
  };
@@ -408,13 +431,13 @@ const AddUser = (props) => {
                      {t("phone")}
                      {/* <span className="text-[red] text-[13px]"> *</span> */}
                    </label>
                    {/* added hint for phone number being optional  */}
                    <input
                      type="text"
                      name="phone"
-                      placeholder="optional"
+                      placeholder={t("phone-optional")}
                      value={formdata.phone}
                      onChange={(e) => handleChange(e)}
                      // required
                      className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
                    />
                  </div>
@@ -5,7 +5,7 @@ import Loader from "../primitives/Loader";
 import { useTranslation } from "react-i18next";
 import Parse from "parse";
 import ModalUi from "../primitives/ModalUi";
-import { isEnableSubscription } from "../constant/const";
+import { emailRegex, isEnableSubscription } from "../constant/const";
 import { fetchSubscription } from "../constant/Utils";
 import { useNavigate } from "react-router-dom";
 const BulkSendUi = (props) => {
@@ -69,7 +69,21 @@ const BulkSendUi = (props) => {
        if (subscription?.plan === "freeplan") {
          setIsFreePlan(true);
        }
-        const resCredits = await Parse.Cloud.run("allowedcredits");
+        const token = props.jwttoken
          ? { jwttoken: props.jwttoken }
          : { "X-Parse-Session-Token": localStorage.getItem("accesstoken") };
        const axiosres = await axios.post(
          `${localStorage.getItem("baseUrl")}functions/allowedcredits`,
          {},
          {
            headers: {
              "Content-Type": "application/json",
              "X-Parse-Application-Id": localStorage.getItem("parseAppId"),
              ...token
            }
          }
        );
        const resCredits = axiosres.data && axiosres.data.result;
        if (resCredits) {
          const allowedcredits = resCredits?.allowedcredits || 0;
          const addoncredits = resCredits?.addoncredits || 0;
@@ -81,7 +95,7 @@ const BulkSendUi = (props) => {
          }
          setAmount((obj) => ({ ...obj, totalcredits: totalcredits }));
        }
-        const getPlaceholder = props.item?.Placeholders;
+        const getPlaceholder = props?.Placeholders;
        const checkIsSignatureExistt = getPlaceholder?.every((placeholderObj) =>
          placeholderObj?.placeHolder?.some((holder) =>
            holder?.pos?.some((posItem) => posItem?.type === "signature")
@@ -97,7 +111,7 @@ const BulkSendUi = (props) => {
    } else {
      setIsBulkAvailable(true);
      setAdmin((obj) => ({ ...obj, isAdmin: true }));
-      const getPlaceholder = props.item?.Placeholders;
+      const getPlaceholder = props?.Placeholders;
      const checkIsSignatureExistt = getPlaceholder?.every((placeholderObj) =>
        placeholderObj?.placeHolder?.some((holder) =>
          holder?.pos?.some((posItem) => posItem?.type === "signature")
@@ -188,75 +202,99 @@ const BulkSendUi = (props) => {
    const updatedForms = forms.filter((_, i) => i !== index);
    setForms(updatedForms);
  };
  function validateEmails(data) {
    for (const item of data) {
      for (const field of item.fields) {
        if (!emailRegex.test(field.email)) {
          alert(`Invalid email found: ${field.email}`);
          return false;
        }
      }
    }
    return true;
  }
  const handleSubmit = async (e) => {
    e.preventDefault();
    e.stopPropagation();
    setIsSubmit(true);
-
+    if (validateEmails(forms)) {
-    // Create a copy of Placeholders array from props.item
+      // Create a copy of Placeholders array from props.item
-    let Placeholders = [...props.item.Placeholders];
+      let Placeholders = [...props.Placeholders];
-    // Initialize an empty array to store updated documents
+      // Initialize an empty array to store updated documents
-    let Documents = [];
+      let Documents = [];
-    // Loop through each form
+      // Loop through each form
-    forms.forEach((form) => {
+      forms.forEach((form) => {
-      //checking if user enter email which already exist as a signer then add user in a signers array
+        //checking if user enter email which already exist as a signer then add user in a signers array
-      let existSigner = [];
+        let existSigner = [];
-      form.fields.map((data) => {
+        form.fields.map((data) => {
-        if (data.signer) {
+          if (data.signer) {
-          existSigner.push(data.signer);
+            existSigner.push(data.signer);
        }
      });
      // Map through the copied Placeholders array to update email values
      const updatedPlaceholders = Placeholders.map((placeholder) => {
        // Find the field in the current form that matches the placeholder Id
        const field = form.fields.find(
          (element) => parseInt(element.fieldId) === placeholder.Id
        );
        // If a matching field is found, update the email value in the placeholder
        const signer = field?.signer?.objectId ? field.signer : "";
        if (field) {
          if (signer) {
            return {
              ...placeholder,
              signerObjId: field?.signer?.objectId || "",
              signerPtr: signer
            };
          } else {
            return {
              ...placeholder,
              email: field.email,
              signerObjId: field?.signer?.objectId || "",
              signerPtr: signer
            };
          }
        }
        // If no matching field is found, keep the placeholder as is
        return placeholder;
      });
      // Push a new document object with updated Placeholders into the Documents array
      if (existSigner?.length > 0) {
        Documents.push({
          ...props.item,
          Placeholders: updatedPlaceholders,
          Signers: props.item.Signers
            ? [...props.item.Signers, ...existSigner]
            : [...existSigner]
        });
-      } else {
+        // Map through the copied Placeholders array to update email values
-        Documents.push({ ...props.item, Placeholders: updatedPlaceholders });
+        const updatedPlaceholders = Placeholders.map((placeholder) => {
-      }
+          // Find the field in the current form that matches the placeholder Id
-    });
+          const field = form.fields.find(
-    await batchQuery(Documents);
+            (element) => parseInt(element.fieldId) === placeholder.Id
          );
          // If a matching field is found, update the email value in the placeholder
          const signer = field?.signer?.objectId ? field.signer : "";
          if (field) {
            if (signer) {
              return {
                ...placeholder,
                signerObjId: field?.signer?.objectId || "",
                signerPtr: signer
              };
            } else {
              return {
                ...placeholder,
                email: field.email,
                signerObjId: field?.signer?.objectId || "",
                signerPtr: signer
              };
            }
          }
          // If no matching field is found, keep the placeholder as is
          return placeholder;
        });
        // Push a new document object with updated Placeholders into the Documents array
        if (existSigner?.length > 0) {
          Documents.push({
            ...props.item,
            Placeholders: updatedPlaceholders,
            Signers: props.item.Signers
              ? [...props.item.Signers, ...existSigner]
              : [...existSigner]
          });
        } else {
          Documents.push({
            ...props.item,
            Placeholders: updatedPlaceholders,
            SignatureType: props.signatureType
          });
        }
      });
      await batchQuery(Documents);
    } else {
      setIsSubmit(false);
    }
  };
  const batchQuery = async (Documents) => {
-    const serverUrl = localStorage.getItem("baseUrl");
+    const token = props.jwttoken
-    const functionsUrl = `${serverUrl}functions/batchdocuments`;
+      ? { jwttoken: props.jwttoken }
      : { "X-Parse-Session-Token": localStorage.getItem("accesstoken") };
    const functionsUrl = `${localStorage.getItem(
      "baseUrl"
    )}functions/batchdocuments`;
    const headers = {
      "Content-Type": "application/json",
      "X-Parse-Application-Id": localStorage.getItem("parseAppId"),
-      sessionToken: localStorage.getItem("accesstoken")
+      ...token
    };
    const params = { Documents: JSON.stringify(Documents) };
    try {
@@ -362,6 +400,7 @@ const BulkSendUi = (props) => {
                                          fieldIndex
                                        )
                                      }
                                      jwttoken={props?.jwttoken}
                                    />
                                  </div>
                                ))}
@@ -6,6 +6,7 @@ import Parse from "parse";
 import { useWindowSize } from "../hook/useWindowSize";
 import {
  checkIsSubscribed,
  formatDate,
  getAppLogo,
  openInNewTab,
  saveLanguageInLocal
@@ -16,10 +17,13 @@ import { useTranslation } from "react-i18next";
 import ModalUi from "../primitives/ModalUi";
 import QuotaCard from "../primitives/QuotaCard";
-const Header = ({ showSidebar }) => {
+const Header = ({ showSidebar, setIsMenu }) => {
  const { t, i18n } = useTranslation();
  const navigate = useNavigate();
  const { width } = useWindowSize();
  const current_notification_version = "1"; // Update this with each new feature release
  // Get the dismissed version from local storage
  const dismissedVersion = localStorage.getItem("notificationDismissedVersion");
  const username = localStorage.getItem("username") || "";
  const image = localStorage.getItem("profileImg") || dp;
  const [isOpen, setIsOpen] = useState(false);
@@ -30,9 +34,16 @@ const Header = ({ showSidebar }) => {
  );
  const [emailUsed, setEmailUsed] = useState(0);
  const [isModal, setIsModal] = useState(false);
-
+  const [emailResetDate, setEmailResetDate] = useState("");
  const [showNotification, setShowNotification] = useState(
    (!dismissedVersion || dismissedVersion !== current_notification_version) &&
      true
  );
  const toggleDropdown = () => {
    setIsOpen(!isOpen);
    if (width <= 768) {
      setIsMenu(false);
    }
  };
  useEffect(() => {
    checkSubscription();
@@ -55,9 +66,24 @@ const Header = ({ showSidebar }) => {
        const extUser = await Parse.Cloud.run("getUserDetails");
        const MonthlyFreeEmails = extUser?.get("MonthlyFreeEmails") || 0;
        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) {
        console.log("err in while fetching monthlyfreeEmails", err);
      }
    } else {
      const applogo = await getAppLogo();
      if (applogo?.logo) {
        setAppLogo(applogo?.logo);
      } else {
        setAppLogo(localStorage.getItem("appLogo") || "");
      }
    }
  }
@@ -115,17 +141,41 @@ const Header = ({ showSidebar }) => {
  const handleMailUsed = () => {
    setIsModal(!isModal);
  };
  // Handle dismissing the notification
  const dismissNotification = () => {
    // Store the current version as dismissed in local storage
    localStorage.setItem(
      "notificationDismissedVersion",
      current_notification_version
    );
    setShowNotification(false);
  };
  const handleSetupNowNavigation = () => {
    const url = isStaging
      ? "https://staging-console.opensignlabs.com/fileadapter"
      : "https://console.opensignlabs.com/fileadapter";
    openInNewTab(url);
  };
  return (
    <div>
-      {isEnableSubscription && (
+      {isEnableSubscription && showNotification && (
-        <div className="shadow py-1 text-center bg-[#CAE4FA] text-[14px] p-1">
+        <div className="flex justify-between items-center shadow py-1 bg-[#CAE4FA] p-1">
-          {t("header-news")} —
+          <div className="text-center text-[14px] ml-auto">
-          <span
+            {t("header-news")} —
-            className="cursor-pointer font-medium underline text-blue-800"
+            <span
-            onClick={() => navigate("/profile")}
+              className="cursor-pointer font-medium underline text-blue-800"
              onClick={() => handleSetupNowNavigation()}
            >
              {" " + t("header-news-btn") + "."}
            </span>
          </div>
          <div
            className="ml-auto mr-1 cursor-pointer"
            onClick={() => dismissNotification()}
          >
-            {" " + t("header-news-btn") + "."}
+            <i className="fa-light fa-xmark"></i>
-          </span>
+          </div>
        </div>
      )}
      <div className="op-navbar bg-base-100 shadow">
@@ -258,7 +308,11 @@ const Header = ({ showSidebar }) => {
        </div>
      </div>
      <ModalUi isOpen={isModal}>
-        <QuotaCard isPaidInfo={true} handlClose={handleMailUsed} />
+        <QuotaCard
          isPaidInfo={true}
          handlClose={handleMailUsed}
          emailResetDate={emailResetDate}
        />
      </ModalUi>
    </div>
  );
@@ -2,13 +2,13 @@ import React, { useState, useEffect, useRef } from "react";
 import "../../styles/opensigndrive.css";
 import axios from "axios";
 import * as ContextMenu from "@radix-ui/react-context-menu";
 import { saveAs } from "file-saver";
 import { useNavigate } from "react-router-dom";
 import Table from "react-bootstrap/Table";
 import * as HoverCard from "@radix-ui/react-hover-card";
 import ModalUi from "../../primitives/ModalUi";
 import FolderModal from "../shared/fields/FolderModal";
 import { useTranslation } from "react-i18next";
 import { handleDownloadPdf } from "../../constant/Utils";
 function DriveBody(props) {
  const { t } = useTranslation();
@@ -100,16 +100,17 @@ function DriveBody(props) {
  //function for navigate user to microapp-signature component
  const checkPdfStatus = async (data) => {
-    const signerExist = data.Signers && data.Signers;
+    const signerExist = data?.Signers;
-    const isDecline = data.IsDeclined && data.IsDeclined;
+    const isDecline = data?.IsDeclined;
-    const isPlaceholder = data.Placeholders && data.Placeholders;
+    const isPlaceholder = data?.Placeholders;
-    const signedUrl = data.SignedUrl;
+    const signedUrl = data?.SignedUrl;
    const isSignYourself = data?.IsSignyourself;
    //checking if document has completed and request signature flow
    if (data?.IsCompleted && signerExist?.length > 0) {
      navigate(`/recipientSignPdf/${data.objectId}`);
    }
    //checking if document has completed and signyour-self flow
-    else if (!signerExist && !isPlaceholder) {
+    else if ((!signerExist && !isPlaceholder) || isSignYourself) {
      navigate(`/signaturePdf/${data.objectId}`);
    }
    //checking if document has declined by someone
@@ -136,12 +137,10 @@ function DriveBody(props) {
    }
  };
-  const handleMenuItemClick = (selectType, data) => {
+  const handleMenuItemClick = async (selectType, data) => {
    switch (selectType) {
      case "Download": {
-        const pdfName = data && data.Name;
+        await handleDownloadPdf([data]);
        const pdfUrl = data && data.SignedUrl ? data.SignedUrl : data.URL;
        saveAs(pdfUrl, `${sanitizeFileName(pdfName)}_signed_by_OpenSign™.pdf`);
        break;
      }
      case "Rename": {
@@ -264,12 +263,6 @@ function DriveBody(props) {
      setIsOpenMoveModal(false);
    }
  };
  const sanitizeFileName = (pdfName) => {
    // Replace spaces with underscore
    return pdfName.replace(/ /g, "_");
  };
  const handleEnterPress = (e, data) => {
    if (e.key === "Enter") {
      handledRenameDoc(data);
@@ -1,11 +1,24 @@
 import React from "react";
-function BorderResize({ right, top }) {
+function BorderResize(props) {
  const getHeight = () => {
    const height = props.posHeight(props.pos, props.isSignYourself);
    if (height > 14) {
      return "14px";
    } else {
      return `${height}px`;
    }
  };
  return (
    <div
-      className={`${right ? `-right-[12px]` : "-right-[1px]"} ${
+      style={{
-        top ? `-bottom-[11px]` : "-bottom-[1px]"
+        width: getHeight() || "14px",
-      } absolute inline-block w-[14px] h-[14px] hover:cursor-sw-resize border-r-[3px] border-b-[3px] border-[#188ae2]`}
+        height: getHeight() || "14px"
      }}
      className={`${props.right ? `-right-[12px]` : "-right-[2px]"} ${
        props.top ? `-bottom-[12px]` : "-bottom-[2px] "
      } absolute inline-block hover:cursor-sw-resize border-r-[3px] border-b-[3px] border-[#188ae2]`}
    ></div>
  );
 }
@@ -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) {
+    if (props?.xyPostion.length > 0) {
-      setDefaultSignAlert({
+      props?.setDefaultSignAlert({
        isShow: true,
        alertMessage: t("default-sign-alert")
      });
    } else {
-      setDefaultSignAlert({
+      props?.setDefaultSignAlert({
        isShow: true,
        alertMessage: t("please-select-position!")
      });
@@ -22,22 +22,30 @@ 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="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 bg-black/70 text-white w-full h-full flex items-center justify-center text-[11px] cursor-default">
            <span className="-rotate-45">
              Document creator has disabled this option
            </span>
          </div>
        )}
      </div>
    </div>
  );
@@ -339,9 +339,9 @@ function DropdownWidgetOption(props) {
                value={
                  props.fontSize ||
                  props.currWidgetsDetails?.options?.fontSize ||
-                  "12"
+                  12
                }
-                onChange={(e) => props.setFontSize(e.target.value)}
+                onChange={(e) => props.setFontSize(parseInt(e.target.value))}
              >
                {fontsizeArr.map((size, ind) => {
                  return (
@@ -3,18 +3,25 @@ import { checkIsSubscribed, getFileName } from "../../constant/Utils";
 import Upgrade from "../../primitives/Upgrade";
 import { isEnableSubscription } from "../../constant/const";
 import { useTranslation } from "react-i18next";
-// import SelectFolder from "../../premitives/SelectFolder";
+import { Tooltip } from "react-tooltip";
-const EditTemplate = ({ template, onSuccess }) => {
+const EditTemplate = ({ template, onSuccess, jwttoken }) => {
  const { t } = useTranslation();
  // const [folder, setFolder] = useState({ ObjectId: "", Name: "" });
  const [formData, setFormData] = useState({
    Name: template?.Name || "",
    Note: template?.Note || "",
    Description: template?.Description || "",
    SendinOrder: template?.SendinOrder ? `${template?.SendinOrder}` : "false",
    AutomaticReminders: template?.AutomaticReminders || false,
-    RemindOnceInEvery: template?.RemindOnceInEvery || 5
+    RemindOnceInEvery: template?.RemindOnceInEvery || 5,
    IsEnableOTP: template?.IsEnableOTP ? `${template?.IsEnableOTP}` : "false",
    IsTourEnabled: template?.IsTourEnabled
      ? `${template?.IsTourEnabled}`
      : "false",
    NotifyOnSignatures:
      template?.NotifyOnSignatures !== undefined
        ? template?.NotifyOnSignatures
        : false
  });
  const [isSubscribe, setIsSubscribe] = useState(false);
  useEffect(() => {
@@ -23,25 +30,22 @@ const EditTemplate = ({ template, onSuccess }) => {
  }, []);
  const fetchSubscription = async () => {
    if (isEnableSubscription) {
-      const subscribe = await checkIsSubscribed();
+      const subscribe = await checkIsSubscribed(jwttoken);
      setIsSubscribe(subscribe.isValid);
    }
  };
  const handleStrInput = (e) => {
    setFormData({ ...formData, [e.target.name]: e.target.value });
  };
  // const handleFolder = (data) => {
  //   console.log("handleFolder ", data)
  //   setFolder(data);
  // };
  // Define a function to handle form submission
  const handleSubmit = async (e) => {
    e.preventDefault();
    e.stopPropagation();
    const isChecked = formData.SendinOrder === "true" ? true : false;
    const isTourEnabled = formData?.IsTourEnabled === "false" ? false : true;
    const AutoReminder = formData?.AutomaticReminders || false;
-
+    const IsEnableOTP = formData.IsEnableOTP === "true" ? true : false;
    let reminderDate = {};
    if (AutoReminder) {
      const RemindOnceInEvery = parseInt(formData?.RemindOnceInEvery);
@@ -49,7 +53,13 @@ const EditTemplate = ({ template, onSuccess }) => {
      ReminderDate.setDate(ReminderDate.getDate() + RemindOnceInEvery);
      reminderDate = { NextReminderDate: ReminderDate };
    }
-    const data = { ...formData, SendinOrder: isChecked, ...reminderDate };
+    const data = {
      ...formData,
      SendinOrder: isChecked,
      IsEnableOTP: IsEnableOTP,
      IsTourEnabled: isTourEnabled,
      ...reminderDate
    };
    onSuccess(data);
  };
  const handleAutoReminder = () => {
@@ -58,6 +68,11 @@ const EditTemplate = ({ template, onSuccess }) => {
      AutomaticReminders: !formData.AutomaticReminders
    }));
  };
  // `handleNotifySignChange` is trigger when user change radio of notify on signatures
  const handleNotifySignChange = (value) => {
    setFormData((obj) => ({ ...obj, NotifyOnSignatures: value }));
  };
  return (
    <div className="max-h-[300px] md:max-h-[400px] overflow-y-scroll p-[10px]">
      <div className="text-base-content">
@@ -72,7 +87,7 @@ const EditTemplate = ({ template, onSuccess }) => {
          </div>
          <div className="mb-[0.35rem]">
            <label htmlFor="name" className="text-[13px]">
-              {t("name")}
+              {t("Title")}
              <span className="text-[13px] text-[red]"> *</span>
            </label>
            <input
@@ -114,27 +129,29 @@ const EditTemplate = ({ template, onSuccess }) => {
          </div>
          <div className="mb-[0.35rem]">
            <label className="text-[13px]">{t("send-in-order")}</label>
-            <div className="flex items-center gap-[8px] ml-[8px] mb-[5px]">
+            <div className="flex flex-col md:flex-row md:gap-4">
-              <input
+              <div className="flex items-center gap-[8px] ml-[8px] mb-[5px]">
-                type="radio"
+                <input
-                value={"true"}
+                  type="radio"
-                className="op-radio op-radio-xs"
+                  value={"true"}
-                name="SendinOrder"
+                  className="op-radio op-radio-xs"
-                checked={formData.SendinOrder === "true"}
+                  name="SendinOrder"
-                onChange={handleStrInput}
+                  checked={formData.SendinOrder === "true"}
-              />
+                  onChange={handleStrInput}
-              <div className="text-[12px]">{t("yes")}</div>
+                />
-            </div>
+                <div className="text-[12px]">{t("yes")}</div>
-            <div className="flex items-center gap-[8px] ml-[8px] mb-[5px]">
+              </div>
-              <input
+              <div className="flex items-center gap-[8px] ml-[8px] mb-[5px]">
-                type="radio"
+                <input
-                value={"false"}
+                  type="radio"
-                name="SendinOrder"
+                  value={"false"}
-                className="op-radio op-radio-xs"
+                  name="SendinOrder"
-                checked={formData.SendinOrder === "false"}
+                  className="op-radio op-radio-xs"
-                onChange={handleStrInput}
+                  checked={formData.SendinOrder === "false"}
-              />
+                  onChange={handleStrInput}
-              <div className="text-[12px]">{t("no")}</div>
+                />
                <div className="text-[12px]">{t("no")}</div>
              </div>
            </div>
          </div>
          {isEnableSubscription && (
@@ -145,13 +162,12 @@ const EditTemplate = ({ template, onSuccess }) => {
                }
              >
                {t("auto-reminder")}
                {"  "}
                {!isSubscribe && isEnableSubscription && <Upgrade />}
              </span>
              <label
                className={`${
                  isSubscribe
-                    ? "cursor-pointer "
+                    ? "cursor-pointer"
                    : "pointer-events-none opacity-50"
                } relative block items-center mb-0`}
              >
@@ -184,6 +200,180 @@ const EditTemplate = ({ template, onSuccess }) => {
              />
            </div>
          )}
          {isEnableSubscription && (
            <div className="text-xs mt-2">
              <label className="block">
                <span className={isSubscribe ? "" : " text-gray-300"}>
                  {t("isenable-otp")}{" "}
                  <a data-tooltip-id="isenableotp-tooltip" className="ml-1">
                    <sup>
                      <i className="fa-light fa-question rounded-full border-[#33bbff] text-[#33bbff] text-[13px] border-[1px] py-[1.5px] px-[4px]"></i>
                    </sup>
                  </a>{" "}
                  {!isSubscribe && isEnableSubscription && <Upgrade />}
                </span>
                <Tooltip id="isenableotp-tooltip" className="z-50">
                  <div className="max-w-[200px] md:max-w-[450px]">
                    <p className="font-bold">{t("isenable-otp")}</p>
                    <p>{t("isenable-otp-help.p1")}</p>
                    <p className="p-[5px]">
                      <ol className="list-disc">
                        <li>
                          <span className="font-bold">{t("yes")}: </span>
                          <span>{t("isenable-otp-help.p2")}</span>
                        </li>
                        <li>
                          <span className="font-bold">{t("no")}: </span>
                          <span>{t("isenable-otp-help.p3")}</span>
                        </li>
                      </ol>
                    </p>
                    <p>{t("isenable-otp-help.p4")}</p>
                  </div>
                </Tooltip>
              </label>
              <div className="flex flex-col md:flex-row md:gap-4">
                <div
                  className={`${
                    isSubscribe ? "" : "pointer-events-none opacity-50"
                  } flex items-center gap-2 ml-2 mb-1`}
                >
                  <input
                    type="radio"
                    value={"true"}
                    className="op-radio op-radio-xs"
                    name="IsEnableOTP"
                    checked={formData.IsEnableOTP === "true"}
                    onChange={handleStrInput}
                  />
                  <div className="text-center">{t("yes")}</div>
                </div>
                <div
                  className={`${
                    isSubscribe ? "" : "pointer-events-none opacity-50"
                  } flex items-center gap-2 ml-2 mb-1 `}
                >
                  <input
                    type="radio"
                    value={"false"}
                    name="IsEnableOTP"
                    className="op-radio op-radio-xs"
                    checked={formData.IsEnableOTP === "false"}
                    onChange={handleStrInput}
                  />
                  <div className="text-center">{t("no")}</div>
                </div>
              </div>
            </div>
          )}
          <div className="text-xs mt-2">
            <label className="block">
              <span>
                {t("enable-tour")}
                <a data-tooltip-id="istourenabled-tooltip" className="ml-1">
                  <sup>
                    <i className="fa-light fa-question rounded-full border-[#33bbff] text-[#33bbff] text-[13px] border-[1px] py-[1.5px] px-[4px]"></i>
                  </sup>
                </a>{" "}
              </span>
              <Tooltip id="istourenabled-tooltip" className="z-50">
                <div className="max-w-[200px] md:max-w-[450px]">
                  <p className="font-bold">{t("enable-tour")}</p>
                  <p className="p-[5px]">
                    <ol className="list-disc">
                      <li>
                        <span className="font-bold">{t("yes")}: </span>
                        <span>{t("istourenabled-help.p1")}</span>
                      </li>
                      <li>
                        <span className="font-bold">{t("no")}: </span>
                        <span>{t("istourenabled-help.p2")}</span>
                      </li>
                    </ol>
                  </p>
                  <p>{t("istourenabled-help.p3")}</p>
                </div>
              </Tooltip>
            </label>
            <div className="flex flex-col md:flex-row md:gap-4">
              <div className="flex items-center gap-2 ml-2 mb-1">
                <input
                  type="radio"
                  value={"true"}
                  className="op-radio op-radio-xs"
                  name="IsTourEnabled"
                  checked={formData.IsTourEnabled === "true"}
                  onChange={handleStrInput}
                />
                <div className="text-center">{t("yes")}</div>
              </div>
              <div className="flex items-center gap-2 ml-2 mb-1">
                <input
                  type="radio"
                  value={"false"}
                  name="IsTourEnabled"
                  className="op-radio op-radio-xs"
                  checked={formData.IsTourEnabled === "false"}
                  onChange={handleStrInput}
                />
                <div className="text-center">{t("no")}</div>
              </div>
            </div>
          </div>
          <div className="text-xs mt-3">
            <label
              className={`${
                isSubscribe || !isEnableSubscription ? "" : "text-gray-300"
              } block`}
            >
              {t("notify-on-signatures")}
              <a data-tooltip-id="nos-tooltip" className="ml-1">
                <sup>
                  <i className="fa-light fa-question rounded-full border-[#33bbff] text-[#33bbff] text-[13px] border-[1px] py-[1.5px] px-[4px]"></i>
                </sup>
              </a>
              {!isSubscribe && isEnableSubscription && <Upgrade />}
              <Tooltip id="nos-tooltip" className="z-[999]">
                <div className="max-w-[200px] md:max-w-[450px] text-[11px]">
                  <p className="font-bold">{t("notify-on-signatures")}</p>
                  <p>{t("notify-on-signatures-help.p1")}</p>
                  <p>{t("notify-on-signatures-help.note")}</p>
                </div>
              </Tooltip>
            </label>
            <div className="flex flex-col md:flex-row md:gap-4">
              <div
                className={`${
                  isSubscribe || !isEnableSubscription
                    ? ""
                    : "pointer-events-none opacity-50"
                } flex items-center gap-2 ml-2 mb-1`}
              >
                <input
                  className="mr-[2px] op-radio op-radio-xs"
                  type="radio"
                  onChange={() => handleNotifySignChange(true)}
                  checked={formData.NotifyOnSignatures === true}
                />
                <div className="text-center">{t("yes")}</div>
              </div>
              <div
                className={`${
                  isSubscribe || !isEnableSubscription
                    ? ""
                    : "pointer-events-none opacity-50"
                } flex items-center gap-2 ml-2 mb-1`}
              >
                <input
                  className="mr-[2px] op-radio op-radio-xs"
                  type="radio"
                  onChange={() => handleNotifySignChange(false)}
                  checked={formData.NotifyOnSignatures === false}
                />
                <div className="text-center">{t("no")}</div>
              </div>
            </div>
          </div>
          <div className="mt-[1rem] flex justify-start">
            <button type="submit" className="op-btn op-btn-primary">
              {t("submit")}
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import axios from "axios";
-import { handleDownloadPdf, handleToPrint } from "../../constant/Utils";
+import { handleToPrint } from "../../constant/Utils";
 import { themeColor, emailRegex } from "../../constant/const";
 import Loader from "../../primitives/Loader";
 import ModalUi from "../../primitives/ModalUi";
@@ -15,7 +15,8 @@ function EmailComponent({
  sender,
  setIsAlert,
  extUserId,
-  activeMailAdapter
+  activeMailAdapter,
  setIsDownloadModal
 }) {
  const { t } = useTranslation();
  const [emailList, setEmailList] = useState([]);
@@ -29,6 +30,27 @@ function EmailComponent({
    const pdfName = pdfDetails[0]?.Name;
    setIsLoading(true);
    let sendMail;
    const docId = pdfDetails?.[0]?.objectId || "";
    const FileAdapterId = pdfDetails?.[0]?.FileAdapterId
      ? pdfDetails?.[0]?.FileAdapterId
      : "";
    let presignedUrl = pdfUrl;
    try {
      const axiosRes = await axios.post(
        `${localStorage.getItem("baseUrl")}/functions/getsignedurl`,
        { url: pdfUrl, docId: docId, fileAdapterId: FileAdapterId },
        {
          headers: {
            "content-type": "Application/json",
            "X-Parse-Application-Id": localStorage.getItem("parseAppId"),
            "X-Parse-Session-Token": localStorage.getItem("accesstoken")
          }
        }
      );
      presignedUrl = axiosRes.data.result;
    } catch (err) {
      console.log("err in getsignedurl", err);
    }
    for (let i = 0; i < emailList.length; i++) {
      try {
        const imgPng =
@@ -46,7 +68,7 @@ function EmailComponent({
          mailProvider: activeMailAdapter,
          extUserId: extUserId,
          pdfName: pdfName,
-          url: pdfUrl,
+          url: presignedUrl,
          recipient: emailList[i],
          subject: `${sender.name} has signed the doc - ${pdfName}`,
          from: sender.email,
@@ -129,6 +151,11 @@ function EmailComponent({
      }
    }
  };
  const handleClose = () => {
    setIsEmail(false);
    setEmailValue("");
    setEmailList([]);
  };
  return (
    <div>
      {/* isEmail */}
@@ -154,7 +181,9 @@ function EmailComponent({
            <div className="flex flex-row">
              {!isAndroid && (
                <button
-                  onClick={(e) => handleToPrint(e, pdfUrl, setIsDownloading)}
+                  onClick={(e) =>
                    handleToPrint(e, pdfUrl, setIsDownloading, pdfDetails)
                  }
                  className="op-btn op-btn-neutral op-btn-sm text-[15px]"
                >
                  <i className="fa-light fa-print" aria-hidden="true"></i>
@@ -163,9 +192,10 @@ function EmailComponent({
              )}
              <button
                className="op-btn op-btn-primary op-btn-sm text-[15px] ml-2"
-                onClick={() =>
+                onClick={() => {
-                  handleDownloadPdf(pdfDetails, pdfUrl, setIsDownloading)
+                  handleClose();
-                }
+                  setIsDownloadModal(true);
                }}
              >
                <i className="fa-light fa-download" aria-hidden="true"></i>
                {t("download")}
@@ -261,11 +291,7 @@ function EmailComponent({
            <button
              type="button"
              className="op-btn op-btn-ghost ml-2"
-              onClick={() => {
+              onClick={() => handleClose()}
                setIsEmail(false);
                setEmailValue("");
                setEmailList([]);
              }}
            >
              {t("close")}
            </button>
@@ -0,0 +1,267 @@
 import React, { useState } from "react";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { tomorrow } from "react-syntax-highlighter/dist/esm/styles/prism";
 import { copytoData } from "../../constant/Utils";
 import { useTranslation } from "react-i18next";
 function EmbedTab(props) {
  const { t } = useTranslation();
  const tabName = [
    { title: "React/Next.js", icon: "fa-brands fa-react", color: "#61dafb" },
    { title: "JavaScript", icon: "fa-brands fa-js", color: "#ffd43b" },
    { title: "Angular", icon: "fa-brands fa-angular", color: "#ff5733" }
  ];
  const [activeTab, setActiveTab] = useState(0);
  // State to track if the code has been copied
  const [isCopied, setIsCopied] = useState(false);
  const reactCode = [
    {
      id: 0,
      title: "Installation",
      codeString: `npm install @opensign/react`
    },
    {
      id: 1,
      title: "Usage",
      codeString: `
 import React from "react"; 
 import Opensign from "@opensign/react";
 export default function App() {
  return (
    <div className="app">
      <Opensign
        onLoad={() => console.log("success")}
        onLoadError={(error) => console.log(error)}
        templateId= "${props.templateId}"
      />
    </div>
  );
 }
 `
    }
  ];
  const angularCode = [
    {
      id: 0,
      title: "Installation",
      codeString: `npm install @opensign/angular`
    },
    {
      id: 1,
      title: "Usage",
      codeString: `
 import { Component } from '@angular/core';
 import { OpensignComponent } from "@opensign/angular"
@Component({
  selector:'app-root',
  standalone: true,
  imports: [OpensignComponent], 
  template:\`<opensign templateId="${props.templateId}"
            (onLoad)="handleLoad()"
            (onLoadError)="handleError($event)"
             ></opensign>\`,
 })
 export class AppComponent {
  handleLoad() {
    console.log("success");
  }
  handleError(error: string) {
    console.log(error);
  }
 }
 `
    }
  ];
  const jsCodeString = `
 <script
  src= "https://app.opensignlabs.com/static/js/public-template.bundle.js"
  id="opensign-script"
  templateId=${props.templateId}
  ></script>
  `;
  const handleCopy = (code, ind) => {
    copytoData(code);
    setIsCopied({ ...isCopied, [ind]: true });
    setTimeout(() => setIsCopied(false), 3000);
  };
  return (
    <div className="mt-4 border-t-[1px]">
      <h3 className="text-base-content font-bold text-lg pt-[15px] pb-[5px]">
        {t("embed-template")}
      </h3>
      <div className="flex justify-center items-center mt-2">
        <div role="tablist" className="op-tabs op-tabs-bordered">
          {tabName.map((tabData, ind) => (
            <div
              onClick={() => setActiveTab(ind)}
              key={ind}
              role="tab"
              className={`${
                activeTab === ind ? "op-tab-active" : ""
              } op-tab flex items-center pb-10 md:pb-0`}
            >
              <i
                className={`${tabData.icon}`}
                style={{ color: tabData.color }}
              ></i>
              <span className="ml-1 text-[10px] font-medium md:font-normal md:text-[15px]">
                {tabData.title}
              </span>
            </div>
          ))}
        </div>
      </div>
      <div>
        {activeTab === 0 ? (
          <div className="mt-4">
            {reactCode.map((data, ind) => {
              return (
                <div key={ind}>
                  <p className="font-medium text-[18px]">
                    {t(`${data.title}`)}
                  </p>
                  {ind === 0 && (
                    <p className="text-[13px] mt-2">
                      {t("public-template-mssg-1")}
                    </p>
                  )}
                  <div className="relative p-1">
                    <div
                      onClick={() => handleCopy(data.codeString, ind)}
                      className="absolute top-[20px] right-[20px] cursor-pointer"
                    >
                      <i className="fa-light fa-copy text-white mr-[2px]" />
                      <span className=" text-white">
                        {isCopied[ind] ? t("copied-code") : t("copy-code")}
                      </span>
                    </div>
                    <SyntaxHighlighter
                      customStyle={{
                        borderRadius: "15px"
                      }}
                      language="javascript"
                      style={tomorrow}
                    >
                      {data.codeString}
                    </SyntaxHighlighter>
                  </div>
                </div>
              );
            })}
            <p className="font-medium text-[15px]">
              {t("public-template-mssg-3")}
            </p>
            <p className="my-[6px]">
              {" "}
              {t("public-template-mssg-4")}
              <a
                href="https://www.npmjs.com/package/@opensign/react"
                target="_blank"
                rel="noreferrer"
                className="cursor-pointer text-blue-700  "
              >
                {" "}
                OpenSign React package{" "}
              </a>
              {t("public-template-mssg-5")}
            </p>
          </div>
        ) : activeTab === 1 ? (
          <div className="mt-4">
            <div>
              {/* <p className="font-medium text-[18px]">{t(`${data.title}`)}</p> */}
              <div className="relative p-1">
                <div
                  onClick={() => handleCopy(jsCodeString, 0)}
                  className="absolute top-[20px] right-[20px] cursor-pointer"
                >
                  <i className="fa-light fa-copy text-white mr-[2px]" />
                  <span className=" text-white">
                    {isCopied[0] ? t("copied-code") : t("copy-code")}
                  </span>
                </div>
                <SyntaxHighlighter
                  customStyle={{
                    borderRadius: "15px"
                  }}
                  language="javascript"
                  style={tomorrow}
                >
                  {jsCodeString}
                </SyntaxHighlighter>
              </div>
            </div>
          </div>
        ) : (
          activeTab === 2 && (
            <div className="mt-4">
              {angularCode.map((data, ind) => {
                return (
                  <div key={ind}>
                    <p className="font-medium text-[18px]">
                      {t(`${data.title}`)}
                    </p>
                    {ind === 0 && (
                      <p className="text-[13px] mt-2">
                        {t("angular-npm-mssg-1")}
                      </p>
                    )}
                    <div className="relative p-1">
                      <div
                        onClick={() => handleCopy(data.codeString, ind)}
                        className="absolute top-[20px] right-[20px] cursor-pointer"
                      >
                        <i className="fa-light fa-copy text-white mr-[2px]" />
                        <span className=" text-white">
                          {isCopied[ind] ? t("copied-code") : t("copy-code")}
                        </span>
                      </div>
                      <SyntaxHighlighter
                        customStyle={{
                          borderRadius: "15px"
                        }}
                        language="javascript"
                        style={tomorrow}
                      >
                        {data.codeString}
                      </SyntaxHighlighter>
                    </div>
                  </div>
                );
              })}
              <p className="font-medium text-[15px]">
                {t("public-template-mssg-3")}
              </p>
              <p className="my-[6px]">
                {" "}
                {t("public-template-mssg-4")}
                <a
                  href="https://www.npmjs.com/package/@opensign/angular"
                  target="_blank"
                  rel="noreferrer"
                  className="cursor-pointer text-blue-700  "
                >
                  {" "}
                  OpenSign Angular package{" "}
                </a>
                {t("public-template-mssg-5")}
              </p>
            </div>
          )
        )}
      </div>
    </div>
  );
 }
 export default EmbedTab;
@@ -39,7 +39,9 @@ function Header({
  clickOnZoomOut,
  handleRotationFun,
  isDisableRotate,
-  templateId
+  templateId,
  setIsDownloadModal,
  disabledBackBtn
 }) {
  const { t } = useTranslation();
  const filterPrefill =
@@ -47,6 +49,7 @@ function Header({
  const isMobile = window.innerWidth < 767;
  const [isDownloading, setIsDownloading] = useState("");
  const isGuestSigner = localStorage.getItem("isGuestSigner");
  const enabledBackBtn = disabledBackBtn === true ? false : true;
  //function for show decline alert
  const handleDeclinePdfAlert = async () => {
@@ -94,9 +97,13 @@ function Header({
                  >
                    <DropdownMenu.Item
                      className="DropdownMenuItem"
-                      onClick={() =>
+                      onClick={() => {
-                        handleDownloadPdf(pdfDetails, pdfUrl, setIsDownloading)
+                        if (isCompleted) {
-                      }
+                          setIsDownloadModal(true);
                        } else {
                          handleDownloadPdf(pdfDetails, setIsDownloading);
                        }
                      }}
                    >
                      <div className="flex flex-row">
                        <i
@@ -142,7 +149,7 @@ function Header({
                    <DropdownMenu.Item
                      className="DropdownMenuItem"
                      onClick={(e) =>
-                        handleToPrint(e, pdfUrl, setIsDownloading)
+                        handleToPrint(e, pdfUrl, setIsDownloading, pdfDetails)
                      }
                    >
                      <div className="flex flex-row">
@@ -209,57 +216,67 @@ function Header({
                          sideOffset={5}
                        >
                          <DropdownMenu.Item
-                            className="flex flex-row justify-center items-center text-[13px] focus:outline-none cursor-pointer"
+                            className="DropdownMenuItem"
                            onClick={() =>
-                              handleDownloadPdf(
+                              handleDownloadPdf(pdfDetails, setIsDownloading)
                                pdfDetails,
                                pdfDetails[0]?.URL,
                                setIsDownloading
                              )
                            }
                          >
-                            <i
+                            <div className="flex flex-row">
-                              className="fa-light fa-arrow-down mr-[3px]"
+                              <i
-                              aria-hidden="true"
+                                className="fa-light fa-arrow-down mr-[3px]"
-                            ></i>
+                                aria-hidden="true"
-                            <span className="font-[500]">{t("download")}</span>
+                              ></i>
                              <span className="font-[500]">
                                {t("download")}
                              </span>
                            </div>
                          </DropdownMenu.Item>
                          {!isDisableRotate && (
                            <>
                              <DropdownMenu.Item
-                                className="flex flex-row justify-center items-center text-[13px] focus:outline-none cursor-pointer"
+                                className="DropdownMenuItem"
                                onClick={() => handleRotationFun(90)}
                              >
-                                <i className="fa-light fa-rotate-right text-gray-500 2xl:text-[30px] mr-[3px]"></i>
+                                <div className="flex flex-row">
-                                <span className="font-[500]">
+                                  <i className="fa-light fa-rotate-right text-gray-500 2xl:text-[30px] mr-[3px]"></i>
-                                  {t("rotate-right")}
+                                  <span className="font-[500]">
-                                </span>
+                                    {t("rotate-right")}
                                  </span>
                                </div>
                              </DropdownMenu.Item>
                              <DropdownMenu.Item
-                                className="flex flex-row justify-center items-center text-[13px] focus:outline-none cursor-pointer"
+                                className="DropdownMenuItem"
                                onClick={() => handleRotationFun(-90)}
                              >
-                                <i className="fa-light fa-rotate-left text-gray-500 2xl:text-[30px] mr-[3px]"></i>
+                                <div className="flex flex-row">
-                                <span className="font-[500]">
+                                  <i className="fa-light fa-rotate-left text-gray-500 2xl:text-[30px] mr-[3px]"></i>
-                                  {t("rotate-left")}
+                                  <span className="font-[500]">
-                                </span>
+                                    {t("rotate-left")}
                                  </span>
                                </div>
                              </DropdownMenu.Item>
                            </>
                          )}
                          <DropdownMenu.Item
-                            className="flex flex-row justify-center items-center text-[13px] focus:outline-none cursor-pointer"
+                            className="DropdownMenuItem"
                            onClick={() => clickOnZoomIn()}
                          >
-                            <i className="fa-light fa-magnifying-glass-plus text-gray-500 2xl:text-[30px]"></i>
+                            <div className="flex flex-row">
-                            <span className="font-[500]">{t("zoom-in")}</span>
+                              <i className="fa-light fa-magnifying-glass-plus text-gray-500 2xl:text-[30px] mr-[3px]"></i>
                              <span className="font-[500]">{t("zoom-in")}</span>
                            </div>
                          </DropdownMenu.Item>
                          <DropdownMenu.Item
-                            className="flex flex-row justify-center items-center text-[13px] focus:outline-none cursor-pointer"
+                            className="DropdownMenuItem"
                            onClick={() => clickOnZoomOut()}
                          >
-                            <i className="fa-light fa-magnifying-glass-minus text-gray-500 2xl:text-[30px]"></i>
+                            <div className="flex flex-row">
-                            <span className="font-[500]">{t("zoom-out")}</span>
+                              <i className="fa-light fa-magnifying-glass-minus text-gray-500 2xl:text-[30px] mr-[3px]"></i>
                              <span className="font-[500]">
                                {t("zoom-out")}
                              </span>
                            </div>
                          </DropdownMenu.Item>
                        </DropdownMenu.Content>
                      </DropdownMenu.Portal>
@@ -317,13 +334,15 @@ function Header({
                    <i className="fa-light fa-gear fa-lg"></i>
                  </button>
                )}
-                <button
+                {enabledBackBtn && (
-                  onClick={() => window.history.go(-2)}
+                  <button
-                  type="button"
+                    onClick={() => window.history.go(-2)}
-                  className="op-btn op-btn-ghost op-btn-sm mr-[3px]"
+                    type="button"
-                >
+                    className="op-btn op-btn-ghost op-btn-sm mr-[3px]"
-                  {t("back")}
+                  >
-                </button>
+                    {t("back")}
                  </button>
                )}
                <button
                  disabled={isMailSend && true}
                  data-tut="headerArea"
@@ -342,7 +361,9 @@ function Header({
            alreadySign ? (
              <div className="flex flex-row">
                <button
-                  onClick={(e) => handleToPrint(e, pdfUrl, setIsDownloading)}
+                  onClick={(e) =>
                    handleToPrint(e, pdfUrl, setIsDownloading, pdfDetails)
                  }
                  type="button"
                  className="op-btn op-btn-neutral op-btn-sm mr-[3px] shadow"
                >
@@ -370,9 +391,13 @@ function Header({
                <button
                  type="button"
                  className="op-btn op-btn-primary op-btn-sm mr-[3px] shadow"
-                  onClick={() =>
+                  onClick={() => {
-                    handleDownloadPdf(pdfDetails, pdfUrl, setIsDownloading)
+                    if (isCompleted) {
-                  }
+                      setIsDownloadModal(true);
                    } else {
                      handleDownloadPdf(pdfDetails, setIsDownloading);
                    }
                  }}
                >
                  <i
                    className="fa-light fa-download py-[3px]"
@@ -397,11 +422,7 @@ function Header({
                    {templateId && (
                      <button
                        onClick={() =>
-                          handleDownloadPdf(
+                          handleDownloadPdf(pdfDetails, setIsDownloading)
                            pdfDetails,
                            pdfUrl,
                            setIsDownloading
                          )
                        }
                        type="button"
                        className="op-btn op-btn-ghost op-btn-sm mr-[3px]"
@@ -427,11 +448,7 @@ function Header({
                        type="button"
                        className="op-btn op-btn-neutral op-btn-sm mr-[3px] shadow"
                        onClick={() =>
-                          handleDownloadPdf(
+                          handleDownloadPdf(pdfDetails, setIsDownloading)
                            pdfDetails,
                            pdfUrl,
                            setIsDownloading
                          )
                        }
                      >
                        <i className="fa-light fa-arrow-down font-semibold lg:hidden"></i>
@@ -459,7 +476,9 @@ function Header({
                </button>
              )}
              <button
-                onClick={(e) => handleToPrint(e, pdfUrl, setIsDownloading)}
+                onClick={(e) =>
                  handleToPrint(e, pdfUrl, setIsDownloading, pdfDetails)
                }
                type="button"
                className="op-btn op-btn-neutral op-btn-sm gap-0 font-medium text-[12px] mr-[3px] shadow"
              >
@@ -469,9 +488,9 @@ function Header({
              <button
                type="button"
                className="op-btn op-btn-primary op-btn-sm gap-0 font-medium text-[12px] mr-[3px] shadow"
-                onClick={() =>
+                onClick={() => {
-                  handleDownloadPdf(pdfDetails, pdfUrl, setIsDownloading)
+                  setIsDownloadModal(true);
-                }
+                }}
              >
                <i className="fa-light fa-download" aria-hidden="true"></i>
                <span className="hidden lg:block ml-1">{t("download")}</span>
@@ -331,10 +331,9 @@ function Placeholder(props) {
    //condition for only placeholder and template flow
    if (props.data && props?.pos?.type !== textWidget) {
      props.setUniqueId(props?.data?.Id);
-      const checkIndex = props.xyPostion.findIndex(
+      const checkIndex = props.xyPostion
-        (data) => data.Id === props.data.Id
+        .filter((data) => data.Role !== "prefill")
-      );
+        .findIndex((data) => data.Id === props.data.Id);
      props.setIsSelectId(checkIndex || 0);
    }
    //condition to handle in placeholder and template flow for text widget signerId for text widgets i have to set uniqueId in tempSignerId because
@@ -342,10 +341,6 @@ function Placeholder(props) {
    else if (props.data && props.pos.type === textWidget) {
      props.setTempSignerId(props.uniqueId);
      props.setUniqueId(props?.data?.Id);
      const checkIndex = props.xyPostion.findIndex(
        (data) => data.Id === props.data.Id
      );
      props.setIsSelectId(checkIndex || 0);
    }
    props.setSignKey(props.pos.key);
    props.setWidgetType(props.pos.type);
@@ -361,18 +356,13 @@ function Placeholder(props) {
    if (props.data && props?.pos?.type !== textWidget) {
      props.setUniqueId(props?.data?.Id);
-      const checkIndex = props.xyPostion.findIndex(
+      const checkIndex = props.xyPostion
-        (data) => data.Id === props.data.Id
+        .filter((data) => data.Role !== "prefill")
-      );
+        .findIndex((data) => data.Id === props.data.Id);
      props.setIsSelectId(checkIndex || 0);
    } else if (props.data && props.pos.type === textWidget) {
      props.setTempSignerId(props.uniqueId);
      props.setUniqueId(props?.data?.Id);
      const checkIndex = props.xyPostion.findIndex(
        (data) => data.Id === props.data.Id
      );
      props.setIsSelectId(checkIndex || 0);
    }
    //checking widget's type and open widget copy modal for required widgets
@@ -422,7 +412,7 @@ function Placeholder(props) {
      data?.format,
      null,
      null,
-      props.fontSize || props.pos?.options?.fontSize || "12",
+      props.fontSize || props.pos?.options?.fontSize || 12,
      props.fontColor || props.pos?.options?.fontColor || "black"
    );
    setSelectDate({ date: date, format: data?.format });
@@ -455,17 +445,13 @@ function Placeholder(props) {
                    handleOnClickSettingIcon();
                  }}
                  className="fa-light fa-gear icon"
-                  style={{
+                  style={{ color: "#188ae2", right: "29px", top: "-19px" }}
                    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) => {
@@ -479,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>
@@ -651,6 +637,21 @@ function Placeholder(props) {
      }
    }
  };
  //function to calculate font size
  const calculateFont = (size, isMinHeight) => {
    const containerScale = getContainerScale(
      props.pdfOriginalWH,
      props.pageNumber,
      props.containerWH
    );
    const fontSize = (size || 12) * containerScale * props.scale;
    //isMinHeight to set text box minimum height
    if (isMinHeight) {
      return fontSize * 1.2 + "px";
    } else {
      return fontSize + "px";
    }
  };
  const getCursor = () => {
    if (props.data && props.isNeedSign) {
@@ -725,7 +726,9 @@ function Placeholder(props) {
              : props?.pos?.zIndex
                ? props.pos.zIndex
                : "5",
-          background: props.data ? props.data.blockColor : "rgb(203 233 237)"
+          background: props.data
            ? props.data?.blockColor + "b0"
            : "rgba(203, 233, 237, 0.69)"
        }}
        onDrag={() => {
          setDraggingEnabled(true);
@@ -743,12 +746,16 @@ function Placeholder(props) {
              ? "auto"
              : props.posHeight(props.pos, props.isSignYourself)
        }}
        minHeight={calculateFont(props.pos.options?.fontSize, true)}
        maxHeight="auto"
        onResizeStart={() => {
          setDraggingEnabled(true);
          props.setIsResize && props.setIsResize(true);
        }}
        onResizeStop={(e, direction, ref) => {
-          props.setIsResize && props.setIsResize(false);
+          setTimeout(() => {
            props.setIsResize && props.setIsResize(false);
          }, 50);
          props.handleSignYourselfImageResize &&
            props.handleSignYourselfImageResize(
              ref,
@@ -783,18 +790,28 @@ function Placeholder(props) {
            h: ref.offsetHeight / (props.scale * containerScale)
          });
        }}
-        onClick={() => handleOnClickPlaceholder()}
+        onClick={() => !props.isResize && handleOnClickPlaceholder()}
      >
        {props.isShowBorder &&
        props.pos.type !== radioButtonWidget &&
        props.pos.type !== "checkbox" &&
        props.pos.key === props.selectWidgetId ? (
-          <BorderResize right={-12} top={-11} />
+          <BorderResize
            right={-12}
            top={-11}
            pos={props.pos}
            posHeight={props.posHeight}
            isSignYourself={props.isSignYourself}
          />
        ) : props.data && props.isNeedSign && props.pos.type !== "checkbox" ? (
          props.data?.signerObjId === props.signerObjId &&
          props.pos.type !== radioButtonWidget &&
          props.pos.type !== "checkbox" ? (
-            <BorderResize />
+            <BorderResize
              posHeight={props.posHeight}
              isSignYourself={props.isSignYourself}
              pos={props.pos}
            />
          ) : (
            <></>
          )
@@ -817,7 +834,7 @@ function Placeholder(props) {
        )}
        {isTabAndMobile ? (
          <div
-            className="flex items-stretch"
+            className="flex items-stretch justify-center"
            style={{
              left: xPos(props.pos, props.isSignYourself),
              top: yPos(props.pos, props.isSignYourself),
@@ -860,6 +877,7 @@ function Placeholder(props) {
              startDate={startDate}
              handleSaveDate={handleSaveDate}
              xPos={props.xPos}
              calculateFont={calculateFont}
            />
          </div>
        ) : (
@@ -887,6 +905,7 @@ function Placeholder(props) {
              startDate={startDate}
              handleSaveDate={handleSaveDate}
              xPos={props.xPos}
              calculateFont={calculateFont}
            />
          </>
        )}
@@ -925,8 +944,8 @@ function Placeholder(props) {
            <span>{t("font-size")} :</span>
            <select
              className="ml-[3px] md:ml:[7px] op-select op-select-bordered op-select-sm focus:outline-none hover:border-base-content text-xs"
-              value={props.fontSize || clickonWidget.options?.fontSize || "12"}
+              value={props.fontSize || clickonWidget.options?.fontSize || 12}
-              onChange={(e) => props.setFontSize(e.target.value)}
+              onChange={(e) => props.setFontSize(parseInt(e.target.value))}
            >
              {fontsizeArr.map((size, ind) => {
                return (
@@ -29,7 +29,7 @@ function PlaceholderType(props) {
  const [textValue, setTextValue] = useState();
  const [selectedCheckbox, setSelectedCheckbox] = useState([]);
  const years = range(1990, getYear(new Date()) + 16, 1);
-  const fontSize = (props.pos.options?.fontSize || "12") + "px";
+  const fontSize = props.calculateFont(props.pos.options?.fontSize);
  const fontColor = props.pos.options?.fontColor || "black";
  const months = [
    "January",
@@ -65,7 +65,8 @@ function RenderPdf({
  fontSize,
  setFontSize,
  fontColor,
-  setFontColor
+  setFontColor,
  isResize
 }) {
  const { t } = useTranslation();
  const isMobile = window.innerWidth < 767;
@@ -104,6 +105,7 @@ function RenderPdf({
      }
    }
  };
  const posHeight = (pos, signYourself) => {
    const containerScale = getContainerScale(
      pdfOriginalWH,
@@ -207,6 +209,7 @@ function RenderPdf({
                        pageNumber={pageNumber}
                        ispublicTemplate={ispublicTemplate}
                        handleUserDetails={handleUserDetails}
                        isResize={isResize}
                      />
                    </React.Fragment>
                  )
@@ -357,6 +360,8 @@ function RenderPdf({
                                            setFontSize={setFontSize}
                                            fontColor={fontColor}
                                            setFontColor={setFontColor}
                                            isResize={isResize}
                                            unSignedWidgetId={unSignedWidgetId}
                                          />
                                        </React.Fragment>
                                      );
@@ -417,6 +422,8 @@ function RenderPdf({
                                    setFontSize={setFontSize}
                                    fontColor={fontColor}
                                    setFontColor={setFontColor}
                                    isResize={isResize}
                                    setIsResize={setIsResize}
                                  />
                                )
                              );
@@ -548,6 +555,8 @@ function RenderPdf({
                                            setFontSize={setFontSize}
                                            fontColor={fontColor}
                                            setFontColor={setFontColor}
                                            isResize={isResize}
                                            unSignedWidgetId={unSignedWidgetId}
                                          />
                                        </React.Fragment>
                                      );
@@ -611,6 +620,8 @@ function RenderPdf({
                                    setFontSize={setFontSize}
                                    fontColor={fontColor}
                                    setFontColor={setFontColor}
                                    isResize={isResize}
                                    setIsResize={setIsResize}
                                  />
                                </React.Fragment>
                              );
@@ -6,17 +6,16 @@ function SelectLanguage(props) {
  const { i18n } = useTranslation();
  const languages = [
    { value: "en", text: "English" },
    { value: "es", text: "Española" },
    { value: "fr", text: "Français" }
  ];
-  const [lang, setLang] = useState(i18next.language || "en");
+  const defaultLanguage = i18next.language || "en";
  const [lang, setLang] = useState(defaultLanguage);
  // This function put query that helps to change the language
  const handleChangeLang = (e) => {
    setLang(e.target.value);
    i18n.changeLanguage(e.target.value);
-    props?.updateExtUser &&
+    props?.updateExtUser && props.updateExtUser({ language: e.target.value });
      props.updateExtUser({
        language: e.target.value
      });
  };
  return (
    <div
@@ -31,9 +30,7 @@ function SelectLanguage(props) {
          !props.isProfile ? " md:w-[15%] w-[50%]" : "w-[180px]"
        } op-select op-select-bordered  bg-white op-select-sm `}
      >
-        <option disabled selected>
+        <option disabled>select</option>
          select
        </option>
        {languages.map((item) => {
          return (
            <option key={item.value} value={item.value}>
@@ -1,39 +1,20 @@
 import React, { useRef, useState, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import SignatureCanvas from "react-signature-canvas";
-function SignPad({
+
-  isSignPad,
+function SignPad(props) {
  isStamp,
  setIsImageSelect,
  onSaveSign,
  setIsSignPad,
  setImage,
  isImageSelect,
  imageRef,
  onImageChange,
  onSaveImage,
  image,
  defaultSign,
  setSignature,
  myInitial,
  isInitial,
  setIsInitial,
  setIsStamp,
  widgetType,
  currWidgetsDetails,
  setCurrWidgetsDetails
 }) {
  const { t } = useTranslation();
  const [penColor, setPenColor] = useState("blue");
  const allColor = ["blue", "red", "black"];
  const canvasRef = useRef(null);
  const [isDefaultSign, setIsDefaultSign] = useState(false);
-  const [isTab, setIsTab] = useState("draw");
+  const [isTab, setIsTab] = useState("");
  const [isSignImg, setIsSignImg] = useState("");
  const [signValue, setSignValue] = useState("");
-  const [textWidth, setTextWidth] = useState(null);
+  const [textWidth, setTextWidth] = useState(0);
-  const [textHeight, setTextHeight] = useState(null);
+  const [textHeight, setTextHeight] = useState(0);
-  const [signatureType, setSignatureType] = useState("draw");
+  const [signatureType, setSignatureType] = useState("");
  const [isSignTypes, setIsSignTypes] = useState(true);
  const fontOptions = [
    { value: "Fasthand" },
    { value: "Dancing Script" },
@@ -51,26 +32,60 @@ function SignPad({
      `Parse/${localStorage.getItem("parseAppId")}/currentUser`
    );
  const jsonSender = JSON.parse(senderUser);
-  const currentUserName = jsonSender && jsonSender.name;
+  const currentUserName = jsonSender && jsonSender?.name;
  useEffect(() => {
    handleTab();
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [props.signatureTypes]);
  function handleTab() {
    const signtypes = props?.signatureTypes || [];
    const index = signtypes?.findIndex((x) => x.enabled === true);
    if (index !== -1) {
      setIsSignTypes(true);
      const tab = props?.signatureTypes[index].name;
      if (tab === "draw") {
        setIsTab("draw");
        setSignatureType("draw");
      } else if (tab === "upload") {
        props?.setIsImageSelect(true);
        setIsTab("uploadImage");
      } else if (tab === "typed") {
        setIsTab("type");
      } else if (tab === "default") {
        setIsTab("mysignature");
      } else {
        setIsTab(true);
      }
    } else {
      setIsSignTypes(false);
    }
  }
  function isTabEnabled(tabName) {
    const isEnabled = props?.signatureTypes.find(
      (x) => x.name === tabName
    )?.enabled;
    return isEnabled;
  }
  //function for clear signature image
  const handleClear = () => {
-    setCurrWidgetsDetails({});
+    props?.setCurrWidgetsDetails({});
    if (isTab === "draw") {
      if (canvasRef.current) {
        canvasRef.current.clear();
-      } else if (isStamp) {
+      } else if (props?.isStamp) {
-        setImage("");
+        props?.setImage("");
      }
      setIsSignImg("");
    } else if (isTab === "uploadImage") {
-      setImage("");
+      props?.setImage("");
    }
    // setIsInitial(false);
  };
  //function for set signature url
  const handleSignatureChange = (data) => {
-    setSignature(data);
+    props?.setSignature(data);
    setIsSignImg(data);
  };
  //save button component
@@ -88,58 +103,57 @@ function SignPad({
        )}
        <button
          onClick={() => {
-            setCurrWidgetsDetails({});
+            props?.setCurrWidgetsDetails({});
-            if (!image) {
+            if (!props?.image) {
              if (isTab === "mysignature") {
                setIsSignImg("");
-                if (isInitial) {
+                if (props?.isInitial) {
-                  onSaveSign(signatureType, "initials");
+                  props?.onSaveSign(signatureType, "initials");
                } else {
-                  onSaveSign(null, "default");
+                  props?.onSaveSign(null, "default");
                }
              } else {
                if (isTab === "type") {
                  setIsSignImg("");
-                  onSaveSign(
+                  props?.onSaveSign(
                    null,
                    false,
-                    !isInitial && textWidth > 150 ? 150 : textWidth,
+                    !props?.isInitial && textWidth > 150 ? 150 : textWidth,
-                    !isInitial && textHeight > 35 ? 35 : textHeight
+                    !props?.isInitial && textHeight > 35 ? 35 : textHeight
                  );
                } else {
                  setIsSignImg("");
                  canvasRef.current.clear();
-                  onSaveSign(signatureType);
+                  props?.onSaveSign(signatureType);
                }
              }
              setPenColor("blue");
            } else {
              setIsSignImg("");
-              onSaveImage(signatureType);
+              props?.onSaveImage(signatureType);
            }
-            setIsSignPad(false);
+            props?.setIsSignPad(false);
-            setIsInitial(false);
+            props?.setIsInitial(false);
-            setIsImageSelect(false);
+            props?.setIsImageSelect(false);
            setIsDefaultSign(false);
-            setImage();
+            props?.setImage();
-            setIsTab("draw");
+            handleTab();
            setSignValue("");
-            setIsStamp(false);
+            props?.setIsStamp(false);
          }}
          type="button"
          className={`${
-            isSignImg || image || isDefaultSign || textWidth
+            isSignImg || props?.image || isDefaultSign || textWidth
              ? ""
              : "pointer-events-none"
          } op-btn op-btn-primary shadow-lg`}
          disabled={
            (isTab === "draw" && isSignImg) ||
-            (isTab === "image" && image) ||
+            (isTab === "image" && props?.image) ||
            (isTab === "mysignature" && isDefaultSign) ||
-            (isTab === "type" && textWidth)
+            (isTab === "type" && signValue)
              ? false
-              : image
+              : props?.image
                ? false
                : true
          }
@@ -151,12 +165,12 @@ function SignPad({
  };
  //useEffect for set already draw or save signature url/text url of signature text type and draw type for initial type and signature type widgets
  useEffect(() => {
-    if (currWidgetsDetails && canvasRef.current) {
+    if (props?.currWidgetsDetails && canvasRef.current) {
-      const isWidgetType = currWidgetsDetails?.type;
+      const isWidgetType = props?.currWidgetsDetails?.type;
-      const signatureType = currWidgetsDetails?.signatureType;
+      const signatureType = props?.currWidgetsDetails?.signatureType;
-      const url = currWidgetsDetails?.SignUrl;
+      const url = props?.currWidgetsDetails?.SignUrl;
      //checking widget type and draw type signature url
-      if (isInitial) {
+      if (props?.isInitial) {
        if (isWidgetType === "initials" && signatureType === "draw" && url) {
          canvasRef.current.fromDataURL(url);
        }
@@ -169,14 +183,14 @@ function SignPad({
      }
    }
-    const trimmedName = currentUserName && currentUserName.trim();
+    const trimmedName = currentUserName && currentUserName?.trim();
    const firstCharacter = trimmedName?.charAt(0);
-    const userName = isInitial ? firstCharacter : currentUserName;
+    const userName = props?.isInitial ? firstCharacter : currentUserName;
-    setSignValue(userName);
+    setSignValue(userName || "");
    setFontSelect("Fasthand");
    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isSignPad]);
+  }, [props.isSignPad]);
  useEffect(() => {
    const loadFont = async () => {
      try {
@@ -200,9 +214,11 @@ function SignPad({
      canvasRef.current.fromDataURL(isSignImg);
    }
    if (isTab === "type") {
-      const trimmedName = signValue ? signValue.trim() : currentUserName.trim();
+      const trimmedName = signValue
-      const firstCharacter = trimmedName.charAt(0);
+        ? signValue?.trim()
-      const userName = isInitial ? firstCharacter : signValue;
+        : currentUserName?.trim();
      const firstCharacter = trimmedName?.charAt(0);
      const userName = props?.isInitial ? firstCharacter : signValue;
      setSignValue(userName);
      convertToImg(fontSelect, userName);
    }
@@ -231,7 +247,7 @@ function SignPad({
    // Draw the text content on the canvas
    const ctx = canvasElement.getContext("2d");
    const pixelRatio = window.devicePixelRatio || 1;
-    const addExtraWidth = isInitial ? 10 : 50;
+    const addExtraWidth = props?.isInitial ? 10 : 50;
    const width = span.offsetWidth + addExtraWidth;
    const height = span.offsetHeight;
    setTextWidth(width);
@@ -253,7 +269,7 @@ function SignPad({
    document.body.removeChild(span);
    // Convert the canvas to image data
    const dataUrl = canvasElement.toDataURL("image/png");
-    setSignature(dataUrl);
+    props?.setSignature(dataUrl);
  };
  const PenColorComponent = (props) => {
@@ -295,319 +311,365 @@ function SignPad({
      </div>
    );
  };
  // `handleCancelBtn` function trigger when user click on cross button
  const handleCancelBtn = () => {
    setPenColor("blue");
    props?.setIsSignPad(false);
    props?.setIsInitial(false);
    props?.setIsImageSelect(false);
    setIsDefaultSign(false);
    props?.setImage();
    handleTab();
    setSignValue("");
    props?.setIsStamp(false);
  };
  return (
    <div>
-      {isSignPad && (
+      {props?.isSignPad && (
        <div className="op-modal op-modal-open">
          <div className="op-modal-box px-[13px] pt-2 pb-0">
-            <div className="flex justify-between text-base-content items-center">
+            {isSignTypes ? (
-              <div className="text-[1.2rem]">
+              <>
-                <div className="flex flex-row justify-between mt-[3px]">
+                <div className="flex justify-between text-base-content items-center">
-                  <div className="flex flex-row justify-between gap-[5px] md:gap-[8px] text-[11px] md:text-base">
+                  <div className="text-[1.2rem]">
-                    {isStamp ? (
+                    <div className="flex flex-row justify-between mt-[3px]">
-                      <span className="text-base-content font-bold text-lg">
+                      <div className="flex flex-row justify-between gap-[5px] md:gap-[8px] text-[11px] md:text-base">
-                        {widgetType === "image" ||
+                        {props?.isStamp ? (
-                        currWidgetsDetails?.type === "image"
+                          <span className="text-base-content font-bold text-lg">
-                          ? t("upload-image")
+                            {props?.widgetType === "image" ||
-                          : t("upload-stamp-image")}
+                            props?.currWidgetsDetails?.type === "image"
-                      </span>
+                              ? t("upload-image")
-                    ) : (
+                              : t("upload-stamp-image")}
                      <>
                        <div>
                          <span
                            onClick={() => {
                              setIsDefaultSign(false);
                              setIsImageSelect(false);
                              setIsTab("draw");
                              setImage();
                              if (isSignImg) {
                                setSignature(isSignImg);
                              }
                            }}
                            className={`${
                              isTab === "draw"
                                ? "op-link-primary"
                                : "no-underline"
                            } op-link underline-offset-8 ml-[2px]`}
                          >
                            {t("draw")}
                          </span>
                        </div>
                        <div>
                          <span
                            onClick={() => {
                              setIsDefaultSign(false);
                              setIsImageSelect(true);
                              setIsTab("uploadImage");
                              setSignatureType("");
                            }}
                            className={`${
                              isTab === "uploadImage"
                                ? "op-link-primary"
                                : "no-underline"
                            } op-link underline-offset-8 ml-[2px]`}
                          >
                            {t("upload-image")}
                          </span>
                        </div>
                        <div>
                          <span
                            onClick={() => {
                              setIsDefaultSign(false);
                              setIsImageSelect(false);
                              setIsTab("type");
                              setSignatureType("");
                              setImage();
                            }}
                            className={`${
                              isTab === "type"
                                ? "op-link-primary"
                                : "no-underline"
                            } op-link underline-offset-8 ml-[2px]`}
                          >
                            {t("type")}
                          </span>
                        </div>
                        {!isInitial && defaultSign ? (
                          <div>
                            <span
                              onClick={() => {
                                setIsDefaultSign(true);
                                setIsImageSelect(true);
                                setIsTab("mysignature");
                                setSignatureType("");
                                setImage();
                              }}
                              className={`${
                                isTab === "mysignature"
                                  ? "op-link-primary"
                                  : "no-underline"
                              } op-link underline-offset-8 ml-[2px]`}
                            >
                              {t("my-signature")}
                            </span>
                          </div>
                        ) : (
-                          isInitial &&
+                          <>
-                          myInitial && (
+                            {isTabEnabled("draw") && (
-                            <div>
+                              <div>
-                              <span
+                                <span
-                                onClick={() => {
+                                  onClick={() => {
-                                  setIsDefaultSign(true);
+                                    setIsDefaultSign(false);
-                                  setIsImageSelect(true);
+                                    props?.setIsImageSelect(false);
-                                  setIsTab("mysignature");
+                                    setIsTab("draw");
-                                  setSignatureType("");
+                                    props?.setImage();
-                                  setImage();
+                                    if (isSignImg) {
-                                }}
+                                      props?.setSignature(isSignImg);
-                                className={`${
+                                    }
-                                  isTab === "mysignature"
+                                  }}
-                                    ? "op-link-primary"
+                                  className={`${
-                                    : "no-underline"
+                                    isTab === "draw"
-                                } op-link underline-offset-8 ml-[2px]`}
+                                      ? "op-link-primary"
-                              >
+                                      : "no-underline"
-                                {t("my-initials")}
+                                  } op-link underline-offset-8 ml-[2px]`}
-                              </span>
+                                >
-                            </div>
+                                  {t("draw")}
-                          )
+                                </span>
                              </div>
                            )}
                            {isTabEnabled("upload") && (
                              <div>
                                <span
                                  onClick={() => {
                                    setIsDefaultSign(false);
                                    props?.setIsImageSelect(true);
                                    setIsTab("uploadImage");
                                    setSignatureType("");
                                  }}
                                  className={`${
                                    isTab === "uploadImage"
                                      ? "op-link-primary"
                                      : "no-underline"
                                  } op-link underline-offset-8 ml-[2px]`}
                                >
                                  {t("upload-image")}
                                </span>
                              </div>
                            )}
                            {isTabEnabled("typed") && (
                              <div>
                                <span
                                  onClick={() => {
                                    setIsDefaultSign(false);
                                    props?.setIsImageSelect(false);
                                    setIsTab("type");
                                    setSignatureType("");
                                    props?.setImage();
                                  }}
                                  className={`${
                                    isTab === "type"
                                      ? "op-link-primary"
                                      : "no-underline"
                                  } op-link underline-offset-8 ml-[2px]`}
                                >
                                  {t("type")}
                                </span>
                              </div>
                            )}
                            {!props?.isInitial &&
                            props?.defaultSign &&
                            isTabEnabled("default") ? (
                              <div>
                                <span
                                  onClick={() => {
                                    setIsDefaultSign(true);
                                    props?.setIsImageSelect(true);
                                    setIsTab("mysignature");
                                    setSignatureType("");
                                    props?.setImage();
                                  }}
                                  className={`${
                                    isTab === "mysignature"
                                      ? "op-link-primary"
                                      : "no-underline"
                                  } op-link underline-offset-8 ml-[2px]`}
                                >
                                  {t("my-signature")}
                                </span>
                              </div>
                            ) : (
                              props?.isInitial &&
                              props?.myInitial &&
                              isTabEnabled("default") && (
                                <div>
                                  <span
                                    onClick={() => {
                                      setIsDefaultSign(true);
                                      props?.setIsImageSelect(true);
                                      setIsTab("mysignature");
                                      setSignatureType("");
                                      props?.setImage();
                                    }}
                                    className={`${
                                      isTab === "mysignature"
                                        ? "op-link-primary"
                                        : "no-underline"
                                    } op-link underline-offset-8 ml-[2px]`}
                                  >
                                    {t("my-initials")}
                                  </span>
                                </div>
                              )
                            )}
                          </>
                        )}
                      </>
                    )}
                  </div>
                </div>
              </div>
              <div
                className="text-[1.5rem] cursor-pointer"
                onClick={() => {
                  setPenColor("blue");
                  setIsSignPad(false);
                  setIsInitial(false);
                  setIsImageSelect(false);
                  setIsDefaultSign(false);
                  setImage();
                  setIsTab("draw");
                  setSignatureType("draw");
                  setSignValue("");
                  setIsStamp(false);
                }}
              >
                &times;
              </div>
            </div>
            <div className="p-[20px] h-full">
              {isDefaultSign ? (
                <>
                  <div className="flex justify-center">
                    <div
                      style={{
                        border: "1.3px solid #007bff",
                        borderRadius: "2px",
                        display: "flex",
                        flexDirection: "column",
                        justifyContent: "center",
                        alignItems: "center",
                        marginBottom: 6,
                        cursor: "pointer"
                      }}
                      className={
                        isInitial ? "intialSignatureCanvas" : "signatureCanvas"
                      }
                    >
                      <img
                        alt="stamp img"
                        className="w-full h-full object-contain bg-white"
                        draggable="false"
                        src={isInitial ? myInitial : defaultSign}
                      />
                    </div>
                  </div>
                  <div className="flex justify-end">
                    <SaveBtn />
                  </div>
                </>
              ) : isImageSelect || isStamp ? (
                !image ? (
                  <div className="flex justify-center">
                    <div
                      style={{
                        border: "1.3px solid #007bff",
                        borderRadius: "2px",
                        display: "flex",
                        flexDirection: "column",
                        justifyContent: "center",
                        alignItems: "center",
                        marginBottom: 6,
                        cursor: "pointer"
                      }}
                      className={
                        isInitial ? "intialSignatureCanvas" : "signatureCanvas"
                      }
                      onClick={() => imageRef.current.click()}
                    >
                      <input
                        type="file"
                        onChange={onImageChange}
                        className="filetype"
                        accept="image/png,image/jpeg"
                        ref={imageRef}
                        hidden
                      />
                      <i className="fa-light fa-cloud-upload-alt uploadImgLogo"></i>
                      <div className="text-[10px]">{t("upload")}</div>
                    </div>
                  </div>
                ) : (
                  <>
                    <div className="flex justify-center">
                      <div
                        style={{
                          border: "1.3px solid #007bff",
                          borderRadius: "2px",
                          marginBottom: 6,
                          overflow: "hidden"
                        }}
                        className={
                          isInitial
                            ? "intialSignatureCanvas"
                            : "signatureCanvas"
                        }
                      >
                        <img
                          alt="print img"
                          ref={imageRef}
                          src={image.src}
                          draggable="false"
                          className=" object-contain h-full w-full"
                        />
                      </div>
                    </div>
                    <div className="flex justify-end">
                      <SaveBtn />
                    </div>
                  </>
                )
              ) : isTab === "type" ? (
                <div>
                  <div className="flex justify-between items-center">
                    <span className="mr-[5px] text-[12px]">
                      {isInitial ? t("initial-teb") : t("signature-tab")}:
                    </span>
                    <input
                      maxLength={isInitial ? 3 : 30}
                      style={{ fontFamily: fontSelect, color: penColor }}
                      type="text"
                      className="ml-1 op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-[20px]"
                      placeholder="Your signature"
                      value={signValue}
                      onChange={(e) => {
                        setSignValue(e.target.value);
                        convertToImg(fontSelect, e.target.value);
                      }}
                    />
                  </div>
-                  <div className="border-[1px] border-[#d6d3d3] mt-[10px] ml-[5px]">
+                  <div
-                    {fontOptions.map((font, ind) => {
+                    className="text-[1.5rem] cursor-pointer"
-                      return (
+                    onClick={handleCancelBtn}
-                        <div
+                  >
-                          key={ind}
+                    &times;
                          style={{
                            cursor: "pointer",
                            fontFamily: font.value,
                            backgroundColor:
                              fontSelect === font.value && "rgb(206 225 247)"
                          }}
                          onClick={() => {
                            setFontSelect(font.value);
                            convertToImg(font.value, signValue);
                          }}
                        >
                          <div
                            style={{
                              padding: "5px 10px 5px 10px",
                              fontSize: "20px",
                              color: penColor
                            }}
                          >
                            {signValue ? signValue : "Your signature"}
                          </div>
                        </div>
                      );
                    })}
                  </div>
                  <div className="flex flex-row justify-between mt-[10px]">
                    <PenColorComponent convertToImg={convertToImg} />
                    <SaveBtn />
                  </div>
                </div>
-              ) : (
+                <div className="p-[20px] h-full">
-                <>
+                  {isDefaultSign ? (
-                  <div className="flex justify-center">
+                    <>
-                    <SignatureCanvas
+                      <div className="flex justify-center">
-                      ref={canvasRef}
+                        <div
-                      penColor={penColor}
+                          style={{
-                      canvasProps={{
+                            border: "1.3px solid #007bff",
-                        className: isInitial
+                            borderRadius: "2px",
-                          ? "intialSignatureCanvas"
+                            display: "flex",
-                          : "signatureCanvas",
+                            flexDirection: "column",
-                        style: {
+                            justifyContent: "center",
-                          border: "1.6px solid #007bff",
+                            alignItems: "center",
-                          borderRadius: "2px"
+                            marginBottom: 6,
-                        }
+                            cursor: "pointer"
-                      }}
+                          }}
-                      backgroundColor="rgb(255, 255, 255)"
+                          className={
-                      onEnd={() =>
+                            props?.isInitial
-                        handleSignatureChange(canvasRef.current?.toDataURL())
+                              ? "intialSignatureCanvas"
-                      }
+                              : "signatureCanvas"
-                      dotSize={1}
+                          }
-                    />
+                        >
                          <img
                            alt="stamp img"
                            className="w-full h-full object-contain bg-white"
                            draggable="false"
                            src={
                              props?.isInitial
                                ? props?.myInitial
                                : props?.defaultSign
                            }
                          />
                        </div>
                      </div>
                      <div className="flex justify-end">
                        <SaveBtn />
                      </div>
                    </>
                  ) : props?.isImageSelect || props?.isStamp ? (
                    !props?.image ? (
                      <div className="flex justify-center">
                        <div
                          style={{
                            border: "1.3px solid #007bff",
                            borderRadius: "2px",
                            display: "flex",
                            flexDirection: "column",
                            justifyContent: "center",
                            alignItems: "center",
                            marginBottom: 6,
                            cursor: "pointer"
                          }}
                          className={
                            props?.isInitial
                              ? "intialSignatureCanvas"
                              : "signatureCanvas"
                          }
                          onClick={() => props?.imageRef.current.click()}
                        >
                          <input
                            type="file"
                            onChange={props?.onImageChange}
                            className="filetype"
                            accept="image/png,image/jpeg"
                            ref={props?.imageRef}
                            hidden
                          />
                          <i className="fa-light fa-cloud-upload-alt uploadImgLogo"></i>
                          <div className="text-[10px]">{t("upload")}</div>
                        </div>
                      </div>
                    ) : (
                      <>
                        <div className="flex justify-center">
                          <div
                            style={{
                              border: "1.3px solid #007bff",
                              borderRadius: "2px",
                              marginBottom: 6,
                              overflow: "hidden"
                            }}
                            className={
                              props?.isInitial
                                ? "intialSignatureCanvas"
                                : "signatureCanvas"
                            }
                          >
                            <img
                              alt="print img"
                              ref={props?.imageRef}
                              src={props?.image.src}
                              draggable="false"
                              className=" object-contain h-full w-full"
                            />
                          </div>
                        </div>
                        <div className="flex justify-end">
                          <SaveBtn />
                        </div>
                      </>
                    )
                  ) : isTab === "type" ? (
                    <div>
                      <div className="flex justify-between items-center">
                        <span className="mr-[5px] text-[12px]">
                          {props?.isInitial
                            ? t("initial-teb")
                            : t("signature-tab")}
                          :
                        </span>
                        <input
                          maxLength={props?.isInitial ? 3 : 30}
                          style={{ fontFamily: fontSelect, color: penColor }}
                          type="text"
                          className="ml-1 op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-[20px]"
                          placeholder="Your signature"
                          value={signValue}
                          onChange={(e) => {
                            setSignValue(e.target.value);
                            convertToImg(fontSelect, e.target.value);
                          }}
                        />
                      </div>
                      <div className="border-[1px] border-[#d6d3d3] mt-[10px] ml-[5px]">
                        {fontOptions.map((font, ind) => {
                          return (
                            <div
                              key={ind}
                              style={{
                                cursor: "pointer",
                                fontFamily: font.value,
                                backgroundColor:
                                  fontSelect === font.value &&
                                  "rgb(206 225 247)"
                              }}
                              onClick={() => {
                                setFontSelect(font.value);
                                convertToImg(font.value, signValue);
                              }}
                            >
                              <div
                                style={{
                                  padding: "5px 10px 5px 10px",
                                  fontSize: "20px",
                                  color: penColor
                                }}
                              >
                                {signValue ? signValue : "Your signature"}
                              </div>
                            </div>
                          );
                        })}
                      </div>
                      <div className="flex flex-row justify-between mt-[10px]">
                        <PenColorComponent convertToImg={convertToImg} />
                        <SaveBtn />
                      </div>
                    </div>
                  ) : (
                    <>
                      <div className="flex justify-center">
                        <SignatureCanvas
                          ref={canvasRef}
                          penColor={penColor}
                          canvasProps={{
                            className: props?.isInitial
                              ? "intialSignatureCanvas"
                              : "signatureCanvas",
                            style: {
                              border: "1.6px solid #007bff",
                              borderRadius: "2px"
                            }
                          }}
                          // backgroundColor="rgb(255, 255, 255)"
                          onEnd={() =>
                            handleSignatureChange(
                              canvasRef.current?.toDataURL()
                            )
                          }
                          dotSize={1}
                        />
                      </div>
                      <div className="flex flex-row justify-between mt-[10px]">
                        <PenColorComponent />
                        <SaveBtn />
                      </div>
                    </>
                  )}
                </div>
              </>
            ) : (
              <div className="">
                <div className="relative flex flex-row items-center justify-between">
                  <div className="text-base-content font-bold text-lg">
                    Signature
                  </div>
-                  <div className="flex flex-row justify-between mt-[10px]">
+                  <div
-                    <PenColorComponent />
+                    className="text-[1.5rem] cursor-pointer"
-                    <SaveBtn />
+                    onClick={handleCancelBtn}
                  >
                    &times;
                  </div>
-                </>
+                </div>
-              )}
+                <div className="mx-3 mb-6 mt-3">
-            </div>
+                  <p>{t("at-least-one-signature-type")}</p>
                </div>
              </div>
            )}
          </div>
        </div>
      )}
@@ -21,9 +21,11 @@ function TextFontSetting(props) {
            value={
              props.fontSize ||
              props.currWidgetsDetails?.options?.fontSize ||
-              "12"
+              12
            }
-            onChange={(e) => props.setFontSize(e.target.value)}
+            onChange={(e) => {
              props.setFontSize(parseInt(e.target.value));
            }}
          >
            {fontsizeArr.map((size, ind) => {
              return (
@@ -4,6 +4,7 @@ import RecipientList from "./RecipientList";
 import { useDrag } from "react-dnd";
 import WidgetList from "./WidgetList";
 import {
  color,
  radioButtonWidget,
  textInputWidget,
  textWidget,
@@ -43,163 +44,69 @@ function WidgetComponent({
  const [isSignersModal, setIsSignersModal] = useState(false);
  const [, dropdown] = useDrag({
    type: "BOX",
-    item: {
+    item: { type: "BOX", id: 5, text: "dropdown" },
      type: "BOX",
      id: 5,
      text: "dropdown"
    },
    collect: (monitor) => ({
      isDragDropdown: !!monitor.isDragging()
    })
  });
  const [, checkbox] = useDrag({
    type: "BOX",
-    item: {
+    item: { type: "BOX", id: 6, text: "checkbox" },
-      type: "BOX",
+    collect: (monitor) => ({ isDragCheck: !!monitor.isDragging() })
      id: 6,
      text: "checkbox"
    },
    collect: (monitor) => ({
      isDragCheck: !!monitor.isDragging()
    })
  });
  const [, textInput] = useDrag({
    type: "BOX",
-    item: {
+    item: { type: "BOX", id: 7, text: textInputWidget },
-      type: "BOX",
+    collect: (monitor) => ({ isDragTextInput: !!monitor.isDragging() })
      id: 7,
      text: textInputWidget
    },
    collect: (monitor) => ({
      isDragTextInput: !!monitor.isDragging()
    })
  });
  const [, initials] = useDrag({
    type: "BOX",
-    item: {
+    item: { type: "BOX", id: 8, text: "initials" },
-      type: "BOX",
+    collect: (monitor) => ({ isDragInitial: !!monitor.isDragging() })
      id: 8,
      text: "initials"
    },
    collect: (monitor) => ({
      isDragInitial: !!monitor.isDragging()
    })
  });
  const [, name] = useDrag({
    type: "BOX",
-    item: {
+    item: { type: "BOX", id: 9, text: "name" },
-      type: "BOX",
+    collect: (monitor) => ({ isDragName: !!monitor.isDragging() })
      id: 9,
      text: "name"
    },
    collect: (monitor) => ({
      isDragName: !!monitor.isDragging()
    })
  });
  const [, company] = useDrag({
    type: "BOX",
-    item: {
+    item: { type: "BOX", id: 10, text: "company" },
-      type: "BOX",
+    collect: (monitor) => ({ isDragCompany: !!monitor.isDragging() })
      id: 10,
      text: "company"
    },
    collect: (monitor) => ({
      isDragCompany: !!monitor.isDragging()
    })
  });
  const [, jobTitle] = useDrag({
    type: "BOX",
-    item: {
+    item: { type: "BOX", id: 11, text: "job title" },
-      type: "BOX",
+    collect: (monitor) => ({ isDragJobtitle: !!monitor.isDragging() })
      id: 11,
      text: "job title"
    },
    collect: (monitor) => ({
      isDragJobtitle: !!monitor.isDragging()
    })
  });
  const [, date] = useDrag({
    type: "BOX",
-    item: {
+    item: { type: "BOX", id: 12, text: "date" },
-      type: "BOX",
+    collect: (monitor) => ({ isDragDate: !!monitor.isDragging() })
      id: 12,
      text: "date"
    },
    collect: (monitor) => ({
      isDragDate: !!monitor.isDragging()
    })
  });
  const [, image] = useDrag({
    type: "BOX",
-    item: {
+    item: { type: "BOX", id: 13, text: "image" },
-      type: "BOX",
+    collect: (monitor) => ({ isDragImage: !!monitor.isDragging() })
      id: 13,
      text: "image"
    },
    collect: (monitor) => ({
      isDragImage: !!monitor.isDragging()
    })
  });
  const [, email] = useDrag({
    type: "BOX",
-    item: {
+    item: { type: "BOX", id: 14, text: "email" },
-      type: "BOX",
+    collect: (monitor) => ({ isDragEmail: !!monitor.isDragging() })
      id: 14,
      text: "email"
    },
    collect: (monitor) => ({
      isDragEmail: !!monitor.isDragging()
    })
  });
  const [, radioButton] = useDrag({
    type: "BOX",
-
+    item: { type: "BOX", id: 15, text: radioButtonWidget },
-    item: {
+    collect: (monitor) => ({ isDragRadiotton: !!monitor.isDragging() })
      type: "BOX",
      id: 15,
      text: radioButtonWidget
    },
    collect: (monitor) => ({
      isDragRadiotton: !!monitor.isDragging()
    })
  });
  const [, text] = useDrag({
    type: "BOX",
-
+    item: { type: "BOX", id: 16, text: textWidget },
-    item: {
+    collect: (monitor) => ({ isDragText: !!monitor.isDragging() })
      type: "BOX",
      id: 16,
      text: textWidget
    },
    collect: (monitor) => ({
      isDragText: !!monitor.isDragging()
    })
  });
  const isMobile = window.innerWidth < 767;
  const scrollContainerRef = useRef(null);
  const [widget, setWidget] = useState([]);
  const color = [
    "#93a3db",
    "#e6c3db",
    "#c0e3bc",
    "#bce3db",
    "#b8ccdb",
    "#ceb8db",
    "#ffccff",
    "#99ffcc",
    "#cc99ff",
    "#ffcc99",
    "#66ccff",
    "#ffffcc"
  ];
  const handleModal = () => {
    setIsSignersModal(!isSignersModal);
  };
@@ -2,7 +2,11 @@ import React, { useEffect, useState } from "react";
 import ModalUi from "../../primitives/ModalUi";
 import "../../styles/AddUser.css";
 import RegexParser from "regex-parser";
-import { textInputWidget, textWidget } from "../../constant/Utils";
+import {
  signatureTypes,
  textInputWidget,
  textWidget
 } from "../../constant/Utils";
 import Upgrade from "../../primitives/Upgrade";
 import { isEnableSubscription } from "../../constant/const";
 import Tooltip from "../../primitives/Tooltip";
@@ -11,6 +15,7 @@ import { useTranslation } from "react-i18next";
 const WidgetNameModal = (props) => {
  const { t } = useTranslation();
  const signTypes = props?.signatureType || signatureTypes;
  const [formdata, setFormdata] = useState({
    name: "",
    defaultValue: "",
@@ -21,6 +26,7 @@ const WidgetNameModal = (props) => {
  const [isValid, setIsValid] = useState(true);
  const statusArr = ["Required", "Optional"];
  const inputOpt = ["text", "email", "number"];
  const [signatureType, setSignatureType] = useState([]);
  useEffect(() => {
    if (props.defaultdata) {
@@ -40,12 +46,32 @@ const WidgetNameModal = (props) => {
        name: props.defaultdata?.options?.name || ""
      });
    }
    if (signTypes.length > 0) {
      const defaultSignatureType = signTypes || [];
      setSignatureType(defaultSignatureType);
    }
    // eslint-disable-next-line
  }, [props.defaultdata]);
  const handleSubmit = (e) => {
    e.preventDefault();
    if (props.handleData) {
-      props.handleData(formdata);
+      if (["signature", "initials"].includes(props.defaultdata?.type)) {
        const enabledSignTypes = signatureType?.filter((x) => x.enabled);
        const isDefaultSignTypeOnly =
          enabledSignTypes?.length === 1 &&
          enabledSignTypes[0]?.name === "default";
        if (enabledSignTypes.length === 0) {
          alert(t("at-least-one-signature-type"));
        } else if (isDefaultSignTypeOnly) {
          alert(t("expect-default-one-more-signature-type"));
        } else {
          const data = { ...formdata, signatureType };
          props.handleData(data, props.defaultdata?.type);
        }
      } else {
        props.handleData(formdata);
      }
      setFormdata({
        name: "",
        defaultValue: "",
@@ -53,6 +79,7 @@ const WidgetNameModal = (props) => {
        hint: "",
        textvalidate: ""
      });
      setSignatureType(signTypes);
    }
  };
  const handleChange = (e) => {
@@ -102,6 +129,15 @@ const WidgetNameModal = (props) => {
      }
    }
  }
  const handleCheckboxChange = (index) => {
    // Create a copy of the signatureType array
    const updatedSignatureType = [...signatureType];
    // Toggle the enabled value for the clicked item
    updatedSignatureType[index].enabled = !updatedSignatureType[index].enabled;
    // Update the state with the modified array
    setSignatureType(updatedSignatureType);
  };
  return (
    <ModalUi
      isOpen={props.isOpen}
@@ -111,24 +147,30 @@ const WidgetNameModal = (props) => {
      <form
        onSubmit={handleSubmit}
        className={`${
-          props.defaultdata?.type === textInputWidget ? "pt-0" : ""
+          props.defaultdata?.type === textInputWidget
            ? "pt-0"
            : ["signature", "initials"].includes(props.defaultdata?.type)
              ? "pt-2"
              : ""
        } p-[20px] text-base-content`}
      >
-        <div className="mb-[0.75rem] text-[13px]">
+        {!["signature", "initials"].includes(props.defaultdata?.type) && (
-          <label htmlFor="name">
+          <div className="mb-[0.75rem] text-[13px]">
-            {t("name")}
+            <label htmlFor="name">
-            <span className="text-[red]"> *</span>
+              {t("name")}
-          </label>
+              <span className="text-[red]"> *</span>
-          <input
+            </label>
-            className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
+            <input
-            name="name"
+              className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
-            value={formdata.name}
+              name="name"
-            onChange={(e) => handleChange(e)}
+              value={formdata.name}
-            onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
+              onChange={(e) => handleChange(e)}
-            onInput={(e) => e.target.setCustomValidity("")}
+              onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
-            required
+              onInput={(e) => e.target.setCustomValidity("")}
-          />
+              required
-        </div>
+            />
          </div>
        )}
        {props.defaultdata?.type === textInputWidget && (
          <>
            {isEnableSubscription && (
@@ -226,30 +268,63 @@ const WidgetNameModal = (props) => {
            </div>
          </>
        )}
-        <div className="mb-[0.75rem]">
+        {!["signature", "initials"].includes(props.defaultdata?.type) && (
-          <div className="flex flex-row gap-[10px] mb-[0.5rem]">
+          <div className="mb-[0.75rem]">
-            {statusArr.map((data, ind) => {
+            <div className="flex flex-row gap-[10px] mb-[0.5rem]">
-              return (
+              {statusArr.map((data, ind) => {
-                <div key={ind} className="flex flex-row gap-[5px] items-center">
+                return (
-                  <input
+                  <div
-                    className="mr-[2px] op-radio op-radio-xs"
+                    key={ind}
-                    type="radio"
+                    className="flex flex-row gap-[5px] items-center"
-                    name="status"
+                  >
-                    onChange={() =>
+                    <input
-                      setFormdata({ ...formdata, status: data.toLowerCase() })
+                      className="mr-[2px] op-radio op-radio-xs"
-                    }
+                      type="radio"
-                    checked={
+                      name="status"
-                      formdata.status.toLowerCase() === data.toLowerCase()
+                      onChange={() =>
-                    }
+                        setFormdata({ ...formdata, status: data.toLowerCase() })
-                  />
+                      }
-                  <div className="text-[13px] font-medium">
+                      checked={
-                    {t(`widget-status.${data}`)}
+                        formdata.status.toLowerCase() === data.toLowerCase()
                      }
                    />
                    <div className="text-[13px] font-medium">
                      {t(`widget-status.${data}`)}
                    </div>
                  </div>
-                </div>
+                );
-              );
+              })}
-            })}
+            </div>
          </div>
-        </div>
+        )}
        {["signature", "initials"].includes(props.defaultdata?.type) && (
          <div className="mb-[0.75rem]">
            <label htmlFor="signaturetype" className="text-[14px] mb-[0.7rem]">
              {t("allowed-signature-types")}
            </label>
            <div className=" ml-[7px] flex flex-col md:flex-row gap-[10px] mb-[0.7rem]">
              {signatureType.map((type, i) => {
                return (
                  <div key={i} className="flex flex-row gap-[5px] items-center">
                    <input
                      className="mr-[2px] op-checkbox op-checkbox-xs"
                      type="checkbox"
                      name="signaturetype"
                      onChange={() => handleCheckboxChange(i)}
                      checked={type.enabled}
                    />
                    <div
                      className="text-[13px] font-medium hover:underline underline-offset-2 cursor-default capitalize"
                      title={`Enabling this allow signers to ${type.name} signature`}
                    >
                      {type.name}
                    </div>
                  </div>
                );
              })}
            </div>
          </div>
        )}
        {props.defaultdata?.type === textInputWidget && (
          <div className="mb-[0.75rem]">
            <label htmlFor="hint" className="text-[13px]">
@@ -276,9 +351,9 @@ const WidgetNameModal = (props) => {
            <select
              className="ml-[7px] op-select op-select-bordered op-select-sm focus:outline-none hover:border-base-content text-xs"
              value={
-                props.fontSize || props.defaultdata?.options?.fontSize || "12"
+                props.fontSize || props.defaultdata?.options?.fontSize || 12
              }
-              onChange={(e) => props.setFontSize(e.target.value)}
+              onChange={(e) => props.setFontSize(parseInt(e.target.value))}
            >
              {fontsizeArr.map((size, ind) => {
                return (
@@ -7,10 +7,7 @@ const DROPBOX_SCRIPT_ID = "dropboxjs";
 export default function DropboxChooser({ children, onSuccess, onCancel }) {
  useDropScript(DROPBOX_SDK_URL, {
-    attrs: {
+    attrs: { id: DROPBOX_SCRIPT_ID, "data-app-key": DROPBOX_APP_KEY }
      id: DROPBOX_SCRIPT_ID,
      "data-app-key": DROPBOX_APP_KEY
    }
  });
  const options = useMemo(
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import Parse from "parse";
 import AsyncSelect from "react-select/async";
 import { useTranslation } from "react-i18next";
 import axios from "axios";
 const SelectSigners = (props) => {
  const { t } = useTranslation();
@@ -31,17 +31,19 @@ const SelectSigners = (props) => {
  const loadOptions = async (inputValue) => {
    try {
-      const currentUser = Parse.User.current();
+      const baseURL = localStorage.getItem("baseUrl");
-      const contactbook = new Parse.Query("contracts_Contactbook");
+      const url = `${baseURL}functions/getsigners`;
-      contactbook.equalTo(
+      const token = props.jwttoken
-        "CreatedBy",
+        ? { jwttoken: props.jwttoken }
-        Parse.User.createWithoutData(currentUser.id)
+        : { "X-Parse-Session-Token": localStorage.getItem("accesstoken") };
-      );
+      const headers = {
-      if (inputValue.length > 1) {
+        "Content-Type": "application/json",
-        contactbook.matches("Name", new RegExp(inputValue, "i"));
+        "X-Parse-Application-Id": localStorage.getItem("parseAppId"),
-      }
+        ...token
-      contactbook.notEqualTo("IsDeleted", true);
+      };
-      const contactRes = await contactbook.find();
+      const searchEmail = inputValue ? inputValue : "";
      const axiosRes = await axios.post(url, { searchEmail }, { headers });
      const contactRes = axiosRes?.data?.result || [];
      if (contactRes) {
        const res = JSON.parse(JSON.stringify(contactRes));
        //compareArrays is a function where compare between two array (total signersList and dcument signers list)
@@ -52,11 +54,9 @@ const SelectSigners = (props) => {
              !signerObj.find((item2) => item2.objectId === item1.objectId)
          );
        };
        //get update signer's List if signersdata is present
        const updateSignersList =
          props?.signersData && compareArrays(res, props?.signersData);
        const result = updateSignersList ? updateSignersList : res;
        setUserList(result);
        return await result.map((item) => ({
@@ -68,7 +68,6 @@ const SelectSigners = (props) => {
      console.log("err", error);
    }
  };
  return (
    <div className="h-full px-[20px] py-[10px] text-base-content">
      <div className="w-full mx-auto p-[8px]">
@@ -85,6 +84,7 @@ const SelectSigners = (props) => {
            loadOptions={loadOptions}
            onChange={handleOptions}
            unstyled
            onFocus={() => loadOptions()}
            classNames={{
              control: () =>
                "op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full h-full text-[11px]",
@@ -25,7 +25,7 @@ const SuggestionInput = (props) => {
      if (timer) clearTimeout(timer);
      timer = setTimeout(() => {
        (async () => {
-          const res = await findContact(inputValue);
+          const res = await findContact(inputValue, props.jwttoken);
          if (res?.length > 0) {
            setSuggestions(res);
            setShowSuggestions(true);
@@ -37,13 +37,14 @@ const SuggestionInput = (props) => {
      }, 1000);
    }
    return () => clearTimeout(timer);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [inputValue]);
  const handleInputChange = async (e) => {
    const value = e.target.value;
-    setInputValue(value?.toLowerCase());
+    setInputValue(value?.toLowerCase()?.replace(/\s/g, ""));
    if (props.onChange) {
-      props.onChange(value);
+      props.onChange(value?.toLowerCase()?.replace(/\s/g, ""));
    }
    if (value.trim() === "") {
@@ -25,7 +25,7 @@ i18n
    interpolation: {
      escapeValue: false // Not needed for react as it escapes by default
    },
-    whitelist: ["en", "fr"] // List of allowed languages
+    whitelist: ["en", "es", "fr"] // List of allowed languages
  });
 export default i18n;
@@ -1,18 +1,38 @@
 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 head = ["Title", "Note", "Folder", "File", "Owner", "Signers"];
-  const declineHead = [
+  const declineHead = ["Title", "Reason", "Folder", "File", "Owner", "Signers"];
-    "Sr.No",
+  const iphead = ["Title", "Note", "Folder", "File", "Signers"];
-    "Title",
+  const contactbook = ["Name", "Email", "Phone"];
    "Reason",
    "Folder",
    "File",
    "Owner",
    "Signers"
  ];
  const contactbook = ["Sr.No", "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
    ? [
        {
          btnId: "2435",
          btnLabel: "Embed",
          hoverLabel: "Embed",
          btnIcon: "fa-light fa-code",
          action: "Embed"
        },
        {
          btnId: "2436",
          btnLabel: "Copy TemplateId",
          hoverLabel: "Copy TemplateId",
          btnIcon: "fa-light fa-copy",
          action: "CopyTemplateId"
        },
        {
          btnId: "2437",
          btnLabel: "Copy Public URL",
          hoverLabel: "Copy Public URL",
          btnIcon: "fa-light fa-copy",
          action: "CopyPublicURL"
        }
      ]
    : [];
  switch (id) {
    // draft documents report
    case "ByHuevtCFY":
@@ -63,7 +83,7 @@ export default function reportJson(id) {
    case "1MwEuxLEkF":
      return {
        reportName: "In-progress documents",
-        heading: head,
+        heading: iphead,
        actions: [
          {
            btnId: "8901",
@@ -192,6 +212,25 @@ export default function reportJson(id) {
            btnIcon: "fa-light fa-trash",
            redirectUrl: "",
            action: "delete"
          },
          {
            btnId: "3234",
            hoverLabel: "option",
            btnColor: "",
            textColor: "black",
            btnIcon: "fa-light fa-ellipsis-vertical fa-lg",
            action: "option",
            subaction: [
              {
                btnId: "2199",
                btnLabel: "extend-expiry-date",
                hoverLabel: "Extend expiry date",
                btnColor: "op-btn-primary",
                btnIcon: "fa-light fa-hourglass-end",
                redirectUrl: "",
                action: "extendexpiry"
              }
            ]
          }
        ],
        helpMsg:
@@ -354,13 +393,7 @@ export default function reportJson(id) {
              redirectUrl: "template",
              action: "redirect"
            },
-            {
+            ...templateSubAction,
              btnId: "2434",
              btnLabel: "Embed",
              hoverLabel: "Embed",
              btnIcon: "fa-light fa-code",
              action: "Embed"
            },
            {
              btnId: "1834",
              btnLabel: "Delete",
@@ -382,18 +415,15 @@ export default function reportJson(id) {
            if (item.action === "option") {
              // Make a shallow copy of the item
              const newItem = { ...item };
-              newItem.subaction = [
+              //splice method used to add `Share with team` option on second index of list
-                {
+              newItem.subaction.splice(1, 0, {
-                  btnId: "1873",
+                btnId: "1873",
-                  btnLabel: "Share with team",
+                btnLabel: "Share with team",
-                  hoverLabel: "Share with team",
+                hoverLabel: "Share with team",
-                  btnIcon: "fa-light fa-share-nodes",
+                btnIcon: "fa-light fa-share-nodes",
-                  redirectUrl: "",
+                redirectUrl: "",
-                  action: "sharewith"
+                action: "sharewith"
-                },
+              });
                ...newItem.subaction
              ];
              return newItem;
            }
            return item;
@@ -154,6 +154,14 @@ const sidebarList = [
        pageType: "",
        description: "",
        objectId: "webhook"
      },
      {
        icon: "fa-light fa-sliders",
        title: "Preferences",
        target: "_self",
        pageType: "",
        description: "",
        objectId: "preferences"
      }
    ]
  }
@@ -16,17 +16,18 @@ const plans = [
      "Unlimited digital signatures",
      "Sign documents yourself",
      "Request signatures from others",
      "Unlimited templates",
      "14 field types",
      "Automatic e-signatures",
      "Completion certificates",
      "Send in order",
      "Organize docs in OpenSign™ Drive",
      "Document templates",
      "Import from Dropbox",
      "Contact book",
      "Document expiry support",
      "Decline document support",
      "Email notifications",
      "Recipient authentication using OTP",
      "Public profiles",
      "And much more"
    ],
@@ -34,17 +35,18 @@ const plans = [
      "Unlimited digital signatures",
      "Sign documents yourself",
      "Request signatures from others",
      "Unlimited templates",
      "14 field types",
      "Automatic e-signatures",
      "Completion certificates",
      "Send in order",
      "Organize docs in OpenSign™ Drive",
      "Document templates",
      "Import from Dropbox",
      "Contact book",
      "Document expiry support",
      "Decline document support",
      "Email notifications",
      "Recipient authentication using OTP",
      "Public profiles",
      "And much more"
    ]
@@ -61,10 +63,10 @@ const plans = [
    subtitle: "Exclusive Access to advanced features.",
    btn: { text: "Subscribe", color: "op-btn-primary" },
    url: isStaging
-      ? "https://billing.zoho.in/subscribe/9627f62a09df1c8ce500f2f4dc8328dd84ecda20eeae13878ce581d60240f206/pro-weekly"
+      ? "https://billing.zohosecure.in/subscribe/9627f62a09df1c8ce500f2f4dc8328dd84ecda20eeae13878ce581d60240f206/pro-weekly"
      : "https://billing.opensignlabs.com/subscribe/ef798486e6a0a11ea65f2bae8f2af901d1a09dfa8085585cdd4ec4d7f32137f3/professional-monthly",
    yearlyUrl: isStaging
-      ? "https://billing.zoho.in/subscribe/9627f62a09df1c8ce500f2f4dc8328ddc184411129224f1f29ed84f6cef3b862/pro-yearly"
+      ? "https://billing.zohosecure.in/subscribe/9627f62a09df1c8ce500f2f4dc8328ddc184411129224f1f29ed84f6cef3b862/pro-yearly"
      : "https://billing.opensignlabs.com/subscribe/ef798486e6a0a11ea65f2bae8f2af901d8ad1135190dff951330360e47585a71/professional-yearly",
    target: "_self",
    benefits: [
@@ -77,10 +79,12 @@ const plans = [
      "API Access",
      "upto 100 API signatures",
      "Custom email templates",
      "Connect your own Gmail or SMTP account for sending emails",
      "Auto reminders",
      "Bulk send (upto 100 docs)",
      "Premium Public profile usernames",
-      "Embedding (coming soon)"
+      "Enforce email-based verification to confirm signer identity",
      "Embedded signing"
    ],
    yearlyBenefits: [
      "Everything in OpenSign™ free",
@@ -92,10 +96,12 @@ const plans = [
      "API Access",
      "upto 240 API signatures",
      "Custom email templates",
      "Connect your own Gmail or SMTP account for sending emails",
      "Auto reminders",
      "Bulk send (upto 240 docs)",
      "Premium Public profile usernames",
-      "Embedding (coming soon)"
+      "Enforce email-based verification to confirm signer identity",
      "Embedded signing"
    ]
  },
  {
@@ -108,10 +114,10 @@ const plans = [
    subtitle: "Exclusive Access to advanced features.",
    btn: { text: "Subscribe", color: "op-btn-accent" },
    url: isStaging
-      ? "https://billing.zoho.in/subscribe/ed8097273a82b6bf39892c11a3bb3c381eb2705736014cfbdbde1ccf1c7a189d/teams-monthly"
+      ? "https://billing.zohosecure.in/subscribe/ed8097273a82b6bf39892c11a3bb3c381eb2705736014cfbdbde1ccf1c7a189d/teams-monthly"
      : "https://billing.opensignlabs.com/subscribe/ef798486e6a0a11ea65f2bae8f2af901237d0702bfaa959406306635d80f138c/teams-monthly",
    yearlyUrl: isStaging
-      ? "https://billing.zoho.in/subscribe/ed8097273a82b6bf39892c11a3bb3c381eb2705736014cfbdbde1ccf1c7a189d/teams-yearly"
+      ? "https://billing.zohosecure.in/subscribe/ed8097273a82b6bf39892c11a3bb3c381eb2705736014cfbdbde1ccf1c7a189d/teams-yearly"
      : "https://billing.opensignlabs.com/subscribe/ef798486e6a0a11ea65f2bae8f2af9011a864994bbeeec71fcf106188630199d/teams-yearly",
    target: "_self",
    benefits: [
@@ -120,6 +126,7 @@ const plans = [
      "Teams and Organizations",
      "Share Templates with teams",
      "Share Templates with individuals",
      "BYOC - Store your documents in your own cloud storage",
      "DocumentId removal from signed docs",
      "Bulk send (upto 100 docs)",
      "Request Payments (coming soon)",
@@ -131,6 +138,7 @@ const plans = [
      "Teams and Organizations",
      "Share Templates with teams",
      "Share Templates with individuals",
      "BYOC - Store your documents in your own cloud storage",
      "DocumentId removal from signed docs",
      "Bulk send (upto 500 docs)",
      "Request Payments (coming soon)",
@@ -231,10 +239,10 @@ export const paidUrl = (plan) => {
    }
    const url = {
      monthly: isStaging
-        ? "https://billing.zoho.in/subscribe/ed8097273a82b6bf39892c11a3bb3c381eb2705736014cfbdbde1ccf1c7a189d/teams-monthly"
+        ? "https://billing.zohosecure.in/subscribe/ed8097273a82b6bf39892c11a3bb3c381eb2705736014cfbdbde1ccf1c7a189d/teams-monthly"
        : "https://billing.opensignlabs.com/subscribe/ef798486e6a0a11ea65f2bae8f2af901237d0702bfaa959406306635d80f138c/teams-monthly",
      yearly: isStaging
-        ? "https://billing.zoho.in/subscribe/ed8097273a82b6bf39892c11a3bb3c381eb2705736014cfbdbde1ccf1c7a189d/teams-yearly"
+        ? "https://billing.zohosecure.in/subscribe/ed8097273a82b6bf39892c11a3bb3c381eb2705736014cfbdbde1ccf1c7a189d/teams-yearly"
        : "https://billing.opensignlabs.com/subscribe/ef798486e6a0a11ea65f2bae8f2af9011a864994bbeeec71fcf106188630199d/teams-yearly"
    };
@@ -224,23 +224,13 @@ const HomeLayout = () => {
  async function checkTourStatus() {
    const cloudRes = await Parse.Cloud.run("getUserDetails");
-    const res = { data: cloudRes.toJSON() };
+    if (cloudRes) {
-    if (res.data && res.data.TourStatus && res.data.TourStatus.length > 0) {
+      const extUser = JSON.parse(JSON.stringify(cloudRes));
-      const tourStatus = res.data.TourStatus;
+      localStorage.setItem("Extand_Class", JSON.stringify([extUser]));
-      // console.log("res ", res.data.TourStatus);
+      const tourStatus = extUser?.TourStatus || [];
      setTourStatusArr(tourStatus);
-      const filteredtourStatus = tourStatus.filter((obj) => obj["loginTour"]);
+      const loginTour = tourStatus.find((obj) => obj.loginTour)?.loginTour;
-      if (filteredtourStatus.length > 0) {
+      setIsTour(!loginTour);
        const loginTour = filteredtourStatus[0]["loginTour"];
        // console.log("loginTour", loginTour);
        if (loginTour) {
          setIsTour(false);
        } else {
          setIsTour(true);
        }
      } else {
        setIsTour(true);
      }
    } else {
      setIsTour(true);
    }
@@ -265,7 +255,9 @@ const HomeLayout = () => {
  return (
    <div>
      <div className="sticky top-0 z-[501]">
-        {!isLoader && <Header showSidebar={showSidebar} />}
+        {!isLoader && (
          <Header showSidebar={showSidebar} setIsMenu={setIsOpen} />
        )}
      </div>
      {isUserValid ? (
        <>
@@ -12,6 +12,7 @@ import { showTenant } from "../redux/reducers/ShowTenant";
 import Loader from "../primitives/Loader";
 import Title from "../components/Title";
 import { useTranslation } from "react-i18next";
 import { emailRegex } from "../constant/const";
 const AddAdmin = () => {
  const { t, i18n } = useTranslation();
@@ -45,8 +46,10 @@ const AddAdmin = () => {
    setState((prev) => ({ ...prev, loading: true }));
    try {
      const app = await getAppLogo();
-      if (app?.user === "exist") {
+      if (app?.error === "invalid_json") {
-        setErrMsg(t("admin-already-exist"));
+        setErrMsg(t("server-down"));
      } else if (app?.user === "exist") {
        setErrMsg(t("admin-exists"));
      }
    } catch (err) {
      setErrMsg(t("something-went-wrong-mssg"));
@@ -82,77 +85,81 @@ const AddAdmin = () => {
  const handleSubmit = async (event) => {
    event.preventDefault();
-    if (lengthValid && caseDigitValid && specialCharValid) {
+    if (!emailRegex.test(email)) {
-      clearStorage();
+      alert("Please enter a valid email address.");
-      setState({ loading: true });
+    } else {
-      const userDetails = {
+      if (lengthValid && caseDigitValid && specialCharValid) {
-        name: name,
+        clearStorage();
-        email: email,
+        setState({ loading: true });
-        phone: phone,
+        const userDetails = {
-        company: company,
+          name: name,
-        jobTitle: jobTitle
+          email: email,
-      };
+          phone: phone,
-      localStorage.setItem("userDetails", JSON.stringify(userDetails));
+          company: company,
-      try {
+          jobTitle: jobTitle
-        event.preventDefault();
+        };
-        const user = new Parse.User();
+        localStorage.setItem("userDetails", JSON.stringify(userDetails));
-        user.set("name", name);
+        try {
-        user.set("email", email);
+          event.preventDefault();
-        user.set("password", password);
+          const user = new Parse.User();
-        user.set("phone", phone);
+          user.set("name", name);
-        user.set("username", email);
+          user.set("email", email);
-        const userRes = await user.save();
+          user.set("password", password);
-        if (userRes) {
+          user.set("phone", phone);
-          const params = {
+          user.set("username", email);
-            userDetails: {
+          const userRes = await user.save();
-              jobTitle: jobTitle,
+          if (userRes) {
-              company: company,
+            const params = {
-              name: name,
+              userDetails: {
-              email: email,
+                jobTitle: jobTitle,
-              phone: phone,
+                company: company,
-              role: "contracts_Admin"
+                name: name,
-            }
+                email: email,
-          };
+                phone: phone,
-          try {
+                role: "contracts_Admin"
            const usersignup = await Parse.Cloud.run("addadmin", params);
            if (usersignup) {
              if (isSubscribeNews) {
                subscribeNewsletter();
              }
-              handleNavigation(userRes.getSessionToken());
+            };
            }
          } catch (err) {
            alert(err.message);
            setState({ loading: false });
          }
        }
      } catch (error) {
        console.log("err ", error);
        if (error.code === 202) {
          const params = { email: email };
          const res = await Parse.Cloud.run("getUserDetails", params);
          // console.log("Res ", res);
          if (res) {
            alert(t("already-exists-this-username"));
            setState({ loading: false });
          } else {
            // console.log("state.email ", email);
            try {
-              await Parse.User.requestPasswordReset(email).then(
+              const usersignup = await Parse.Cloud.run("addadmin", params);
-                async function (res) {
+              if (usersignup) {
-                  if (res.data === undefined) {
+                if (isSubscribeNews) {
-                    alert(t("verification-code-sent"));
+                  subscribeNewsletter();
                  }
                }
-              );
+                handleNavigation(userRes.getSessionToken());
              }
            } catch (err) {
-              console.log(err);
+              alert(err.message);
              setState({ loading: false });
            }
          }
        } catch (error) {
          console.log("err ", error);
          if (error.code === 202) {
            const params = { email: email };
            const res = await Parse.Cloud.run("getUserDetails", params);
            // console.log("Res ", res);
            if (res) {
              alert(t("already-exists-this-username"));
              setState({ loading: false });
            } else {
              // console.log("state.email ", email);
              try {
                await Parse.User.requestPasswordReset(email).then(
                  async function (res) {
                    if (res.data === undefined) {
                      alert(t("verification-code-sent"));
                    }
                  }
                );
              } catch (err) {
                console.log(err);
              }
              setState({ loading: false });
            }
          } else {
            alert(error.message);
            setState({ loading: false });
          }
        } else {
          alert(error.message);
          setState({ loading: false });
        }
      }
    }
@@ -74,7 +74,7 @@ const DebugPdf = () => {
  const inferPdfType = async (pdf) => {
    try {
-      const firstPage = await pdf.getPage(2);
+      const firstPage = await pdf.getPage(pdf?.numPages > 1 ? 2 : 1);
      const scale = 1;
      const { width, height } = firstPage.getViewport({ scale });
      setPdfDimension({ width: width, height: height });
@@ -7,7 +7,7 @@ import Alert from "../primitives/Alert";
 import { appInfo } from "../constant/appinfo";
 import { useDispatch } from "react-redux";
 import { fetchAppInfo } from "../redux/reducers/infoReducer";
-import { isEnableSubscription } from "../constant/const";
+import { emailRegex, isEnableSubscription } from "../constant/const";
 import { getAppLogo } from "../constant/Utils";
 import { useTranslation } from "react-i18next";
@@ -36,18 +36,22 @@ function ForgotPassword() {
  const handleSubmit = async (event) => {
    event.preventDefault();
-    localStorage.setItem("appLogo", appInfo.applogo);
+    if (!emailRegex.test(state.email)) {
-    localStorage.setItem("userSettings", JSON.stringify(appInfo.settings));
+      alert("Please enter a valid email address.");
-    if (state.email) {
+    } else {
-      const username = state.email;
+      localStorage.setItem("appLogo", appInfo.applogo);
-      try {
+      localStorage.setItem("userSettings", JSON.stringify(appInfo.settings));
-        await Parse.User.requestPasswordReset(username);
+      if (state.email) {
-        setSentStatus("success");
+        const username = state.email;
-      } catch (err) {
+        try {
-        console.log("err ", err.code);
+          await Parse.User.requestPasswordReset(username);
-        setSentStatus("failed");
+          setSentStatus("success");
-      } finally {
+        } catch (err) {
-        setTimeout(() => setSentStatus(""), 1000);
+          console.log("err ", err.code);
          setSentStatus("failed");
        } finally {
          setTimeout(() => setSentStatus(""), 1000);
        }
      }
    }
  };
@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { useNavigate, useParams } from "react-router-dom";
 import axios from "axios";
-import { isEnableSubscription } from "../constant/const";
+import { emailRegex, isEnableSubscription } from "../constant/const";
 import {
  contractUsers,
  getAppLogo,
@@ -28,6 +28,28 @@ function GuestLogin() {
  const [contactId, setContactId] = useState(contactBookId);
  const [sendmail, setSendmail] = useState();
  const [contact, setContact] = useState({ name: "", phone: "", email: "" });
  const navigateToDoc = async (docId, contactId) => {
    try {
      const docDetails = await Parse.Cloud.run("getDocument", {
        docId: docId
      });
      if (!docDetails.error) {
        if (sendmail === "false") {
          navigate(
            `/load/recipientSignPdf/${docId}/${contactId}?sendmail=${sendmail}`
          );
        } else {
          navigate(`/load/recipientSignPdf/${docId}/${contactId}`);
        }
        return true;
      } else {
        return false;
      }
    } catch (err) {
      console.log("err while getting doc", err);
      return false;
    }
  };
  useEffect(() => {
    handleServerUrl();
    // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -70,13 +92,14 @@ function GuestLogin() {
            "linkcontacttodoc",
            params
          );
          // console.log("linkContactRes ", linkContactRes);
          setContactId(linkContactRes?.contactId);
          await navigateToDoc(checkSplit[0], linkContactRes?.contactId);
        } catch (err) {
          console.log("Err in link ext contact", err);
        }
      } else {
        setContactId(checkSplit[2]);
        await navigateToDoc(checkSplit[0], checkSplit[2]);
      }
    }
@@ -114,15 +137,12 @@ function GuestLogin() {
    if (OTP) {
      setLoading(true);
      try {
-        let url = `${serverUrl}functions/AuthLoginAsMail/`;
+        let url = `${serverUrl}functions/AuthLoginAsMail`;
        const headers = {
          "Content-Type": "application/json",
          "X-Parse-Application-Id": parseId
        };
-        let body = {
+        let body = { email: email, otp: OTP };
          email: email,
          otp: OTP
        };
        let user = await axios.post(url, body, { headers: headers });
        if (user.data.result === "Invalid Otp") {
          alert(t("invalid-otp"));
@@ -140,7 +160,6 @@ function GuestLogin() {
            `Parse/${parseId}/currentUser`,
            JSON.stringify(_user)
          );
          // console.log("contractUserDetails ", contractUserDetails);
          if (contractUserDetails && contractUserDetails.length > 0) {
            localStorage.setItem(
              "Extand_Class",
@@ -170,18 +189,30 @@ function GuestLogin() {
  };
  const handleUserData = async (e) => {
    e.preventDefault();
-    const params = { ...contact, docId: documentId };
+    if (!emailRegex.test(contact.email)) {
-    try {
+      alert("Please enter a valid email address.");
-      setLoading(true);
+    } else {
-      const linkContactRes = await Parse.Cloud.run("linkcontacttodoc", params);
+      const params = { ...contact, docId: documentId };
-      // console.log("linkContactRes ", linkContactRes);
+      try {
-      setContactId(linkContactRes.contactId);
+        setLoading(true);
-      setEnterOtp(true);
+        const linkContactRes = await Parse.Cloud.run(
-      await SendOtp();
+          "linkcontacttodoc",
-    } catch (err) {
+          params
-      setLoading(false);
+        );
-      alert(t("something-went-wrong-mssg"));
+        setContactId(linkContactRes.contactId);
-      console.log("Err in link ext contact", err);
+        const IsEnableOTP = await navigateToDoc(
          documentId,
          linkContactRes.contactId
        );
        if (!IsEnableOTP) {
          setEnterOtp(true);
          await SendOtp();
        }
      } catch (err) {
        setLoading(false);
        alert(t("something-went-wrong-mssg"));
        console.log("Err in link ext contact", err);
      }
    }
  };
  const handleInputChange = (e) => {
@@ -208,7 +239,7 @@ function GuestLogin() {
                  <div className="w-full md:w-[50%] text-base-content">
                    <h1 className="text-2xl md:text-[30px]">{t("welcome")}</h1>
                    <legend className="text-[12px] text-[#878787] mt-2 mb-1">
-                      {t("guest-email-alert")}
+                      {t("get-otp-alert")}
                    </legend>
                    <div className="p-[20px] outline outline-1 outline-slate-300/50 my-2 op-card shadow-md">
                      <input
@@ -236,7 +267,7 @@ function GuestLogin() {
                  >
                    <h1 className="text-2xl md:text-[30px]">{t("welcome")}</h1>
                    <legend className="text-[12px] text-[#878787] mt-2">
-                      {t("get-verification-code-2")}
+                      {t("guest-email-alert")}
                    </legend>
                    <div className="p-[20px] pt-[15px] outline outline-1 outline-slate-300/50 op-card my-2 shadow-md">
                      <p className="text-sm">{t("enter-verification-code")}</p>
@@ -324,6 +355,7 @@ function GuestLogin() {
                      onChange={handleInputChange}
                      className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
                      disabled={loading}
                      placeholder={t("phone-optional")}
                    />
                  </div>
                  <div className="mt-2 flex justify-start">
@@ -9,7 +9,7 @@ import { NavLink, useNavigate, useLocation } from "react-router-dom";
 import login_img from "../assets/images/login_img.svg";
 import { useWindowSize } from "../hook/useWindowSize";
 import ModalUi from "../primitives/ModalUi";
-import { isEnableSubscription } from "../constant/const";
+import { emailRegex, isEnableSubscription } from "../constant/const";
 import Alert from "../primitives/Alert";
 import { appInfo } from "../constant/appinfo";
 import { fetchAppInfo } from "../redux/reducers/infoReducer";
@@ -51,6 +51,7 @@ function Login() {
  const [isModal, setIsModal] = useState(false);
  const [image, setImage] = useState();
  const [isLoginSSO, setIsLoginSSO] = useState(false);
  const [errMsg, setErrMsg] = useState();
  useEffect(() => {
    checkUserExt();
@@ -59,7 +60,9 @@ function Login() {
  const checkUserExt = async () => {
    const app = await getAppLogo();
-    if (!isEnableSubscription && app?.user === "not_exist") {
+    if (app?.error === "invalid_json") {
      setErrMsg(t("server-down"));
    } else if (!isEnableSubscription && app?.user === "not_exist") {
      navigate("/addadmin");
    }
    if (app?.logo) {
@@ -86,167 +89,174 @@ function Login() {
  const handleSubmit = async (event) => {
    localStorage.removeItem("accesstoken");
    event.preventDefault();
-    const { email, password } = state;
+    if (!emailRegex.test(state.email)) {
-    if (email && password) {
+      alert("Please enter a valid email address.");
-      try {
+    } else {
-        setState({ ...state, loading: true });
+      const { email, password } = state;
-        localStorage.setItem("appLogo", appInfo.applogo);
+      if (email && password) {
-        // Pass the username and password to logIn function
+        try {
-        const user = await Parse.User.logIn(email, password);
+          setState({ ...state, loading: true });
-        if (user) {
+          localStorage.setItem("appLogo", appInfo.applogo);
-          let _user = user.toJSON();
+          // Pass the username and password to logIn function
-          localStorage.setItem("UserInformation", JSON.stringify(_user));
+          const user = await Parse.User.logIn(email, password);
-          localStorage.setItem("userEmail", email);
+          if (user) {
-          localStorage.setItem("accesstoken", _user.sessionToken);
+            let _user = user.toJSON();
-          localStorage.setItem("scriptId", true);
+            localStorage.setItem("UserInformation", JSON.stringify(_user));
-          if (_user.ProfilePic) {
+            localStorage.setItem("userEmail", email);
-            localStorage.setItem("profileImg", _user.ProfilePic);
+            localStorage.setItem("accesstoken", _user.sessionToken);
-          } else {
+            localStorage.setItem("scriptId", true);
-            localStorage.setItem("profileImg", "");
+            if (_user.ProfilePic) {
-          }
+              localStorage.setItem("profileImg", _user.ProfilePic);
-          // Check extended class user role and tenentId
+            } else {
-          try {
+              localStorage.setItem("profileImg", "");
-            const userSettings = appInfo.settings;
+            }
-            await Parse.Cloud.run("getUserDetails")
+            // Check extended class user role and tenentId
-              .then(async (extUser) => {
+            try {
-                if (extUser) {
+              const userSettings = appInfo.settings;
-                  // console.log("extUser", extUser, extUser?.get("IsDisabled"));
+              await Parse.Cloud.run("getUserDetails")
-                  const IsDisabled = extUser?.get("IsDisabled") || false;
+                .then(async (extUser) => {
-                  if (!IsDisabled) {
+                  if (extUser) {
-                    const userRole = extUser?.get("UserRole");
+                    // console.log("extUser", extUser, extUser?.get("IsDisabled"));
-                    const menu =
+                    const IsDisabled = extUser?.get("IsDisabled") || false;
-                      userRole &&
+                    if (!IsDisabled) {
-                      userSettings.find((menu) => menu.role === userRole);
+                      const userRole = extUser?.get("UserRole");
-                    if (menu) {
+                      const menu =
-                      const _currentRole = userRole;
+                        userRole &&
-                      const redirectUrl =
+                        userSettings.find((menu) => menu.role === userRole);
-                        location?.state?.from ||
+                      if (menu) {
-                        `/${menu.pageType}/${menu.pageId}`;
+                        const _currentRole = userRole;
-                      let _role = _currentRole.replace("contracts_", "");
+                        const redirectUrl =
-                      localStorage.setItem("_user_role", _role);
+                          location?.state?.from ||
-                      const checkLanguage = extUser?.get("Language");
+                          `/${menu.pageType}/${menu.pageId}`;
-                      if (checkLanguage) {
+                        let _role = _currentRole.replace("contracts_", "");
-                        checkLanguage && i18n.changeLanguage(checkLanguage);
+                        localStorage.setItem("_user_role", _role);
-                      }
+                        const checkLanguage = extUser?.get("Language");
                        if (checkLanguage) {
                          checkLanguage && i18n.changeLanguage(checkLanguage);
                        }
-                      const results = [extUser];
+                        const results = [extUser];
-                      const extUser_str = JSON.stringify(results);
+                        const extUser_str = JSON.stringify(results);
-                      localStorage.setItem("Extand_Class", extUser_str);
+                        localStorage.setItem("Extand_Class", extUser_str);
-                      const extInfo = JSON.parse(JSON.stringify(extUser));
+                        const extInfo = JSON.parse(JSON.stringify(extUser));
-                      localStorage.setItem("userEmail", extInfo.Email);
+                        localStorage.setItem("userEmail", extInfo.Email);
-                      localStorage.setItem("username", extInfo.Name);
+                        localStorage.setItem("username", extInfo.Name);
-                      if (extInfo?.TenantId) {
+                        if (extInfo?.TenantId) {
-                        const tenant = {
+                          const tenant = {
-                          Id: extInfo?.TenantId?.objectId || "",
+                            Id: extInfo?.TenantId?.objectId || "",
-                          Name: extInfo?.TenantId?.TenantName || ""
+                            Name: extInfo?.TenantId?.TenantName || ""
-                        };
+                          };
-                        localStorage.setItem("TenantId", tenant?.Id);
+                          localStorage.setItem("TenantId", tenant?.Id);
-                        dispatch(showTenant(tenant?.Name));
+                          dispatch(showTenant(tenant?.Name));
-                        localStorage.setItem("TenantName", tenant?.Name);
+                          localStorage.setItem("TenantName", tenant?.Name);
-                      }
+                        }
-                      localStorage.setItem("PageLanding", menu.pageId);
+                        localStorage.setItem("PageLanding", menu.pageId);
-                      localStorage.setItem("defaultmenuid", menu.menuId);
+                        localStorage.setItem("defaultmenuid", menu.menuId);
-                      localStorage.setItem("pageType", menu.pageType);
+                        localStorage.setItem("pageType", menu.pageType);
-                      if (isEnableSubscription) {
+                        if (isEnableSubscription) {
-                        const LocalUserDetails = {
+                          const LocalUserDetails = {
-                          name: results[0].get("Name"),
+                            name: results[0].get("Name"),
-                          email: results[0].get("Email"),
+                            email: results[0].get("Email"),
-                          phone: results[0]?.get("Phone") || "",
+                            phone: results[0]?.get("Phone") || "",
-                          company: results[0].get("Company")
+                            company: results[0].get("Company")
-                        };
+                          };
-                        localStorage.setItem(
+                          localStorage.setItem(
-                          "userDetails",
+                            "userDetails",
-                          JSON.stringify(LocalUserDetails)
+                            JSON.stringify(LocalUserDetails)
-                        );
+                          );
-                        const res = await fetchSubscription();
+                          const res = await fetchSubscription();
-                        const plan = res.plan;
+                          const plan = res.plan;
-                        const billingDate = res.billingDate;
+                          const billingDate = res.billingDate;
-                        if (plan === "freeplan") {
+                          if (plan === "freeplan") {
                          setState({ ...state, loading: false });
                          navigate(redirectUrl);
                        } else if (billingDate) {
                          if (new Date(billingDate) > new Date()) {
                            localStorage.removeItem("userDetails");
                            // Redirect to the appropriate URL after successful login                              setState({ ...state, loading: false });
                            setState({ ...state, loading: false });
                            navigate(redirectUrl);
                          } else if (billingDate) {
                            if (new Date(billingDate) > new Date()) {
                              localStorage.removeItem("userDetails");
                              // Redirect to the appropriate URL after successful login                              setState({ ...state, loading: false });
                              setState({ ...state, loading: false });
                              navigate(redirectUrl);
                            } else {
                              setState({ ...state, loading: false });
                              handlePaidRoute(plan);
                            }
                          } else {
                            setState({ ...state, loading: false });
                            handlePaidRoute(plan);
                          }
                        } else {
                          setState({ ...state, loading: false });
-                          handlePaidRoute(plan);
+                          // Redirect to the appropriate URL after successful login
                          navigate(redirectUrl);
                        }
                      } else {
                        setState({ ...state, loading: false });
-                        // Redirect to the appropriate URL after successful login
+                        setIsModal(true);
                        navigate(redirectUrl);
                      }
                    } else {
-                      setState({ ...state, loading: false });
+                      setState({
-                      setIsModal(true);
+                        ...state,
                        loading: false,
                        alertType: "danger",
                        alertMsg:
                          "You don't have access, please contact the admin."
                      });
                      logOutUser();
                    }
                  } else {
-                    setState({
+                    if (isEnableSubscription) {
-                      ...state,
+                      setState({ ...state, loading: false });
-                      loading: false,
+                      setIsModal(true);
-                      alertType: "danger",
+                    } else {
-                      alertMsg:
+                      setState({ ...state, loading: false });
-                        "You don't have access, please contact the admin."
+                      setState({
-                    });
+                        ...state,
-                    logOutUser();
+                        loading: false,
                        alertType: "danger",
                        alertMsg: "User not found."
                      });
                      logOutUser();
                    }
                  }
-                } else {
+                })
-                  if (isEnableSubscription) {
+                .catch((error) => {
-                    setState({ ...state, loading: false });
+                  // const payload = { sessionToken: user.getSessionToken() };
-                    setIsModal(true);
+                  // handleSubmitbtn(payload);
-                  } else {
+                  setState({
-                    setState({ ...state, loading: false });
+                    ...state,
-                    setState({
+                    loading: false,
-                      ...state,
+                    alertType: "danger",
-                      loading: false,
+                    alertMsg: `Something went wrong.`
-                      alertType: "danger",
+                  });
-                      alertMsg: "User not found."
+                  setTimeout(() => setState({ ...state, alertMsg: "" }), 2000);
-                    });
+                  console.error("Error while fetching Follow", error);
                    logOutUser();
                  }
                }
              })
              .catch((error) => {
                // const payload = { sessionToken: user.getSessionToken() };
                // handleSubmitbtn(payload);
                setState({
                  ...state,
                  loading: false,
                  alertType: "danger",
                  alertMsg: `Something went wrong.`
                });
-                setTimeout(() => setState({ ...state, alertMsg: "" }), 2000);
+            } catch (error) {
-                console.error("Error while fetching Follow", error);
+              setState({
                ...state,
                loading: false,
                alertType: "danger",
                alertMsg: `${error.message}`
              });
-          } catch (error) {
+              console.log(error);
-            setState({
+              setTimeout(() => setState({ ...state, alertMsg: "" }), 2000);
-              ...state,
+            }
              loading: false,
              alertType: "danger",
              alertMsg: `${error.message}`
            });
            console.log(error);
            setTimeout(() => setState({ ...state, alertMsg: "" }), 2000);
          }
        } catch (error) {
          setState({
            ...state,
            loading: false,
            alertType: "danger",
            alertMsg: "Invalid username or password!"
          });
          console.error("Error while logging in user", error);
        } finally {
          setTimeout(
            () => setState((prev) => ({ ...prev, alertMsg: "" })),
            2000
          );
        }
      } catch (error) {
        setState({
          ...state,
          loading: false,
          alertType: "danger",
          alertMsg: "Invalid username or password!"
        });
        console.error("Error while logging in user", error);
      } finally {
        setTimeout(() => setState((prev) => ({ ...prev, alertMsg: "" })), 2000);
      }
    }
  };
@@ -620,7 +630,11 @@ function Login() {
    }
  };
-  return (
+  return errMsg ? (
    <div className="h-screen flex justify-center text-center items-center p-4 text-gray-500 text-base">
      {errMsg}
    </div>
  ) : (
    <div>
      <Title title={"Login Page"} />
      {state.loading && (
@@ -2,12 +2,13 @@ import React, { useState, useRef, useEffect } from "react";
 import SignatureCanvas from "react-signature-canvas";
 import "../styles/managesign.css";
 import "../styles/signature.css";
-import { toDataUrl } from "../constant/Utils";
+import { generateTitleFromFilename, toDataUrl } from "../constant/Utils";
 import Parse from "parse";
 import { SaveFileSize } from "../constant/saveFileSize";
 import Alert from "../primitives/Alert";
 import Loader from "../primitives/Loader";
 import { useTranslation } from "react-i18next";
 import sanitizeFileName from "../primitives/sanitizeFileName";
 const ManageSign = () => {
  const { t } = useTranslation();
  const [penColor, setPenColor] = useState("blue");
@@ -23,9 +24,11 @@ const ManageSign = () => {
  const [Initials, setInitials] = useState("");
  const [isInitials, setIsInitials] = useState(false);
  const [id, setId] = useState("");
  const [imgInitials, setImgInitials] = useState("");
  const canvasRef = useRef(null);
  const imageRef = useRef(null);
  const initailsRef = useRef(null);
  const imgInitialsRef = useRef(null);
  useEffect(() => {
    fetchUserSign();
    // eslint-disable-next-line
@@ -46,14 +49,23 @@ const ManageSign = () => {
        if (signRes) {
          const res = signRes.toJSON();
          setId(res.objectId);
-          setSignName(res?.SignatureName);
+          if (res?.SignatureName) {
-          setImage(res.ImageURL);
+            const sanitizename = generateTitleFromFilename(res?.SignatureName);
            const replaceSpace = sanitizeFileName(sanitizename);
            setSignName(replaceSpace);
          }
          setImage(res?.ImageURL);
          if (res && res.Initials) {
-            setInitials(res.Initials);
+            // setInitials(res.Initials);
            setIsInitials(true);
            setImgInitials(res?.Initials);
          }
        } else {
-          setSignName(User?.get("name") || "");
+          if (User?.get("name")) {
            const sanitizename = generateTitleFromFilename(User?.get("name"));
            const replaceSpace = sanitizeFileName(sanitizename);
            setSignName(replaceSpace);
          }
        }
        setIsLoader(false);
      } catch (err) {
@@ -86,8 +98,14 @@ const ManageSign = () => {
    if (initailsRef.current) {
      initailsRef.current.clear();
    }
    if (imgInitialsRef.current) {
      imgInitialsRef.current.value = "";
    }
    setImgInitials("");
    setInitials("");
-    setIsValue(true);
+    if (image) {
      setIsValue(true);
    }
    setIsInitials(false);
  };
@@ -101,40 +119,54 @@ const ManageSign = () => {
      const base64Img = await toDataUrl(file);
      setImage(base64Img);
      setIsValue(true);
    } else {
      setImage("");
      setIsValue(false);
    }
  };
  const handleSubmit = async (e) => {
    e.preventDefault();
-    const isUrl = image.includes("https");
+    const isUrl = image?.includes("https") || image?.includes("http");
    if (!isvalue) {
      setWarning(true);
      setTimeout(() => setWarning(false), 1000);
    } else {
      setIsLoader(true);
-      const replaceSpace = signName.replace(/ /g, "_");
+      const sanitizename = generateTitleFromFilename(signName);
      const replaceSpace = sanitizeFileName(sanitizename);
      let file;
      if (signature) {
-        file = base64StringtoFile(signature, `${replaceSpace}_sign.png`);
+        file = base64StringtoFile(signature, `${replaceSpace}_sign`);
      } else {
-        if (!isUrl) {
+        if (image && !isUrl) {
-          file = base64StringtoFile(image, `${replaceSpace}__sign.png`);
+          file = base64StringtoFile(image, `${replaceSpace}__sign`);
        }
      }
      let imgUrl;
-      if (!isUrl) {
+      if (file && !isUrl) {
        imgUrl = await uploadFile(file);
      } else {
        imgUrl = image;
      }
-      let initialsUrl = "";
+      const isInitialsUrl =
-      const isInitialsUrl = Initials.includes("https");
+        imgInitials?.includes("https") || imgInitials?.includes("http");
-      if (!isInitialsUrl && Initials) {
+
-        const initialsImg = base64StringtoFile(
+      let initialFile;
-          Initials,
+      if (Initials) {
-          `${replaceSpace}_initials.png`
+        initialFile = base64StringtoFile(Initials, `${replaceSpace}_sign`);
-        );
+      } else {
-        initialsUrl = await uploadFile(initialsImg);
+        if (imgInitials && !isInitialsUrl) {
          initialFile = base64StringtoFile(
            imgInitials,
            `${replaceSpace}__sign`
          );
        }
      }
      let initialsUrl;
      if (initialFile && !isInitialsUrl) {
        initialsUrl = await uploadFile(initialFile);
      } else {
        initialsUrl = imgInitials;
      }
      if (imgUrl) {
        await saveEntry({
@@ -146,15 +178,19 @@ const ManageSign = () => {
    }
  };
  function base64StringtoFile(base64String, filename) {
-    var arr = base64String.split(","),
+    let arr = base64String.split(","),
      // type of uploaded image
      mime = arr[0].match(/:(.*?);/)[1],
      // decode base64
      bstr = atob(arr[1]),
      n = bstr.length,
      u8arr = new Uint8Array(n);
    while (n--) {
      u8arr[n] = bstr.charCodeAt(n);
    }
-    return new File([u8arr], filename, { type: mime });
+    const ext = mime.split("/").pop();
    const name = `${filename}.${ext}`;
    return new File([u8arr], name, { type: mime });
  }
  const uploadFile = async (file) => {
@@ -175,31 +211,24 @@ const ManageSign = () => {
  const saveEntry = async (obj) => {
    const signCls = "contracts_Signature";
-    const User = Parse.User.current().id;
+    const User = Parse?.User?.current()?.id;
    const userId = { __type: "Pointer", className: "_User", objectId: User };
    if (id) {
      try {
        const updateSign = new Parse.Object(signCls);
        updateSign.id = id;
        updateSign.set("Initials", obj.initialsUrl ? obj.initialsUrl : "");
-        updateSign.set("ImageURL", obj.url);
+        updateSign.set("ImageURL", obj.url ? obj.url : "");
        updateSign.set("SignatureName", obj.name);
        updateSign.set("UserId", userId);
        const res = await updateSign.save();
-        setIsLoader(false);
+        setIsAlert({ type: "success", message: t("signature-saved-alert") });
        setIsAlert({
          type: "success",
          message: t("signature-saved-alert")
        });
        setTimeout(() => setIsAlert({}), 2000);
        return res;
      } catch (err) {
        console.log(err);
        setIsAlert({ type: "danger", message: `${err.message}` });
      } finally {
        setIsLoader(false);
        setIsAlert({
          type: "danger",
          message: `${err.message}`
        });
        setTimeout(() => setIsAlert({}), 2000);
      }
    } else {
@@ -210,20 +239,13 @@ const ManageSign = () => {
        updateSign.set("SignatureName", obj.name);
        updateSign.set("UserId", userId);
        const res = await updateSign.save();
-        setIsLoader(false);
+        setIsAlert({ type: "success", message: t("signature-saved-alert") });
        setIsAlert({
          type: "success",
          message: t("signature-saved-alert")
        });
        setTimeout(() => setIsAlert({}), 2000);
        return res;
      } catch (err) {
        console.log(err);
        setIsAlert({ type: "success", message: `${err.message}` });
      } finally {
        setIsLoader(false);
        setIsAlert({
          type: "success",
          message: `${err.message}`
        });
        setTimeout(() => setIsAlert({}), 2000);
      }
    }
@@ -234,7 +256,29 @@ const ManageSign = () => {
  };
  const handleInitialsChange = () => {
    setInitials(initailsRef.current.toDataURL());
-    setIsValue(true);
+    if (image || signature) {
      setIsValue(true);
    }
  };
  const handleUploadInitials = () => {
    imgInitialsRef.current.click();
  };
  const onImgInitialsChange = async (event) => {
    if (initailsRef.current) {
      initailsRef.current.clear();
    }
    setInitials("");
    if (event.target.files && event.target.files[0]) {
      const file = event.target.files[0];
      const base64Img = await toDataUrl(file);
      setImgInitials(base64Img);
      if (image || signature) {
        setIsValue(true);
      }
    } else {
      setImgInitials("");
      setIsValue(false);
    }
  };
  return (
    <div className="relative h-full bg-base-100 text-base-content flex shadow-md rounded-box overflow-auto">
@@ -281,7 +325,7 @@ const ManageSign = () => {
                        height: "180px",
                        className: "signatureCanvas rounded-box"
                      }}
-                      backgroundColor="rgb(255, 255, 255)"
+                      // backgroundColor="rgb(255, 255, 255)"
                      onEnd={() =>
                        handleSignatureChange(canvasRef.current.toDataURL())
                      }
@@ -332,7 +376,7 @@ const ManageSign = () => {
                        className="op-link"
                        onClick={() => handleUploadBtn()}
                      >
-                        {t("upload-image")}
+                        {t("upload")}
                      </div>
                      <div
                        type="button"
@@ -356,17 +400,21 @@ const ManageSign = () => {
              <span className="font-medium select-none flex mb-[10px] pl-[10px]">
                {t("initials")}
              </span>
              <input
                type="file"
                onChange={onImgInitialsChange}
                className="filetype"
                accept="image/*"
                ref={imgInitialsRef}
                hidden
              />
              <div>
-                {isInitials ? (
+                {imgInitials ? (
                  <div className="intialSignature relative border-[1px] border-[#888] rounded-box overflow-hidden">
                    <img
                      alt="inititals"
-                      src={Initials}
+                      src={imgInitials}
-                      style={{
+                      className="w-[100%] h-[100%] object-contain"
                        width: "100%",
                        height: "100%",
                        objectFit: "contain"
                      }}
                    />
                  </div>
                ) : (
@@ -376,10 +424,8 @@ const ManageSign = () => {
                    canvasProps={{
                      className: "intialSignature rounded-box"
                    }}
-                    backgroundColor="rgb(255, 255, 255)"
+                    // backgroundColor="rgb(255, 255, 255)"
-                    onEnd={() =>
+                    onEnd={() => handleInitialsChange()}
                      handleInitialsChange(initailsRef.current.toDataURL())
                    }
                    dotSize={1}
                  />
                )}
@@ -402,6 +448,7 @@ const ManageSign = () => {
                                        ? "2px solid black"
                                        : "2px solid white"
                              }}
                              className="fa-light fa-pen-nib"
                              onClick={() => {
                                if (key === 0) {
                                  setInitialPen("blue");
@@ -412,7 +459,6 @@ const ManageSign = () => {
                                }
                              }}
                              key={key}
                              className="fa-light fa-pen-nib"
                              width={20}
                              height={20}
                            ></i>
@@ -421,13 +467,22 @@ const ManageSign = () => {
                      </div>
                    )}
                  </div>
-                  <div>
+                  <div className="flex flex-row gap-1">
                    <div
                      type="button"
                      className="op-link text-sm md:text-base mr-1"
-                      onClick={() => handleClearInitials()}
+                      onClick={() => handleUploadInitials()}
                    >
-                      {t("clear")}
+                      {t("upload")}
                    </div>
                    <div>
                      <div
                        type="button"
                        className="op-link text-sm md:text-base mr-1"
                        onClick={() => handleClearInitials()}
                      >
                        {t("clear")}
                      </div>
                    </div>
                  </div>
                </div>
@@ -499,22 +499,13 @@ function Opensigndrive() {
  //function to use check tour status of open sign drive
  async function checkTourStatus() {
    const cloudRes = await Parse.Cloud.run("getUserDetails");
-    const res = { data: cloudRes.toJSON() };
+    if (cloudRes) {
-    if (res.data && res.data.TourStatus && res.data.TourStatus.length > 0) {
+      const extUser = JSON.parse(JSON.stringify(cloudRes));
-      const tourStatus = res.data.TourStatus;
+      localStorage.setItem("Extand_Class", JSON.stringify([extUser]));
      const tourStatus = extUser?.TourStatus || [];
      setTourStatusArr(tourStatus);
-      const filteredtourStatus = tourStatus.filter((obj) => obj["driveTour"]);
+      const driveTour = tourStatus.find((obj) => obj.driveTour)?.driveTour;
-      if (filteredtourStatus.length > 0) {
+      setIsTour(!driveTour);
        const driveTour = filteredtourStatus[0]["driveTour"];
        // console.log("loginTour", loginTour);
        if (driveTour) {
          setIsTour(false);
        } else {
          setIsTour(true);
        }
      } else {
        setIsTour(true);
      }
    } else {
      setIsTour(true);
    }
@@ -11,8 +11,6 @@ import RenderAllPdfPage from "../components/pdf/RenderAllPdfPage";
 import WidgetComponent from "../components/pdf/WidgetComponent";
 import Tour from "reactour";
 import { useLocation, useParams } from "react-router-dom";
 import LoaderWithMsg from "../primitives/LoaderWithMsg";
 import HandleError from "../primitives/HandleError";
 import SignerListPlace from "../components/pdf/SignerListPlace";
 import Header from "../components/pdf/PdfHeader";
 import { RWebShare } from "react-web-share";
@@ -40,28 +38,33 @@ import {
  onClickZoomOut,
  rotatePdfPage,
  handleRemoveWidgets,
-  handleRotateWarning
+  handleRotateWarning,
  signatureTypes,
  handleSignatureType,
  formatDate
 } from "../constant/Utils";
 import RenderPdf from "../components/pdf/RenderPdf";
 import { useNavigate } from "react-router-dom";
 import PlaceholderCopy from "../components/pdf/PlaceholderCopy";
 import LinkUserModal from "../primitives/LinkUserModal";
 import Title from "../components/Title";
 import TourContentWithBtn from "../primitives/TourContentWithBtn";
 import ModalUi from "../primitives/ModalUi";
 import DropdownWidgetOption from "../components/pdf/DropdownWidgetOption";
 import WidgetNameModal from "../components/pdf/WidgetNameModal";
 import { SaveFileSize } from "../constant/saveFileSize";
 import { EmailBody } from "../components/pdf/EmailBody";
 import Upgrade from "../primitives/Upgrade";
 import Alert from "../primitives/Alert";
 import Loader from "../primitives/Loader";
 import { useSelector } from "react-redux";
 import PdfZoom from "../components/pdf/PdfZoom";
 import LottieWithLoader from "../primitives/DotLottieReact";
 import { useTranslation } from "react-i18next";
 import RotateAlert from "../components/RotateAlert";
 import Loader from "../primitives/Loader";
 import ModalUi from "../primitives/ModalUi";
 import TourContentWithBtn from "../primitives/TourContentWithBtn";
 import HandleError from "../primitives/HandleError";
 import LoaderWithMsg from "../primitives/LoaderWithMsg";
 import LinkUserModal from "../primitives/LinkUserModal";
 import QuotaCard from "../primitives/QuotaCard";
 import LottieWithLoader from "../primitives/DotLottieReact";
 import Alert from "../primitives/Alert";
 import Upgrade from "../primitives/Upgrade";
 function PlaceHolderSign() {
  const { t } = useTranslation();
@@ -151,28 +154,24 @@ function PlaceHolderSign() {
  const [scale, setScale] = useState(1);
  const [pdfRotateBase64, setPdfRotatese64] = useState("");
  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",
    drop: (item, monitor) => addPositionOfSignature(item, monitor),
-    collect: (monitor) => ({
+    collect: (monitor) => ({ isOver: !!monitor.isOver() })
      isOver: !!monitor.isOver()
    })
  });
  const [{ isDragSign }, dragSignature] = useDrag({
    type: "BOX",
    item: { type: "BOX", id: 1, text: "signature" },
-    collect: (monitor) => ({
+    collect: (monitor) => ({ isDragSign: !!monitor.isDragging() })
      isDragSign: !!monitor.isDragging()
    })
  });
  const [{ isDragStamp }, dragStamp] = useDrag({
    type: "BOX",
    item: { type: "BOX", id: 2, text: "stamp" },
-    collect: (monitor) => ({
+    collect: (monitor) => ({ isDragStamp: !!monitor.isDragging() })
      isDragStamp: !!monitor.isDragging()
    })
  });
  const documentId = docId;
  useEffect(() => {
@@ -201,10 +200,15 @@ function PlaceHolderSign() {
        if (tenantDetails && tenantDetails === "user does not exist!") {
          alert(t("user-not-exist"));
        } else if (tenantDetails) {
          const signatureType = tenantDetails?.SignatureType || [];
          const filterSignTypes = signatureType?.filter(
            (x) => x.enabled === true
          );
          if (tenantDetails?.RequestBody) {
            setRequestBody(tenantDetails?.RequestBody);
            setRequestSubject(tenantDetails?.RequestSubject);
          }
          return filterSignTypes;
        }
      } catch (e) {
        alert(t("user-not-exist"));
@@ -255,7 +259,7 @@ function PlaceHolderSign() {
  }
  //function for get document details
  const getDocumentDetails = async () => {
-    fetchTenantDetails();
+    const tenantSignTypes = await fetchTenantDetails();
    //getting document details
    const documentData = await contractDocument(documentId);
    if (documentData && documentData.length > 0) {
@@ -267,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);
@@ -312,7 +322,18 @@ function PlaceHolderSign() {
          });
        }
      }
-      setPdfDetails(documentData);
+      const userSignatureType =
        documentData[0]?.ExtUserPtr?.SignatureType || signatureTypes;
      const docSignTypes =
        documentData?.[0]?.SignatureType || userSignatureType;
      const updatedSignatureType = await handleSignatureType(
        tenantSignTypes,
        docSignTypes
      );
      setSignatureType(updatedSignatureType);
      const updatedPdfDetails = [...documentData];
      updatedPdfDetails[0].SignatureType = updatedSignatureType;
      setPdfDetails(updatedPdfDetails);
      //condition when placeholder have empty array with role details and signers array have signers data
      //and both array length are same
      //this case happen using placeholder form in auto save funtionality to save draft type document without adding any placehlder
@@ -475,8 +496,10 @@ function PlaceHolderSign() {
      let dropData = [];
      let placeHolder;
      const dragTypeValue = item?.text ? item.text : monitor.type;
-      const widgetWidth = defaultWidthHeight(dragTypeValue).width;
+      const widgetWidth =
-      const widgetHeight = defaultWidthHeight(dragTypeValue).height;
+        defaultWidthHeight(dragTypeValue).width * containerScale;
      const widgetHeight =
        defaultWidthHeight(dragTypeValue).height * containerScale;
      //adding and updating drop position in array when user drop signature button in div
      if (item === "onclick") {
        const divHeight = divRef.current.getBoundingClientRect().height;
@@ -565,22 +588,33 @@ function PlaceHolderSign() {
          }
          setSignerPos(updatesignerPos);
        } else {
          let updatesignerPos;
          //if condition when widget type is prefill label text widget
          if (dragTypeValue === textWidget) {
-            const prefileTextWidget = {
+            //check text widgets data (prefill) already exist then and want to add text widget on new page
-              signerPtr: {},
+            //create new page entry with old data and update placeholder
-              signerObjId: "",
+            if (filterSignerPos) {
-              blockColor: "#f58f8c",
+              const addPrefillData =
-              placeHolder: [placeHolder],
+                filterSignerPos && filterSignerPos?.placeHolder;
-              Role: "prefill",
+              addPrefillData.push(placeHolder);
-              Id: key
+              const updatePrefillPos = signerPos.map((x) =>
-            };
+                x.Role === "prefill" ? { ...x, placeHolder: addPrefillData } : x
-            signerPos.push(prefileTextWidget);
+              );
-            setSignerPos(signerPos);
+              setSignerPos(updatePrefillPos);
            } //else condition if user do not have any text widget data
            else {
              const prefillTextWidget = {
                signerPtr: {},
                signerObjId: "",
                blockColor: "#f58f8c",
                placeHolder: [placeHolder],
                Role: "prefill",
                Id: key
              };
              setSignerPos((prev) => [...prev, prefillTextWidget]);
            }
          } else {
            //else condition to add placeholder widgets on multiple page first time
-            updatesignerPos = signerPos.map((x) =>
+            const updatesignerPos = signerPos.map((x) =>
              x.Id === uniqueId && x?.placeHolder
                ? { ...x, placeHolder: [...x.placeHolder, placeHolder] }
                : x.Id === uniqueId
@@ -755,15 +789,17 @@ function PlaceHolderSign() {
            signerupdate.push(newUpdatePos[0]);
            setSignerPos(signerupdate);
          } else {
-            const updatedData = signerPos.map((item) => {
+            const updatedData = signerPos
-              if (item.Id === Id) {
+              .filter((item) => !(item.Id === Id && item.Role === "prefill")) // Remove prefill object
-                // Create a copy of the item object and delete the placeHolder field
+              .map((item) => {
-                const updatedItem = { ...item };
+                if (item.Id === Id && item.Role !== "prefill") {
-                delete updatedItem.placeHolder;
+                  // Create a copy of the item object and delete the placeHolder field
-                return updatedItem;
+                  const updatedItem = { ...item };
-              }
+                  delete updatedItem.placeHolder;
-              return item;
+                  return updatedItem;
-            });
+                }
                return item;
              });
            setSignerPos(updatedData);
          }
        }
@@ -813,9 +849,7 @@ function PlaceHolderSign() {
          placeholder,
          pdfDoc,
          isSignYourSelfFlow,
-          scale,
+          scale
          pdfOriginalWH,
          containerWH
        );
        const pdfUrl = await convertBase64ToFile(pdfDetails[0].Name, pdfBase64);
        const tenantId = localStorage.getItem("TenantId");
@@ -844,17 +878,24 @@ function PlaceHolderSign() {
  };
  const alertSendEmail = async () => {
    const filterPrefill = signerPos?.filter((data) => data.Role !== "prefill");
-    const getPrefill = signerPos?.filter((data) => data.Role === "prefill");
+    const getPrefill = signerPos?.find((data) => data.Role === "prefill");
    let isLabel = false;
    let unfilledTextWidgetId = "";
    //checking all signers placeholder exist or not
    const isPlaceholderExist = filterPrefill.every((data) => data.placeHolder);
-    const prefillPlaceholder = getPrefill[0]?.placeHolder;
+    const prefillPlaceholder = getPrefill?.placeHolder;
    //condition is used to check text widget data is empty or have response
-    if (getPrefill && getPrefill.length > 0) {
+    if (getPrefill) {
      if (prefillPlaceholder) {
        prefillPlaceholder.map((data) => {
          if (!isLabel) {
-            isLabel = data.pos.some((position) => !position.options.response);
+            const unfilledTextWidgets = data.pos.find(
              (position) => !position.options.response
            );
            if (unfilledTextWidgets) {
              isLabel = true;
              unfilledTextWidgetId = unfilledTextWidgets.key;
            }
          }
        });
      }
@@ -882,6 +923,7 @@ function PlaceHolderSign() {
    }
    if (getPrefill && isLabel) {
      setIsSendAlert({ mssg: textWidget, alert: true });
      setUnSignedWidgetId(unfilledTextWidgetId);
    } else if (isSignatureExist) {
      if (isPlaceholderExist) {
        const IsSignerNotExist = filterPrefill?.filter((x) => !x.signerObjId);
@@ -901,30 +943,32 @@ function PlaceHolderSign() {
  useEffect(() => {
    const timer = setTimeout(() => {
-      if (signerPos?.length > 0) {
+      if (signerPos?.length > 0 && !pdfDetails?.[0]?.IsCompleted) {
        autosavedetails();
      }
    }, 2000);
    return () => clearTimeout(timer);
    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [signerPos, signersdata]);
+  }, [signerPos, signersdata, signatureType]);
  // `autosavedetails` is used to save doc details after every 2 sec when changes are happern in placeholder like drag-drop widgets, remove signers
  const autosavedetails = async () => {
-    const signers = signersdata?.filter(
+    const signers = signersdata?.reduce((acc, x) => {
-      (x) =>
+      if (x.objectId) {
-        x?.Role !== "prefill" &&
+        acc.push({
        x.objectId && {
          __type: "Pointer",
          className: "contracts_Contactbook",
          objectId: x.objectId
-        }
+        });
-    );
+      }
      return acc;
    }, []);
    try {
      const docCls = new Parse.Object("contracts_Document");
      docCls.id = documentId;
      docCls.set("Placeholders", signerPos);
      docCls.set("Signers", signers);
      docCls.set("SignatureType", signatureType);
      await docCls.save();
    } catch (e) {
      console.log("error", e);
@@ -964,21 +1008,15 @@ function PlaceHolderSign() {
    //filter label widgets after add label widgets data on pdf
    const filterPrefill = signerPos.filter((data) => data.Role !== "prefill");
    try {
      data = {
        Placeholders: filterPrefill,
        SignedUrl: pdfUrl,
        Signers: signers,
        SentToOthers: true,
        SignatureType: pdfDetails?.[0]?.SignatureType
      };
      if (updateExpiryDate) {
-        data = {
+        data["ExpiryDate"] = { iso: updateExpiryDate, __type: "Date" };
          Placeholders: filterPrefill,
          SignedUrl: pdfUrl,
          Signers: signers,
          SentToOthers: true,
          ExpiryDate: { iso: updateExpiryDate, __type: "Date" }
        };
      } else {
        data = {
          Placeholders: filterPrefill,
          SignedUrl: pdfUrl,
          Signers: signers,
          SentToOthers: true
        };
      }
      await axios
        .put(
@@ -1047,7 +1085,7 @@ function PlaceHolderSign() {
              type="button"
              className="flex flex-row items-center op-link op-link-primary"
            >
-              <i className="fa-light fa-link" aria-hidden="true"></i>
+              <i className="fa-light fa-copy" />
              <span className=" hidden md:block ml-1 ">{t("copy-link")}</span>
            </button>
            <RWebShare data={{ url: data.url, title: t("sign-url") }}>
@@ -1121,7 +1159,7 @@ function PlaceHolderSign() {
            receiver_phone: signerMail[i]?.Phone || "",
            expiry_date: localExpireDate,
            company_name: orgName,
-            signing_url: `<a href=${signPdf}>Sign here</a>`
+            signing_url: `<a href=${signPdf} target=_blank>Sign here</a>`
          };
          replaceVar = replaceMailVaribles(
            requestSubject,
@@ -1155,7 +1193,7 @@ function PlaceHolderSign() {
              orgName +
              "</td></tr> <tr> <td style='font-weight:bold;font-family:sans-serif;font-size:15px'>Expire on</td><td> </td> <td style='color:#626363;font-weight:bold'>" +
              localExpireDate +
-              "</td></tr><tr> <td></td> <td> </td></tr></table> </div> <div style='margin-left:70px'><a href=" +
+              "</td></tr><tr> <td></td> <td> </td></tr></table> </div> <div style='margin-left:70px'><a target=_blank href=" +
              signPdf +
              "> <button style='padding: 12px 12px 12px 12px;background-color: #d46b0f;color: white;  border: 0px;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;font-weight:bold;margin-top:30px'>Sign here</button></a> </div> <div style='display: flex; justify-content: center;margin-top: 10px;'> </div></div></div><div><p> This is an automated email from OpenSign™. For any queries regarding this email, please contact the sender " +
              senderEmail +
@@ -1250,7 +1288,7 @@ function PlaceHolderSign() {
      selector: '[data-tut="addWidgets"]',
      content: () => (
        <TourContentWithBtn
-          message={t("tour-mssg.placeholder-sign-3")}
+          message={t("tour-mssg.placeholder-sign-4")}
          isChecked={handleDontShow}
        />
      ),
@@ -1261,19 +1299,18 @@ function PlaceHolderSign() {
      selector: '[data-tut="pdfArea"]',
      content: () => (
        <TourContentWithBtn
-          message={t("tour-mssg.placeholder-sign-4")}
+          message={t("tour-mssg.placeholder-sign-5")}
          isChecked={handleDontShow}
        />
      ),
      position: "top",
      style: { fontSize: "13px" }
    },
    {
      selector: '[data-tut="headerArea"]',
      content: () => (
        <TourContentWithBtn
-          message={t("tour-mssg.placeholder-sign-5")}
+          message={t("tour-mssg.placeholder-sign-6")}
          isChecked={handleDontShow}
        />
      ),
@@ -1331,7 +1368,7 @@ function PlaceHolderSign() {
                    isHideLabel: isHideLabel || false,
                    defaultValue: defaultValue,
                    fontSize:
-                      fontSize || currWidgetsDetails?.options?.fontSize || "12",
+                      fontSize || currWidgetsDetails?.options?.fontSize || 12,
                    fontColor:
                      fontColor ||
                      currWidgetsDetails?.options?.fontColor ||
@@ -1369,7 +1406,7 @@ function PlaceHolderSign() {
                    isReadOnly: isReadOnly || false,
                    isHideLabel: isHideLabel || false,
                    fontSize:
-                      fontSize || currWidgetsDetails?.options?.fontSize || "12",
+                      fontSize || currWidgetsDetails?.options?.fontSize || 12,
                    fontColor:
                      fontColor ||
                      currWidgetsDetails?.options?.fontColor ||
@@ -1387,7 +1424,7 @@ function PlaceHolderSign() {
                  values: dropdownOptions,
                  defaultValue: defaultValue,
                  fontSize:
-                    fontSize || currWidgetsDetails?.options?.fontSize || "12",
+                    fontSize || currWidgetsDetails?.options?.fontSize || 12,
                  fontColor:
                    fontColor ||
                    currWidgetsDetails?.options?.fontColor ||
@@ -1421,7 +1458,15 @@ function PlaceHolderSign() {
    setFontSize();
    setFontColor();
  };
-  const handleWidgetdefaultdata = (defaultdata) => {
+  const handleWidgetdefaultdata = (defaultdata, isSignWidget) => {
    if (isSignWidget) {
      const updatedPdfDetails = [...pdfDetails];
      const signtypes = defaultdata.signatureType || signatureType;
      updatedPdfDetails[0].SignatureType = signtypes;
      // Update the SignatureType with the modified array
      setPdfDetails(updatedPdfDetails);
      setSignatureType(signtypes);
    }
    const options = ["email", "number", "text"];
    let inputype;
    if (defaultdata.textvalidate) {
@@ -1460,7 +1505,7 @@ function PlaceHolderSign() {
                        }
                      : {},
                  fontSize:
-                    fontSize || currWidgetsDetails?.options?.fontSize || "12",
+                    fontSize || currWidgetsDetails?.options?.fontSize || 12,
                  fontColor:
                    fontColor ||
                    currWidgetsDetails?.options?.fontColor ||
@@ -1476,7 +1521,7 @@ function PlaceHolderSign() {
                  status: defaultdata.status,
                  defaultValue: defaultdata.defaultValue,
                  fontSize:
-                    fontSize || currWidgetsDetails?.options?.fontSize || "12",
+                    fontSize || currWidgetsDetails?.options?.fontSize || 12,
                  fontColor:
                    fontColor ||
                    currWidgetsDetails?.options?.fontColor ||
@@ -1542,14 +1587,12 @@ function PlaceHolderSign() {
      } else {
        updatedTourStatus = [{ placeholder: true }];
      }
-      await axios
+      try {
-        .put(
+        await axios.put(
          `${localStorage.getItem(
            "baseUrl"
          )}classes/contracts_Users/${signerUserId}`,
-          {
+          { TourStatus: updatedTourStatus },
            TourStatus: updatedTourStatus
          },
          {
            headers: {
              "Content-Type": "application/json",
@@ -1557,14 +1600,10 @@ function PlaceHolderSign() {
              sessionToken: localStorage.getItem("accesstoken")
            }
          }
-        )
+        );
-        .then(() => {
+      } catch (err) {
-          // const json = Listdata.data;
+        console.log("axois err ", err);
-          // const res = json.results;
+      }
        })
        .catch((err) => {
          console.log("axois err ", err);
        });
    }
  };
  const handleRecipientSign = () => {
@@ -1649,8 +1688,15 @@ function PlaceHolderSign() {
  const signerAssignTour = [
    {
      selector: '[data-tut="assignSigner"]',
-      content:
+      content: t("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. ",
+      position: "top",
      style: { fontSize: "13px" }
    }
  ];
  const textFieldTour = [
    {
      selector: '[data-tut="IsSigned"]',
      content: t("text-field-tour"),
      position: "top",
      style: { fontSize: "13px" }
    }
@@ -1760,6 +1806,13 @@ function PlaceHolderSign() {
                rounded={5}
                closeWithMask={false}
              />
              <Tour
                onRequestClose={() => setIsSendAlert({})}
                steps={textFieldTour}
                isOpen={isSendAlert.mssg === textWidget}
                rounded={5}
                closeWithMask={false}
              />
              {/* this component used to render all pdf pages in left side */}
              <RenderAllPdfPage
                signPdfUrl={pdfDetails[0].URL}
@@ -1780,20 +1833,18 @@ function PlaceHolderSign() {
                <div className=" w-full md:w-[95%] ">
                  {/* this modal is used show alert set placeholder for all signers before send mail */}
                  <ModalUi
-                    isOpen={isSendAlert.alert}
+                    isOpen={
                      isSendAlert.alert && isSendAlert.mssg !== textWidget
                    }
                    title={
                      isSendAlert.mssg === "sure" ||
-                      isSendAlert.mssg === textWidget
+                      (isSendAlert.mssg === "confirm" && t("send-mail"))
                        ? t("fields-required")
                        : isSendAlert.mssg === "confirm" && t("send-mail")
                    }
                    handleClose={() => handleCloseSendmailModal()}
                  >
                    <div className="max-h-96 overflow-y-scroll scroll-hide p-[20px] text-base-content">
                      {isSendAlert.mssg === "sure" ? (
                        <span>{t("placeholder-alert-1")}</span>
                      ) : isSendAlert.mssg === textWidget ? (
                        <p>{t("placeholder-alert-2")}</p>
                      ) : (
                        isSendAlert.mssg === "confirm" && (
                          <>
@@ -1874,9 +1925,11 @@ function PlaceHolderSign() {
                  <ModalUi
                    isOpen={isSend}
                    title={
-                      mailStatus === "quotareached"
+                      mailStatus === "success"
-                        ? t("quota-mail-head")
+                        ? t("mails-sent")
-                        : t("Mails Sent")
+                        : mailStatus === "quotareached"
                          ? t("quota-mail-head")
                          : t("mail-not-delivered")
                    }
                    handleClose={() => {
                      setIsSend(false);
@@ -1894,6 +1947,7 @@ function PlaceHolderSign() {
                      ) : mailStatus === "quotareached" ? (
                        <div className="flex flex-col gap-y-3">
                          <QuotaCard
                            emailResetDate={emailResetDate}
                            handleClose={() => {
                              setIsSend(false);
                              setSignerPos([]);
@@ -1903,7 +1957,12 @@ function PlaceHolderSign() {
                          <div className="my-3">{handleShareList()}</div>
                        </div>
                      ) : (
-                        <p>{t("placeholder-alert-6")}</p>
+                        <div className="mb-[10px]">
                          <p>{t("placeholder-alert-6")}</p>
                          {isCurrUser && (
                            <p className="mt-1">{t("placeholder-alert-5")}</p>
                          )}
                        </div>
                      )}
                      {!mailStatus && (
                        <div className="w-full h-[1px] bg-[#9f9f9f] my-[15px]"></div>
@@ -2019,6 +2078,7 @@ function PlaceHolderSign() {
                  {/* pdf header which contain funish back button */}
                  <Header
                    completeBtnTitle={t("next")}
                    isPlaceholder={true}
                    pageNumber={pageNumber}
                    allPages={allPages}
@@ -2059,6 +2119,7 @@ function PlaceHolderSign() {
                        setSignerPos={setSignerPos}
                        containerWH={containerWH}
                        setIsResize={setIsResize}
                        isResize={isResize}
                        setZIndex={setZIndex}
                        setIsPageCopy={setIsPageCopy}
                        signersdata={signersdata}
@@ -2085,6 +2146,7 @@ function PlaceHolderSign() {
                        setFontSize={setFontSize}
                        fontColor={fontColor}
                        setFontColor={setFontColor}
                        unSignedWidgetId={unSignedWidgetId}
                      />
                    )}
                  </div>
@@ -2209,6 +2271,7 @@ function PlaceHolderSign() {
          signersData={signersdata}
        />
        <WidgetNameModal
          signatureType={signatureType}
          widgetName={widgetName}
          defaultdata={currWidgetsDetails}
          isOpen={isNameModal}
@@ -0,0 +1,314 @@
 import React, { useEffect, useState } from "react";
 import Title from "../components/Title";
 import Alert from "../primitives/Alert";
 import { useTranslation } from "react-i18next";
 import Loader from "../primitives/Loader";
 import Tooltip from "../primitives/Tooltip";
 import {
  checkIsSubscribed,
  getTenantDetails,
  handleSignatureType,
  signatureTypes
 } from "../constant/Utils";
 import Parse from "parse";
 import { Tooltip as ReactTooltip } from "react-tooltip";
 import { isEnableSubscription } from "../constant/const";
 import Upgrade from "../primitives/Upgrade";
 const Preferences = () => {
  const { t } = useTranslation();
  const [isalert, setIsAlert] = useState({ type: "success", msg: "" });
  const [isTopLoader, setIsTopLoader] = useState(false);
  const [isLoader, setIsLoader] = useState(false);
  const [signatureType, setSignatureType] = useState([]);
  const [errMsg, setErrMsg] = useState("");
  const [isNotifyOnSignatures, setIsNotifyOnSignatures] = useState();
  const [isSubscribe, setIsSubscribe] = useState(false);
  useEffect(() => {
    fetchSignType();
  }, []);
  const fetchSignType = async () => {
    if (isEnableSubscription) {
      const subscribe = await checkIsSubscribed();
      setIsSubscribe(subscribe.isValid);
    } else {
      setIsSubscribe(true);
    }
    setIsTopLoader(true);
    try {
      const user = JSON.parse(
        localStorage.getItem(
          `Parse/${localStorage.getItem("parseAppId")}/currentUser`
        )
      );
      const tenantDetails = await getTenantDetails(user?.objectId);
      const signatureType = tenantDetails?.SignatureType || [];
      const tenantSignTypes = signatureType?.filter((x) => x.enabled === true);
      const getUser = await Parse.Cloud.run("getUserDetails");
      if (getUser) {
        const _getUser = JSON.parse(JSON.stringify(getUser));
        const notifyOnSignatures =
          _getUser?.NotifyOnSignatures !== undefined
            ? _getUser?.NotifyOnSignatures
            : "";
        setIsNotifyOnSignatures(notifyOnSignatures);
        if (tenantSignTypes?.length > 0) {
          const signatureType = _getUser?.SignatureType || signatureTypes;
          const updatedSignatureType = await handleSignatureType(
            tenantSignTypes,
            signatureType
          );
          setSignatureType(updatedSignatureType);
        } else {
          const SignatureType = _getUser?.SignatureType || signatureTypes;
          setSignatureType(SignatureType);
        }
      }
    } catch (err) {
      console.log("err while getting user details", err);
      setErrMsg("Something went wrong");
    } finally {
      setIsTopLoader(false);
    }
  };
  // `handleCheckboxChange` is trigger when user enable/disable checkbox of respective type
  const handleCheckboxChange = (index) => {
    // Create a copy of the signatureType array
    const updatedSignatureType = [...signatureType];
    // Toggle the enabled value for the clicked item
    updatedSignatureType[index].enabled = !updatedSignatureType[index].enabled;
    // Update the state with the modified array
    setSignatureType(updatedSignatureType);
  };
  // `handleSave` is used save updated value signature type
  const handleSave = async () => {
    setIsLoader(true);
    if (signatureType.length > 0 || isNotifyOnSignatures) {
      let params = {};
      if (signatureType.length > 0) {
        const enabledSignTypes = signatureType?.filter((x) => x.enabled);
        const isDefaultSignTypeOnly =
          enabledSignTypes?.length === 1 &&
          enabledSignTypes[0]?.name === "default";
        if (enabledSignTypes.length === 0) {
          setIsAlert({
            type: "danger",
            msg: t("at-least-one-signature-type")
          });
        } else if (isDefaultSignTypeOnly) {
          setIsAlert({
            type: "danger",
            msg: t("expect-default-one-more-signature-type")
          });
        } else {
          params = { ...params, SignatureType: signatureType };
        }
      }
      if (isNotifyOnSignatures) {
        params = { ...params, NotifyOnSignatures: isNotifyOnSignatures };
      }
      try {
        const updateRes = await Parse.Cloud.run("updatepreferences", params);
        if (updateRes) {
          setIsAlert({ type: "success", msg: "Saved successfully." });
          let extUser =
            localStorage.getItem("Extand_Class") &&
            JSON.parse(localStorage.getItem("Extand_Class"))?.[0];
          if (extUser && extUser?.objectId) {
            extUser.NotifyOnSignatures = isNotifyOnSignatures;
            const _extUser = JSON.parse(JSON.stringify(extUser));
            localStorage.setItem("Extand_Class", JSON.stringify([_extUser]));
          }
        }
      } catch (err) {
        console.log("Error updating signature type", err);
        setIsAlert({ type: "danger", msg: err.message });
      }
      setTimeout(() => setIsAlert({ type: "success", msg: "" }), 1500);
      setIsLoader(false);
    }
  };
  // `handleNotifySignChange` is trigger when user change radio of notify on signatures
  const handleNotifySignChange = (value) => {
    setIsNotifyOnSignatures(value);
  };
  return (
    <React.Fragment>
      <Title title={t("Preferences")} />
      {isalert.msg && <Alert type={isalert.type}>{isalert.msg}</Alert>}
      {isTopLoader ? (
        <div className="flex justify-center items-center h-screen">
          <Loader />
        </div>
      ) : (
        <>
          {errMsg ? (
            <div className="flex justify-center items-center h-screen">
              {errMsg}
            </div>
          ) : (
            <div className="relative bg-base-100 text-base-content flex flex-col justify-center shadow-md rounded-box mb-3">
              {isLoader && (
                <div className="flex justify-center items-center absolute w-full h-full rounded-box bg-black/30">
                  <Loader />
                </div>
              )}
              <h1 className="ml-4 mt-3 mb-2 font-semibold">
                OpenSign™ {t("Preferences")}{" "}
                <span>
                  <Tooltip
                    message={`OpenSign™ ${t("Preferences")}`}
                    isSubscribe={true}
                  />
                </span>
              </h1>
              <div className="ml-4 mt-1 mb-2 flex flex-col">
                <div className="mb-[0.75rem]">
                  <label
                    htmlFor="signaturetype"
                    className="text-[14px] mb-[0.7rem] font-medium"
                  >
                    {t("allowed-signature-types")}
                    <a data-tooltip-id="signtypes-tooltip" className="ml-1">
                      <sup>
                        <i className="fa-light fa-question rounded-full border-[#33bbff] text-[#33bbff] text-[13px] border-[1px] py-[1.5px] px-[4px]"></i>
                      </sup>
                    </a>
                    <ReactTooltip id="signtypes-tooltip" className="z-[999]">
                      <div className="max-w-[200px] md:max-w-[450px] text-[11px]">
                        <p className="font-bold">
                          {t("allowed-signature-types")}
                        </p>
                        <p>{t("allowed-signature-types-help.p1")}</p>
                        <p className="p-[5px] ml-2">
                          <ol className="list-disc">
                            <li>
                              <span className="font-bold">Draw: </span>
                              <span>
                                {t("allowed-signature-types-help.l1")}
                              </span>
                            </li>
                            <li>
                              <span className="font-bold">Typed: </span>
                              <span>
                                {t("allowed-signature-types-help.l2")}
                              </span>
                            </li>
                            <li>
                              <span className="font-bold">Upload: </span>
                              <span>
                                {t("allowed-signature-types-help.l3")}
                              </span>
                            </li>
                            <li>
                              <span className="font-bold">Default: </span>
                              <span>
                                {t("allowed-signature-types-help.l4")}
                              </span>
                            </li>
                          </ol>
                        </p>
                      </div>
                    </ReactTooltip>
                  </label>
                  <div className=" ml-[7px] flex flex-col md:flex-row gap-[10px] mb-[0.7rem]">
                    {signatureType.map((type, i) => (
                      <div
                        key={i}
                        className="flex flex-row gap-[5px] items-center"
                      >
                        <input
                          className="mr-[2px] op-checkbox op-checkbox-xs"
                          type="checkbox"
                          name="signaturetype"
                          onChange={() => handleCheckboxChange(i)}
                          checked={type.enabled}
                        />
                        <div
                          className="text-[13px] font-medium hover:underline underline-offset-2 cursor-default capitalize"
                          title={`Enabling this allow signers to ${type.name} signature`}
                        >
                          {type.name}
                        </div>
                      </div>
                    ))}
                  </div>
                </div>
                <div className="mb-[0.75rem]">
                  <label
                    className={`${
                      isSubscribe ? "" : "text-gray-300"
                    } text-[14px] mb-[0.7rem] font-medium`}
                  >
                    {t("notify-on-signatures")}
                    <a data-tooltip-id="nos-tooltip" className="ml-1">
                      <sup>
                        <i className="fa-light fa-question rounded-full border-[#33bbff] text-[#33bbff] text-[13px] border-[1px] py-[1.5px] px-[4px]"></i>
                      </sup>
                    </a>
                    <ReactTooltip id="nos-tooltip" className="z-[999]">
                      <div className="max-w-[200px] md:max-w-[450px] text-[11px]">
                        <p className="font-bold">{t("notify-on-signatures")}</p>
                        <p>{t("notify-on-signatures-help.p1")}</p>
                        <p>{t("notify-on-signatures-help.note")}</p>
                      </div>
                    </ReactTooltip>
                    {!isSubscribe && isEnableSubscription && <Upgrade />}
                  </label>
                  <div className="flex flex-col md:flex-row md:gap-4">
                    <div
                      className={`${
                        isSubscribe ? "" : "pointer-events-none opacity-50"
                      } flex items-center gap-2 ml-2 mb-1`}
                    >
                      <input
                        className="mr-[2px] op-radio op-radio-xs"
                        type="radio"
                        onChange={() => handleNotifySignChange(true)}
                        checked={isNotifyOnSignatures === true}
                      />
                      <div className="text-[13px] font-medium cursor-default capitalize">
                        {t("yes")}
                      </div>
                    </div>
                    <div className="flex flex-col md:flex-row md:gap-4">
                      <div
                        className={`${
                          isSubscribe ? "" : "pointer-events-none opacity-50"
                        } flex items-center gap-2 ml-2 mb-1`}
                      >
                        <input
                          className="mr-[2px] op-radio op-radio-xs"
                          type="radio"
                          onChange={() => handleNotifySignChange(false)}
                          checked={isNotifyOnSignatures === false}
                        />
                        <div className="text-[13px] font-medium cursor-default capitalize">
                          {t("no")}
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div className="mb-[0.75rem]">
                  <button
                    className="op-btn op-btn-primary"
                    onClick={handleSave}
                  >
                    Save
                  </button>
                </div>
              </div>
            </div>
          )}
        </>
      )}
    </React.Fragment>
  );
 };
 export default Preferences;
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import Parse from "parse";
 import { appInfo } from "../constant/appinfo";
-import { isEnableSubscription } from "../constant/const";
+import { emailRegex, isEnableSubscription } from "../constant/const";
 import { fetchSubscription } from "../constant/Utils";
 import { useDispatch } from "react-redux";
 import { showTenant } from "../redux/reducers/ShowTenant";
@@ -88,54 +88,58 @@ const SSOVerify = () => {
  // `handleSubmitbtn` is used to create a user in the extended class
  const handleSubmitbtn = async (e) => {
    e.preventDefault();
-    setIsLoader(true);
+    if (!emailRegex.test(userDetails.email)) {
-    let phone;
+      alert("Please enter a valid email address.");
    if (userDetails?.phone) {
      phone = validateInput(userDetails?.phone);
    } else {
-      phone = true;
+      setIsLoader(true);
-    }
+      let phone;
-    if (userDetails.Destination && userDetails.Company && phone) {
+      if (userDetails?.phone) {
-      const payload = { sessionToken: localStorage.getItem("accesstoken") };
+        phone = validateInput(userDetails?.phone);
-      if (payload && payload.sessionToken) {
+      } else {
-        const params = {
+        phone = true;
-          userDetails: {
+      }
-            name: userDetails.name,
+      if (userDetails.Destination && userDetails.Company && phone) {
-            email: userDetails.email,
+        const payload = { sessionToken: localStorage.getItem("accesstoken") };
-            phone: userDetails?.phone || "",
+        if (payload && payload.sessionToken) {
-            role: "contracts_User",
+          const params = {
-            company: userDetails.Company,
+            userDetails: {
-            jobTitle: userDetails.Destination
+              name: userDetails.name,
-          }
+              email: userDetails.email,
-        };
+              phone: userDetails?.phone || "",
-        try {
+              role: "contracts_User",
-          const userSignUp = await Parse.Cloud.run("usersignup", params);
+              company: userDetails.Company,
-          if (userSignUp && userSignUp.sessionToken) {
+              jobTitle: userDetails.Destination
-            const LocalUserDetails = params.userDetails;
+            }
-            localStorage.setItem(
+          };
-              "userDetails",
+          try {
-              JSON.stringify(LocalUserDetails)
+            const userSignUp = await Parse.Cloud.run("usersignup", params);
-            );
+            if (userSignUp && userSignUp.sessionToken) {
-            await thirdpartyLoginfn(userSignUp.sessionToken);
+              const LocalUserDetails = params.userDetails;
-            setIsLoader(false);
+              localStorage.setItem(
-          } else {
+                "userDetails",
-            alert(userSignUp.message);
+                JSON.stringify(LocalUserDetails)
              );
              await thirdpartyLoginfn(userSignUp.sessionToken);
              setIsLoader(false);
            } else {
              alert(userSignUp.message);
              setIsLoader(false);
            }
          } catch (err) {
            console.log("error in usersignup", err);
            localStorage.removeItem("accesstoken");
            alert(t("something-went-wrong-mssg"));
            setIsLoader(false);
          }
-        } catch (err) {
+        } else {
          console.log("error in usersignup", err);
          localStorage.removeItem("accesstoken");
-          alert(t("something-went-wrong-mssg"));
+          alert(t("server-error"));
          setIsLoader(false);
        }
      } else {
-        localStorage.removeItem("accesstoken");
+        alert(t("filed-required-correctly"));
        alert(t("server-error"));
        setIsLoader(false);
      }
    } else {
      alert(t("filed-required-correctly"));
      setIsLoader(false);
    }
  };
  // `thirdpartyLoginfn` is used to save necessary parameters locally for the logged-in user
@@ -10,7 +10,7 @@ import { appInfo } from "../constant/appinfo";
 import { useDispatch } from "react-redux";
 import { fetchAppInfo } from "../redux/reducers/infoReducer";
 import { showTenant } from "../redux/reducers/ShowTenant";
-import { isEnableSubscription } from "../constant/const";
+import { emailRegex, isEnableSubscription } from "../constant/const";
 import {
  getAppLogo,
  openInNewTab,
@@ -83,92 +83,96 @@ const Signup = () => {
  };
  const handleSubmit = (event) => {
    event.preventDefault();
-    if (lengthValid && caseDigitValid && specialCharValid) {
+    if (!emailRegex.test(email)) {
-      clearStorage();
+      alert("Please enter a valid email address.");
-      setState({ loading: true });
+    } else {
-      const userDetails = {
+      if (lengthValid && caseDigitValid && specialCharValid) {
-        name: name,
+        clearStorage();
-        email: email,
+        setState({ loading: true });
-        phone: phone,
+        const userDetails = {
-        company: company,
+          name: name,
-        jobTitle: jobTitle
+          email: email,
-      };
+          phone: phone,
-      localStorage.setItem("userDetails", JSON.stringify(userDetails));
+          company: company,
-      try {
+          jobTitle: jobTitle
-        event.preventDefault();
+        };
-        var user = new Parse.User();
+        localStorage.setItem("userDetails", JSON.stringify(userDetails));
-        user.set("name", name);
+        try {
-        user.set("email", email);
+          event.preventDefault();
-        user.set("password", password);
+          var user = new Parse.User();
-        user.set("phone", phone);
+          user.set("name", name);
-        user.set("username", email);
+          user.set("email", email);
-        let res = user.save();
+          user.set("password", password);
-        res
+          user.set("phone", phone);
-          .then(async (r) => {
+          user.set("username", email);
-            if (r) {
+          let res = user.save();
-              let roleData = appInfo.settings;
+          res
-              if (roleData && roleData.length > 0) {
+            .then(async (r) => {
-                const params = {
+              if (r) {
-                  userDetails: {
+                let roleData = appInfo.settings;
-                    jobTitle: jobTitle,
+                if (roleData && roleData.length > 0) {
-                    company: company,
+                  const params = {
-                    name: name,
+                    userDetails: {
-                    email: email,
+                      jobTitle: jobTitle,
-                    phone: phone,
+                      company: company,
-                    role: appInfo.defaultRole
+                      name: name,
-                  }
+                      email: email,
-                };
+                      phone: phone,
-                try {
+                      role: appInfo.defaultRole
                  const usersignup = await Parse.Cloud.run(
                    "usersignup",
                    params
                  );
                  if (usersignup) {
                    const param = new URLSearchParams(location.search);
                    const isFreeplan =
                      param?.get("subscription") === "freeplan";
                    if (isFreeplan) {
                      await handleFreePlan(r.id);
                    }
-                    handleNavigation(r.getSessionToken(), isFreeplan);
+                  };
                  try {
                    const usersignup = await Parse.Cloud.run(
                      "usersignup",
                      params
                    );
                    if (usersignup) {
                      const param = new URLSearchParams(location.search);
                      const isFreeplan =
                        param?.get("subscription") === "freeplan";
                      if (isFreeplan) {
                        await handleFreePlan(r.id);
                      }
                      handleNavigation(r.getSessionToken(), isFreeplan);
                    }
                  } catch (err) {
                    alert(err.message);
                    setState({ loading: false });
                  }
                }
              }
            })
            .catch(async (err) => {
              if (err.code === 202) {
                const params = { email: email };
                const res = await Parse.Cloud.run("getUserDetails", params);
                // console.log("Res ", res);
                if (res) {
                  alert(t("user-already-exist-name"));
                  setState({ loading: false });
                } else {
                  // console.log("state.email ", email);
                  try {
                    await Parse.User.requestPasswordReset(email).then(
                      async function (res1) {
                        if (res1.data === undefined) {
                          alert(t("verification-code-sent"));
                        }
                      }
                    );
                  } catch (err) {
                    console.log(err);
                  }
                } catch (err) {
                  alert(err.message);
                  setState({ loading: false });
                }
              }
            }
          })
          .catch(async (err) => {
            if (err.code === 202) {
              const params = { email: email };
              const res = await Parse.Cloud.run("getUserDetails", params);
              // console.log("Res ", res);
              if (res) {
                alert(t("user-already-exist-name"));
                setState({ loading: false });
              } else {
-                // console.log("state.email ", email);
+                alert(err.message);
                try {
                  await Parse.User.requestPasswordReset(email).then(
                    async function (res1) {
                      if (res1.data === undefined) {
                        alert(t("verification-code-sent"));
                      }
                    }
                  );
                } catch (err) {
                  console.log(err);
                }
                setState({ loading: false });
              }
-            } else {
+            });
-              alert(err.message);
+        } catch (error) {
-              setState({ loading: false });
+          console.log("err ", error);
-            }
+        }
          });
      } catch (error) {
        console.log("err ", error);
      }
    }
  };
@@ -4,7 +4,6 @@ import "../styles/signature.css";
 import Parse from "parse";
 import Confetti from "react-confetti";
 import axios from "axios";
 import LoaderWithMsg from "../primitives/LoaderWithMsg";
 import RenderAllPdfPage from "../components/pdf/RenderAllPdfPage";
 import { DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
@@ -37,26 +36,29 @@ import {
  getDefaultSignature,
  onClickZoomIn,
  onClickZoomOut,
-  rotatePdfPage
+  rotatePdfPage,
  signatureTypes
 } from "../constant/Utils";
 import { useParams } from "react-router-dom";
 import Tour from "reactour";
 import Signedby from "../components/pdf/Signedby";
 import HandleError from "../primitives/HandleError";
 import Header from "../components/pdf/PdfHeader";
 import RenderPdf from "../components/pdf/RenderPdf";
 import PlaceholderCopy from "../components/pdf/PlaceholderCopy";
 import TourContentWithBtn from "../primitives/TourContentWithBtn";
 import Title from "../components/Title";
 import ModalUi from "../primitives/ModalUi";
 import DropdownWidgetOption from "../components/pdf/DropdownWidgetOption";
 import { useSelector } from "react-redux";
 import TextFontSetting from "../components/pdf/TextFontSetting";
 import VerifyEmail from "../components/pdf/VerifyEmail";
 import PdfZoom from "../components/pdf/PdfZoom";
 import Loader from "../primitives/Loader";
 import { useTranslation } from "react-i18next";
 import RotateAlert from "../components/RotateAlert";
 import DownloadPdfZip from "../primitives/DownloadPdfZip";
 import Loader from "../primitives/Loader";
 import ModalUi from "../primitives/ModalUi";
 import TourContentWithBtn from "../primitives/TourContentWithBtn";
 import HandleError from "../primitives/HandleError";
 import LoaderWithMsg from "../primitives/LoaderWithMsg";
 //For signYourself inProgress section signer can add sign and complete doc sign.
 function SignYourSelf() {
  const { t } = useTranslation();
@@ -130,6 +132,8 @@ function SignYourSelf() {
  const [pdfRotateBase64, setPdfRotatese64] = useState("");
  const [isRotate, setIsRotate] = useState({ status: false, degree: 0 });
  const [isSubscribe, setIsSubscribe] = useState({ plan: "", isValid: true });
  const [isDownloadModal, setIsDownloadModal] = useState(false);
  const [isResize, setIsResize] = useState(false);
  const divRef = useRef(null);
  const nodeRef = useRef(null);
  const [, drop] = useDrop({
@@ -421,9 +425,7 @@ function SignYourSelf() {
      const getWidth = widgetTypeExist
        ? calculateInitialWidthHeight(dragTypeValue, widgetValue).getWidth
        : defaultWidthHeight(dragTypeValue).width;
-      const getHeight = widgetTypeExist
+      const getHeight = defaultWidthHeight(dragTypeValue).height;
        ? calculateInitialWidthHeight(dragTypeValue, widgetValue).getHeight
        : defaultWidthHeight(dragTypeValue).height;
      dropObj = {
        xPosition: getWidth / 2 + containerWH.width / 2,
@@ -454,9 +456,7 @@ function SignYourSelf() {
      const getWidth = widgetTypeExist
        ? calculateInitialWidthHeight(widgetValue).getWidth
        : defaultWidthHeight(dragTypeValue).width;
-      const getHeight = widgetTypeExist
+      const getHeight = defaultWidthHeight(dragTypeValue).height;
        ? calculateInitialWidthHeight(widgetValue).getHeight
        : defaultWidthHeight(dragTypeValue).height;
      dropObj = {
        xPosition: getXPosition / (containerScale * scale),
        yPosition: getYPosition / (containerScale * scale),
@@ -556,7 +556,7 @@ function SignYourSelf() {
  };
  useEffect(() => {
    const timer = setTimeout(() => {
-      if (xyPostion?.length > 0) {
+      if (xyPostion?.length > 0 && !pdfDetails?.[0]?.IsCompleted) {
        autosavedetails();
      }
    }, 2000);
@@ -615,12 +615,8 @@ function SignYourSelf() {
                const checkSignUrl = requiredWidgets[i]?.pos?.SignUrl;
                let checkDefaultSigned =
                  requiredWidgets[i]?.options?.defaultValue;
-                if (!checkSignUrl) {
+                if (!checkSignUrl && !checkDefaultSigned && !showAlert) {
-                  if (!checkDefaultSigned) {
+                  showAlert = true;
                    if (!showAlert) {
                      showAlert = true;
                    }
                  }
                }
              }
            }
@@ -647,10 +643,9 @@ function SignYourSelf() {
          return;
        } else {
          setIsUiLoading(true);
          const existingPdfBytes = pdfArrayBuffer;
          // Load a PDFDocument from the existing PDF bytes
          try {
-            const pdfDoc = await PDFDocument.load(existingPdfBytes);
+            const pdfDoc = await PDFDocument.load(pdfArrayBuffer);
            const isSignYourSelfFlow = true;
            const extUserPtr = pdfDetails[0].ExtUserPtr;
            const HeaderDocId = extUserPtr?.HeaderDocId;
@@ -663,14 +658,19 @@ function SignYourSelf() {
              xyPostion,
              pdfDoc,
              isSignYourSelfFlow,
-              scale,
+              scale
              pdfOriginalWH,
              containerWH
            );
            // console.log("pdf", pdfBytes);
            //function for call to embed signature in pdf and get digital signature pdf
-            if (pdfBytes) {
+            if (!pdfBytes?.error) {
              await signPdfFun(pdfBytes, documentId);
            } else {
              setIsUiLoading(false);
              setIsAlert({
                header: t("error"),
                isShow: true,
                alertMessage: t("pdf-uncompatible")
              });
            }
          } catch (err) {
            setIsUiLoading(false);
@@ -682,10 +682,7 @@ function SignYourSelf() {
              });
            } else {
              console.log("err in signing", err.message);
-              if (
+              if (err?.message?.includes("password")) {
                err.message ===
                "PKCS#12 MAC could not be verified. Invalid password?"
              ) {
                setIsAlert({
                  header: t("error"),
                  isShow: true,
@@ -752,10 +749,10 @@ function SignYourSelf() {
        alert(t("something-went-wrong-mssg"));
      }
    }
-    //change image width and height to 100/40 in png base64
+    //change image width and height to 300/120 in png base64
-    const getNewse64 = await changeImageWH(base64Sign);
+    const imagebase64 = await changeImageWH(base64Sign);
-    //remove suffiix of base64
+    //remove suffiix of base64 (without type)
-    const suffixbase64 = getNewse64 && getNewse64.split(",").pop();
+    const suffixbase64 = imagebase64 && imagebase64.split(",").pop();
    const params = {
      pdfFile: base64Url,
      docId: documentId,
@@ -781,7 +778,7 @@ function SignYourSelf() {
  const handleStop = (event, dragElement) => {
    setFontSize();
    setFontColor();
-    if (isDragging && dragElement) {
+    if (!isResize && isDragging && dragElement) {
      event.preventDefault();
      const containerScale = getContainerScale(
        pdfOriginalWH,
@@ -1026,7 +1023,6 @@ function SignYourSelf() {
    const getPageNumer = xyPostion.filter(
      (data) => data.pageNumber === pageNumber
    );
    if (getPageNumer.length > 0) {
      const getXYdata = getPageNumer[0].pos;
      const getPosData = getXYdata;
@@ -1056,7 +1052,7 @@ function SignYourSelf() {
                isReadOnly: isReadOnly,
                isHideLabel: isHideLabel || false,
                fontSize:
-                  fontSize || currWidgetsDetails?.options?.fontSize || "12",
+                  fontSize || currWidgetsDetails?.options?.fontSize || 12,
                fontColor:
                  fontColor || currWidgetsDetails?.options?.fontColor || "black"
              }
@@ -1090,7 +1086,6 @@ function SignYourSelf() {
    const getPageNumer = xyPostion.filter(
      (data) => data.pageNumber === pageNumber
    );
    if (getPageNumer.length > 0) {
      const getXYdata = getPageNumer[0].pos;
      const getPosData = getXYdata;
@@ -1100,8 +1095,7 @@ function SignYourSelf() {
            ...position,
            options: {
              ...position.options,
-              fontSize:
+              fontSize: fontSize || currWidgetsDetails?.options?.fontSize || 12,
                fontSize || currWidgetsDetails?.options?.fontSize || "12",
              fontColor:
                fontColor || currWidgetsDetails?.options?.fontColor || "black"
            }
@@ -1190,7 +1184,12 @@ function SignYourSelf() {
          )}
          {isCelebration && (
            <div className="relative z-[1000]">
-              <Confetti width={window.innerWidth} height={window.innerHeight} />
+              <Confetti
                width={window.innerWidth}
                height={window.innerHeight}
                recycle={false} // Prevents confetti from repeating
                gravity={0.1} // Adjust the gravity to control the speed
              />
            </div>
          )}
          <div className="relative op-card overflow-hidden flex flex-col md:flex-row justify-between bg-base-300">
@@ -1295,6 +1294,7 @@ function SignYourSelf() {
                />
                {/* this is modal of signature pad */}
                <SignPad
                  signatureTypes={signatureTypes}
                  isSignPad={isSignPad}
                  isStamp={isStamp}
                  setIsImageSelect={setIsImageSelect}
@@ -1327,6 +1327,7 @@ function SignYourSelf() {
                  setIsAlert={setIsAlert}
                  extUserId={extUserId}
                  activeMailAdapter={activeMailAdapter}
                  setIsDownloadModal={setIsDownloadModal}
                />
                {/* pdf header which contain funish back button */}
                <Header
@@ -1346,6 +1347,7 @@ function SignYourSelf() {
                  clickOnZoomIn={clickOnZoomIn}
                  clickOnZoomOut={clickOnZoomOut}
                  widgetsDetails={xyPostion}
                  setIsDownloadModal={setIsDownloadModal}
                />
                <div ref={divRef} data-tut="reactourSecond" className="h-full">
                  {containerWH?.width && containerWH?.height && (
@@ -1391,6 +1393,8 @@ function SignYourSelf() {
                      setFontSize={setFontSize}
                      fontColor={fontColor}
                      setFontColor={setFontColor}
                      isResize={isResize}
                      setIsResize={setIsResize}
                    />
                  )}
                </div>
@@ -1450,6 +1454,12 @@ function SignYourSelf() {
        setIsRotate={setIsRotate}
        handleRemoveWidgets={handleRemoveWidgets}
      />
      <DownloadPdfZip
        setIsDownloadModal={setIsDownloadModal}
        isDownloadModal={isDownloadModal}
        pdfDetails={pdfDetails}
        isDocId={true}
      />
      <TextFontSetting
        isTextSetting={isTextSetting}
        setIsTextSetting={setIsTextSetting}
@@ -9,8 +9,6 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { useDrag, useDrop } from "react-dnd";
 import WidgetComponent from "../components/pdf/WidgetComponent";
 import Tour from "reactour";
 import LoaderWithMsg from "../primitives/LoaderWithMsg";
 import HandleError from "../primitives/HandleError";
 import SignerListPlace from "../components/pdf/SignerListPlace";
 import Header from "../components/pdf/PdfHeader";
 import WidgetNameModal from "../components/pdf/WidgetNameModal";
@@ -31,23 +29,30 @@ import {
  onClickZoomOut,
  onClickZoomIn,
  handleRemoveWidgets,
-  handleRotateWarning
+  handleRotateWarning,
  color,
  signatureTypes,
  getTenantDetails,
  handleSignatureType
 } from "../constant/Utils";
 import RenderPdf from "../components/pdf/RenderPdf";
 import "../styles/AddUser.css";
 import Title from "../components/Title";
 import LinkUserModal from "../primitives/LinkUserModal";
 import EditTemplate from "../components/pdf/EditTemplate";
 import ModalUi from "../primitives/ModalUi";
 import AddRoleModal from "../components/pdf/AddRoleModal";
 import PlaceholderCopy from "../components/pdf/PlaceholderCopy";
 import TourContentWithBtn from "../primitives/TourContentWithBtn";
 import DropdownWidgetOption from "../components/pdf/DropdownWidgetOption";
 import Parse from "parse";
 import { useSelector } from "react-redux";
 import PdfZoom from "../components/pdf/PdfZoom";
 import { useTranslation } from "react-i18next";
 import RotateAlert from "../components/RotateAlert";
 import ModalUi from "../primitives/ModalUi";
 import TourContentWithBtn from "../primitives/TourContentWithBtn";
 import HandleError from "../primitives/HandleError";
 import LoaderWithMsg from "../primitives/LoaderWithMsg";
 import LinkUserModal from "../primitives/LinkUserModal";
 const TemplatePlaceholder = () => {
  const { t } = useTranslation();
  const navigate = useNavigate();
@@ -67,10 +72,7 @@ const TemplatePlaceholder = () => {
  const [isSendAlert, setIsSendAlert] = useState(false);
  const [isCreateDocModal, setIsCreateDocModal] = useState(false);
  const [isSubscribe, setIsSubscribe] = useState(false);
-  const [isRotate, setIsRotate] = useState({
+  const [isRotate, setIsRotate] = useState({ status: false, degree: 0 });
    status: false,
    degree: 0
  });
  const [isLoading, setIsLoading] = useState({
    isLoad: true,
    message: t("loading-mssg")
@@ -101,50 +103,21 @@ const TemplatePlaceholder = () => {
  const [isTextSetting, setIsTextSetting] = useState(false);
  const [pdfLoad, setPdfLoad] = useState(false);
  const [pdfRotateBase64, setPdfRotatese64] = useState("");
  const color = [
    "#93a3db",
    "#e6c3db",
    "#c0e3bc",
    "#bce3db",
    "#b8ccdb",
    "#ceb8db",
    "#ffccff",
    "#99ffcc",
    "#cc99ff",
    "#ffcc99",
    "#66ccff",
    "#ffffcc"
  ];
  const isMobile = window.innerWidth < 767;
  const [, drop] = useDrop({
    accept: "BOX",
    drop: (item, monitor) => addPositionOfSignature(item, monitor),
-    collect: (monitor) => ({
+    collect: (monitor) => ({ isOver: !!monitor.isOver() })
      isOver: !!monitor.isOver()
    })
  });
  const [{ isDragSign }, dragSignature] = useDrag({
    type: "BOX",
-    item: {
+    item: { type: "BOX", id: 1, text: "signature" },
-      type: "BOX",
+    collect: (monitor) => ({ isDragSign: !!monitor.isDragging() })
      id: 1,
      text: "signature"
    },
    collect: (monitor) => ({
      isDragSign: !!monitor.isDragging()
    })
  });
  const [{ isDragStamp }, dragStamp] = useDrag({
    type: "BOX",
-
+    item: { type: "BOX", id: 2, text: "stamp" },
-    item: {
+    collect: (monitor) => ({ isDragStamp: !!monitor.isDragging() })
      type: "BOX",
      id: 2,
      text: "stamp"
    },
    collect: (monitor) => ({
      isDragStamp: !!monitor.isDragging()
    })
  });
  const [uniqueId, setUniqueId] = useState("");
  const [isModalRole, setIsModalRole] = useState(false);
@@ -165,6 +138,7 @@ const TemplatePlaceholder = () => {
  const [fontColor, setFontColor] = useState();
  const [zoomPercent, setZoomPercent] = useState(0);
  const [scale, setScale] = useState(1);
  const [signatureType, setSignatureType] = useState([]);
  useEffect(() => {
    fetchTemplate();
@@ -212,9 +186,38 @@ const TemplatePlaceholder = () => {
      handleNavigation(plan);
    }
  }
  //function to fetch tenant Details
  const fetchTenantDetails = async () => {
    const user = JSON.parse(
      localStorage.getItem(
        `Parse/${localStorage.getItem("parseAppId")}/currentUser`
      )
    );
    if (user) {
      try {
        const tenantDetails = await getTenantDetails(user?.objectId);
        if (tenantDetails && tenantDetails === "user does not exist!") {
          alert(t("user-not-exist"));
        } else if (tenantDetails) {
          const signatureType = tenantDetails?.SignatureType || [];
          const filterSignTypes = signatureType?.filter(
            (x) => x.enabled === true
          );
          return filterSignTypes;
        }
      } catch (e) {
        alert(t("user-not-exist"));
      }
    } else {
      alert(t("user-not-exist"));
    }
  };
  // `fetchTemplate` function in used to get Template from server and setPlaceholder ,setSigner if present
  const fetchTemplate = async () => {
    try {
      const tenantSignTypes = await fetchTenantDetails();
      const params = { templateId: templateId };
      const templateDeatils = await axios.post(
        `${localStorage.getItem("baseUrl")}functions/getTemplate`,
@@ -236,7 +239,18 @@ const TemplatePlaceholder = () => {
        if (isEnableSubscription) {
          checkIsSubscribed(documentData[0]?.ExtUserPtr?.Email);
        }
-        setPdfDetails(documentData);
+        const userSignatureType =
          documentData[0]?.ExtUserPtr?.SignatureType || signatureTypes;
        const docSignTypes =
          documentData?.[0]?.SignatureType || userSignatureType;
        const updatedSignatureType = await handleSignatureType(
          tenantSignTypes,
          docSignTypes
        );
        setSignatureType(updatedSignatureType);
        const updatedPdfDetails = [...documentData];
        updatedPdfDetails[0].SignatureType = updatedSignatureType;
        setPdfDetails(updatedPdfDetails);
        setIsSigners(true);
        if (documentData[0].Signers && documentData[0].Signers.length > 0) {
          setIsSelectId(0);
@@ -259,11 +273,7 @@ const TemplatePlaceholder = () => {
                  blockColor: x.blockColor
                };
              } else {
-                return {
+                return { Role: x.Role, Id: x.Id, blockColor: x.blockColor };
                  Role: x.Role,
                  Id: x.Id,
                  blockColor: x.blockColor
                };
              }
            });
            setSignersData(updatedSigners);
@@ -286,11 +296,7 @@ const TemplatePlaceholder = () => {
            documentData[0].Placeholders.length > 0
          ) {
            let updatedSigners = documentData[0].Placeholders.map((x) => {
-              return {
+              return { Role: x.Role, Id: x.Id, blockColor: x.blockColor };
                Role: x.Role,
                Id: x.Id,
                blockColor: x.blockColor
              };
            });
            setSignerPos(documentData[0].Placeholders);
            setUniqueId(updatedSigners[0].Id);
@@ -303,17 +309,33 @@ const TemplatePlaceholder = () => {
        documentData === "Error: Something went wrong!" ||
        (documentData.result && documentData.result.error)
      ) {
        const loadObj = {
          isLoad: false
        };
        setHandleError(t("something-went-wrong-mssg"));
-        setIsLoading(loadObj);
+        setIsLoading({ isLoad: false });
      } else {
        setHandleError(t("no-data-avaliable"));
-        const loadObj = {
+        setIsLoading({ isLoad: false });
-          isLoad: false
+      }
-        };
+      const res = await contractUsers();
-        setIsLoading(loadObj);
+      if (res[0] && res.length) {
        setSignerUserId(res[0].objectId);
        setCurrentEmail(res[0].Email);
        const tourstatus = res[0].TourStatus && res[0].TourStatus;
        if (tourstatus && tourstatus.length > 0) {
          setTourStatus(tourstatus);
          const checkTourRecipients = tourstatus.filter(
            (data) => data.templateTour
          );
          if (checkTourRecipients && checkTourRecipients.length > 0) {
            setCheckTourStatus(checkTourRecipients[0].templateTour);
          }
        }
        setIsLoading({ isLoad: false });
      } else if (res === "Error: Something went wrong!") {
        setHandleError(t("something-went-wrong-mssg"));
        setIsLoading({ isLoad: false });
      } else if (res.length === 0) {
        setHandleError(t("no-data-avaliable"));
        setIsLoading({ isLoad: false });
      }
    } catch (err) {
      console.log("err ", err);
@@ -323,37 +345,6 @@ const TemplatePlaceholder = () => {
        setHandleError(t("something-went-wrong-mssg"));
      }
    }
    const res = await contractUsers();
    if (res[0] && res.length) {
      setSignerUserId(res[0].objectId);
      setCurrentEmail(res[0].Email);
      const tourstatus = res[0].TourStatus && res[0].TourStatus;
      if (tourstatus && tourstatus.length > 0) {
        setTourStatus(tourstatus);
        const checkTourRecipients = tourstatus.filter(
          (data) => data.templateTour
        );
        if (checkTourRecipients && checkTourRecipients.length > 0) {
          setCheckTourStatus(checkTourRecipients[0].templateTour);
        }
      }
      const loadObj = {
        isLoad: false
      };
      setIsLoading(loadObj);
    } else if (res === "Error: Something went wrong!") {
      const loadObj = {
        isLoad: false
      };
      setHandleError(t("something-went-wrong-mssg"));
      setIsLoading(loadObj);
    } else if (res.length === 0) {
      setHandleError(t("no-data-avaliable"));
      const loadObj = {
        isLoad: false
      };
      setIsLoading(loadObj);
    }
  };
  //function for setting position after drop signature button over pdf
@@ -378,8 +369,10 @@ const TemplatePlaceholder = () => {
        );
        const key = randomId();
        const dragTypeValue = item?.text ? item.text : monitor.type;
-        const widgetWidth = defaultWidthHeight(dragTypeValue).width;
+        const widgetWidth =
-        const widgetHeight = defaultWidthHeight(dragTypeValue).height;
+          defaultWidthHeight(dragTypeValue).width * containerScale;
        const widgetHeight =
          defaultWidthHeight(dragTypeValue).height * containerScale;
        let dropData = [],
          currentPagePosition;
        let placeHolder;
@@ -401,10 +394,7 @@ const TemplatePlaceholder = () => {
            Height: widgetHeight / (containerScale * scale)
          };
          dropData.push(dropObj);
-          placeHolder = {
+          placeHolder = { pageNumber: pageNumber, pos: dropData };
            pageNumber: pageNumber,
            pos: dropData
          };
        } else {
          const offset = monitor.getClientOffset();
          //adding and updating drop position in array when user drop signature button in div
@@ -435,10 +425,7 @@ const TemplatePlaceholder = () => {
          };
          dropData.push(dropObj);
-          placeHolder = {
+          placeHolder = { pageNumber: pageNumber, pos: dropData };
            pageNumber: pageNumber,
            pos: dropData
          };
        }
        let filterSignerPos = signerPos.find((data) => data.Id === uniqueId);
        const getPlaceHolder = filterSignerPos?.placeHolder;
@@ -455,10 +442,7 @@ const TemplatePlaceholder = () => {
          );
          const getPos = currentPagePosition?.pos;
          const newSignPos = getPos.concat(dropData);
-          let xyPos = {
+          let xyPos = { pageNumber: pageNumber, pos: newSignPos };
            pageNumber: pageNumber,
            pos: newSignPos
          };
          updatePlace.push(xyPos);
          const updatesignerPos = signerPos.map((x) =>
            x.Id === uniqueId ? { ...x, placeHolder: updatePlace } : x
@@ -494,7 +478,6 @@ const TemplatePlaceholder = () => {
        setWidgetType(dragTypeValue);
        setSignKey(key);
        setSelectWidgetId(key);
        setIsMailSend(false);
      } else {
        setIsReceipent(false);
@@ -507,7 +490,7 @@ const TemplatePlaceholder = () => {
  const tourAddRole = [
    {
      selector: '[data-tut="reactourAddbtn"]',
-      content: "You need to add a role before you can add fields for it. ",
+      content: t("add-user-template"),
      position: "top",
      style: { fontSize: "13px" }
    }
@@ -593,9 +576,7 @@ const TemplatePlaceholder = () => {
      }
    }
    setIsMailSend(false);
-    setTimeout(() => {
+    setTimeout(() => setIsDragging(false), 200);
      setIsDragging(false);
    }, 200);
  };
  //function for delete signature block
  const handleDeleteSign = (key, Id) => {
@@ -711,7 +692,7 @@ const TemplatePlaceholder = () => {
    }, 2000);
    return () => clearTimeout(timer);
    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [signerPos]);
+  }, [signerPos, signatureType]);
  // `autosavedetails` is used to save template details after every 2 sec when changes are happern in placeholder like drag-drop widgets, remove signers
  const autosavedetails = async () => {
@@ -733,6 +714,7 @@ const TemplatePlaceholder = () => {
      templateCls.id = templateId;
      templateCls.set("Placeholders", signerPos);
      templateCls.set("Signers", signers);
      templateCls.set("SignatureType", signatureType);
      await templateCls.save();
    } catch (err) {
      console.log("error in autosave template", err);
@@ -741,8 +723,7 @@ const TemplatePlaceholder = () => {
  const handleSaveTemplate = async () => {
    if (signersdata?.length) {
-      const loadObj = { isLoad: true, message: t("loading-mssg") };
+      setIsLoading({ isLoad: true, message: t("loading-mssg") });
      setIsLoading(loadObj);
      setIsSendAlert(false);
      let signers = [];
      if (signersdata?.length > 0) {
@@ -779,7 +760,14 @@ const TemplatePlaceholder = () => {
          AutomaticReminders: pdfDetails[0]?.AutomaticReminders,
          RemindOnceInEvery: parseInt(pdfDetails[0]?.RemindOnceInEvery),
          NextReminderDate: pdfDetails[0]?.NextReminderDate,
-          URL: pdfUrl
+          IsEnableOTP: pdfDetails[0]?.IsEnableOTP === true ? true : false,
          IsTourEnabled: pdfDetails[0]?.IsTourEnabled === true ? true : false,
          URL: pdfUrl,
          SignatureType: signatureType,
          NotifyOnSignatures:
            pdfDetails[0]?.NotifyOnSignatures !== undefined
              ? pdfDetails[0]?.NotifyOnSignatures
              : false
        };
        const updateTemplate = new Parse.Object("contracts_Template");
        updateTemplate.id = templateId;
@@ -888,9 +876,7 @@ const TemplatePlaceholder = () => {
          `${localStorage.getItem(
            "baseUrl"
          )}classes/contracts_Users/${signerUserId}`,
-          {
+          { TourStatus: updatedTourStatus },
            TourStatus: updatedTourStatus
          },
          {
            headers: {
              "Content-Type": "application/json",
@@ -1133,7 +1119,7 @@ const TemplatePlaceholder = () => {
                    isReadOnly: isReadOnly || false,
                    isHideLabel: isHideLabel || false,
                    fontSize:
-                      fontSize || currWidgetsDetails?.options?.fontSize || "12",
+                      fontSize || currWidgetsDetails?.options?.fontSize || 12,
                    fontColor:
                      fontColor ||
                      currWidgetsDetails?.options?.fontColor ||
@@ -1171,7 +1157,7 @@ const TemplatePlaceholder = () => {
                    defaultValue: defaultValue,
                    isHideLabel: isHideLabel || false,
                    fontSize:
-                      fontSize || currWidgetsDetails?.options?.fontSize || "12",
+                      fontSize || currWidgetsDetails?.options?.fontSize || 12,
                    fontColor:
                      fontColor ||
                      currWidgetsDetails?.options?.fontColor ||
@@ -1189,7 +1175,7 @@ const TemplatePlaceholder = () => {
                  values: dropdownOptions,
                  defaultValue: defaultValue,
                  fontSize:
-                    fontSize || currWidgetsDetails?.options?.fontSize || "12",
+                    fontSize || currWidgetsDetails?.options?.fontSize || 12,
                  fontColor:
                    fontColor ||
                    currWidgetsDetails?.options?.fontColor ||
@@ -1224,7 +1210,15 @@ const TemplatePlaceholder = () => {
    setFontColor();
  };
-  const handleWidgetdefaultdata = (defaultdata) => {
+  const handleWidgetdefaultdata = (defaultdata, isSignWidget) => {
    if (isSignWidget) {
      const updatedPdfDetails = [...pdfDetails];
      const signtypes = defaultdata.signatureType || signatureType;
      updatedPdfDetails[0].SignatureType = signtypes;
      // Update the SignatureType with the modified array
      setPdfDetails(updatedPdfDetails);
      setSignatureType(signtypes);
    }
    const options = ["email", "number", "text"];
    let inputype;
    if (defaultdata.textvalidate) {
@@ -1264,7 +1258,7 @@ const TemplatePlaceholder = () => {
                        }
                      : {},
                  fontSize:
-                    fontSize || currWidgetsDetails?.options?.fontSize || "12",
+                    fontSize || currWidgetsDetails?.options?.fontSize || 12,
                  fontColor:
                    fontColor ||
                    currWidgetsDetails?.options?.fontColor ||
@@ -1280,7 +1274,7 @@ const TemplatePlaceholder = () => {
                  status: defaultdata.status,
                  defaultValue: defaultdata.defaultValue,
                  fontSize:
-                    fontSize || currWidgetsDetails?.options?.fontSize || "12",
+                    fontSize || currWidgetsDetails?.options?.fontSize || 12,
                  fontColor:
                    fontColor ||
                    currWidgetsDetails?.options?.fontColor ||
@@ -1597,6 +1591,7 @@ const TemplatePlaceholder = () => {
                        setFontSize={setFontSize}
                        fontColor={fontColor}
                        setFontColor={setFontColor}
                        isResize={isResize}
                      />
                    )}
                  </div>
@@ -1719,6 +1714,7 @@ const TemplatePlaceholder = () => {
          />
        </ModalUi>
        <WidgetNameModal
          signatureType={signatureType}
          widgetName={widgetName}
          defaultdata={currWidgetsDetails}
          isOpen={isNameModal}
@@ -5,6 +5,7 @@ import { NavLink, useNavigate } from "react-router-dom";
 import Alert from "../primitives/Alert";
 import Title from "../components/Title";
 import { useTranslation } from "react-i18next";
 import { emailRegex } from "../constant/const";
 const UpdateExistUserAdmin = () => {
  const { t } = useTranslation();
  const navigate = useNavigate();
@@ -15,6 +16,7 @@ const UpdateExistUserAdmin = () => {
  const [isAlert, setIsAlert] = useState({ type: "danger", msg: "" });
  useEffect(() => {
    checkIsAdminExist();
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
  const checkIsAdminExist = async () => {
@@ -22,7 +24,7 @@ const UpdateExistUserAdmin = () => {
      const isAdminExist = await Parse.Cloud.run("checkadminexist");
      if (isAdminExist !== "not_exist") {
        // console.log("isAdminExist ", isAdminExist);
-        setErrMsg("Admin already exists.");
+        setErrMsg(t("admin-exists"));
      }
    } catch (err) {
      console.log("Err in checkadminexist", err);
@@ -34,33 +36,37 @@ const UpdateExistUserAdmin = () => {
  const handleSubmit = async (e) => {
    e.preventDefault();
    e.stopPropagation();
-    setIsSubmitLoading(true);
+    if (!emailRegex.test(formdata.email)) {
-    try {
+      alert("Please enter a valid email address.");
-      const updateUserAsAdmin = await Parse.Cloud.run(
+    } else {
-        "updateuserasadmin",
+      setIsSubmitLoading(true);
-        formdata
+      try {
-      );
+        const updateUserAsAdmin = await Parse.Cloud.run(
-      // console.log("updateUserAsAdmin ", updateUserAsAdmin);
+          "updateuserasadmin",
-      if (updateUserAsAdmin === "admin_created") {
+          formdata
-        setIsAlert({ type: "success", msg: t("admin-created") });
+        );
-        navigate("/");
+        // console.log("updateUserAsAdmin ", updateUserAsAdmin);
        if (updateUserAsAdmin === "admin_created") {
          setIsAlert({ type: "success", msg: t("admin-created") });
          navigate("/");
        }
      } catch (err) {
        console.log("err in updateuserasadmin", err.code);
        if (err.code === 404) {
          setIsAlert((prev) => ({ ...prev, msg: t("invalid-masterkey") }));
        } else if (err.code === 101) {
          setIsAlert((prev) => ({ ...prev, msg: t("user-not-found") }));
        } else if (err.code === 137) {
          setIsAlert((prev) => ({ ...prev, msg: t("admin-exists") }));
        } else {
          setErrMsg(t("something-went-wrong-mssg"));
        }
      } finally {
        setIsSubmitLoading(false);
        setTimeout(() => {
          setIsAlert(() => ({ type: "danger", msg: "" }));
        }, 2000);
      }
    } catch (err) {
      console.log("err in updateuserasadmin", err.code);
      if (err.code === 404) {
        setIsAlert((prev) => ({ ...prev, msg: t("invalid-masterkey") }));
      } else if (err.code === 101) {
        setIsAlert((prev) => ({ ...prev, msg: t("user-not-found") }));
      } else if (err.code === 137) {
        setIsAlert((prev) => ({ ...prev, msg: t("admin-already-exist") }));
      } else {
        setErrMsg(t("something-went-wrong-mssg"));
      }
    } finally {
      setIsSubmitLoading(false);
      setTimeout(() => {
        setIsAlert(() => ({ type: "danger", msg: "" }));
      }, 2000);
    }
  };
  return (
@@ -596,7 +596,7 @@ function UserProfile() {
                              className="op-btn op-btn-primary op-btn-outline op-btn-xs md:op-btn-sm"
                              onClick={() => copytoclipboard()}
                            >
-                              <i className="fa-light fa-link"></i>{" "}
+                              <i className="fa-light fa-copy" />
                            </button>
                          </div>
                        </div>
@@ -611,7 +611,7 @@ function UserProfile() {
                    <div className="flex flex-row md:items-center gap-1">
                      {editmode || !extendUser?.[0]?.Tagline ? (
                        <input
-                          maxLength={40}
+                          maxLength={100}
                          onChange={handleOnchangeTagLine}
                          value={tagLine}
                          disabled={!editmode}
@@ -1,7 +1,9 @@
 import React, { useState, useEffect } from "react";
 import Parse from "parse";
 import Loader from "./Loader";
 import { useTranslation } from "react-i18next";
 import axios from "axios";
 import { getTenantDetails } from "../constant/Utils";
 import { emailRegex } from "../constant/const";
 const AddContact = (props) => {
  const { t } = useTranslation();
  const [name, setName] = useState("");
@@ -12,6 +14,7 @@ const AddContact = (props) => {
  const [isUserExist, setIsUserExist] = useState(false);
  useEffect(() => {
    checkUserExist();
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
  // Load user details from localStorage when the component mounts
  useEffect(() => {
@@ -26,127 +29,61 @@ const AddContact = (props) => {
  }, [addYourself]);
  const checkUserExist = async () => {
    const user = Parse.User.current();
    try {
-      const query = new Parse.Query("contracts_Contactbook");
+      const baseURL = localStorage.getItem("baseUrl");
-      query.equalTo("CreatedBy", user);
+      const url = `${baseURL}functions/isuserincontactbook`;
-      query.notEqualTo("IsDeleted", true);
+      const token = props?.jwttoken
-      query.equalTo("Email", user.getEmail());
+        ? { jwttoken: props?.jwttoken }
-      const res = await query.first();
+        : { "X-Parse-Session-Token": localStorage.getItem("accesstoken") };
-      // console.log(res);
+      const headers = {
-      if (!res) {
+        "Content-Type": "application/json",
        "X-Parse-Application-Id": localStorage.getItem("parseAppId"),
        ...token
      };
      const axiosRes = await axios.post(url, {}, { headers });
      const contactRes = axiosRes?.data?.result || {};
      if (!contactRes?.objectId) {
        setIsUserExist(true);
      }
    } catch (err) {
-      console.log("err", err);
+      console.log("err ", err);
    }
  };
  // Define a function to handle form submission
  const handleSubmit = async (e) => {
    e.preventDefault();
    e.stopPropagation();
-    setIsLoader(true);
+    if (!emailRegex.test(email)) {
-    if (localStorage.getItem("TenantId")) {
+      alert("Please enter a valid email address.");
-      try {
+    } else {
-        const user = Parse.User.current();
+      setIsLoader(true);
-        const query = new Parse.Query("contracts_Contactbook");
+      const user = JSON.parse(
-        query.equalTo("CreatedBy", user);
+        localStorage.getItem(
-        query.notEqualTo("IsDeleted", true);
+          `Parse/${localStorage.getItem("parseAppId")}/currentUser`
-        query.equalTo("Email", email);
+        )
-        const res = await query.first();
+      );
-        if (!res) {
+      const userId = user?.objectId || "";
-          const contactQuery = new Parse.Object("contracts_Contactbook");
+      const tenantDetails = await getTenantDetails(userId, props.jwttoken);
-          contactQuery.set("Name", name);
+      const tenantId = tenantDetails?.objectId || "";
-          if (phone) {
+      if (tenantId) {
-            contactQuery.set("Phone", phone);
+        try {
-          }
+          const baseURL = localStorage.getItem("baseUrl");
-          contactQuery.set("Email", email);
+          const url = `${baseURL}functions/savecontact`;
-          contactQuery.set("UserRole", "contracts_Guest");
+          const token = props?.jwttoken
-
+            ? { jwttoken: props?.jwttoken }
-          if (localStorage.getItem("TenantId")) {
+            : { "X-Parse-Session-Token": localStorage.getItem("accesstoken") };
-            contactQuery.set("TenantId", {
+          const data = { name, email, phone, tenantId };
-              __type: "Pointer",
+          const headers = {
-              className: "partners_Tenant",
+            "Content-Type": "application/json",
-              objectId: localStorage.getItem("TenantId")
+            "X-Parse-Application-Id": localStorage.getItem("parseAppId"),
-            });
+            ...token
-          }
+          };
-
+          const axiosRes = await axios.post(url, data, { headers });
-          try {
+          const contactRes = axiosRes?.data?.result || {};
-            const _users = Parse.Object.extend("User");
+          if (contactRes?.objectId) {
-            const _user = new _users();
+            props.details(contactRes);
-            _user.set("name", name);
+            if (props.closePopup) {
-            _user.set("username", email);
+              props.closePopup();
            _user.set("email", email);
            _user.set("password", email);
            if (phone) {
              _user.set("phone", phone);
            }
            const user = await _user.save();
            if (user) {
              const currentUser = Parse.User.current();
              contactQuery.set(
                "CreatedBy",
                Parse.User.createWithoutData(currentUser.id)
              );
              contactQuery.set("UserId", user);
              const acl = new Parse.ACL();
              acl.setPublicReadAccess(true);
              acl.setPublicWriteAccess(true);
              acl.setReadAccess(currentUser.id, true);
              acl.setWriteAccess(currentUser.id, true);
              contactQuery.setACL(acl);
              const res = await contactQuery.save();
              const parseData = JSON.parse(JSON.stringify(res));
              props.details(parseData);
              if (props.closePopup) {
                props.closePopup();
              }
              setIsLoader(false);
              // Reset the form fields
              setAddYourself(false);
              setName("");
              setPhone("");
              setEmail("");
            }
          } catch (err) {
            console.log("err ", err);
            if (err.code === 202) {
              const params = { email: email };
              const userRes = await Parse.Cloud.run("getUserId", params);
              const currentUser = Parse.User.current();
              contactQuery.set(
                "CreatedBy",
                Parse.User.createWithoutData(currentUser.id)
              );
              contactQuery.set("UserId", {
                __type: "Pointer",
                className: "_User",
                objectId: userRes.id
              });
              const acl = new Parse.ACL();
              acl.setPublicReadAccess(true);
              acl.setPublicWriteAccess(true);
              acl.setReadAccess(currentUser.id, true);
              acl.setWriteAccess(currentUser.id, true);
              contactQuery.setACL(acl);
              const res = await contactQuery.save();
              const parseData = JSON.parse(JSON.stringify(res));
              if (props.details) {
                props.details(parseData);
              }
              if (props.closePopup) {
                props.closePopup();
              }
              setIsLoader(false);
              // Reset the form fields
              setAddYourself(false);
@@ -155,18 +92,19 @@ const AddContact = (props) => {
              setEmail("");
            }
          }
-        } else {
+        } catch (err) {
-          alert(t("add-signer-alert"));
+          console.log("Err", err);
          setIsLoader(false);
          if (err?.response?.data?.error?.includes("already exists")) {
            alert(t("add-signer-alert"));
          } else {
            alert(t("something-went-wrong-mssg"));
          }
        }
-      } catch (err) {
+      } else {
        // console.log("err", err);
        setIsLoader(false);
        alert(t("something-went-wrong-mssg"));
      }
    } else {
      setIsLoader(false);
      alert(t("something-went-wrong-mssg"));
    }
  };
@@ -259,6 +197,7 @@ const AddContact = (props) => {
              onChange={(e) => setPhone(e.target.value)}
              disabled={addYourself}
              className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs"
              placeholder={t("phone-optional")}
            />
          </div>
@@ -25,8 +25,8 @@ const Alert = ({ children, type, className }) => {
            : "z-[1000] fixed top-20 left-1/2 transform -translate-x-1/2 text-sm"
        }  `}
      >
-        <div className={`op-alert ${textcolor}`}>
+        <div className={`op-alert ${textcolor} flex justify-center`}>
-          <span className="ml-3">{children}</span>
+          <span className="px-1">{children}</span>
        </div>
      </div>
    )
@@ -0,0 +1,138 @@
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import ModalUi from "./ModalUi";
 import {
  getSignedUrl,
  handleDownloadCertificate,
  handleDownloadPdf,
  sanitizeFileName
 } from "../constant/Utils";
 import Loader from "./Loader";
 import JSZip from "jszip";
 import { saveAs } from "file-saver";
 function DownloadPdfZip(props) {
  const { t } = useTranslation();
  const [selectType, setSelectType] = useState(1);
  const [isDownloading, setIsDownloading] = useState(false);
  const downloadType = [
    { id: 1, label: t("download-pdf") },
    { id: 2, label: t("pdf-certificate") }
  ];
  const handleDownload = async () => {
    if (selectType === 1) {
      await handleDownloadPdf(props.pdfDetails, setIsDownloading);
      setSelectType(1);
      props.setIsDownloadModal(false);
    } else if (selectType === 2) {
      setIsDownloading("pdf");
      const zip = new JSZip();
      const pdfDetails = props.pdfDetails;
      const pdfName = pdfDetails?.[0]?.Name || "Document";
      const pdfUrl = pdfDetails?.[0]?.SignedUrl || "";
      try {
        // Fetch the first PDF (Signed Document)
        const docId = pdfDetails?.[0]?.objectId || "";
        const fileAdapterId = pdfDetails?.[0]?.FileAdapterId
          ? pdfDetails?.[0]?.FileAdapterId
          : "";
        console.log("pdfDetails?.[0] ", pdfDetails?.[0]);
        const signedUrl = await getSignedUrl(pdfUrl, docId, fileAdapterId);
        console.log("signedUrl ", signedUrl);
        const pdf1Response = await fetch(signedUrl);
        if (!pdf1Response.ok) {
          throw new Error(`Failed to fetch PDF: ${signedUrl}`);
        }
        const pdf1Blob = await pdf1Response.blob();
        const isZip = true;
        // Fetch the Certificate (or generate its URL dynamically)
        const certificateUrl = await handleDownloadCertificate(
          pdfDetails,
          setIsDownloading,
          isZip
        );
        const pdf2Response = await fetch(certificateUrl);
        if (!pdf2Response.ok) {
          throw new Error(`Failed to fetch certificate PDF: ${certificateUrl}`);
        }
        const pdf2Blob = await pdf2Response.blob();
        // Add files to ZIP
        zip.file(
          `${sanitizeFileName(pdfName)}_signed_by_OpenSign™.pdf`,
          pdf1Blob
        );
        zip.file("Certificate_signed_by_OpenSign™.pdf", pdf2Blob);
        // Generate the ZIP and trigger download
        const zipBlob = await zip.generateAsync({ type: "blob" });
        saveAs(
          zipBlob,
          `${sanitizeFileName(pdfName)}_signed_by_OpenSign™.zip`
        );
        setSelectType(1);
        props.setIsDownloadModal(false);
        setIsDownloading("");
      } catch (error) {
        console.error("Error creating ZIP file:", error);
      }
    }
  };
  return (
    <ModalUi
      isOpen={props.isDownloadModal}
      title={t("download-files")}
      handleClose={() => props.setIsDownloadModal(false)}
    >
      <div className="p-[20px] h-full">
        {downloadType.map((data, ind) => {
          return (
            <label
              key={ind}
              className="flex items-center gap-1 mb-2 cursor-pointer"
            >
              <input
                className="mr-[8px] op-radio op-radio-xs"
                type="radio"
                value={data.id}
                onChange={() => setSelectType(data.id)}
                checked={selectType === data.id}
              />
              {data.label}
            </label>
          );
        })}
        <div className="h-[1px] w-full my-[15px] bg-[#9f9f9f]"></div>
        <button
          onClick={() => handleDownload()}
          type="submit"
          className="op-btn op-btn-primary"
        >
          {t("download")}
        </button>
      </div>
      {isDownloading === "pdf" && (
        <div className="fixed z-[200] inset-0 flex justify-center items-center bg-black bg-opacity-30">
          <Loader />
        </div>
      )}
      <ModalUi
        isOpen={isDownloading === "certificate"}
        title={
          isDownloading === "certificate"
            ? t("generating-certificate")
            : t("pdf-download")
        }
        handleClose={() => setIsDownloading("")}
      >
        <div className="p-3 md:p-5 text-[13px] md:text-base text-center text-base-content">
          {isDownloading === "certificate"}{" "}
          <p>{t("generate-certificate-alert")}</p>
        </div>
      </ModalUi>
    </ModalUi>
  );
 }
 export default DownloadPdfZip;
@@ -19,11 +19,16 @@ const LinkUserModal = (props) => {
        details={props.handleAddUser}
        closePopup={props.closePopup}
        signersData={props?.signersData}
        jwttoken={props?.jwttoken}
      />
      <div className="op-divider text-base-content mx-[25%] my-1">
        {t("or")}
      </div>
-      <AddContact details={props.handleAddUser} closePopup={props.closePopup} />
+      <AddContact
        details={props.handleAddUser}
        closePopup={props.closePopup}
        jwttoken={props?.jwttoken}
      />
    </ModalUi>
  );
 };
@@ -5,6 +5,29 @@ import { useTranslation } from "react-i18next";
 function CustomModal(props) {
  const { t } = useTranslation();
  const [reason, setReason] = useState("");
  const [isExtendExpiry, setIsExtendExpiry] = useState(false);
  const [expiryDate, setExpiryDate] = useState("");
  const localuser = localStorage.getItem(
    `Parse/${localStorage.getItem("parseAppId")}/currentUser`
  );
  const currentUser = JSON.parse(localuser);
  const isCreator = props?.doc
    ? props?.doc?.CreatedBy?.objectId === currentUser?.objectId &&
      localStorage.getItem("_user_role") !== "Guest"
    : false;
  const handleExtendBtn = () => setIsExtendExpiry(!isExtendExpiry);
  const handleUpdateExpiry = async (e) => {
    e.preventDefault();
    e.stopPropagation();
    if (expiryDate) {
      props.handleExpiry && props.handleExpiry(expiryDate);
    } else {
      alert(t("expiry-date-error"));
    }
  };
  return (
    props.show && (
      <dialog className="op-modal op-modal-open absolute z-[448]">
@@ -12,17 +35,29 @@ function CustomModal(props) {
          <h3 className="text-base-content font-bold text-lg pt-[15px] px-[20px]">
            {props?.headMsg && props?.headMsg}
          </h3>
-          <div className="p-[10px] px-[20px]">
+          {!isExtendExpiry && (
-            <p className="text-[15px]">{props.bodyMssg && props.bodyMssg}</p>
+            <div className="p-[10px] px-[20px]">
-          </div>
+              <p className="text-[15px]">{props.bodyMssg && props.bodyMssg}</p>
-          {props.isDownloadBtn && (
+            </div>
-            <div className="flex justify-start w-full ml-[20px] mb-3 mt-1">
+          )}
-              <button
+          {!isExtendExpiry && (
-                className="op-btn op-btn-primary "
+            <div className="flex flex-row items-center">
-                onClick={() => props.handleDownloadBtn()}
+              {isCreator && (
-              >
+                <button
-                Download
+                  className="op-btn op-btn-primary px-6 ml-[20px] mb-3 mt-1"
-              </button>
+                  onClick={() => handleExtendBtn()}
                >
                  Extend
                </button>
              )}
              {props.isDownloadBtn && (
                <button
                  className="op-btn op-btn-primary ml-[10px] mb-3 mt-1"
                  onClick={() => props.handleDownloadBtn()}
                >
                  Download
                </button>
              )}
            </div>
          )}
          {props.footerMessage && (
@@ -41,8 +76,8 @@ function CustomModal(props) {
                  className="op-btn op-btn-primary mr-2 px-6"
                  type="button"
                  onClick={() => {
                    setReason("");
                    props.declineDoc(reason);
                    setReason("");
                  }}
                >
                  {t("yes")}
@@ -60,6 +95,34 @@ function CustomModal(props) {
              </div>
            </>
          )}
          {isExtendExpiry && (
            <form className="mx-3 mb-3" onSubmit={handleUpdateExpiry}>
              <label className="ml-2 mt-2">
                {t("expiry-date")} {"(dd-mm-yyyy)"}
              </label>
              <input
                type="date"
                className="rounded-full bg-base-300 w-full px-4 py-2 text-black border-2 hover:border-spacing-2"
                defaultValue={props?.doc?.ExpiryDate?.iso?.split("T")?.[0]}
                onChange={(e) => setExpiryDate(e.target.value)}
              />
              <div className="flex flex-row items-center mt-2">
                <button type="submit" className="op-btn op-btn-primary mr-2">
                  {t("update")}
                </button>
                <button
                  type="button"
                  className="op-btn op-btn-secondary"
                  onClick={() => {
                    setExpiryDate("");
                    setIsExtendExpiry(false);
                  }}
                >
                  {t("cancel")}
                </button>
              </div>
            </form>
          )}
        </div>
      </dialog>
    )
@@ -2,7 +2,7 @@ import React from "react";
 import { Trans, useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
-const QuotaCard = ({ isPaidInfo, handlClose }) => {
+const QuotaCard = ({ isPaidInfo, handlClose, emailResetDate }) => {
  const { t } = useTranslation();
  const navigate = useNavigate();
  return isPaidInfo ? (
@@ -17,6 +17,11 @@ const QuotaCard = ({ isPaidInfo, handlClose }) => {
        <div className="op-card-body">
          <h2 className="op-card-title">{t("quota-mail-info-head")}</h2>
          <p>{t("quota-mail-info")}</p>
          {emailResetDate && (
            <p>
              {t("quota-mail-reset")} {emailResetDate}
            </p>
          )}
          <p>
            <Trans i18nKey={"quota-mail-tip"}>
              Tip: You can still sign <strong>unlimited documents</strong> by
@@ -39,7 +44,17 @@ const QuotaCard = ({ isPaidInfo, handlClose }) => {
      <div className="op-card op-bg-primary text-primary-content w-full shadow-lg">
        <div className="op-card-body">
          <p>{t("quota-mail")}</p>
-          <p>{t("quota-mail-tip")}</p>
+          {emailResetDate && (
            <p>
              {t("quota-mail-reset")} {emailResetDate}
            </p>
          )}
          <div>
            <Trans i18nKey={"quota-mail-tip"}>
              Tip: You can still sign <strong>unlimited documents</strong> by
              manually sharing the signing request links.
            </Trans>
          </div>
          <div className="op-card-actions justify-end">
            <button
              onClick={() => navigate("/subscription")}
@@ -24,7 +24,7 @@ export default function TourContentWithBtn({ message, isChecked, video }) {
          ></iframe>
        </div>
      )}
-      <label className="flex items-center justify-center mb-0">
+      <label className="flex items-center justify-center mt-3 mb-0">
        <input
          type="checkbox"
          className="op-checkbox op-checkbox-xs mr-1"
@@ -11,28 +11,37 @@ import { isPublicStaging } from "../constant/const";
 pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.min.mjs`;
 // Wrapper component to manage props
-const PublicScriptFileWrapper = ({ initialProps }) => {
+const PublicScriptFileWrapper = () => {
-  const [props, setProps] = useState(initialProps);
+  const [props, setProps] = useState("");
  // Make the setProps function globally accessible
  useEffect(() => {
    // Assigns the function 'setProps' to the global 'window' object as 'updatePublicTemplateProps'.
    // This allows 'setProps' to be accessed and called globally across different scripts or components,
    // enabling dynamic updates to the public template's properties.
    window.updatePublicTemplateProps = setProps;
-
+    const publicScript = document.getElementById("opensign-script");
    // condition for using plan js load opensign-script then get templateId
    if (publicScript) {
      // Get the custom templateId attribute
      const templateId = publicScript.getAttribute("templateId");
      if (templateId) {
        setProps({ templateId: templateId });
      } else {
        const error = "error:  TemplateId is missing";
        throw new Error(error);
      }
    }
    return () => {
      window.updatePublicTemplateProps = undefined;
    };
  }, []);
  return <PdfRequestFiles {...props} />;
 };
 const appId = isPublicStaging ? "opensign" : "legadranaxn";
 //"opensign"
 const serverUrl = isPublicStaging
  ? "https://staging-app.opensignlabs.com/api/app"
  : "https://app.opensignlabs.com/api/app";
 //  "https://staging-app.opensignlabs.com/api/app"
 localStorage.setItem("baseUrl", `${serverUrl}/`);
 localStorage.setItem("parseAppId", appId);
@@ -58,7 +67,7 @@ const root = ReactDOM.createRoot(document.getElementById("script-component"));
 root.render(
  <div data-theme="opensigncss">
    <Provider store={store}>
-      <PublicScriptFileWrapper initialProps={{ text: "templateId" }} />
+      <PublicScriptFileWrapper />
    </Provider>
  </div>
 );
@@ -2,6 +2,7 @@ import i18n from "i18next";
 import { initReactI18next } from "react-i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
 import en from "./locales/en/translation.json";
 import es from "./locales/es/translation.json";
 import fr from "./locales/fr/translation.json";
 i18n
@@ -12,6 +13,9 @@ i18n
      en: {
        translation: en
      },
      es: {
        translation: es
      },
      fr: {
        translation: fr
      }
@@ -27,7 +31,7 @@ i18n
    interpolation: {
      escapeValue: false // React already does escaping
    },
-    whitelist: ["en", "fr"] // List of allowed languages
+    whitelist: ["en", "es", "fr"] // List of allowed languages
  });
 export default i18n;
@@ -1,5 +1,5 @@
 {
-  "header-news": "New feature: Public profiles are now live! Easily create and share public templates",
+  "header-news": "New feature: Teams plan users can now integrate their own AWS S3 buckets for file storage",
  "header-news-btn": "Setup Now",
  "create-account": "Create Account",
  "login": "Login",
@@ -41,7 +41,7 @@
  "upgrade-now": "Upgrade now",
  "upgrade-to": "Upgrade to",
  "plan": "Plan",
-  "subscribe-card-teamplan":"Unlock the full power of collaboration! Create unlimited organizations, teams, and hierarchies. Share templates seamlessly across teams and assign custom user roles. Elevate your workflow today!",
+  "subscribe-card-teamplan": "Unlock the full power of collaboration! Create unlimited organizations, teams, and hierarchies. Share templates seamlessly across teams and assign custom user roles. Elevate your workflow today!",
  "subscribe-card-plan": "Unlock premium features starting at just {{premiumPrice}}/month. Enjoy enhanced performance and only {{addonPrice}} per additional credit after your included premium credits.",
  "user-name-limit-char": "To have a username less than 8 character please subscribe",
  "tour-content": "Don't show this again",
@@ -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"
@@ -131,7 +132,10 @@
    "Share": "Share",
    "View": "View",
    "option": "Option",
-    "Embed": "Embed"
+    "Embed": "Embed",
    "Copy TemplateId": "Copy TemplateId",
    "Copy Public URL": "Copy Public URL",
    "extend-expiry-date": "Extend expiry date"
  },
  "report-heading": {
    "Sr.No": "Sr.No",
@@ -151,7 +155,9 @@
    "Name": "Name",
    "Status": "Status",
    "created-date": "Created Date",
-    "Type": "Type"
+    "Type": "Type",
    "Logs": "Logs",
    "Expiry-date": "Expiry Date"
  },
  "report-help": {
    "Draft Documents": "These are documents you have started but have not finalized for sending.",
@@ -262,9 +268,11 @@
  "make-template-public-alert": "Are you sure you want to make this template public?",
  "make-template-private-alert": "Are you sure you want to make this template private? This will remove it from your public profile.",
  "public-role": "Public role",
-  "public-url": "Public URL",
+  "public-url": "Public profile",
-  "public-url-copy-mssg": " Here’s your public URL: Copy it or share it with the signer, and you will be able to see all your publicly set templates.",
+  "embed-template": "Embed Template",
-  "add-public-url-alert": "Please add your public URL, and you will be able to make a public template.",
+  "public-url-copy": "Here’s your public URL: ",
  "public-url-copy-mssg": "Copy it or share it with the signer, and you will be able to see all your publicly set templates.",
  "add-public-url-alert": "Please complete your OpenSign public profile setup. Once done, you’ll be able to make templates public. This process only needs to be completed once.",
  "share-with-alert": "You cannot share a template if any roles already have contacts assigned. Please remove all contact assignments from the roles before sharing the template.",
  "share-with": "Share with",
  "team-not-found": "Team not found",
@@ -287,7 +295,7 @@
  "subject": "Subject",
  "body": "Body",
  "add-contact": "Add Contact",
-  "add-signer-alert": "Contact already exist!",
+  "add-signer-alert": "Contact already exist! Please select it from ‘Signers’ dropdown",
  "record-delete-alert": "Record deleted successfully!",
  "record-revoke-alert": "Record revoked successfully!",
  "mail-sent-alert": "Mail sent successfully.",
@@ -441,7 +449,8 @@
  "cutomize-email": "Cutomize Email",
  "upgrade-to-customize-email": "Upgrade to customize Email",
  "sign-url": "Sign url",
-  "Mails Sent": "Mails Sent",
+  "mails-sent": "Mails Sent",
  "mail-not-delivered": "Mail not delivered",
  "document-alert": "Document Alert",
  "owner-subscription-expired": "Owner's subscription has expired.",
  "subscription-expired": "Subscription Expired",
@@ -506,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.",
@@ -572,9 +581,10 @@
    "pdf-request-file-5": "You can click 'Auto Sign All' to automatically sign at all the locations meant to be signed by you. Make sure that you review the document properly before you click this button .",
    "placeholder-sign-1": "Select a recipient from this list to add a place-holder where he is supposed to sign.The placeholder will appear in the same colour as the recipient name once you drop it on the document.",
    "placeholder-sign-2": "Clicking 'Add recipients' button will allow you to add more signers.",
-    "placeholder-sign-3": "Drag or click on a field to add it to the document.",
+    "placeholder-sign-3": "Click this button to add more recipients/signers to the document.",
-    "placeholder-sign-4": "The PDF content area already displays the template's existing placeholders. For your convenience, these placeholders will match the color of the recipient's name, making them easily identifiable.",
+    "placeholder-sign-4": "Drag or click on a field to add it to the document.",
-    "placeholder-sign-5": "Clicking 'Send' will save the document. In the next step you can customize the emails to be sent out to the recipients or copy the signing links and share those with the recipients yourself.",
+    "placeholder-sign-5": "The PDF content area already displays the template's existing placeholders. For your convenience, these placeholders will match the color of the recipient's name, making them easily identifiable.",
    "placeholder-sign-6": "Clicking 'Send' will save the document. In the next step you can customize the emails to be sent out to the recipients or copy the signing links and share those with the recipients yourself.",
    "report-1": "Click the 'Add' button to create a new template. Templates are reusable documents designed to quickly generate new documents with the same structure and varying signers. For example, an HR template for onboarding could have predefined roles like ‘HR Manager’ and ‘New Employee’. Each time you use the template, you can assign the ‘New Employee’ role to different incoming staff members, while the ‘HR Manager’ role remains constant, facilitating a seamless onboarding process for each recruit. ",
    "redirect": "Click the 'Use' button to create a new document from an existing template.",
    "bulksend": "To quickly create and send multiple documents using an existing template, click the 'Quick Send' button.",
@@ -614,27 +624,90 @@
  "select-date-format": "Select a date format",
  "quantity-of-credits": "Quantity of premium credits",
  "remaining-credits": "Premium credits available:",
-  "remaining-credits-help":"Use premium credits for API document signing, bulk sending, or embedding OpenSign integration on your website. You have {{allowedcredits}} included credits and {{addoncredits}} additional purchased credits remaining.",
+  "remaining-credits-help": "Use premium credits for API document signing, bulk sending, or embedding OpenSign integration on your website. You have {{allowedcredits}} included credits and {{addoncredits}} additional purchased credits remaining.",
  "additional-credits": "Please purchase premium credits",
  "quota-err-quicksend": "Quota Reached, You don't have enough credits.",
  "buy-credits": "Buy Premium Credits",
-  "rotate-right":"Rotate right",
+  "rotate-right": "Rotate right",
-  "rotate-left":"Rotate left",
+  "rotate-left": "Rotate left",
-  "rotate-alert-mssg":"All widgets on this page will be lost. Are you sure you want to proceed?",
+  "rotate-alert-mssg": "All widgets on this page will be lost. Are you sure you want to proceed?",
-  "templateid":"Template-Id",
+  "templateid": "Template-Id",
-  "bulk-send-subcription-alert":"Please upgrade to Professional or Team plan to use bulk send.",
+  "bulk-send-subcription-alert": "Please upgrade to Professional or Team plan to use bulk send.",
-  "generate-test-token":"Generate Test Token",
+  "generate-test-token": "Generate Test Token",
-  "regenerate-test-token":"Regenerate Test Token",
+  "regenerate-test-token": "Regenerate Test Token",
-  "help-test-token":"This token can be used to test the APIs at the https://sandbox.opensignlabs.com/api/v1 endpoint, allowing you to conduct unlimited document signatures. Please note that the sandbox API will sign your documents with self-signed certificates, which may not be recognized as valid by Adobe. Once you’ve completed your testing, you can upgrade to one of our paid plans to generate a production token.",
+  "help-test-token": "This token can be used to test the APIs at the https://sandbox.opensignlabs.com/api/v1 endpoint, allowing you to conduct unlimited document signatures. Please note that the sandbox API will sign your documents with self-signed certificates, which may not be recognized as valid by Adobe. Once you’ve completed your testing, you can upgrade to one of our paid plans to generate a production token.",
-  "help-api-token":"This token can be used to access the production APIs at the {{origin}}/api/v1 endpoint. It can only be generated on one of our paid plans.",
+  "help-api-token": "This token can be used to access the production APIs at the {{origin}}/api/v1 endpoint. It can only be generated on one of our paid plans.",
-  "quota-mail-info-head":"Monthly request signatures email limit",
+  "reason": "Reason",
  "decline-by": "Declined/revoked by",
  "document-declined": "Document declined",
  "public-template-mssg-1": "To integrate OpenSign into your React or Next.js project, simply run the following command:",
  "public-template-mssg-2": "Ensure you have npm or yarn set up in your project. If you’re using Yarn, you can replace npm install with yarn add @opensign/react.",
  "public-template-mssg-3": "Need more details or examples?",
  "public-template-mssg-4": "Visit the",
  "public-template-mssg-5": " npm for the latest updates, detailed documentation, and version history.",
  "public-template-mssg-6": "Before you can use this code snippet, you must make this template public.",
  "copy-code": "COPY",
  "copied-code": "COPIED",
  "Installation": "Installation",
  "Usage": "Usage",
  "insufficient-credits": "Insufficient Signing Credits",
  "insufficient-credits-mssg": "The owner of this document currently lacks the necessary OpenSign credits for you to sign. Please reach out to the owner if you require further details.",
  "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-tip": "Tip: You can still sign <1>unlimited documents</1> by manually sharing the signing request links.",
-  "quota-mail-head":"Quota Reached",
+  "quota-mail-head": "Quota Reached",
-  "unauthorized-modal":"You don't have permission to perform this action, please contact {{adminEmail}}.",
+  "unauthorized-modal": "You don't have permission to perform this action, please contact {{adminEmail}}.",
-  "sent-this-month":"Sent this month",
+  "sent-this-month": "Sent this month",
-  "available-seats":"Available seats",
+  "available-seats": "Available seats",
-  "buy-users":"Buy more users"
+  "buy-users": "Buy more users",
-
+  "isenable-otp": "Enable OTP verification",
  "isenable-otp-help": {
    "p1": "Would you like to enable the verification process using a one-time password (OTP)?",
    "p2": "Selecting this option will enable OTP verification. Users will receive a verification code via email, which they must enter to sign the document.",
    "p3": "Selecting this option will disable OTP verification, allowing users to sign the document directly without additional steps.",
    "p4": "Please choose the option that best suits your document signing requirements."
  },
  "advanced-options": "Advanced options",
  "hide-advanced-options": "Hide Advanced options",
  "download-files": "Download files",
  "download-pdf": "Download Pdf",
  "pdf-certificate": "Download Pdf + Certificate",
  "document-logs": "Document logs",
  "server-down": "Unable to connect to the OpenSign server. If you are self-hosting OpenSign, please ensure that all the steps in the documentation have been followed correctly. If you're running OpenSign locally, you might be accessing it through an incorrect port number.",
  "admin-exists": "Admin already exists. Please login to the application using admin credentials in order to manage users.",
  "enable-tour": "Enable Tour",
  "istourenabled-help": {
    "p1": "This will enable a guided tour for signers, providing instructions during the signing process.",
    "p2": "This will disable the guided tour, ensuring a faster, uninterrupted signing experience.",
    "p3": "Tip: If your signers are familiar with OpenSign and frequently use it, you may want to disable the guided tour for a more seamless experience. Choose the option that best fits your document signing needs."
  },
  "form-title-1": "Document Flow Setting",
  "form-title-2": "Security Settings",
  "public-tour-message": "The template needs to be public before you can generate a shareable link.",
  "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 <support@opensignlabs.com>",
  "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.",
  "allowed-signature-types": "Allowed signature types",
  "at-least-one-signature-type": "At least one signature type should be enabled.",
  "expect-default-one-signature-type": "Please enable one additional signature type apart from the default.",
  "add-signer-note": "Note - This contact will be added to your contact list",
  "allowed-signature-types-help": {
    "p1": "This signature preference controls which signing options are available to your signers. Only the signature types you select will appear in the signature widget when a document is signed. For example, if you choose only the 'Draw' option in preferences, your signer will see only the 'Draw' option in the signature widget, while the other three options will not be available.",
    "l1": "Create a handwritten signature directly on the screen using your finger or a stylus.",
    "l2": "Enter your name and choose from various font styles to create a signature.",
    "l3": "Upload an existing digital version of your signature.",
    "l4": "Use a pre-set signature style saved under 'My Signature' in your settings."
  },
  "notify-on-signatures": "Notify on signatures",
  "notify-on-signatures-help": {
    "p1": "The document creator will receive an email notification whenever a signer signs the document.",
    "note": "Note: Notification email will not be sent for the last signer, as the document creator will receive a completion email instead."
  },
  "expiry-date":"Expiry date",
  "expiry-date-updated": "The expiry date has been successfully extended to {{newexpirydate}}",
  "expiry-date-error": "Please provide a new expiry date that is later than the current one"
 }
@@ -0,0 +1,713 @@
 {
  "header-news": "Nueva característica: los usuarios del plan Teams ahora pueden integrar sus propios depósitos de AWS S3 para el almacenamiento de archivos",
  "header-news-btn": "Configurar ahora",
  "create-account": "Crear cuenta",
  "login": "Iniciar sesión",
  "language": "Idioma",
  "name": "Nombre",
  "phone": "Teléfono",
  "phone-optional": "opcional",
  "email": "Correo",
  "company": "Compañía",
  "job-title": "Título del puesto",
  "profile": "Perfil",
  "log-out": "Cerrar sesión",
  "is-email-verified": "El correo está verificado",
  "public-profile": "Perfil público",
  "tagline": "Eslogan ",
  "has-requested-you-to-sign": "ha solicitado que firmes",
  "has-requested-you-to-review-and-sign": " ha solicitado que revises y firmes",
  "input-required": "Por favor, rellena este campo.",
  "sort-order": {
    "Ascending": "Ascendente",
    "Descending": "Descendente",
    "Name": "Nombre",
    "Date": "Fecha"
  },
  "context-menu": {
    "Download": "Descargar",
    "Rename": "Renombrar",
    "Move": "Mover",
    "Delete": "Eliminar"
  },
  "action": "Acción",
  "add": "Agregar",
  "add-new-folder": "Agregar nueva carpeta",
  "disable-documentId": "Desactivar ID de documento",
  "edit": "Editar",
  "change-password": "Cambiar contraseña",
  "save": "Guardar",
  "cancel": "Cancelar",
  "upgrade-now": "Mejorar ahora",
  "upgrade-to": "Mejorar a",
  "plan": "Plan",
  "subscribe-card-teamplan": "¡Libera todo el poder de la colaboración! Crea organizaciones, equipos y jerarquías ilimitadas. Comparte plantillas sin problemas entre equipos y asigna funciones de usuario personalizadas. ¡Mejora tu flujo de trabajo hoy mismo!",
  "subscribe-card-plan": "Desbloquea funciones premium desde solo {{premiumPrice}}/mes. Disfruta de un rendimiento mejorado y solo {{addonPrice}} por crédito adicional después de tus créditos premium incluidos.",
  "user-name-limit-char": "Para tener un nombre de usuario menor a 8 caracteres por favor suscríbete",
  "tour-content": "No mostrar esto otra vez",
  "pro": "PRO",
  "team": "EQUIPO",
  "user": "Usuario",
  "docs": "Documentación",
  "session-expired": "Tu sesión ha expirado.",
  "public-profile-help": "Esta es tu URL pública. Cópiala o compártela con el firmante, y podrás ver todas tus plantillas públicas.",
  "tagline-help": "Este eslogan aparecerá en tu perfil público de OpenSign, por ejem. https://opensign.me/alex",
  "welcome": "¡Bienvenido de nuevo!",
  "Login-to-your-account": "Ingresa a tu cuenta",
  "password": "Contraseña",
  "forgot-password": "¿Olvidaste la contraseña?",
  "loading": "Cargando...",
  "of": "de",
  "sign-SSO": "Ingresar con SSO",
  "login-page": "Página de inicio de sesión",
  "or": "O",
  "signup-page": "Página de registro",
  "password-length": "La contraseña debe tener 8 caracteres",
  "password-case": "La contraseña debe incluir mayúsculas, minúsculas y números",
  "password-special-char": " La contraseña debe incluir caracteres especiales",
  "agreee": "Estoy de acuerdo con los",
  "term": "Términos de Servicio",
  "subscribe-to-opensign": "Suscribirse al boletín de OpenSign",
  "register": "Registrarse",
  "sidebar": {
    "Dashboard": "Panel",
    "Sign yourself": "Firma tu mismo",
    "Request signatures": "Solicitar firmas",
    "Templates": "Plantillas",
    "Templates-Children": {
      "Create template": "Crear plantilla",
      "Manage templates": "Administrar plantillas"
    },
    "OpenSign™ Drive": "OpenSign™ Drive",
    "Reports": "Reportes",
    "Reports-Children": {
      "Need your sign": "Necesitan tu firma",
      "In Progress": "En progreso",
      "Completed": "Completado",
      "Drafts": "Borradores",
      "Declined": "Rechazados",
      "Expired": "Expirados",
      "Contactbook": "Agenda de contactos"
    },
    "Settings": "Ajustes",
    "Settings-Children": {
      "My Signature": "Mi firma",
      "API Token": "Token API",
      "Webhook": "Webhook",
      "Preferences": "Preferencias",
      "Teams": "Equipos",
      "Team-update-successfully": "Equipo actualizado correctamente.",
      "Users": "Usuarios"
    }
  },
  "dashboard-card": {
    "Need your Signature": "Necesitan tu firma",
    "Out for signatures": "En espera de ser firmados"
  },
  "report-name": {
    "Draft Documents": "Documentos borradores",
    "Need your sign": "Necesitan tu firma",
    "In-progress documents": "Documentos en progreso",
    "Completed Documents": "Documentos completados",
    "Declined Documents": "Documentos rechazados",
    "Expired Documents": "Documentos expirados",
    "Recently sent for signatures": "Recientemente enviados para ser firmados",
    "Recent signature requests": "Solicitudes de firma recientes",
    "Drafts": "Borradores",
    "Contactbook": "Agenda de contactos",
    "Templates": "Plantillas",
    "Teams": "Equipos",
    "Users": "Usuarios"
  },
  "btnLabel": {
    "sign": "firmar",
    "Sign": "FIRMAR",
    "Resend": "Reenviar",
    "Revoke": "Revocar",
    "Delete": "Eliminar",
    "Use": "Usar",
    "Quick send": "Envío rápido",
    "Edit": "Editar",
    "Share with team": "Compartir con el equipo",
    "Share": "Compartir",
    "View": "Ver",
    "option": "Opción",
    "Embed": "Incrustar",
    "Copy TemplateId": "Copiar ID de plantilla",
    "Copy Public URL": "Copiar URL pública",
    "Expiry-date": "Date d'expiration"
  },
  "report-heading": {
    "Sr.No": "Nº",
    "Title": "Título",
    "Email": "Correo",
    "Phone": "Teléfono",
    "File": "Archivo",
    "Owner": "Propietario",
    "Signers": "Firmantes",
    "Note": "Nota",
    "Folder": "Carpeta",
    "Reason": "Razón",
    "Parent Team": "Equipo padre",
    "Active": "Activo",
    "Role": "Rol",
    "Team": "Equipo",
    "Name": "Nombre",
    "Status": "Estado",
    "created-date": "Fecha de creación",
    "Type": "Tipo",
    "Logs": "Registros",
    "Expiry-date": "Date d'expiration"
  },
  "report-help": {
    "Draft Documents": "Estos son documentos que has iniciado pero no has finalizado para su envío.",
    "Need your sign": "Esta es una lista de documentos que esperan tu firma.",
    "In-progress documents": "Esta es una lista de documentos que has enviado a otras partes para su firma.",
    "Completed Documents": "Esta es una lista de documentos en los que todas las partes han firmado.",
    "Declined Documents": "Esta es una lista de documentos que han sido rechazados por uno de los firmantes.",
    "Expired Documents": "Esta es una lista de documentos que han alcanzado su fecha de caducidad.",
    "Contactbook": "Esta es una lista de contactos/firmantes añadidos por ti. Aparecerán como sugerencias cuando intentes añadir firmantes a un nuevo documento.",
    "Templates": "Esta es una lista de plantillas que están a tu disposición para crear documentos. Puedes hacer clic en el botón «usar» para crear un nuevo documento utilizando una plantilla, modifica el documento y añade firmantes en el siguiente paso."
  },
  "form-name": {
    "Sign Yourself": "Firmar",
    "Request Signatures": "Solicitar firmas",
    "New Template": "Nueva plantilla"
  },
  "file-type": "pdf, png, jpg, jpeg",
  "docx": "docx",
  "file-selected": "archivo seleccionado",
  "template-title": "Título de la plantilla",
  "document-title": "Título del documento",
  "description": "Descripción",
  "time-to-complete": "Plazo de finalización (días)",
  "send-in-order": "Enviar en orden",
  "send-in-order-help": {
    "p1": "Elige cómo quieres que se envíen las solicitudes de firma a los firmantes del documento:",
    "p2": "Seleccionando esta opción se enviará inicialmente la solicitud de firma al primer firmante. Una vez que el primer firmante complete su parte, el siguiente firmante en la secuencia recibirá la solicitud. Este proceso continúa hasta que todos los firmantes hayan firmado el documento. Este método garantiza que el documento se firme en un orden específico.",
    "p3": "Seleccionando esta opción se enviarán los enlaces para la firma a todos los firmantes simultáneamente. Cada firmante puede firmar el documento cuando le convenga, independientemente de si otros firmantes han completado sus firmas. Este método es más rápido, pero no impone ningún orden de firma entre los participantes.",
    "p4": "Selecciona la opción que mejor se adapte a las necesidades de tu tramitación de documentos."
  },
  "no": "No",
  "auto-reminder": "Recordatorio automático",
  "remind-once": " Recordar una vez cada (Días)",
  "next": "Siguiente",
  "select-folder": "Seleccionar carpeta",
  "OpenSign-drive": "OpenSign™ Drive",
  "drive-document-status": {
    "Completed": "Completado",
    "Declined": "Rechazado",
    "Draft": "Borrador",
    "Expired": "Expirado",
    "In Progress": "En progreso"
  },
  "select-folder-help": "Si no seleccionas una carpeta, tu documento firmado se guardará en la carpeta principal de OpenSign Drive.",
  "no-data": "No se encontraron datos",
  "save-here": "Guardar aquí",
  "back": "Atrás",
  "add-folder": "Añadir carpeta",
  "create-folder": "Crear carpeta",
  "parent-folder": "Carpeta superior",
  "create": "Crear",
  "signers": "Firmantes",
  "signers-help": "Empieza a escribir el nombre de un contacto para ver los firmantes sugeridos entre tus contactos guardados o añade otros nuevos. Organiza el orden de firma añadiendo firmantes en la secuencia deseada. Utiliza el botón «+» para añadir nuevos firmantes y la «X» para quitar todos. Cada firmante recibirá una solicitud por correo electrónico para que firme el documento según el orden indicado.",
  "add-signer": "Añadir firmante",
  "contact-not-found": "Contacto no encontrado",
  "add-yourself": "Añadirte a ti mismo",
  "submit": "Enviar",
  "reset": "Volver a empezar",
  "my-signature": "Mi firma",
  "signature": "Firma",
  "upload-image": " Subir imagen",
  "clear": "Limpiar",
  "upload-signature/Image": "Por favor, sube la firma/imagen",
  "initials": "Iniciales",
  "API": "API",
  "api-token": "Token API",
  "regenerate-token": "Regenerar token activo",
  "generate-token": "Generar token activo",
  "view-docs": "Ver documentación",
  "generate-token-alert": "¿En definitiva quieres regenerar el token? Esto expirará el token antiguo.",
  "yes": "Sí",
  "copied": "Copiado",
  "something-went-wrong-mssg": "Algo salió mal, por favor, intenta de nuevo más tarde.",
  "token-generated": "Token generado exitosamente.",
  "webhook": "Webhook",
  "update-webhook": "Actualizar webhook",
  "add-webhook": "Agregar webhook",
  "webhook-added": "Webhook agregado exitosamente.",
  "team-disabled": "Equipo deshabilitado",
  "Team enabled": "Equipo habilitado",
  "are-you-sure": "¿En definitiva quieres ",
  "disable": "deshabilitar",
  "enable": "habilitar",
  "this-team": " este equipo?",
  "edit-team": "Editar equipo",
  "name-of-team": "Nombre del equipo",
  "prev": "Anterior",
  "no-data-avaliable": "No hay datos disponibles",
  "add-team": "Agregar equipo",
  "page-not-found": "Página no encontrada",
  "users-from-teams": "usuarios de equipos",
  "user-status": "Estado del usuario",
  "activate": "activar",
  "deactivate": "desactivar",
  "this-user": " este usuario",
  "delete-user": "Eliminar usuario",
  "delete": "eliminar",
  "add-user": "Agregar usuario",
  "password-generateed": "La contraseña solo será generada una vez; asegúrate de copiarla.",
  "Team status": "Estado del equipo",
  "user-deactivated": "Usuario desactivado.",
  "user-activated": "Usuario activado.",
  "public": "Público",
  "download": "Descargar",
  "view": "Ver",
  "make-template-public": "Convertir la plantilla en pública",
  "make-template-private": "Convertir la plantilla en privada",
  "make-template-public-alert": "¿En definitiva quieres convertir esta plantilla en pública?",
  "make-template-private-alert": "¿En definitiva quieres convertir esta plantilla en privada? Esto lo removerá de tu perfil público.",
  "public-role": "Rol público",
  "public-url": "Perfil publico",
  "embed-template": "Insertar plantilla",
  "public-url-copy": "Aquí está tu URL pública: ",
  "public-url-copy-mssg": "Cópiala o compártela con el firmante y podrás ver todas tus plantillas públicas.",
  "add-public-url-alert": "Por favor, completa la configuración de tu perfil público OpenSign. Una vez terminado, podrás crear plantillas públicas. Este proceso solo necesita ser completado una vez.",
  "share-with-alert": "No puedes compartir una plantilla si alguno de los roles ya tiene contactos asignados. Elimina todas las asignaciones de contactos de los roles antes de compartir la plantilla.",
  "share-with": "Compartir con",
  "team-not-found": "Equipo no encontrado",
  "roles": "Roles",
  "delete-document": "Eliminar documento",
  "delete-document-alert": "¿En definitiva quieres eliminar este documento?",
  "quick-send": "Envío rápido",
  "add-new": "Agregar nuevo",
  "send": "Enviar",
  "quick-send-alert-1": "Todos los roles de este documento están actualmente vinculados a contactos. Para enviar rápidamente copias de esta plantilla a varios firmantes, por favor, asegúrate de que al menos un rol no esté vinculado a ningún contacto.",
  "quick-send-alert-2": "Por favor, asegúrate de que hay al menos un widget de firma añadido para cada destinatario.",
  "quick-send-alert-3": "Por favor, añade al menos un rol a esta plantilla para poder hacer un «envío rápido» de copias a varios firmantes.",
  "quick-send-alert-4": "El envío rápido ha alcanzado el límite.",
  "copy-link": "Copiar enlace",
  "copy": "Copiar",
  "revoke-document": "Revocar documento",
  "revoke-document-alert": "¿En definitiva quieres revocar este documento?",
  "resend-mail": "Reenviar correo",
  "resend-mail-help": "Puedes usar las siguientes variables que serán reemplazadas por sus valores reales:- {{document_title}}, {{sender_name}}, {{sender_mail}}, {{sender_phone}}, {{receiver_name}}, {{receiver_email}}, {{receiver_phone}}, {{expiry_date}}, {{company_name}}, {{signing_url}}.",
  "subject": "Asunto",
  "body": "Cuerpo",
  "add-contact": "Agregar contacto",
  "add-signer-alert": "¡El contacto ya existe! Selecciónelo en el menú desplegable 'Firmantes'",
  "record-delete-alert": "¡Entrada eliminada exitosamente!",
  "record-revoke-alert": "¡Entrada revocada exitosamente!",
  "mail-sent-alert": "Correo enviado exitosamente.",
  "document-sent-alert": "¡Documento enviado exitosamente!",
  "template-share-alert": "Plantilla compartida exitosamente.",
  "template-public-alert-1": "Has convertido exitosamente la plantilla en pública.",
  "template-public-alert-2": "Has convertido exitosamente la plantilla en privada.",
  "template-public-alert-3": "Tienes que seleccionar un rol para los firmantes públicos.",
  "template-public-alert-4": "Por favor, asegúrate de que has añadido al menos un widget de firma para cada firmante.",
  "template-public-alert-5": "Dado que esta plantilla tiene «enviar en orden» habilitado, el rol público debe estar posicionado arriba al inicio.",
  "template-public-alert-6": "Por favor, enlaza firmantes a todos los roles excepto al usuario de rol público.",
  "template-public-alert-7": "Por favor, asigna al menos un rol público para convertir está plantilla en pública.",
  "loader": " Esto podría llevar algún tiempo",
  "pages": "Páginas",
  "document-signed": "Documento firmado",
  "close": "Cerrar",
  "validation-alert": "Alerta de validación",
  "validate-alert-mssg": " Los datos ingresados no cumplen con los criterios establecidos por la expresión regular.",
  "otp-verification": "Verificación OTP",
  "enter-otp": "Ingresar OTP",
  "verify": "Verificar",
  "verify-email-1": "Verificar correo",
  "resend": "Reenviar",
  "contact-details": "Detalles del contacto",
  "verify-email": "¡Por favor, verifica tu correo!",
  "send-otp": " Enviar OTP",
  "otp-placeholder": "Ingresa el código de verificación enviado por correo",
  "loading-doc": "Cargando documento...",
  "widgets-name": {
    "signature": "firma",
    "stamp": "sello",
    "initials": "iniciales",
    "name": "nombre",
    "job title": "título del puesto",
    "company": "compañía",
    "date": "fecha",
    "text": "texto",
    "text input": "entrada de texto",
    "checkbox": "casilla",
    "dropdown": "desplegable",
    "radio button": "botón de radio",
    "image": "imagen",
    "email": "correo"
  },
  "fields": "Campos",
  "recipients": "Destinatarios",
  "please-add": "Por favor, agrega un",
  "signed-by": "Firmado por",
  "more": "más",
  "sent": "enviado",
  "print": "Imprimir",
  "certificate": "Certificado",
  "decline": "Rechazar",
  "finish": "Finalizar",
  "mail": "Correo",
  "sign-now": "Firmar ahora",
  "successfully-signed": "¡Firmado exitosamente!",
  "email-mssg": " Los destinatarios agregados aquí recibirán una copia del documento firmado.",
  "email-error-1": " por favor, proporciona una dirección de correo correcta",
  "email-error-2": "Solo puedes enviar hasta a 10 destinatarios a la vez.",
  "Email-verified-alert-1": "El correo está verificado.",
  "Email-verified-alert-2": "El correo ya ha sido verificado.",
  "upload-stamp-image": "Subir imagen del sello",
  "draw": "Dibujar",
  "type": "Escribir",
  "color-type": {
    "red": "rojo",
    "blue": "azul",
    "black": "negro",
    "yellow": "amarillo"
  },
  "my-initials": "Mis iniciales",
  "upload": "Subir",
  "initial-teb": "Iniciales",
  "signature-tab": "Firma",
  "your-signature": "Tu firma",
  "copy-title": "Copiar widget a",
  "contact-delete-alert": "¿En definitiva quieres eliminar este contacto?",
  "reset-password-alert-1": "El enlace para restablecer la contraseña ha sido enviado a tu correo electrónico",
  "reset-password-alert-2": "Por favor, configura un adaptador de correo ",
  "reset-password-alert-3": "Restablece tu contraseña",
  "faild-animation": "Error al cargar la animación",
  "apply": "Aplicar",
  "copy-type": {
    "All pages": "Todas las páginas",
    "All pages but last": "Todas las páginas menos la última",
    "All pages but first": "Todas las páginas menos la primera",
    "Next to current widget": "Junto al widget actual"
  },
  "options": "Opciones",
  "minimun-check": "Chequeo mínimo",
  "maximum-check": "Chequeo máximo",
  "default-value": "Valor por defecto",
  "select": "Seleccionar",
  "read-only": "Es de solo lectura",
  "hide-labels": "Esconder etiquetas",
  "checkbox": "Casilla",
  "alert": "Alerta",
  "zoom-in": "Acercar",
  "zoom-out": "Alejar",
  "document-signed-alert": "¡Felicitaciones! 🎉 ¡Este documento ha sido firmado por ti exitosamente!",
  "otp-sent-alert": "OTP enviado a tu correo",
  "fields-required": "Campos requeridos",
  "signature-widget-alert-1": "Por favor, asegúrate de que hay al menos un widget de firma agregado",
  "signature-widget-alert-2": "Por favor, asegúrate de que todos los campos están correctamente rellenados y de que cumplen todos los requisitos.",
  "encrypted-pdf-alert": "Actualmente los archivos PDF encriptados no están soportados.",
  "encrypted-pdf-alert-1": "La contraseña del archivo PFX es inválida.",
  "user-not-exist": "El usuario no existe",
  "template-signature-field": "Por favor, agrega al menos un campo de firma para todos los roles.",
  "template-role-alert": "Por favor, primero agrega roles",
  "create-document": "Crear documento",
  "template-created-alert": "¿Quieres crear un documento usando la plantilla que acabas de crear?",
  "signers-alert": "alerta de firmantes",
  "template-creation-alert-1": "¡Por favor, selecciona un firmante para agregar un marcador de posición!",
  "ok": "OK",
  "radio-group": "Grupo de radio",
  "dropdown-options": "Opciones del desplegable",
  "add-role": "Agregar rol",
  "role-ex": " por ejem.: Cliente, RRHH, Director, Administrador, Estudiante, etc.",
  "add/choose-signer": "Agregar/Elegir firmante",
  "choose-from-contacts": "Elegir desde los contactos",
  "select-signer": " Por favor, selecciona el firmante",
  "edit-template": "Editar plantilla",
  "widget-info": "Información del widget",
  "validation": "Validación",
  "invalid-default-value": "valor por defecto inválido",
  "hint": "Pista",
  "color": "color",
  "role-help": {
    "p1": "¿Qué son los roles de una plantilla?",
    "p2": "Empieza por especificar cada uno de los roles necesarios para completar el documento. Piensa en las partes implicadas en el proceso de firma y cuáles son sus responsabilidades. Los roles más habituales son RRHH para los documentos internos, Cliente para los contratos o Proveedor para los convenios comerciales.",
    "p3": "¿Por qué preasignar usuarios a algunos roles?",
    "p4": "Para los roles que consistentemente involucran al mismo individuo (por ejem., la firma del Gerente en las ofertas de empleo), puedes preasignar un usuario a un rol dentro de una plantilla. Este paso es opcional pero recomendado para la eficiencia y consistencia entre documentos",
    "p5": "¿Cuando especifico el usuario asignado a cada rol?",
    "p6": "Cuando crees un documento usando tu plantilla, se te pedirá que asignes usuarios a cada rol definido. Si un rol ya tiene un usuario asignado, este será rellenado con anticipación, pero puedes modificarlo según lo necesites antes de enviar el documento."
  },
  "add-recipients": "Agregar destinatarios",
  "loading-mssg": "Esto podría llevar algún tiempo",
  "send-mail": "Enviar correo",
  "placeholder-alert-1": "Por favor, asegúrate de que hay al menos un widget de firma para cada destinatario.",
  "placeholder-alert-2": "Por favor, confirma que hayas rellenado el campo de texto.",
  "placeholder-alert-3": " ¿En definitiva quieres enviar este documento para ser firmado?",
  "placeholder-alert-4": "¡Has enviado exitosamente correos a todos los destinatarios!",
  "placeholder-alert-5": "¿Quieres firmar documentos ahora mismo?",
  "placeholder-alert-6": "¡Por favor, configura el adaptador de correo para enviar correos!",
  "placeholder-alert-7": "¡Por favor, selecciona un firmante para agregar un marcador de posición!",
  "email-subject": "asunto del correo",
  "email-body": "cuerpo del correo",
  "email-placeholder": "agregar cuerpo del correo",
  "reset-to-default": "Restablecer a por defecto",
  "cutomize-email": "Personalizar correo",
  "upgrade-to-customize-email": "Mejora para personalizar el correo",
  "sign-url": "URL de firma",
  "mails-sent": "Correos enviados",
  "mail-not-delivered": "correo no entregado",
  "document-alert": "Alerta de documento",
  "owner-subscription-expired": "La suscripción del propietario ha expirado.",
  "subscription-expired": "Suscripción expirada",
  "alert-message": "Mensaje de alerta",
  "document-decline": "Rechazar documento",
  "decline-alert-1": "¿En definitiva quieres rechazar este documento?",
  "decline-alert-2": "¡Has rechazado este documento!",
  "decline-alert-3": "No puedes firmar este documento ya que ha sido rechazado/revocado.",
  "sign here": "Firma aquí",
  "guest-email-alert": "el código de verificación ha sido enviado a tu correo",
  "get-otp-alert": "recibirás un código de verificación por correo",
  "user-already-exist": "El usuario ya existe.",
  "server-error": "¡Error interno del servidor!",
  "fill-required-details!": "¡Por favor, rellena los detalles requeridos!",
  "sign-up-form": "Formulario de registro",
  "sign-up": "Registrarse",
  "folder-already-exist!": "¡la carpeta ya existe!",
  "please-select-position!": "¡por favor, selecciona una posición!",
  "default-sign-alert": "¿En definitiva quieres firmar automáticamente en todos los lugares solicitados?",
  "Your-Signature": "Tu firma",
  "auto-sign-all": "Firmar todo automáticamente",
  "generating-certificate": "Generando certificado",
  "pdf-download": "Descargar PDF",
  "generate-certificate-alert": " Tu certificado de finalización se está generando. Por favor, espera un momento. Si la descarga no inicia pronto, presiona el botón otra vez.",
  "folder-already-exist": "¡La carpeta ya existe!",
  "folder-created-successfully": "¡Carpeta creada exitosamente!",
  "fill-folder-name": "Por favor, rellena el nombre de la carpeta",
  "already-exists-this-username": "¡Un usuario con este nombre de usuario ya existe!",
  "verification-code-sent": "¡El correo de verificación ha sido enviado a tu correo!",
  "registered-user-successfully": "Usuario registrado exitosamente.",
  "role-not-found": "Rol no encontrado.",
  "do-not-access": "No tienes acceso, por favor, contacta al administrador.",
  "add-admin": "Agregar administrador",
  "opensign-setup": "Instalación de OpenSign",
  "join-discord": "Únete a nuestro servidor de Discord",
  "admin-already-exist": "El administrador ya existe.",
  "password-update-alert-1": "Contraseña actualizada exitosamente.",
  "password-update-alert-2": "Tu contraseña actual es incorrecta o falta.",
  "password-update-alert-3": "Tu contraseña actual es incorrecta o falta.",
  "password-update-alert-4": "Tu contraseña y su confirmación no son iguales.",
  "current-password": "Contraseña actual",
  "new-password": "Contraseña nueva",
  "confirm-password": "Confirmar contraseña",
  "file-alert-1": "El tamaño del archivo seleccionado es muy grande. Por favor, selecciona un archivo con un tamaño menor a",
  "file-alert-2": "Por favor, selecciona un archivo.",
  "file-alert-3": "Por favor, espera mientras se sube el documento.",
  "enter-pdf-password": "Ingresa la contraseña del PDF",
  "correct-password": "Por favor, proporciona la contraseña correcta",
  "decrypting-pdf": " Desencriptando PDF, por favor, espera...",
  "invalid-otp": "OTP inválido",
  "user-not-found": "¡Usuario no encontrado!",
  "enter-otp-alert": "¡Por favor, ingresa el OTP!",
  "get-verification-code": "Obtener código de verificación",
  "get-verification-code-2": "Obtendrás un código de verificación por correo",
  "enter-verification-code": "Ingresar código de verificación",
  "provide-your-details": "Proporciona tus detalles",
  "provide-email": "Por favor, proporciona un correo.",
  "additional-info": "Información adicional",
  "signature-saved-alert": "Firma guardada exitosamente.",
  "fill-field": "Por favor, rellena este campo",
  "error-template": "Error: ¡Plantilla no encontrada!",
  "error": "Error",
  "invalid-document": "Error: ¡Documento inválido!",
  "document-not-found": "¡Documento no encontrado!",
  "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.",
  "document-signed-alert-6": "Este documento ha sido rechazado por uno o más destinatarios.",
  "document-signed-alert-7": "Este documento ya no está disponible.",
  "document-signed-alert-8": "Este documento ya ha sido enviado para ser firmado.",
  "yet-to-sign": "Todavía por firmar",
  "validation-alert-1": "Los datos ingresados no cumplen con los criterios establecidos por la expresión regular.",
  "account-already-exists": "¡La cuenta ya existe!",
  "choose-password": "Elegir contraseña",
  "enter-password": "Ingresar contraseña",
  "sure": "claro",
  "subscribed-alert": "¡Ya te has suscrito al plan!",
  "monthly": "Mensual",
  "yearly-upto": "Anual (hasta 66% de descuento)",
  "billed-yearly": "Facturado anualmente",
  "billed-monthly": "Facturado mensualmente",
  "plansubscription-1": "Alójalo por tu cuenta gratuitamente",
  "visit-github": "Visitar GitHub",
  "user-already-exist-name": "¡Un usuario con este nombre de usuario ya existe!",
  "do-not-access-contact-admin": "No tienes acceso, por favor, contacta a un administrador.",
  "filed-required-correctly": "Por favor, rellena correctamente los detalles requeridos.",
  "admin-created": "Administrador creado",
  "invalid-masterkey": "Llave maestra inválida",
  "opensign-Setup": "Instalación de OpenSign",
  "master-key": " Llave maestra",
  "profile-update-alert": "Perfil actualizado exitosamente.",
  "date": "Fecha",
  "report-not-found": "Reporte no encontrado",
  "please-wait": "por favor, espera",
  "select-foler": "Seleccionar carpeta",
  "generated-on": "Generado el",
  "text-field": "Campo de texto",
  "font-size": "Tamaño de la fuente",
  "widget-status": {
    "Required": "Requerido",
    "Optional": "Opcional"
  },
  "all-right": "Todos los derechos reservados",
  "version": "versión",
  "social-media": {
    "github": "GitHub",
    "linked-in": "LinkedIn",
    "twitter": "Twitter",
    "discord": "Discord"
  },
  "tour-mssg": {
    "home-layout-1": "¡Has iniciado sesión exitosamente! Echemos un vistazo.",
    "home-layout-2": "Para subir documentos para firmar tú mismo o para solicitar la firma de otros, simplemente selecciona los botones correspondientes.",
    "home-layout-3": "¡Ya puedes empezar a utilizar OpenSign! Si necesitas soporte siéntete libre de contactarnos.",
    "generate-token": "Mejora ahora para generar un token API de producción.",
    "opensign-drive-1": "Haz clic en los enlaces para navegar fácilmente por la estructura jerárquica de carpetas y ver los documentos de cada carpeta.",
    "opensign-drive-2": "Haz clic en el botón «Agregar» para crear una nueva carpeta o documento.",
    "opensign-drive-3": "Ordena tus documentos por «Fecha» o «Nombre» usando este menú.",
    "opensign-drive-4": "Haz clic en este menú para mostrar los documentos en vista de lista.",
    "opensign-drive-5": "La lista de documentos es mostrada de acuerdo a la opción de ordenamiento seleccionada. Los íconos situados junto a cada documento indican su estado actual.",
    "opensign-drive-6": "Haz clic con el botón derecho en un documento para ver opciones como «Descargar», «Renombrar», «Mover» y «Eliminar». Haz clic en el documento para abrirlo.",
    "opensign-drive-7": "Haz clic con el botón derecho en cualquier carpeta para ver las opciones. Elige «Renombrar» para cambiar el nombre de la carpeta o haz clic en ella para navegar por su contenido.",
    "pdf-request-file-1": "Lista de firmantes que todavía tienen que firmar este documento.",
    "pdf-request-file-2": "Haz clic en cualquiera de los marcadores de posición que aparecen en el documento para firmar. A continuación, verás opciones para dibujar tu firma, escribirla o subir una imagen .",
    "pdf-request-file-3": "Haz clic en los botones «Atrás», «Rechazar» o «Finalizar» para navegar por el documento. Utiliza el menú de tres puntos para ver otras opciones, como el botón «Descargar».",
    "pdf-request-file-4": "Lista de firmantes que ya han firmado el documento.",
    "pdf-request-file-5": "Puedes hacer clic en «Firmar todo automáticamente» para firmar de manera automática en todos los lugares que deban ser firmados por ti. Asegúrate de revisar correctamente el documento antes de hacer clic en ese botón.",
    "placeholder-sign-1": "Selecciona un destinatario de esta lista para agregar un marcador de posición dónde este destinatario tendrá que firmar. El marcador de posición aparecerá con el mismo color que el nombre del destinatario una vez lo sueltes en el documento.",
    "placeholder-sign-2": "Hacer clic en el botón «Agregar destinatarios» te permitirá añadir más firmantes.",
    "placeholder-sign-3": "Haz clic en este botón para agregar más destinatarios/firmantes al documento.",
    "placeholder-sign-4": "Arrastra o haz clic en un capo para agregarlo al documento.",
    "placeholder-sign-5": "El área de contenido del PDF ya muestra los marcadores de posición existentes en la plantilla. Para tu comodidad, estos marcadores de posición coincidirán con el color del nombre del destinatario, haciéndolos fácilmente identificables.",
    "placeholder-sign-6": "Hacer clic en «Enviar» guardará el documento. En el siguiente paso podrás personalizar los correos que serán enviados a los destinatarios o copiar los enlaces para firmar y compartirlos con los destinatarios por tu cuenta.",
    "report-1": "Haz clic en el botón «Agregar» para crear una nueva plantilla. Las plantillas son documentos reusables diseñados para generar rápidamente nuevos documentos con la misma estructura pero diferentes firmantes. Por ejemplo, una plantilla de RR.HH. para el proceso de incorporación podría tener roles predefinidos como «Director de RR.HH.» y «Nuevo empleado». Cada vez que utilices la plantilla, puedes asignar el rol de «Nuevo empleado» a los distintos miembros del personal que se incorporen, mientras que el rol de « Director de RR.HH.» permanece constante, lo que facilita un proceso de incorporación fluido para cada persona contratada.",
    "redirect": "Haz clic en el botón «Usar» para crear un nuevo documento desde una plantilla existente.",
    "bulksend": "Para crear y enviar rápidamente múltiples documentos usando una plantilla existente, haz clic en el botón «Envío rápido».",
    "option": "Este menú revela más opciones como «Editar» y «Eliminar». Usa el botón «Editar» para agregar roles, modificar campos y actualizar tu plantilla. Los cambios aplicarán para todos los documentos futuros que sean creados usando esta plantilla pero no afectarán a los documentos ya existentes. Con el botón «Eliminar» puedes eliminar la plantilla.",
    "signyour-self-1": "Para personalizar el documento antes de que sea firmado, selecciona y arrastra al documento los widgets que prefieras. Escoge el espacio perfecto para cada modificación para adaptar el documento a tus necesidades.",
    "signyour-self-2": "Arrastra y suelta en cualquier lugar de esta área. Después podrás cambiar el tamaño y moverlo.",
    "template-placeholder-1": "Hacer clic en el botón «Agregar rol» te permitirá agregar varios roles de firmantes. Puedes asociar usuarios a cada rol en los siguientes pasos.",
    "template-placeholder-2": "Una vez que los roles hayan sido agregados, selecciona un rol de la lista para agregar un marcador de posición donde éste tendrá que firmar. El marcador de posición aparecerá con el mismo color que el nombre del rol una vez lo sueltes en el documento.",
    "template-placeholder-3": "Arrastra o haz clic en un capo para agregarlo al documento.",
    "template-placeholder-4": "Arrastra el marcador de posición para un rol a cualquier lugar del documento. Recuerda, aparecerá con el mismo color que el nombre del rol para poder referenciarlo fácilmente.",
    "template-placeholder-5": "Hacer clic en «Siguiente» guardará la plantilla actual. Luego de guardar, se te consultará si deseas crear un nuevo documento usando esta plantilla.",
    "webhook-1": "Mejora ahora para configurar un webhook",
    "Need your Signature": "Hacer clic en esta tarjeta te llevará a la lista de documentos que esperan por tu revisión.",
    "Out for signatures": "Hacer clic en esta tarjeta te llevará a la lista de documentos que esperan tu firma.",
    "Recent signature requests": "Esta es una lista de documentos que esperan por tu firma.",
    "Recently sent for signatures": "Esta es una lista de documentos que has enviado a otras partes para que sea firmado.",
    "Drafts": "Estos son documentos que has empezado pero que todavía no finalizas para su envío.",
    "public-template": "Este video muestra cómo puedes configurar tu perfil público personalizado, como «https://opensign.me/tu-nombre-de-usuario». También aprenderás cómo personalizar tu eslogan y cómo hacer tus plantillas disponibles para su firmado público."
  },
  "enter-email-plaholder": "Agrega una dirección de correo y presiona «Enter»",
  "success-email-alert": "¡Correo enviado exitosamente!",
  "expired-doc-title": "Documento expirado",
  "expired-on-mssg": "Este documento expiro el {{expiredDate}} y ya no está disponible para ser firmado.",
  "signature-validate-alert": "Por favor, confirma que has seleccionado al menos {{minRequiredCount}} casillas.",
  "signature-validate-alert-2": "Asegúrate de que este campo esté correctamente rellenado y que cumpla con todos los requisitos.",
  "remaing-users": "Usuarios restantes",
  "Role": "Rol",
  "additional-users": "Por favor, compra el complemento Usuarios.",
  "Quantity-of-users": "Cantidad de usuarios",
  "Price": "Precio",
  "Total-price-for-next-time": "Precio total para la próxima vez",
  "Proceed": "Proceder",
  "Select": "Seleccionar",
  "Add-seats": "Agregar plazas",
  "user-name-exist": "el nombre de usuario ya existe",
  "format": "formato",
  "select-date-format": "Selecciona un formato de fecha",
  "quantity-of-credits": "Cantidad de créditos premium",
  "remaining-credits": "Créditos premium disponibles:",
  "remaining-credits-help": "Usa créditos premium para la API para la firma de documentos, envío en masa, o para incorporar la integración de OpenSign en tu página web. Te quedan {{allowedcredits}} créditos incluidos y {{addoncredits}} créditos comprados adicionalmente.",
  "additional-credits": "Por favor, compra créditos premium",
  "quota-err-quicksend": "Cuota alcanzada, no tienes créditos suficientes.",
  "buy-credits": "Comprar créditos premium",
  "rotate-right": "Rotar a la derecha",
  "rotate-left": "Rotar a la izquierda",
  "rotate-alert-mssg": "Todos los widgets de esta página se perderán. ¿En definitiva quieres proceder?",
  "templateid": "ID de plantilla",
  "bulk-send-subcription-alert": "Por favor, mejora al plan a Professional o Team para usar envío en masa.",
  "generate-test-token": "Generar token de prueba",
  "regenerate-test-token": "Regenerar token de prueba",
  "help-test-token": "Este token puede ser usado para probar las API en el punto de acceso «https://sandbox.opensignlabs.com/api/v1», permitiéndote realizar firmas de documentos ilimitadas. Por favor, ten en cuenta que el API de pruebas firmará tus documentos con certificados autofirmados, que podrían no ser reconocidos por Adobe como válidos. Una vez hayas completado tus pruebas, puedes mejorar a uno de nuestros planes de pago para generar un token de producción.",
  "help-api-token": "Este token puede ser usado para acceder a las API de producción en el punto de acceso «{{origin}}/api/v1». Solo puede ser generado con uno de nuestros planes de pago.",
  "reason": "Razón",
  "decline-by": "Rechazado/revocado por",
  "document-declined": "Documento rechazado",
  "public-template-mssg-1": "Para integrar OpenSign a tu proyecto React o Next.js, simplemente ejecuta los siguientes comandos:",
  "public-template-mssg-2": "Asegúrate de tener «npm» o «yarn» configurado en tu proyecto. Si estás usando «yarn», puedes reemplazar «npm install» con «yarn add @opensign/react».",
  "public-template-mssg-3": "¿Necesitas más detalles o ejemplos?",
  "public-template-mssg-4": "Visita la",
  "public-template-mssg-5": " «npm» para las últimas actualizaciones, documentación detallada e historial de versiones.",
  "public-template-mssg-6": "Antes de que puedas usar este fragmento de código, debes convertir esta plantilla en pública.",
  "copy-code": "COPIAR",
  "copied-code": "COPIADO",
  "Installation": "Instalación",
  "Usage": "Uso",
  "insufficient-credits": "Créditos de firma insuficientes",
  "insufficient-credits-mssg": "El propietario de este documento actualmente carece de los créditos OpenSign necesarios para que puedas firmarlo. Por favor, contacta al propietario si necesitas más detalles.",
  "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",
  "unauthorized-modal": "No tienes permisos para realizar esta acción, por favor, contacta a {{adminEmail}}.",
  "sent-this-month": "Enviados este mes",
  "available-seats": "Plazas disponibles",
  "buy-users": "Comprar más usuarios",
  "isenable-otp": "Habilitar verificación con OTP",
  "isenable-otp-help": {
    "p1": "¿Te gustaría habilitar el proceso de verificación usando una contraseña de un solo uso (OTP)?",
    "p2": "Seleccionar esta opción habilitará la verificación con OTP. Los usuarios recibirán un código de verificación por correo, la cual tendrán que ingresar para poder firmar el documento.",
    "p3": "Seleccionar esta opción deshabilitará la verificación con OTP, lo cual permitirá a los usuarios firmar el documento directamente sin pasos adicionales.",
    "p4": "Por favor, selecciona la opción que mejor se adapte a tus requisitos para la firma de documentos."
  },
  "advanced-options": "Opciones avanzadas",
  "hide-advanced-options": "Ocultar las opciones avanzadas",
  "download-files": "Descargar archivos",
  "download-pdf": "Descargar PDF",
  "pdf-certificate": "Descargar PDF + Certificado",
  "document-logs": "Registros de documentos",
  "server-down": "No se pudo conectar al servidor de OpenSign. Si estás alojando OpenSign por tu cuenta, por favor, asegúrate de que todos los pasos de la documentación han sido seguidos correctamente. Si estás ejecutando OpenSign localmente, puedes estar accediendo a OpenSign por un número de puerto incorrecto.",
  "admin-exists": "El administrador ya existe. Por favor, inicia sesión en la aplicación usando las credenciales de administrador para poder administrar los usuarios.",
  "public-tour-message": "Por favor, convierte la plantilla en pública para copiar la URL pública",
  "add-user-template": "Es necesario agregar un rol antes de poder agregarle campos.",
  "pdf-uncompatible": "Este pdf no es compatible con opensign, comuníquese con <support@opensignlabs.com>",
  "enable-tour": "Habilitar recorrido",
  "istourenabled-help": {
    "p1": "Esto permitirá realizar una visita guiada para los firmantes, brindando instrucciones durante el proceso de firma.",
    "p2": "Esto desactivará la visita guiada, lo que garantizará una experiencia de firma más rápida e ininterrumpida.",
    "p3": "Consejo: si sus firmantes están familiarizados con OpenSign y lo utilizan con frecuencia, es posible que desee desactivar la visita guiada para disfrutar de una experiencia más fluida. Elija la opción que mejor se adapte a sus necesidades de firma de documentos"
  },
  "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.",
  "allowed-signature-types": "Tipos de firma permitidos",
  "at-least-one-signature-type": "Se debe habilitar al menos un tipo de firma.",
  "expect-default-one-signature-type": "Habilite un tipo de firma adicional aparte del predeterminado.",
  "add-signer-note": "Nota - Este contacto se agregará a su lista de contactos",
  "allowed-signature-types-help": {
    "p1": "Esta preferencia de firma controla qué opciones de firma están disponibles para sus firmantes. Solo los tipos de firma que seleccione aparecerán en el widget de firma cuando se firme un documento. Por ejemplo, si elige sólo la opción 'Draw' en las preferencias, su firmante verá sólo la opción 'Draw' en el widget de firma, mientras que las otras tres opciones no estarán disponibles.",
    "l1": "Cree una firma manuscrita directamente en la pantalla usando su dedo o un lápiz.",
    "l2": "Ingrese su nombre y elija entre varios estilos de fuente para crear una firma.",
    "l3": "Cargue una versión digital existente de su firma.",
    "l4": "Utilice un estilo de firma preestablecido guardado en 'Mi firma' en su configuración."
  },
  "notify-on-signatures": "Notificar sobre firmas",
  "notify-on-signatures-help": {
    "p1": "El creador del documento recibirá una notificación por correo electrónico cada vez que un firmante firme el documento.",
    "note": "Nota: No se enviará un correo electrónico de notificación al último firmante, ya que el creador del documento recibirá un correo electrónico de finalización."
  },
  "expiry-date": "Date d'expiration",
  "expiry-date-updated": "La fecha de vencimiento se ha extendido con éxito hasta el {{newexpirydate}}",
  "expiry-date-error": "Proporcione una nueva fecha de vencimiento que sea posterior a la actual"
 }
@@ -1,5 +1,5 @@
 {
-  "header-news": "Nouvelle fonctionnalité : les profils publics sont désormais en ligne ! Créez et partagez facilement des modèles publics",
+  "header-news": "Nouvelle fonctionnalité : les utilisateurs du forfait Teams peuvent désormais intégrer leurs propres compartiments AWS S3 pour le stockage de fichiers",
  "header-news-btn": "Configurer maintenant",
  "create-account": "Créer un compte",
  "login": "Se Connecter",
@@ -42,7 +42,7 @@
  "upgrade-to": "Mettre à niveau vers",
  "pro": "PRO",
  "plan": "Offre",
-  "subscribe-card-teamplan":"Libérez toute la puissance de la collaboration ! Créez un nombre illimité d'organisations, d'équipes et de hiérarchies. Partagez des modèles de manière transparente entre les équipes et attribuez des rôles d'utilisateur personnalisés. Améliorez votre flux de travail dès aujourd'hui !",
+  "subscribe-card-teamplan": "Libérez toute la puissance de la collaboration ! Créez un nombre illimité d'organisations, d'équipes et de hiérarchies. Partagez des modèles de manière transparente entre les équipes et attribuez des rôles d'utilisateur personnalisés. Améliorez votre flux de travail dès aujourd'hui !",
  "subscribe-card-plan": "Débloquez des fonctionnalités premium à partir de seulement {{premiumPrice}}/mois. Bénéficiez de performances améliorées et de seulement {{addonPrice}} par crédit supplémentaire après vos crédits premium inclus.",
  "user-name-limit-char": "Pour avoir un nom d'utilisateur de moins de 8 caractères s'il vous plaît s'abonner",
  "tour-content": "Ne plus afficher",
@@ -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"
@@ -136,7 +137,9 @@
    "Name": "Nom",
    "Status": "Statut",
    "created-date": "Date de création",
-    "Type": "Saisir"
+    "Type": "Saisir",
    "Logs": "Journaux",
    "Expiry-date": "Fecha de caducidad"
  },
  "btnLabel": {
    "sign": "Signer",
@@ -150,7 +153,10 @@
    "Share": "Partager",
    "View": "Voir",
    "option": "Option",
-    "Embed": "Intégrer"
+    "Embed": "Intégrer",
    "Copy TemplateId": "Copier l'ID du modèle",
    "Copy Public URL": "Copier l'URL publique",
    "extend-expiry-date": "Prolonger la date d'expiration"
  },
  "report-help": {
    "Draft Documents": "Il s'agit de documents que vous avez commencés mais que vous n'avez pas finalisés pour envoi.",
@@ -261,9 +267,11 @@
  "make-template-public-alert": "Êtes-vous sûr de vouloir rendre ce modèle public ?",
  "make-template-private-alert": "Êtes-vous sûr de vouloir rendre ce modèle privé ? Cela le supprimera de votre profil public.",
  "public-role": "Rôle public",
-  "public-url": "URL publique",
+  "public-url": "Profil public",
-  "public-url-copy-mssg": "Voici votre URL publique : copiez-la ou partagez-le avec le signataire et vous pouvoir voir tous vos paramètres publics modèles.",
+  "embed-template": "Intégrer le modèle",
-  "add-public-url-alert": "Veuillez ajouter votre URL publique et vous pourra rendre public modèle.",
+  "public-url-copy": "Voici votre URL publique : ",
  "public-url-copy-mssg": "copiez-la ou partagez-le avec le signataire et vous pouvoir voir tous vos paramètres publics modèles.",
  "add-public-url-alert": "Veuillez terminer la configuration de votre profil public OpenSign. Une fois cela fait, vous pourrez rendre les modèles publics. Ce processus ne doit être effectué qu’une seule fois.",
  "share-with-alert": "Vous ne pouvez pas partager un modèle si des contacts sont déjà attribués à des rôles. Veuillez supprimer toutes les attributions de contacts des rôles avant de partager le modèle.",
  "share-with": "Partager avec",
  "team-not-found": "Équipe introuvable",
@@ -286,7 +294,7 @@
  "subject": "Sujet",
  "body": "Corps",
  "add-contact": "Ajouter le contact",
-  "add-signer-alert": "Le contact existe déjà !",
+  "add-signer-alert": "Le contact existe déjà ! Veuillez le sélectionner dans la liste déroulante 'Signataires'",
  "record-delete-alert": "Enregistrement supprimé avec succès !",
  "record-revoke-alert": " Enregistrement révoqué avec succès ! ",
  "mail-sent-alert": "Courriel envoyé avec succès.",
@@ -440,7 +448,8 @@
  "cutomize-email": "Personnaliser l'e-mail",
  "upgrade-to-customize-email": "Mise à niveau pour personnaliser l'e-mail",
  "sign-url": "Signer l'URL",
-  "Mails Sent": "Mails envoyés avec succès !",
+  "mails-sent": "Mails envoyés avec succès !",
  "mail-not-delivered": "Courrier non distribué",
  "document-alert": "Alerte document",
  "owner-subscription-expired": "L'abonnement du propriétaire a expiré.",
  "subscription-expired": "Abonnement expiré",
@@ -505,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.",
@@ -571,9 +580,10 @@
    "pdf-request-file-5": "Vous pouvez cliquer sur 'Signer automatiquement tout' pour signer automatiquement à tous les emplacements que vous êtes censé signer. Assurez-vous de lire correctement le document avant de cliquer sur ce bouton.",
    "placeholder-sign-1": "Sélectionnez un destinataire dans cette liste pour ajouter un espace réservé à l'endroit où il est censé signer. L'espace réservé apparaîtra de la même couleur que le nom du destinataire une fois que vous le déposerez sur le document.",
    "placeholder-sign-2": "Cliquer sur le bouton 'Ajouter des destinataires' vous permettra d'ajouter plus de signataires.",
-    "placeholder-sign-3": "Faites glisser ou cliquez sur un champ pour l'ajouter au document.",
+    "placeholder-sign-3": "Cliquez sur ce bouton pour ajouter plus de destinataires/signataires au document",
-    "placeholder-sign-4": "La zone de contenu PDF affiche déjà les espaces réservés existants du modèle. Pour votre commodité, ces espaces réservés correspondront à la couleur du nom du destinataire, ce qui les rendra facilement identifiables.",
+    "placeholder-sign-4": "Faites glisser ou cliquez sur un champ pour l'ajouter au document.",
-    "placeholder-sign-5": "Cliquer sur 'Envoyer' enregistrera le document. À l'étape suivante, vous pourrez personnaliser les e-mails à envoyer aux destinataires ou copier les liens de signature et les partager vous-même avec les destinataires.",
+    "placeholder-sign-5": "La zone de contenu PDF affiche déjà les espaces réservés existants du modèle. Pour votre commodité, ces espaces réservés correspondront à la couleur du nom du destinataire, ce qui les rendra facilement identifiables.",
    "placeholder-sign-6": "Cliquer sur 'Envoyer' enregistrera le document. À l'étape suivante, vous pourrez personnaliser les e-mails à envoyer aux destinataires ou copier les liens de signature et les partager vous-même avec les destinataires.",
    "report-1": "Cliquez sur le bouton 'Ajouter' pour créer un nouveau modèle. Les modèles sont des documents réutilisables conçus pour générer rapidement de nouveaux documents avec la même structure et différents signataires. Par exemple, un modèle RH pour l'intégration peut avoir des rôles prédéfinis tels que 'Responsable RH' et ' Nouvel employé'. Chaque fois que vous utilisez le modèle, vous pouvez attribuer le rôle 'Nouvel employé' à différents membres du personnel entrants, tandis que le rôle 'Responsable RH' reste constant, facilitant ainsi un processus d'intégration fluide pour chaque recrue",
    "redirect": "Cliquez sur le bouton 'Utiliser' pour créer un nouveau document à partir d'un modèle existant.",
    "bulksend": "Pour créer et envoyer rapidement plusieurs documents à l'aide d'un modèle existant, cliquez sur le bouton 'Envoi rapide'.",
@@ -611,29 +621,92 @@
  "Add-seats": "Ajouter des sièges",
  "format": "format",
  "select-date-format": "Sélectionnez un format de date",
-  "quantity-of-credits":"Quantité de crédits de prime",
+  "quantity-of-credits": "Quantité de crédits de prime",
-  "remaining-credits":"Crédits premium disponibles :",
+  "remaining-credits": "Crédits premium disponibles :",
-  "additional-credits":"Veuillez acheter des crédits premium",
+  "additional-credits": "Veuillez acheter des crédits premium",
-  "remaining-credits-help":"Utilisez des crédits premium pour la signature de documents API, l'envoi groupé ou l'intégration d'OpenSign sur votre site Web. Il vous reste {{allowedcredits}} crédits inclus et {{addoncredits}} crédits achetés supplémentaires.",
+  "remaining-credits-help": "Utilisez des crédits premium pour la signature de documents API, l'envoi groupé ou l'intégration d'OpenSign sur votre site Web. Il vous reste {{allowedcredits}} crédits inclus et {{addoncredits}} crédits achetés supplémentaires.",
  "quota-err-quicksend": "Quota atteint, vous n'avez pas assez de crédits.",
  "buy-credits": "Acheter des crédits premium",
-  "rotate-right"  :"Faire pivoter à droite",
+  "rotate-right": "Faire pivoter à droite",
-  "rotate-left" :"Faire pivoter à gauche",
+  "rotate-left": "Faire pivoter à gauche",
-  "rotate-alert-mssg" :"Tous les widgets de cette page seront perdus. Êtes-vous sûr de vouloir continuer ?",
+  "rotate-alert-mssg": "Tous les widgets de cette page seront perdus. Êtes-vous sûr de vouloir continuer ?",
-  "templateid":"ID de modèle",
+  "templateid": "ID de modèle",
-  "bulk-send-subcription-alert":"Veuillez passer au forfait Professionnel ou Équipe pour utiliser Quicksend.",
+  "bulk-send-subcription-alert": "Veuillez passer au forfait Professionnel ou Équipe pour utiliser Quicksend.",
  "generate-test-token": "Générer jeton de test",
-  "regenerate-test-token":"Régénérer le jeton de test",
+  "regenerate-test-token": "Régénérer le jeton de test",
-  "help-test-token":"Ce jeton peut être utilisé pour tester les API au niveau du point de terminaison https://sandbox.opensignlabs.com/api/v1, vous permettant ainsi d'effectuer un nombre illimité de signatures de documents. Veuillez noter que l'API sandbox signera vos documents avec des certificats auto-signés, qui peuvent ne pas être reconnus comme valides par Adobe. Une fois vos tests terminés, vous pouvez passer à l’un de nos forfaits payants pour générer un jeton de production.",
+  "help-test-token": "Ce jeton peut être utilisé pour tester les API au niveau du point de terminaison https://sandbox.opensignlabs.com/api/v1, vous permettant ainsi d'effectuer un nombre illimité de signatures de documents. Veuillez noter que l'API sandbox signera vos documents avec des certificats auto-signés, qui peuvent ne pas être reconnus comme valides par Adobe. Une fois vos tests terminés, vous pouvez passer à l’un de nos forfaits payants pour générer un jeton de production.",
-  "help-api-token":"Ce jeton peut être utilisé pour accéder aux API de production au point de terminaison {{origin}}/api/v1. Il ne peut être généré que sur l'un de nos forfaits payants.",
+  "help-api-token": "Ce jeton peut être utilisé pour accéder aux API de production au point de terminaison {{origin}}/api/v1. Il ne peut être généré que sur l'un de nos forfaits payants.",
-  "quota-mail-info-head":"Limite mensuelle d'e-mails de signatures de demandes",
+  "reason": "Raison",
  "decline-by": "Refusé/révoqué par",
  "document-declined": "document refusé",
  "public-template-mssg-1": "Pour intégrer OpenSign dans votre projet React ou Next.js, exécutez simplement la commande suivante :",
  "public-template-mssg-2": "Assurez-vous que npm ou Yarn est configuré dans votre projet. Si vous utilisez Yarn, vous pouvez remplacer npm install par Yarn Add @opensign/react.",
  "public-template-mssg-3": "Besoin de plus de détails ou d'exemples ?",
  "public-template-mssg-4": "Visitez le",
  "public-template-mssg-5": "npm pour les dernières mises à jour, une documentation détaillée et l'historique des versions.",
  "public-template-mssg-6": "Avant de pouvoir utiliser cet extrait de code, vous devez rendre ce modèle public.",
  "copy-code": "COPIE",
  "copied-code": "COPIÉ",
  "Installation": "Installation",
  "Usage": "Usage",
  "insufficient-credits": "Crédits de signature insuffisants",
  "insufficient-credits-mssg": "Le propriétaire de ce document ne dispose actuellement pas des crédits OpenSign nécessaires pour que vous puissiez le signer. Veuillez contacter le propriétaire si vous avez besoin de plus de détails.",
  "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":"Astuce : Vous pouvez toujours signer un nombre <1>illimité de documents</1> en partageant manuellement les liens de demande de signature.",
+  "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",
+  "quota-mail-head": "Quota atteint",
-  "unauthorized-modal":"Vous n'êtes pas autorisé à effectuer cette action, veuillez contacter {{adminEmail}}.",
+  "unauthorized-modal": "Vous n'êtes pas autorisé à effectuer cette action, veuillez contacter {{adminEmail}}.",
-  "sent-this-month":"envoyé ce mois-ci",
+  "sent-this-month": "envoyé ce mois-ci",
-  "available-seats":"Disponible sièges",
+  "available-seats": "Disponible sièges",
-  "buy-users":"Acheter plus d'utilisateurs"
+  "buy-users": "Acheter plus d'utilisateurs",
-
+  "isenable-otp": "Activer la vérification OTP",
  "isenable-otp-help": {
    "p1": "Souhaitez-vous activer le processus de vérification à l'aide d'un mot de passe à usage unique (OTP)?",
    "p2": "La sélection de cette option activera la vérification OTP. Les utilisateurs recevront un code de vérification par e-mail, qu'ils devront saisir pour signer le document.",
    "p3": "La sélection de cette option désactivera la vérification OTP, permettant aux utilisateurs de signer le document directement sans étapes supplémentaires.",
    "p4": "Veuillez choisir l'option qui correspond le mieux à vos exigences en matière de signature de documents."
  },
  "advanced-options": "Options avancées",
  "hide-advanced-options": "Masquer les options avancées",
  "download-files": "Télécharger des fichiers",
  "download-pdf": "Télécharger le PDF",
  "pdf-certificate": "Télécharger Pdf + Certificat",
  "document-logs": "Journaux de documents",
  "server-down": "Impossible de se connecter au serveur OpenSign. Si vous hébergez vous-même OpenSign, veuillez vous assurer que toutes les étapes de la documentation ont été correctement suivies. Si vous exécutez OpenSign localement, vous y accédez peut-être via un numéro de port incorrect.",
  "admin-exists": "L'administrateur existe déjà. Veuillez vous connecter à l'application en utilisant les informations d'identification de l'administrateur afin de gérer les utilisateurs.",
  "enable-tour": "Activer la visite",
  "istourenabled-otp-help": {
    "p1": "Cela permettra une visite guidée pour les signataires, fournissant des instructions pendant le processus de signature.",
    "p2": "Cela désactivera la visite guidée, garantissant ainsi une expérience de signature plus rapide et ininterrompue.",
    "p3": "Conseil : si vos signataires connaissent OpenSign et l'utilisent fréquemment, vous souhaiterez peut-être désactiver la visite guidée pour une expérience plus fluide. Choisissez l'option qui correspond le mieux à vos besoins en matière de signature de documents."
  },
  "form-title-1": "Paramètre du flux de documents",
  "form-title-2": "Paramètre de sécurité",
  "public-tour-message": "Le modèle doit être public avant que vous puissiez générer un lien partageable.",
  "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 <support@opensignlabs.com>",
  "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.",
  "allowed-signature-types": "Types de signature autorisés",
  "at-least-one-signature-type": "Au moins un type de signature doit être activé.",
  "expect-default-one-signature-type": "Veuillez activer un type de signature supplémentaire en plus de celui par défaut.",
  "add-signer-note": "Remarque - Ce contact sera ajouté à votre liste de contacts",
  "allowed-signature-types-help": {
    "p1": "Cette préférence de signature contrôle les options de signature disponibles pour vos signataires. Seuls les types de signature que vous sélectionnez apparaîtront dans le widget de signature lorsqu'un document est signé. Par exemple, si vous choisissez uniquement l'option 'Draw' dans les préférences, votre signataire ne verra que l'option 'Draw' dans le widget de signature, tandis que les trois autres options ne seront pas disponibles.",
    "l1": "Créez une signature manuscrite directement sur l'écran à l'aide de votre doigt ou d'un stylet.",
    "l2": "Entrez votre nom et choisissez parmi différents styles de police pour créer une signature.",
    "l3": "Téléchargez une version numérique existante de votre signature.",
    "l4": "Utilisez un style de signature prédéfini enregistré sous 'Ma signature' dans vos paramètres."
  },
  "notify-on-signatures": "Notifier les signatures",
  "notify-on-signatures-help": {
    "p1": "Le créateur du document recevra une notification par e-mail chaque fois qu'un signataire signera le document.",
    "note": "Remarque : L'e-mail de notification ne sera pas envoyé pour le dernier signataire, car le créateur du document recevra à la place un e-mail de fin."
  },
  "expiry-date": "Fecha de caducidad",
  "expiry-date-updated": "La date d'expiration a été prolongée avec succès jusqu'au {{newexpirydate}}",
  "expiry-date-error": "Veuillez fournir une nouvelle date d'expiration postérieure à la date actuelle"
 }
@@ -4,7 +4,6 @@
  border: 1px solid black;
  background: white;
  border-radius: 5px;
  animation: inAnimation 2s ease-in-out;
  z-index: 1;
 }
@@ -2,6 +2,7 @@ import dotenv from 'dotenv';
 dotenv.config();
 export const cloudServerUrl = 'http://localhost:8080/app';
 export const appName = process.env.APP_NAME || 'OpenSign™';
 export function customAPIurl() {
  const url = new URL(cloudServerUrl);
  return url.pathname === '/api/app' ? url.origin + '/api' : url.origin;
@@ -126,9 +127,15 @@ export const updateMailCount = async (extUserId, plan, monthchange) => {
 };
 export function formatWidgetOptions(type, options) {
  const colorsArr = ['red', 'black', 'blue', 'yellow'];
  const fontSizes = [2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28];
  const status = options?.required === true ? 'required' : 'optional' || 'required';
  const defaultValue = options?.default || '';
  const values = options?.values || [];
  const color = options?.color ? options.color : 'black';
  const fontColor = colorsArr.includes(color) ? color : 'black';
  const size = options?.fontsize ? parseInt(options.fontsize) : 12;
  const fontSize = fontSizes.includes(size) ? size : 12;
  switch (type) {
    case 'signature':
      return { name: 'signature', status: 'required' };
@@ -139,13 +146,34 @@ export function formatWidgetOptions(type, options) {
    case 'image':
      return { status: status, name: options.name || 'image' };
    case 'email':
-      return { status: status, name: options.name || 'email', validation: { type: 'email' } };
+      return {
        status: status,
        name: options.name || 'email',
        validation: { type: 'email' },
        fontColor: fontColor,
        fontSize: fontSize,
      };
    case 'name':
-      return { status: status, name: options.name || 'name' };
+      return {
        status: status,
        name: options.name || 'name',
        fontColor: fontColor,
        fontSize: fontSize,
      };
    case 'job title':
-      return { status: status, name: options.name || 'job title' };
+      return {
        status: status,
        name: options.name || 'job title',
        fontColor: fontColor,
        fontSize: fontSize,
      };
    case 'company':
-      return { status: status, name: options.name || 'company' };
+      return {
        status: status,
        name: options.name || 'company',
        fontColor: fontColor,
        fontSize: fontSize,
      };
    case 'date': {
      let today = new Date();
      let dd = String(today.getDate()).padStart(2, '0');
@@ -159,6 +187,8 @@ export function formatWidgetOptions(type, options) {
        name: options.name || 'date',
        response: defaultValue || today,
        validation: { format: dateFormat || 'dd-MM-yyyy', type: 'date-format' },
        fontColor: fontColor,
        fontSize: fontSize,
      };
    }
    case 'textbox':
@@ -168,6 +198,8 @@ export function formatWidgetOptions(type, options) {
        defaultValue: defaultValue,
        hint: options.hint,
        validation: { type: 'regex', pattern: options?.regularexpression || '/^[a-zA-Z0-9s]+$/' },
        fontColor: fontColor,
        fontSize: fontSize,
      };
    case 'checkbox': {
      const arr = options?.values;
@@ -187,6 +219,8 @@ export function formatWidgetOptions(type, options) {
          maxRequiredCount: options?.validation?.maxselections || 0,
        },
        defaultValue: selectedvalues || [],
        fontColor: fontColor,
        fontSize: fontSize,
      };
    }
    case 'radio button': {
@@ -197,6 +231,8 @@ export function formatWidgetOptions(type, options) {
        isReadOnly: options?.readonly || false,
        isHideLabel: options?.hidelabel || false,
        defaultValue: defaultValue,
        fontColor: fontColor,
        fontSize: fontSize,
      };
    }
    case 'dropdown':
@@ -205,6 +241,8 @@ export function formatWidgetOptions(type, options) {
        name: options.name || 'dropdown',
        values: values,
        defaultValue: defaultValue,
        fontColor: fontColor,
        fontSize: fontSize,
      };
    default:
      break;
@@ -233,3 +271,7 @@ export const planCredits = {
  'teams-monthly': 100,
  'teams-yearly': 500,
 };
 export function parseJwt(token) {
  return JSON.parse(Buffer.from(token.split('.')[1], 'base64').toString());
 }
@@ -0,0 +1,35 @@
 The OpenSign Enterprise license (the “Enterprise License”)
 Copyright (c) 2020-2024 Qik Innovations Private Limited.
 With regard to the OpenSign Software:
 This software and associated documentation files (the "Software") may only be
 used in production, if you (and any entity that you represent) have agreed to,
 and are in compliance with, the OpenSign Subscription Terms of Service(the “Enterprise Terms”), or other
 agreement governing the use of the Software, as agreed by you and OpenSign,
 and otherwise have a valid OpenSign Enterprise license for the
 correct number of user seats. Subject to the foregoing sentence, you are free to
 modify this Software and publish patches to the Software. You agree that OpenSign
 and/or its licensors (as applicable) retain all right, title and interest in and
 to all such modifications and/or patches, and all such modifications and/or
 patches may only be used, copied, modified, displayed, distributed, or otherwise
 exploited with a valid OpenSign Enterprise license for the correct
 number of user seats. Notwithstanding the foregoing, you may copy and modify
 the Software for development and testing purposes, without requiring a
 subscription. You agree that OpenSign and/or its licensors (as applicable) retain
 all right, title and interest in and to all such modifications. You are not
 granted any other rights beyond what is expressly stated herein. Subject to the
 foregoing, it is forbidden to copy, merge, publish, distribute, sublicense,
 and/or sell the Software.
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 For all third party components incorporated into the OpenSign Software, those
 components are licensed under the original license provided by the owner of the
 applicable component.
@@ -53,7 +53,7 @@ async function sendMail(doc, signer) {
    receiver_phone: signer?.Phone || '',
    expiry_date: localExpireDate,
    company_name: doc?.ExtUserPtr?.Company || '',
-    signing_url: `<a href=${signPdf}>Sign here</a>`,
+    signing_url: `<a href=${signPdf} target=_blank>Sign here</a>`,
  };
  const mail = replaceMailVaribles(subject, body, variables);
@@ -88,7 +88,7 @@ export default async function autoReminder(request, response) {
    docQuery.exists('Signers');
    docQuery.exists('SignedUrl');
    docQuery.descending('createdAt');
-    docQuery.include('Signers,AuditTrail.UserPtr,ExtUserPtr');
+    docQuery.include('Signers,AuditTrail.UserPtr,ExtUserPtr,ExtUserPtr.TenantId');
    docQuery.notEqualTo('IsCompleted', true);
    docQuery.notEqualTo('IsDeclined', true);
    docQuery.notEqualTo('IsArchive', true);
@@ -8,6 +8,7 @@ import saveInvoice from './saveInvoice.js';
 import savePayments from './savePayments.js';
 import gooogleauth from './googleauth.js';
 import autoReminder from './autoReminder.js';
 import validateSmtp from './validateSmtp.js';
 export const app = express();
 dotenv.config();
@@ -22,3 +23,4 @@ app.post('/saveinvoice', saveInvoice);
 app.post('/savepayment', savePayments);
 app.post('/googleauth', gooogleauth);
 app.post('/sendreminder', autoReminder);
 app.post('/validatesmtp', validateSmtp);
@@ -9,8 +9,6 @@ import getDocument from './routes/getDocument.js';
 import getContact from './routes/getContact.js';
 import deleteContact from './routes/deleteContact.js';
 import getContactList from './routes/getContactList.js';
 import draftDocument from './routes/draftDocument.js';
 import createTemplate from './routes/createTemplate.js';
 import getTemplate from './routes/getTemplate.js';
 import deletedTemplate from './routes/deleteTemplate.js';
 import getTemplatetList from './routes/getTemplateList.js';
@@ -60,9 +58,6 @@ app.post('/createdocumentwithbinary', upload.array('file', 1), createDocumentwit
 // create Document with co-ordinate
 app.post('/createdocument', createDocumentwithCoordinate);
 // create Document with base64 without placeholder
 app.post('/draftdocument', draftDocument);
 // create Document with templateId
 app.post('/createdocument/:template_id', createDocumentWithTemplate);
@@ -81,9 +76,6 @@ app.get('/documentlist/:doctype', getDocumentList);
 // create Template with co-ordinate
 app.post('/createtemplate', createTemplatewithCoordinate);
 // create Template
 app.post('/drafttemplate', createTemplate);
 // create Template with binary
 app.post('/createtemplatewithbinary', upload.array('file', 1), createTemplatewithCoordinate);
@@ -49,7 +49,7 @@ export default async function createDocumentWithTemplate(request, response) {
  const send_email = request.body.send_email;
  const email_subject = request.body.email_subject;
  const email_body = request.body.email_body;
-  const sendInOrder = request.body.sendInOrder || false;
+  const sendInOrder = request.body.sendInOrder || true;
  const TimeToCompleteDays = request.body.timeToCompleteDays || 15;
  try {
@@ -91,6 +91,7 @@ export default async function createDocumentWithTemplate(request, response) {
        if (totalcredits > 0) {
          const templateQuery = new Parse.Query('contracts_Template');
          templateQuery.include('ExtUserPtr');
          templateQuery.include('ExtUserPtr.TenantId');
          const templateRes = await templateQuery.get(templateId, { useMasterKey: true });
          if (templateRes) {
            const template = JSON.parse(JSON.stringify(templateRes));
@@ -196,6 +197,14 @@ export default async function createDocumentWithTemplate(request, response) {
                if (TimeToCompleteDays) {
                  object.set('TimeToCompleteDays', TimeToCompleteDays);
                }
                const enableOTP = request.body?.enableOTP;
                const IsEnableOTP =
                  enableOTP !== undefined ? enableOTP : template?.IsEnableOTP || false;
                const enableTour = request.body?.enableTour;
                const isTourEnabled =
                  enableTour !== undefined ? enableTour : template?.IsTourEnabled || false;
                object.set('IsTourEnabled', isTourEnabled);
                object.set('IsEnableOTP', IsEnableOTP);
                object.set('CreatedBy', template.CreatedBy);
                object.set('ExtUserPtr', {
                  __type: 'Pointer',
@@ -205,6 +214,9 @@ export default async function createDocumentWithTemplate(request, response) {
                if (folderId) {
                  object.set('Folder', folderPtr);
                }
                if (template?.FileAdapterId) {
                  object.set('FileAdapterId', template?.FileAdapterId);
                }
                const newACL = new Parse.ACL();
                newACL.setPublicReadAccess(false);
                newACL.setPublicWriteAccess(false);
@@ -265,7 +277,7 @@ export default async function createDocumentWithTemplate(request, response) {
                        orgName +
                        "</td></tr> <tr> <td style='font-weight:bold;font-family:sans-serif;font-size:15px'>Expires on</td><td> </td> <td style='color:#626363;font-weight:bold'>" +
                        localExpireDate +
-                        "</td></tr><tr> <td></td> <td> </td></tr></table> </div> <div style='margin-left:70px'><a href=" +
+                        "</td></tr><tr> <td></td> <td> </td></tr></table> </div> <div style='margin-left:70px'><a target=_blank href=" +
                        signPdf +
                        "> <button style='padding: 12px 12px 12px 12px;background-color: #d46b0f;color: white;  border: 0px;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;font-weight:bold;margin-top:30px;'>Sign here</button></a> </div> <div style='display: flex; justify-content: center;margin-top: 10px;'> </div></div></div><div><p> This is an automated email from OpenSign™. For any queries regarding this email, please contact the sender " +
                        sender +
@@ -312,6 +324,7 @@ export default async function createDocumentWithTemplate(request, response) {
                        from: sender,
                        html: html,
                        extUserId: template.ExtUserPtr.objectId,
                        mailProvider: template?.ExtUserPtr?.active_mail_adapter || '',
                      };
                      sendMail = await axios.post(url, params, { headers: headers });
                    } catch (error) {
@@ -8,6 +8,7 @@ import {
  sanitizeFileName,
  cloudServerUrl,
 } from '../../../../Utils.js';
 import uploadFileToS3 from '../../../parsefunction/uploadFiletoS3.js';
 // `sendDoctoWebhook` is used to send res data of document on webhook
 async function sendDoctoWebhook(doc, WebhookUrl, userId) {
@@ -61,8 +62,10 @@ export default async function createDocumentwithCoordinate(request, response) {
  const fileData = request.files?.[0] ? request.files[0].buffer : null;
  const email_subject = request.body.email_subject;
  const email_body = request.body.email_body;
-  const sendInOrder = request.body.sendInOrder || false;
+  const sendInOrder = request.body.sendInOrder || true;
  const TimeToCompleteDays = request.body.timeToCompleteDays || 15;
  const IsEnableOTP = request.body?.enableOTP === true ? true : false;
  const isTourEnabled = request.body?.enableTour || false;
  // console.log('fileData ', fileData);
  const protocol = customAPIurl();
  const baseUrl = new URL(process.env.PUBLIC_URL);
@@ -86,6 +89,7 @@ export default async function createDocumentwithCoordinate(request, response) {
      };
      const extUsers = new Parse.Query('contracts_Users');
      extUsers.equalTo('UserId', userPtr);
      extUsers.include('TenantId');
      const extUser = await extUsers.first({ useMasterKey: true });
      const subscription = new Parse.Query('contracts_Subscriptions');
@@ -113,6 +117,7 @@ export default async function createDocumentwithCoordinate(request, response) {
                .status(400)
                .json({ error: 'Please add at least one signature widget for all signers' });
            }
            const parseExtUser = JSON.parse(JSON.stringify(extUser));
            let fileUrl;
            if (request.files?.[0]) {
              const base64 = fileData?.toString('base64');
@@ -125,23 +130,29 @@ export default async function createDocumentwithCoordinate(request, response) {
              saveFileUsage(buffer.length, fileUrl, parseUser.userId.objectId);
            } else {
              const filename = sanitizeFileName(`${name}.pdf`);
-              const file = new Parse.File(filename, { base64: base64File }, 'application/pdf');
+              let adapter = {};
-              await file.save({ useMasterKey: true });
+              const ActiveFileAdapter = parseExtUser?.TenantId?.ActiveFileAdapter || '';
-              fileUrl = file.url();
+              if (ActiveFileAdapter) {
                adapter =
                  parseExtUser?.TenantId?.FileAdapters?.find(x => (x.id = ActiveFileAdapter)) || {};
              }
              if (adapter?.id) {
                const filedata = Buffer.from(base64File, 'base64');
                // `uploadFileToS3` is used to save document in user's file storage
                fileUrl = await uploadFileToS3(filedata, filename, 'application/pdf', adapter);
              } else {
                const file = new Parse.File(filename, { base64: base64File }, 'application/pdf');
                await file.save({ useMasterKey: true });
                fileUrl = file.url();
              }
              const buffer = Buffer.from(base64File, 'base64');
              saveFileUsage(buffer.length, fileUrl, parseUser.userId.objectId);
            }
            const contractsUser = new Parse.Query('contracts_Users');
            contractsUser.equalTo('UserId', userPtr);
            const extUser = await contractsUser.first({ useMasterKey: true });
            const parseExtUser = JSON.parse(JSON.stringify(extUser));
            const extUserPtr = {
              __type: 'Pointer',
              className: 'contracts_Users',
              objectId: extUser.id,
            };
            const object = new Parse.Object('contracts_Document');
            object.set('Name', name);
@@ -162,7 +173,12 @@ export default async function createDocumentwithCoordinate(request, response) {
            if (TimeToCompleteDays) {
              object.set('TimeToCompleteDays', TimeToCompleteDays);
            }
            object.set('IsEnableOTP', IsEnableOTP);
            object.set('IsTourEnabled', isTourEnabled);
            object.set('IsSendMail', send_email);
            if (parseExtUser?.TenantId?.ActiveFileAdapter) {
              object.set('FileAdapterId', parseExtUser?.TenantId?.ActiveFileAdapter);
            }
            let contact = [];
            if (signers && signers.length > 0) {
              let parseSigners;
@@ -323,7 +339,7 @@ export default async function createDocumentwithCoordinate(request, response) {
                    orgName +
                    "</td></tr> <tr> <td style='font-weight:bold;font-family:sans-serif;font-size:15px'>Expires on</td><td> </td> <td style='color:#626363;font-weight:bold'>" +
                    localExpireDate +
-                    "</td></tr><tr> <td></td> <td> </td></tr></table> </div> <div style='margin-left:70px'><a href=" +
+                    "</td></tr><tr> <td></td> <td> </td></tr></table> </div> <div style='margin-left:70px'><a target=_blank href=" +
                    signPdf +
                    "> <button style='padding: 12px 12px 12px 12px;background-color: #d46b0f;color: white;  border: 0px;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;font-weight:bold;margin-top:30px'>Sign here</button></a> </div> <div style='display: flex; justify-content: center;margin-top: 10px;'> </div></div></div><div><p> This is an automated email from OpenSign™. For any queries regarding this email, please contact the sender " +
                    sender +
@@ -369,6 +385,7 @@ export default async function createDocumentwithCoordinate(request, response) {
                    from: sender,
                    html: html,
                    extUserId: extUser.id,
                    mailProvider: parseExtUser?.active_mail_adapter || '',
                  };
                  await axios.post(url, params, { headers: headers });
@@ -1,138 +0,0 @@
 import { saveFileUsage } from '../../../../Utils.js';
 export default async function createTemplate(request, response) {
  const name = request.body?.title;
  const note = request.body?.note;
  const description = request.body?.description;
  const signers = request.body?.signers;
  const folderId = request.body?.folderId;
  const base64File = request.body.file;
  const SendinOrder = request.body.sendInOrder || false;
  const fileData = request.files?.[0] ? request.files[0].buffer : null;
  const baseUrl = new URL(process.env.PUBLIC_URL);
  try {
    const reqToken = request.headers['x-api-token'];
    if (!reqToken) {
      return response.status(400).json({ error: 'Please Provide API Token' });
    }
    const tokenQuery = new Parse.Query('appToken');
    tokenQuery.equalTo('token', reqToken);
    tokenQuery.include('userId');
    const token = await tokenQuery.first({ useMasterKey: true });
    if (token !== undefined) {
      // Valid Token then proceed request
      const parseUser = JSON.parse(JSON.stringify(token));
      const userPtr = {
        __type: 'Pointer',
        className: '_User',
        objectId: parseUser.userId.objectId,
      };
      let fileUrl;
      if (base64File) {
        const file = new Parse.File(`${name}.pdf`, {
          base64: base64File,
        });
        await file.save({ useMasterKey: true });
        fileUrl = file.url();
        const buffer = Buffer.from(base64File, 'base64');
        saveFileUsage(buffer.length, fileUrl, parseUser.userId.objectId);
      } else {
        const base64 = fileData?.toString('base64');
        const file = new Parse.File(request.files?.[0]?.originalname, {
          base64: base64,
        });
        await file.save({ useMasterKey: true });
        fileUrl = file.url();
        const buffer = Buffer.from(base64, 'base64');
        saveFileUsage(buffer.length, fileUrl, parseUser.userId.objectId);
      }
      const contractsUser = new Parse.Query('contracts_Users');
      contractsUser.equalTo('UserId', userPtr);
      const extUser = await contractsUser.first({ useMasterKey: true });
      const extUserPtr = { __type: 'Pointer', className: 'contracts_Users', objectId: extUser.id };
      const folderPtr = { __type: 'Pointer', className: 'contracts_Template', objectId: folderId };
      const object = new Parse.Object('contracts_Template');
      object.set('Name', name);
      if (note) {
        object.set('Note', note);
      }
      if (description) {
        object.set('Description', description);
      }
      object.set('URL', fileUrl);
      object.set('CreatedBy', userPtr);
      object.set('ExtUserPtr', extUserPtr);
      if (SendinOrder) {
        object.set('SendinOrder', SendinOrder);
      }
      if (signers && signers.length > 0) {
        let parseSigners;
        if (base64File) {
          parseSigners = signers;
        } else {
          parseSigners = JSON.parse(signers);
        }
        let createContactUrl = protocol + '/v1/createcontact';
        let contact = [];
        for (const obj of parseSigners) {
          const body = {
            name: obj?.name || '',
            email: obj?.email || '',
            phone: obj?.phone || '',
          };
          try {
            const res = await axios.post(createContactUrl, body, {
              headers: { 'Content-Type': 'application/json', 'x-api-token': reqToken },
            });
            // console.log('res ', res.data);
            contact.push({
              __type: 'Pointer',
              className: 'contracts_Contactbook',
              objectId: res.data?.objectId,
            });
          } catch (err) {
            // console.log('err ', err.response);
            if (err?.response?.data?.objectId) {
              contact.push({
                __type: 'Pointer',
                className: 'contracts_Contactbook',
                objectId: err.response.data?.objectId,
              });
            }
          }
        }
        object.set('Signers', contact);
      }
      if (folderId) {
        object.set('Folder', folderPtr);
      }
      const newACL = new Parse.ACL();
      newACL.setPublicReadAccess(false);
      newACL.setPublicWriteAccess(false);
      newACL.setReadAccess(userPtr.objectId, true);
      newACL.setWriteAccess(userPtr.objectId, true);
      object.setACL(newACL);
      const res = await object.save(null, { useMasterKey: true });
      if (request.posthog) {
        request.posthog?.capture({
          distinctId: parseUser.userId.email,
          event: 'api_draft_template',
          properties: { response_code: 200 },
        });
      }
      return response.json({
        objectId: res.id,
        url: baseUrl.origin + '/template/' + res.id,
      });
    } else {
      return response.status(405).json({ error: 'Invalid API Token!' });
    }
  } catch (err) {
    console.log('err ', err);
    return response.status(400).json({ error: 'Something went wrong, please try again later!' });
  }
 }
@@ -6,6 +6,7 @@ import {
  formatWidgetOptions,
  sanitizeFileName,
 } from '../../../../Utils.js';
 import uploadFileToS3 from '../../../parsefunction/uploadFiletoS3.js';
 const randomId = () => Math.floor(1000 + Math.random() * 9000);
 export default async function createTemplatewithCoordinate(request, response) {
@@ -16,7 +17,10 @@ export default async function createTemplatewithCoordinate(request, response) {
  const folderId = request.body.folderId;
  const base64File = request.body.file;
  const fileData = request.files?.[0] ? request.files[0].buffer : null;
-  const SendinOrder = request.body.sendInOrder || false;
+  const SendinOrder = request.body.sendInOrder || true;
  const isEnableOTP = request.body?.enableOTP === true ? true : false;
  const isTourEnabled = request.body?.enableTour || false;
  // console.log('fileData ', fileData);
  const protocol = customAPIurl();
@@ -38,6 +42,11 @@ export default async function createTemplatewithCoordinate(request, response) {
        objectId: parseUser.userId.objectId,
      };
      if (signers && signers.length > 0) {
        const contractsUser = new Parse.Query('contracts_Users');
        contractsUser.equalTo('UserId', userPtr);
        contractsUser.include('TenantId');
        const extUser = await contractsUser.first({ useMasterKey: true });
        const parseExtUser = JSON.parse(JSON.stringify(extUser));
        let fileUrl;
        if (request.files?.[0]) {
          const base64 = fileData?.toString('base64');
@@ -50,24 +59,31 @@ export default async function createTemplatewithCoordinate(request, response) {
          saveFileUsage(buffer.length, fileUrl, parseUser.userId.objectId);
        } else {
          const filename = sanitizeFileName(`${name}.pdf`);
-          const file = new Parse.File(filename, { base64: base64File }, 'application/pdf');
+          let adapter = {};
-          await file.save({ useMasterKey: true });
+          const ActiveFileAdapter = parseExtUser?.TenantId?.ActiveFileAdapter || '';
-          fileUrl = file.url();
+          if (ActiveFileAdapter) {
            adapter =
              parseExtUser?.TenantId?.FileAdapters?.find(x => (x.id = ActiveFileAdapter)) || {};
          }
          if (adapter?.id) {
            const filedata = Buffer.from(base64File, 'base64');
            // `uploadFileToS3` is used to save document in user's file storage
            fileUrl = await uploadFileToS3(filedata, filename, 'application/pdf', adapter);
          } else {
            const file = new Parse.File(filename, { base64: base64File }, 'application/pdf');
            await file.save({ useMasterKey: true });
            fileUrl = file.url();
          }
          const buffer = Buffer.from(base64File, 'base64');
          saveFileUsage(buffer.length, fileUrl, parseUser.userId.objectId);
        }
        const contractsUser = new Parse.Query('contracts_Users');
        contractsUser.equalTo('UserId', userPtr);
        const extUser = await contractsUser.first({ useMasterKey: true });
        const extUserPtr = {
          __type: 'Pointer',
          className: 'contracts_Users',
          objectId: extUser.id,
        };
        const object = new Parse.Object('contracts_Template');
        object.set('Name', name);
        if (note) {
          object.set('Note', note);
        }
@@ -80,6 +96,8 @@ export default async function createTemplatewithCoordinate(request, response) {
        object.set('URL', fileUrl);
        object.set('CreatedBy', userPtr);
        object.set('ExtUserPtr', extUserPtr);
        object.set('IsEnableOTP', isEnableOTP);
        object.set('IsTourEnabled', isTourEnabled);
        let contact = [];
        if (signers && signers.length > 0) {
          let parseSigners;
@@ -183,6 +201,9 @@ export default async function createTemplatewithCoordinate(request, response) {
            objectId: folderId,
          });
        }
        if (parseExtUser?.TenantId?.ActiveFileAdapter) {
          object.set('FileAdapterId', parseExtUser?.TenantId?.ActiveFileAdapter);
        }
        const newACL = new Parse.ACL();
        newACL.setPublicReadAccess(false);
        newACL.setPublicWriteAccess(false);
@@ -20,6 +20,7 @@ export default async function deleteDocument(request, response) {
      const Document = new Parse.Query('contracts_Document');
      Document.equalTo('objectId', request.params.document_id);
      Document.equalTo('CreatedBy', userPtr);
      Document.include('ExtUserPtr.TenantId');
      const res = await Document.first({ useMasterKey: true });
      if (res) {
        const isArchive = res.get('IsArchive');
@@ -22,6 +22,7 @@ export default async function deleteFolder(request, response) {
      obj.equalTo('objectId', folderId);
      obj.equalTo('IsArchive', true);
      obj.equalTo('CreatedBy', userPtr);
      obj.include('ExtUserPtr.TenantId');
      const isFolderDeleted = await obj.first({ useMasterKey: true });
      if (!isFolderDeleted) {
        const folder = new Parse.Query('contracts_Document');
@@ -34,6 +35,7 @@ export default async function deleteFolder(request, response) {
        folder.notEqualTo('IsArchive', true);
        folder.equalTo('CreatedBy', userPtr);
        folder.equalTo('Type', 'Folder');
        folder.include('ExtUserPtr.TenantId');
        const isSubItems = await folder.first({ useMasterKey: true });
        // console.log('isSubItems ', isSubItems);
        if (isSubItems) {
@@ -19,6 +19,7 @@ export default async function deletedTemplate(request, response) {
      const template = new Parse.Query('contracts_Template');
      template.equalTo('objectId', request.params.template_id);
      template.equalTo('CreatedBy', userPtr);
      template.include('ExtUserPtr.TenantId');
      const res = await template.first({ useMasterKey: true });
      if (res) {
        const isArchive = res.get('IsArchive');
@@ -1,163 +0,0 @@
 import axios from 'axios';
 import { customAPIurl, saveFileUsage } from '../../../../Utils.js';
 // const randomId = () => Math.floor(1000 + Math.random() * 9000);
 export default async function draftDocument(request, response) {
  const name = request.body.title;
  const note = request.body.note;
  const description = request.body.description;
  const signers = request.body.signers;
  const folderId = request.body.folderId;
  const base64File = request.body.file;
  const send_email = request.body.send_email || true;
  const fileData = request.files?.[0] ? request.files[0].buffer : null;
  const SendinOrder = request.body.sendInOrder || false;
  // console.log('fileData ', fileData);
  const protocol = customAPIurl();
  const baseUrl = new URL(process.env.PUBLIC_URL);
  try {
    const reqToken = request.headers['x-api-token'];
    if (!reqToken) {
      return response.status(400).json({ error: 'Please Provide API Token' });
    }
    const tokenQuery = new Parse.Query('appToken');
    tokenQuery.equalTo('token', reqToken);
    tokenQuery.include('userId');
    const token = await tokenQuery.first({ useMasterKey: true });
    if (token !== undefined) {
      const parseUser = JSON.parse(JSON.stringify(token));
      const userPtr = {
        __type: 'Pointer',
        className: '_User',
        objectId: parseUser.userId.objectId,
      };
      // Valid Token then proceed request
      if (signers && signers.length > 0) {
        let fileUrl;
        if (request.files?.[0]) {
          const base64 = fileData?.toString('base64');
          const file = new Parse.File(request.files?.[0]?.originalname, {
            base64: base64,
          });
          await file.save({ useMasterKey: true });
          fileUrl = file.url();
          const buffer = Buffer.from(base64, 'base64');
          saveFileUsage(buffer.length, fileUrl, parseUser.userId.objectId);
        } else {
          const file = new Parse.File(`${name}.pdf`, {
            base64: base64File,
          });
          await file.save({ useMasterKey: true });
          fileUrl = file.url();
          const buffer = Buffer.from(base64File, 'base64');
          saveFileUsage(buffer.length, fileUrl, parseUser.userId.objectId);
        }
        const contractsUser = new Parse.Query('contracts_Users');
        contractsUser.equalTo('UserId', userPtr);
        const extUser = await contractsUser.first({ useMasterKey: true });
        const extUserPtr = {
          __type: 'Pointer',
          className: 'contracts_Users',
          objectId: extUser.id,
        };
        const folderPtr = {
          __type: 'Pointer',
          className: 'contracts_Document',
          objectId: folderId,
        };
        const object = new Parse.Object('contracts_Document');
        object.set('Name', name);
        if (note) {
          object.set('Note', note);
        }
        if (description) {
          object.set('Description', description);
        }
        if (SendinOrder) {
          object.set('SendinOrder', SendinOrder);
        }
        object.set('URL', fileUrl);
        object.set('CreatedBy', userPtr);
        object.set('ExtUserPtr', extUserPtr);
        object.set('IsSendMail', send_email);
        if (signers && signers.length > 0) {
          let parseSigners;
          if (base64File) {
            parseSigners = signers;
          } else {
            parseSigners = JSON.parse(signers);
          }
          let createContactUrl = protocol + '/v1/createcontact';
          let contact = [];
          for (const obj of parseSigners) {
            const body = {
              name: obj?.name || '',
              email: obj?.email || '',
              phone: obj?.phone || '',
            };
            try {
              const res = await axios.post(createContactUrl, body, {
                headers: { 'Content-Type': 'application/json', 'x-api-token': reqToken },
              });
              // console.log('res ', res.data);
              contact.push({
                __type: 'Pointer',
                className: 'contracts_Contactbook',
                objectId: res.data?.objectId,
              });
            } catch (err) {
              // console.log('err ', err.response);
              if (err?.response?.data?.objectId) {
                contact.push({
                  __type: 'Pointer',
                  className: 'contracts_Contactbook',
                  objectId: err.response.data?.objectId,
                });
              }
            }
          }
          object.set('Signers', contact);
        }
        if (folderId) {
          object.set('Folder', folderPtr);
        }
        const newACL = new Parse.ACL();
        newACL.setPublicReadAccess(false);
        newACL.setPublicWriteAccess(false);
        newACL.setReadAccess(userPtr.objectId, true);
        newACL.setWriteAccess(userPtr.objectId, true);
        object.setACL(newACL);
        const res = await object.save(null, { useMasterKey: true });
        if (request.posthog) {
          request.posthog?.capture({
            distinctId: parseUser.userId.email,
            event: 'api_draft_document',
            properties: { response_code: 200 },
          });
        }
        return response.json({
          objectId: res.id,
          url: `${baseUrl.origin}/placeholdersign/${res.id}`,
        });
      } else {
        if (request.posthog) {
          request.posthog?.capture({
            distinctId: parseUser.userId.email,
            event: 'api_draft_document',
            properties: { response_code: 400 },
          });
        }
        return response.status(400).json({ error: 'Please provide signers!' });
      }
    } else {
      return response.status(405).json({ error: 'Invalid API Token!' });
    }
  } catch (err) {
    console.log('err ', err);
    return response.status(400).json({ error: 'Something went wrong, please try again later!' });
  }
 }
@@ -24,6 +24,7 @@ export default async function getDocument(request, response) {
      Document.include('Folder');
      Document.include('ExtUserPtr');
      Document.include('Placeholders.signerPtr');
      Document.include('ExtUserPtr.TenantId');
      const res = await Document.first({ useMasterKey: true });
      if (res) {
        const document = JSON.parse(JSON.stringify(res));
@@ -62,8 +63,10 @@ export default async function getDocument(request, response) {
            document?.Signers?.map(y => ({ name: y?.Name, email: y?.Email, phone: y?.Phone })) ||
            [],
          sendInOrder: document?.SendinOrder || false,
          enableOTP: document?.IsEnableOTP || false,
          createdAt: document.createdAt,
          updatedAt: document.updatedAt,
          enableTour: document?.IsTourEnabled || false,
        });
      } else {
        if (request.posthog) {
@@ -62,7 +62,7 @@ export default async function getDocumentList(request, response) {
          'X-Parse-Application-Id': appId,
          'X-Parse-Master-Key': process.env.MASTER_KEY,
        };
-        const url = `${serverUrl}/classes/${clsName}?where=${strParams}&keys=${strKeys},Placeholders&order=${orderBy}&skip=${skip}&limit=${limit}&include=AuditTrail.UserPtr,Placeholders.signerPtr`;
+        const url = `${serverUrl}/classes/${clsName}?where=${strParams}&keys=${strKeys},Placeholders&order=${orderBy}&skip=${skip}&limit=${limit}&include=AuditTrail.UserPtr,Placeholders.signerPtr,ExtUserPtr.TenantId`;
        try {
          const res = await axios.get(url, { headers: headers });
          if (res.data && res.data.results.length > 0) {
@@ -100,8 +100,10 @@ export default async function getDocumentList(request, response) {
                x?.Signers?.map(y => ({ name: y?.Name, email: y?.Email, phone: y?.Phone })) ||
                [],
              sendInOrder: x?.SendinOrder || false,
              enableOTP: x?.IsEnableOTP || false,
              createdAt: x.createdAt,
              updatedAt: x.updatedAt,
              enableTour: x?.IsTourEnabled || false,
            }));
            return response.json({ result: updateRes });
          } else {
@@ -25,7 +25,7 @@ export default async function getFolder(request, response) {
      folderCls.notEqualTo('IsArchive', true);
      folderCls.descending('createdAt');
      folderCls.include('Folder');
-
+      folderCls.include('ExtUserPtr.TenantId');
      const res = await folderCls.first({ useMasterKey: true });
      if (res) {
        const parseRes = JSON.parse(JSON.stringify(res));
@@ -35,6 +35,7 @@ export default async function getFolderList(request, response) {
        folderCls.doesNotExist('Folder');
      }
      folderCls.descending('createdAt');
      folderCls.include('ExtUserPtr.TenantId');
      folderCls.limit(limit);
      folderCls.skip(skip);
      const res = await folderCls.find({ useMasterKey: true });
@@ -25,6 +25,7 @@ export default async function getTemplate(request, response) {
      Template.include('Folder');
      Template.include('ExtUserPtr');
      Template.include('Placeholders.signerPtr');
      Template.include('ExtUserPtr.TenantId');
      const res = await Template.first({ useMasterKey: true });
      if (res) {
        const template = JSON.parse(JSON.stringify(res));
@@ -61,8 +62,10 @@ export default async function getTemplate(request, response) {
              ),
            })) || [],
          sendInOrder: template?.SendinOrder || false,
          enableOTP: template?.IsEnableOTP || false,
          createdAt: template.createdAt,
          updatedAt: template.updatedAt,
          enableTour: template?.IsTourEnabled || false,
        });
      } else {
        if (request.posthog) {
@@ -53,7 +53,7 @@ export default async function getTemplatetList(request, response) {
        'X-Parse-Application-Id': appId,
        'X-Parse-Master-Key': process.env.MASTER_KEY,
      };
-      const url = `${serverUrl}/classes/${clsName}?where=${strParams}&keys=${strKeys}&order=${orderBy}&skip=${skip}&limit=${limit}&include=AuditTrail.UserPtr,Placeholders.signerPtr`;
+      const url = `${serverUrl}/classes/${clsName}?where=${strParams}&keys=${strKeys}&order=${orderBy}&skip=${skip}&limit=${limit}&include=AuditTrail.UserPtr,Placeholders.signerPtr,ExtUserPtr.TenantId`;
      const res = await axios.get(url, { headers: headers });
      if (res.data && res.data.results.length > 0) {
        if (request.posthog) {
@@ -88,8 +88,10 @@ export default async function getTemplatetList(request, response) {
              ),
            })) || [],
          sendInOrder: template?.SendinOrder || false,
          enableOTP: template?.IsEnableOTP || false,
          createdAt: template.createdAt,
          updatedAt: template.updatedAt,
          enableTour: template?.IsTourEnabled || false,
        }));
        return response.json({ result: updateRes });
@@ -35,12 +35,13 @@ export default async function resendMail(request, response) {
      docQuery.notEqualTo('IsArchive', true);
      docQuery.greaterThanOrEqualTo('ExpiryDate', new Date());
      docQuery.exists('SignedUrl');
-
+      docQuery.include('ExtUserPtr.TenantId');
      const resDoc = await docQuery.first({ useMasterKey: true });
      // console.log("resDoc ",resDoc)
      if (resDoc) {
        const _resDoc = resDoc.toJSON();
        const contact = _resDoc.Signers.find(x => x.Email === userMail);
        const activeMailAdapter = _resDoc?.ExtUserPtr?.active_mail_adapter || '';
        if (contact) {
          try {
            const imgPng = 'https://qikinnovation.ams3.digitaloceanspaces.com/logo.png';
@@ -85,7 +86,7 @@ export default async function resendMail(request, response) {
              orgName +
              "</td></tr> <tr> <td style='font-weight:bold;font-family:sans-serif;font-size:15px'>Expires on</td><td> </td> <td style='color:#626363;font-weight:bold'>" +
              localExpireDate +
-              "</td></tr><tr> <td></td> <td> </td></tr></table> </div> <div style='margin-left:70px'><a href=" +
+              "</td></tr><tr> <td></td> <td> </td></tr></table> </div> <div style='margin-left:70px'><a target=_blank href=" +
              signPdf +
              "> <button style='padding: 12px 12px 12px 12px;background-color: #d46b0f;color: white;  border: 0px;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;font-weight:bold;margin-top:30px'>Sign here</button></a> </div> <div style='display: flex; justify-content: center;margin-top: 10px;'> </div></div></div><div><p> This is an automated email from OpenSign™. For any queries regarding this email, please contact the sender " +
              sender +
@@ -131,6 +132,7 @@ export default async function resendMail(request, response) {
              from: sender,
              html: html,
              extUserId: _resDoc.ExtUserPtr.objectId,
              mailProvider: activeMailAdapter,
            };
            const res = await axios.post(url, params, { headers: headers });
@@ -10,7 +10,7 @@ export default async function updateDocument(request, response) {
    const token = await tokenQuery.first({ useMasterKey: true });
    if (token !== undefined) {
      // Valid Token then proceed request
-      const allowedKeys = ['name', 'note', 'description', 'folderId'];
+      const allowedKeys = ['name', 'note', 'description', 'folderId', 'enableOTP', 'enableTour'];
      const objectKeys = Object.keys(request.body);
      const isValid = objectKeys.every(key => allowedKeys.includes(key)) && objectKeys.length > 0;
      const parseUser = JSON.parse(JSON.stringify(token));
@@ -23,6 +23,7 @@ export default async function updateDocument(request, response) {
        const document = new Parse.Query('contracts_Document');
        document.equalTo('objectId', request.params.document_id);
        document.equalTo('CreatedBy', userPtr);
        document.include('ExtUserPtr.TenantId');
        const res = await document.first({ useMasterKey: true });
        if (res) {
          const isArchive = res.get('IsArchive');
@@ -48,6 +49,12 @@ export default async function updateDocument(request, response) {
                objectId: request?.body?.folderId,
              });
            }
            if (request.body?.enableOTP !== undefined) {
              updateQuery.set('IsEnableOTP', request.body?.enableOTP);
            }
            if (request.body?.enableTour !== undefined) {
              updateQuery.set('IsTourEnabled', request.body?.enableTour);
            }
            const updatedRes = await updateQuery.save(null, { useMasterKey: true });
            if (updatedRes) {
              if (request.posthog) {
@@ -25,7 +25,7 @@ export default async function updateFolder(request, response) {
      folderCls.equalTo('objectId', folderId);
      folderCls.equalTo('Type', 'Folder');
      folderCls.notEqualTo('IsArchive', true);
-
+      folderCls.include('ExtUserPtr.TenantId');
      const res = await folderCls.first({ useMasterKey: true });
      if (res) {
        const updateFolder = new Parse.Object('contracts_Document');
@@ -10,7 +10,7 @@ export default async function updateTemplate(request, response) {
    const token = await tokenQuery.first({ useMasterKey: true });
    if (token !== undefined) {
      // Valid Token then proceed request
-      const allowedKeys = ['name', 'note', 'description', 'folderId'];
+      const allowedKeys = ['name', 'note', 'description', 'folderId', 'enableOTP', 'enableTour'];
      const objectKeys = Object.keys(request.body);
      const isValid = objectKeys.every(key => allowedKeys.includes(key)) && objectKeys.length > 0;
      const parseUser = JSON.parse(JSON.stringify(token));
@@ -23,6 +23,7 @@ export default async function updateTemplate(request, response) {
        const template = new Parse.Query('contracts_Template');
        template.equalTo('objectId', request.params.template_id);
        template.equalTo('CreatedBy', userPtr);
        template.include('ExtUserPtr.TenantId');
        const res = await template.first({ useMasterKey: true });
        if (res) {
          const isArchive = res.get('IsArchive');
@@ -48,6 +49,12 @@ export default async function updateTemplate(request, response) {
                objectId: request?.body?.folderId,
              });
            }
            if (request.body?.enableOTP !== undefined) {
              updateQuery.set('IsEnableOTP', request.body?.enableOTP);
            }
            if (request.body?.enableTour !== undefined) {
              updateQuery.set('IsTourEnabled', request.body?.enableTour);
            }
            const updatedRes = await updateQuery.save(null, { useMasterKey: true });
            if (updatedRes) {
              if (request.posthog) {
@@ -0,0 +1,72 @@
 import { createTransport } from 'nodemailer';
 import { appName } from '../../Utils.js';
 // Online Javascript Editor for free
 // Write, Edit and Run your Javascript code using JS Online Compiler
 function generateOtpWithSum10() {
  let otp = [];
  let sum = 0;
  // First, generate 3 random digits (0-9) and add them to the sum
  for (let i = 0; i < 3; i++) {
    let digit = Math.floor(Math.random() * 10);
    otp.push(digit);
    sum += digit;
  }
  // Calculate the last digit to ensure the sum equals 10
  let lastDigit = 10 - sum;
  // If the last digit is not valid (e.g., greater than 9), regenerate
  if (lastDigit >= 0 && lastDigit <= 9) {
    otp.push(lastDigit);
  } else {
    return generateOtpWithSum10(); // Recursively generate again
  }
  return otp.join('');
 }
 export default async function validateSmtp(request, response) {
  const host = request.body.host;
  const port = request.body?.port?.toString();
  const username = request.body.username;
  const password = request.body.password;
  const secure = request.body?.secure;
  const email = request.body?.email;
  const otp = generateOtpWithSum10();
  // console.log('Generated OTP:', otp);
  try {
    const smtpsecure = secure || port !== '465' ? false : true;
    const transporterSMTP = createTransport({
      host: host,
      port: port,
      secure: smtpsecure,
      auth: { user: username, pass: password },
    });
    const from = appName;
    const mailsender = username;
    const messageParams = {
      from: from + ' <' + mailsender + '>',
      to: email,
      subject: `Your ${appName} SMTP credentials verification code`,
      text: 'mail',
      html:
        `<html><head><meta http-equiv='Content-Type' content='text/html; charset=UTF-8' /></head><body><div style='background-color:#f5f5f5;padding:20px'><div style='box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;background-color:white;'><div style='background-color:red;padding:2px;font-family:system-ui; background-color:#47a3ad;'>    <p style='font-size:20px;font-weight:400;color:white;padding-left:20px',>SMTP Verification Code</p></div><div style='padding:20px'><p style='font-family:system-ui;font-size:14px'>Your verification code is:</p><p style=' text-decoration: none; font-weight: bolder; color:blue;font-size:45px;margin:20px'>` +
        otp +
        '</p></div> </div> </div></body></html>',
    };
    const res = await transporterSMTP.sendMail(messageParams);
    console.log('custom smtp transporter res: ', res?.response);
    if (!res.err) {
      response.status(200).json({ message: 'success' });
    }
  } catch (err) {
    console.log('err ', err);
    const code = err?.responseCode || 400;
    const message = err?.response || 'failed!';
    response.status(code).json({ error: message });
  }
 }
@@ -65,6 +65,26 @@ import ExtUserAftersave from './parsefunction/ExtUserAftersave.js';
 import ExtUserAfterdelete from './parsefunction/ExtUserAfterdelete.js';
 import AllowedCredits from './parsefunction/AllowedCredits.js';
 import BuyCredits from './parsefunction/BuyCredits.js';
 import getContact from './parsefunction/getContact.js';
 import updateContactTour from './parsefunction/updateContactTour.js';
 import declinedocument from './parsefunction/declinedocument.js';
 import addcustomsmtp from './parsefunction/addcustomsmtp.js';
 import deactivateMailAdapter from './parsefunction/deactivateMailAdapter.js';
 import addFileAdapter from './parsefunction/addFileAdapter.js';
 import saveToFileAdapter from './parsefunction/saveToFileAdapter.js';
 import getFileAdapter from './parsefunction/getFileAdapter.js';
 import addPfxFile from './parsefunction/addPfxFile.js';
 import getPfxFile from './parsefunction/getPfxFile.js';
 import getTenant from './parsefunction/getTenant.js';
 import getSigners from './parsefunction/getSigners.js';
 import saveFile from './parsefunction/saveFile.js';
 import savecontact from './parsefunction/savecontact.js';
 import isUserInContactBook from './parsefunction/isUserInContactBook.js';
 import updateTourStatus from './parsefunction/updateTourStatus.js';
 import saveTemplate from './parsefunction/saveTemplate.js';
 import updateToPublicTemplate from './parsefunction/updateToPublicTemplate.js';
 import updateSignatureType from './parsefunction/updatesignaturetype.js';
 import updatePreferences from './parsefunction/updatePreferences.js';
 // This afterSave function triggers after an object is added or updated in the specified class, allowing for post-processing logic.
 Parse.Cloud.afterSave('contracts_Document', DocumentAftersave);
@@ -142,3 +162,23 @@ Parse.Cloud.define('allowedusers', AllowedUsers);
 Parse.Cloud.define('buyaddonusers', BuyAddonUsers);
 Parse.Cloud.define('allowedcredits', AllowedCredits);
 Parse.Cloud.define('buycredits', BuyCredits);
 Parse.Cloud.define('getcontact', getContact);
 Parse.Cloud.define('updatecontacttour', updateContactTour);
 Parse.Cloud.define('declinedoc', declinedocument);
 Parse.Cloud.define('addsmtp', addcustomsmtp);
 Parse.Cloud.define('deactivatemailadapter', deactivateMailAdapter);
 Parse.Cloud.define('savetofileadapter', saveToFileAdapter);
 Parse.Cloud.define('addfileadapter', addFileAdapter);
 Parse.Cloud.define('getfileadapter', getFileAdapter);
 Parse.Cloud.define('addpfx', addPfxFile);
 Parse.Cloud.define('getpfx', getPfxFile);
 Parse.Cloud.define('gettenant', getTenant);
 Parse.Cloud.define('getsigners', getSigners);
 Parse.Cloud.define('savetemplate', saveTemplate);
 Parse.Cloud.define('savefile', saveFile);
 Parse.Cloud.define('savecontact', savecontact);
 Parse.Cloud.define('isuserincontactbook', isUserInContactBook);
 Parse.Cloud.define('updatetourstatus', updateTourStatus);
 Parse.Cloud.define('updatetopublictemplate', updateToPublicTemplate);
 Parse.Cloud.define('updatesignaturetype', updateSignatureType);
 Parse.Cloud.define('updatepreferences', updatePreferences);
@@ -1,33 +1,64 @@
-export default async function AllowedCredits(request) {
+import { parseJwt } from '../../Utils.js';
-  if (!request?.user) {
+import jwt from 'jsonwebtoken';
-    throw new Parse.Error(Parse.Error.INVALID_SESSION_TOKEN, 'User is not authenticated.');
+async function checkCredits(userId) {
-  }
+  const extUser = new Parse.Query('contracts_Users');
-  try {
+  extUser.equalTo('UserId', {
-    const extUser = new Parse.Query('contracts_Users');
+    __type: 'Pointer',
-    extUser.equalTo('UserId', {
+    className: '_User',
    objectId: userId,
  });
  const resExtUser = await extUser.first({ useMasterKey: true });
  if (resExtUser) {
    const _resExtUser = JSON.parse(JSON.stringify(resExtUser));
    const subscription = new Parse.Query('contracts_Subscriptions');
    subscription.equalTo('TenantId', {
      __type: 'Pointer',
-      className: '_User',
+      className: 'partners_Tenant',
-      objectId: request.user.id,
+      objectId: _resExtUser.TenantId.objectId,
    });
-    const resExtUser = await extUser.first({ useMasterKey: true });
+    subscription.include('ExtUserPtr');
-    if (resExtUser) {
+    const resSub = await subscription.first({ useMasterKey: true });
-      const _resExtUser = JSON.parse(JSON.stringify(resExtUser));
+    if (resSub) {
-      const subscription = new Parse.Query('contracts_Subscriptions');
+      const _resSub = JSON.parse(JSON.stringify(resSub));
-      subscription.equalTo('TenantId', {
+      const AllowedCredits = _resSub?.AllowedCredits || 0;
-        __type: 'Pointer',
+      const AddonCredits = _resSub?.AddonCredits || 0;
-        className: 'partners_Tenant',
+      return { allowedcredits: AllowedCredits, addoncredits: AddonCredits };
-        objectId: _resExtUser.TenantId.objectId,
+    }
-      });
+  } else {
-      subscription.include('ExtUserPtr');
+    throw new Parse.Error(Parse.Error.OBJECT_NOT_FOUND, 'User not found.');
-      const resSub = await subscription.first({ useMasterKey: true });
+  }
-      if (resSub) {
+}
-        const _resSub = JSON.parse(JSON.stringify(resSub));
+export default async function AllowedCredits(request) {
-        const AllowedCredits = _resSub?.AllowedCredits || 0;
+  const jwttoken = request?.headers?.jwttoken || '';
-        const AddonCredits = _resSub?.AddonCredits || 0;
+
-        return { allowedcredits: AllowedCredits, addoncredits: AddonCredits };
+  try {
    if (request?.user) {
      return await checkCredits(request.user.id);
    } else if (jwttoken) {
      const jwtDecode = parseJwt(jwttoken);
      if (jwtDecode?.user_email) {
        const userCls = new Parse.Query(Parse.User);
        userCls.equalTo('email', jwtDecode?.user_email);
        const userRes = await userCls.first({ useMasterKey: true });
        const userId = userRes?.id;
        const tokenQuery = new Parse.Query('appToken');
        tokenQuery.equalTo('userId', {
          __type: 'Pointer',
          className: '_User',
          objectId: userId,
        });
        const appRes = await tokenQuery.first({ useMasterKey: true });
        const decoded = jwt.verify(jwttoken, appRes?.get('token'));
        if (decoded?.user_email) {
          return await checkCredits(userId);
        } else {
          throw new Parse.Error(Parse.Error.INVALID_SESSION_TOKEN, 'Invalid token.');
        }
      } else {
        throw new Parse.Error(Parse.Error.INVALID_SESSION_TOKEN, 'Invalid token.');
      }
    } else {
-      throw new Parse.Error(Parse.Error.OBJECT_NOT_FOUND, 'User not found.');
+      throw new Parse.Error(Parse.Error.INVALID_SESSION_TOKEN, 'User is not authenticated.');
    }
  } catch (err) {
    console.log('err in allowedCredits', err);
@@ -2,21 +2,30 @@ import { useLocal } from '../../Utils.js';
 import getPresignedUrl from './getSignedUrl.js';
 async function DocumentAfterFind(request) {
-  if (useLocal !== 'true') {
+  if (request.objects.length === 1) {
-    if (request.objects.length === 1) {
+    if (request.objects) {
-      if (request.objects) {
+      const obj = request.objects[0];
-        const obj = request.objects[0];
+      const FileAdapterId = obj?.get('FileAdapterId') || '';
      if (FileAdapterId || useLocal !== 'true') {
        const SignedUrl = obj?.get('SignedUrl') && obj?.get('SignedUrl');
        const Url = obj?.get('URL') && obj?.get('URL');
        const certificateUrl = obj.get('CertificateUrl') && obj.get('CertificateUrl');
        let fileAdapter = {};
        if (FileAdapterId) {
          const tenantId = obj?.get('ExtUserPtr')?.get('TenantId');
          if (tenantId) {
            const _tenantId = JSON.parse(JSON.stringify(obj?.get('ExtUserPtr')?.get('TenantId')));
            fileAdapter = _tenantId?.FileAdapters?.find(x => x.id === FileAdapterId) || {};
          }
        }
        if (SignedUrl) {
-          obj.set('SignedUrl', getPresignedUrl(SignedUrl));
+          obj.set('SignedUrl', getPresignedUrl(SignedUrl, fileAdapter));
        }
        if (Url) {
-          obj.set('URL', getPresignedUrl(Url));
+          obj.set('URL', getPresignedUrl(Url, fileAdapter));
        }
        if (certificateUrl) {
-          obj.set('CertificateUrl', getPresignedUrl(certificateUrl));
+          obj.set('CertificateUrl', getPresignedUrl(certificateUrl, fileAdapter));
        }
        return [obj];
      }
@@ -12,6 +12,7 @@ async function DocumentAftersave(request) {
        const ExpiryDate = new Date(createdAt);
        ExpiryDate.setDate(ExpiryDate.getDate() + TimeToCompleteDays);
        const documentQuery = new Parse.Query('contracts_Document');
        documentQuery.include('ExtUserPtr.TenantId');
        const updateQuery = await documentQuery.get(request.object.id, { useMasterKey: true });
        updateQuery.set('ExpiryDate', ExpiryDate);
        if (!originIp) {
@@ -30,6 +31,7 @@ async function DocumentAftersave(request) {
        const ExpiryDate = new Date(createdAt);
        ExpiryDate.setDate(ExpiryDate.getDate() + TimeToCompleteDays);
        const documentQuery = new Parse.Query('contracts_Document');
        documentQuery.include('ExtUserPtr.TenantId');
        const updateQuery = await documentQuery.get(request.object.id, { useMasterKey: true });
        updateQuery.set('ExpiryDate', ExpiryDate);
        if (!originIp) {
@@ -76,6 +78,7 @@ async function DocumentAftersave(request) {
    // console.log(objId)
    const Query = new Parse.Query('contracts_Document');
    Query.include('Signers');
    Query.include('ExtUserPtr.TenantId');
    Query.include('CreatedBy');
    const updateACL = await Query.get(objId, { useMasterKey: true });
    const res = JSON.parse(JSON.stringify(updateACL));
@@ -116,6 +119,7 @@ async function DocumentAftersave(request) {
    // console.log(objId)
    const Query = new Parse.Query('contracts_Document');
    Query.include('CreatedBy');
    Query.include('ExtUserPtr.TenantId');
    const updateACL = await Query.get(objId, { useMasterKey: true });
    const res = JSON.parse(JSON.stringify(updateACL));
    // console.log("res");
--- a/Show More
+++ b/Show More