@mamrp/components 1.7.60 → 1.7.61

package/dist/index.mjs

@@ -3747,6 +3747,23 @@ function ImageViewer({
 }
 
 // src/enhanced-upload-image/index.tsx
+import heic2any from "heic2any";
+var isHeic = (file) => file.type === "image/heic" || file.type === "image/heif" || file.name.toLowerCase().endsWith(".heic") || file.name.toLowerCase().endsWith(".heif");
+var convertHeicToJpeg = async (file) => {
+  const convertedBlob = await heic2any({
+    blob: file,
+    toType: "image/jpeg",
+    quality: 0.9
+  });
+  return new File(
+    [convertedBlob],
+    file.name.replace(/\.(heic|heif)$/i, ".jpg"),
+    {
+      type: "image/jpeg",
+      lastModified: Date.now()
+    }
+  );
+};
 var UploadImage = ({
   placeholder,
   name,
@@ -3808,20 +3825,20 @@ var UploadImage = ({
     });
   };
   const handleImageChange = async (event) => {
-    const file = event.target.files?.[0];
-    if (file) {
-      console.log("Original file size (KB):", (file.size / 1024).toFixed(2));
-      const compressedFile = await compressImage(file);
-      if (compressedFile) {
-        console.log(
-          "Compressed file size (KB):",
-          (compressedFile.size / 1024).toFixed(2)
-        );
-        const objectURL = URL.createObjectURL(compressedFile);
-        setSelectedImage(objectURL);
-        setValue(name, compressedFile);
+    let file = event.target.files?.[0];
+    if (!file) return;
+    if (isHeic(file)) {
+      try {
+        file = await convertHeicToJpeg(file);
+      } catch (e) {
+        return;
       }
     }
+    const compressedFile = await compressImage(file);
+    if (!compressedFile) return;
+    const objectURL = URL.createObjectURL(compressedFile);
+    setSelectedImage(objectURL);
+    setValue(name, compressedFile);
   };
   const handleRemoveImage = () => {
     setSelectedImage(null);