refactor: refactor code

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

@@ -17,12 +17,12 @@ function EmailComponent({
   setIsAlert,
   extUserId,
   activeMailAdapter,
-  isCompletionCeleb
+  isEmailCelebration
 }) {
   const [emailList, setEmailList] = useState([]);
   const [emailValue, setEmailValue] = useState();
   const [isLoading, setIsLoading] = useState(false);
-  const [isCeleb, setIsCeleb] = useState(false);
+  const [isCelebration, setIsCelebration] = useState(false);
   //function for send email
   const sendEmail = async () => {
     setIsLoading(true);
@@ -63,9 +63,9 @@ function EmailComponent({
             " target=_blank>here</a> </p></div></div></body></html>"
         };
         sendMail = await axios.post(url, params, { headers: headers });
-        setIsCeleb(true);
+        setIsCelebration(true);
         setTimeout(() => {
-          setIsCeleb(false);
+          setIsCelebration(false);
         }, 3000);
       } catch (error) {
         console.log("error", error);
@@ -250,7 +250,7 @@ function EmailComponent({
               </div>
             </div>
             <div style={{ height: "100%", padding: 20 }}>
-              {(isCeleb || isCompletionCeleb) && (
+              {(isCelebration || isEmailCelebration) && (
                 <div className="absolute w-[100%] flex justify-center items-center">
                   <img
                     alt="print img"

apps/OpenSign/src/pages/PdfRequestFiles.js

@@ -61,7 +61,7 @@ function PdfRequestFiles() {
   const [handleError, setHandleError] = useState();
   const [selectWidgetId, setSelectWidgetId] = useState("");
   const [otpLoader, setOtpLoader] = useState(false);
-  const [isCompletionCeleb, setIsCompletionCeleb] = useState(false);
+  const [isCelebration, setIsCelebration] = useState(false);
   const [isLoading, setIsLoading] = useState({
     isLoad: true,
     message: "This might take some time"
@@ -261,7 +261,7 @@ function PdfRequestFiles() {
         setAlreadySign(true);
         setIsCompleted(data);
         setTimeout(() => {
-          setIsCompletionCeleb(false);
+          setIsCelebration(false);
         }, 1500);
       } else if (declined) {
         const currentDecline = {
@@ -722,7 +722,7 @@ function PdfRequestFiles() {
                 setSignedSigners([]);
                 setUnSignedSigners([]);
                 getDocumentDetails(true);
-                setIsCompletionCeleb(true);
+                setIsCelebration(true);
                 const index = pdfDetails?.[0].Signers.findIndex(
                   (x) => x.Email === jsonSender.email
                 );
@@ -1371,9 +1371,7 @@ function PdfRequestFiles() {
                     handleClose={() => {
                       setIsCompleted((prev) => ({ ...prev, isModal: false }));
                     }}
-                    isCompletionCeleb={
-                      !isCompleted?.message && isCompletionCeleb
-                    }
+                    isCelebration={!isCompleted?.message && isCelebration}
                   >
                     <div style={{ height: "100%", padding: 20 }}>
                       <p>

apps/OpenSign/src/pages/SignyourselfPdf.js

@@ -1265,7 +1265,7 @@ function SignYourSelf() {
                 setIsAlert={setIsAlert}
                 extUserId={extUserId}
                 activeMailAdapter={activeMailAdapter}
-                isCompletionCeleb={isCompletionCeleb}
+                isEmailCelebration={isCompletionCeleb}
                 setIsCompletionCeleb={setIsCompletionCeleb}
               />
               {/* pdf header which contain funish back button */}

apps/OpenSign/src/primitives/ModalUi.js

@@ -13,7 +13,7 @@ const ModalUi = ({
   showClose = true,
   styleClass,
   showHeaderMessage,
-  isCompletionCeleb
+  isCelebration
 }) => {
   return (
     <>
@@ -26,7 +26,7 @@ const ModalUi = ({
                 : "fixed z-[1000] top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-sm bg-white rounded shadow-md max-h-90 min-w-[90%] md:min-w-[500px] overflow-y-auto hide-scrollbar"
             }
           >
-            {isCompletionCeleb && (
+            {isCelebration && (
               <div className="absolute w-[100%] flex justify-center items-center">
                 <img
                   alt="print img"