@bonlineza/luxity-lib 2.36.1-uk-platform.1 → 2.36.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 (94) 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 +1508 -929
  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 +1463 -913
  24. package/InterestsSubheading.js +10 -5
  25. package/InvertedTextButton.js +63 -27
  26. package/LuxityAppSideNav.js +21 -18
  27. package/LuxityDesktopHeader.js +451 -298
  28. package/LuxityFooter.js +321 -430
  29. package/LuxityGraphQLDropdownSelector.js +1540 -945
  30. package/LuxityGraphQLMultiselector.js +321 -167
  31. package/LuxityMobileHeader.js +544 -353
  32. package/LuxityPageReady.js +136 -74
  33. package/LuxityProductInterestItem.js +175 -97
  34. package/LuxitySideNav.js +244 -176
  35. package/MaterialSelector.js +1547 -951
  36. package/ModelSelector.js +1547 -951
  37. package/NotificationDropDown.js +218 -118
  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/TestComponent.js +15 -0
  53. package/TextButton.js +58 -26
  54. package/Tooltip.js +39 -17
  55. package/Tracking.js +1 -0
  56. package/WrapperButton.js +43 -20
  57. package/build/CountryCodeSelect/index.js +18 -0
  58. package/build/ReactSelectWrapper/index.js +34 -0
  59. package/build/bundle.css +1 -1
  60. package/build/bundle.js +2616 -1974
  61. package/package.json +1 -1
  62. package/postcss.config.js +6 -0
  63. package/svg/Accessories.js +13 -6
  64. package/svg/Account.js +13 -6
  65. package/svg/Add.js +13 -6
  66. package/svg/ArrowRight.js +13 -6
  67. package/svg/Bags.js +13 -6
  68. package/svg/BurgerMenu.js +13 -6
  69. package/svg/Calendar.js +13 -6
  70. package/svg/CalendarCircled.js +13 -6
  71. package/svg/CheckCircled.js +13 -6
  72. package/svg/Close.js +13 -6
  73. package/svg/Clothing.js +13 -6
  74. package/svg/Dot.js +13 -6
  75. package/svg/Edit.js +13 -6
  76. package/svg/Eye.js +13 -6
  77. package/svg/FileAttach.js +13 -6
  78. package/svg/FileAttachCircled.js +13 -6
  79. package/svg/LightBulb.js +13 -6
  80. package/svg/Logo.js +13 -6
  81. package/svg/LuxityMenu.js +13 -6
  82. package/svg/Minus.js +13 -6
  83. package/svg/MobileAvatar.js +13 -6
  84. package/svg/MyOrder.js +13 -6
  85. package/svg/MyPayment.js +13 -6
  86. package/svg/MyProfile.js +14 -8
  87. package/svg/MySale.js +13 -6
  88. package/svg/Notification.js +13 -6
  89. package/svg/PointerDown.js +13 -6
  90. package/svg/Search.js +13 -6
  91. package/svg/Shoes.js +13 -6
  92. package/svg/SvgWrapper.js +7 -3
  93. package/svg/Trash.js +13 -6
  94. package/svg/Watches.js +13 -6
@@ -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 theme = {
@@ -157,82 +196,117 @@
157
196
  });
158
197
 
159
198
  function _extends$1() {
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]);
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
+ }
164
208
  }
165
- return n;
166
- }, _extends$1.apply(null, arguments);
209
+
210
+ return target;
211
+ };
212
+ return _extends$1.apply(this, arguments);
167
213
  }
168
214
 
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;
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;
172
221
  }
173
222
 
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);
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);
178
229
  }
179
230
 
180
- function _inheritsLoose(t, o) {
181
- t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
231
+ function _inheritsLoose(subClass, superClass) {
232
+ subClass.prototype = Object.create(superClass.prototype);
233
+ subClass.prototype.constructor = subClass;
234
+ _setPrototypeOf(subClass, superClass);
182
235
  }
183
236
 
184
- function _getPrototypeOf(t) {
185
- return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
186
- return t.__proto__ || Object.getPrototypeOf(t);
187
- }, _getPrototypeOf(t);
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);
188
242
  }
189
243
 
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
- }
244
+ function _isNativeFunction(fn) {
245
+ return Function.toString.call(fn).indexOf("[native code]") !== -1;
196
246
  }
197
247
 
198
248
  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
+
199
253
  try {
200
- var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
201
- } catch (t) {}
202
- return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {
203
- return !!t;
204
- })();
254
+ Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
255
+ return true;
256
+ } catch (e) {
257
+ return false;
258
+ }
205
259
  }
206
260
 
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;
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);
213
276
  }
214
277
 
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);
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);
223
292
  }
293
+
224
294
  function Wrapper() {
225
- return _construct(t, arguments, _getPrototypeOf(this).constructor);
295
+ return _construct(Class, arguments, _getPrototypeOf(this).constructor);
226
296
  }
227
- return Wrapper.prototype = Object.create(t.prototype, {
297
+
298
+ Wrapper.prototype = Object.create(Class.prototype, {
228
299
  constructor: {
229
300
  value: Wrapper,
230
- enumerable: !1,
231
- writable: !0,
232
- configurable: !0
301
+ enumerable: false,
302
+ writable: true,
303
+ configurable: true
233
304
  }
234
- }), _setPrototypeOf(Wrapper, t);
235
- }, _wrapNativeSuper(t);
305
+ });
306
+ return _setPrototypeOf(Wrapper, Class);
307
+ };
308
+
309
+ return _wrapNativeSuper(Class);
236
310
  }
237
311
 
238
312
  // based on https://github.com/styled-components/styled-components/blob/fcf6f3804c57a14dd7984dfab7bc06ee2edca044/src/utils/error.js
@@ -901,9 +975,10 @@
901
975
  }, function (props) {
902
976
  return getSliderMarkStyle(props);
903
977
  });
978
+
904
979
  var getSliderMarkStyle = function getSliderMarkStyle(_ref) {
905
980
  var showMarks = _ref.showMarks,
906
- primary = _ref.theme.colors.primary;
981
+ primary = _ref.theme.colors.primary;
907
982
  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 "])));
908
983
  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);
909
984
  };
@@ -915,24 +990,28 @@
915
990
  var Footer = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-end;\n"])));
916
991
 
917
992
  var _excluded = ["dragging", "value", "offset", "index"],
918
- _excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
993
+ _excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
994
+
919
995
  var _templateObject$4;
920
996
  var debounceBuilder = functions.debounced(100);
921
997
  var ChildrenWrapper = styled__default.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
922
998
  return props.theme.marginPaddings[3];
923
999
  });
1000
+
924
1001
  var renderCustomHandle = function renderCustomHandle() {
925
1002
  var marks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
926
1003
  var toolTipComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
927
1004
  var handleProps = arguments.length > 2 ? arguments[2] : undefined;
1005
+
928
1006
  var dragging = handleProps.dragging,
929
- value = handleProps.value,
930
- offset = handleProps.offset,
931
- index = handleProps.index,
932
- restHandleProps = _objectWithoutProperties(handleProps, _excluded);
1007
+ value = handleProps.value,
1008
+ offset = handleProps.offset,
1009
+ index = handleProps.index,
1010
+ restHandleProps = _objectWithoutProperties(handleProps, _excluded);
1011
+
933
1012
  var getToolTipProps = function getToolTipProps() {
934
- var newProps = {};
935
- // Ensures that Tooltip component does not get ref prop
1013
+ var newProps = {}; // Ensures that Tooltip component does not get ref prop
1014
+
936
1015
  Object.keys(handleProps).forEach(function (propName) {
937
1016
  if (propName !== 'ref') {
938
1017
  newProps[propName] = handleProps[propName];
@@ -940,6 +1019,7 @@
940
1019
  });
941
1020
  return newProps;
942
1021
  };
1022
+
943
1023
  var Tooltip = toolTipComponent;
944
1024
  return /*#__PURE__*/React__default.createElement(React.Fragment, {
945
1025
  key: index
@@ -956,47 +1036,55 @@
956
1036
  marks: marks
957
1037
  }, getToolTipProps()))));
958
1038
  };
959
-
960
1039
  /** slider ui component for react */
1040
+
1041
+
961
1042
  var RangeSlider = function RangeSlider(_ref) {
962
1043
  var renderTitleSection = _ref.renderTitleSection,
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);
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
+
975
1057
  var _useState = React.useState(defaultMinValue),
976
- _useState2 = _slicedToArray(_useState, 2),
977
- currMinVal = _useState2[0],
978
- setMinVal = _useState2[1];
1058
+ _useState2 = _slicedToArray(_useState, 2),
1059
+ currMinVal = _useState2[0],
1060
+ setMinVal = _useState2[1];
1061
+
979
1062
  var _useState3 = React.useState(defaultMaxValue),
980
- _useState4 = _slicedToArray(_useState3, 2),
981
- currMaxVal = _useState4[0],
982
- setMaxVal = _useState4[1];
1063
+ _useState4 = _slicedToArray(_useState3, 2),
1064
+ currMaxVal = _useState4[0],
1065
+ setMaxVal = _useState4[1];
983
1066
  /*
984
1067
  *Description variable stores the time that the component renders
985
1068
  * the state is used to enforce reenders for the component since the date now
986
1069
  * is always changing
987
1070
  * */
1071
+
1072
+
988
1073
  var _useState5 = React.useState(0),
989
- _useState6 = _slicedToArray(_useState5, 2),
990
- seed = _useState6[0],
991
- setSeed = _useState6[1];
1074
+ _useState6 = _slicedToArray(_useState5, 2),
1075
+ seed = _useState6[0],
1076
+ setSeed = _useState6[1];
1077
+
992
1078
  var manuallyChangeMinValue = function manuallyChangeMinValue(val) {
993
1079
  setMinVal(val);
994
1080
  setSeed(Date.now());
995
1081
  };
1082
+
996
1083
  var manuallyChangeMaxValue = function manuallyChangeMaxValue(val) {
997
1084
  setMaxVal(val);
998
1085
  setSeed(Date.now());
999
1086
  };
1087
+
1000
1088
  var prevMinVal = functions.usePrevious(currMinVal);
1001
1089
  var prevMaxVal = functions.usePrevious(currMaxVal);
1002
1090
  React.useEffect(function () {
@@ -1032,8 +1120,9 @@
1032
1120
  defaultValue: [defaultMinValue, defaultMaxValue],
1033
1121
  onChange: function onChange(_ref2) {
1034
1122
  var _ref3 = _slicedToArray(_ref2, 2),
1035
- nextMin = _ref3[0],
1036
- nextMax = _ref3[1];
1123
+ nextMin = _ref3[0],
1124
+ nextMax = _ref3[1];
1125
+
1037
1126
  setMinVal(nextMin);
1038
1127
  setMaxVal(nextMax);
1039
1128
  },
@@ -1046,6 +1135,7 @@
1046
1135
  allowCross: false
1047
1136
  }, restProps)), /*#__PURE__*/React__default.createElement(Footer, null, renderFooterSection(actionsObj)));
1048
1137
  };
1138
+
1049
1139
  RangeSlider.defaultProps = {
1050
1140
  renderTitleSection: function renderTitleSection() {
1051
1141
  return false;
@@ -1068,28 +1158,31 @@
1068
1158
  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
1069
1159
  return value.replace(/\D/g, '');
1070
1160
  };
1071
-
1072
1161
  /**
1073
1162
  * Currency Input which formats the value to a specific format
1074
1163
  */
1164
+
1075
1165
  var CurrencyInputFormatter = function CurrencyInputFormatter(_ref) {
1076
1166
  var value = _ref.value,
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);
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
+
1083
1174
  var handleValueChange = function handleValueChange(event) {
1084
1175
  var inputValue = event.target.value;
1085
1176
  var unmaskedValue = unMask(inputValue);
1086
1177
  onChange(unmaskedValue);
1087
1178
  };
1179
+
1088
1180
  var formatCurrency = function formatCurrency(originalValue) {
1089
1181
  var numericValue = Number(originalValue);
1090
1182
  var formattedValue = numericValue.toLocaleString('en-US');
1091
1183
  return prefix + formattedValue;
1092
1184
  };
1185
+
1093
1186
  var formattedValue = formatCurrency(value);
1094
1187
  return /*#__PURE__*/React__default.createElement("input", _extends({}, rest, {
1095
1188
  type: "text",
@@ -1097,6 +1190,7 @@
1097
1190
  onChange: handleValueChange
1098
1191
  }));
1099
1192
  };
1193
+
1100
1194
  CurrencyInputFormatter.defaultProps = {
1101
1195
  value: '',
1102
1196
  prefix: 'R',
@@ -1111,6 +1205,7 @@
1111
1205
  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"])));
1112
1206
 
1113
1207
  var _excluded$2 = ["children"];
1208
+
1114
1209
  var _templateObject$6;
1115
1210
  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) {
1116
1211
  return props.theme.colors.ntrlMin;
@@ -1125,11 +1220,14 @@
1125
1220
  }, disabledButtonStyle, function (props) {
1126
1221
  return props.theme.colors.base;
1127
1222
  });
1223
+
1128
1224
  var SecondaryButton = function SecondaryButton(_ref) {
1129
1225
  var children = _ref.children,
1130
- restProps = _objectWithoutProperties(_ref, _excluded$2);
1226
+ restProps = _objectWithoutProperties(_ref, _excluded$2);
1227
+
1131
1228
  return /*#__PURE__*/React__default.createElement(Button, restProps, children);
1132
1229
  };
1230
+
1133
1231
  var SecondaryButton$1 = themed(SecondaryButton);
1134
1232
 
1135
1233
  var _templateObject$7, _templateObject2$2;
@@ -1145,10 +1243,11 @@
1145
1243
  }, function (props) {
1146
1244
  return props.theme.marginPaddings[3];
1147
1245
  });
1246
+
1148
1247
  var InterestsSubheading = function InterestsSubheading(_ref) {
1149
1248
  var title = _ref.title,
1150
- children = _ref.children,
1151
- className = _ref.className;
1249
+ children = _ref.children,
1250
+ className = _ref.className;
1152
1251
  return /*#__PURE__*/React__default.createElement(InterestsSubheadingContainer, {
1153
1252
  className: className
1154
1253
  }, /*#__PURE__*/React__default.createElement(Title, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
@@ -1175,23 +1274,31 @@
1175
1274
  });
1176
1275
 
1177
1276
  var debounceBuilder$1 = functions.debounced(50);
1277
+
1178
1278
  var getMaxPrice = function getMaxPrice() {
1179
1279
  var interestCategory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
1280
+
1180
1281
  switch (interestCategory) {
1181
1282
  case interestCategories.ACCESSORIES:
1182
1283
  return interestCategoryMaxPrices.ACCESSORIES;
1284
+
1183
1285
  case interestCategories.BAGS:
1184
1286
  return interestCategoryMaxPrices.BAGS;
1287
+
1185
1288
  case interestCategories.SHOES:
1186
1289
  return interestCategoryMaxPrices.SHOES;
1290
+
1187
1291
  case interestCategories.WATCHES:
1188
1292
  return interestCategoryMaxPrices.WATCHES;
1293
+
1189
1294
  case interestCategories.APPAREL:
1190
1295
  return interestCategoryMaxPrices.APPAREL;
1296
+
1191
1297
  default:
1192
1298
  return 0;
1193
1299
  }
1194
1300
  };
1301
+
1195
1302
  var getFooterButtons = function getFooterButtons(actionObj) {
1196
1303
  var giveFullRange = actionObj.giveFullRange;
1197
1304
  return /*#__PURE__*/React__default.createElement(SecondaryButton$1, {
@@ -1199,21 +1306,24 @@
1199
1306
  onClick: giveFullRange
1200
1307
  }, "Full Price Range");
1201
1308
  };
1202
-
1203
1309
  /** UI Slider with minimum and max input fields give the ability to
1204
1310
  * select a price range */
1311
+
1312
+
1205
1313
  var PriceRangeSelector = function PriceRangeSelector(_ref) {
1206
1314
  var onChange = _ref.onChange,
1207
- category = _ref.category;
1315
+ category = _ref.category;
1208
1316
  var maxPrice = getMaxPrice(category);
1317
+
1209
1318
  var handleSlideChange = function handleSlideChange(value) {
1210
1319
  var min_price = value.min,
1211
- max_price = value.max;
1320
+ max_price = value.max;
1212
1321
  onChange({
1213
1322
  min_price: min_price,
1214
1323
  max_price: max_price
1215
1324
  });
1216
1325
  };
1326
+
1217
1327
  var handleMinCurrencyChange = function handleMinCurrencyChange(targetValue, currMaxVal, manuallyChangeMinValue) {
1218
1328
  var value = parseInt(unMask(targetValue), 10);
1219
1329
  value = Number.isNaN(value) ? 0 : value;
@@ -1226,6 +1336,7 @@
1226
1336
  });
1227
1337
  });
1228
1338
  };
1339
+
1229
1340
  var handleMaxCurrencyChange = function handleMaxCurrencyChange(targetValue, currMinVal, manuallyChangeMaxValue) {
1230
1341
  var value = parseInt(unMask(targetValue), 10);
1231
1342
  value = Number.isNaN(value) ? 0 : value;
@@ -1238,6 +1349,7 @@
1238
1349
  });
1239
1350
  });
1240
1351
  };
1352
+
1241
1353
  return /*#__PURE__*/React__default.createElement("div", {
1242
1354
  className: "price-ranges"
1243
1355
  }, /*#__PURE__*/React__default.createElement(RangeSlider$1, {
@@ -1256,9 +1368,9 @@
1256
1368
  title: "Price Ranges"
1257
1369
  }, function (_ref2) {
1258
1370
  var manuallyChangeMinValue = _ref2.manuallyChangeMinValue,
1259
- manuallyChangeMaxValue = _ref2.manuallyChangeMaxValue,
1260
- currMinVal = _ref2.currMinVal,
1261
- currMaxVal = _ref2.currMaxVal;
1371
+ manuallyChangeMaxValue = _ref2.manuallyChangeMaxValue,
1372
+ currMinVal = _ref2.currMinVal,
1373
+ currMaxVal = _ref2.currMaxVal;
1262
1374
  return /*#__PURE__*/React__default.createElement(CurrencyInputWrapper, null, /*#__PURE__*/React__default.createElement(CurrencyInputFormatter, {
1263
1375
  "data-qe-id": "masked-input-min",
1264
1376
  value: currMinVal,
@@ -1274,6 +1386,7 @@
1274
1386
  }));
1275
1387
  }));
1276
1388
  };
1389
+
1277
1390
  PriceRangeSelector.defaultProps = {
1278
1391
  onChange: function onChange() {
1279
1392
  return false;