Function addPositionOfSignature

apps/OpenSign/src/pages/SignyourselfPdf.jsx:349–495

(item, monitor)

  };
  //function for setting position after drop signature button over pdf
  const addPositionOfSignature = (item, monitor) => {
    setCurrWidgetsDetails({});
    const key = randomId();
    let dropData = [];
    let dropObj = {};
    let filterDropPos = xyPosition?.filter(
      (data) => data.pageNumber === pageNumber
    );
    const dragTypeValue = item?.text ? item.text : monitor.type;
    const widgetValue = getWidgetValue(dragTypeValue);
    const widgetTypeExist = [
      "name",
      "company",
      "job title",
      "email",
      cellsWidget
    ].includes(dragTypeValue);
    const containerScale = getContainerScale(
      pdfOriginalWH,
      pageNumber,
      containerWH
    );
    const widgetWidth =
      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") {
      // Use the current page container (id="container") so that the
      // height reflects one page, not the entire multi-page document.
      const containerEl =
        document.getElementById("container") || divRef.current;
      const divWidth = containerEl.getBoundingClientRect().width;
      const divHeight = containerEl.getBoundingClientRect().height;
      //  Compute the pixel‐space center within the PDF viewport:
      const centerX_Pixels = divWidth / 2 - widgetWidth / 2;
      const xPosition_Final = centerX_Pixels / (containerScale * scale);
      dropObj = {
        //onclick put placeholder center on pdf
        xPosition: xPosition_Final,
        yPosition:
          (divHeight / 2 - widgetHeight / 2) / (containerScale * scale),
        isStamp:
          (dragTypeValue === "stamp" || dragTypeValue === "image") && true,
        key: key,
        type: dragTypeValue,
        scale: containerScale,
        Width: widgetWidth / (containerScale * scale),
        Height: widgetHeight / (containerScale * scale),
        options: addWidgetSelfsignOptions(
          dragTypeValue,
          getWidgetValue,
          owner,
          xyPosition,
          true
        )
      };
      dropData.push(dropObj);