@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/IconHeader.js CHANGED
@@ -8,18 +8,30 @@
8
8
  var styled__default = 'default' in styled ? styled['default'] : styled;
9
9
 
10
10
  function _extends() {
11
- return _extends = Object.assign ? Object.assign.bind() : function (n) {
12
- for (var e = 1; e < arguments.length; e++) {
13
- var t = arguments[e];
14
- for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
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
+ }
19
+ }
15
20
  }
16
- return n;
17
- }, _extends.apply(null, arguments);
21
+
22
+ return target;
23
+ };
24
+ return _extends.apply(this, arguments);
18
25
  }
19
- function _taggedTemplateLiteral(e, t) {
20
- return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
26
+
27
+ function _taggedTemplateLiteral(strings, raw) {
28
+ if (!raw) {
29
+ raw = strings.slice(0);
30
+ }
31
+
32
+ return Object.freeze(Object.defineProperties(strings, {
21
33
  raw: {
22
- value: Object.freeze(t)
34
+ value: Object.freeze(raw)
23
35
  }
24
36
  }));
25
37
  }
@@ -99,19 +111,21 @@
99
111
  var StyledHeader = styled__default.h5(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n @media (max-width: ", ") {\n display: block;\n }\n\n .icon-header__left {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n @media (max-width: ", ") {\n align-self: flex-start;\n }\n\n svg {\n height: 1.5em;\n width: 1.5em;\n margin-right: ", ";\n }\n }\n\n .icon-header__right {\n display: flex;\n flex-grow: 1;\n justify-content: flex-end;\n\n @media (max-width: ", ") {\n justify-content: flex-start;\n }\n }\n"])), media.sm, media.sm, function (props) {
100
112
  return props.theme.marginPaddings[1];
101
113
  }, media.sm);
114
+
102
115
  /**
103
116
  * IconHeader can render the standard Luxity Page/Section Header nodes with SVG
104
117
  */
105
118
  var IconHeader = function IconHeader(_ref) {
106
119
  var title = _ref.title,
107
- SvgComponent = _ref.svgComponent,
108
- renderAppendage = _ref.renderAppendage;
120
+ SvgComponent = _ref.svgComponent,
121
+ renderAppendage = _ref.renderAppendage;
109
122
  return /*#__PURE__*/React__default.createElement(StyledHeader, null, /*#__PURE__*/React__default.createElement("div", {
110
123
  className: "icon-header__left"
111
124
  }, /*#__PURE__*/React__default.createElement(SvgComponent, null), title), /*#__PURE__*/React__default.createElement("div", {
112
125
  className: "icon-header__right"
113
126
  }, renderAppendage && renderAppendage()));
114
127
  };
128
+
115
129
  IconHeader.defaultProps = {
116
130
  title: '',
117
131
  svgComponent: function svgComponent() {
package/IconWrapper.js CHANGED
@@ -6,10 +6,14 @@
6
6
 
7
7
  styled = styled && Object.prototype.hasOwnProperty.call(styled, 'default') ? styled['default'] : styled;
8
8
 
9
- function _taggedTemplateLiteral(e, t) {
10
- return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
9
+ function _taggedTemplateLiteral(strings, raw) {
10
+ if (!raw) {
11
+ raw = strings.slice(0);
12
+ }
13
+
14
+ return Object.freeze(Object.defineProperties(strings, {
11
15
  raw: {
12
- value: Object.freeze(t)
16
+ value: Object.freeze(raw)
13
17
  }
14
18
  }));
15
19
  }
@@ -8,38 +8,66 @@
8
8
  var styled__default = 'default' in styled ? styled['default'] : styled;
9
9
 
10
10
  function _extends() {
11
- return _extends = Object.assign ? Object.assign.bind() : function (n) {
12
- for (var e = 1; e < arguments.length; e++) {
13
- var t = arguments[e];
14
- for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
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
+ }
19
+ }
15
20
  }
16
- return n;
17
- }, _extends.apply(null, arguments);
21
+
22
+ return target;
23
+ };
24
+ return _extends.apply(this, arguments);
18
25
  }
19
- function _objectWithoutProperties(e, t) {
20
- if (null == e) return {};
21
- var o,
22
- r,
23
- i = _objectWithoutPropertiesLoose(e, t);
24
- if (Object.getOwnPropertySymbols) {
25
- var n = Object.getOwnPropertySymbols(e);
26
- for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
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];
27
37
  }
28
- return i;
38
+
39
+ return target;
29
40
  }
30
- function _objectWithoutPropertiesLoose(r, e) {
31
- if (null == r) return {};
32
- var t = {};
33
- for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
34
- if (-1 !== e.indexOf(n)) continue;
35
- t[n] = r[n];
41
+
42
+ function _objectWithoutProperties(source, excluded) {
43
+ if (source == null) return {};
44
+
45
+ var target = _objectWithoutPropertiesLoose(source, excluded);
46
+
47
+ var key, i;
48
+
49
+ if (Object.getOwnPropertySymbols) {
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
+ }
36
58
  }
37
- return t;
59
+
60
+ return target;
38
61
  }
39
- function _taggedTemplateLiteral(e, t) {
40
- return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
62
+
63
+ function _taggedTemplateLiteral(strings, raw) {
64
+ if (!raw) {
65
+ raw = strings.slice(0);
66
+ }
67
+
68
+ return Object.freeze(Object.defineProperties(strings, {
41
69
  raw: {
42
- value: Object.freeze(t)
70
+ value: Object.freeze(raw)
43
71
  }
44
72
  }));
45
73
  }
@@ -82,23 +110,23 @@
82
110
  return props.hasBorder ? props.theme.colors.borderColor : props.theme.colors.ntrlMin;
83
111
  }, function (_ref) {
84
112
  var isChecked = _ref.isChecked,
85
- theme = _ref.theme;
113
+ theme = _ref.theme;
86
114
  return isChecked ? theme.colors.primary : theme.colors.gray;
87
115
  }, function (_ref2) {
88
116
  var isChecked = _ref2.isChecked,
89
- theme = _ref2.theme;
117
+ theme = _ref2.theme;
90
118
  return isChecked ? 'white' : theme.colors.base;
91
119
  }, function (_ref3) {
92
120
  var isChecked = _ref3.isChecked,
93
- theme = _ref3.theme;
121
+ theme = _ref3.theme;
94
122
  return isChecked ? theme.colors.ntrlMin : theme.colors.primary;
95
123
  }, function (_ref4) {
96
124
  var isChecked = _ref4.isChecked,
97
- theme = _ref4.theme;
125
+ theme = _ref4.theme;
98
126
  return isChecked ? 'white' : theme.colors.base;
99
127
  }, function (_ref5) {
100
128
  var isChecked = _ref5.isChecked,
101
- theme = _ref5.theme;
129
+ theme = _ref5.theme;
102
130
  return isChecked ? theme.colors.primary : 'white';
103
131
  }, media.sm, function (props) {
104
132
  return props.theme.marginPaddings[2];
@@ -317,45 +345,56 @@
317
345
  var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
318
346
 
319
347
  var _excluded = ["children"];
348
+
320
349
  var _templateObject$4;
321
350
  var Button = styled__default.button(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n outline: none;\n cursor: pointer;\n background-color: transparent;\n border: none;\n &:disabled {\n ", ";\n }\n"])), disabledButtonStyle);
351
+
322
352
  var WrapperButton = function WrapperButton(_ref) {
323
353
  var children = _ref.children,
324
- restProps = _objectWithoutProperties(_ref, _excluded);
354
+ restProps = _objectWithoutProperties(_ref, _excluded);
355
+
325
356
  return /*#__PURE__*/React__default.createElement(Button, restProps, children);
326
357
  };
327
358
 
328
359
  var _templateObject$5, _templateObject2$1;
329
360
  var categories = catArray;
361
+
330
362
  var getSvg = function getSvg() {
331
363
  var category = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
364
+
332
365
  switch (category) {
333
366
  case interestCategories.BAGS:
334
367
  return /*#__PURE__*/React__default.createElement(Bags, null);
368
+
335
369
  case interestCategories.SHOES:
336
370
  return /*#__PURE__*/React__default.createElement(Shoes, null);
371
+
337
372
  case interestCategories.APPAREL:
338
373
  return /*#__PURE__*/React__default.createElement(Clothing, null);
374
+
339
375
  case interestCategories.ACCESSORIES:
340
376
  return /*#__PURE__*/React__default.createElement(Accessories, null);
377
+
341
378
  case interestCategories.WATCHES:
342
379
  return /*#__PURE__*/React__default.createElement(Watches, null);
380
+
343
381
  default:
344
382
  return null;
345
383
  }
346
384
  };
385
+
347
386
  var Container = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
348
387
  return props.theme.marginPaddings[5];
349
388
  });
350
389
  var CategoryTitle = styled__default.h1(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n margin-top: 10px;\n font-size: 14px;\n text-transform: uppercase;\n"])));
351
-
352
390
  /**
353
391
  * InterestCatSelector is a specialized selector for select luxity specific interest categories
354
392
  */
393
+
355
394
  var InterestCatSelector = function InterestCatSelector(_ref) {
356
395
  var onCategoryChange = _ref.onCategoryChange,
357
- errorMessage = _ref.errorMessage,
358
- category = _ref.category;
396
+ errorMessage = _ref.errorMessage,
397
+ category = _ref.category;
359
398
  return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Body, null, categories.map(function (cat, index) {
360
399
  return /*#__PURE__*/React__default.createElement(WrapperButton, {
361
400
  key: "cat-".concat(index),
@@ -370,6 +409,7 @@
370
409
  }, getSvg(cat.value), /*#__PURE__*/React__default.createElement(CategoryTitle, null, cat.categoryTitle)));
371
410
  })), errorMessage && /*#__PURE__*/React__default.createElement(ErrorMessage, null, errorMessage));
372
411
  };
412
+
373
413
  InterestCatSelector.defaultProps = {
374
414
  errorMessage: '',
375
415
  category: null,