@bonlineza/luxity-lib 2.36.1-beta.4 → 2.36.1

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 (90) hide show
  1. package/Accordion.js +116 -76
  2. package/AddInterest.js +777 -440
  3. package/AddProductInterest.js +644 -485
  4. package/BrandSelector.js +336 -176
  5. package/Checkbox.js +101 -68
  6. package/CheckboxButton.js +124 -79
  7. package/CommunicationPreferenceOptionsRenderer.js +169 -159
  8. package/CommunicationPreferenceSection.js +178 -166
  9. package/CommunicationPreferences.js +427 -549
  10. package/ConditionSelector.js +336 -174
  11. package/CountryCodeSelect.js +10 -7
  12. package/CurrencyInputFormatter.js +56 -29
  13. package/CurrencySelect.js +49 -23
  14. package/DropdownSelector.js +92 -68
  15. package/GALink.js +16 -6
  16. package/GenderSelector.js +142 -88
  17. package/GraphQLDropdownSelector.js +1511 -933
  18. package/GraphQLMultiSelector.js +274 -141
  19. package/IconHeader.js +25 -11
  20. package/IconWrapper.js +7 -3
  21. package/InterestCatSelector.js +74 -34
  22. package/InterestItem.js +187 -103
  23. package/Interests.js +1466 -917
  24. package/InterestsSubheading.js +10 -5
  25. package/InvertedTextButton.js +63 -27
  26. package/LuxityAppSideNav.js +22 -19
  27. package/LuxityDesktopHeader.js +663 -549
  28. package/LuxityFooter.js +325 -434
  29. package/LuxityGraphQLDropdownSelector.js +1543 -949
  30. package/LuxityGraphQLMultiselector.js +321 -167
  31. package/LuxityMobileHeader.js +807 -681
  32. package/LuxityPageReady.js +136 -74
  33. package/LuxityProductInterestItem.js +175 -97
  34. package/LuxitySideNav.js +310 -382
  35. package/MaterialSelector.js +1550 -955
  36. package/ModelSelector.js +1550 -955
  37. package/NotificationDropDown.js +221 -122
  38. package/Notify.js +1 -0
  39. package/OutlinePrimaryButton.js +58 -26
  40. package/PriceRangeSelector.js +281 -168
  41. package/PrimaryButton.js +58 -26
  42. package/RadioButtons.js +140 -114
  43. package/RangeSlider.js +242 -152
  44. package/RareStepFooter.js +41 -27
  45. package/RareStepHeader.js +190 -139
  46. package/ReactSelectWrapper.js +1 -0
  47. package/SecondaryButton.js +58 -26
  48. package/ShoeSizeRangeSelector.js +260 -162
  49. package/ShoeSizeSelector.js +263 -158
  50. package/SimpleErrorBoundary.js +106 -59
  51. package/StyleSelector.js +336 -176
  52. package/TextButton.js +58 -26
  53. package/Tooltip.js +39 -17
  54. package/Tracking.js +1 -0
  55. package/WrapperButton.js +43 -20
  56. package/build/bundle.css +1 -1
  57. package/build/bundle.js +2973 -2457
  58. package/package.json +2 -3
  59. package/svg/Accessories.js +13 -6
  60. package/svg/Account.js +13 -6
  61. package/svg/Add.js +13 -6
  62. package/svg/ArrowRight.js +13 -6
  63. package/svg/Bags.js +13 -6
  64. package/svg/BurgerMenu.js +13 -6
  65. package/svg/Calendar.js +13 -6
  66. package/svg/CalendarCircled.js +13 -6
  67. package/svg/CheckCircled.js +13 -6
  68. package/svg/Close.js +13 -6
  69. package/svg/Clothing.js +13 -6
  70. package/svg/Dot.js +13 -6
  71. package/svg/Edit.js +13 -6
  72. package/svg/Eye.js +13 -6
  73. package/svg/FileAttach.js +13 -6
  74. package/svg/FileAttachCircled.js +13 -6
  75. package/svg/LightBulb.js +13 -6
  76. package/svg/Logo.js +13 -6
  77. package/svg/LuxityMenu.js +13 -6
  78. package/svg/Minus.js +13 -6
  79. package/svg/MobileAvatar.js +13 -6
  80. package/svg/MyOrder.js +13 -6
  81. package/svg/MyPayment.js +13 -6
  82. package/svg/MyProfile.js +14 -8
  83. package/svg/MySale.js +13 -6
  84. package/svg/Notification.js +13 -6
  85. package/svg/PointerDown.js +13 -6
  86. package/svg/Search.js +13 -6
  87. package/svg/Shoes.js +13 -6
  88. package/svg/SvgWrapper.js +7 -3
  89. package/svg/Trash.js +13 -6
  90. package/svg/Watches.js +13 -6
package/GenderSelector.js CHANGED
@@ -7,89 +7,128 @@
7
7
  var React__default = 'default' in React ? React['default'] : React;
8
8
  var styled__default = 'default' in styled ? styled['default'] : styled;
9
9
 
10
- function _arrayLikeToArray(r, a) {
11
- (null == a || a > r.length) && (a = r.length);
12
- for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
13
- return n;
14
- }
15
- function _arrayWithHoles(r) {
16
- if (Array.isArray(r)) return r;
17
- }
18
10
  function _extends() {
19
- return _extends = Object.assign ? Object.assign.bind() : function (n) {
20
- for (var e = 1; e < arguments.length; e++) {
21
- var t = arguments[e];
22
- for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
23
- }
24
- return n;
25
- }, _extends.apply(null, arguments);
26
- }
27
- function _iterableToArrayLimit(r, l) {
28
- var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
29
- if (null != t) {
30
- var e,
31
- n,
32
- i,
33
- u,
34
- a = [],
35
- f = !0,
36
- o = !1;
37
- try {
38
- if (i = (t = t.call(r)).next, 0 === l) {
39
- if (Object(t) !== t) return;
40
- f = !1;
41
- } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
42
- } catch (r) {
43
- o = !0, n = r;
44
- } finally {
45
- try {
46
- if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
47
- } finally {
48
- if (o) throw n;
11
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
12
+ for (var i = 1; i < arguments.length; i++) {
13
+ var source = arguments[i];
14
+
15
+ for (var key in source) {
16
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
17
+ target[key] = source[key];
18
+ }
49
19
  }
50
20
  }
51
- return a;
52
- }
21
+
22
+ return target;
23
+ };
24
+ return _extends.apply(this, arguments);
53
25
  }
54
- function _nonIterableRest() {
55
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
26
+
27
+ function _objectWithoutPropertiesLoose(source, excluded) {
28
+ if (source == null) return {};
29
+ var target = {};
30
+ var sourceKeys = Object.keys(source);
31
+ var key, i;
32
+
33
+ for (i = 0; i < sourceKeys.length; i++) {
34
+ key = sourceKeys[i];
35
+ if (excluded.indexOf(key) >= 0) continue;
36
+ target[key] = source[key];
37
+ }
38
+
39
+ return target;
56
40
  }
57
- function _objectWithoutProperties(e, t) {
58
- if (null == e) return {};
59
- var o,
60
- r,
61
- i = _objectWithoutPropertiesLoose(e, t);
41
+
42
+ function _objectWithoutProperties(source, excluded) {
43
+ if (source == null) return {};
44
+
45
+ var target = _objectWithoutPropertiesLoose(source, excluded);
46
+
47
+ var key, i;
48
+
62
49
  if (Object.getOwnPropertySymbols) {
63
- var n = Object.getOwnPropertySymbols(e);
64
- for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
50
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
51
+
52
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
53
+ key = sourceSymbolKeys[i];
54
+ if (excluded.indexOf(key) >= 0) continue;
55
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
56
+ target[key] = source[key];
57
+ }
65
58
  }
66
- return i;
59
+
60
+ return target;
67
61
  }
68
- function _objectWithoutPropertiesLoose(r, e) {
69
- if (null == r) return {};
70
- var t = {};
71
- for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
72
- if (-1 !== e.indexOf(n)) continue;
73
- t[n] = r[n];
62
+
63
+ function _taggedTemplateLiteral(strings, raw) {
64
+ if (!raw) {
65
+ raw = strings.slice(0);
74
66
  }
75
- return t;
76
- }
77
- function _slicedToArray(r, e) {
78
- return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
79
- }
80
- function _taggedTemplateLiteral(e, t) {
81
- return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
67
+
68
+ return Object.freeze(Object.defineProperties(strings, {
82
69
  raw: {
83
- value: Object.freeze(t)
70
+ value: Object.freeze(raw)
84
71
  }
85
72
  }));
86
73
  }
87
- function _unsupportedIterableToArray(r, a) {
88
- if (r) {
89
- if ("string" == typeof r) return _arrayLikeToArray(r, a);
90
- var t = {}.toString.call(r).slice(8, -1);
91
- return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
74
+
75
+ function _slicedToArray(arr, i) {
76
+ return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
77
+ }
78
+
79
+ function _arrayWithHoles(arr) {
80
+ if (Array.isArray(arr)) return arr;
81
+ }
82
+
83
+ function _iterableToArrayLimit(arr, i) {
84
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
85
+
86
+ if (_i == null) return;
87
+ var _arr = [];
88
+ var _n = true;
89
+ var _d = false;
90
+
91
+ var _s, _e;
92
+
93
+ try {
94
+ for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
95
+ _arr.push(_s.value);
96
+
97
+ if (i && _arr.length === i) break;
98
+ }
99
+ } catch (err) {
100
+ _d = true;
101
+ _e = err;
102
+ } finally {
103
+ try {
104
+ if (!_n && _i["return"] != null) _i["return"]();
105
+ } finally {
106
+ if (_d) throw _e;
107
+ }
92
108
  }
109
+
110
+ return _arr;
111
+ }
112
+
113
+ function _unsupportedIterableToArray(o, minLen) {
114
+ if (!o) return;
115
+ if (typeof o === "string") return _arrayLikeToArray(o, minLen);
116
+ var n = Object.prototype.toString.call(o).slice(8, -1);
117
+ if (n === "Object" && o.constructor) n = o.constructor.name;
118
+ if (n === "Map" || n === "Set") return Array.from(o);
119
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
120
+ }
121
+
122
+ function _arrayLikeToArray(arr, len) {
123
+ if (len == null || len > arr.length) len = arr.length;
124
+
125
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
126
+
127
+ return arr2;
128
+ }
129
+
130
+ function _nonIterableRest() {
131
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
93
132
  }
94
133
 
95
134
  var _templateObject, _templateObject2;
@@ -105,10 +144,11 @@
105
144
  }, function (props) {
106
145
  return props.theme.marginPaddings[3];
107
146
  });
147
+
108
148
  var InterestsSubheading = function InterestsSubheading(_ref) {
109
149
  var title = _ref.title,
110
- children = _ref.children,
111
- className = _ref.className;
150
+ children = _ref.children,
151
+ className = _ref.className;
112
152
  return /*#__PURE__*/React__default.createElement(InterestsSubheadingContainer, {
113
153
  className: className
114
154
  }, /*#__PURE__*/React__default.createElement(Title, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
@@ -207,6 +247,7 @@
207
247
  });
208
248
 
209
249
  var _excluded = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
250
+
210
251
  var _templateObject$2, _templateObject2$1, _templateObject3;
211
252
  var Content = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n background-color: transparent;\n border: 1px solid ", ";\n transition: 200ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ", ";\n cursor: pointer;\n"])), function (props) {
212
253
  return props.theme.colors.primary;
@@ -225,32 +266,36 @@
225
266
  }, Content, InputText, function (props) {
226
267
  return props.theme.colors.ntrlMin;
227
268
  }, Content);
228
-
229
269
  /**
230
270
  * CheckButton: Styled checkbox that resembles a button
231
271
  * */
272
+
232
273
  var CheckButton = function CheckButton(props) {
233
274
  var title = props.title,
234
- checked = props.checked,
235
- renderIcon = props.renderIcon,
236
- onChange = props.onChange,
237
- checkedValue = props.checkedValue,
238
- unCheckedValue = props.unCheckedValue,
239
- restProps = _objectWithoutProperties(props, _excluded);
275
+ checked = props.checked,
276
+ renderIcon = props.renderIcon,
277
+ onChange = props.onChange,
278
+ checkedValue = props.checkedValue,
279
+ unCheckedValue = props.unCheckedValue,
280
+ restProps = _objectWithoutProperties(props, _excluded);
281
+
240
282
  var _React$useState = React__default.useState(checked),
241
- _React$useState2 = _slicedToArray(_React$useState, 2),
242
- checkedState = _React$useState2[0],
243
- setCheck = _React$useState2[1];
283
+ _React$useState2 = _slicedToArray(_React$useState, 2),
284
+ checkedState = _React$useState2[0],
285
+ setCheck = _React$useState2[1];
286
+
244
287
  var prevCheckState = functions.usePrevious(checkedState);
245
288
  React__default.useEffect(function () {
246
289
  if (prevCheckState !== checkedState) {
247
290
  onChange(checkedState);
248
291
  }
249
292
  }, [checkedState, onChange, prevCheckState]);
293
+
250
294
  var handleInputChange = function handleInputChange(e) {
251
295
  var targetChecked = e.target.checked;
252
296
  setCheck(targetChecked);
253
297
  };
298
+
254
299
  return /*#__PURE__*/React__default.createElement(StyledLabel, null, /*#__PURE__*/React__default.createElement("input", _extends({
255
300
  defaultChecked: checked
256
301
  }, restProps, {
@@ -258,6 +303,7 @@
258
303
  onChange: handleInputChange
259
304
  })), /*#__PURE__*/React__default.createElement(Content, null, /*#__PURE__*/React__default.createElement(InputText, null, title), renderIcon(checkedState)));
260
305
  };
306
+
261
307
  CheckButton.defaultProps = {
262
308
  title: '',
263
309
  checked: false,
@@ -271,24 +317,29 @@
271
317
  var CheckButton$1 = themed(CheckButton);
272
318
 
273
319
  var MALE = genders.MALE,
274
- FEMALE = genders.FEMALE;
320
+ FEMALE = genders.FEMALE;
321
+
275
322
  /**
276
323
  * Stylized CheckboxButton for selecting gender
277
324
  * */
278
325
  var GenderCheckbox = function GenderCheckbox(_ref) {
279
326
  var gender = _ref.gender,
280
- checked = _ref.checked,
281
- onInputChange = _ref.onInputChange;
327
+ checked = _ref.checked,
328
+ onInputChange = _ref.onInputChange;
329
+
282
330
  var getTitle = function getTitle() {
283
331
  switch (gender) {
284
332
  case MALE:
285
333
  return 'Male';
334
+
286
335
  case FEMALE:
287
336
  return 'Female';
337
+
288
338
  default:
289
339
  return '';
290
340
  }
291
341
  };
342
+
292
343
  return /*#__PURE__*/React__default.createElement(CheckButton$1, {
293
344
  onChange: onInputChange,
294
345
  checked: checked,
@@ -296,20 +347,22 @@
296
347
  title: getTitle()
297
348
  });
298
349
  };
350
+
299
351
  GenderCheckbox.defaultProps = {
300
352
  name: ''
301
353
  };
302
354
 
303
355
  var MALE$1 = genders.MALE,
304
- FEMALE$1 = genders.FEMALE;
356
+ FEMALE$1 = genders.FEMALE;
357
+
305
358
  /**
306
359
  * GenderSelector: specialized selector to pick genders for the Interest Component
307
360
  * */
308
361
  var GenderSelector = function GenderSelector(_ref) {
309
362
  var gender = _ref.gender,
310
- onChange = _ref.onChange,
311
- maleInputRef = _ref.maleInputRef,
312
- femaleInputRef = _ref.femaleInputRef;
363
+ onChange = _ref.onChange,
364
+ maleInputRef = _ref.maleInputRef,
365
+ femaleInputRef = _ref.femaleInputRef;
313
366
  return /*#__PURE__*/React__default.createElement("div", {
314
367
  className: "gender-selector"
315
368
  }, /*#__PURE__*/React__default.createElement(InterestsSubheading, {
@@ -334,6 +387,7 @@
334
387
  checkBoxButtonRef: femaleInputRef
335
388
  })));
336
389
  };
390
+
337
391
  GenderSelector.defaultProps = {
338
392
  gender: null,
339
393
  onChange: function onChange() {