@bonlineza/luxity-lib 2.7.5 → 2.8.0

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 (70) hide show
  1. package/Accordion.js +39 -85
  2. package/AddInterest.js +899 -745
  3. package/BrandSelector.js +82 -166
  4. package/Checkbox.js +18 -24
  5. package/CheckboxButton.js +18 -42
  6. package/CountryCodeSelect.js +16 -3
  7. package/CurrencyInputFormatter.js +671 -0
  8. package/GenderSelector.js +31 -81
  9. package/GraphQLMultiSelector.js +45 -87
  10. package/IconHeader.js +8 -17
  11. package/IconWrapper.js +2 -10
  12. package/InterestCatSelector.js +53 -120
  13. package/InterestItem.js +94 -134
  14. package/Interests.js +984 -887
  15. package/InterestsSubheading.js +5 -23
  16. package/InvertedTextButton.js +17 -48
  17. package/LuxityGraphQLMultiselector.js +73 -143
  18. package/LuxityLoader.js +1221 -0
  19. package/LuxityPageReady.js +15 -8
  20. package/NotificationDropDown.js +66 -63
  21. package/Notify.js +1 -1
  22. package/OutlinePrimaryButton.js +12 -37
  23. package/PriceRangeSelector.js +669 -273
  24. package/PrimaryButton.js +12 -37
  25. package/README.md +1 -1
  26. package/RadioButtons.js +61 -139
  27. package/RangeSlider.js +52 -118
  28. package/ReactSelectWrapper.js +15 -2
  29. package/SecondaryButton.js +12 -37
  30. package/SectionLoader.js +23 -0
  31. package/ShoeSizeSelector.js +68 -164
  32. package/SimpleErrorBoundary.js +12 -5
  33. package/StyleSelector.js +82 -166
  34. package/TextButton.js +12 -37
  35. package/Tooltip.js +16 -81
  36. package/WrapperButton.js +8 -32
  37. package/build/bundle.js +1033 -1091
  38. package/package.json +10 -12
  39. package/svg/Accessories.js +4 -5
  40. package/svg/Account.js +4 -5
  41. package/svg/Add.js +4 -5
  42. package/svg/ArrowRight.js +3 -4
  43. package/svg/Bags.js +6 -7
  44. package/svg/BurgerMenu.js +3 -4
  45. package/svg/Calendar.js +17 -18
  46. package/svg/CalendarCircled.js +18 -19
  47. package/svg/CheckCircled.js +4 -5
  48. package/svg/Close.js +3 -4
  49. package/svg/Dot.js +3 -4
  50. package/svg/Edit.js +3 -4
  51. package/svg/Eye.js +4 -5
  52. package/svg/FileAttach.js +3 -4
  53. package/svg/FileAttachCircled.js +4 -5
  54. package/svg/LightBulb.js +11 -12
  55. package/svg/Logo.js +38 -39
  56. package/svg/LuxityMenu.js +3 -4
  57. package/svg/Minus.js +3 -4
  58. package/svg/MobileAvatar.js +3 -4
  59. package/svg/MyOrder.js +6 -7
  60. package/svg/MyPayment.js +6 -7
  61. package/svg/MyProfile.js +7 -8
  62. package/svg/MySale.js +4 -5
  63. package/svg/Notification.js +4 -5
  64. package/svg/PointerDown.js +3 -4
  65. package/svg/Search.js +3 -4
  66. package/svg/Shoes.js +6 -7
  67. package/svg/SvgWrapper.js +2 -10
  68. package/svg/Trash.js +5 -6
  69. package/svg/Watches.js +11 -12
  70. package/CHANGELOG.md +0 -152
@@ -8,7 +8,7 @@
8
8
  var styled__default = 'default' in styled ? styled['default'] : styled;
9
9
 
10
10
  function _extends() {
11
- _extends = Object.assign || function (target) {
11
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
12
12
  for (var i = 1; i < arguments.length; i++) {
13
13
  var source = arguments[i];
14
14
 
@@ -21,7 +21,6 @@
21
21
 
22
22
  return target;
23
23
  };
24
-
25
24
  return _extends.apply(this, arguments);
26
25
  }
27
26
 
@@ -100,16 +99,8 @@
100
99
  lg: '1200px'
101
100
  };
102
101
 
103
- function _templateObject() {
104
- var data = _taggedTemplateLiteral(["\n padding: ", ";\n border: 1px solid\n ", ";\n text-align: center;\n display: flex;\n flex-flow: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n background-color: ", ";\n color: ", ";\n\n h1 {\n color: ", ";\n }\n\n svg {\n margin-left: auto;\n margin-right: auto;\n max-height: 80px;\n width: auto;\n /*condition*/\n\n .fillColor {\n fill: ", ";\n }\n\n .outlineColor {\n fill: ", ";\n }\n }\n @media (max-width: ", ") {\n margin-bottom: ", ";\n }\n"]);
105
-
106
- _templateObject = function _templateObject() {
107
- return data;
108
- };
109
-
110
- return data;
111
- }
112
- var SvgWrapper = styled__default.div(_templateObject(), function (props) {
102
+ var _templateObject;
103
+ var SvgWrapper = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: ", ";\n border: 1px solid\n ", ";\n text-align: center;\n display: flex;\n flex-flow: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n background-color: ", ";\n color: ", ";\n\n h1 {\n color: ", ";\n }\n\n svg {\n margin-left: auto;\n margin-right: auto;\n max-height: 80px;\n width: auto;\n /*condition*/\n\n .fillColor {\n fill: ", ";\n }\n\n .outlineColor {\n fill: ", ";\n }\n }\n @media (max-width: ", ") {\n margin-bottom: ", ";\n }\n"])), function (props) {
113
104
  return props.theme.marginPaddings[4];
114
105
  }, function (props) {
115
106
  return props.hasBorder ? props.theme.colors.borderColor : props.theme.colors.ntrlMin;
@@ -140,21 +131,13 @@
140
131
  isChecked: false
141
132
  };
142
133
 
143
- function _templateObject$1() {
144
- var data = _taggedTemplateLiteral(["\n .outlineColor {\n fill: #ffffff;\n }\n display: flex;\n flex-flow: row nowrap;\n\n button {\n flex-basis: 25%;\n width: 100%;\n cursor: pointer;\n padding: 0;\n &:not(:last-child) {\n margin-right: ", ";\n }\n }\n .outlineColor {\n fill: white;\n }\n\n @media (max-width: ", ") {\n display: block;\n button {\n &:not(:last-child) {\n margin-right: 0;\n }\n }\n }\n"]);
145
-
146
- _templateObject$1 = function _templateObject() {
147
- return data;
148
- };
149
-
150
- return data;
151
- }
152
- var Body = styled__default.div(_templateObject$1(), function (props) {
134
+ var _templateObject$1;
135
+ var Body = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n .outlineColor {\n fill: #ffffff;\n }\n display: flex;\n flex-flow: row nowrap;\n\n button {\n flex-basis: 25%;\n width: 100%;\n cursor: pointer;\n padding: 0;\n &:not(:last-child) {\n margin-right: ", ";\n }\n }\n .outlineColor {\n fill: white;\n }\n\n @media (max-width: ", ") {\n display: block;\n button {\n &:not(:last-child) {\n margin-right: 0;\n }\n }\n }\n"])), function (props) {
153
136
  return props.theme.marginPaddings[2];
154
137
  }, media.sm);
155
138
 
156
139
  var Shoes = (function (props) {
157
- return React__default.createElement("svg", _extends({
140
+ return /*#__PURE__*/React__default.createElement("svg", _extends({
158
141
  version: "1.1",
159
142
  id: "svg-shoes",
160
143
  xmlns: "http://www.w3.org/2000/svg",
@@ -163,22 +146,22 @@
163
146
  y: "0px",
164
147
  viewBox: "0 0 83.8 83.8",
165
148
  xmlSpace: "preserve"
166
- }, props), React__default.createElement("circle", {
149
+ }, props), /*#__PURE__*/React__default.createElement("circle", {
167
150
  fill: "#fff",
168
151
  cx: "41.9",
169
152
  cy: "41.9",
170
153
  r: "41.9"
171
- }), React__default.createElement("path", {
154
+ }), /*#__PURE__*/React__default.createElement("path", {
172
155
  d: "M61.12,56.33a1.22,1.22,0,1,1-1.22-1.21A1.22,1.22,0,0,1,61.12,56.33Z"
173
- }), React__default.createElement("path", {
156
+ }), /*#__PURE__*/React__default.createElement("path", {
174
157
  d: "M63.7,51.62a14.51,14.51,0,0,0-7.79-4,1.17,1.17,0,0,0-1,.3,7,7,0,0,1-4.3,1.43,6.5,6.5,0,0,1-5.48-3l-.07-.12L38.61,37A74.75,74.75,0,0,0,24.39,21.81a1.22,1.22,0,0,0-1.52,0,16.11,16.11,0,0,0-3.8,4.35,14.21,14.21,0,0,0-1.91,9.94v0a11.13,11.13,0,0,0,1.15,3.14,18.64,18.64,0,0,1,2.48,9V60.2A1.22,1.22,0,0,0,22,61.42h3.86a1.22,1.22,0,0,0,1.22-1.22V49.42a14.33,14.33,0,0,1,1.36-6.09A38.51,38.51,0,0,1,38.79,57.15a7.08,7.08,0,0,0,6.44,4.27h7.91A57.75,57.75,0,0,0,62.23,61c1.16-.2,4.69-.81,4.69-3.65C66.92,55.75,65.66,53.52,63.7,51.62Zm-39-2.2V59H23.22V48.27c0-.3,0-.62,0-1a21.72,21.72,0,0,0-2.72-9.19,38.86,38.86,0,0,1,6.05,3.67A16.07,16.07,0,0,0,24.66,49.42Zm37.16,9.13a56.25,56.25,0,0,1-8.68.43H45.23A4.65,4.65,0,0,1,41,56.17,40.59,40.59,0,0,0,19.44,35a12.14,12.14,0,0,1,1.72-7.6,13.43,13.43,0,0,1,2.48-3.05,72.42,72.42,0,0,1,13,14.1L43,47.58a9,9,0,0,0,7.59,4.17,9.89,9.89,0,0,0,5.45-1.67A12.39,12.39,0,0,1,62,53.36c1.61,1.57,2.48,3.2,2.48,3.94C64.49,57.8,63.49,58.27,61.82,58.55Z"
175
- }), React__default.createElement("path", {
158
+ }), /*#__PURE__*/React__default.createElement("path", {
176
159
  d: "M57.25,56.33A1.21,1.21,0,0,1,56,57.55H45.21a1.22,1.22,0,1,1,0-2.43H56A1.21,1.21,0,0,1,57.25,56.33Z"
177
160
  }));
178
161
  });
179
162
 
180
163
  var Bags = (function (props) {
181
- return React__default.createElement("svg", _extends({
164
+ return /*#__PURE__*/React__default.createElement("svg", _extends({
182
165
  version: "1.1",
183
166
  id: "svg-bags",
184
167
  xmlns: "http://www.w3.org/2000/svg",
@@ -187,25 +170,25 @@
187
170
  y: "0px",
188
171
  viewBox: "0 0 83.8 83.8",
189
172
  xmlSpace: "preserve"
190
- }, props), React__default.createElement("circle", {
173
+ }, props), /*#__PURE__*/React__default.createElement("circle", {
191
174
  fill: "#fff",
192
175
  cx: "41.9",
193
176
  cy: "41.9",
194
177
  r: "41.9"
195
- }), React__default.createElement("g", null, React__default.createElement("path", {
178
+ }), /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
196
179
  fill: "#010101",
197
180
  d: "M65.4,33.4H52.3v-5.8c0-5.7-4.6-10.4-10.4-10.4s-10.4,4.6-10.4,10.4v5.8H18.4c-0.4,0-0.7,0-0.9,0.3 c-0.2,0.2-0.4,0.6-0.3,0.9l4.6,25c0.6,3.5,3.7,6,7.2,6.1h25.9c3.6-0.1,6.6-2.7,7.2-6.2l4.6-25c0.1-0.3-0.1-0.7-0.3-0.9 C66.1,33.5,65.8,33.3,65.4,33.4z M34,27.6c0-4.4,3.6-7.9,7.9-7.9s7.9,3.6,7.9,7.9v5.8H34V27.6z M59.6,59.3c-0.4,2.3-2.4,4-4.8,4H29 c-2.4,0-4.4-1.7-4.8-4l-4.3-23.5H64L59.6,59.3z"
198
- }), React__default.createElement("path", {
181
+ }), /*#__PURE__*/React__default.createElement("path", {
199
182
  fill: "#010101",
200
183
  d: "M51.1,47.7c0.7,0,1.2-0.5,1.2-1.2v-3.7c0-0.7-0.5-1.2-1.2-1.2c-0.7,0-1.2,0.5-1.2,1.2v3.7 C49.9,47.2,50.4,47.7,51.1,47.7z"
201
- }), React__default.createElement("path", {
184
+ }), /*#__PURE__*/React__default.createElement("path", {
202
185
  fill: "#010101",
203
186
  d: "M32.8,47.7c0.7,0,1.2-0.5,1.2-1.2v-3.7c0-0.7-0.5-1.2-1.2-1.2c-0.7,0-1.2,0.5-1.2,1.2v3.7 C31.5,47.2,32.1,47.7,32.8,47.7z"
204
187
  })));
205
188
  });
206
189
 
207
190
  var Accessories = (function (props) {
208
- return React__default.createElement("svg", _extends({
191
+ return /*#__PURE__*/React__default.createElement("svg", _extends({
209
192
  version: "1.1",
210
193
  id: "svg-accessories",
211
194
  xmlns: "http://www.w3.org/2000/svg",
@@ -215,18 +198,18 @@
215
198
  viewBox: "0 0 83.8 83.8",
216
199
  xmlSpace: "preserve",
217
200
  color: "#fff"
218
- }, props), React__default.createElement("circle", {
201
+ }, props), /*#__PURE__*/React__default.createElement("circle", {
219
202
  fill: "#fff",
220
203
  cx: "41.9",
221
204
  cy: "41.9",
222
205
  r: "41.9"
223
- }), React__default.createElement("path", {
206
+ }), /*#__PURE__*/React__default.createElement("path", {
224
207
  d: "M66.1,45.7v-8.5c0-3-2.6-5.8-7.5-7.7c-4.5-1.8-10.3-2.8-16.6-2.8s-12.2,1-16.7,2.8c-4.9,2-7.6,4.7-7.6,7.7v8.5 c0,1.8,1,4.5,5.6,6.9c3.1,1.6,7.5,2.8,12.3,3.3h0.1l0,0c0.8,1.1,2,1.7,3.4,1.7h5.8c1.2,0,2.3-0.5,3.1-1.4l0,0h2 c2.7,0,5.4,0.6,7.8,1.8c1.8,0.9,4,0.8,5.7-0.2c1.6-1,2.6-2.8,2.6-4.8c0-1.3-0.5-2.6-1.3-3.6l-0.1-0.1l0.1-0.1 C65.6,48.1,66.1,46.9,66.1,45.7z M35,47.4c0,0.2,0,0.3,0,0.4v5.4l-0.1,0c-4.1-0.6-7.6-1.6-10.2-2.9c-2.7-1.4-4.2-3-4.2-4.6V42 l0.2,0.2c4.2,3.4,11.4,4.7,14.3,5l0.1,0L35,47.4z M46.4,53.5c0,0.8-0.7,1.5-1.6,1.5h-5.8c-0.9,0-1.5-0.7-1.5-1.5v-1.5H42 c0.7,0,1.3-0.6,1.3-1.3c0-0.7-0.6-1.3-1.3-1.3h-4.5v-1.5c0-0.9,0.7-1.5,1.5-1.5h5.8c0.9,0,1.6,0.7,1.6,1.5V53.5z M47.8,44.8 L47.8,44.8l-0.1,0c-0.8-0.7-1.8-1.1-2.8-1.1h-5.8c-1,0-2,0.4-2.8,1.1l0,0l-0.1,0c-3.7-0.4-7.2-1.2-9.9-2.3l0,0l0,0 c-0.1-0.2-0.2-0.4-0.2-0.5c0-0.5,0.9-1.6,4.2-2.6c3.2-1,7.3-1.5,11.8-1.5c4.4,0,8.6,0.5,11.7,1.5c2.8,0.9,4.1,2,4.1,2.6 c0,0.1,0,0.3-0.2,0.5l0,0l0,0C54.8,43.6,51.5,44.4,47.8,44.8z M62.1,55.6C61.6,55.9,61,56,60.4,56c-0.5,0-1-0.1-1.5-0.3 c-2.8-1.4-5.9-2.1-8.9-2.1h-1v-5.9h3c3.5,0,6.9,0.9,9.9,2.6c1,0.5,1.6,1.6,1.6,2.7C63.5,54.1,63,55,62.1,55.6z M63.5,45.7 c0,0.7-0.3,1.3-0.8,2l-0.1,0.1l-0.1,0c-1.7-0.9-3.5-1.6-5.4-2l-0.4-0.1l0.4-0.1c2.6-0.9,4.7-2,6.2-3.2l0.2-0.2V45.7z M60.4,41.1 l-0.1,0.1L60.2,41c-0.5-1.7-2.5-3.1-5.8-4.2c-3.4-1.1-7.8-1.7-12.5-1.7c-4.7,0-9.2,0.6-12.5,1.7c-3.4,1.1-5.3,2.5-5.9,4.2l-0.1,0.2 L23.4,41c-2-1.2-3.1-2.6-3.1-3.9c0-1.9,2.2-3.8,5.9-5.3c4.2-1.7,9.8-2.6,15.7-2.6c12.7,0,21.5,4.2,21.5,8 C63.5,38.5,62.4,39.8,60.4,41.1z"
225
208
  }));
226
209
  });
227
210
 
228
211
  var Watches = (function (props) {
229
- return React__default.createElement("svg", _extends({
212
+ return /*#__PURE__*/React__default.createElement("svg", _extends({
230
213
  version: "1.1",
231
214
  id: "svg-watches",
232
215
  xmlns: "http://www.w3.org/2000/svg",
@@ -235,26 +218,26 @@
235
218
  y: "0px",
236
219
  viewBox: "0 0 83.8 83.8",
237
220
  xmlSpace: "preserve"
238
- }, props), React__default.createElement("circle", {
221
+ }, props), /*#__PURE__*/React__default.createElement("circle", {
239
222
  fill: "#fff",
240
223
  cx: "41.9",
241
224
  cy: "41.9",
242
225
  r: "41.9"
243
- }), React__default.createElement("path", {
226
+ }), /*#__PURE__*/React__default.createElement("path", {
244
227
  d: "M55.7,40v-3.8c0-4.1-2.8-7.5-6.6-8.3v-7.4c0-1.6-1.3-2.8-2.8-2.8h-9.5c-1.6,0-2.8,1.3-2.8,2.8v7.4c-3.8,0.9-6.6,4.3-6.6,8.3 v11.4c0,4.1,2.8,7.5,6.6,8.3v7.4c0,1.6,1.3,2.8,2.8,2.8h9.5c1.6,0,2.8-1.3,2.8-2.8v-7.4c3.8-0.9,6.6-4.3,6.6-8.3v-3.8 c0.5,0,0.9-0.4,0.9-0.9V41C56.6,40.5,56.2,40,55.7,40L55.7,40z M47.1,63.4c0,0.5-0.4,0.9-0.9,0.9h-9.5c-0.5,0-0.9-0.4-0.9-0.9v-7.2 h11.4V63.4z M53.8,47.6c0,3.7-3,6.6-6.6,6.6H35.8c-3.7,0-6.6-3-6.6-6.6V36.2c0-3.7,3-6.6,6.6-6.6h1.4c0.5,0,0.9-0.4,0.9-0.9 c0-0.5-0.4-0.9-0.9-0.9h-1.4v-7.2c0-0.5,0.4-0.9,0.9-0.9h9.5c0.5,0,0.9,0.4,0.9,0.9v7.2h-1.4c-0.5,0-0.9,0.4-0.9,0.9 c0,0.5,0.4,0.9,0.9,0.9h1.4c3.7,0,6.6,3,6.6,6.6V47.6z M53.8,47.6"
245
- }), React__default.createElement("path", {
228
+ }), /*#__PURE__*/React__default.createElement("path", {
246
229
  d: "M46.2,66.4h-9.5c-1.7,0-3.1-1.4-3.1-3.1v-7.2c-3.9-1-6.6-4.5-6.6-8.5V36.2c0-4,2.8-7.5,6.6-8.5v-7.2c0-1.7,1.4-3.1,3.1-3.1 h9.5c1.7,0,3.1,1.4,3.1,3.1v7.2c3.9,1,6.6,4.5,6.6,8.5v3.6c0.5,0.1,0.9,0.6,0.9,1.2v1.9c0,0.6-0.4,1.1-0.9,1.2v3.6 c0,4-2.8,7.5-6.6,8.5v7.2C49.3,65.1,47.9,66.4,46.2,66.4z M36.7,17.9c-1.4,0-2.6,1.2-2.6,2.6v7.6l-0.2,0c-3.7,0.9-6.4,4.2-6.4,8.1 v11.4c0,3.8,2.7,7.2,6.4,8.1l0.2,0v7.6c0,1.4,1.2,2.6,2.6,2.6h9.5c1.4,0,2.6-1.2,2.6-2.6v-7.6l0.2,0c3.7-0.9,6.4-4.2,6.4-8.1v-4h0.2 c0.4,0,0.7-0.3,0.7-0.7V41c0-0.4-0.3-0.7-0.7-0.7h-0.2v-4c0-3.8-2.7-7.2-6.4-8.1l-0.2,0v-7.6c0-1.4-1.2-2.6-2.6-2.6H36.7z M46.2,64.6h-9.5c-0.7,0-1.2-0.5-1.2-1.2v-7.5h11.9v7.5C47.4,64,46.9,64.6,46.2,64.6z M36,56.4v7c0,0.4,0.3,0.7,0.7,0.7h9.5 c0.4,0,0.7-0.3,0.7-0.7v-7H36z M47.1,54.5H35.8c-3.8,0-6.9-3.1-6.9-6.9V36.2c0-3.8,3.1-6.9,6.9-6.9h1.4c0.4,0,0.7-0.3,0.7-0.7 c0-0.4-0.3-0.7-0.7-0.7h-1.7v-7.5c0-0.7,0.5-1.2,1.2-1.2h9.5c0.7,0,1.2,0.5,1.2,1.2v7.5h-1.7c-0.4,0-0.7,0.3-0.7,0.7 c0,0.4,0.3,0.7,0.7,0.7h1.4c3.8,0,6.9,3.1,6.9,6.9v11.4C54,51.4,50.9,54.5,47.1,54.5z M35.8,29.8c-3.5,0-6.4,2.9-6.4,6.4v11.4 c0,3.5,2.9,6.4,6.4,6.4h11.4c3.5,0,6.4-2.9,6.4-6.4V36.2c0-3.5-2.9-6.4-6.4-6.4h-1.4c-0.7,0-1.2-0.5-1.2-1.2c0-0.7,0.5-1.2,1.2-1.2 h1.2v-7c0-0.4-0.3-0.7-0.7-0.7h-9.5c-0.4,0-0.7,0.3-0.7,0.7v7h1.2c0.7,0,1.2,0.5,1.2,1.2c0,0.7-0.5,1.2-1.2,1.2H35.8z"
247
- }), React__default.createElement("path", {
230
+ }), /*#__PURE__*/React__default.createElement("path", {
248
231
  d: "M45.2,41h-2.8v-4.7c0-0.5-0.4-0.9-0.9-0.9s-0.9,0.4-0.9,0.9v5.7c0,0.5,0.4,0.9,0.9,0.9h3.8c0.5,0,0.9-0.4,0.9-0.9 C46.2,41.4,45.8,41,45.2,41L45.2,41z M45.2,41"
249
- }), React__default.createElement("path", {
232
+ }), /*#__PURE__*/React__default.createElement("path", {
250
233
  d: "M45.2,43.1h-3.8c-0.7,0-1.2-0.5-1.2-1.2v-5.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.5h2.6c0.7,0,1.2,0.5,1.2,1.2 S45.9,43.1,45.2,43.1z M41.4,35.5c-0.4,0-0.7,0.3-0.7,0.7v5.7c0,0.4,0.3,0.7,0.7,0.7h3.8c0.4,0,0.7-0.3,0.7-0.7s-0.3-0.7-0.7-0.7 h-3.1v-5C42.1,35.8,41.8,35.5,41.4,35.5z"
251
- }), React__default.createElement("path", {
234
+ }), /*#__PURE__*/React__default.createElement("path", {
252
235
  d: "M47.1,31.5H35.8c-2.6,0-4.7,2.1-4.7,4.7v11.4c0,2.6,2.1,4.7,4.7,4.7h11.4c2.6,0,4.7-2.1,4.7-4.7V36.2 C51.9,33.6,49.8,31.5,47.1,31.5L47.1,31.5z M47.1,50.5h-4.7v-0.8c0-0.5-0.4-0.9-0.9-0.9s-0.9,0.4-0.9,0.9v0.8h-4.7 c-1.6,0-2.8-1.3-2.8-2.8v-4.7h0.8c0.5,0,0.9-0.4,0.9-0.9c0-0.5-0.4-0.9-0.9-0.9h-0.8v-4.7c0-1.6,1.3-2.8,2.8-2.8h11.4 c1.6,0,2.8,1.3,2.8,2.8V41h-0.8c-0.5,0-0.9,0.4-0.9,0.9c0,0.5,0.4,0.9,0.9,0.9H50v4.7C50,49.2,48.7,50.5,47.1,50.5L47.1,50.5z M47.1,50.5"
253
- }), React__default.createElement("path", {
236
+ }), /*#__PURE__*/React__default.createElement("path", {
254
237
  d: "M47.1,52.6H35.8c-2.8,0-5-2.2-5-5V36.2c0-2.8,2.2-5,5-5h11.4c2.8,0,5,2.2,5,5v11.4C52.1,50.4,49.9,52.6,47.1,52.6z M35.8,31.7c-2.5,0-4.5,2-4.5,4.5v11.4c0,2.5,2,4.5,4.5,4.5h11.4c2.5,0,4.5-2,4.5-4.5V36.2c0-2.5-2-4.5-4.5-4.5H35.8z M47.1,50.7h-5 v-1c0-0.4-0.3-0.7-0.7-0.7s-0.7,0.3-0.7,0.7v1h-5c-1.7,0-3.1-1.4-3.1-3.1v-5h1c0.4,0,0.7-0.3,0.7-0.7s-0.3-0.7-0.7-0.7h-1v-5 c0-1.7,1.4-3.1,3.1-3.1h11.4c1.7,0,3.1,1.4,3.1,3.1v5h-1c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7h1v5C50.2,49.3,48.8,50.7,47.1,50.7 z M42.6,50.2h4.5c1.4,0,2.6-1.2,2.6-2.6v-4.5h-0.5c-0.7,0-1.2-0.5-1.2-1.2s0.5-1.2,1.2-1.2h0.5v-4.5c0-1.4-1.2-2.6-2.6-2.6H35.8 c-1.4,0-2.6,1.2-2.6,2.6v4.5h0.5c0.7,0,1.2,0.5,1.2,1.2s-0.5,1.2-1.2,1.2h-0.5v4.5c0,1.4,1.2,2.6,2.6,2.6h4.5v-0.5 c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2V50.2z"
255
- }), React__default.createElement("path", {
238
+ }), /*#__PURE__*/React__default.createElement("path", {
256
239
  d: "M41.4,29.6c0.5,0,0.9-0.4,0.9-0.9c0-0.5-0.4-0.9-0.9-0.9h0c-0.5,0-0.9,0.4-0.9,0.9C40.5,29.2,40.9,29.6,41.4,29.6L41.4,29.6 z M41.4,29.6"
257
- }), React__default.createElement("path", {
240
+ }), /*#__PURE__*/React__default.createElement("path", {
258
241
  d: "M41.4,29.8c-0.7,0-1.2-0.5-1.2-1.2c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2C42.6,29.3,42.1,29.8,41.4,29.8z M41.4,27.9 c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7S41.8,27.9,41.4,27.9z"
259
242
  }));
260
243
  });
@@ -280,89 +263,39 @@
280
263
  };
281
264
 
282
265
  var themed = (function (Component) {
283
- return React.forwardRef(function (props, ref) {
284
- return React__default.createElement(styled.ThemeProvider, {
266
+ return /*#__PURE__*/React.forwardRef(function (props, ref) {
267
+ return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
285
268
  theme: theme
286
- }, React__default.createElement(Component, _extends({}, props, {
269
+ }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
287
270
  ref: ref
288
271
  })));
289
272
  });
290
273
  });
291
274
 
292
- function _templateObject$2() {
293
- var data = _taggedTemplateLiteral(["\n color: ", ";\n margin-top: ", ";\n"]);
294
-
295
- _templateObject$2 = function _templateObject() {
296
- return data;
297
- };
298
-
299
- return data;
300
- }
301
- var ErrorMessage = styled__default.div(_templateObject$2(), function (props) {
275
+ var _templateObject$2;
276
+ var ErrorMessage = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n color: ", ";\n margin-top: ", ";\n"])), function (props) {
302
277
  return props.theme.colors.primary;
303
278
  }, function (props) {
304
279
  return props.theme.marginPaddings[0];
305
280
  });
306
281
 
307
- function _templateObject2() {
308
- var data = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\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 min-width: 150px;\n"]);
309
-
310
- _templateObject2 = function _templateObject2() {
311
- return data;
312
- };
313
-
314
- return data;
315
- }
316
-
317
- function _templateObject$3() {
318
- var data = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"]);
282
+ var _templateObject$3, _templateObject2;
283
+ var disabledButtonStyle = styled.css(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
284
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\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 min-width: 150px;\n"])));
319
285
 
320
- _templateObject$3 = function _templateObject() {
321
- return data;
322
- };
286
+ var _excluded = ["children"];
323
287
 
324
- return data;
325
- }
326
- var disabledButtonStyle = styled.css(_templateObject$3());
327
- var baseButtonStyle = styled.css(_templateObject2());
328
-
329
- function _templateObject$4() {
330
- var data = _taggedTemplateLiteral(["\n outline: none;\n cursor: pointer;\n background-color: transparent;\n border: none;\n &:disabled {\n ", ";\n }\n"]);
331
-
332
- _templateObject$4 = function _templateObject() {
333
- return data;
334
- };
335
-
336
- return data;
337
- }
338
- var Button = styled__default.button(_templateObject$4(), disabledButtonStyle);
288
+ var _templateObject$4;
289
+ 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);
339
290
 
340
291
  var WrapperButton = function WrapperButton(_ref) {
341
292
  var children = _ref.children,
342
- restProps = _objectWithoutProperties(_ref, ["children"]);
293
+ restProps = _objectWithoutProperties(_ref, _excluded);
343
294
 
344
- return React__default.createElement(Button, restProps, children);
295
+ return /*#__PURE__*/React__default.createElement(Button, restProps, children);
345
296
  };
346
297
 
347
- function _templateObject2$1() {
348
- var data = _taggedTemplateLiteral(["\n margin-top: 10px;\n font-size: 14px;\n text-transform: uppercase;\n"]);
349
-
350
- _templateObject2$1 = function _templateObject2() {
351
- return data;
352
- };
353
-
354
- return data;
355
- }
356
-
357
- function _templateObject$5() {
358
- var data = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"]);
359
-
360
- _templateObject$5 = function _templateObject() {
361
- return data;
362
- };
363
-
364
- return data;
365
- }
298
+ var _templateObject$5, _templateObject2$1;
366
299
  var categories = catArray;
367
300
 
368
301
  var getSvg = function getSvg() {
@@ -370,26 +303,26 @@
370
303
 
371
304
  switch (category) {
372
305
  case interestCategories.BAGS:
373
- return React__default.createElement(Bags, null);
306
+ return /*#__PURE__*/React__default.createElement(Bags, null);
374
307
 
375
308
  case interestCategories.SHOES:
376
- return React__default.createElement(Shoes, null);
309
+ return /*#__PURE__*/React__default.createElement(Shoes, null);
377
310
 
378
311
  case interestCategories.ACCESSORIES:
379
- return React__default.createElement(Accessories, null);
312
+ return /*#__PURE__*/React__default.createElement(Accessories, null);
380
313
 
381
314
  case interestCategories.WATCHES:
382
- return React__default.createElement(Watches, null);
315
+ return /*#__PURE__*/React__default.createElement(Watches, null);
383
316
 
384
317
  default:
385
318
  return null;
386
319
  }
387
320
  };
388
321
 
389
- var Container = styled__default.div(_templateObject$5(), function (props) {
322
+ var Container = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
390
323
  return props.theme.marginPaddings[5];
391
324
  });
392
- var CategoryTitle = styled__default.h1(_templateObject2$1());
325
+ var CategoryTitle = styled__default.h1(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n margin-top: 10px;\n font-size: 14px;\n text-transform: uppercase;\n"])));
393
326
  /**
394
327
  * InterestCatSelector is a specialized selector for select luxity specific interest categories
395
328
  */
@@ -398,8 +331,8 @@
398
331
  var onCategoryChange = _ref.onCategoryChange,
399
332
  errorMessage = _ref.errorMessage,
400
333
  category = _ref.category;
401
- return React__default.createElement(Container, null, React__default.createElement(Body, null, categories.map(function (cat, index) {
402
- return React__default.createElement(WrapperButton, {
334
+ return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Body, null, categories.map(function (cat, index) {
335
+ return /*#__PURE__*/React__default.createElement(WrapperButton, {
403
336
  key: "cat-".concat(index),
404
337
  id: "cat-".concat(index),
405
338
  type: "button",
@@ -407,10 +340,10 @@
407
340
  onClick: function onClick() {
408
341
  return onCategoryChange(cat.value);
409
342
  }
410
- }, React__default.createElement(SvgWrapper, {
343
+ }, /*#__PURE__*/React__default.createElement(SvgWrapper, {
411
344
  isChecked: category === cat.value
412
- }, getSvg(cat.value), React__default.createElement(CategoryTitle, null, cat.categoryTitle)));
413
- })), errorMessage && React__default.createElement(ErrorMessage, null, errorMessage));
345
+ }, getSvg(cat.value), /*#__PURE__*/React__default.createElement(CategoryTitle, null, cat.categoryTitle)));
346
+ })), errorMessage && /*#__PURE__*/React__default.createElement(ErrorMessage, null, errorMessage));
414
347
  };
415
348
 
416
349
  InterestCatSelector.defaultProps = {