@akinon/pz-similar-products 1.107.0-rc.86 → 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,381 +1,10 @@
1
1
  # @akinon/pz-similar-products
2
2
 
3
- ## 1.107.0-rc.86
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.106.0-rc.85
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.105.0-rc.84
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.104.0-rc.83
46
-
47
- ### Minor Changes
48
-
49
- - 54e31792: ZERO-3532: Added customize options to icons
50
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
51
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
52
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
53
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
54
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
55
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
56
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
57
- - 33d4d0c: ZERO-3615: remove custom not found
58
-
59
- ## 1.103.0-rc.82
60
-
61
- ## 1.103.0-rc.81
62
-
63
- ### Minor Changes
64
-
65
- - 33d4d0c: ZERO-3615: remove custom not found
66
-
67
- ## 1.103.0-rc.80
68
-
69
- ### Minor Changes
70
-
71
- - 54e31792: ZERO-3532: Added customize options to icons
72
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
73
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
74
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
75
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
76
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
77
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
78
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
79
-
80
- ## 1.102.0-rc.79
81
-
82
- ## 1.102.0-rc.78
83
-
84
- ## 1.102.0-rc.77
85
-
86
- ### Minor Changes
87
-
88
- - 54e31792: ZERO-3532: Added customize options to icons
89
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
90
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
91
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
92
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
93
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
94
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
95
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
96
-
97
- ## 1.101.0-rc.76
98
-
99
- ## 1.101.0-rc.75
100
-
101
- ## 1.101.0-rc.74
102
-
103
- ## 1.101.0-rc.73
104
-
105
- ### Minor Changes
106
-
107
- - 54e31792: ZERO-3532: Added customize options to icons
108
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
109
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
110
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
111
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
112
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
113
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
114
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
115
-
116
- ## 1.100.0-rc.72
117
-
118
- ## 1.100.0-rc.71
119
-
120
- ### Minor Changes
121
-
122
- - 54e31792: ZERO-3532: Added customize options to icons
123
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
124
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
125
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
126
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
127
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
128
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
129
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
130
-
131
- ## 1.99.0-rc.70
132
-
133
- ## 1.99.0-rc.69
134
-
135
- ## 1.99.0-rc.68
136
-
137
- ## 1.99.0-rc.67
138
-
139
- ## 1.99.0-rc.66
140
-
141
- ### Minor Changes
142
-
143
- - 54e31792: ZERO-3532: Added customize options to icons
144
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
145
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
146
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
147
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
148
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
149
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
150
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
151
-
152
- ## 1.98.0-rc.65
153
-
154
- ### Minor Changes
155
-
156
- - 54e31792: ZERO-3532: Added customize options to icons
157
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
158
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
159
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
160
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
161
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
162
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
163
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
164
-
165
- ## 1.96.0-rc.64
166
-
167
- ### Minor Changes
168
-
169
- - 54e31792: ZERO-3532: Added customize options to icons
170
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
171
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
172
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
173
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
174
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
175
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
176
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
177
-
178
- ## 1.96.0-rc.63
179
-
180
- ## 1.96.0-rc.62
181
-
182
- ## 1.96.0-rc.61
183
-
184
- ### Minor Changes
185
-
186
- - 54e31792: ZERO-3532: Added customize options to icons
187
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
188
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
189
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
190
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
191
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
192
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
193
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
194
-
195
- ## 1.96.0-rc.60
196
-
197
- ## 1.96.0-rc.59
198
-
199
- ## 1.96.0-rc.58
200
-
201
- ## 1.96.0-rc.57
202
-
203
- ## 1.96.0-rc.56
204
-
205
- ## 1.96.0-rc.55
206
-
207
- ### Minor Changes
208
-
209
- - 54e3179: ZERO-3532: Added customize options to icons
210
- - 174bf3a: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
211
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
212
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
213
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
214
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
215
- - 59b275c: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
216
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
217
-
218
- ## 1.95.0-rc.54
5
+ ## 1.108.0-rc.9
219
6
 
220
7
  ### Minor Changes
221
8
 
222
- - 54e3179: ZERO-3532: Added customize options to icons
223
- - 174bf3a: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
224
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
225
9
  - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
226
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
227
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
228
- - 59b275c: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
229
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
230
-
231
- ## 1.93.0-rc.53
232
-
233
- ### Minor Changes
234
-
235
- - 54e3179: ZERO-3532: Added customize options to icons
236
- - 174bf3a: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
237
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
238
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
239
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
240
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
241
- - 59b275c: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
242
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
243
-
244
- ## 1.93.0-rc.52
245
-
246
- ## 1.93.0-rc.51
247
-
248
- ## 1.93.0-rc.50
249
-
250
- ## 1.93.0-rc.49
251
-
252
- ### Minor Changes
253
-
254
- - 54e3179: ZERO-3532: Added customize options to icons
255
- - 174bf3a: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
256
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
257
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
258
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
259
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
260
- - 59b275c: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
261
- - d606f4a: ZERO-3481: Add locale and currency to list endpoint
262
-
263
- ## 1.93.0-rc.48
264
-
265
- ## 1.93.0-rc.47
266
-
267
- ## 1.93.0-rc.46
268
-
269
- ### Minor Changes
270
-
271
- - 54e31792: ZERO-3532: Added customize options to icons
272
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
273
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
274
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
275
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
276
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
277
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
278
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
279
-
280
- ## 1.92.0-rc.45
281
-
282
- ## 1.92.0-rc.44
283
-
284
- ## 1.92.0-rc.43
285
-
286
- ## 1.92.0-rc.42
287
-
288
- ### Minor Changes
289
-
290
- - 54e31792: ZERO-3532: Added customize options to icons
291
- - 174bf3a5: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
292
- - d8be48fb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
293
- - 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
294
- - 8b1d24eb: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
295
- - d99a6a7d: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
296
- - 59b275ca: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
297
- - d606f4ac: ZERO-3481: Add locale and currency to list endpoint
298
-
299
- ## 1.92.0-rc.41
300
-
301
- ## 1.92.0-rc.40
302
-
303
- ## 1.92.0-rc.39
304
-
305
- ### Minor Changes
306
-
307
- - 174bf3a: ZERO-3533: Refactor similar products API endpoints to support array search parameters and improve query handling
308
-
309
- ## 1.92.0-rc.38
310
-
311
- ## 1.92.0-rc.37
312
-
313
- ## 1.92.0-rc.36
314
-
315
- ## 1.92.0-rc.35
316
-
317
- ## 1.92.0-rc.34
318
-
319
- ## 1.92.0-rc.33
320
-
321
- ### Minor Changes
322
-
323
- - 59b275c: ZERO-3532: Pass settings prop to SimilarProductsButton for enhanced functionality
324
-
325
- ## 1.92.0-rc.32
326
-
327
- ### Minor Changes
328
-
329
- - 54e3179: ZERO-3532: Added customize options to icons
330
-
331
- ## 1.92.0-rc.31
332
-
333
- ## 1.92.0-rc.30
334
-
335
- ## 1.92.0-rc.29
336
-
337
- ## 1.92.0-rc.28
338
-
339
- ## 1.92.0-rc.27
340
-
341
- ### Minor Changes
342
-
343
- - d606f4a: ZERO-3481: Add locale and currency to list endpoint
344
-
345
- ## 1.92.0-rc.26
346
-
347
- ## 1.92.0-rc.25
348
-
349
- ## 1.92.0-rc.24
350
-
351
- ## 1.92.0-rc.23
352
-
353
- ## 1.92.0-rc.22
354
-
355
- ### Minor Changes
356
-
357
- - 143be2b: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
358
-
359
- ## 1.92.0-rc.21
360
-
361
- ### Minor Changes
362
-
363
- - d99a6a7: ZERO-3457: Fixed the settings prop and made sure everything is customizable.
364
-
365
- ## 1.92.0-rc.20
366
-
367
- ### Minor Changes
368
-
369
- - 8b1d24e: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
370
-
371
- ## 1.92.0-rc.19
372
-
373
- ### Minor Changes
374
-
375
- - d8be48f: ZERO-3422: Update fetch method to use dynamic request method in wallet complete redirection middleware
376
-
377
- ## 1.92.0-rc.18
378
-
379
- ## 1.92.0-rc.17
380
-
381
- ## 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.107.0-rc.86",
3
+ "version": "1.108.0-rc.10",
4
4
  "license": "MIT",
5
5
  "main": "src/index.ts",
6
6
  "peerDependencies": {