formanitor 0.0.45 → 0.0.46

package/dist/index.cjs

@@ -3117,6 +3117,18 @@ var DateTimeWidget = ({ fieldId }) => {
     showError && /* @__PURE__ */ jsxRuntime.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();
@@ -3124,7 +3136,14 @@ var ImageUploadWidget = ({ fieldId }) => {
   const [isUploading, setIsUploading] = React15.useState(false);
   const [preview, setPreview] = React15.useState(null);
   const fileInputRef = React15.useRef(null);
+  const blobUrlRef = React15.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) {
@@ -3137,12 +3156,24 @@ var ImageUploadWidget = ({ fieldId }) => {
     ] });
   }
   React15__namespace.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__namespace.default.useEffect(
+    () => () => {
+      revokeTrackedBlob();
+    },
+    []
+  );
   const handleFileSelect = async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
@@ -3158,15 +3189,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);
@@ -3174,6 +3208,7 @@ var ImageUploadWidget = ({ fieldId }) => {
     }
   };
   const handleRemove = () => {
+    revokeTrackedBlob();
     setValue(null);
     setPreview(null);
     if (fileInputRef.current) {
@@ -3251,6 +3286,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();
@@ -3260,7 +3307,14 @@ var MediaUploadWidget = ({ fieldId }) => {
   const [previewIsPdf, setPreviewIsPdf] = React15.useState(false);
   const fileInputRef = React15.useRef(null);
   const pendingPreviewKindRef = React15.useRef(null);
+  const blobUrlRef = React15.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) {
@@ -3273,19 +3327,32 @@ var MediaUploadWidget = ({ fieldId }) => {
     ] });
   }
   React15__namespace.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__namespace.default.useEffect(
+    () => () => {
+      revokeTrackedBlob();
+    },
+    []
+  );
   const handleFileSelect = async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
@@ -3302,10 +3369,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);
@@ -3313,6 +3382,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 {
@@ -3322,6 +3393,7 @@ var MediaUploadWidget = ({ fieldId }) => {
   };
   const handleRemove = () => {
     pendingPreviewKindRef.current = null;
+    revokeTrackedBlob();
     setValue(null);
     setPreview(null);
     setPreviewIsPdf(false);