{t("failed-to-load-refresh-page")}
} onLoadSuccess={props.pageDetails} ref={props.pdfRef} file={props.pdfUrl} diff --git a/apps/OpenSign/src/components/pdf/AddRoleModal.js b/apps/OpenSign/src/components/pdf/AddRoleModal.js index 5edfd2e0e1..6696306dd7 100644 --- a/apps/OpenSign/src/components/pdf/AddRoleModal.js +++ b/apps/OpenSign/src/components/pdf/AddRoleModal.js @@ -17,8 +17,8 @@ const AddRoleModal = (props) => { onChange={(e) => props.setRoleName(e.target.value)} placeholder={ props.signersdata.length > 0 - ? "User " + (props.signersdata.length + 1) - : "User 1" + ? "Role " + (props.signersdata.length + 1) + : "Role 1" } className="op-input op-input-bordered op-input-sm focus:outline-none hover:border-base-content w-full text-xs mt-1" /> diff --git a/apps/OpenSign/src/components/pdf/Certificate.js b/apps/OpenSign/src/components/pdf/Certificate.js deleted file mode 100644 index 2051c26cd0..0000000000 --- a/apps/OpenSign/src/components/pdf/Certificate.js +++ /dev/null @@ -1,276 +0,0 @@ -import React, { useEffect, useState } from "react"; -import opensignLogo from "../../assets/images/logo.png"; -import { - Page, - Text, - View, - Document, - StyleSheet, - Image -} from "@react-pdf/renderer"; - -function Certificate({ pdfData }) { - const [isMultiSigners, setIsMultiSigners] = useState(); - const [multiSigner, setMultiSigners] = useState([]); - const [isLoad, setIsLoad] = useState(false); - - useEffect(() => { - handleSignerData(); - // eslint-disable-next-line - }, []); - - const handleSignerData = () => { - const checkSigners = pdfData.filter((data) => data.Signers); - if (checkSigners && checkSigners.length > 0) { - setIsMultiSigners(true); - - const checkSignSigners = - pdfData[0].AuditTrail && - pdfData[0].AuditTrail.length > 0 && - pdfData[0].AuditTrail.filter((data) => data.Activity === "Signed"); - - setMultiSigners(checkSignSigners); - } else { - setIsMultiSigners(false); - } - setIsLoad(true); - }; - - const styles = StyleSheet.create({ - page: { - borderRadius: "5px", - padding: "10px", - backgroundColor: "white" - }, - section1: { - border: "1px solid rgb(177, 174, 174)", - padding: "20px" - }, - textStyle: { - fontWeight: "bold", - fontSize: "11px", - marginBottom: "10px" - }, - textStyle2: { - fontWeight: "600", - fontSize: "11px", - marginBottom: "10px", - color: "gray" - }, - image: { - width: "71px", - height: "17px" - } - }); - - const generatedDate = () => { - const newDate = new Date(); - const utcTime = newDate.toUTCString(); - - return ( -This is an automated email from " + diff --git a/apps/OpenSign/src/constant/const.js b/apps/OpenSign/src/constant/const.js index 30ed762975..f6b6198b78 100644 --- a/apps/OpenSign/src/constant/const.js +++ b/apps/OpenSign/src/constant/const.js @@ -4,3 +4,4 @@ export const documentCls = "contracts_Document"; export const themeColor = "#47a3ad"; export const iconColor = "#686968"; export const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; +export const maxFileSize = 10; // 10MB diff --git a/apps/OpenSign/src/json/ReportJson.js b/apps/OpenSign/src/json/ReportJson.js index f27819bd06..ac9990ef72 100644 --- a/apps/OpenSign/src/json/ReportJson.js +++ b/apps/OpenSign/src/json/ReportJson.js @@ -1,4 +1,3 @@ - export default function reportJson(id) { // console.log("json ", json); const head = ["Title", "Note", "Folder", "File", "Owner", "Signers"]; @@ -29,6 +28,25 @@ export default function reportJson(id) { btnIcon: "fa-light fa-trash", redirectUrl: "", action: "delete" + }, + { + btnId: "22534", + hoverLabel: "option", + btnColor: "", + restrictBtn: true, + textColor: "black", + btnIcon: "fa-light fa-ellipsis-vertical fa-lg", + action: "option", + subaction: [ + { + btnId: "1630", + btnLabel: "Save as template", + hoverLabel: "Save as template", + btnIcon: "fa-light fa-envelope", + redirectUrl: "", + action: "saveastemplate" + } + ] } ], helpMsg: @@ -107,6 +125,14 @@ export default function reportJson(id) { redirectUrl: "", action: "revoke" }, + { + btnId: "0630", + btnLabel: "Save as template", + hoverLabel: "Save as template", + btnIcon: "fa-light fa-envelope", + redirectUrl: "", + action: "saveastemplate" + }, { btnId: "1488", btnLabel: "Delete", @@ -143,6 +169,25 @@ export default function reportJson(id) { restrictBtn: true, redirectUrl: "", action: "delete" + }, + { + btnId: "33534", + hoverLabel: "option", + btnColor: "", + restrictBtn: true, + textColor: "black", + btnIcon: "fa-light fa-ellipsis-vertical fa-lg", + action: "option", + subaction: [ + { + btnId: "0930", + btnLabel: "Save as template", + hoverLabel: "Save as template", + btnIcon: "fa-light fa-envelope", + redirectUrl: "", + action: "saveastemplate" + } + ] } ], helpMsg: @@ -169,6 +214,25 @@ export default function reportJson(id) { btnIcon: "fa-light fa-trash", redirectUrl: "", action: "delete" + }, + { + btnId: "44534", + hoverLabel: "option", + btnColor: "", + restrictBtn: true, + textColor: "black", + btnIcon: "fa-light fa-ellipsis-vertical fa-lg", + action: "option", + subaction: [ + { + btnId: "0940", + btnLabel: "Save as template", + hoverLabel: "Save as template", + btnIcon: "fa-light fa-envelope", + redirectUrl: "", + action: "saveastemplate" + } + ] } ], helpMsg: @@ -212,6 +276,14 @@ export default function reportJson(id) { btnIcon: "fa-light fa-hourglass-end", redirectUrl: "", action: "extendexpiry" + }, + { + btnId: "5530", + btnLabel: "Save as template", + hoverLabel: "Save as template", + btnIcon: "fa-light fa-envelope", + redirectUrl: "", + action: "saveastemplate" } ] } @@ -273,6 +345,14 @@ export default function reportJson(id) { redirectUrl: "", action: "revoke" }, + { + btnId: "7730", + btnLabel: "Save as template", + hoverLabel: "Save as template", + btnIcon: "fa-light fa-envelope", + redirectUrl: "", + action: "saveastemplate" + }, { btnId: "2000", btnLabel: "Delete", @@ -323,6 +403,25 @@ export default function reportJson(id) { btnIcon: "fa-light fa-trash", redirectUrl: "", action: "delete" + }, + { + btnId: "55534", + hoverLabel: "option", + btnColor: "", + restrictBtn: true, + textColor: "black", + btnIcon: "fa-light fa-ellipsis-vertical fa-lg", + action: "option", + subaction: [ + { + btnId: "6630", + btnLabel: "Save as template", + hoverLabel: "Save as template", + btnIcon: "fa-light fa-envelope", + redirectUrl: "", + action: "saveastemplate" + } + ] } ] }; diff --git a/apps/OpenSign/src/layout/HomeLayout.js b/apps/OpenSign/src/layout/HomeLayout.js index eb1b03eb83..9297aa9583 100644 --- a/apps/OpenSign/src/layout/HomeLayout.js +++ b/apps/OpenSign/src/layout/HomeLayout.js @@ -15,8 +15,7 @@ import { showHeader } from "../redux/reducers/showHeader"; import { useTranslation } from "react-i18next"; const HomeLayout = () => { - const appName = - "OpenSign™"; + const appName = "OpenSign™"; const { t, i18n } = useTranslation(); const navigate = useNavigate(); const location = useLocation(); @@ -54,8 +53,8 @@ const HomeLayout = () => { }); if (user) { localStorage.setItem("profileImg", user.get("ProfilePic") || ""); - setIsUserValid(true); - setIsLoader(false); + setIsUserValid(true); + setIsLoader(false); } else { setIsUserValid(false); } @@ -72,7 +71,7 @@ const HomeLayout = () => { //function to use save data in cookies storage const saveCookies = () => { const main_Domain = window.location.origin; - const domainName = window.location.hostname; //app.opensignlabs.com + const domainName = window.location.hostname; // Find the index of the first dot in the string const indexOfFirstDot = domainName.indexOf("."); // Remove the first dot and get the substring starting from the next character diff --git a/apps/OpenSign/src/pages/DocSuccessPage.js b/apps/OpenSign/src/pages/DocSuccessPage.js index a957f86552..e394d411db 100644 --- a/apps/OpenSign/src/pages/DocSuccessPage.js +++ b/apps/OpenSign/src/pages/DocSuccessPage.js @@ -1,5 +1,6 @@ import React, { useEffect, useState } from "react"; import { useTranslation } from "react-i18next"; +import Confetti from "react-confetti"; // Import the confetti library import { getBase64FromUrl, handleDownloadCertificate, @@ -10,19 +11,25 @@ import ModalUi from "../primitives/ModalUi"; import Loader from "../primitives/Loader"; import DownloadPdfZip from "../primitives/DownloadPdfZip"; import Title from "../components/Title"; +import CheckCircle from "../primitives/CheckCircle"; const DocSuccessPage = () => { + const { t } = useTranslation(); const signed = window.location?.search?.includes("docid"); const sent = window.location?.search?.includes("message"); const [isDownloading, setIsDownloading] = useState(false); const [isDownloadModal, setIsDownloadModal] = useState(false); const [pdfDetails, setPdfDetails] = useState([]); const [pdfBase64Url, setPdfBase64Url] = useState(""); - const { t } = useTranslation(); + const [showConfetti, setShowConfetti] = useState(true); // State to control confetti useEffect(() => { initialsetup(); + // Stop confetti after 5 seconds + const timer = setTimeout(() => setShowConfetti(false), 5000); + return () => clearTimeout(timer); }, []); + const initialsetup = async () => { const search = window.location.search.split("?")[1]; if (search) { @@ -44,6 +51,7 @@ const DocSuccessPage = () => { } } }; + const handleDownload = () => { if (pdfDetails?.[0]?.IsCompleted) { setIsDownloadModal(true); @@ -51,50 +59,79 @@ const DocSuccessPage = () => { handleDownloadPdf(pdfDetails, setIsDownloading, pdfBase64Url); } }; + return ( -
- {pdfDetails?.[0]?.IsCompleted - ? t("document-signed-alert-4") - : t("document-signed-alert")} -
-+ {t("participant-completed-signing")} +
+ )} ++ {t("you-will-receive-email-shortly")} +
+{t("generate-certificate-alert")}
) : ( @@ -129,11 +166,11 @@ const DocSuccessPage = () => { isDocId={true} pdfBase64={pdfBase64Url} /> -