+ ![print img]()
(imageRefs.current[props?.position.key] = el)} // Assign ref dynamicallys
+ src={imgUrl}
+ draggable="false"
+ className="object-contain h-full w-full aspect-[5/2]"
+ onLoad={() => props?.handleImageLoaded?.(props?.position.key)}
+ onError={() => props?.handleImageLoaded?.(props?.position.key)}
+ />
+
+ props?.handleClearImage(props?.position)}
+ className="flex justify-start text-blue-500 underline cursor-pointer"
+ >
+ {t("clear")}
+
+
+ ) : (
+ imageRefs.current[props?.position.key]?.click()}
+ >
+ {props?.imageLoaders[props?.position?.key] && (
+
+ )}
+
+ );
+};
+
function PrefillWidgetModal(props) {
const { t } = useTranslation();
const dispatch = useDispatch();
// Track already loaded image keys so they don't increment multiple times
const loadedSet = useRef(new Set());
const initializedRef = useRef(false); // prevent rerun on state updates
- const prefillImg = useSelector((state) => state.widget.prefillImg);
const [image, setImage] = useState(null);
const [imageLoaders, setImageLoaders] = useState({});
const [currentWidget, setCurrentWidget] = useState("");
@@ -61,7 +127,6 @@ function PrefillWidgetModal(props) {
const [loadedImages, setLoadedImages] = useState(0);
const [loading, setLoading] = useState(false);
const years = range(1950, getYear(new Date()) + 16, 1);
- const widgetTitle = "font-medium";
const isAnyLoaderActive = Object.values(imageLoaders).some(
(val) => val === true
);
@@ -93,6 +158,7 @@ function PrefillWidgetModal(props) {
return flatArray || [];
}, [props.prefillData]);
+
useEffect(() => {
dispatch(resetWidgetState([]));
}, []);
@@ -163,67 +229,7 @@ function PrefillWidgetModal(props) {
}
return date;
};
- const ImageComponent = (props) => {
- const imageRefs = useRef([]);
- let imgUrl = "";
- const isBase64Url = isBase64(props?.position?.SignUrl);
- if (isBase64Url) {
- imgUrl = props?.position?.SignUrl;
- } else {
- const getPrefillImg = prefillImg?.find(
- (x) => x.id === props?.position?.key
- );
- imgUrl = getPrefillImg?.base64;
- }
- return (
- <>
- {props?.position.options?.name}
- {imgUrl ? (
- <>
-
+
+ )}
+ props?.onImageChange?.(e, props?.position)}
+ className="filetype"
+ accept="image/png,image/jpeg"
+ ref={(el) => (imageRefs.current[props?.position.key] = el)} // Assign ref dynamically
+ hidden
+ />
+
+ {t("upload")}
+
- ![print img]()
(imageRefs.current[props?.position.key] = el)} // Assign ref dynamicallys
- src={imgUrl}
- draggable="false"
- className="object-contain h-full w-full aspect-[5/2]"
- onLoad={() => handleImageLoaded?.(props?.position.key)}
- onError={() => handleImageLoaded?.(props?.position.key)}
- />
-
- handleClearImage(props?.position)}
- className="flex justify-start text-blue-500 underline cursor-pointer"
- >
- {t("clear")}
-
-
- ) : (
- imageRefs.current[props?.position.key]?.click()}
- >
- {imageLoaders[props?.position?.key] && (
-
- )}
-
- );
- };
const ExampleCustomInput = forwardRef(({ value, onClick }, ref) => (
-
- )}
- onImageChange(e, props?.position)}
- className="filetype"
- accept="image/png,image/jpeg"
- ref={(el) => (imageRefs.current[props?.position.key] = el)} // Assign ref dynamically
- hidden
- />
-
- {t("upload")}
- prev + 1);
}
+ setImageLoaders({});
};
const handleWidgetType = (position) => {
switch (position?.type) {
@@ -432,9 +438,9 @@ function PrefillWidgetModal(props) {
className="mt-[2px] op-checkbox op-checkbox-xs"
type="checkbox"
checked={selectCheckbox(ind, position)}
- onChange={(e) => {
- handleCheckboxValue(e.target.checked, ind, position);
- }}
+ onChange={(e) =>
+ handleCheckboxValue(e.target.checked, ind, position)
+ }
/>
diff --git a/apps/OpenSign/src/components/pdf/RenderPdf.jsx b/apps/OpenSign/src/components/pdf/RenderPdf.jsx
index 160dcc25b0..730a7c6412 100644
--- a/apps/OpenSign/src/components/pdf/RenderPdf.jsx
+++ b/apps/OpenSign/src/components/pdf/RenderPdf.jsx
@@ -271,6 +271,7 @@ function RenderPdf(props) {
setIsReqSignTourDisabled={props.setIsReqSignTourDisabled}
calculateFontsize={calculateFontsize}
currWidgetsDetails={props?.currWidgetsDetails}
+ handleNameModal={props?.handleNameModal}
/>
)
@@ -484,6 +485,8 @@ function RenderPdf(props) {
setIsReqSignTourDisabled={
props.setIsReqSignTourDisabled
}
+ unSignedWidgetId={props.unSignedWidgetId}
+ handleNameModal={props.handleNameModal}
/>
)
)}
diff --git a/apps/OpenSign/src/components/pdf/WidgetComponent.jsx b/apps/OpenSign/src/components/pdf/WidgetComponent.jsx
index 28076fabb4..238e7484ea 100644
--- a/apps/OpenSign/src/components/pdf/WidgetComponent.jsx
+++ b/apps/OpenSign/src/components/pdf/WidgetComponent.jsx
@@ -91,14 +91,14 @@ function WidgetComponent(props) {
name,
jobTitle,
company,
+ email,
date,
text,
cells,
checkbox,
dropdown,
radioButton,
- image,
- email
+ image
];
const getWidgetArray = widgets;
const newUpdateSigner = getWidgetArray.map((obj, ind) => {
@@ -109,7 +109,7 @@ function WidgetComponent(props) {
// eslint-disable-next-line
}, []);
- //allow only (signature,stamp,initials,text,name, job title, company,email) widget when isAllowModification true and user have session token
+ // allow only (signature, stamp, initials, text, name, job title, company, email, cells) widget when isAllowModification true and user have session token
const modifiedWidgets = widget.filter(
(data) =>
![
@@ -121,7 +121,7 @@ function WidgetComponent(props) {
"checkbox"
].includes(data.type)
);
- //allow only (signature,stamp,initials,text) widget when isAllowModification true and user does not have session token
+ // allow only (signature, stamp, initials, text, cells) widget when isAllowModification true and user does not have session token
const unlogedInUserWidgets = widget.filter(
(data) =>
![
@@ -263,7 +263,12 @@ function WidgetComponent(props) {
)}