@nyris/nyris-webapp 0.3.72 → 0.3.73

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@nyris/nyris-webapp",
-  "version": "0.3.72",
+  "version": "0.3.73",
   "dependencies": {
     "@auth0/auth0-react": "^2.2.4",
     "@emailjs/browser": "^4.3.3",
     "@material-ui/core": "^4.12.4",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "^4.0.0-alpha.61",
-    "@nyris/nyris-api": "^0.3.72",
-    "@nyris/nyris-react-components": "^0.3.72",
+    "@nyris/nyris-api": "^0.3.73",
+    "@nyris/nyris-react-components": "^0.3.73",
     "@reduxjs/toolkit": "^2.2.1",
     "@splidejs/react-splide": "^0.7.12",
     "@testing-library/jest-dom": "^5.17.0",

package/src/helpers/CommonHelper.ts

@@ -32,3 +32,20 @@ export const prepareImageList = (dataItem: any) => {
   }
   return valueKey;
 };
+
+export const isHEIC = (file: File) => {
+  if (!file) return false;
+  if (!file.name) return false;
+  // Check extension (case insensitive)
+  const ext =
+    file.name.toLowerCase().endsWith('.heic') ||
+    file.name.toLowerCase().endsWith('.heif');
+
+  // Check MIME type
+  const mime =
+    file.type === 'image/heic' ||
+    file.type === 'image/heif' ||
+    file.type === 'image/heic-sequence';
+
+  return ext || mime;
+};

package/src/hooks/useImageSearch.ts

@@ -2,8 +2,10 @@
 
 import { RectCoords } from '@nyris/nyris-api';
 import { isEmpty } from 'lodash';
+
 import { useCallback } from 'react';
 import { createImage, find, findMulti, findRegions } from 'services/image';
+import { isHEIC } from 'helpers/CommonHelper';
 import useRequestStore from 'Store/requestStore';
 import useResultStore from 'Store/resultStore';
 import {
@@ -65,7 +67,7 @@ export const useImageSearch = () => {
 
       let blob = image;
 
-      if (['.heic', '.heif'].some(ex => image?.name?.endsWith(ex))) {
+      if (isHEIC(image)) {
         const blobTemp = new Blob([image], { type: 'image/heif' });
         const buffer = new Uint8Array(await blobTemp.arrayBuffer());