@bonlineza/luxity-lib 2.40.4 → 2.40.6

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 (14) hide show
  1. package/GALink.js +51 -6
  2. package/GraphQLDropdownSelector.js +28 -12
  3. package/InterestItem.js +26 -5
  4. package/Interests.js +27 -6
  5. package/LuxityDesktopHeader.js +13 -23
  6. package/LuxityFooter.js +147 -95
  7. package/LuxityGraphQLDropdownSelector.js +28 -12
  8. package/LuxityMobileHeader.js +45 -56
  9. package/LuxitySideNav.js +31 -25
  10. package/MaterialSelector.js +28 -12
  11. package/ModelSelector.js +28 -12
  12. package/build/bundle.css +1 -1
  13. package/build/bundle.js +126 -110
  14. package/package.json +1 -1
package/GALink.js CHANGED
@@ -23,6 +23,42 @@
23
23
  return _extends.apply(this, arguments);
24
24
  }
25
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];
36
+ }
37
+
38
+ return target;
39
+ }
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
+ }
57
+ }
58
+
59
+ return target;
60
+ }
61
+
26
62
  var Event = function Event(instance, track) {
27
63
  var category = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
28
64
  var action = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
@@ -39,20 +75,29 @@
39
75
  }
40
76
  };
41
77
 
42
- var GALink = function GALink(props) {
78
+ var _excluded = ["instance", "track", "label", "onClick", "children"];
79
+
80
+ var GALink = function GALink(_ref) {
81
+ var instance = _ref.instance,
82
+ track = _ref.track,
83
+ label = _ref.label,
84
+ onClick = _ref.onClick,
85
+ children = _ref.children,
86
+ rest = _objectWithoutProperties(_ref, _excluded);
87
+
43
88
  var gaOnClick = function gaOnClick(event) {
44
- Event(props.instance, props.track, 'Link', "Click on ".concat(props.href), props.label);
89
+ Event(instance, track, 'Link', "Click on ".concat(rest.href), label);
45
90
 
46
- if (typeof props.onClick === 'function') {
47
- props.onClick(event);
91
+ if (typeof onClick === 'function') {
92
+ onClick(event);
48
93
  }
49
94
  };
50
95
 
51
96
  return /*#__PURE__*/React.createElement("a", _extends({
52
97
  href: "/"
53
- }, props, {
98
+ }, rest, {
54
99
  onClick: gaOnClick
55
- }), props.children);
100
+ }), children);
56
101
  };
57
102
 
58
103
  return GALink;
package/GraphQLDropdownSelector.js CHANGED
@@ -1134,9 +1134,30 @@
1134
1134
  return category;
1135
1135
  });
1136
1136
 
1137
- _defineProperty(_assertThisInitialized(_this), "render", function () {
1138
- var _data$min_shoe_size, _data$max_shoe_size;
1137
+ _defineProperty(_assertThisInitialized(_this), "hasSize", function () {
1138
+ var category_type = _this.props.data.category_type;
1139
+ if (category_type === interestCategories.SHOES) return true;
1140
+ if (category_type === interestCategories.APPAREL) return true;
1141
+ return false;
1142
+ });
1139
1143
 
1144
+ _defineProperty(_assertThisInitialized(_this), "getSizeValue", function () {
1145
+ var data = _this.props.data;
1146
+
1147
+ if (data.category_type === interestCategories.SHOES) {
1148
+ var _data$min_shoe_size, _data$max_shoe_size;
1149
+
1150
+ return "".concat((data === null || data === void 0 ? void 0 : (_data$min_shoe_size = data.min_shoe_size) === null || _data$min_shoe_size === void 0 ? void 0 : _data$min_shoe_size.size) || '', " - ").concat((data === null || data === void 0 ? void 0 : (_data$max_shoe_size = data.max_shoe_size) === null || _data$max_shoe_size === void 0 ? void 0 : _data$max_shoe_size.size) || '');
1151
+ }
1152
+
1153
+ var apparelSizes = data.universal_apparel_sizes || [];
1154
+ if (apparelSizes.length === 0) return '-';
1155
+ return apparelSizes.map(function (apparelSize) {
1156
+ return apparelSize.size;
1157
+ }).join(', ');
1158
+ });
1159
+
1160
+ _defineProperty(_assertThisInitialized(_this), "render", function () {
1140
1161
  var data = _this.props.data;
1141
1162
  var success = _this.state.delete.success;
1142
1163
  return /*#__PURE__*/React__default.createElement(InterestItemContainer, {
@@ -1174,10 +1195,10 @@
1174
1195
  key: "".concat(style.name, "-").concat(data.id)
1175
1196
  }, style.name);
1176
1197
  }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
1177
- className: "interest-item__container_heading ".concat(data.category_type === interestCategories.SHOES ? '' : 'no-shoe-size-section')
1178
- }, data.category_type === interestCategories.SHOES ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Shoe Size:"), /*#__PURE__*/React__default.createElement("div", {
1198
+ className: "interest-item__container_heading ".concat(_this.hasSize() ? '' : 'no-shoe-size-section')
1199
+ }, _this.hasSize() ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Size:"), /*#__PURE__*/React__default.createElement("div", {
1179
1200
  className: "list-items"
1180
- }, "".concat((data === null || data === void 0 ? void 0 : (_data$min_shoe_size = data.min_shoe_size) === null || _data$min_shoe_size === void 0 ? void 0 : _data$min_shoe_size.size) || '', " - "), "".concat((data === null || data === void 0 ? void 0 : (_data$max_shoe_size = data.max_shoe_size) === null || _data$max_shoe_size === void 0 ? void 0 : _data$max_shoe_size.size) || '', " "))) : /*#__PURE__*/React__default.createElement(SheoSizeContentDiv, null, "-"))), /*#__PURE__*/React__default.createElement(TrashIcon, {
1201
+ }, _this.getSizeValue())) : /*#__PURE__*/React__default.createElement(SheoSizeContentDiv, null, "-"))), /*#__PURE__*/React__default.createElement(TrashIcon, {
1181
1202
  id: "interest-".concat(data.id, "-delete-button"),
1182
1203
  onClick: function onClick() {
1183
1204
  if (!_this.state.delete.fetching) {
@@ -11103,7 +11124,7 @@
11103
11124
  className: "heading-title"
11104
11125
  }, "Style"), /*#__PURE__*/React__default.createElement("div", {
11105
11126
  className: "heading-title"
11106
- }, "Shoe Size")), /*#__PURE__*/React__default.createElement("div", {
11127
+ }, "Size")), /*#__PURE__*/React__default.createElement("div", {
11107
11128
  className: "heading-title-empty"
11108
11129
  })));
11109
11130
  };
@@ -12246,16 +12267,11 @@
12246
12267
  var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
12247
12268
 
12248
12269
  var _templateObject$V;
12249
- var FooterWrapper$1 = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
12250
- return props.theme.colors.gray;
12251
- });
12252
-
12253
- var _templateObject$W;
12254
12270
  var ALL_ITEM$1 = {
12255
12271
  label: 'ALL',
12256
12272
  value: 'ALL'
12257
12273
  };
12258
- var StyledMultiselector$1 = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
12274
+ var StyledMultiselector$1 = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
12259
12275
  return props.theme.colors.primary;
12260
12276
  }, function (props) {
12261
12277
  return props.theme.colors.ntrlMin;
package/InterestItem.js CHANGED
@@ -441,9 +441,30 @@
441
441
  return category;
442
442
  });
443
443
 
444
- _defineProperty(_assertThisInitialized(_this), "render", function () {
445
- var _data$min_shoe_size, _data$max_shoe_size;
444
+ _defineProperty(_assertThisInitialized(_this), "hasSize", function () {
445
+ var category_type = _this.props.data.category_type;
446
+ if (category_type === interestCategories.SHOES) return true;
447
+ if (category_type === interestCategories.APPAREL) return true;
448
+ return false;
449
+ });
450
+
451
+ _defineProperty(_assertThisInitialized(_this), "getSizeValue", function () {
452
+ var data = _this.props.data;
453
+
454
+ if (data.category_type === interestCategories.SHOES) {
455
+ var _data$min_shoe_size, _data$max_shoe_size;
446
456
 
457
+ return "".concat((data === null || data === void 0 ? void 0 : (_data$min_shoe_size = data.min_shoe_size) === null || _data$min_shoe_size === void 0 ? void 0 : _data$min_shoe_size.size) || '', " - ").concat((data === null || data === void 0 ? void 0 : (_data$max_shoe_size = data.max_shoe_size) === null || _data$max_shoe_size === void 0 ? void 0 : _data$max_shoe_size.size) || '');
458
+ }
459
+
460
+ var apparelSizes = data.universal_apparel_sizes || [];
461
+ if (apparelSizes.length === 0) return '-';
462
+ return apparelSizes.map(function (apparelSize) {
463
+ return apparelSize.size;
464
+ }).join(', ');
465
+ });
466
+
467
+ _defineProperty(_assertThisInitialized(_this), "render", function () {
447
468
  var data = _this.props.data;
448
469
  var success = _this.state.delete.success;
449
470
  return /*#__PURE__*/React__default.createElement(InterestItemContainer, {
@@ -481,10 +502,10 @@
481
502
  key: "".concat(style.name, "-").concat(data.id)
482
503
  }, style.name);
483
504
  }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
484
- className: "interest-item__container_heading ".concat(data.category_type === interestCategories.SHOES ? '' : 'no-shoe-size-section')
485
- }, data.category_type === interestCategories.SHOES ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Shoe Size:"), /*#__PURE__*/React__default.createElement("div", {
505
+ className: "interest-item__container_heading ".concat(_this.hasSize() ? '' : 'no-shoe-size-section')
506
+ }, _this.hasSize() ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Size:"), /*#__PURE__*/React__default.createElement("div", {
486
507
  className: "list-items"
487
- }, "".concat((data === null || data === void 0 ? void 0 : (_data$min_shoe_size = data.min_shoe_size) === null || _data$min_shoe_size === void 0 ? void 0 : _data$min_shoe_size.size) || '', " - "), "".concat((data === null || data === void 0 ? void 0 : (_data$max_shoe_size = data.max_shoe_size) === null || _data$max_shoe_size === void 0 ? void 0 : _data$max_shoe_size.size) || '', " "))) : /*#__PURE__*/React__default.createElement(SheoSizeContentDiv, null, "-"))), /*#__PURE__*/React__default.createElement(TrashIcon, {
508
+ }, _this.getSizeValue())) : /*#__PURE__*/React__default.createElement(SheoSizeContentDiv, null, "-"))), /*#__PURE__*/React__default.createElement(TrashIcon, {
488
509
  id: "interest-".concat(data.id, "-delete-button"),
489
510
  onClick: function onClick() {
490
511
  if (!_this.state.delete.fetching) {
package/Interests.js CHANGED
@@ -10854,9 +10854,30 @@
10854
10854
  return category;
10855
10855
  });
10856
10856
 
10857
- _defineProperty(_assertThisInitialized(_this), "render", function () {
10858
- var _data$min_shoe_size, _data$max_shoe_size;
10857
+ _defineProperty(_assertThisInitialized(_this), "hasSize", function () {
10858
+ var category_type = _this.props.data.category_type;
10859
+ if (category_type === interestCategories.SHOES) return true;
10860
+ if (category_type === interestCategories.APPAREL) return true;
10861
+ return false;
10862
+ });
10863
+
10864
+ _defineProperty(_assertThisInitialized(_this), "getSizeValue", function () {
10865
+ var data = _this.props.data;
10866
+
10867
+ if (data.category_type === interestCategories.SHOES) {
10868
+ var _data$min_shoe_size, _data$max_shoe_size;
10859
10869
 
10870
+ return "".concat((data === null || data === void 0 ? void 0 : (_data$min_shoe_size = data.min_shoe_size) === null || _data$min_shoe_size === void 0 ? void 0 : _data$min_shoe_size.size) || '', " - ").concat((data === null || data === void 0 ? void 0 : (_data$max_shoe_size = data.max_shoe_size) === null || _data$max_shoe_size === void 0 ? void 0 : _data$max_shoe_size.size) || '');
10871
+ }
10872
+
10873
+ var apparelSizes = data.universal_apparel_sizes || [];
10874
+ if (apparelSizes.length === 0) return '-';
10875
+ return apparelSizes.map(function (apparelSize) {
10876
+ return apparelSize.size;
10877
+ }).join(', ');
10878
+ });
10879
+
10880
+ _defineProperty(_assertThisInitialized(_this), "render", function () {
10860
10881
  var data = _this.props.data;
10861
10882
  var success = _this.state.delete.success;
10862
10883
  return /*#__PURE__*/React__default.createElement(InterestItemContainer, {
@@ -10894,10 +10915,10 @@
10894
10915
  key: "".concat(style.name, "-").concat(data.id)
10895
10916
  }, style.name);
10896
10917
  }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
10897
- className: "interest-item__container_heading ".concat(data.category_type === interestCategories.SHOES ? '' : 'no-shoe-size-section')
10898
- }, data.category_type === interestCategories.SHOES ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Shoe Size:"), /*#__PURE__*/React__default.createElement("div", {
10918
+ className: "interest-item__container_heading ".concat(_this.hasSize() ? '' : 'no-shoe-size-section')
10919
+ }, _this.hasSize() ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Size:"), /*#__PURE__*/React__default.createElement("div", {
10899
10920
  className: "list-items"
10900
- }, "".concat((data === null || data === void 0 ? void 0 : (_data$min_shoe_size = data.min_shoe_size) === null || _data$min_shoe_size === void 0 ? void 0 : _data$min_shoe_size.size) || '', " - "), "".concat((data === null || data === void 0 ? void 0 : (_data$max_shoe_size = data.max_shoe_size) === null || _data$max_shoe_size === void 0 ? void 0 : _data$max_shoe_size.size) || '', " "))) : /*#__PURE__*/React__default.createElement(SheoSizeContentDiv, null, "-"))), /*#__PURE__*/React__default.createElement(TrashIcon, {
10921
+ }, _this.getSizeValue())) : /*#__PURE__*/React__default.createElement(SheoSizeContentDiv, null, "-"))), /*#__PURE__*/React__default.createElement(TrashIcon, {
10901
10922
  id: "interest-".concat(data.id, "-delete-button"),
10902
10923
  onClick: function onClick() {
10903
10924
  if (!_this.state.delete.fetching) {
@@ -10966,7 +10987,7 @@
10966
10987
  className: "heading-title"
10967
10988
  }, "Style"), /*#__PURE__*/React__default.createElement("div", {
10968
10989
  className: "heading-title"
10969
- }, "Shoe Size")), /*#__PURE__*/React__default.createElement("div", {
10990
+ }, "Size")), /*#__PURE__*/React__default.createElement("div", {
10970
10991
  className: "heading-title-empty"
10971
10992
  })));
10972
10993
  };
package/LuxityDesktopHeader.js CHANGED
@@ -1147,15 +1147,16 @@
1147
1147
  stores = _ref.stores,
1148
1148
  contactNumber = _ref.contactNumber,
1149
1149
  productsUrl = _ref.productsUrl,
1150
- LinkComponent = _ref.LinkComponent,
1150
+ _ref$LinkComponent = _ref.LinkComponent,
1151
+ LinkComponent = _ref$LinkComponent === void 0 ? 'a' : _ref$LinkComponent,
1151
1152
  onInterestClick = _ref.onInterestClick,
1152
1153
  onCartClick = _ref.onCartClick,
1153
1154
  onAccountClick = _ref.onAccountClick,
1154
1155
  inputSearchIcon = _ref.inputSearchIcon,
1155
- onSellToUsClick = _ref.onSellToUsClick,
1156
+ sellToUsLink = _ref.sellToUsLink,
1156
1157
  contactUsLink = _ref.contactUsLink,
1157
1158
  ourStoryLink = _ref.ourStoryLink,
1158
- onLogoClick = _ref.onLogoClick,
1159
+ logoHref = _ref.logoHref,
1159
1160
  endpoint = _ref.endpoint,
1160
1161
  initialSearchData = _ref.initialSearchData,
1161
1162
  onSearchSubmit = _ref.onSearchSubmit,
@@ -1188,7 +1189,7 @@
1188
1189
  searchValue = _useState2[0],
1189
1190
  setSearchValue = _useState2[1];
1190
1191
 
1191
- var _useState3 = React.useState(false),
1192
+ var _useState3 = React.useState(true),
1192
1193
  _useState4 = _slicedToArray(_useState3, 2),
1193
1194
  loading = _useState4[0],
1194
1195
  setLoading = _useState4[1];
@@ -1289,7 +1290,7 @@
1289
1290
  });
1290
1291
  }
1291
1292
 
1292
- React.useMemo(function () {
1293
+ React.useEffect(function () {
1293
1294
  setLoading(true);
1294
1295
  axios.get("".concat(categoryConfig.menuData)).then(function (_ref2) {
1295
1296
  var data = _ref2.data;
@@ -1299,7 +1300,7 @@
1299
1300
  return setHasError(true);
1300
1301
  });
1301
1302
  }, [categoryConfig.menuData]);
1302
- React.useMemo(function () {
1303
+ React.useEffect(function () {
1303
1304
  if (!initialSearchData) {
1304
1305
  return;
1305
1306
  }
@@ -1343,21 +1344,14 @@
1343
1344
  });
1344
1345
  };
1345
1346
 
1346
- var getMarginRight = function getMarginRight(showLoyaltyIcon, userName) {
1347
- if (showLoyaltyIcon) return '15px';
1348
- if (userName) return '5px';
1349
- return '18px';
1350
- };
1351
-
1352
1347
  return /*#__PURE__*/React__default.createElement("div", {
1353
1348
  className: "navbar"
1354
1349
  }, /*#__PURE__*/React__default.createElement("div", {
1355
1350
  className: "navbar__container"
1356
1351
  }, /*#__PURE__*/React__default.createElement("div", {
1357
1352
  className: "navbar__logo-wrapper"
1358
- }, /*#__PURE__*/React__default.createElement("button", {
1359
- type: "button",
1360
- onClick: onLogoClick,
1353
+ }, /*#__PURE__*/React__default.createElement(LinkComponent, {
1354
+ href: logoHref,
1361
1355
  className: "navbar__logo"
1362
1356
  }, /*#__PURE__*/React__default.createElement("img", {
1363
1357
  src: logoSrc,
@@ -1438,10 +1432,7 @@
1438
1432
  }), shop && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("button", {
1439
1433
  type: "button",
1440
1434
  className: "navbar__icon relative flex",
1441
- onClick: onAccountClick,
1442
- style: {
1443
- marginRight: getMarginRight(isEarlyAccess || isExclusive, name)
1444
- }
1435
+ onClick: onAccountClick
1445
1436
  }, /*#__PURE__*/React__default.createElement("img", {
1446
1437
  src: accountIcon,
1447
1438
  alt: "account-icon",
@@ -1502,10 +1493,9 @@
1502
1493
  className: "navbar__link-item"
1503
1494
  }, "Contact Us")), /*#__PURE__*/React__default.createElement("li", {
1504
1495
  className: "navbar__company-link"
1505
- }, /*#__PURE__*/React__default.createElement("button", {
1506
- type: "button",
1507
- className: "navbar__company-block",
1508
- onClick: onSellToUsClick
1496
+ }, /*#__PURE__*/React__default.createElement(LinkComponent, {
1497
+ href: sellToUsLink,
1498
+ className: "navbar__company-block"
1509
1499
  }, "Sell to us")))))));
1510
1500
  };
1511
1501