formanitor 0.0.45 → 0.0.46

package/dist/index.mjs

@@ -3082,6 +3082,18 @@ var DateTimeWidget = ({ fieldId }) => {
     showError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500", children: error })
   ] });
 };
+function extractImageDisplayUrl(value) {
+  if (value == null) return null;
+  if (typeof value === "string") {
+    return /^https?:\/\//i.test(value) ? value : null;
+  }
+  if (typeof value === "object") {
+    const o = value;
+    const u = o.presigned_url || o.value;
+    if (typeof u === "string" && /^https?:\/\//i.test(u)) return u;
+  }
+  return null;
+}
 var ImageUploadWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
   const store = useFormStore();
@@ -3089,7 +3101,14 @@ var ImageUploadWidget = ({ fieldId }) => {
   const [isUploading, setIsUploading] = useState(false);
   const [preview, setPreview] = useState(null);
   const fileInputRef = useRef(null);
+  const blobUrlRef = useRef(null);
   const showError = !!error && (touched || state.submitAttempted);
+  const revokeTrackedBlob = () => {
+    if (blobUrlRef.current) {
+      URL.revokeObjectURL(blobUrlRef.current);
+      blobUrlRef.current = null;
+    }
+  };
   if (!fieldDef) return null;
   const uploadHandler = store.getUploadHandler();
   if (!uploadHandler) {
@@ -3102,12 +3121,24 @@ var ImageUploadWidget = ({ fieldId }) => {
     ] });
   }
   React15__default.useEffect(() => {
-    if (value && typeof value === "string") {
-      setPreview(value);
-    } else {
+    const displayUrl = extractImageDisplayUrl(value);
+    if (displayUrl) {
+      revokeTrackedBlob();
+      setPreview(displayUrl);
+      return;
+    }
+    if (value === null || value === void 0 || value === "") {
+      revokeTrackedBlob();
       setPreview(null);
+      return;
     }
   }, [value]);
+  React15__default.useEffect(
+    () => () => {
+      revokeTrackedBlob();
+    },
+    []
+  );
   const handleFileSelect = async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
@@ -3123,15 +3154,18 @@ var ImageUploadWidget = ({ fieldId }) => {
     setIsUploading(true);
     setTouched();
     store.incrementPendingUploads();
+    revokeTrackedBlob();
+    const previewUrl = URL.createObjectURL(file);
+    blobUrlRef.current = previewUrl;
+    setPreview(previewUrl);
     try {
-      const previewUrl = URL.createObjectURL(file);
-      setPreview(previewUrl);
       const s3Key = await uploadHandler(file, file.name);
       setValue(s3Key);
     } catch (error2) {
       console.error("Upload failed:", error2);
       const errorMessage = error2 instanceof Error ? error2.message : "Upload failed. Please try again.";
       alert(errorMessage);
+      revokeTrackedBlob();
       setPreview(null);
     } finally {
       setIsUploading(false);
@@ -3139,6 +3173,7 @@ var ImageUploadWidget = ({ fieldId }) => {
     }
   };
   const handleRemove = () => {
+    revokeTrackedBlob();
     setValue(null);
     setPreview(null);
     if (fileInputRef.current) {
@@ -3216,6 +3251,18 @@ function isAcceptedMediaFile(file) {
   if (file.name.toLowerCase().endsWith(".pdf")) return true;
   return false;
 }
+function extractMediaDisplayUrl(value) {
+  if (value == null) return null;
+  if (typeof value === "string") {
+    return /^https?:\/\//i.test(value) ? value : null;
+  }
+  if (typeof value === "object") {
+    const o = value;
+    const u = o.presigned_url || o.value;
+    if (typeof u === "string" && /^https?:\/\//i.test(u)) return u;
+  }
+  return null;
+}
 var MediaUploadWidget = ({ fieldId }) => {
   const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
   const store = useFormStore();
@@ -3225,7 +3272,14 @@ var MediaUploadWidget = ({ fieldId }) => {
   const [previewIsPdf, setPreviewIsPdf] = useState(false);
   const fileInputRef = useRef(null);
   const pendingPreviewKindRef = useRef(null);
+  const blobUrlRef = useRef(null);
   const showError = !!error && (touched || state.submitAttempted);
+  const revokeTrackedBlob = () => {
+    if (blobUrlRef.current) {
+      URL.revokeObjectURL(blobUrlRef.current);
+      blobUrlRef.current = null;
+    }
+  };
   if (!fieldDef) return null;
   const uploadHandler = store.getUploadHandler();
   if (!uploadHandler) {
@@ -3238,19 +3292,32 @@ var MediaUploadWidget = ({ fieldId }) => {
     ] });
   }
   React15__default.useEffect(() => {
-    if (value && typeof value === "string") {
-      setPreview(value);
+    const displayUrl = extractMediaDisplayUrl(value);
+    if (displayUrl) {
+      revokeTrackedBlob();
+      setPreview(displayUrl);
       if (pendingPreviewKindRef.current) {
         setPreviewIsPdf(pendingPreviewKindRef.current === "pdf");
         pendingPreviewKindRef.current = null;
       } else {
-        setPreviewIsPdf(urlLooksLikePdf(value));
+        setPreviewIsPdf(urlLooksLikePdf(displayUrl));
       }
-    } else {
+      return;
+    }
+    if (value === null || value === void 0 || value === "") {
+      revokeTrackedBlob();
+      pendingPreviewKindRef.current = null;
       setPreview(null);
       setPreviewIsPdf(false);
+      return;
     }
   }, [value]);
+  React15__default.useEffect(
+    () => () => {
+      revokeTrackedBlob();
+    },
+    []
+  );
   const handleFileSelect = async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
@@ -3267,10 +3334,12 @@ var MediaUploadWidget = ({ fieldId }) => {
     setIsUploading(true);
     setTouched();
     store.incrementPendingUploads();
+    revokeTrackedBlob();
+    const previewUrl = URL.createObjectURL(file);
+    blobUrlRef.current = previewUrl;
+    setPreview(previewUrl);
+    setPreviewIsPdf(isPdf);
     try {
-      const previewUrl = URL.createObjectURL(file);
-      setPreview(previewUrl);
-      setPreviewIsPdf(isPdf);
       const s3Key = await uploadHandler(file, file.name);
       pendingPreviewKindRef.current = isPdf ? "pdf" : "image";
       setValue(s3Key);
@@ -3278,6 +3347,8 @@ var MediaUploadWidget = ({ fieldId }) => {
       console.error("Upload failed:", error2);
       const errorMessage = error2 instanceof Error ? error2.message : "Upload failed. Please try again.";
       alert(errorMessage);
+      pendingPreviewKindRef.current = null;
+      revokeTrackedBlob();
       setPreview(null);
       setPreviewIsPdf(false);
     } finally {
@@ -3287,6 +3358,7 @@ var MediaUploadWidget = ({ fieldId }) => {
   };
   const handleRemove = () => {
     pendingPreviewKindRef.current = null;
+    revokeTrackedBlob();
     setValue(null);
     setPreview(null);
     setPreviewIsPdf(false);