@bonlineza/luxity-lib 2.34.1 → 2.34.2

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 (86) hide show
  1. package/Accordion.js +76 -116
  2. package/AddInterest.js +434 -768
  3. package/BrandSelector.js +176 -336
  4. package/Checkbox.js +68 -101
  5. package/CheckboxButton.js +79 -124
  6. package/CommunicationPreferenceOptionsRenderer.js +107 -125
  7. package/CommunicationPreferenceSection.js +114 -134
  8. package/CommunicationPreferences.js +443 -339
  9. package/CountryCodeSelect.js +7 -10
  10. package/CurrencyInputFormatter.js +29 -56
  11. package/CurrencySelect.js +188 -19
  12. package/GALink.js +6 -16
  13. package/GenderSelector.js +88 -142
  14. package/GraphQLDropdownSelector.js +505 -939
  15. package/GraphQLMultiSelector.js +141 -274
  16. package/IconHeader.js +11 -25
  17. package/IconWrapper.js +3 -7
  18. package/InterestCatSelector.js +34 -74
  19. package/InterestItem.js +103 -187
  20. package/Interests.js +485 -890
  21. package/InterestsSubheading.js +5 -10
  22. package/InvertedTextButton.js +27 -63
  23. package/LuxityAppSideNav.js +18 -21
  24. package/LuxityDesktopHeader.js +360 -211
  25. package/LuxityFooter.js +464 -260
  26. package/LuxityGraphQLDropdownSelector.js +519 -969
  27. package/LuxityGraphQLMultiselector.js +167 -321
  28. package/LuxityMobileHeader.js +221 -278
  29. package/LuxityPageReady.js +74 -136
  30. package/LuxitySideNav.js +134 -155
  31. package/MaterialSelector.js +525 -976
  32. package/ModelSelector.js +525 -976
  33. package/NotificationDropDown.js +111 -209
  34. package/Notify.js +0 -1
  35. package/OutlinePrimaryButton.js +26 -58
  36. package/PriceRangeSelector.js +168 -281
  37. package/PrimaryButton.js +26 -58
  38. package/RadioButtons.js +114 -140
  39. package/RangeSlider.js +152 -242
  40. package/RareStepFooter.js +27 -41
  41. package/RareStepHeader.js +139 -190
  42. package/ReactSelectWrapper.js +0 -1
  43. package/SecondaryButton.js +26 -58
  44. package/ShoeSizeRangeSelector.js +162 -260
  45. package/ShoeSizeSelector.js +158 -263
  46. package/SimpleErrorBoundary.js +59 -106
  47. package/StyleSelector.js +176 -336
  48. package/TextButton.js +26 -58
  49. package/Tooltip.js +17 -39
  50. package/Tracking.js +0 -1
  51. package/WrapperButton.js +20 -43
  52. package/build/bundle.css +1 -1
  53. package/build/bundle.js +1298 -1695
  54. package/package.json +1 -1
  55. package/svg/Accessories.js +6 -13
  56. package/svg/Account.js +6 -13
  57. package/svg/Add.js +6 -13
  58. package/svg/ArrowRight.js +6 -13
  59. package/svg/Bags.js +6 -13
  60. package/svg/BurgerMenu.js +6 -13
  61. package/svg/Calendar.js +6 -13
  62. package/svg/CalendarCircled.js +6 -13
  63. package/svg/CheckCircled.js +6 -13
  64. package/svg/Close.js +6 -13
  65. package/svg/Clothing.js +6 -13
  66. package/svg/Dot.js +6 -13
  67. package/svg/Edit.js +6 -13
  68. package/svg/Eye.js +6 -13
  69. package/svg/FileAttach.js +6 -13
  70. package/svg/FileAttachCircled.js +6 -13
  71. package/svg/LightBulb.js +6 -13
  72. package/svg/Logo.js +6 -13
  73. package/svg/LuxityMenu.js +6 -13
  74. package/svg/Minus.js +6 -13
  75. package/svg/MobileAvatar.js +6 -13
  76. package/svg/MyOrder.js +6 -13
  77. package/svg/MyPayment.js +6 -13
  78. package/svg/MyProfile.js +8 -14
  79. package/svg/MySale.js +6 -13
  80. package/svg/Notification.js +6 -13
  81. package/svg/PointerDown.js +6 -13
  82. package/svg/Search.js +6 -13
  83. package/svg/Shoes.js +6 -13
  84. package/svg/SvgWrapper.js +3 -7
  85. package/svg/Trash.js +6 -13
  86. package/svg/Watches.js +6 -13
@@ -7,128 +7,89 @@
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
+ }
10
18
  function _extends() {
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
- }
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]);
20
23
  }
21
-
22
- return target;
23
- };
24
- return _extends.apply(this, arguments);
24
+ return n;
25
+ }, _extends.apply(null, arguments);
25
26
  }
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
+ 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;
49
+ }
50
+ }
51
+ return a;
37
52
  }
38
-
39
- return target;
40
53
  }
41
-
42
- function _objectWithoutProperties(source, excluded) {
43
- if (source == null) return {};
44
-
45
- var target = _objectWithoutPropertiesLoose(source, excluded);
46
-
47
- var key, i;
48
-
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.");
56
+ }
57
+ function _objectWithoutProperties(e, t) {
58
+ if (null == e) return {};
59
+ var o,
60
+ r,
61
+ i = _objectWithoutPropertiesLoose(e, t);
49
62
  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
- }
63
+ var s = Object.getOwnPropertySymbols(e);
64
+ for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
58
65
  }
59
-
60
- return target;
66
+ return i;
61
67
  }
62
-
63
- function _taggedTemplateLiteral(strings, raw) {
64
- if (!raw) {
65
- raw = strings.slice(0);
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 (e.includes(n)) continue;
73
+ t[n] = r[n];
66
74
  }
67
-
68
- return Object.freeze(Object.defineProperties(strings, {
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, {
69
82
  raw: {
70
- value: Object.freeze(raw)
83
+ value: Object.freeze(t)
71
84
  }
72
85
  }));
73
86
  }
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
- }
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;
108
92
  }
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.");
132
93
  }
133
94
 
134
95
  var theme = {
@@ -196,117 +157,82 @@
196
157
  });
197
158
 
198
159
  function _extends$1() {
199
- _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
200
- for (var i = 1; i < arguments.length; i++) {
201
- var source = arguments[i];
202
-
203
- for (var key in source) {
204
- if (Object.prototype.hasOwnProperty.call(source, key)) {
205
- target[key] = source[key];
206
- }
207
- }
160
+ return _extends$1 = Object.assign ? Object.assign.bind() : function (n) {
161
+ for (var e = 1; e < arguments.length; e++) {
162
+ var t = arguments[e];
163
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
208
164
  }
209
-
210
- return target;
211
- };
212
- return _extends$1.apply(this, arguments);
165
+ return n;
166
+ }, _extends$1.apply(null, arguments);
213
167
  }
214
168
 
215
- function _assertThisInitialized(self) {
216
- if (self === void 0) {
217
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
218
- }
219
-
220
- return self;
169
+ function _assertThisInitialized(e) {
170
+ if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
171
+ return e;
221
172
  }
222
173
 
223
- function _setPrototypeOf(o, p) {
224
- _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
225
- o.__proto__ = p;
226
- return o;
227
- };
228
- return _setPrototypeOf(o, p);
174
+ function _setPrototypeOf(t, e) {
175
+ return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
176
+ return t.__proto__ = e, t;
177
+ }, _setPrototypeOf(t, e);
229
178
  }
230
179
 
231
- function _inheritsLoose(subClass, superClass) {
232
- subClass.prototype = Object.create(superClass.prototype);
233
- subClass.prototype.constructor = subClass;
234
- _setPrototypeOf(subClass, superClass);
180
+ function _inheritsLoose(t, o) {
181
+ t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
235
182
  }
236
183
 
237
- function _getPrototypeOf(o) {
238
- _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
239
- return o.__proto__ || Object.getPrototypeOf(o);
240
- };
241
- return _getPrototypeOf(o);
184
+ function _getPrototypeOf(t) {
185
+ return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
186
+ return t.__proto__ || Object.getPrototypeOf(t);
187
+ }, _getPrototypeOf(t);
242
188
  }
243
189
 
244
- function _isNativeFunction(fn) {
245
- return Function.toString.call(fn).indexOf("[native code]") !== -1;
190
+ function _isNativeFunction(t) {
191
+ try {
192
+ return -1 !== Function.toString.call(t).indexOf("[native code]");
193
+ } catch (n) {
194
+ return "function" == typeof t;
195
+ }
246
196
  }
247
197
 
248
198
  function _isNativeReflectConstruct() {
249
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
250
- if (Reflect.construct.sham) return false;
251
- if (typeof Proxy === "function") return true;
252
-
253
199
  try {
254
- Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
255
- return true;
256
- } catch (e) {
257
- return false;
258
- }
200
+ var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
201
+ } catch (t) {}
202
+ return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {
203
+ return !!t;
204
+ })();
259
205
  }
260
206
 
261
- function _construct(Parent, args, Class) {
262
- if (_isNativeReflectConstruct()) {
263
- _construct = Reflect.construct.bind();
264
- } else {
265
- _construct = function _construct(Parent, args, Class) {
266
- var a = [null];
267
- a.push.apply(a, args);
268
- var Constructor = Function.bind.apply(Parent, a);
269
- var instance = new Constructor();
270
- if (Class) _setPrototypeOf(instance, Class.prototype);
271
- return instance;
272
- };
273
- }
274
-
275
- return _construct.apply(null, arguments);
207
+ function _construct(t, e, r) {
208
+ if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments);
209
+ var o = [null];
210
+ o.push.apply(o, e);
211
+ var p = new (t.bind.apply(t, o))();
212
+ return r && _setPrototypeOf(p, r.prototype), p;
276
213
  }
277
214
 
278
- function _wrapNativeSuper(Class) {
279
- var _cache = typeof Map === "function" ? new Map() : undefined;
280
-
281
- _wrapNativeSuper = function _wrapNativeSuper(Class) {
282
- if (Class === null || !_isNativeFunction(Class)) return Class;
283
-
284
- if (typeof Class !== "function") {
285
- throw new TypeError("Super expression must either be null or a function");
286
- }
287
-
288
- if (typeof _cache !== "undefined") {
289
- if (_cache.has(Class)) return _cache.get(Class);
290
-
291
- _cache.set(Class, Wrapper);
215
+ function _wrapNativeSuper(t) {
216
+ var r = "function" == typeof Map ? new Map() : void 0;
217
+ return _wrapNativeSuper = function _wrapNativeSuper(t) {
218
+ if (null === t || !_isNativeFunction(t)) return t;
219
+ if ("function" != typeof t) throw new TypeError("Super expression must either be null or a function");
220
+ if (void 0 !== r) {
221
+ if (r.has(t)) return r.get(t);
222
+ r.set(t, Wrapper);
292
223
  }
293
-
294
224
  function Wrapper() {
295
- return _construct(Class, arguments, _getPrototypeOf(this).constructor);
225
+ return _construct(t, arguments, _getPrototypeOf(this).constructor);
296
226
  }
297
-
298
- Wrapper.prototype = Object.create(Class.prototype, {
227
+ return Wrapper.prototype = Object.create(t.prototype, {
299
228
  constructor: {
300
229
  value: Wrapper,
301
- enumerable: false,
302
- writable: true,
303
- configurable: true
230
+ enumerable: !1,
231
+ writable: !0,
232
+ configurable: !0
304
233
  }
305
- });
306
- return _setPrototypeOf(Wrapper, Class);
307
- };
308
-
309
- return _wrapNativeSuper(Class);
234
+ }), _setPrototypeOf(Wrapper, t);
235
+ }, _wrapNativeSuper(t);
310
236
  }
311
237
 
312
238
  // based on https://github.com/styled-components/styled-components/blob/fcf6f3804c57a14dd7984dfab7bc06ee2edca044/src/utils/error.js
@@ -975,10 +901,9 @@
975
901
  }, function (props) {
976
902
  return getSliderMarkStyle(props);
977
903
  });
978
-
979
904
  var getSliderMarkStyle = function getSliderMarkStyle(_ref) {
980
905
  var showMarks = _ref.showMarks,
981
- primary = _ref.theme.colors.primary;
906
+ primary = _ref.theme.colors.primary;
982
907
  var visiblityStyle = showMarks ? styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""]))) : styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .rc-slider-mark-text,\n .rc-slider-dot {\n visibility: hidden;\n }\n "])));
983
908
  return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n .rc-slider-mark-text {\n color: ", ";\n }\n\n .rc-slider-dot {\n border-color: ", ";\n background-color: white;\n }\n ", "\n "])), primary, primary, visiblityStyle);
984
909
  };
@@ -990,28 +915,24 @@
990
915
  var Footer = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-end;\n"])));
991
916
 
992
917
  var _excluded = ["dragging", "value", "offset", "index"],
993
- _excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
994
-
918
+ _excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
995
919
  var _templateObject$4;
996
920
  var debounceBuilder = functions.debounced(100);
997
921
  var ChildrenWrapper = styled__default.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
998
922
  return props.theme.marginPaddings[3];
999
923
  });
1000
-
1001
924
  var renderCustomHandle = function renderCustomHandle() {
1002
925
  var marks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
1003
926
  var toolTipComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
1004
927
  var handleProps = arguments.length > 2 ? arguments[2] : undefined;
1005
-
1006
928
  var dragging = handleProps.dragging,
1007
- value = handleProps.value,
1008
- offset = handleProps.offset,
1009
- index = handleProps.index,
1010
- restHandleProps = _objectWithoutProperties(handleProps, _excluded);
1011
-
929
+ value = handleProps.value,
930
+ offset = handleProps.offset,
931
+ index = handleProps.index,
932
+ restHandleProps = _objectWithoutProperties(handleProps, _excluded);
1012
933
  var getToolTipProps = function getToolTipProps() {
1013
- var newProps = {}; // Ensures that Tooltip component does not get ref prop
1014
-
934
+ var newProps = {};
935
+ // Ensures that Tooltip component does not get ref prop
1015
936
  Object.keys(handleProps).forEach(function (propName) {
1016
937
  if (propName !== 'ref') {
1017
938
  newProps[propName] = handleProps[propName];
@@ -1019,7 +940,6 @@
1019
940
  });
1020
941
  return newProps;
1021
942
  };
1022
-
1023
943
  var Tooltip = toolTipComponent;
1024
944
  return /*#__PURE__*/React__default.createElement(React.Fragment, {
1025
945
  key: index
@@ -1036,55 +956,47 @@
1036
956
  marks: marks
1037
957
  }, getToolTipProps()))));
1038
958
  };
1039
- /** slider ui component for react */
1040
-
1041
959
 
960
+ /** slider ui component for react */
1042
961
  var RangeSlider = function RangeSlider(_ref) {
1043
962
  var renderTitleSection = _ref.renderTitleSection,
1044
- marks = _ref.marks,
1045
- defaultMinValue = _ref.defaultMinValue,
1046
- defaultMaxValue = _ref.defaultMaxValue,
1047
- min = _ref.min,
1048
- max = _ref.max,
1049
- toolTipComponent = _ref.toolTipComponent,
1050
- renderFooterSection = _ref.renderFooterSection,
1051
- onChange = _ref.onChange,
1052
- childRenderer = _ref.children,
1053
- identifier = _ref.identifier,
1054
- showMarks = _ref.showMarks,
1055
- restProps = _objectWithoutProperties(_ref, _excluded2);
1056
-
963
+ marks = _ref.marks,
964
+ defaultMinValue = _ref.defaultMinValue,
965
+ defaultMaxValue = _ref.defaultMaxValue,
966
+ min = _ref.min,
967
+ max = _ref.max,
968
+ toolTipComponent = _ref.toolTipComponent,
969
+ renderFooterSection = _ref.renderFooterSection,
970
+ onChange = _ref.onChange,
971
+ childRenderer = _ref.children,
972
+ identifier = _ref.identifier,
973
+ showMarks = _ref.showMarks,
974
+ restProps = _objectWithoutProperties(_ref, _excluded2);
1057
975
  var _useState = React.useState(defaultMinValue),
1058
- _useState2 = _slicedToArray(_useState, 2),
1059
- currMinVal = _useState2[0],
1060
- setMinVal = _useState2[1];
1061
-
976
+ _useState2 = _slicedToArray(_useState, 2),
977
+ currMinVal = _useState2[0],
978
+ setMinVal = _useState2[1];
1062
979
  var _useState3 = React.useState(defaultMaxValue),
1063
- _useState4 = _slicedToArray(_useState3, 2),
1064
- currMaxVal = _useState4[0],
1065
- setMaxVal = _useState4[1];
980
+ _useState4 = _slicedToArray(_useState3, 2),
981
+ currMaxVal = _useState4[0],
982
+ setMaxVal = _useState4[1];
1066
983
  /*
1067
984
  *Description variable stores the time that the component renders
1068
985
  * the state is used to enforce reenders for the component since the date now
1069
986
  * is always changing
1070
987
  * */
1071
-
1072
-
1073
988
  var _useState5 = React.useState(0),
1074
- _useState6 = _slicedToArray(_useState5, 2),
1075
- seed = _useState6[0],
1076
- setSeed = _useState6[1];
1077
-
989
+ _useState6 = _slicedToArray(_useState5, 2),
990
+ seed = _useState6[0],
991
+ setSeed = _useState6[1];
1078
992
  var manuallyChangeMinValue = function manuallyChangeMinValue(val) {
1079
993
  setMinVal(val);
1080
994
  setSeed(Date.now());
1081
995
  };
1082
-
1083
996
  var manuallyChangeMaxValue = function manuallyChangeMaxValue(val) {
1084
997
  setMaxVal(val);
1085
998
  setSeed(Date.now());
1086
999
  };
1087
-
1088
1000
  var prevMinVal = functions.usePrevious(currMinVal);
1089
1001
  var prevMaxVal = functions.usePrevious(currMaxVal);
1090
1002
  React.useEffect(function () {
@@ -1120,9 +1032,8 @@
1120
1032
  defaultValue: [defaultMinValue, defaultMaxValue],
1121
1033
  onChange: function onChange(_ref2) {
1122
1034
  var _ref3 = _slicedToArray(_ref2, 2),
1123
- nextMin = _ref3[0],
1124
- nextMax = _ref3[1];
1125
-
1035
+ nextMin = _ref3[0],
1036
+ nextMax = _ref3[1];
1126
1037
  setMinVal(nextMin);
1127
1038
  setMaxVal(nextMax);
1128
1039
  },
@@ -1135,7 +1046,6 @@
1135
1046
  allowCross: false
1136
1047
  }, restProps)), /*#__PURE__*/React__default.createElement(Footer, null, renderFooterSection(actionsObj)));
1137
1048
  };
1138
-
1139
1049
  RangeSlider.defaultProps = {
1140
1050
  renderTitleSection: function renderTitleSection() {
1141
1051
  return false;
@@ -1158,31 +1068,28 @@
1158
1068
  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
1159
1069
  return value.replace(/\D/g, '');
1160
1070
  };
1071
+
1161
1072
  /**
1162
1073
  * Currency Input which formats the value to a specific format
1163
1074
  */
1164
-
1165
1075
  var CurrencyInputFormatter = function CurrencyInputFormatter(_ref) {
1166
1076
  var value = _ref.value,
1167
- onChange = _ref.onChange,
1168
- prefix = _ref.prefix,
1169
- allowNegativeValue = _ref.allowNegativeValue,
1170
- groupSeparator = _ref.groupSeparator,
1171
- decimalSeparator = _ref.decimalSeparator,
1172
- rest = _objectWithoutProperties(_ref, _excluded$1);
1173
-
1077
+ onChange = _ref.onChange,
1078
+ prefix = _ref.prefix,
1079
+ allowNegativeValue = _ref.allowNegativeValue,
1080
+ groupSeparator = _ref.groupSeparator,
1081
+ decimalSeparator = _ref.decimalSeparator,
1082
+ rest = _objectWithoutProperties(_ref, _excluded$1);
1174
1083
  var handleValueChange = function handleValueChange(event) {
1175
1084
  var inputValue = event.target.value;
1176
1085
  var unmaskedValue = unMask(inputValue);
1177
1086
  onChange(unmaskedValue);
1178
1087
  };
1179
-
1180
1088
  var formatCurrency = function formatCurrency(originalValue) {
1181
1089
  var numericValue = Number(originalValue);
1182
1090
  var formattedValue = numericValue.toLocaleString('en-US');
1183
1091
  return prefix + formattedValue;
1184
1092
  };
1185
-
1186
1093
  var formattedValue = formatCurrency(value);
1187
1094
  return /*#__PURE__*/React__default.createElement("input", _extends({}, rest, {
1188
1095
  type: "text",
@@ -1190,7 +1097,6 @@
1190
1097
  onChange: handleValueChange
1191
1098
  }));
1192
1099
  };
1193
-
1194
1100
  CurrencyInputFormatter.defaultProps = {
1195
1101
  value: '',
1196
1102
  prefix: 'R',
@@ -1205,7 +1111,6 @@
1205
1111
  var baseButtonStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _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"])));
1206
1112
 
1207
1113
  var _excluded$2 = ["children"];
1208
-
1209
1114
  var _templateObject$6;
1210
1115
  var Button = styled__default.button(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n border: 1px solid ", ";\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &:disabled {\n ", "\n &:hover {\n background-color: ", ";\n }\n }\n"])), baseButtonStyle, function (props) {
1211
1116
  return props.theme.colors.ntrlMin;
@@ -1220,14 +1125,11 @@
1220
1125
  }, disabledButtonStyle, function (props) {
1221
1126
  return props.theme.colors.base;
1222
1127
  });
1223
-
1224
1128
  var SecondaryButton = function SecondaryButton(_ref) {
1225
1129
  var children = _ref.children,
1226
- restProps = _objectWithoutProperties(_ref, _excluded$2);
1227
-
1130
+ restProps = _objectWithoutProperties(_ref, _excluded$2);
1228
1131
  return /*#__PURE__*/React__default.createElement(Button, restProps, children);
1229
1132
  };
1230
-
1231
1133
  var SecondaryButton$1 = themed(SecondaryButton);
1232
1134
 
1233
1135
  var _templateObject$7, _templateObject2$2;
@@ -1243,11 +1145,10 @@
1243
1145
  }, function (props) {
1244
1146
  return props.theme.marginPaddings[3];
1245
1147
  });
1246
-
1247
1148
  var InterestsSubheading = function InterestsSubheading(_ref) {
1248
1149
  var title = _ref.title,
1249
- children = _ref.children,
1250
- className = _ref.className;
1150
+ children = _ref.children,
1151
+ className = _ref.className;
1251
1152
  return /*#__PURE__*/React__default.createElement(InterestsSubheadingContainer, {
1252
1153
  className: className
1253
1154
  }, /*#__PURE__*/React__default.createElement(Title, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
@@ -1274,31 +1175,23 @@
1274
1175
  });
1275
1176
 
1276
1177
  var debounceBuilder$1 = functions.debounced(50);
1277
-
1278
1178
  var getMaxPrice = function getMaxPrice() {
1279
1179
  var interestCategory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
1280
-
1281
1180
  switch (interestCategory) {
1282
1181
  case interestCategories.ACCESSORIES:
1283
1182
  return interestCategoryMaxPrices.ACCESSORIES;
1284
-
1285
1183
  case interestCategories.BAGS:
1286
1184
  return interestCategoryMaxPrices.BAGS;
1287
-
1288
1185
  case interestCategories.SHOES:
1289
1186
  return interestCategoryMaxPrices.SHOES;
1290
-
1291
1187
  case interestCategories.WATCHES:
1292
1188
  return interestCategoryMaxPrices.WATCHES;
1293
-
1294
1189
  case interestCategories.APPAREL:
1295
1190
  return interestCategoryMaxPrices.APPAREL;
1296
-
1297
1191
  default:
1298
1192
  return 0;
1299
1193
  }
1300
1194
  };
1301
-
1302
1195
  var getFooterButtons = function getFooterButtons(actionObj) {
1303
1196
  var giveFullRange = actionObj.giveFullRange;
1304
1197
  return /*#__PURE__*/React__default.createElement(SecondaryButton$1, {
@@ -1306,24 +1199,21 @@
1306
1199
  onClick: giveFullRange
1307
1200
  }, "Full Price Range");
1308
1201
  };
1202
+
1309
1203
  /** UI Slider with minimum and max input fields give the ability to
1310
1204
  * select a price range */
1311
-
1312
-
1313
1205
  var PriceRangeSelector = function PriceRangeSelector(_ref) {
1314
1206
  var onChange = _ref.onChange,
1315
- category = _ref.category;
1207
+ category = _ref.category;
1316
1208
  var maxPrice = getMaxPrice(category);
1317
-
1318
1209
  var handleSlideChange = function handleSlideChange(value) {
1319
1210
  var min_price = value.min,
1320
- max_price = value.max;
1211
+ max_price = value.max;
1321
1212
  onChange({
1322
1213
  min_price: min_price,
1323
1214
  max_price: max_price
1324
1215
  });
1325
1216
  };
1326
-
1327
1217
  var handleMinCurrencyChange = function handleMinCurrencyChange(targetValue, currMaxVal, manuallyChangeMinValue) {
1328
1218
  var value = parseInt(unMask(targetValue), 10);
1329
1219
  value = Number.isNaN(value) ? 0 : value;
@@ -1336,7 +1226,6 @@
1336
1226
  });
1337
1227
  });
1338
1228
  };
1339
-
1340
1229
  var handleMaxCurrencyChange = function handleMaxCurrencyChange(targetValue, currMinVal, manuallyChangeMaxValue) {
1341
1230
  var value = parseInt(unMask(targetValue), 10);
1342
1231
  value = Number.isNaN(value) ? 0 : value;
@@ -1349,7 +1238,6 @@
1349
1238
  });
1350
1239
  });
1351
1240
  };
1352
-
1353
1241
  return /*#__PURE__*/React__default.createElement("div", {
1354
1242
  className: "price-ranges"
1355
1243
  }, /*#__PURE__*/React__default.createElement(RangeSlider$1, {
@@ -1368,9 +1256,9 @@
1368
1256
  title: "Price Ranges"
1369
1257
  }, function (_ref2) {
1370
1258
  var manuallyChangeMinValue = _ref2.manuallyChangeMinValue,
1371
- manuallyChangeMaxValue = _ref2.manuallyChangeMaxValue,
1372
- currMinVal = _ref2.currMinVal,
1373
- currMaxVal = _ref2.currMaxVal;
1259
+ manuallyChangeMaxValue = _ref2.manuallyChangeMaxValue,
1260
+ currMinVal = _ref2.currMinVal,
1261
+ currMaxVal = _ref2.currMaxVal;
1374
1262
  return /*#__PURE__*/React__default.createElement(CurrencyInputWrapper, null, /*#__PURE__*/React__default.createElement(CurrencyInputFormatter, {
1375
1263
  "data-qe-id": "masked-input-min",
1376
1264
  value: currMinVal,
@@ -1386,7 +1274,6 @@
1386
1274
  }));
1387
1275
  }));
1388
1276
  };
1389
-
1390
1277
  PriceRangeSelector.defaultProps = {
1391
1278
  onChange: function onChange() {
1392
1279
  return false;