@nyris/nyris-webapp 0.3.77 → 0.3.78

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@nyris/nyris-webapp",
-  "version": "0.3.77",
+  "version": "0.3.78",
   "dependencies": {
     "@auth0/auth0-react": "^2.2.4",
     "@emailjs/browser": "^4.3.3",
-    "@nyris/nyris-api": "^0.3.77",
-    "@nyris/nyris-react-components": "^0.3.77",
+    "@nyris/nyris-api": "^0.3.78",
+    "@nyris/nyris-react-components": "^0.3.78",
     "@radix-ui/react-accordion": "^1.2.2",
     "@radix-ui/react-dialog": "^1.1.4",
     "@radix-ui/react-popover": "^1.1.4",

package/src/components/ImagePreview.tsx

@@ -10,7 +10,6 @@ import { RectCoords } from '@nyris/nyris-api';
 
 import { DEFAULT_REGION } from '../constants';
 import { useImageSearch } from 'hooks/useImageSearch';
-import useFilteredRegions from 'hooks/useFilteredRegions';
 import useRequestStore from 'stores/request/requestStore';
 import useResultStore from 'stores/result/resultStore';
 
@@ -33,7 +32,6 @@ function ImagePreviewComponent({
   const requestImages = useRequestStore(state => state.requestImages);
   const resetRegions = useRequestStore(state => state.resetRegions);
   const setRequestImages = useRequestStore(state => state.setRequestImages);
-  const query = useRequestStore(state => state.query);
   const regions = useRequestStore(state => state.regions);
   const updateRegion = useRequestStore(state => state.updateRegion);
   const resetRequestStore = useRequestStore(state => state.reset);
@@ -50,11 +48,6 @@ function ImagePreviewComponent({
 
   const previewWrapperRef = useRef<any>(null);
 
-  const filteredRegions = useFilteredRegions(
-    detectedRegions[currentIndex],
-    regions[currentIndex],
-  );
-
   const onImageRemove = () => {
     resetRegions();
     setRequestImages([]);
@@ -67,6 +60,8 @@ function ImagePreviewComponent({
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const findItemsInSelection = useCallback(
     debounce(async (r: RectCoords, image: HTMLCanvasElement) => {
+      updateRegion(r, 0);
+
       singleImageSearch({
         image: image,
         settings,
@@ -94,7 +89,6 @@ function ImagePreviewComponent({
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const debouncedOnImageSelectionChange = useCallback(
     debounce((r: RectCoords, index?: number) => {
-      updateRegion(r, 0);
       findItemsInSelection(r, requestImages[0]);
     }, 0),
     [findItemsInSelection, requestImages, updateRegion],
@@ -137,7 +131,7 @@ function ImagePreviewComponent({
             }}
             image={requestImages[currentIndex]}
             selection={regions[currentIndex] || DEFAULT_REGION}
-            regions={filteredRegions || []}
+            regions={detectedRegions[currentIndex] || []}
             dotColor={'#FBD914'}
             minCropWidth={30}
             minCropHeight={30}
@@ -213,7 +207,7 @@ function ImagePreviewComponent({
             }}
             image={requestImages[currentIndex]}
             selection={regions[currentIndex] || DEFAULT_REGION}
-            regions={[]}
+            regions={detectedRegions[currentIndex] || []}
             minWidth={Math.min(
               80 *
                 (requestImages[currentIndex]?.width /

package/src/components/Product/ProductList.tsx

@@ -71,15 +71,11 @@ function ProductList({ sendFeedBackAction }: Props): JSX.Element {
                 sendFeedBackAction(value);
               }}
               isGroupItem={settings.showGroup ? product?.isGroup : false}
-              main_image_link={(() => {
-                if (query || items.length !== 0) {
-                  return product['image(main_similarity)']
-                    ? product['image(main_similarity)']
-                    : product['main_image_link'];
-                } else {
-                  return productsFromFindApi[i]?.image;
-                }
-              })()}
+              main_image_link={
+                product['image(main_similarity)']
+                  ? product['image(main_similarity)']
+                  : product['main_image_link']
+              }
             />
           );
         })}