@akinon/pz-similar-products 1.92.0-rc.27 → 1.92.0-snapshot-ZERO-3457-20250627111231

package/CHANGELOG.md

@@ -1,45 +1,7 @@
 # @akinon/pz-similar-products
 
-## 1.92.0-rc.27
+## 1.92.0-snapshot-ZERO-3457-20250627111231
 
 ### Minor Changes
 
-- d606f4a: ZERO-3481: Add locale and currency to list endpoint
-
-## 1.92.0-rc.26
-
-## 1.92.0-rc.25
-
-## 1.92.0-rc.24
-
-## 1.92.0-rc.23
-
-## 1.92.0-rc.22
-
-### Minor Changes
-
-- 143be2b: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
-
-## 1.92.0-rc.21
-
-### Minor Changes
-
-- d99a6a7: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
-
-## 1.92.0-rc.20
-
-### Minor Changes
-
-- 8b1d24e: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
-
-## 1.92.0-rc.19
-
-### Minor Changes
-
-- d8be48f: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
-
-## 1.92.0-rc.18
-
-## 1.92.0-rc.17
-
-## 1.92.0-rc.16
+- d99a6a7: ZERO-3457_1: Fixed the settings prop and made sure everything is customizable.

package/README.md

@@ -266,24 +266,11 @@ interface SimilarProductsSettings {
     imageSearchTipsTitle?: string; // NEW: Tips title
     imageSearchTipsList?: string; // NEW: Tips list
     imageSearchTipsItem?: string; // NEW: Individual tip
-    imageSearchModalOverlay?: string; // NEW: Image search modal overlay
 
     // Mobile active filters
     mobileActiveFilters?: string;
     mobileActiveFilterTag?: string;
     mobileClearAllButton?: string;
-
-    // New crop-related custom styles
-    cropComponent?: string;
-    cropImage?: string;
-    cropImageActive?: string;
-    cropImageNonCropping?: string;
-    cropImageContainer?: string;
-    cropOverlay?: string;
-    cropSelection?: string;
-    cropSelectionBorder?: string;
-    cropOverlayBackground?: string;
-    cropSelectionHighlight?: string;
   };
 
   // 25+ render functions for granular control
@@ -569,18 +556,7 @@ const settings = {
     productItem: 'hover:scale-105 transition-all duration-300 shadow-lg',
     filterSidebar: 'bg-gradient-to-b from-gray-50 to-white',
     paginationButton: 'rounded-full px-4 py-2 bg-blue-600 text-white',
-    activeFilterTag: 'bg-blue-100 text-blue-800 px-3 py-1 rounded-full',
-
-    // Advanced crop styling
-    cropComponent: 'border-2 border-dashed border-blue-300 rounded-lg',
-    cropImage: 'rounded-lg shadow-md',
-    cropImageActive: 'brightness-110 contrast-110',
-    cropImageNonCropping: 'hover:scale-105 transition-transform',
-    cropImageContainer: 'bg-gray-50 rounded-lg p-2',
-    cropOverlay: 'backdrop-blur-sm',
-    cropOverlayBackground: 'bg-black/60',
-    cropSelection: 'border-4 border-blue-500',
-    cropSelectionHighlight: 'shadow-2xl shadow-blue-500/50'
+    activeFilterTag: 'bg-blue-100 text-blue-800 px-3 py-1 rounded-full'
   }
 };
 ```
@@ -939,8 +915,7 @@ export function SiteHeader() {
             settings: {
               maxFileSize: 5,
               customStyles: {
-                imageSearchModal: 'max-w-lg rounded-xl',
-                imageSearchModalOverlay: 'bg-black/70 backdrop-blur-sm' // Custom overlay
+                imageSearchModal: 'max-w-lg rounded-xl'
               }
             }
           }}
@@ -1455,8 +1430,7 @@ const advancedStylingSettings = {
     imageSearchTipsSection: 'bg-yellow-50 border-l-4 border-yellow-400',
     imageSearchTipsTitle: 'text-yellow-800 font-bold',
     imageSearchTipsList: 'text-yellow-700',
-    imageSearchTipsItem: 'hover:text-yellow-900 transition-colors',
-    imageSearchModalOverlay: 'bg-black/60 backdrop-blur-md' // NEW: Custom overlay
+    imageSearchTipsItem: 'hover:text-yellow-900 transition-colors'
   }
 };
 ```
@@ -1513,7 +1487,6 @@ const hybridAdvancedSettings = {
 - `filterSidebar`, `filterSidebarMobileHeader`, `filterGroup`, `filterGroupTitle`, `filterGroupContent`
 - `filterItem`, `filterItemInput`, `filterItemLabel`, `filterItemCount`
 - `imageSection`, `imageContainer`, `imageWrapper`, `cropButton`, `tickButton`, `uploadButton`, `resetButton`, `errorMessage`, `cropControls`
-- `cropComponent`, `cropImage`, `cropImageActive`, `cropImageNonCropping`, `cropImageContainer`, `cropOverlay`, `cropSelection`, `cropSelectionBorder`, `cropOverlayBackground`, `cropSelectionHighlight`
 - `mobileActiveFilters`, `mobileActiveFilterTag`, `mobileClearAllButton`
 
 **Products & Results:**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/pz-similar-products",
-  "version": "1.92.0-rc.27",
+  "version": "1.92.0-snapshot-ZERO-3457-20250627111231",
   "license": "MIT",
   "main": "src/index.ts",
   "peerDependencies": {

package/src/hooks/use-similar-products.ts

@@ -874,14 +874,6 @@ export function useSimilarProducts(product: Product) {
     setFileError('');
   }, []);
 
-  const clearResults = useCallback(() => {
-    setSearchResults(null);
-    setResultsKey(0);
-    setLastProductIds([]);
-    setAllLoadedProducts([]);
-    setLoadedPages(new Set([1]));
-  }, []);
-
   const clearFileInput = useCallback(
     (fileInputRef: React.RefObject<HTMLInputElement>) => {
       if (fileInputRef.current) {
@@ -948,7 +940,6 @@ export function useSimilarProducts(product: Product) {
     loadedPages: Array.from(loadedPages),
     allLoadedProducts,
     clearError,
-    clearResults,
     clearFileInput
   };
 }

package/src/types/index.ts

@@ -357,19 +357,6 @@ export interface SimilarProductsSettings {
     errorMessage?: string;
     cropControls?: string;
 
-    // Detailed crop styling
-    cropComponent?: string;
-    cropImage?: string;
-    cropImageActive?: string;
-    cropOverlay?: string;
-    cropSelection?: string;
-    cropSelectionBorder?: string;
-    cropImageNonCropping?: string;
-    cropImageContainer?: string;
-    cropImageWrapper?: string;
-    cropOverlayBackground?: string;
-    cropSelectionHighlight?: string;
-
     resultsContainer?: string;
     gridContainer?: string;
     productItem?: string;
@@ -408,12 +395,10 @@ export interface SimilarProductsSettings {
     imageSearchTipsTitle?: string;
     imageSearchTipsList?: string;
     imageSearchTipsItem?: string;
-    imageSearchModalOverlay?: string;
 
     mobileActiveFilters?: string;
     mobileActiveFilterTag?: string;
     mobileClearAllButton?: string;
-    filterSidebarMobileOverlay?: string;
   };
   customRenderers?: {
     Modal?: React.ComponentType<SimilarProductsModalProps>;