fix: resolve issue of disappear widgets when adding it on multiple pages

Author: raktima-opensignlabs

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

@@ -116,6 +116,7 @@ function Placeholder(props) {
         : ""
   });
   const [dateFormat, setDateFormat] = useState([]);
+  const [clickonWidget, setClickonWidget] = useState({});
   const [startDate, setStartDate] = useState(
     props.pos.type === "date" &&
       getDefaultdate(
@@ -519,6 +520,7 @@ function Placeholder(props) {
                 props.setCurrWidgetsDetails(props.pos);
                 setIsDateModal(!isDateModal);
                 e.stopPropagation();
+                setClickonWidget(props.pos);
                 if (props.data) {
                   props.setSignKey(props.pos.key);
                   props.setUniqueId(props.data.Id);
@@ -923,11 +925,7 @@ function Placeholder(props) {
             <span>{t("font-size")} :</span>
             <select
               className="ml-[3px] md:ml:[7px] op-select op-select-bordered op-select-sm focus:outline-none hover:border-base-content text-xs"
-              value={
-                props.fontSize ||
-                props.currWidgetsDetails?.options?.fontSize ||
-                "12"
-              }
+              value={props.fontSize || clickonWidget.options?.fontSize || "12"}
               onChange={(e) => props.setFontSize(e.target.value)}
             >
               {fontsizeArr.map((size, ind) => {
@@ -942,7 +940,7 @@ function Placeholder(props) {
               <span>{t("color")}: </span>
               <select
                 value={
-                  props.fontColor || props.pos.options?.fontColor || "black"
+                  props.fontColor || clickonWidget.options?.fontColor || "black"
                 }
                 onChange={(e) => props.setFontColor(e.target.value)}
                 className="ml-[4px] md:ml[7px] op-select op-select-bordered op-select-sm focus:outline-none hover:border-base-content text-xs"

apps/OpenSign/src/pages/PlaceHolderSign.js

@@ -581,7 +581,11 @@ function PlaceHolderSign() {
             setSignerPos(signerPos);
           } else {
             updatesignerPos = signerPos.map((x) =>
-              x.Id === uniqueId ? { ...x, placeHolder: [placeHolder] } : x
+              x.Id === uniqueId && x?.placeHolder
+                ? { ...x, placeHolder: [...x.placeHolder, placeHolder] }
+                : x.Id === uniqueId
+                  ? { ...x, placeHolder: [placeHolder] }
+                  : x
             );
             setSignerPos(updatesignerPos);
           }

apps/OpenSign/src/pages/TemplatePlaceholder.js

@@ -450,6 +450,7 @@ const TemplatePlaceholder = () => {
             (data) => data.pageNumber === pageNumber
           );
         }
+
         //checking current page has already some placeholders then update that placeholder and add upcoming placehoder position
         if (getPlaceHolder && currentPagePosition) {
           const updatePlace = getPlaceHolder.filter(
@@ -468,7 +469,11 @@ const TemplatePlaceholder = () => {
           setSignerPos(updatesignerPos);
         } else {
           const updatesignerPos = signerPos.map((x) =>
-            x.Id === uniqueId ? { ...x, placeHolder: [placeHolder] } : x
+            x.Id === uniqueId && x?.placeHolder
+              ? { ...x, placeHolder: [...x.placeHolder, placeHolder] }
+              : x.Id === uniqueId
+                ? { ...x, placeHolder: [placeHolder] }
+                : x
           );
           setSignerPos(updatesignerPos);
         }