@akinon/pz-similar-products 1.106.0-rc.85 → 1.108.0-rc.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,367 +1,10 @@
1
1
  # @akinon/pz-similar-products
2
2
 
3
- ## 1.106.0-rc.85
3
+ ## 1.108.0-rc.10
4
4
 
5
- ### Minor Changes
6
-
7
- - 54e31792: ZERO-3532: Added customize options to icons
8
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
9
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
10
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
11
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
12
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
13
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
14
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
15
- - 33d4d0c: ZERO-3615: remove custom not found
16
-
17
- ## 1.105.0-rc.84
18
-
19
- ### Minor Changes
20
-
21
- - 54e31792: ZERO-3532: Added customize options to icons
22
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
23
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
24
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
25
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
26
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
27
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
28
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
29
- - 33d4d0c: ZERO-3615: remove custom not found
30
-
31
- ## 1.104.0-rc.83
32
-
33
- ### Minor Changes
34
-
35
- - 54e31792: ZERO-3532: Added customize options to icons
36
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
37
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
38
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
39
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
40
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
41
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
42
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
43
- - 33d4d0c: ZERO-3615: remove custom not found
44
-
45
- ## 1.103.0-rc.82
46
-
47
- ## 1.103.0-rc.81
48
-
49
- ### Minor Changes
50
-
51
- - 33d4d0c: ZERO-3615: remove custom not found
52
-
53
- ## 1.103.0-rc.80
54
-
55
- ### Minor Changes
56
-
57
- - 54e31792: ZERO-3532: Added customize options to icons
58
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
59
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
60
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
61
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
62
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
63
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
64
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
65
-
66
- ## 1.102.0-rc.79
67
-
68
- ## 1.102.0-rc.78
69
-
70
- ## 1.102.0-rc.77
71
-
72
- ### Minor Changes
73
-
74
- - 54e31792: ZERO-3532: Added customize options to icons
75
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
76
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
77
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
78
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
79
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
80
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
81
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
82
-
83
- ## 1.101.0-rc.76
84
-
85
- ## 1.101.0-rc.75
86
-
87
- ## 1.101.0-rc.74
88
-
89
- ## 1.101.0-rc.73
90
-
91
- ### Minor Changes
92
-
93
- - 54e31792: ZERO-3532: Added customize options to icons
94
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
95
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
96
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
97
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
98
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
99
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
100
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
101
-
102
- ## 1.100.0-rc.72
103
-
104
- ## 1.100.0-rc.71
5
+ ## 1.108.0-rc.9
105
6
 
106
7
  ### Minor Changes
107
8
 
108
- - 54e31792: ZERO-3532: Added customize options to icons
109
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
110
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
111
9
  - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
112
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
113
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
114
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
115
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
116
-
117
- ## 1.99.0-rc.70
118
-
119
- ## 1.99.0-rc.69
120
-
121
- ## 1.99.0-rc.68
122
-
123
- ## 1.99.0-rc.67
124
-
125
- ## 1.99.0-rc.66
126
-
127
- ### Minor Changes
128
-
129
- - 54e31792: ZERO-3532: Added customize options to icons
130
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
131
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
132
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
133
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
134
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
135
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
136
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
137
-
138
- ## 1.98.0-rc.65
139
-
140
- ### Minor Changes
141
-
142
- - 54e31792: ZERO-3532: Added customize options to icons
143
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
144
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
145
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
146
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
147
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
148
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
149
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
150
-
151
- ## 1.96.0-rc.64
152
-
153
- ### Minor Changes
154
-
155
- - 54e31792: ZERO-3532: Added customize options to icons
156
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
157
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
158
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
159
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
160
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
161
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
162
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
163
-
164
- ## 1.96.0-rc.63
165
-
166
- ## 1.96.0-rc.62
167
-
168
- ## 1.96.0-rc.61
169
-
170
- ### Minor Changes
171
-
172
- - 54e31792: ZERO-3532: Added customize options to icons
173
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
174
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
175
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
176
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
177
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
178
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
179
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
180
-
181
- ## 1.96.0-rc.60
182
-
183
- ## 1.96.0-rc.59
184
-
185
- ## 1.96.0-rc.58
186
-
187
- ## 1.96.0-rc.57
188
-
189
- ## 1.96.0-rc.56
190
-
191
- ## 1.96.0-rc.55
192
-
193
- ### Minor Changes
194
-
195
- - 54e3179: ZERO-3532: Added customize options to icons
196
- - 174bf3a: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
197
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
198
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
199
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
200
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
201
- - 59b275c: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
202
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
203
-
204
- ## 1.95.0-rc.54
205
-
206
- ### Minor Changes
207
-
208
- - 54e3179: ZERO-3532: Added customize options to icons
209
- - 174bf3a: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
210
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
211
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
212
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
213
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
214
- - 59b275c: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
215
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
216
-
217
- ## 1.93.0-rc.53
218
-
219
- ### Minor Changes
220
-
221
- - 54e3179: ZERO-3532: Added customize options to icons
222
- - 174bf3a: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
223
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
224
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
225
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
226
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
227
- - 59b275c: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
228
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
229
-
230
- ## 1.93.0-rc.52
231
-
232
- ## 1.93.0-rc.51
233
-
234
- ## 1.93.0-rc.50
235
-
236
- ## 1.93.0-rc.49
237
-
238
- ### Minor Changes
239
-
240
- - 54e3179: ZERO-3532: Added customize options to icons
241
- - 174bf3a: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
242
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
243
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
244
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
245
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
246
- - 59b275c: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
247
- - d606f4a: ZERO-3481: Add locale and currency to list endpoint
248
-
249
- ## 1.93.0-rc.48
250
-
251
- ## 1.93.0-rc.47
252
-
253
- ## 1.93.0-rc.46
254
-
255
- ### Minor Changes
256
-
257
- - 54e31792: ZERO-3532: Added customize options to icons
258
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
259
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
260
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
261
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
262
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
263
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
264
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
265
-
266
- ## 1.92.0-rc.45
267
-
268
- ## 1.92.0-rc.44
269
-
270
- ## 1.92.0-rc.43
271
-
272
- ## 1.92.0-rc.42
273
-
274
- ### Minor Changes
275
-
276
- - 54e31792: ZERO-3532: Added customize options to icons
277
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
278
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
279
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
280
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
281
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
282
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
283
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
284
-
285
- ## 1.92.0-rc.41
286
-
287
- ## 1.92.0-rc.40
288
-
289
- ## 1.92.0-rc.39
290
-
291
- ### Minor Changes
292
-
293
- - 174bf3a: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
294
-
295
- ## 1.92.0-rc.38
296
-
297
- ## 1.92.0-rc.37
298
-
299
- ## 1.92.0-rc.36
300
-
301
- ## 1.92.0-rc.35
302
-
303
- ## 1.92.0-rc.34
304
-
305
- ## 1.92.0-rc.33
306
-
307
- ### Minor Changes
308
-
309
- - 59b275c: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
310
-
311
- ## 1.92.0-rc.32
312
-
313
- ### Minor Changes
314
-
315
- - 54e3179: ZERO-3532: Added customize options to icons
316
-
317
- ## 1.92.0-rc.31
318
-
319
- ## 1.92.0-rc.30
320
-
321
- ## 1.92.0-rc.29
322
-
323
- ## 1.92.0-rc.28
324
-
325
- ## 1.92.0-rc.27
326
-
327
- ### Minor Changes
328
-
329
- - d606f4a: ZERO-3481: Add locale and currency to list endpoint
330
-
331
- ## 1.92.0-rc.26
332
-
333
- ## 1.92.0-rc.25
334
-
335
- ## 1.92.0-rc.24
336
-
337
- ## 1.92.0-rc.23
338
-
339
- ## 1.92.0-rc.22
340
-
341
- ### Minor Changes
342
-
343
- - 143be2b: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
344
-
345
- ## 1.92.0-rc.21
346
-
347
- ### Minor Changes
348
-
349
- - d99a6a7: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
350
-
351
- ## 1.92.0-rc.20
352
-
353
- ### Minor Changes
354
-
355
- - 8b1d24e: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
356
-
357
- ## 1.92.0-rc.19
358
-
359
- ### Minor Changes
360
-
361
- - d8be48f: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
362
-
363
- ## 1.92.0-rc.18
364
-
365
- ## 1.92.0-rc.17
366
-
367
- ## 1.92.0-rc.16
10
+ - d99a6a7d: ZERO-3457_1: Fixed the settings prop and made sure everything is customizable.
package/README.md CHANGED
@@ -10,7 +10,6 @@
10
10
 
11
11
  - [Features](#markdown-header-features)
12
12
  - [Installation](#markdown-header-installation)
13
- - [Icon Customization](#markdown-header-icon-customization)
14
13
  - [Quick Start](#markdown-header-quick-start)
15
14
  - [Available Components](#markdown-header-available-components)
16
15
  - [Configuration](#markdown-header-configuration)
@@ -65,7 +64,6 @@
65
64
 
66
65
  - **🖼️ Visual Search**: AI-powered image-based product discovery
67
66
  - **✂️ Image Cropping**: Built-in cropping functionality with manual confirmation for precise searches
68
- - **🔤 Text Search**: Search similar products by text description with customizable input
69
67
  - **🎛️ Advanced Filtering**: Dynamic facet-based filtering system
70
68
  - **📄 Multiple Pagination Modes**: Traditional pagination, load more button, and infinite scroll
71
69
  - **🎨 Granular Customization**: 50+ style targets and 30+ render points
@@ -81,94 +79,6 @@ npx @akinon/projectzero@latest --plugins
81
79
 
82
80
  Select `pz-similar-products` from the plugin list during installation.
83
81
 
84
- ## Icon Customization
85
-
86
- The plugin provides complete control over icon appearance and behavior through two complementary approaches:
87
-
88
- ### Icon Names (`iconNames`)
89
-
90
- Change which icons are displayed by specifying different icon names:
91
-
92
- ```tsx
93
- const iconCustomization = {
94
- iconNames: {
95
- searchButton: 'magnifier', // Search button (default: 'search')
96
- modalClose: 'x', // Modal close buttons (default: 'close')
97
- filter: 'funnel', // Filter button (default: 'filter')
98
- filterRemove: 'trash', // Filter tag remove buttons (default: 'close')
99
- modalSearch: 'search-outline', // Modal search button (default: 'search')
100
- modalSearchClear: 'clear', // Search input clear button (default: 'close')
101
- imageSearchButton: 'upload' // Image search button (default: 'search')
102
- }
103
- };
104
- ```
105
-
106
- ### Icon Styles (`customStyles`)
107
-
108
- Customize the visual appearance of icons with CSS classes:
109
-
110
- ```tsx
111
- const iconStyling = {
112
- customStyles: {
113
- searchButtonIcon: 'fill-blue-500 hover:fill-blue-600 transition-colors',
114
- modalCloseIcon: 'text-red-500 hover:text-red-700 w-4 h-4',
115
- filterIcon: 'text-purple-500 w-5 h-5',
116
- filterRemoveIcon: 'text-orange-500 hover:text-orange-700 w-3 h-3',
117
- imageSearchButtonIcon: 'text-blue-500 hover:text-blue-600 w-5 h-5'
118
- }
119
- };
120
- ```
121
-
122
- ### Complete Icon Customization Example
123
-
124
- ```tsx
125
- const completeIconSettings = {
126
- // Change icon names
127
- iconNames: {
128
- searchButton: 'search-alt',
129
- modalClose: 'times',
130
- filter: 'filter-alt',
131
- filterRemove: 'remove',
132
- modalSearch: 'magnifying-glass',
133
- modalSearchClear: 'clear-alt',
134
- imageSearchButton: 'upload-cloud'
135
- },
136
-
137
- // Style the icons
138
- customStyles: {
139
- searchButtonIcon:
140
- 'fill-indigo-500 hover:fill-indigo-600 transition-all duration-200',
141
- modalCloseIcon: 'text-gray-500 hover:text-gray-700 w-5 h-5',
142
- filterIcon: 'text-blue-500 hover:text-blue-600 w-4 h-4',
143
- filterRemoveIcon:
144
- 'text-red-400 hover:text-red-600 w-3 h-3 transition-colors',
145
- modalSearchIcon: 'text-green-500 hover:text-green-600',
146
- modalSearchClearIcon: 'text-gray-400 hover:text-gray-600',
147
- imageSearchButtonIcon: 'text-indigo-500 hover:text-indigo-600 w-5 h-5'
148
- }
149
- };
150
-
151
- // Usage
152
- <PluginModule
153
- component={Component.ProductImageSearchFeature}
154
- props={{
155
- product,
156
- activeIndex,
157
- settings: completeIconSettings
158
- }}
159
- />;
160
- ```
161
-
162
- ### Available Icon Customization Points
163
-
164
- - **Search Button** (`searchButton`): Main search button icon in product images
165
- - **Modal Close** (`modalClose`): Close buttons in modals and filter tags
166
- - **Filter** (`filter`): Filter toggle button icon
167
- - **Filter Remove** (`filterRemove`): Remove icons in active filter tags
168
- - **Modal Search** (`modalSearch`): Search button icon in text search input
169
- - **Modal Search Clear** (`modalSearchClear`): Clear button icon in text search input
170
- - **Image Search Button** (`imageSearchButton`): Camera/upload icon in header search feature
171
-
172
82
  ## Quick Start
173
83
 
174
84
  ### Plugin Module Integration
@@ -257,7 +167,6 @@ interface SimilarProductsSettings {
257
167
  resultsPerPage?: number; // Products per page (default: 20)
258
168
  enableCropping?: boolean; // Enable image cropping (default: true)
259
169
  enableFileUpload?: boolean; // Enable file upload (default: true)
260
- enableTextSearch?: boolean; // Enable text search input (default: false)
261
170
 
262
171
  // Pagination settings
263
172
  paginationType?: 'pagination' | 'load-more' | 'infinite-scroll'; // Pagination mode (default: 'pagination')
@@ -291,21 +200,6 @@ interface SimilarProductsSettings {
291
200
  sortDropdown?: string;
292
201
  filterToggleButton?: string;
293
202
 
294
- // Text search input
295
- modalSearchInput?: string;
296
- modalSearchContainer?: string;
297
- modalSearchButton?: string;
298
- modalSearchIcon?: string;
299
- modalSearchClearButton?: string;
300
- modalSearchClearIcon?: string;
301
-
302
- // Icon customization
303
- searchButtonIcon?: string; // Search button icon styling
304
- modalCloseIcon?: string; // Modal close button icons styling
305
- filterIcon?: string; // Filter button icon styling
306
- filterRemoveIcon?: string; // Filter tag remove icons styling
307
- imageSearchButtonIcon?: string; // Image search button icon styling
308
-
309
203
  // Filter sidebar mobile
310
204
  filterSidebarMobileHeader?: string;
311
205
  filterSidebarMobileTitle?: string; // NEW: Mobile title
@@ -392,17 +286,6 @@ interface SimilarProductsSettings {
392
286
  cropSelectionHighlight?: string;
393
287
  };
394
288
 
395
- // Icon name customization
396
- iconNames?: {
397
- searchButton?: string; // Search button icon name (default: 'search')
398
- modalClose?: string; // Modal close button icon name (default: 'close')
399
- filter?: string; // Filter button icon name (default: 'filter')
400
- filterRemove?: string; // Filter tag remove icon name (default: 'close')
401
- modalSearch?: string; // Modal search button icon name (default: 'search')
402
- modalSearchClear?: string; // Modal search clear button icon name (default: 'close')
403
- imageSearchButton?: string; // Image search button icon name (default: 'search')
404
- };
405
-
406
289
  // 25+ render functions for granular control
407
290
  customRenderers?: {
408
291
  // Component-level renderers (full control)
@@ -421,8 +304,6 @@ interface SimilarProductsSettings {
421
304
  renderItemCount?: (props) => React.ReactNode;
422
305
  renderSortDropdown?: (props) => React.ReactNode;
423
306
  renderFilterToggleButton?: (props) => React.ReactNode;
424
- renderModalSearchInput?: (props) => React.ReactNode;
425
- renderSearchIcon?: (props) => React.ReactNode;
426
307
  // ... see examples for complete list
427
308
  };
428
309
  filterSidebar?: {
@@ -460,105 +341,6 @@ interface SimilarProductsSettings {
460
341
  }
461
342
  ```
462
343
 
463
- ## Text Search Integration
464
-
465
- The plugin features a built-in text search functionality that allows users to search for similar products using descriptive text.
466
-
467
- ### Text Search Features
468
-
469
- 1. **Search Input**: Appears only when API results are available
470
- 2. **Enter Key Support**: Press Enter to trigger search
471
- 3. **Search Icon**: Clickable icon for mobile users
472
- 4. **Clear Button**: X button to clear text and trigger search without text
473
- 5. **Custom Styling**: Fully customizable input, button, and icon
474
- 6. **Custom Icon**: Replaceable search icon via render functions
475
-
476
- ### Basic Text Search Configuration
477
-
478
- ```tsx
479
- const textSearchSettings = {
480
- enableTextSearch: true, // Enable text search input
481
-
482
- customStyles: {
483
- modalSearchContainer: 'relative flex items-center',
484
- modalSearchInput:
485
- 'h-10 px-4 pr-20 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500',
486
- modalSearchButton:
487
- 'absolute right-2 top-1/2 -translate-y-1/2 p-2 hover:bg-gray-100 rounded-md',
488
- modalSearchIcon: 'text-gray-500',
489
- modalSearchClearButton:
490
- 'absolute right-12 top-1/2 -translate-y-1/2 p-2 hover:bg-gray-100 rounded-md',
491
- modalSearchClearIcon: 'text-gray-400 hover:text-gray-600'
492
- }
493
- };
494
- ```
495
-
496
- ### Custom Search Icon
497
-
498
- ```tsx
499
- const customIconSettings = {
500
- enableTextSearch: true,
501
-
502
- customRenderers: {
503
- render: {
504
- modal: {
505
- renderSearchIcon: ({ disabled, onClick }) => (
506
- <svg
507
- className="w-5 h-5 text-blue-500 cursor-pointer hover:text-blue-700"
508
- onClick={onClick}
509
- fill="none"
510
- stroke="currentColor"
511
- viewBox="0 0 24 24"
512
- >
513
- <path
514
- strokeLinecap="round"
515
- strokeLinejoin="round"
516
- strokeWidth={2}
517
- d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
518
- />
519
- </svg>
520
- ),
521
- renderModalSearchInput: ({
522
- searchText,
523
- setSearchText,
524
- isLoading,
525
- placeholder,
526
- onSearch
527
- }) => (
528
- <div className="relative">
529
- <input
530
- type="text"
531
- value={searchText}
532
- onChange={(e) => setSearchText(e.target.value)}
533
- onKeyDown={(e) => e.key === 'Enter' && onSearch && onSearch()}
534
- placeholder={placeholder}
535
- className="w-full h-10 px-4 pr-20 border-2 border-blue-300 rounded-lg focus:border-blue-500"
536
- disabled={isLoading}
537
- />
538
- {searchText && (
539
- <button
540
- onClick={() => setSearchText('')}
541
- disabled={isLoading}
542
- className="absolute right-12 top-1/2 -translate-y-1/2 p-2 text-gray-400 hover:text-gray-600"
543
- >
544
-
545
- </button>
546
- )}
547
- <button
548
- onClick={onSearch}
549
- disabled={isLoading}
550
- className="absolute right-2 top-1/2 -translate-y-1/2 p-2 text-blue-500 hover:text-blue-700"
551
- >
552
- 🔍
553
- </button>
554
- </div>
555
- )
556
- }
557
- }
558
- }
559
- };
560
- ```
561
-
562
344
  ## Image Cropping with Manual Confirmation
563
345
 
564
346
  The plugin features an advanced image cropping system with manual confirmation for precise control over search queries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@akinon/pz-similar-products",
3
- "version": "1.106.0-rc.85",
3
+ "version": "1.108.0-rc.10",
4
4
  "license": "MIT",
5
5
  "main": "src/index.ts",
6
6
  "peerDependencies": {