refactor: provide classname for applogo in header

2026-09-04 16:58:05 +02:00 · 2025-07-07 18:11:49 +00:00
24 changed files with 369 additions and 351 deletions
@@ -2730,32 +2730,19 @@
      }
    },
    "node_modules/@eslint/plugin-kit": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.4.tgz",
-      "integrity": "sha512-Ul5l+lHEcw3L5+k8POx6r74mxEYKG5kOb6Xpy2gCRW6zweT6TEhAf8vhxGgjhqrd/VO/Dirhsb+1hNpD1ue9hw==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.1.tgz",
+      "integrity": "sha512-0J+zgWxHN+xXONWIyPWKFMgVuJoZuGiIFu8yxk7RJjxkzpGmyja5wRFqZIVtjDVOQpV+Rw0iOAjYPE2eQyjr0w==",
      "dev": true,
      "license": "Apache-2.0",
      "dependencies": {
-        "@eslint/core": "^0.15.1",
+        "@eslint/core": "^0.14.0",
        "levn": "^0.4.1"
      },
      "engines": {
        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
      }
    },
-    "node_modules/@eslint/plugin-kit/node_modules/@eslint/core": {
-      "version": "0.15.1",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.1.tgz",
-      "integrity": "sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@types/json-schema": "^7.0.15"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
    "node_modules/@floating-ui/core": {
      "version": "1.7.0",
      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.0.tgz",
@@ -8668,15 +8655,14 @@
      }
    },
    "node_modules/form-data": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
-      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
+      "integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
      "license": "MIT",
      "dependencies": {
        "asynckit": "^0.4.0",
        "combined-stream": "^1.0.8",
        "es-set-tostringtag": "^2.1.0",
-        "hasown": "^2.0.2",
        "mime-types": "^2.1.12"
      },
      "engines": {
@@ -379,7 +379,6 @@
  "certificate": "Zertifikat",
  "decline": "Ablehnen",
  "finish": "Fertigstellen",
-  "done": "Fertig",
  "mail": "E-Mail",
  "sign-now": "Jetzt unterzeichnen",
  "successfully-signed": "Erfolgreich unterzeichnet!",
@@ -1042,6 +1041,5 @@
  "vertical": "Vertikal",
  "horizontal": "Horizontal",
  "billing": "Abrechnung",
-  "console": "Konsole",
-  "action-prohibited": "Diese Aktion ist für Ihre E-Mail-Domain nicht erlaubt. Bitte wenden Sie sich an Ihren Administrator, um Hilfe zu erhalten."
+  "console": "Konsole"
 }
@@ -379,7 +379,6 @@
  "certificate": "Certificate",
  "decline": "Decline",
  "finish": "Finish",
-  "done": "Done",
  "mail": "Mail",
  "sign-now": "Sign now",
  "successfully-signed": "Successfully signed!",
@@ -1042,6 +1041,5 @@
  "vertical": "Vertical",
  "horizontal": "Horizontal",
  "billing": "Billing",
-  "console": "Console",
-  "action-prohibited": "This action isn't allowed for your email domain. Please contact your administrator for assistance."
+  "console": "Console"
 }
@@ -380,7 +380,6 @@
  "certificate": "Certificado",
  "decline": "Rechazar",
  "finish": "Finalizar",
-  "done": "Hecho",
  "mail": "Correo",
  "sign-now": "Firmar ahora",
  "successfully-signed": "¡Firmado exitosamente!",
@@ -1042,6 +1041,5 @@
  "vertical": "Vertical",
  "horizontal": "Horizontal",
  "billing": "Facturación",
-  "console": "Consola",
-  "action-prohibited": "Esta acción no está permitida para su dominio de correo electrónico. Por favor, contacte con su administrador para obtener ayuda."
+  "console": "Consola"
 }
@@ -379,7 +379,6 @@
  "certificate": "Certificat",
  "decline": "refusé",
  "finish": "terminé",
-  "done": "Terminé",
  "mail": "Mail",
  "sign-now": "Signez maintenant",
  "successfully-signed": "Signé avec succès !",
@@ -1042,6 +1041,5 @@
  "vertical": "Vertical",
  "horizontal": "Horizontal",
  "billing": "Facturation",
-  "console": "Console",
-  "action-prohibited": "Cette action n'est pas autorisée pour votre domaine de messagerie. Veuillez contacter votre administrateur pour obtenir de l'aide."
+  "console": "Console"
 }
@@ -379,7 +379,6 @@
  "certificate": "प्रमाण पत्र",
  "decline": "अस्वीकार करें",
  "finish": "समाप्त करें",
-  "done": "हो गया",
  "mail": "मेल",
  "sign-now": "अभी हस्ताक्षर करें",
  "successfully-signed": "सफलतापूर्वक हस्ताक्षर किए गए!",
@@ -1042,6 +1041,5 @@
  "vertical": "वर्टिकल",
  "horizontal": "हॉरिज़ॉन्टल",
  "billing": "बिलिंग",
-  "console": "कंसोल",
-  "action-prohibited": "यह क्रिया आपके ईमेल डोमेन के लिए अनुमत नहीं है। कृपया सहायता के लिए अपने व्यवस्थापक से संपर्क करें।"
+  "console": "कंसोल"
 }
@@ -379,7 +379,6 @@
  "certificate": "Certificato",
  "decline": "Rifiuta",
  "finish": "Completa",
-  "done": "Fatto",
  "mail": "Email",
  "sign-now": "Firma ora",
  "successfully-signed": "Firmato con successo!",
@@ -1042,6 +1041,5 @@
  "vertical": "Verticale",
  "horizontal": "Orizzontale",
  "billing": "Fatturazione",
-  "console": "Console",
-  "action-prohibited": "Questa azione non è consentita per il tuo dominio email. Contatta il tuo amministratore per ricevere assistenza."
+  "console": "Console"
 }
@@ -19,10 +19,6 @@ const Header = ({ showSidebar, setIsMenu, isConsole }) => {
  const { width } = useWindowSize();
  const username = localStorage.getItem("username") || "";
  const image = localStorage.getItem("profileImg") || dp;
-  const isAdmin =
-    localStorage.getItem("Extand_Class") &&
-    JSON.parse(localStorage.getItem("Extand_Class"))?.[0]?.UserRole ===
-      "contracts_Admin";
  const [isOpen, setIsOpen] = useState(false);
  const [applogo, setAppLogo] = useState("");
  const [isDarkTheme, setIsDarkTheme] = useState();
@@ -9,6 +9,7 @@ function AgreementContent(props) {
  const h2Style = "text-base-content font-medium text-lg";
  const ulStyle = "list-disc px-4 py-3";
  const handleOnclick = () => {
+    props.setIsAgreeTour(false);
    props.setIsAgree(true);
    props.setIsShowAgreeTerms(false);
    props.showFirstWidget();
@@ -4,6 +4,7 @@ import AgreementContent from "./AgreementContent";

 function AgreementSign(props) {
  const { t } = useTranslation();
+  const [isChecked, setIsChecked] = useState(false);
  const [isShowAgreeTerms, setIsShowAgreeTerms] = useState(false);

  return (
@@ -11,12 +12,39 @@ function AgreementSign(props) {
      <div className="op-modal op-modal-open absolute z-[448]">
        <div className="w-[95%] md:w-[60%] lg:w-[40%] op-modal-box overflow-y-auto hide-scrollbar text-sm p-4">
          <div className="flex flex-row items-center">
+            <label className="inline-flex justify-center items-center cursor-pointer mb-0">
+              {/* 1) This div becomes the “fake” checkbox */}
+              <div
+                data-tut="IsAgree"
+                className={`w-6 h-6 border-2 mr-3 rounded-full flex text-center items-center justify-center ${isChecked ? "op-border-primary" : "border-red-500"}`}
+              >
+                {isChecked ? (
+                  <span className="op-text-primary text-sm font-bold">✓</span>
+                ) : (
+                  <span className="text-red-500 text-sm font-bold">X</span>
+                )}
+              </div>
+              {/* 2) Visually hide the native checkbox but keep it in the DOM */}
+              <input
+                className="sr-only"
+                type="checkbox"
+                checked={isChecked}
+                onChange={(e) => {
+                  setIsChecked(e.target.checked);
+                  if (e.target.checked) {
+                    props.setIsAgreeTour(false);
+                  }
+                  props.showFirstWidget();
+                }}
+              />
+            </label>
            <div className="text-[11px] md:text-base text-base-content">
              <span>{t("agree-p1")}</span>
              <span
                className="font-bold text-blue-600 cursor-pointer"
                onClick={() => {
                  setIsShowAgreeTerms(true);
+                  props.setIsAgreeTour(false);
                }}
              >
                {t("agree-p2")}
@@ -24,11 +52,15 @@ function AgreementSign(props) {
              <span> {t("agree-p3")}</span>
            </div>
          </div>
-          <div className="flex mt-3">
+          <div className="flex ml-[35px] mt-3">
            <button
              onClick={() => {
-                props.setIsAgree(true);
-                props.showFirstWidget()
+                if (isChecked) {
+                  props.setIsAgreeTour(false);
+                  props.setIsAgree(true);
+                } else {
+                  props.setIsAgreeTour(true);
+                }
              }}
              className="op-btn op-btn-primary op-btn-sm w-full md:w-auto"
            >
@@ -42,6 +74,7 @@ function AgreementSign(props) {
      </div>
      {isShowAgreeTerms && (
        <AgreementContent
+          setIsAgreeTour={props.setIsAgreeTour}
          setIsAgree={props.setIsAgree}
          setIsShowAgreeTerms={setIsShowAgreeTerms}
          showFirstWidget={props.showFirstWidget}
@@ -3,39 +3,43 @@ import { useTranslation } from "react-i18next";
 import { useSelector } from "react-redux";
 function DefaultSignature(props) {
  const { t } = useTranslation();
-  const defaultSignImg = useSelector((state) => state.widget.defaultSignImg);
-  const myInitial = useSelector((state) => state.widget.myInitial);
+   const defaultSignImg = useSelector((state) => state.widget.defaultSignImg);
+   const myInitial = useSelector((state) => state.widget.myInitial)
  const tabName = ["my-signature", "my-initials"];
  const [activeTab, setActiveTab] = useState(0);
  const confirmToaddDefaultSign = (type) => {
-    if (props?.xyPosition.length > 0) {
-      //check signature or initial widgets exist or not for auto signing
-      const getCurrentSignerXY = props?.xyPosition.filter(
-        (data) => data.Id === props.uniqueId
-      );
-      const checkIsSignInitialExist = getCurrentSignerXY?.every(
-        (placeholderObj) =>
-          placeholderObj?.placeHolder?.some((placeholder) =>
-            placeholder?.pos?.some((posItem) => posItem?.type === type)
-          )
-      );
-      if (checkIsSignInitialExist) {
-        props?.setDefaultSignAlert({
-          isShow: true,
-          alertMessage: t("default-sign-alert", { widgetsType: type }),
-          type: type
-        });
+    if (!props.isAgree) {
+      props.setIsAgreeTour(true);
+    } else {
+      if (props?.xyPosition.length > 0) {
+        //check signature or initial widgets exist or not for auto signing
+        const getCurrentSignerXY = props?.xyPosition.filter(
+          (data) => data.Id === props.uniqueId
+        );
+        const checkIsSignInitialExist = getCurrentSignerXY?.every(
+          (placeholderObj) =>
+            placeholderObj?.placeHolder?.some((placeholder) =>
+              placeholder?.pos?.some((posItem) => posItem?.type === type)
+            )
+        );
+        if (checkIsSignInitialExist) {
+          props?.setDefaultSignAlert({
+            isShow: true,
+            alertMessage: t("default-sign-alert", { widgetsType: type }),
+            type: type
+          });
+        } else {
+          props?.setDefaultSignAlert({
+            isShow: true,
+            alertMessage: t("defaultSign-alert", { widgetsType: type })
+          });
+        }
      } else {
        props?.setDefaultSignAlert({
          isShow: true,
-          alertMessage: t("defaultSign-alert", { widgetsType: type })
+          alertMessage: t("please-select-position!")
        });
      }
-    } else {
-      props?.setDefaultSignAlert({
-        isShow: true,
-        alertMessage: t("please-select-position!")
-      });
    }
  };

@@ -180,8 +180,13 @@ function Placeholder(props) {

  const widgetClickHandler = () => {
    props.setCurrWidgetsDetails && props.setCurrWidgetsDetails(props.pos);
+    //condition to check in request signing flow user click on agree or not
    if (props?.data?.signerObjId === props?.signerObjId && !props.isDragging) {
-      handleWidgetIdandPopup();
+      if (!props.isAgree && !props.isSelfSign) {
+        props.setIsAgreeTour && props.setIsAgreeTour(true);
+      } else {
+        handleWidgetIdandPopup();
+      }
    } //condition for open contact details popup when sign templet from public signing flow
    else if (props?.uniqueId && props.data?.Id === props?.uniqueId) {
      handleWidgetIdandPopup();
@@ -108,7 +108,7 @@ function PlaceholderType(props) {
          alt="signature"
          draggable="false"
          src={props.pos.SignUrl}
-          className={`${props.pos.signatureType !== "type" ? "object-contain" : ""} w-full h-full select-none-cls`}
+          className="w-full h-full select-none-cls "
        />
      ) : (
        <div className={widgetCls}>
@@ -132,7 +132,7 @@ function PlaceholderType(props) {
          alt="stamp"
          draggable="false"
          src={props.pos.SignUrl}
-          className="w-full h-full select-none-cls object-contain"
+          className="w-full h-full select-none-cls"
        />
      ) : (
        <div className={widgetCls}>
@@ -253,7 +253,7 @@ function PlaceholderType(props) {
          alt="initials"
          draggable="false"
          src={props.pos.SignUrl}
-          className={`${props.pos.signatureType !== "type" ? "object-contain" : ""} w-full h-full select-none-cls`}
+          className="w-full h-full select-none-cls"
        />
      ) : (
        <div className={widgetCls}>
@@ -402,7 +402,7 @@ function PlaceholderType(props) {
          alt="image"
          draggable="false"
          src={props.pos.SignUrl}
-          className="w-full h-full select-none-cls object-contain"
+          className="w-full h-full select-none-cls"
        />
      ) : (
        <div className={widgetCls}>
@@ -129,9 +129,9 @@ const RecipientList = (props) => {
                }
              }}
            >
-              <div className="flex flex-row items-center w-full overflow-hidden pr-2">
+              <div className="flex flex-row items-center w-full">
                <div
-                  className="flex flex-shrink-0 w-[30px] h-[30px] rounded-full items-center justify-center mr-2"
+                  className="flex w-[30px] h-[30px] rounded-full items-center justify-center mr-2"
                  style={{
                    background: obj?.blockColor
                      ? darkenColor(obj?.blockColor, 0.4)
@@ -153,7 +153,7 @@ const RecipientList = (props) => {
                <div
                  className={`${
                    obj.Name ? "flex-col" : "flex-row"
-                  } flex overflow-hidden flex-grow-0`}
+                  } flex items-center`}
                >
                  {obj.Name ? (
                    <span
@@ -162,7 +162,7 @@ const RecipientList = (props) => {
                        props.isSelectListId === ind
                          ? "text-[#424242]"
                          : "text-base-content"
-                      } text-[12px] font-bold truncate whitespace-nowrap`}
+                      } text-[12px] font-bold w-[100px] whitespace-nowrap overflow-hidden text-ellipsis`}
                    >
                      {obj.Name}
                    </span>
@@ -173,7 +173,7 @@ const RecipientList = (props) => {
                        props.isSelectListId === ind
                          ? "text-[#424242]"
                          : "text-base-content"
-                      } text-[12px] font-bold truncate whitespace-nowrap cursor-pointer`}
+                      } text-[12px] font-bold w-[100px] whitespace-nowrap overflow-hidden text-ellipsis cursor-pointer`}
                      onClick={() => {
                        setIsEdit({ [obj.Id]: true });
                        props.setRoleName(obj.Role);
@@ -182,7 +182,7 @@ const RecipientList = (props) => {
                      {isEdit?.[obj.Id] && props.handleRoleChange ? (
                        <input
                          ref={inputRef}
-                          className="bg-transparent p-[3px] w-full"
+                          className="bg-transparent p-[3px]"
                          value={obj.Role}
                          onChange={(e) => props.handleRoleChange(e, obj.Id)}
                          onBlur={() => {
@@ -210,7 +210,7 @@ const RecipientList = (props) => {
                        props.isSelectListId === ind
                          ? "text-[#424242]"
                          : "text-base-content"
-                      } text-[10px] font-medium truncate whitespace-nowrap`}
+                      } text-[10px] font-medium w-[100px] whitespace-nowrap overflow-hidden text-ellipsis`}
                    >
                      {obj?.Role || obj?.Email}
                    </span>
@@ -160,6 +160,8 @@ function RenderPdf(props) {
                      ispublicTemplate={props.ispublicTemplate}
                      handleUserDetails={props.handleUserDetails}
                      isResize={props.isResize}
+                      setIsAgreeTour={props.setIsAgreeTour}
+                      isAgree={props.isAgree}
                      handleTabDrag={props.handleTabDrag}
                      handleStop={props.handleStop}
                      setUniqueId={props.setUniqueId}
@@ -27,12 +27,12 @@ function SignerListComponent(props) {

  return (
    <div
-      className="rounded-xl mx-1 flex flex-row flex-grow-0 items-center py-[10px] mt-1"
+      className="rounded-xl mx-1 flex flex-row items-center py-[10px] mt-1"
      style={{ background: checkSignerBackColor(props.obj) }}
    >
      <div
        style={{ background: checkUserNameColor(props.obj) }}
-        className="flex flex-shrink-0 w-[30px] h-[30px] rounded-full justify-center items-center mx-1"
+        className="flex w-[30px] h-[30px] rounded-full justify-center items-center mx-1"
      >
        <span className="text-[12px] text-center font-bold text-black uppercase">
          {getFirstLetter(
@@ -40,11 +40,11 @@ function SignerListComponent(props) {
          )}
        </span>
      </div>
-      <div className="flex flex-grow-0 flex-col overflow-hidden pr-2">
-        <span className="text-[12px] font-bold truncate whitespace-nowrap">
+      <div className="flex flex-col">
+        <span className="text-[12px] font-bold text-[#424242] w-[100px] whitespace-nowrap overflow-hidden text-ellipsis">
          {props.obj?.Name || props?.obj?.Role}
        </span>
-        <span className="text-[10px] font-medium truncate whitespace-nowrap">
+        <span className="text-[10px] font-medium text-[#424242] w-[100px] whitespace-nowrap overflow-hidden text-ellipsis">
          {props.obj?.Email || props.obj?.email}
        </span>
      </div>
@@ -18,8 +18,7 @@ import {
  cellsWidget,
  textWidget,
  years,
-  convertTextToImg,
-  convertJpegToPng
+  convertTextToImg
 } from "../../constant/Utils";
 import CellsWidget from "./CellsWidget";
 import DatePicker from "react-datepicker";
@@ -111,6 +110,7 @@ function WidgetsValueModal(props) {
  const [signature, setSignature] = useState();
  const [isImageSelect, setIsImageSelect] = useState(false);
  const [isFinish, setIsFinish] = useState(false);
+  const [imgWH, setImgWH] = useState({});
  const [fontSelect, setFontSelect] = useState(fontOptions[0].value);
  const [isSavedSign, setIsSavedSign] = useState(false);
  const [isAutoSign, setIsAutoSign] = useState(false);
@@ -257,11 +257,11 @@ function WidgetsValueModal(props) {
      setOriginalImage(null); // Reset original image when a new file is selected
      setRemoveBgEnabled(false); // Optionally reset toggle
      // Ensure compressedFileSize calls setImage, which then triggers the useEffect for BG removal.
-      compressedFileSize(file, setImage);
+      compressedFileSize(file, setImgWH, setImage);
    }
  };
  //function is used to save image,stamp widgets data
-  const handleSaveImage = (signatureType) => {
+  const handleSaveImage = () => {
    const widgetsType = currWidgetsDetails?.type;
    //`isApplyAll` is used when user edit stamp then updated signature apply all existing drawn signatures
    const isApplyAll = true;
@@ -278,10 +278,10 @@ function WidgetsValueModal(props) {

          // Get updated placeholder list
          const updatedPlaceholders = onSaveImage(
-            signatureType,
            signer.placeHolder,
            index,
            currWidgetsDetails?.key,
+            imgWH,
            image,
            isAutoSign,
            widgetsType,
@@ -299,13 +299,11 @@ function WidgetsValueModal(props) {
        return object.pageNumber === pageNumber;
      });
      const getImage = onSaveImage(
-        signatureType,
        props?.xyPosition,
        index,
        currWidgetsDetails?.key,
-        image,
-        false,
-        widgetsType
+        imgWH,
+        image
      );
      setXyPosition(getImage);
    }
@@ -313,28 +311,36 @@ function WidgetsValueModal(props) {
  };

  //function is used to save draw type or initial type signature
-  const handleSaveSignature = async (
-    signType,
+  const handleSaveSignature = (
+    type,
    isDefaultSign,
    width,
    height,
    typedSignature
  ) => {
-    // get current click widget type
+    //get current click widget type
    const widgetsType = currWidgetsDetails?.type;
-    // if there are any width and height then it will typed signature
+    //if there are any width and height then it will typed signature
    const isTypeText = width && height ? true : false;
-    // final getting signature url via default select sign/default initial sign/self draw sign
-    const signUrl = isDefaultSign
+    //final getting signature url via default select sign/default initial sign/self draw sign
+    const signatureImg = isDefaultSign
      ? isDefaultSign === "initials"
-        ? await convertJpegToPng(myInitial, "myinitials") // default initials set through my signature tab
-        : await convertJpegToPng(defaultSignImg, "mysign") // default signature set through my signature tab
-      : signature; // signature done by user thorugh draw, upload, typed
-    const signatureImg = signUrl;
+        ? myInitial
+        : defaultSignImg
+      : signature;
+
    let imgWH = { width: width ? width : "", height: height ? height : "" };
    setIsImageSelect(false);
    setImage();
-    // `isApplyAll` is used when user edit signature/initial then updated signature apply all existing drawn signatures
+    //set default signature image width and height
+    if (isDefaultSign) {
+      const img = new Image();
+      img.src = defaultSignImg;
+      if (img.complete) {
+        imgWH = { width: img.width, height: img.height };
+      }
+    }
+    //`isApplyAll` is used when user edit signature/initial then updated signature apply all existing drawn signatures
    const isApplyAll = true;
    if (uniqueId) {
      setXyPosition((prevState) =>
@@ -345,12 +351,13 @@ function WidgetsValueModal(props) {
            (x) => x.pageNumber === pageNumber
          );
          const updatedPlaceholders = onSaveSign(
-            signType,
+            type,
            signer.placeHolder,
            placeholderIndex,
            currWidgetsDetails?.key,
            signatureImg,
            imgWH,
+            isDefaultSign,
            isTypeText,
            typedSignature,
            isAutoSign,
@@ -370,12 +377,13 @@ function WidgetsValueModal(props) {
        return object.pageNumber === pageNumber;
      });
      const getUpdatePosition = onSaveSign(
-        signType,
+        type,
        props?.xyPosition,
        index,
        currWidgetsDetails?.key,
        signatureImg,
        imgWH,
+        isDefaultSign,
        isTypeText,
        typedSignature,
        false,
@@ -527,7 +535,7 @@ function WidgetsValueModal(props) {
    }
  };

-  // `handlesavesign` is used to save signature, initials, stamp as a default
+  // `handlesavesign` is used to save signaute, initials, stamp as a default
  const handleSaveSign = async () => {
    if (signature || image?.src) {
      setIsLoader(true);
@@ -548,7 +556,7 @@ function WidgetsValueModal(props) {
          objectId: User?.id
        };
        if (imageUrl) {
-          // below code is used to save or update default signature, initials, stamp
+          //  below code is used to save or update default signaute, initials, stamp
          try {
            const signCls = new Parse.Object("contracts_Signature");
            if (props?.saveSignCheckbox?.signId) {
@@ -634,14 +642,13 @@ function WidgetsValueModal(props) {
        } else {
          setSignature("");
          canvasRef?.current?.clear();
-          const tab = isTab === "uploadImage" ? "image" : isTab;
-          handleSaveSignature(tab);
+          handleSaveSignature(isTab);
        }
      }
      setPenColor("blue");
    } else {
      setSignature("");
-      handleSaveImage("image");
+      handleSaveImage();
    }
    setIsImageSelect(false);
    setIsDefaultSign(false);
@@ -1171,9 +1178,7 @@ function WidgetsValueModal(props) {
                            hidden
                          />
                          <i className="fa-light fa-cloud-upload-alt uploadImgLogo text-base-content"></i>
-                          <div className="text-[10px] text-base-content">
-                            {t("upload")}
-                          </div>
+                          <div className="text-[10px] text-base-content">{t("upload")}</div>
                        </div>
                      </div>
                    ) : (
@@ -1319,6 +1324,7 @@ function WidgetsValueModal(props) {
                          dotSize={1}
                        />
                      </div>
+
                      <div className="flex flex-row justify-between mt-[10px]">
                        <PenColorComponent />
                      </div>
@@ -1982,7 +1988,7 @@ function WidgetsValueModal(props) {
                        handleClickOnNext(isFinishDoc);
                      }}
                    >
-                      {t("done")}
+                      {t("finish")}
                    </button>
                  ) : (
                    <button
@@ -361,7 +361,7 @@ export const selectFormat = (data) => {
    case "DD MMMM, YYYY":
      return "dd MMMM, yyyy";
    case "DD.MM.YYYY":
-      return "dd.MM.yyyy";
+      return "dd.MM.yyyy";  
    default:
      return "MM/dd/yyyy";
  }
@@ -390,7 +390,7 @@ export const changeDateToMomentFormat = (format) => {
    case "dd MMMM, yyyy":
      return "DD MMMM, YYYY";
    case "dd.MM.yyyy":
-      return "DD.MM.YYYY";
+      return"DD.MM.YYYY";
    default:
      return "L";
  }
@@ -1318,14 +1318,15 @@ export function convertTextToImg(fontStyle, text, color, widgetDims) {
  return dataUrl;
 }

-// `onSaveSign` trigger on save button to save for signature, initials widget for type: draw, typed, default
+//function for save button to save signature or image url
 export function onSaveSign(
  type,
  xyPosition,
  index,
  signKey,
  signatureImg,
-  updatedImgWH,
+  defaultImgWH,
+  isDefaultSign,
  isTypeText,
  typedSignature,
  isAutoSign,
@@ -1340,11 +1341,27 @@ export function onSaveSign(
    widgetsType && ["signature", "initials"].includes(widgetsType);
  const updateXYData = getXYdata.map((position) => {
    if (position.key === signKey) {
-      if (isTypeText) {
+      if (isDefaultSign === "initials") {
+        let imgWH = { width: position.Width, height: position.Height };
+        getIMGWH = calculateImgAspectRatio(imgWH, position);
+      } else if (isDefaultSign === "default") {
+        getIMGWH = calculateImgAspectRatio(defaultImgWH, position);
+      } else if (isTypeText) {
        getIMGWH = {
-          newWidth: updatedImgWH.width,
-          newHeight: updatedImgWH.height
+          newWidth: defaultImgWH.width,
+          newHeight: defaultImgWH.height
        };
+      } else {
+        const defaultWidth = defaultWidthHeight(position?.type).width;
+        const defaultHeight = defaultWidthHeight(position?.type).height;
+
+        getIMGWH = calculateImgAspectRatio(
+          {
+            width: defaultWidth ? defaultWidth : 150,
+            height: defaultHeight ? defaultHeight : 60
+          },
+          position
+        );
      }
      posWidth = getIMGWH ? getIMGWH.newWidth : 150;
      posHeight = getIMGWH ? getIMGWH.newHeight : 60;
@@ -1354,8 +1371,8 @@ export function onSaveSign(
        : signatureImg;
      return {
        ...position,
-        ...(type === "type" ? { Width: posWidth } : {}),
-        ...(type === "type" ? { Height: posHeight } : {}),
+        Width: posWidth,
+        Height: posHeight,
        SignUrl: signImg,
        ...(isSignOrInitials && { signatureType: type || "" }),
        options: { ...position.options, response: signImg },
@@ -1375,7 +1392,7 @@ export function onSaveSign(
    }
    return obj;
  });
-  //condition  when draw/upload signature/initials then apply it all related to widgets (draw, typed signature or default signature)
+  //condition  when draw/upload signature/initials then apply it all related to widgets (signature,image,typed signature or default signature)
  if (isApplyAll || isAutoSign) {
    const updatedArray = updateXYposition.map((page) => ({
      ...page,
@@ -1387,6 +1404,9 @@ export function onSaveSign(
            : signatureImg;
          return {
            ...item,
+            // Only copy signature content, keep existing dimensions
+            // Width: posWidth,
+            // Height: posHeight,
            SignUrl: signImg,
            ...(isSignOrInitials && { signatureType: type || "" }),
            options: { ...item.options, response: signImg },
@@ -1406,54 +1426,6 @@ export function onSaveSign(
  }
 }

-/**
- * Scales and centers a base64‐encoded image into a fixed‐size widget
- * and returns a new base64 PNG.
- *
- * @param {string} base64Image  A data-URL (e.g. "data:image/png;base64,…")
- * @param {{ Width: number, Height: number }} widgetDims
- * @returns {Promise<string>}  A Promise that resolves to a data-URL of the new image
- */
-export async function convertBase64ToImg(base64Image, widgetDims) {
-  const { Width: maxWidth, Height: maxHeight } = widgetDims;
-
-  // Detect input format from data URL
-  const match = base64Image.match(/^data:(image\/(png|jpeg|jpg|webp));base64,/);
-  const inputMime = match ? match[1] : "image/png"; // fallback to PNG if unknown
-
-  // 1. Load the image off-DOM
-  const img = new Image();
-  img.src = base64Image;
-  await new Promise((resolve, reject) => {
-    img.onload = resolve;
-    img.onerror = reject;
-  });
-
-  // 2. Compute scale to fit within widget (preserving aspect ratio)
-  const { naturalWidth: imgW, naturalHeight: imgH } = img;
-  const scale = Math.min(maxWidth / imgW, maxHeight / imgH, 1);
-  const drawW = imgW * scale;
-  const drawH = imgH * scale;
-
-  // 3. Prepare a high-DPI canvas
-  const pxRatio = (window.devicePixelRatio || 1) * 2;
-  const canvas = document.createElement("canvas");
-  canvas.width = Math.ceil(maxWidth * pxRatio);
-  canvas.height = Math.ceil(maxHeight * pxRatio);
-  const ctx = canvas.getContext("2d");
-  ctx.scale(pxRatio, pxRatio);
-  ctx.clearRect(0, 0, maxWidth, maxHeight);
-
-  // 4. Center the image in the widget rectangle
-  const x = (maxWidth - drawW) / 2;
-  const y = (maxHeight - drawH) / 2;
-  ctx.drawImage(img, x, y, drawW, drawH);
-  // 5. Return new base64 in same format as input
-  const quality =
-    inputMime.includes("jpeg") || inputMime.includes("jpg") ? 0.9 : undefined;
-  return canvas.toDataURL(inputMime, quality);
-}
-
 //function to use After setting the signature URL for the first signature widget, clicking on subsequent
 //signature widgets should automatically apply and display the signature. apply for initial,signature and stamp widget
 export const handleCopySignUrl = (
@@ -1516,30 +1488,35 @@ export const calculateImgAspectRatio = (imgWH, pos) => {
  return { newHeight, newWidth };
 };

-// `onSaveImage` trigger for upload image through stamp, image, signature, initials widgets
+//function for upload stamp or image
 export function onSaveImage(
-  signatureType,
  xyPosition,
  index,
  signKey,
+  imgWH,
  image,
  isAutoSign,
  widgetsType,
  isApplyAll
 ) {
-  // let getIMGWH;
-  const isSignOrInitials =
-    widgetsType && ["signature", "initials"].includes(widgetsType);
+  let getIMGWH;
+
  //get current page position
  const getXYData = xyPosition[index].pos;
  const updateXYData = getXYData.map((position) => {
    if (position.key === signKey) {
+      getIMGWH = calculateImgAspectRatio(imgWH, position);
+
      return {
        ...position,
+        Width: getIMGWH.newWidth,
+        Height: getIMGWH.newHeight,
        SignUrl: image.src,
        ImageType: image.imgType,
-        ...(isSignOrInitials && { signatureType: signatureType || "" }),
-        options: { ...position.options, response: image.src }
+        options: {
+          ...position.options,
+          response: image.src
+        }
      };
    }
    return position;
@@ -1551,16 +1528,17 @@ export function onSaveImage(
    }
    return obj;
  });
-  // condition when user upload(stamp) then apply it all related to widgets
+  //condition  when user upload(stamp) then apply it all related to widgets
  if (isApplyAll || isAutoSign) {
    const updatedArray = updateXYposition.map((page) => ({
      ...page,
      pos: page.pos.map(
        (item) =>
-          // below condition to exclude apply all for image widget
          item.type === widgetsType && item.type !== "image"
            ? {
                ...item,
+                // Width: getIMGWH.newWidth,
+                // Height: getIMGWH.newHeight,
                SignUrl: image.src,
                ImageType: image.imgType,
                options: {
@@ -1578,7 +1556,7 @@ export function onSaveImage(
 }

 //function for select image and upload image
-export const onImageSelect = (setImage, file) => {
+export const onImageSelect = (setImgWH, setImage, file) => {
  const reader = new FileReader();
  reader.readAsDataURL(file);
  reader.onloadend = function (e) {
@@ -1597,12 +1575,13 @@ export const onImageSelect = (setImage, file) => {
        width = 184 * imgR;
        height = 184;
      }
+      setImgWH({ width: width, height: height });
    };
    image.src = reader.result;
    setImage({ src: image.src, imgType: file.type });
  };
 };
-export const compressedFileSize = (file, setImage) => {
+export const compressedFileSize = (file, setImgWH, setImage) => {
  // Create a new FileReader instance to read the uploaded file
  const reader = new FileReader();

@@ -1627,7 +1606,7 @@ export const compressedFileSize = (file, setImage) => {
      // Draw the image onto the canvas with the specified dimensions
      ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
      // Get the original file type (default to "image/png" if not recognized)
-      const fileType = "image/png"; //file.type || "image/png"
+      const fileType = file.type || "image/png";
      // Compress the image and convert it into a Blob
      canvas.toBlob(
        (blob) => {
@@ -1637,7 +1616,7 @@ export const compressedFileSize = (file, setImage) => {
            lastModified: Date.now() // Update the last modified timestamp
          });
          // Pass the compressed file to a custom function for further processing
-          onImageSelect(setImage, compressedFile);
+          onImageSelect(setImgWH, setImage, compressedFile);
        },
        fileType, // Output format for the compressed image
        0.3 // Compression quality (30%)
@@ -1762,12 +1741,10 @@ export const multiSignEmbed = async (widgets, pdfDoc, signyourself, scale) => {
      widgetsPositionArr.map(async (widget) => {
        // `SignUrl` this is wrong nomenclature and maintain for older code in this options we save base64 of signature image from sign pad
        let signbase64 = widget.SignUrl && widget.SignUrl;
-        const widgetDims = { Width: widget.Width, Height: widget.Height };
        if (signbase64) {
          let arr = signbase64.split(","),
            mime = arr[0].match(/:(.*?);/)[1];
-          const signatureImg = await convertBase64ToImg(signbase64, widgetDims);
-          const res = await fetch(signatureImg);
+          const res = await fetch(signbase64);
          const arrayBuffer = await res.arrayBuffer();
          const obj = { mimetype: mime, arrayBuffer: arrayBuffer };
          return obj;
@@ -2295,25 +2272,28 @@ export const addDefaultSignatureImg = (xyPosition, defaultSignImg, type) => {
  const img = new Image();
  img.src = defaultSignImg;
  if (img.complete) {
-    imgWH = { width: img.width, height: img.height };
+    imgWH = {
+      width: img.width,
+      height: img.height
+    };
  }

  let xyDefaultPos = [];
  for (let i = 0; i < xyPosition.length; i++) {
-    // let getIMGWH;
+    let getIMGWH;
    const getXYdata = xyPosition[i].pos;
    const getPageNo = xyPosition[i].pageNumber;
    const getPosData = getXYdata;

    const addSign = getPosData.map((position) => {
-      // getIMGWH = calculateImgAspectRatio(imgWH, position);
+      getIMGWH = calculateImgAspectRatio(imgWH, position);
      if (position.type) {
        if (position?.type === type) {
          return {
            ...position,
            SignUrl: defaultSignImg,
-            // Width: getIMGWH.newWidth,
-            // Height: getIMGWH.newHeight,
+            Width: getIMGWH.newWidth,
+            Height: getIMGWH.newHeight,
            ImageType: "default",
            options: {
              ...position.options,
@@ -2325,8 +2305,8 @@ export const addDefaultSignatureImg = (xyPosition, defaultSignImg, type) => {
        return {
          ...position,
          SignUrl: defaultSignImg,
-          // Width: getIMGWH.newWidth,
-          // Height: getIMGWH.newHeight,
+          Width: getIMGWH.newWidth,
+          Height: getIMGWH.newHeight,
          ImageType: "default",
          options: {
            ...position.options,
@@ -3673,60 +3653,3 @@ export function getFileAsArrayBuffer(file) {
    reader.readAsArrayBuffer(file);
  });
 }
-
-/**
- * Converts a JPEG/JPG File/Blob into a PNG File.
- *
- * @param {string} base64Image  - A data-URL (e.g. "data:image/jpeg;base64,…")
- * @param {string} filename     - Desired filename (e.g. "input").
- * @returns {Promise<File>}     - A promise that resolves with a new PNG File.
- */
-export function convertJpegToPng(base64Image, filename) {
-  const arr = base64Image.split(",");
-  const mimeMatch = arr[0].match(/:(.*?);/);
-  if (!mimeMatch) throw new Error("Invalid dataURL");
-  const mime = mimeMatch[1];
-  const type = mime.split("/")[1];
-  if (type === "png") {
-    return base64Image;
-  } else {
-    const bstr = atob(arr[1]);
-    let n = bstr.length;
-    const u8arr = new Uint8Array(n);
-    while (n--) u8arr[n] = bstr.charCodeAt(n);
-    const inputFile = new File([u8arr], `${filename}.${type}`, { type: mime });
-    return new Promise((resolve, reject) => {
-      // ensure it’s JPEG/JPG (you can remove this check if not needed)
-      if (!/image\/jpe?g/.test(inputFile.type)) {
-        return reject(new Error("Input must be a JPEG or JPG image"));
-      }
-
-      // Read the file as a data URL
-      const reader = new FileReader();
-      reader.onerror = () => reject(new Error("Failed to read the file"));
-      reader.onload = () => {
-        const img = new Image();
-        img.onerror = () => reject(new Error("Failed to load image"));
-        img.onload = () => {
-          // draw image onto a canvas
-          const canvas = document.createElement("canvas");
-          canvas.width = img.width;
-          canvas.height = img.height;
-          const ctx = canvas.getContext("2d");
-          ctx.drawImage(img, 0, 0);
-
-          // directly get PNG as base64 data URL
-          try {
-            const pngDataUrl = canvas.toDataURL("image/png");
-            resolve(pngDataUrl);
-          } catch (err) {
-            reject(new Error("Failed to convert canvas to PNG"));
-          }
-        };
-        img.src = reader.result;
-      };
-      reader.readAsDataURL(inputFile);
-    });
-  }
-}
-
@@ -125,11 +125,7 @@ function Login() {
      }
    } catch (error) {
      console.error("Error while logging in user", error);
-      if (error?.code === 1001) {
-        showToast("danger", t("action-prohibited"));
-      } else {
-        showToast("danger", "Invalid username/password or region");
-      }
+      showToast("danger", "Invalid username/password or region");
    }
  };
  const handleLoginBtn = async (event) => {
@@ -144,6 +144,7 @@ function PdfRequestFiles(
  const [signatureType, setSignatureType] = useState([]);
  const [pdfBase64Url, setPdfBase64Url] = useState("");
  const [isAgree, setIsAgree] = useState(false);
+  const [isAgreeTour, setIsAgreeTour] = useState(false);
  const [redirectTimeLeft, setRedirectTimeLeft] = useState(5);
  const [isredirectCanceled, setIsredirectCanceled] = useState(true);
  const [isDragging, setIsDragging] = useState(false);
@@ -1377,7 +1378,18 @@ function PdfRequestFiles(
      setIsUiLoading(false);
      alert(t("expiry-date-error"));
    }
-  }; 
+  };
+  const AgreementTour = [
+    {
+      selector: '[data-tut="IsAgree"]',
+      content: () => <p className="p-0">{t("agrrement-alert")}</p>,
+      position: "top",
+      style: { fontSize: "13px" }
+    }
+  ];
+  const handleCloseAgreeTour = () => {
+    setIsAgreeTour(false);
+  };
  // `handleRedirectCancel` is used to cancel redirecting to redirectUrl
  const handleRedirectCancel = () => {
    setIsredirectCanceled(true);
@@ -1587,7 +1599,7 @@ function PdfRequestFiles(
      }
    }
  };
-  //function to get first widget id and page number to assign correct signer and show tour message
+  //function to get first widget and page number to assign currect signer and tour message
  const showFirstWidget = () => {
    if (!requestSignTour) {
      const getCurrentUserPlaceholder = signerPos?.find(
@@ -1632,9 +1644,21 @@ function PdfRequestFiles(
                !isDecline?.isDeclined && (
                  <AgreementSign
                    setIsAgree={setIsAgree}
+                    setIsAgreeTour={setIsAgreeTour}
                    showFirstWidget={showFirstWidget}
                  />
                )}
+              <Tour
+                showNumber={false}
+                showNavigation={false}
+                showNavigationNumber={false}
+                onRequestClose={handleCloseAgreeTour}
+                steps={AgreementTour}
+                isOpen={isAgreeTour}
+                rounded={5}
+                closeWithMask={false}
+              />
+
              {isUiLoading && (
                <div className="absolute h-[100vh] w-full flex flex-col justify-center items-center z-[999] bg-[#e6f2f2] bg-opacity-80">
                  <Loader />
@@ -1987,6 +2011,8 @@ function PdfRequestFiles(
                          scale={scale}
                          uniqueId={uniqueId}
                          pdfBase64Url={pdfBase64Url}
+                          setIsAgreeTour={setIsAgreeTour}
+                          isAgree={isAgree}
                          handleTabDrag={handleTabDrag}
                          handleStop={handleStop}
                          isDragging={isDragging}
@@ -2069,6 +2095,8 @@ function PdfRequestFiles(
                              signatureType?.find((x) => x.name === "default")
                                ?.enabled || false
                            }
+                            isAgree={isAgree}
+                            setIsAgreeTour={setIsAgreeTour}
                          />
                        )}
                    </div>
@@ -994,7 +994,6 @@ const ReportTable = (props) => {
    const timezone = extClass?.[0]?.Timezone || "";
    const DateFormat = extClass?.[0]?.DateFormat || "MM/DD/YYYY";
    const Is12Hr = extClass?.[0]?.Is12HourTime || false;
-    const isCompletedReport = props?.ReportName === "Completed Documents";
    const signers = item?.Placeholders?.map((x, i) => {
      const audit = item?.AuditTrail?.find(
        (audit) => audit?.UserPtr?.objectId === x.signerObjId
@@ -1022,22 +1021,20 @@ const ReportTable = (props) => {
            key={i}
            className="text-sm font-medium flex flex-row gap-2 items-center"
          >
-            {!isCompletedReport && (
-              <button
-                onClick={() => setIsModal({ [`${item.objectId}_${i}`]: true })}
-                className={`${
-                  x.Activity === "SIGNED"
-                    ? "op-border-primary op-text-primary"
-                    : x.Activity === "VIEWED"
-                      ? "border-green-400 text-green-400"
-                      : "border-base-content text-base-content"
-                } focus:outline-none border-2 w-[60px] h-[30px] text-[11px] rounded-full`}
-              >
-                {x?.Activity?.toUpperCase() || "-"}
-              </button>
-            )}
+            <button
+              onClick={() => setIsModal({ [`${item.objectId}_${i}`]: true })}
+              className={`${
+                x.Activity === "SIGNED"
+                  ? "op-border-primary op-text-primary"
+                  : x.Activity === "VIEWED"
+                    ? "border-green-400 text-green-400"
+                    : "border-base-content text-base-content"
+              } focus:outline-none border-2 w-[60px] h-[30px] text-[11px] rounded-full`}
+            >
+              {x?.Activity?.toUpperCase() || "-"}
+            </button>
            <div className="py-2 font-bold text-[12px]">{x?.Email || "-"}</div>
-            {!isCompletedReport && isModal[`${item.objectId}_${i}`] && (
+            {isModal[`${item.objectId}_${i}`] && (
              <ModalUi
                isOpen
                title={t("document-logs")}
@@ -1660,22 +1657,21 @@ const ReportTable = (props) => {
                  <React.Fragment key={index}>
                    <th className="p-2">
                      {t(`report-heading.${item}`)}
-                      {props.ReportName === "Contactbook" &&
-                        item === "Name" && (
-                          <button
-                            type="button"
-                            onClick={toggleSortOrder}
-                            className="ml-1"
-                          >
-                            <i
-                              className={
-                                sortOrder === "asc"
-                                  ? "fa-light fa-arrow-down-a-z"
-                                  : "fa-light fa-arrow-up-a-z"
-                              }
-                            ></i>
-                          </button>
-                        )}
+                      {props.ReportName === "Contactbook" && item === "Name" && (
+                        <button
+                          type="button"
+                          onClick={toggleSortOrder}
+                          className="ml-1"
+                        >
+                          <i
+                            className={
+                              sortOrder === "asc"
+                                ? "fa-light fa-arrow-down-a-z"
+                                : "fa-light fa-arrow-up-a-z"
+                            }
+                          ></i>
+                        </button>
+                      )}
                    </th>
                  </React.Fragment>
                ))}
@@ -1811,16 +1807,12 @@ const ReportTable = (props) => {
                          </td>
                        )}
                        {props.heading.includes("Signers") &&
-                        [
-                          "In-progress documents",
-                          "Need your sign",
-                          "Completed Documents"
-                        ].includes(props.ReportName) ? (
+                        ["In-progress documents", "Need your sign"].includes(
+                          props.ReportName
+                        ) ? (
                          <td className="px-1 py-2">
-                            {!item?.IsSignyourself && item?.Placeholders ? (
+                            {!item?.IsSignyourself && item?.Placeholders && (
                              <>{formatStatusRow(item)}</>
-                            ) : (
-                              <>-</>
                            )}
                          </td>
                        ) : (
@@ -43,9 +43,9 @@ async function saveUser(userDetails) {
 }
 export default async function usersignup(request) {
  const userDetails = request.params.userDetails;
+  const user = await saveUser(userDetails);

  try {
-    const user = await saveUser(userDetails);
    const extClass = userDetails.role.split('_')[0];

    const extQuery = new Parse.Query(extClass + '_Users');
@@ -105,10 +105,9 @@
      }
    },
    "node_modules/@apollo/server": {
-      "version": "4.12.1",
-      "resolved": "https://registry.npmjs.org/@apollo/server/-/server-4.12.1.tgz",
-      "integrity": "sha512-jceK1LK6l074in4mWu8XkwzDjvxdSzkmk8M7YpVLOGjQ6PmlaChcGRJ9BUwB46r22MxdPCXdC/6U5Vi8gzYbvQ==",
-      "deprecated": "Apollo Server v4 is deprecated and will transition to end-of-life on January 26, 2026. As long as you are already using a non-EOL version of Node.js, upgrading to v5 should take only a few minutes. See https://www.apollographql.com/docs/apollo-server/previous-versions for details.",
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/@apollo/server/-/server-4.12.0.tgz",
+      "integrity": "sha512-Z5RNTCnIia+dFsP5HW2ugQMrIOWgyNWyKP+jMVXthp/ECjYyyRYPC41ukCDwxHQY4vNZ3rgbgqroWVQUGFt2gA==",
      "license": "MIT",
      "dependencies": {
        "@apollo/cache-control-types": "^1.0.3",
@@ -147,7 +146,6 @@
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/@apollo/server-gateway-interface/-/server-gateway-interface-1.1.1.tgz",
      "integrity": "sha512-pGwCl/po6+rxRmDMFgozKQo2pbsSwE91TpsDBAOgf74CRDPXHHtM88wbwjab0wMMZh95QfR45GGyDIdhY24bkQ==",
-      "deprecated": "@apollo/server-gateway-interface v1 is part of Apollo Server v4, which is deprecated and will transition to end-of-life on January 26, 2026. As long as you are already using a non-EOL version of Node.js, upgrading to v2 should take only a few minutes. See https://www.apollographql.com/docs/apollo-server/previous-versions for details.",
      "license": "MIT",
      "dependencies": {
        "@apollo/usage-reporting-protobuf": "^4.1.1",
@@ -6121,30 +6119,18 @@
      }
    },
    "node_modules/@eslint/plugin-kit": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.4.tgz",
-      "integrity": "sha512-Ul5l+lHEcw3L5+k8POx6r74mxEYKG5kOb6Xpy2gCRW6zweT6TEhAf8vhxGgjhqrd/VO/Dirhsb+1hNpD1ue9hw==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.1.tgz",
+      "integrity": "sha512-0J+zgWxHN+xXONWIyPWKFMgVuJoZuGiIFu8yxk7RJjxkzpGmyja5wRFqZIVtjDVOQpV+Rw0iOAjYPE2eQyjr0w==",
      "license": "Apache-2.0",
      "dependencies": {
-        "@eslint/core": "^0.15.1",
+        "@eslint/core": "^0.14.0",
        "levn": "^0.4.1"
      },
      "engines": {
        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
      }
    },
-    "node_modules/@eslint/plugin-kit/node_modules/@eslint/core": {
-      "version": "0.15.1",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.1.tgz",
-      "integrity": "sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@types/json-schema": "^7.0.15"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
    "node_modules/@fastify/busboy": {
      "version": "3.1.1",
      "resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-3.1.1.tgz",
@@ -10992,6 +10978,23 @@
        "form-data": "^2.5.0"
      }
    },
+    "node_modules/@types/request/node_modules/form-data": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.5.3.tgz",
+      "integrity": "sha512-XHIrMD0NpDrNM/Ckf7XJiBbLl57KEhT3+i3yY+eWm+cqYZJQTZrKo8Y8AWKnuV5GT4scfuUGt9LzNoIx3dU1nQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "mime-types": "^2.1.35",
+        "safe-buffer": "^5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.12"
+      }
+    },
    "node_modules/@types/send": {
      "version": "0.17.4",
      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz",
@@ -13465,9 +13468,9 @@
      }
    },
    "node_modules/form-data": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
-      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.3.tgz",
+      "integrity": "sha512-qsITQPfmvMOSAdeyZ+12I1c+CKSstAFAwu+97zrnWAbIr5u8wfsExUzCesVLC8NgHuRUqNN4Zy6UPWUTRGslcA==",
      "license": "MIT",
      "dependencies": {
        "asynckit": "^0.4.0",
@@ -15734,9 +15737,9 @@
      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
    },
    "node_modules/multer": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/multer/-/multer-2.0.2.tgz",
-      "integrity": "sha512-u7f2xaZ/UG8oLXHvtF/oWTRvT44p9ecwBBqTwgJVq0+4BW1g8OW01TyMEGWBHbyMOYVHXslaut7qEQ1meATXgw==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/multer/-/multer-2.0.1.tgz",
+      "integrity": "sha512-Ug8bXeTIUlxurg8xLTEskKShvcKDZALo1THEX5E41pYCD2sCVub5/kIRIGqWNoqV6szyLyQKV6mD4QUrWE5GCQ==",
      "license": "MIT",
      "dependencies": {
        "append-field": "^1.0.0",
@@ -16473,13 +16476,13 @@
      }
    },
    "node_modules/parse-server": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/parse-server/-/parse-server-8.2.2.tgz",
-      "integrity": "sha512-qFP5QpJW0NL6s3GhIonlmdCg5lJHwDCnTlxkINCsxnsoeKJVsFou0xy2x6dNquMIU0RJi3qolQaFbNGICZV3NA==",
+      "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/parse-server/-/parse-server-8.2.1.tgz",
+      "integrity": "sha512-Z0k0a6UAmcbWTt21naacGDjNRNQpe3vrS+EM/cjSlXHPVAxYFnXuXK8R3kSCWKXU49tYkhep6A4KbtcFr2NsVw==",
      "hasInstallScript": true,
      "license": "Apache-2.0",
      "dependencies": {
-        "@apollo/server": "4.12.1",
+        "@apollo/server": "4.12.0",
        "@babel/eslint-parser": "7.27.1",
        "@graphql-tools/merge": "9.0.24",
        "@graphql-tools/schema": "10.0.23",
@@ -16505,7 +16508,7 @@
        "lodash": "4.17.21",
        "lru-cache": "10.4.0",
        "mime": "4.0.7",
-        "mongodb": "6.17.0",
+        "mongodb": "6.16.0",
        "mustache": "4.2.0",
        "otpauth": "9.4.0",
        "parse": "6.1.1",
@@ -16586,6 +16589,52 @@
        "node": ">=18"
      }
    },
+    "node_modules/parse-server/node_modules/mongodb": {
+      "version": "6.16.0",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.16.0.tgz",
+      "integrity": "sha512-D1PNcdT0y4Grhou5Zi/qgipZOYeWrhLEpk33n3nm6LGtz61jvO88WlrWCK/bigMjpnOdAUKKQwsGIl0NtWMyYw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@mongodb-js/saslprep": "^1.1.9",
+        "bson": "^6.10.3",
+        "mongodb-connection-string-url": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "peerDependencies": {
+        "@aws-sdk/credential-providers": "^3.188.0",
+        "@mongodb-js/zstd": "^1.1.0 || ^2.0.0",
+        "gcp-metadata": "^5.2.0",
+        "kerberos": "^2.0.1",
+        "mongodb-client-encryption": ">=6.0.0 <7",
+        "snappy": "^7.2.2",
+        "socks": "^2.7.1"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/credential-providers": {
+          "optional": true
+        },
+        "@mongodb-js/zstd": {
+          "optional": true
+        },
+        "gcp-metadata": {
+          "optional": true
+        },
+        "kerberos": {
+          "optional": true
+        },
+        "mongodb-client-encryption": {
+          "optional": true
+        },
+        "snappy": {
+          "optional": true
+        },
+        "socks": {
+          "optional": true
+        }
+      }
+    },
    "node_modules/parse-server/node_modules/path-to-regexp": {
      "version": "6.3.0",
      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.3.0.tgz",
@@ -17596,6 +17645,20 @@
        "node": ">= 4"
      }
    },
+    "node_modules/request/node_modules/form-data": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
+      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 0.12"
+      }
+    },
    "node_modules/request/node_modules/qs": {
      "version": "6.5.3",
      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
@@ -17922,23 +17985,16 @@
      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
    },
    "node_modules/sha.js": {
-      "version": "2.4.12",
-      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.12.tgz",
-      "integrity": "sha512-8LzC5+bvI45BjpfXU8V5fdU2mfeKiQe1D1gIMn7XUlF3OTUrpdJpPPH4EMAnF0DsHHdSZqCdSss5qCmJKuiO3w==",
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+      "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
      "license": "(MIT AND BSD-3-Clause)",
      "dependencies": {
-        "inherits": "^2.0.4",
-        "safe-buffer": "^5.2.1",
-        "to-buffer": "^1.2.0"
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
      },
      "bin": {
        "sha.js": "bin.js"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
      }
    },
    "node_modules/shebang-command": {
@@ -18645,6 +18701,7 @@
      "version": "1.2.1",
      "resolved": "https://registry.npmjs.org/to-buffer/-/to-buffer-1.2.1.tgz",
      "integrity": "sha512-tB82LpAIWjhLYbqjx3X4zEeHN6M8CiuOEy2JY8SEQVdYRe3CCHOFaqrBW1doLDrfpWhplcW7BL+bO3/6S3pcDQ==",
+      "dev": true,
      "license": "MIT",
      "dependencies": {
        "isarray": "^2.0.5",
@@ -18659,6 +18716,7 @@
      "version": "2.0.5",
      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
      "license": "MIT"
    },
    "node_modules/to-regex-range": {
@@ -18810,6 +18868,7 @@
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
      "license": "MIT",
      "dependencies": {
        "call-bound": "^1.0.3",
@@ -66,8 +66,7 @@
  },
  "overrides": {
    "ws": "$ws",
-    "parse": "$parse",
-    "form-data": "$form-data"
+    "parse": "$parse"
  },
  "engines": {
    "node": "18 || 20 || 22"