diff --git a/apps/OpenSign/public/locales/en/translation.json b/apps/OpenSign/public/locales/en/translation.json
index af4497936..11417711a 100644
--- a/apps/OpenSign/public/locales/en/translation.json
+++ b/apps/OpenSign/public/locales/en/translation.json
@@ -303,7 +303,9 @@
"otp-verification":"OTP verification",
"enter-otp":"Enter OTP",
"verify":"Verify",
+ "verify-email-1":"Verify email",
"resend":"Resend",
+ "contact-details":"Contact Details",
"verify-email":"Please verify your email !",
"send-otp":" Send OTP",
"otp-placeholder":"Enter OTP received over email",
@@ -567,6 +569,9 @@
"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-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.",
"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.",
+ "option": "This menu reveals more options such as Edit & Delete. Use the 'Edit' button to add signer roles, modify fields, and update your template. Changes will apply to all future documents created from this template but won’t affect existing documents.Use the Delete button you can delete template. ",
"signyour-self-1":"Select and drag your preferred widgets onto the PDF to customize your document before signing. Choose the perfect spots for each modification to tailor the document to your needs.",
"signyour-self-2":"Drag and drop anywhere in this area. You can resize and move it later.",
"template-placeholder-1":"Clicking 'Add role' button will allow you to add various signer roles. You can attach users to each role in subsequent steps.",
@@ -580,11 +585,13 @@
"Recent signature requests": "This is a list of documents that are waiting for your signature.",
"Recently sent for signatures":"This is a list of documents you've sent to other parties for signature.",
"Drafts":"This are documents you have started but have not finalized for sending."
-
-
-
-
- }
+ },
+ "enter-email-plaholder":"Add an email address and hit enter",
+ "success-email-alert":"Email sent successfully!",
+ "expired-doc-title":"Expired Document",
+ "expired-on-mssg" :"This document expired on {{expiredDate}} and is no longer available to sign.",
+ "signature-validate-alert":"Please confirm that you have selected at least {{minRequiredCount}} checkboxes.",
+ "signature-validate-alert-2" :"Ensure this field is accurately filled and meets all requirements."
diff --git a/apps/OpenSign/public/locales/fr/translation.json b/apps/OpenSign/public/locales/fr/translation.json
index 9ba28201c..c79e0f9bc 100644
--- a/apps/OpenSign/public/locales/fr/translation.json
+++ b/apps/OpenSign/public/locales/fr/translation.json
@@ -114,7 +114,7 @@
"Users":"Utilisateurs"
},
"report-heading":{
- "Sr.No":"Numéro du document",
+ "Sr.No":"Numéro",
"Title":"Titre",
"Email":"E-mail",
"Phone":"Téléphone",
@@ -128,7 +128,7 @@
"Active":"Actif",
"Role":"Rôle",
"Team":"Équipe",
- "Name":"Nom et Prénom",
+ "Name":"Nom",
"Status":"Statut",
"created-date":"Date de création",
"Type":"Saisir"
@@ -302,7 +302,9 @@
"otp-verification":"Vérification OTP",
"enter-otp":"Entrez OTP",
"verify":"Vérifier",
+ "verify-email-1":"Vérifier l'e-mail",
"resend":"Renvoyer",
+ "contact-details" :"Coordonnées",
"verify-email":"Veuillez vérifier votre email!",
"send-otp":"envoyer un code à usage unique",
"otp-placeholder":"Saisissez l'OTP reçu par e-mail",
@@ -566,6 +568,9 @@
"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-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.",
"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'.",
+ "option": "Ce menu révèle plus d'options telles que Modifier et Supprimer. Utilisez le bouton « Modifier » pour ajouter des rôles de signataire, modifier les champs et mettre à jour votre modèle. Les modifications s'appliqueront à tous les futurs documents créés à partir de ce modèle mais n'affecteront pas les documents existants. Utilisez le bouton Supprimer, vous pouvez supprimer le modèle ",
"signyour-self-1": "Sélectionnez et faites glisser vos widgets préférés sur le PDF pour personnaliser votre document avant de le signer. Choisissez les endroits parfaits pour chaque modification afin d'adapter le document à vos besoins.",
"signyour-self-2":"Faites glisser et déposer n'importe où dans cette zone. Vous pourrez la redimensionner et la déplacer plus tard.",
"template-placeholder-1":"Cliquer sur le bouton 'Ajouter un rôle' vous permettra d'ajouter différents rôles de signataire. Vous pourrez attacher des utilisateurs à chaque rôle dans les étapes suivantes.",
@@ -579,8 +584,13 @@
"Recent signature requests": "Voici une liste de documents qui attendent votre signature.",
"Recently sent for signatures":"Il s'agit d'une liste de documents que vous avez envoyés à d'autres parties pour signature.",
"Drafts":"Il s'agit de documents que vous avez commencés mais que vous n'avez pas finalisés pour envoi."
-
- }
+ },
+ "enter-email-plaholder":"Ajoutez une adresse email et appuyez sur Entrée",
+ "success-email-alert" :"E-mail envoyé avec succès!",
+ "expired-doc-title" :"Document expiré",
+ "expired-on-mssg" :"Ce document a expiré le {{expiredDate}} et n'est plus disponible pour signature.",
+ "signature-validate-alert":"Veuillez confirmer que vous avez coché au moins {{minRequiredCount}} cases.",
+ "signature-validate-alert-2" :"Assurez-vous que ce champ est rempli avec précision et répond à toutes les exigences."
diff --git a/apps/OpenSign/src/components/AddSigner.js b/apps/OpenSign/src/components/AddSigner.js
index 8f4eb528d..24e73de24 100644
--- a/apps/OpenSign/src/components/AddSigner.js
+++ b/apps/OpenSign/src/components/AddSigner.js
@@ -247,7 +247,9 @@ const AddSigner = (props) => {
type="email"
id="email"
value={email}
- onChange={(e) => setEmail(e.target.value?.toLowerCase())}
+ onChange={(e) =>
+ setEmail(e.target.value?.toLowerCase?.replace(/\s/g, ""))
+ }
required
onInvalid={(e) => e.target.setCustomValidity(t("input-required"))}
onInput={(e) => e.target.setCustomValidity("")}
diff --git a/apps/OpenSign/src/components/AddUser.js b/apps/OpenSign/src/components/AddUser.js
index 4eee75af4..2bdd3f5f5 100644
--- a/apps/OpenSign/src/components/AddUser.js
+++ b/apps/OpenSign/src/components/AddUser.js
@@ -240,8 +240,15 @@ const AddUser = (props) => {
props.closePopup();
}
};
- const handleChange = (e) => {
- setFormdata((prev) => ({ ...prev, [e.target.name]: e.target.value }));
+ const handleChange = (event) => {
+ let { name, value } = event.target;
+ if (name === "email") {
+ value = value?.toLowerCase()?.replace(/\s/g, "");
+ }
+ setFormdata((prev) => ({
+ ...prev,
+ [name]: value
+ }));
};
const copytoclipboard = (text) => {
diff --git a/apps/OpenSign/src/components/pdf/EmailComponent.js b/apps/OpenSign/src/components/pdf/EmailComponent.js
index a41f82cbb..948f58994 100644
--- a/apps/OpenSign/src/components/pdf/EmailComponent.js
+++ b/apps/OpenSign/src/components/pdf/EmailComponent.js
@@ -1,9 +1,7 @@
import React, { useState } from "react";
-import { saveAs } from "file-saver";
import axios from "axios";
-import { getBase64FromUrl } from "../../constant/Utils";
+import { handleDownloadPdf, handleToPrint } from "../../constant/Utils";
import { themeColor, emailRegex } from "../../constant/const";
-import printModule from "print-js";
import Loader from "../../primitives/Loader";
import ModalUi from "../../primitives/ModalUi";
import { useTranslation } from "react-i18next";
@@ -13,7 +11,7 @@ function EmailComponent({
pdfUrl,
setIsEmail,
setSuccessEmail,
- pdfName,
+ pdfDetails,
sender,
setIsAlert,
extUserId,
@@ -24,10 +22,12 @@ function EmailComponent({
const [emailValue, setEmailValue] = useState("");
const [isLoading, setIsLoading] = useState(false);
const [emailErr, setEmailErr] = useState(false);
+ const [isDownloading, setIsDownloading] = useState("");
+ const isAndroid = /Android/i.test(navigator.userAgent);
//function for send email
const sendEmail = async () => {
+ const pdfName = pdfDetails[0]?.Name;
setIsLoading(true);
-
let sendMail;
for (let i = 0; i < emailList.length; i++) {
try {
@@ -113,7 +113,7 @@ function EmailComponent({
};
//function for get email value
const handleEmailValue = (e) => {
- const value = e.target.value;
+ const value = e.target.value?.toLowerCase()?.replace(/\s/g, "");
setEmailErr(false);
setEmailValue(value);
};
@@ -140,43 +140,6 @@ function EmailComponent({
}
}
};
-
- // function for print signed pdf
- const handleToPrint = async (event) => {
- event.preventDefault();
-
- const pdf = await getBase64FromUrl(pdfUrl);
- const isAndroidDevice = navigator.userAgent.match(/Android/i);
- const isAppleDevice =
- (/iPad|iPhone|iPod/.test(navigator.platform) ||
- (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1)) &&
- !window.MSStream;
- if (isAndroidDevice || isAppleDevice) {
- const byteArray = Uint8Array.from(
- atob(pdf)
- .split("")
- .map((char) => char.charCodeAt(0))
- );
- const blob = new Blob([byteArray], { type: "application/pdf" });
- const blobUrl = URL.createObjectURL(blob);
- window.open(blobUrl, "_blank");
- } else {
- printModule({ printable: pdf, type: "pdf", base64: true });
- }
- };
-
- //handle download signed pdf
- const handleDownloadPdf = () => {
- saveAs(pdfUrl, `${sanitizeFileName(pdfName)}_signed_by_OpenSign™.pdf`);
- };
-
- const sanitizeFileName = (pdfName) => {
- // Replace spaces with underscore
- return pdfName.replace(/ /g, "_");
- };
-
- const isAndroid = /Android/i.test(navigator.userAgent);
-
return (
{/* isEmail */}
@@ -190,6 +153,11 @@ function EmailComponent({
)}
+ {isDownloading === "pdf" && (
+
+
+
+ )}
{t("successfully-signed")}
@@ -197,7 +165,7 @@ function EmailComponent({