@bonlineza/luxity-lib 2.8.0 → 2.9.0

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.
Files changed (14) hide show
  1. package/AddInterest.js +38 -9
  2. package/InterestCatSelector.js +30 -1
  3. package/InterestItem.js +13 -4
  4. package/Interests.js +49 -12
  5. package/PriceRangeSelector.js +10 -9
  6. package/RangeSlider.js +3 -7
  7. package/ShoeSizeSelector.js +3 -7
  8. package/build/bundle.js +49 -12
  9. package/build/constants.js +4 -2
  10. package/package.json +1 -1
  11. package/svg/Clothing.js +50 -0
  12. package/CurrencyInput.js +0 -156
  13. package/LuxityLoader.js +0 -1221
  14. package/SectionLoader.js +0 -23
package/AddInterest.js CHANGED
@@ -335,7 +335,8 @@
335
335
  SHOES: 'SHOES',
336
336
  BAGS: 'BAGS',
337
337
  ACCESSORIES: 'ACCESSORIES',
338
- WATCHES: 'WATCHES'
338
+ WATCHES: 'WATCHES',
339
+ APPAREL: 'APPAREL'
339
340
  };
340
341
  var catArray = [{
341
342
  categoryTitle: 'Bags',
@@ -346,6 +347,9 @@
346
347
  }, {
347
348
  categoryTitle: 'Accessories',
348
349
  value: interestCategories.ACCESSORIES
350
+ }, {
351
+ categoryTitle: 'Clothing',
352
+ value: interestCategories.APPAREL
349
353
  }, {
350
354
  categoryTitle: 'Watches',
351
355
  value: interestCategories.WATCHES
@@ -354,7 +358,8 @@
354
358
  SHOES: 50000,
355
359
  BAGS: 500000,
356
360
  ACCESSORIES: 100000,
357
- WATCHES: 500000
361
+ WATCHES: 500000,
362
+ APPAREL: 100000
358
363
  };
359
364
 
360
365
  var media = {
@@ -425,6 +430,28 @@
425
430
  }));
426
431
  });
427
432
 
433
+ var Clothing = (function (props) {
434
+ return /*#__PURE__*/React__default.createElement("svg", _extends({
435
+ version: "1.1",
436
+ id: "Layer_1",
437
+ xmlns: "http://www.w3.org/2000/svg",
438
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
439
+ x: "0px",
440
+ y: "0px",
441
+ viewBox: "0 0 85.2 85.2",
442
+ xmlSpace: "preserve"
443
+ }, props), /*#__PURE__*/React__default.createElement("circle", {
444
+ className: "st0",
445
+ cx: "42.6",
446
+ cy: "42.6",
447
+ r: "42.6"
448
+ }), /*#__PURE__*/React__default.createElement("path", {
449
+ d: "M69.4,58.9C69,56.7,68,55,66.2,53.6l-4.4-3.3c-4.4-3.3-8.8-6.5-13.2-9.8c-0.6-0.4-1.3-0.8-2.3-1.2l-0.1,0 c-0.6-0.2-0.6-0.2-0.7-1c0-0.6,0.2-0.9,0.7-1.1c3-1.5,4.6-4.7,4.2-8c-0.5-3.6-3.4-6.4-7-6.7c-3.5-0.4-6.9,1.8-8.1,5.2 c-0.5,1.5,0.1,3.1,1.6,3.6c1.5,0.6,3.1-0.1,3.8-1.6l0.1-0.2c0-0.1,0.1-0.2,0.1-0.3c0.4-0.9,1.4-1.3,2.3-1.1c1,0.2,1.7,1,1.7,2 c0,1.1-0.6,1.8-1.6,2.2c-2.1,0.7-3.3,2.4-3.3,4.6v0.5c0,0.5,0,1.1,0,1.7v0.1c0,0,0,0-0.1,0c-1,0.2-2,0.7-2.9,1.4L19,53.7 c-1.7,1.3-2.7,2.9-3.1,4.8c-0.2,1-0.2,2-0.2,3c0,0.4,0.3,1,0.7,1.2c0.4,0.2,1,0,1.3-0.1c0.6-0.3,1.1-0.7,1.6-1.1 c0.2-0.2,0.5-0.3,0.9-0.3h5.2c12.5,0,25.4,0,38,0h0c1.8,0,2.9,0.4,3.9,1.2c0.2,0.2,0.6,0.5,1,0.5h0c0.4,0,0.8-0.3,1.1-0.7l0.1-0.1 v-2.9L69.4,58.9z M42.2,36.3c0.1-0.9,0.6-1.5,1.6-1.8c2-0.6,3.2-2.2,3.3-4.1c0.1-2.2-1.4-4.1-3.5-4.6c-2.2-0.5-4.3,0.6-5.2,2.7 l0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.4,0.4-0.7,0.3c-0.1-0.1-0.3-0.1-0.2-0.6c0.5-1.5,1.7-2.7,3.3-3.3c1.6-0.6,3.3-0.4,4.7,0.5 c1.6,1,2.5,2.8,2.5,4.7c0,1.9-1.1,3.6-2.8,4.6C45.1,35,45,35,44.9,35.1l-0.2,0.1c-1.1,0.6-1.7,1.5-1.7,2.7l0,1h-0.9 c0-0.2,0-0.4,0-0.6C42.1,37.6,42.1,37,42.2,36.3z M47.3,45.3c-1.5-1-3.1-1.6-4.7-1.6c-1.6,0-3.2,0.5-4.6,1.5c-1.9,1.3-3.8,2.7-5.7,4 l-0.7,0.5c-0.3,0.2-0.6,0.6-0.6,0.9c0,0.3,0,0.6,0.2,0.9c0.4,0.5,1.1,0.6,1.7,0.2c0,0,0.1-0.1,0.2-0.1l1.7-1.2 c1.5-1.1,3-2.1,4.5-3.2c0.6-0.4,1.2-0.7,1.8-0.9c1.7-0.5,3.4-0.2,5,0.9c2.9,2.1,5.8,4.1,8.7,6.2l3.1,2.2l4.2,3.1H23.3l3.4-2.5l2-1.5 l0,0l1.1-0.8c0.1,0,0.1-0.1,0.2-0.1c0.6-0.5,0.7-1.2,0.3-1.7c-0.4-0.5-1.1-0.6-1.7-0.2c-0.4,0.2-0.7,0.5-1,0.7l-9.4,6.7 c0.1-1,0.5-1.9,1.1-2.7c0.3-0.4,0.7-0.8,1.1-1.1c4-3,8-5.9,12-8.9l5.7-4.2c1.1-0.8,2.2-1.2,3.5-1.2h0.7c0.7,0,1.5,0,2.2,0.1 c0.8,0.1,1.6,0.4,2.5,1l17.8,13.1c1.3,0.9,2,2.2,2.2,3.7L47.3,45.3z"
450
+ }), /*#__PURE__*/React__default.createElement("path", {
451
+ d: "M42.6,42.6L42.6,42.6z"
452
+ }));
453
+ });
454
+
428
455
  var Bags = (function (props) {
429
456
  return /*#__PURE__*/React__default.createElement("svg", _extends({
430
457
  version: "1.1",
@@ -573,6 +600,9 @@
573
600
  case interestCategories.SHOES:
574
601
  return /*#__PURE__*/React__default.createElement(Shoes, null);
575
602
 
603
+ case interestCategories.APPAREL:
604
+ return /*#__PURE__*/React__default.createElement(Clothing, null);
605
+
576
606
  case interestCategories.ACCESSORIES:
577
607
  return /*#__PURE__*/React__default.createElement(Accessories, null);
578
608
 
@@ -2214,15 +2244,12 @@
2214
2244
  setSeed(Date.now());
2215
2245
  };
2216
2246
 
2217
- var giveFullRange = React.useCallback(function () {
2218
- manuallyChangeMinValue(min);
2219
- manuallyChangeMaxValue(max);
2220
- }, [max, min]);
2221
2247
  var prevMinVal = functions.usePrevious(currMinVal);
2222
2248
  var prevMaxVal = functions.usePrevious(currMaxVal);
2223
2249
  React.useEffect(function () {
2224
- giveFullRange();
2225
- }, [min, max, giveFullRange]);
2250
+ manuallyChangeMinValue(min);
2251
+ manuallyChangeMaxValue(max);
2252
+ }, [min, max]);
2226
2253
  React.useEffect(function () {
2227
2254
  if (prevMinVal !== currMinVal || prevMaxVal !== currMaxVal) {
2228
2255
  var value = {
@@ -2237,7 +2264,6 @@
2237
2264
  var actionsObj = {
2238
2265
  manuallyChangeMinValue: manuallyChangeMinValue,
2239
2266
  manuallyChangeMaxValue: manuallyChangeMaxValue,
2240
- giveFullRange: giveFullRange,
2241
2267
  currMinVal: currMinVal,
2242
2268
  currMaxVal: currMaxVal,
2243
2269
  defaultMinValue: defaultMinValue,
@@ -3269,6 +3295,9 @@
3269
3295
  case interestCategories.WATCHES:
3270
3296
  return interestCategoryMaxPrices.WATCHES;
3271
3297
 
3298
+ case interestCategories.APPAREL:
3299
+ return interestCategoryMaxPrices.APPAREL;
3300
+
3272
3301
  default:
3273
3302
  return 0;
3274
3303
  }
package/InterestCatSelector.js CHANGED
@@ -76,7 +76,8 @@
76
76
  SHOES: 'SHOES',
77
77
  BAGS: 'BAGS',
78
78
  ACCESSORIES: 'ACCESSORIES',
79
- WATCHES: 'WATCHES'
79
+ WATCHES: 'WATCHES',
80
+ APPAREL: 'APPAREL'
80
81
  };
81
82
  var catArray = [{
82
83
  categoryTitle: 'Bags',
@@ -87,6 +88,9 @@
87
88
  }, {
88
89
  categoryTitle: 'Accessories',
89
90
  value: interestCategories.ACCESSORIES
91
+ }, {
92
+ categoryTitle: 'Clothing',
93
+ value: interestCategories.APPAREL
90
94
  }, {
91
95
  categoryTitle: 'Watches',
92
96
  value: interestCategories.WATCHES
@@ -160,6 +164,28 @@
160
164
  }));
161
165
  });
162
166
 
167
+ var Clothing = (function (props) {
168
+ return /*#__PURE__*/React__default.createElement("svg", _extends({
169
+ version: "1.1",
170
+ id: "Layer_1",
171
+ xmlns: "http://www.w3.org/2000/svg",
172
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
173
+ x: "0px",
174
+ y: "0px",
175
+ viewBox: "0 0 85.2 85.2",
176
+ xmlSpace: "preserve"
177
+ }, props), /*#__PURE__*/React__default.createElement("circle", {
178
+ className: "st0",
179
+ cx: "42.6",
180
+ cy: "42.6",
181
+ r: "42.6"
182
+ }), /*#__PURE__*/React__default.createElement("path", {
183
+ d: "M69.4,58.9C69,56.7,68,55,66.2,53.6l-4.4-3.3c-4.4-3.3-8.8-6.5-13.2-9.8c-0.6-0.4-1.3-0.8-2.3-1.2l-0.1,0 c-0.6-0.2-0.6-0.2-0.7-1c0-0.6,0.2-0.9,0.7-1.1c3-1.5,4.6-4.7,4.2-8c-0.5-3.6-3.4-6.4-7-6.7c-3.5-0.4-6.9,1.8-8.1,5.2 c-0.5,1.5,0.1,3.1,1.6,3.6c1.5,0.6,3.1-0.1,3.8-1.6l0.1-0.2c0-0.1,0.1-0.2,0.1-0.3c0.4-0.9,1.4-1.3,2.3-1.1c1,0.2,1.7,1,1.7,2 c0,1.1-0.6,1.8-1.6,2.2c-2.1,0.7-3.3,2.4-3.3,4.6v0.5c0,0.5,0,1.1,0,1.7v0.1c0,0,0,0-0.1,0c-1,0.2-2,0.7-2.9,1.4L19,53.7 c-1.7,1.3-2.7,2.9-3.1,4.8c-0.2,1-0.2,2-0.2,3c0,0.4,0.3,1,0.7,1.2c0.4,0.2,1,0,1.3-0.1c0.6-0.3,1.1-0.7,1.6-1.1 c0.2-0.2,0.5-0.3,0.9-0.3h5.2c12.5,0,25.4,0,38,0h0c1.8,0,2.9,0.4,3.9,1.2c0.2,0.2,0.6,0.5,1,0.5h0c0.4,0,0.8-0.3,1.1-0.7l0.1-0.1 v-2.9L69.4,58.9z M42.2,36.3c0.1-0.9,0.6-1.5,1.6-1.8c2-0.6,3.2-2.2,3.3-4.1c0.1-2.2-1.4-4.1-3.5-4.6c-2.2-0.5-4.3,0.6-5.2,2.7 l0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.4,0.4-0.7,0.3c-0.1-0.1-0.3-0.1-0.2-0.6c0.5-1.5,1.7-2.7,3.3-3.3c1.6-0.6,3.3-0.4,4.7,0.5 c1.6,1,2.5,2.8,2.5,4.7c0,1.9-1.1,3.6-2.8,4.6C45.1,35,45,35,44.9,35.1l-0.2,0.1c-1.1,0.6-1.7,1.5-1.7,2.7l0,1h-0.9 c0-0.2,0-0.4,0-0.6C42.1,37.6,42.1,37,42.2,36.3z M47.3,45.3c-1.5-1-3.1-1.6-4.7-1.6c-1.6,0-3.2,0.5-4.6,1.5c-1.9,1.3-3.8,2.7-5.7,4 l-0.7,0.5c-0.3,0.2-0.6,0.6-0.6,0.9c0,0.3,0,0.6,0.2,0.9c0.4,0.5,1.1,0.6,1.7,0.2c0,0,0.1-0.1,0.2-0.1l1.7-1.2 c1.5-1.1,3-2.1,4.5-3.2c0.6-0.4,1.2-0.7,1.8-0.9c1.7-0.5,3.4-0.2,5,0.9c2.9,2.1,5.8,4.1,8.7,6.2l3.1,2.2l4.2,3.1H23.3l3.4-2.5l2-1.5 l0,0l1.1-0.8c0.1,0,0.1-0.1,0.2-0.1c0.6-0.5,0.7-1.2,0.3-1.7c-0.4-0.5-1.1-0.6-1.7-0.2c-0.4,0.2-0.7,0.5-1,0.7l-9.4,6.7 c0.1-1,0.5-1.9,1.1-2.7c0.3-0.4,0.7-0.8,1.1-1.1c4-3,8-5.9,12-8.9l5.7-4.2c1.1-0.8,2.2-1.2,3.5-1.2h0.7c0.7,0,1.5,0,2.2,0.1 c0.8,0.1,1.6,0.4,2.5,1l17.8,13.1c1.3,0.9,2,2.2,2.2,3.7L47.3,45.3z"
184
+ }), /*#__PURE__*/React__default.createElement("path", {
185
+ d: "M42.6,42.6L42.6,42.6z"
186
+ }));
187
+ });
188
+
163
189
  var Bags = (function (props) {
164
190
  return /*#__PURE__*/React__default.createElement("svg", _extends({
165
191
  version: "1.1",
@@ -308,6 +334,9 @@
308
334
  case interestCategories.SHOES:
309
335
  return /*#__PURE__*/React__default.createElement(Shoes, null);
310
336
 
337
+ case interestCategories.APPAREL:
338
+ return /*#__PURE__*/React__default.createElement(Clothing, null);
339
+
311
340
  case interestCategories.ACCESSORIES:
312
341
  return /*#__PURE__*/React__default.createElement(Accessories, null);
313
342
 
package/InterestItem.js CHANGED
@@ -256,7 +256,8 @@
256
256
  SHOES: 'SHOES',
257
257
  BAGS: 'BAGS',
258
258
  ACCESSORIES: 'ACCESSORIES',
259
- WATCHES: 'WATCHES'
259
+ WATCHES: 'WATCHES',
260
+ APPAREL: 'APPAREL'
260
261
  };
261
262
 
262
263
  var genders = {
@@ -397,6 +398,14 @@
397
398
  }
398
399
  });
399
400
 
401
+ _defineProperty(_assertThisInitialized(_this), "getCategory", function (category) {
402
+ if (category === interestCategories.APPAREL) {
403
+ return 'CLOTHING';
404
+ }
405
+
406
+ return category;
407
+ });
408
+
400
409
  _defineProperty(_assertThisInitialized(_this), "render", function () {
401
410
  var _data$min_shoe_size, _data$max_shoe_size;
402
411
 
@@ -412,7 +421,7 @@
412
421
  }, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Category:"), /*#__PURE__*/React__default.createElement("div", {
413
422
  id: "interest-item-".concat(data.id, "__category"),
414
423
  className: "list-items"
415
- }, data.category_type)), /*#__PURE__*/React__default.createElement("div", {
424
+ }, _this.getCategory(data.category_type))), /*#__PURE__*/React__default.createElement("div", {
416
425
  className: "interest-item__container_heading"
417
426
  }, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Brands:"), /*#__PURE__*/React__default.createElement("div", {
418
427
  className: "list-items"
@@ -434,8 +443,8 @@
434
443
  className: "list-items"
435
444
  }, data.luxity_styles.length > 0 ? data.luxity_styles.map(function (style) {
436
445
  return /*#__PURE__*/React__default.createElement("span", {
437
- key: "".concat(style.style, "-").concat(data.id)
438
- }, style.style);
446
+ key: "".concat(style.name, "-").concat(data.id)
447
+ }, style.name);
439
448
  }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
440
449
  className: "interest-item__container_heading ".concat(data.category_type === interestCategories.SHOES ? '' : 'no-shoe-size-section')
441
450
  }, data.category_type === interestCategories.SHOES ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Shoe Size:"), /*#__PURE__*/React__default.createElement("div", {
package/Interests.js CHANGED
@@ -7283,7 +7283,8 @@
7283
7283
  SHOES: 'SHOES',
7284
7284
  BAGS: 'BAGS',
7285
7285
  ACCESSORIES: 'ACCESSORIES',
7286
- WATCHES: 'WATCHES'
7286
+ WATCHES: 'WATCHES',
7287
+ APPAREL: 'APPAREL'
7287
7288
  };
7288
7289
  var catArray = [{
7289
7290
  categoryTitle: 'Bags',
@@ -7294,6 +7295,9 @@
7294
7295
  }, {
7295
7296
  categoryTitle: 'Accessories',
7296
7297
  value: interestCategories.ACCESSORIES
7298
+ }, {
7299
+ categoryTitle: 'Clothing',
7300
+ value: interestCategories.APPAREL
7297
7301
  }, {
7298
7302
  categoryTitle: 'Watches',
7299
7303
  value: interestCategories.WATCHES
@@ -7302,7 +7306,8 @@
7302
7306
  SHOES: 50000,
7303
7307
  BAGS: 500000,
7304
7308
  ACCESSORIES: 100000,
7305
- WATCHES: 500000
7309
+ WATCHES: 500000,
7310
+ APPAREL: 100000
7306
7311
  };
7307
7312
 
7308
7313
  var _templateObject$2;
@@ -7366,6 +7371,28 @@
7366
7371
  }));
7367
7372
  });
7368
7373
 
7374
+ var Clothing = (function (props) {
7375
+ return /*#__PURE__*/React__default.createElement("svg", _extends({
7376
+ version: "1.1",
7377
+ id: "Layer_1",
7378
+ xmlns: "http://www.w3.org/2000/svg",
7379
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
7380
+ x: "0px",
7381
+ y: "0px",
7382
+ viewBox: "0 0 85.2 85.2",
7383
+ xmlSpace: "preserve"
7384
+ }, props), /*#__PURE__*/React__default.createElement("circle", {
7385
+ className: "st0",
7386
+ cx: "42.6",
7387
+ cy: "42.6",
7388
+ r: "42.6"
7389
+ }), /*#__PURE__*/React__default.createElement("path", {
7390
+ d: "M69.4,58.9C69,56.7,68,55,66.2,53.6l-4.4-3.3c-4.4-3.3-8.8-6.5-13.2-9.8c-0.6-0.4-1.3-0.8-2.3-1.2l-0.1,0 c-0.6-0.2-0.6-0.2-0.7-1c0-0.6,0.2-0.9,0.7-1.1c3-1.5,4.6-4.7,4.2-8c-0.5-3.6-3.4-6.4-7-6.7c-3.5-0.4-6.9,1.8-8.1,5.2 c-0.5,1.5,0.1,3.1,1.6,3.6c1.5,0.6,3.1-0.1,3.8-1.6l0.1-0.2c0-0.1,0.1-0.2,0.1-0.3c0.4-0.9,1.4-1.3,2.3-1.1c1,0.2,1.7,1,1.7,2 c0,1.1-0.6,1.8-1.6,2.2c-2.1,0.7-3.3,2.4-3.3,4.6v0.5c0,0.5,0,1.1,0,1.7v0.1c0,0,0,0-0.1,0c-1,0.2-2,0.7-2.9,1.4L19,53.7 c-1.7,1.3-2.7,2.9-3.1,4.8c-0.2,1-0.2,2-0.2,3c0,0.4,0.3,1,0.7,1.2c0.4,0.2,1,0,1.3-0.1c0.6-0.3,1.1-0.7,1.6-1.1 c0.2-0.2,0.5-0.3,0.9-0.3h5.2c12.5,0,25.4,0,38,0h0c1.8,0,2.9,0.4,3.9,1.2c0.2,0.2,0.6,0.5,1,0.5h0c0.4,0,0.8-0.3,1.1-0.7l0.1-0.1 v-2.9L69.4,58.9z M42.2,36.3c0.1-0.9,0.6-1.5,1.6-1.8c2-0.6,3.2-2.2,3.3-4.1c0.1-2.2-1.4-4.1-3.5-4.6c-2.2-0.5-4.3,0.6-5.2,2.7 l0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.4,0.4-0.7,0.3c-0.1-0.1-0.3-0.1-0.2-0.6c0.5-1.5,1.7-2.7,3.3-3.3c1.6-0.6,3.3-0.4,4.7,0.5 c1.6,1,2.5,2.8,2.5,4.7c0,1.9-1.1,3.6-2.8,4.6C45.1,35,45,35,44.9,35.1l-0.2,0.1c-1.1,0.6-1.7,1.5-1.7,2.7l0,1h-0.9 c0-0.2,0-0.4,0-0.6C42.1,37.6,42.1,37,42.2,36.3z M47.3,45.3c-1.5-1-3.1-1.6-4.7-1.6c-1.6,0-3.2,0.5-4.6,1.5c-1.9,1.3-3.8,2.7-5.7,4 l-0.7,0.5c-0.3,0.2-0.6,0.6-0.6,0.9c0,0.3,0,0.6,0.2,0.9c0.4,0.5,1.1,0.6,1.7,0.2c0,0,0.1-0.1,0.2-0.1l1.7-1.2 c1.5-1.1,3-2.1,4.5-3.2c0.6-0.4,1.2-0.7,1.8-0.9c1.7-0.5,3.4-0.2,5,0.9c2.9,2.1,5.8,4.1,8.7,6.2l3.1,2.2l4.2,3.1H23.3l3.4-2.5l2-1.5 l0,0l1.1-0.8c0.1,0,0.1-0.1,0.2-0.1c0.6-0.5,0.7-1.2,0.3-1.7c-0.4-0.5-1.1-0.6-1.7-0.2c-0.4,0.2-0.7,0.5-1,0.7l-9.4,6.7 c0.1-1,0.5-1.9,1.1-2.7c0.3-0.4,0.7-0.8,1.1-1.1c4-3,8-5.9,12-8.9l5.7-4.2c1.1-0.8,2.2-1.2,3.5-1.2h0.7c0.7,0,1.5,0,2.2,0.1 c0.8,0.1,1.6,0.4,2.5,1l17.8,13.1c1.3,0.9,2,2.2,2.2,3.7L47.3,45.3z"
7391
+ }), /*#__PURE__*/React__default.createElement("path", {
7392
+ d: "M42.6,42.6L42.6,42.6z"
7393
+ }));
7394
+ });
7395
+
7369
7396
  var Bags = (function (props) {
7370
7397
  return /*#__PURE__*/React__default.createElement("svg", _extends({
7371
7398
  version: "1.1",
@@ -7484,6 +7511,9 @@
7484
7511
  case interestCategories.SHOES:
7485
7512
  return /*#__PURE__*/React__default.createElement(Shoes, null);
7486
7513
 
7514
+ case interestCategories.APPAREL:
7515
+ return /*#__PURE__*/React__default.createElement(Clothing, null);
7516
+
7487
7517
  case interestCategories.ACCESSORIES:
7488
7518
  return /*#__PURE__*/React__default.createElement(Accessories, null);
7489
7519
 
@@ -9017,15 +9047,12 @@
9017
9047
  setSeed(Date.now());
9018
9048
  };
9019
9049
 
9020
- var giveFullRange = React.useCallback(function () {
9021
- manuallyChangeMinValue(min);
9022
- manuallyChangeMaxValue(max);
9023
- }, [max, min]);
9024
9050
  var prevMinVal = functions.usePrevious(currMinVal);
9025
9051
  var prevMaxVal = functions.usePrevious(currMaxVal);
9026
9052
  React.useEffect(function () {
9027
- giveFullRange();
9028
- }, [min, max, giveFullRange]);
9053
+ manuallyChangeMinValue(min);
9054
+ manuallyChangeMaxValue(max);
9055
+ }, [min, max]);
9029
9056
  React.useEffect(function () {
9030
9057
  if (prevMinVal !== currMinVal || prevMaxVal !== currMaxVal) {
9031
9058
  var value = {
@@ -9040,7 +9067,6 @@
9040
9067
  var actionsObj = {
9041
9068
  manuallyChangeMinValue: manuallyChangeMinValue,
9042
9069
  manuallyChangeMaxValue: manuallyChangeMaxValue,
9043
- giveFullRange: giveFullRange,
9044
9070
  currMinVal: currMinVal,
9045
9071
  currMaxVal: currMaxVal,
9046
9072
  defaultMinValue: defaultMinValue,
@@ -10072,6 +10098,9 @@
10072
10098
  case interestCategories.WATCHES:
10073
10099
  return interestCategoryMaxPrices.WATCHES;
10074
10100
 
10101
+ case interestCategories.APPAREL:
10102
+ return interestCategoryMaxPrices.APPAREL;
10103
+
10075
10104
  default:
10076
10105
  return 0;
10077
10106
  }
@@ -10774,6 +10803,14 @@
10774
10803
  }
10775
10804
  });
10776
10805
 
10806
+ _defineProperty(_assertThisInitialized(_this), "getCategory", function (category) {
10807
+ if (category === interestCategories.APPAREL) {
10808
+ return 'CLOTHING';
10809
+ }
10810
+
10811
+ return category;
10812
+ });
10813
+
10777
10814
  _defineProperty(_assertThisInitialized(_this), "render", function () {
10778
10815
  var _data$min_shoe_size, _data$max_shoe_size;
10779
10816
 
@@ -10789,7 +10826,7 @@
10789
10826
  }, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Category:"), /*#__PURE__*/React__default.createElement("div", {
10790
10827
  id: "interest-item-".concat(data.id, "__category"),
10791
10828
  className: "list-items"
10792
- }, data.category_type)), /*#__PURE__*/React__default.createElement("div", {
10829
+ }, _this.getCategory(data.category_type))), /*#__PURE__*/React__default.createElement("div", {
10793
10830
  className: "interest-item__container_heading"
10794
10831
  }, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Brands:"), /*#__PURE__*/React__default.createElement("div", {
10795
10832
  className: "list-items"
@@ -10811,8 +10848,8 @@
10811
10848
  className: "list-items"
10812
10849
  }, data.luxity_styles.length > 0 ? data.luxity_styles.map(function (style) {
10813
10850
  return /*#__PURE__*/React__default.createElement("span", {
10814
- key: "".concat(style.style, "-").concat(data.id)
10815
- }, style.style);
10851
+ key: "".concat(style.name, "-").concat(data.id)
10852
+ }, style.name);
10816
10853
  }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
10817
10854
  className: "interest-item__container_heading ".concat(data.category_type === interestCategories.SHOES ? '' : 'no-shoe-size-section')
10818
10855
  }, data.category_type === interestCategories.SHOES ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Shoe Size:"), /*#__PURE__*/React__default.createElement("div", {
package/PriceRangeSelector.js CHANGED
@@ -1051,15 +1051,12 @@
1051
1051
  setSeed(Date.now());
1052
1052
  };
1053
1053
 
1054
- var giveFullRange = React.useCallback(function () {
1055
- manuallyChangeMinValue(min);
1056
- manuallyChangeMaxValue(max);
1057
- }, [max, min]);
1058
1054
  var prevMinVal = functions.usePrevious(currMinVal);
1059
1055
  var prevMaxVal = functions.usePrevious(currMaxVal);
1060
1056
  React.useEffect(function () {
1061
- giveFullRange();
1062
- }, [min, max, giveFullRange]);
1057
+ manuallyChangeMinValue(min);
1058
+ manuallyChangeMaxValue(max);
1059
+ }, [min, max]);
1063
1060
  React.useEffect(function () {
1064
1061
  if (prevMinVal !== currMinVal || prevMaxVal !== currMaxVal) {
1065
1062
  var value = {
@@ -1074,7 +1071,6 @@
1074
1071
  var actionsObj = {
1075
1072
  manuallyChangeMinValue: manuallyChangeMinValue,
1076
1073
  manuallyChangeMaxValue: manuallyChangeMaxValue,
1077
- giveFullRange: giveFullRange,
1078
1074
  currMinVal: currMinVal,
1079
1075
  currMaxVal: currMaxVal,
1080
1076
  defaultMinValue: defaultMinValue,
@@ -1784,13 +1780,15 @@
1784
1780
  SHOES: 'SHOES',
1785
1781
  BAGS: 'BAGS',
1786
1782
  ACCESSORIES: 'ACCESSORIES',
1787
- WATCHES: 'WATCHES'
1783
+ WATCHES: 'WATCHES',
1784
+ APPAREL: 'APPAREL'
1788
1785
  };
1789
1786
  var interestCategoryMaxPrices = {
1790
1787
  SHOES: 50000,
1791
1788
  BAGS: 500000,
1792
1789
  ACCESSORIES: 100000,
1793
- WATCHES: 500000
1790
+ WATCHES: 500000,
1791
+ APPAREL: 100000
1794
1792
  };
1795
1793
 
1796
1794
  var _templateObject$8;
@@ -1816,6 +1814,9 @@
1816
1814
  case interestCategories.WATCHES:
1817
1815
  return interestCategoryMaxPrices.WATCHES;
1818
1816
 
1817
+ case interestCategories.APPAREL:
1818
+ return interestCategoryMaxPrices.APPAREL;
1819
+
1819
1820
  default:
1820
1821
  return 0;
1821
1822
  }
package/RangeSlider.js CHANGED
@@ -1051,15 +1051,12 @@
1051
1051
  setSeed(Date.now());
1052
1052
  };
1053
1053
 
1054
- var giveFullRange = React.useCallback(function () {
1055
- manuallyChangeMinValue(min);
1056
- manuallyChangeMaxValue(max);
1057
- }, [max, min]);
1058
1054
  var prevMinVal = functions.usePrevious(currMinVal);
1059
1055
  var prevMaxVal = functions.usePrevious(currMaxVal);
1060
1056
  React.useEffect(function () {
1061
- giveFullRange();
1062
- }, [min, max, giveFullRange]);
1057
+ manuallyChangeMinValue(min);
1058
+ manuallyChangeMaxValue(max);
1059
+ }, [min, max]);
1063
1060
  React.useEffect(function () {
1064
1061
  if (prevMinVal !== currMinVal || prevMaxVal !== currMaxVal) {
1065
1062
  var value = {
@@ -1074,7 +1071,6 @@
1074
1071
  var actionsObj = {
1075
1072
  manuallyChangeMinValue: manuallyChangeMinValue,
1076
1073
  manuallyChangeMaxValue: manuallyChangeMaxValue,
1077
- giveFullRange: giveFullRange,
1078
1074
  currMinVal: currMinVal,
1079
1075
  currMaxVal: currMaxVal,
1080
1076
  defaultMinValue: defaultMinValue,
package/ShoeSizeSelector.js CHANGED
@@ -1051,15 +1051,12 @@
1051
1051
  setSeed(Date.now());
1052
1052
  };
1053
1053
 
1054
- var giveFullRange = React.useCallback(function () {
1055
- manuallyChangeMinValue(min);
1056
- manuallyChangeMaxValue(max);
1057
- }, [max, min]);
1058
1054
  var prevMinVal = functions.usePrevious(currMinVal);
1059
1055
  var prevMaxVal = functions.usePrevious(currMaxVal);
1060
1056
  React.useEffect(function () {
1061
- giveFullRange();
1062
- }, [min, max, giveFullRange]);
1057
+ manuallyChangeMinValue(min);
1058
+ manuallyChangeMaxValue(max);
1059
+ }, [min, max]);
1063
1060
  React.useEffect(function () {
1064
1061
  if (prevMinVal !== currMinVal || prevMaxVal !== currMaxVal) {
1065
1062
  var value = {
@@ -1074,7 +1071,6 @@
1074
1071
  var actionsObj = {
1075
1072
  manuallyChangeMinValue: manuallyChangeMinValue,
1076
1073
  manuallyChangeMaxValue: manuallyChangeMaxValue,
1077
- giveFullRange: giveFullRange,
1078
1074
  currMinVal: currMinVal,
1079
1075
  currMaxVal: currMaxVal,
1080
1076
  defaultMinValue: defaultMinValue,
package/build/bundle.js CHANGED
@@ -687,7 +687,8 @@
687
687
  SHOES: 'SHOES',
688
688
  BAGS: 'BAGS',
689
689
  ACCESSORIES: 'ACCESSORIES',
690
- WATCHES: 'WATCHES'
690
+ WATCHES: 'WATCHES',
691
+ APPAREL: 'APPAREL'
691
692
  };
692
693
  var catArray = [{
693
694
  categoryTitle: 'Bags',
@@ -698,6 +699,9 @@
698
699
  }, {
699
700
  categoryTitle: 'Accessories',
700
701
  value: interestCategories.ACCESSORIES
702
+ }, {
703
+ categoryTitle: 'Clothing',
704
+ value: interestCategories.APPAREL
701
705
  }, {
702
706
  categoryTitle: 'Watches',
703
707
  value: interestCategories.WATCHES
@@ -706,7 +710,8 @@
706
710
  SHOES: 50000,
707
711
  BAGS: 500000,
708
712
  ACCESSORIES: 100000,
709
- WATCHES: 500000
713
+ WATCHES: 500000,
714
+ APPAREL: 100000
710
715
  };
711
716
 
712
717
  var genders = {
@@ -817,6 +822,14 @@
817
822
  }
818
823
  });
819
824
 
825
+ _defineProperty(_assertThisInitialized(_this), "getCategory", function (category) {
826
+ if (category === interestCategories.APPAREL) {
827
+ return 'CLOTHING';
828
+ }
829
+
830
+ return category;
831
+ });
832
+
820
833
  _defineProperty(_assertThisInitialized(_this), "render", function () {
821
834
  var _data$min_shoe_size, _data$max_shoe_size;
822
835
 
@@ -832,7 +845,7 @@
832
845
  }, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Category:"), /*#__PURE__*/React__default.createElement("div", {
833
846
  id: "interest-item-".concat(data.id, "__category"),
834
847
  className: "list-items"
835
- }, data.category_type)), /*#__PURE__*/React__default.createElement("div", {
848
+ }, _this.getCategory(data.category_type))), /*#__PURE__*/React__default.createElement("div", {
836
849
  className: "interest-item__container_heading"
837
850
  }, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Brands:"), /*#__PURE__*/React__default.createElement("div", {
838
851
  className: "list-items"
@@ -854,8 +867,8 @@
854
867
  className: "list-items"
855
868
  }, data.luxity_styles.length > 0 ? data.luxity_styles.map(function (style) {
856
869
  return /*#__PURE__*/React__default.createElement("span", {
857
- key: "".concat(style.style, "-").concat(data.id)
858
- }, style.style);
870
+ key: "".concat(style.name, "-").concat(data.id)
871
+ }, style.name);
859
872
  }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
860
873
  className: "interest-item__container_heading ".concat(data.category_type === interestCategories.SHOES ? '' : 'no-shoe-size-section')
861
874
  }, data.category_type === interestCategories.SHOES ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Shoe Size:"), /*#__PURE__*/React__default.createElement("div", {
@@ -8635,6 +8648,28 @@
8635
8648
  }));
8636
8649
  });
8637
8650
 
8651
+ var Clothing = (function (props) {
8652
+ return /*#__PURE__*/React__default.createElement("svg", _extends({
8653
+ version: "1.1",
8654
+ id: "Layer_1",
8655
+ xmlns: "http://www.w3.org/2000/svg",
8656
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
8657
+ x: "0px",
8658
+ y: "0px",
8659
+ viewBox: "0 0 85.2 85.2",
8660
+ xmlSpace: "preserve"
8661
+ }, props), /*#__PURE__*/React__default.createElement("circle", {
8662
+ className: "st0",
8663
+ cx: "42.6",
8664
+ cy: "42.6",
8665
+ r: "42.6"
8666
+ }), /*#__PURE__*/React__default.createElement("path", {
8667
+ d: "M69.4,58.9C69,56.7,68,55,66.2,53.6l-4.4-3.3c-4.4-3.3-8.8-6.5-13.2-9.8c-0.6-0.4-1.3-0.8-2.3-1.2l-0.1,0 c-0.6-0.2-0.6-0.2-0.7-1c0-0.6,0.2-0.9,0.7-1.1c3-1.5,4.6-4.7,4.2-8c-0.5-3.6-3.4-6.4-7-6.7c-3.5-0.4-6.9,1.8-8.1,5.2 c-0.5,1.5,0.1,3.1,1.6,3.6c1.5,0.6,3.1-0.1,3.8-1.6l0.1-0.2c0-0.1,0.1-0.2,0.1-0.3c0.4-0.9,1.4-1.3,2.3-1.1c1,0.2,1.7,1,1.7,2 c0,1.1-0.6,1.8-1.6,2.2c-2.1,0.7-3.3,2.4-3.3,4.6v0.5c0,0.5,0,1.1,0,1.7v0.1c0,0,0,0-0.1,0c-1,0.2-2,0.7-2.9,1.4L19,53.7 c-1.7,1.3-2.7,2.9-3.1,4.8c-0.2,1-0.2,2-0.2,3c0,0.4,0.3,1,0.7,1.2c0.4,0.2,1,0,1.3-0.1c0.6-0.3,1.1-0.7,1.6-1.1 c0.2-0.2,0.5-0.3,0.9-0.3h5.2c12.5,0,25.4,0,38,0h0c1.8,0,2.9,0.4,3.9,1.2c0.2,0.2,0.6,0.5,1,0.5h0c0.4,0,0.8-0.3,1.1-0.7l0.1-0.1 v-2.9L69.4,58.9z M42.2,36.3c0.1-0.9,0.6-1.5,1.6-1.8c2-0.6,3.2-2.2,3.3-4.1c0.1-2.2-1.4-4.1-3.5-4.6c-2.2-0.5-4.3,0.6-5.2,2.7 l0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.4,0.4-0.7,0.3c-0.1-0.1-0.3-0.1-0.2-0.6c0.5-1.5,1.7-2.7,3.3-3.3c1.6-0.6,3.3-0.4,4.7,0.5 c1.6,1,2.5,2.8,2.5,4.7c0,1.9-1.1,3.6-2.8,4.6C45.1,35,45,35,44.9,35.1l-0.2,0.1c-1.1,0.6-1.7,1.5-1.7,2.7l0,1h-0.9 c0-0.2,0-0.4,0-0.6C42.1,37.6,42.1,37,42.2,36.3z M47.3,45.3c-1.5-1-3.1-1.6-4.7-1.6c-1.6,0-3.2,0.5-4.6,1.5c-1.9,1.3-3.8,2.7-5.7,4 l-0.7,0.5c-0.3,0.2-0.6,0.6-0.6,0.9c0,0.3,0,0.6,0.2,0.9c0.4,0.5,1.1,0.6,1.7,0.2c0,0,0.1-0.1,0.2-0.1l1.7-1.2 c1.5-1.1,3-2.1,4.5-3.2c0.6-0.4,1.2-0.7,1.8-0.9c1.7-0.5,3.4-0.2,5,0.9c2.9,2.1,5.8,4.1,8.7,6.2l3.1,2.2l4.2,3.1H23.3l3.4-2.5l2-1.5 l0,0l1.1-0.8c0.1,0,0.1-0.1,0.2-0.1c0.6-0.5,0.7-1.2,0.3-1.7c-0.4-0.5-1.1-0.6-1.7-0.2c-0.4,0.2-0.7,0.5-1,0.7l-9.4,6.7 c0.1-1,0.5-1.9,1.1-2.7c0.3-0.4,0.7-0.8,1.1-1.1c4-3,8-5.9,12-8.9l5.7-4.2c1.1-0.8,2.2-1.2,3.5-1.2h0.7c0.7,0,1.5,0,2.2,0.1 c0.8,0.1,1.6,0.4,2.5,1l17.8,13.1c1.3,0.9,2,2.2,2.2,3.7L47.3,45.3z"
8668
+ }), /*#__PURE__*/React__default.createElement("path", {
8669
+ d: "M42.6,42.6L42.6,42.6z"
8670
+ }));
8671
+ });
8672
+
8638
8673
  var Bags = (function (props) {
8639
8674
  return /*#__PURE__*/React__default.createElement("svg", _extends({
8640
8675
  version: "1.1",
@@ -8737,6 +8772,9 @@
8737
8772
  case interestCategories.SHOES:
8738
8773
  return /*#__PURE__*/React__default.createElement(Shoes, null);
8739
8774
 
8775
+ case interestCategories.APPAREL:
8776
+ return /*#__PURE__*/React__default.createElement(Clothing, null);
8777
+
8740
8778
  case interestCategories.ACCESSORIES:
8741
8779
  return /*#__PURE__*/React__default.createElement(Accessories, null);
8742
8780
 
@@ -9674,15 +9712,12 @@
9674
9712
  setSeed(Date.now());
9675
9713
  };
9676
9714
 
9677
- var giveFullRange = React.useCallback(function () {
9678
- manuallyChangeMinValue(min);
9679
- manuallyChangeMaxValue(max);
9680
- }, [max, min]);
9681
9715
  var prevMinVal = functions.usePrevious(currMinVal);
9682
9716
  var prevMaxVal = functions.usePrevious(currMaxVal);
9683
9717
  React.useEffect(function () {
9684
- giveFullRange();
9685
- }, [min, max, giveFullRange]);
9718
+ manuallyChangeMinValue(min);
9719
+ manuallyChangeMaxValue(max);
9720
+ }, [min, max]);
9686
9721
  React.useEffect(function () {
9687
9722
  if (prevMinVal !== currMinVal || prevMaxVal !== currMaxVal) {
9688
9723
  var value = {
@@ -9697,7 +9732,6 @@
9697
9732
  var actionsObj = {
9698
9733
  manuallyChangeMinValue: manuallyChangeMinValue,
9699
9734
  manuallyChangeMaxValue: manuallyChangeMaxValue,
9700
- giveFullRange: giveFullRange,
9701
9735
  currMinVal: currMinVal,
9702
9736
  currMaxVal: currMaxVal,
9703
9737
  defaultMinValue: defaultMinValue,
@@ -9792,6 +9826,9 @@
9792
9826
  case interestCategories.WATCHES:
9793
9827
  return interestCategoryMaxPrices.WATCHES;
9794
9828
 
9829
+ case interestCategories.APPAREL:
9830
+ return interestCategoryMaxPrices.APPAREL;
9831
+
9795
9832
  default:
9796
9833
  return 0;
9797
9834
  }
package/build/constants.js CHANGED
@@ -8,13 +8,15 @@
8
8
  SHOES: 'SHOES',
9
9
  BAGS: 'BAGS',
10
10
  ACCESSORIES: 'ACCESSORIES',
11
- WATCHES: 'WATCHES'
11
+ WATCHES: 'WATCHES',
12
+ APPAREL: 'APPAREL'
12
13
  };
13
14
  var interestCategoryMaxPrices = {
14
15
  SHOES: 50000,
15
16
  BAGS: 500000,
16
17
  ACCESSORIES: 100000,
17
- WATCHES: 500000
18
+ WATCHES: 500000,
19
+ APPAREL: 100000
18
20
  };
19
21
 
20
22
  var genders = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.8.0",
3
+ "version": "2.9.0",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",