@bonlineza/luxity-lib 2.34.3 → 2.34.5

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 (87) hide show
  1. package/Accordion.js +116 -76
  2. package/AddInterest.js +768 -434
  3. package/BrandSelector.js +336 -176
  4. package/Checkbox.js +101 -68
  5. package/CheckboxButton.js +124 -79
  6. package/CommunicationPreferenceOptionsRenderer.js +125 -107
  7. package/CommunicationPreferenceSection.js +134 -114
  8. package/CommunicationPreferences.js +339 -443
  9. package/CountryCodeSelect.js +10 -7
  10. package/CurrencyInputFormatter.js +56 -29
  11. package/CurrencySelect.js +49 -23
  12. package/GALink.js +16 -6
  13. package/GenderSelector.js +142 -88
  14. package/GraphQLDropdownSelector.js +937 -503
  15. package/GraphQLMultiSelector.js +274 -141
  16. package/IconHeader.js +25 -11
  17. package/IconWrapper.js +7 -3
  18. package/InterestCatSelector.js +74 -34
  19. package/InterestItem.js +187 -103
  20. package/Interests.js +890 -485
  21. package/InterestsSubheading.js +10 -5
  22. package/InvertedTextButton.js +63 -27
  23. package/LuxityAppSideNav.js +21 -18
  24. package/LuxityDesktopHeader.js +258 -191
  25. package/LuxityFooter.js +276 -374
  26. package/LuxityGraphQLDropdownSelector.js +969 -519
  27. package/LuxityGraphQLMultiselector.js +321 -167
  28. package/LuxityMobileHeader.js +351 -253
  29. package/LuxityPageReady.js +136 -74
  30. package/LuxitySideNav.js +213 -165
  31. package/MaterialSelector.js +976 -525
  32. package/ModelSelector.js +976 -525
  33. package/NotificationDropDown.js +209 -111
  34. package/Notify.js +1 -0
  35. package/OutlinePrimaryButton.js +58 -26
  36. package/PriceRangeSelector.js +281 -168
  37. package/PrimaryButton.js +58 -26
  38. package/RadioButtons.js +140 -114
  39. package/RangeSlider.js +242 -152
  40. package/RareStepFooter.js +41 -27
  41. package/RareStepHeader.js +190 -139
  42. package/ReactSelectWrapper.js +1 -0
  43. package/SecondaryButton.js +58 -26
  44. package/ShoeSizeRangeSelector.js +260 -162
  45. package/ShoeSizeSelector.js +263 -158
  46. package/SimpleErrorBoundary.js +106 -59
  47. package/StyleSelector.js +336 -176
  48. package/TestComponent.js +15 -0
  49. package/TextButton.js +58 -26
  50. package/Tooltip.js +39 -17
  51. package/Tracking.js +1 -0
  52. package/WrapperButton.js +43 -20
  53. package/build/bundle.css +1 -1
  54. package/build/bundle.js +1711 -1265
  55. package/package.json +1 -1
  56. package/svg/Accessories.js +13 -6
  57. package/svg/Account.js +13 -6
  58. package/svg/Add.js +13 -6
  59. package/svg/ArrowRight.js +13 -6
  60. package/svg/Bags.js +13 -6
  61. package/svg/BurgerMenu.js +13 -6
  62. package/svg/Calendar.js +13 -6
  63. package/svg/CalendarCircled.js +13 -6
  64. package/svg/CheckCircled.js +13 -6
  65. package/svg/Close.js +13 -6
  66. package/svg/Clothing.js +13 -6
  67. package/svg/Dot.js +13 -6
  68. package/svg/Edit.js +13 -6
  69. package/svg/Eye.js +13 -6
  70. package/svg/FileAttach.js +13 -6
  71. package/svg/FileAttachCircled.js +13 -6
  72. package/svg/LightBulb.js +13 -6
  73. package/svg/Logo.js +13 -6
  74. package/svg/LuxityMenu.js +13 -6
  75. package/svg/Minus.js +13 -6
  76. package/svg/MobileAvatar.js +13 -6
  77. package/svg/MyOrder.js +13 -6
  78. package/svg/MyPayment.js +13 -6
  79. package/svg/MyProfile.js +14 -8
  80. package/svg/MySale.js +13 -6
  81. package/svg/Notification.js +13 -6
  82. package/svg/PointerDown.js +13 -6
  83. package/svg/Search.js +13 -6
  84. package/svg/Shoes.js +13 -6
  85. package/svg/SvgWrapper.js +7 -3
  86. package/svg/Trash.js +13 -6
  87. package/svg/Watches.js +13 -6
@@ -6578,6 +6578,7 @@
6578
6578
  var ReactSelectWrapper = function ReactSelectWrapper(props) {
6579
6579
  return /*#__PURE__*/React__default.createElement(index$1, props);
6580
6580
  };
6581
+
6581
6582
  ReactSelectWrapper.defaultProps = {
6582
6583
  isMulti: false,
6583
6584
  isSearchable: false,
@@ -6606,15 +6607,16 @@
6606
6607
  };
6607
6608
  });
6608
6609
  };
6610
+
6609
6611
  var CountryCodeSelect = function CountryCodeSelect(_ref) {
6610
6612
  var countryData = _ref.countryData,
6611
- className = _ref.className,
6612
- classNamePrefix = _ref.classNamePrefix,
6613
- defaultCountryCode = _ref.defaultCountryCode,
6614
- onChange = _ref.onChange,
6615
- isSearchable = _ref.isSearchable,
6616
- name = _ref.name,
6617
- renderNoData = _ref.renderNoData;
6613
+ className = _ref.className,
6614
+ classNamePrefix = _ref.classNamePrefix,
6615
+ defaultCountryCode = _ref.defaultCountryCode,
6616
+ onChange = _ref.onChange,
6617
+ isSearchable = _ref.isSearchable,
6618
+ name = _ref.name,
6619
+ renderNoData = _ref.renderNoData;
6618
6620
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, countryData.length ? /*#__PURE__*/React__default.createElement(ReactSelectWrapper, {
6619
6621
  name: name,
6620
6622
  className: className,
@@ -6627,6 +6629,7 @@
6627
6629
  isSearchable: isSearchable
6628
6630
  }) : renderNoData());
6629
6631
  };
6632
+
6630
6633
  CountryCodeSelect.defaultProps = {
6631
6634
  isSearchable: true,
6632
6635
  defaultCountryCode: 'ZA',
@@ -7,33 +7,56 @@
7
7
  React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
8
8
 
9
9
  function _extends() {
10
- return _extends = Object.assign ? Object.assign.bind() : function (n) {
11
- for (var e = 1; e < arguments.length; e++) {
12
- var t = arguments[e];
13
- for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
10
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
11
+ for (var i = 1; i < arguments.length; i++) {
12
+ var source = arguments[i];
13
+
14
+ for (var key in source) {
15
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
16
+ target[key] = source[key];
17
+ }
18
+ }
14
19
  }
15
- return n;
16
- }, _extends.apply(null, arguments);
20
+
21
+ return target;
22
+ };
23
+ return _extends.apply(this, arguments);
17
24
  }
18
- function _objectWithoutProperties(e, t) {
19
- if (null == e) return {};
20
- var o,
21
- r,
22
- i = _objectWithoutPropertiesLoose(e, t);
23
- if (Object.getOwnPropertySymbols) {
24
- var s = Object.getOwnPropertySymbols(e);
25
- for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
25
+
26
+ function _objectWithoutPropertiesLoose(source, excluded) {
27
+ if (source == null) return {};
28
+ var target = {};
29
+ var sourceKeys = Object.keys(source);
30
+ var key, i;
31
+
32
+ for (i = 0; i < sourceKeys.length; i++) {
33
+ key = sourceKeys[i];
34
+ if (excluded.indexOf(key) >= 0) continue;
35
+ target[key] = source[key];
26
36
  }
27
- return i;
37
+
38
+ return target;
28
39
  }
29
- function _objectWithoutPropertiesLoose(r, e) {
30
- if (null == r) return {};
31
- var t = {};
32
- for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
33
- if (e.includes(n)) continue;
34
- t[n] = r[n];
40
+
41
+ function _objectWithoutProperties(source, excluded) {
42
+ if (source == null) return {};
43
+
44
+ var target = _objectWithoutPropertiesLoose(source, excluded);
45
+
46
+ var key, i;
47
+
48
+ if (Object.getOwnPropertySymbols) {
49
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
50
+
51
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
52
+ key = sourceSymbolKeys[i];
53
+ if (excluded.indexOf(key) >= 0) continue;
54
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
55
+ target[key] = source[key];
56
+ }
35
57
  }
36
- return t;
58
+
59
+ return target;
37
60
  }
38
61
 
39
62
  var _excluded = ["value", "onChange", "prefix", "allowNegativeValue", "groupSeparator", "decimalSeparator"];
@@ -41,28 +64,31 @@
41
64
  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
42
65
  return value.replace(/\D/g, '');
43
66
  };
44
-
45
67
  /**
46
68
  * Currency Input which formats the value to a specific format
47
69
  */
70
+
48
71
  var CurrencyInputFormatter = function CurrencyInputFormatter(_ref) {
49
72
  var value = _ref.value,
50
- onChange = _ref.onChange,
51
- prefix = _ref.prefix,
52
- allowNegativeValue = _ref.allowNegativeValue,
53
- groupSeparator = _ref.groupSeparator,
54
- decimalSeparator = _ref.decimalSeparator,
55
- rest = _objectWithoutProperties(_ref, _excluded);
73
+ onChange = _ref.onChange,
74
+ prefix = _ref.prefix,
75
+ allowNegativeValue = _ref.allowNegativeValue,
76
+ groupSeparator = _ref.groupSeparator,
77
+ decimalSeparator = _ref.decimalSeparator,
78
+ rest = _objectWithoutProperties(_ref, _excluded);
79
+
56
80
  var handleValueChange = function handleValueChange(event) {
57
81
  var inputValue = event.target.value;
58
82
  var unmaskedValue = unMask(inputValue);
59
83
  onChange(unmaskedValue);
60
84
  };
85
+
61
86
  var formatCurrency = function formatCurrency(originalValue) {
62
87
  var numericValue = Number(originalValue);
63
88
  var formattedValue = numericValue.toLocaleString('en-US');
64
89
  return prefix + formattedValue;
65
90
  };
91
+
66
92
  var formattedValue = formatCurrency(value);
67
93
  return /*#__PURE__*/React.createElement("input", _extends({}, rest, {
68
94
  type: "text",
@@ -70,6 +96,7 @@
70
96
  onChange: handleValueChange
71
97
  }));
72
98
  };
99
+
73
100
  CurrencyInputFormatter.defaultProps = {
74
101
  value: '',
75
102
  prefix: 'R',
package/CurrencySelect.js CHANGED
@@ -8,25 +8,37 @@
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
  }
26
38
 
27
39
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
28
-
29
40
  /* position relative is required for the Body element to be positioned correctly */
41
+
30
42
  var relativeInlineStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n"])));
31
43
  var topMiddleBodyStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
32
44
  var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
@@ -40,31 +52,40 @@
40
52
  };
41
53
 
42
54
  var _templateObject$1;
55
+
43
56
  var getBodyStyle = function getBodyStyle() {
44
57
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
45
58
  var _props$toolTipPositio = props.toolTipPosition,
46
- toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
59
+ toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
60
+
47
61
  switch (toolTipPosition) {
48
62
  case 'top':
49
63
  return topMiddleBodyStyle;
64
+
50
65
  case 'bottom':
51
66
  return getBottomMiddleBodyStyle(props);
67
+
52
68
  default:
53
69
  return null;
54
70
  }
55
71
  };
72
+
56
73
  var getAfterStyling = function getAfterStyling() {
57
74
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
58
75
  var toolTipPosition = props.toolTipPosition;
76
+
59
77
  switch (toolTipPosition) {
60
78
  case 'top':
61
79
  return getTopMiddleArrowAfterStyle(props);
80
+
62
81
  case 'bottom':
63
82
  return getBottomMiddleArrowAfterStyle(props);
83
+
64
84
  default:
65
85
  return '';
66
86
  }
67
87
  };
88
+
68
89
  var Body = styled__default.span(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
69
90
  return props.bodyWidth;
70
91
  }, function (props) {
@@ -144,12 +165,12 @@
144
165
 
145
166
  var Tooltip = function Tooltip(_ref) {
146
167
  var children = _ref.children,
147
- toolTipText = _ref.toolTipText,
148
- toolTipPosition = _ref.toolTipPosition,
149
- bodyWidth = _ref.bodyWidth,
150
- apexWidth = _ref.apexWidth,
151
- containerClassName = _ref.containerClassName,
152
- bodyClassName = _ref.bodyClassName;
168
+ toolTipText = _ref.toolTipText,
169
+ toolTipPosition = _ref.toolTipPosition,
170
+ bodyWidth = _ref.bodyWidth,
171
+ apexWidth = _ref.apexWidth,
172
+ containerClassName = _ref.containerClassName,
173
+ bodyClassName = _ref.bodyClassName;
153
174
  return /*#__PURE__*/React__default.createElement(Container, {
154
175
  className: containerClassName
155
176
  }, children, /*#__PURE__*/React__default.createElement(Body, {
@@ -159,6 +180,7 @@
159
180
  className: bodyClassName
160
181
  }, toolTipText));
161
182
  };
183
+
162
184
  Tooltip.defaultProps = {
163
185
  children: null,
164
186
  toolTipText: '',
@@ -172,21 +194,25 @@
172
194
 
173
195
  var CurrencySelect = function CurrencySelect(_ref) {
174
196
  var currency = _ref.currency,
175
- currencyOptions = _ref.currencyOptions,
176
- onCurrencyChange = _ref.onCurrencyChange,
177
- _ref$isCurrencySelect = _ref.isCurrencySelectionDisabled,
178
- isCurrencySelectionDisabled = _ref$isCurrencySelect === void 0 ? false : _ref$isCurrencySelect,
179
- _ref$tooltipContent = _ref.tooltipContent,
180
- tooltipContent = _ref$tooltipContent === void 0 ? '' : _ref$tooltipContent;
197
+ currencyOptions = _ref.currencyOptions,
198
+ onCurrencyChange = _ref.onCurrencyChange,
199
+ _ref$isCurrencySelect = _ref.isCurrencySelectionDisabled,
200
+ isCurrencySelectionDisabled = _ref$isCurrencySelect === void 0 ? false : _ref$isCurrencySelect,
201
+ _ref$tooltipContent = _ref.tooltipContent,
202
+ tooltipContent = _ref$tooltipContent === void 0 ? '' : _ref$tooltipContent;
203
+
181
204
  if (!currencyOptions || currencyOptions.length === 0) {
182
205
  return null;
183
206
  }
207
+
184
208
  var selectedOption = currencyOptions.find(function (opt) {
185
209
  return opt.value === currency;
186
210
  });
211
+
187
212
  if (!selectedOption) {
188
213
  return null;
189
214
  }
215
+
190
216
  return /*#__PURE__*/React__default.createElement(Tooltip$1, {
191
217
  toolTipText: isCurrencySelectionDisabled ? tooltipContent : '',
192
218
  toolTipPosition: "bottom",
package/GALink.js CHANGED
@@ -7,13 +7,20 @@
7
7
  React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
8
8
 
9
9
  function _extends() {
10
- return _extends = Object.assign ? Object.assign.bind() : function (n) {
11
- for (var e = 1; e < arguments.length; e++) {
12
- var t = arguments[e];
13
- for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
10
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
11
+ for (var i = 1; i < arguments.length; i++) {
12
+ var source = arguments[i];
13
+
14
+ for (var key in source) {
15
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
16
+ target[key] = source[key];
17
+ }
18
+ }
14
19
  }
15
- return n;
16
- }, _extends.apply(null, arguments);
20
+
21
+ return target;
22
+ };
23
+ return _extends.apply(this, arguments);
17
24
  }
18
25
 
19
26
  var Event = function Event(instance, track) {
@@ -21,6 +28,7 @@
21
28
  var action = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
22
29
  var label = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
23
30
  var value = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : '';
31
+
24
32
  if (track) {
25
33
  instance.event({
26
34
  category: category,
@@ -34,10 +42,12 @@
34
42
  var GALink = function GALink(props) {
35
43
  var gaOnClick = function gaOnClick(event) {
36
44
  Event(props.instance, props.track, 'Link', "Click on ".concat(props.href), props.label);
45
+
37
46
  if (typeof props.onClick === 'function') {
38
47
  props.onClick(event);
39
48
  }
40
49
  };
50
+
41
51
  return /*#__PURE__*/React.createElement("a", _extends({
42
52
  href: "/"
43
53
  }, props, {