@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.
- package/Accordion.js +76 -116
- package/AddInterest.js +434 -768
- package/BrandSelector.js +176 -336
- package/Checkbox.js +68 -101
- package/CheckboxButton.js +79 -124
- package/CommunicationPreferenceOptionsRenderer.js +107 -125
- package/CommunicationPreferenceSection.js +114 -134
- package/CommunicationPreferences.js +443 -339
- package/CountryCodeSelect.js +7 -10
- package/CurrencyInputFormatter.js +29 -56
- package/CurrencySelect.js +188 -19
- package/GALink.js +6 -16
- package/GenderSelector.js +88 -142
- package/GraphQLDropdownSelector.js +505 -939
- package/GraphQLMultiSelector.js +141 -274
- package/IconHeader.js +11 -25
- package/IconWrapper.js +3 -7
- package/InterestCatSelector.js +34 -74
- package/InterestItem.js +103 -187
- package/Interests.js +485 -890
- package/InterestsSubheading.js +5 -10
- package/InvertedTextButton.js +27 -63
- package/LuxityAppSideNav.js +18 -21
- package/LuxityDesktopHeader.js +360 -211
- package/LuxityFooter.js +464 -260
- package/LuxityGraphQLDropdownSelector.js +519 -969
- package/LuxityGraphQLMultiselector.js +167 -321
- package/LuxityMobileHeader.js +221 -278
- package/LuxityPageReady.js +74 -136
- package/LuxitySideNav.js +134 -155
- package/MaterialSelector.js +525 -976
- package/ModelSelector.js +525 -976
- package/NotificationDropDown.js +111 -209
- package/Notify.js +0 -1
- package/OutlinePrimaryButton.js +26 -58
- package/PriceRangeSelector.js +168 -281
- package/PrimaryButton.js +26 -58
- package/RadioButtons.js +114 -140
- package/RangeSlider.js +152 -242
- package/RareStepFooter.js +27 -41
- package/RareStepHeader.js +139 -190
- package/ReactSelectWrapper.js +0 -1
- package/SecondaryButton.js +26 -58
- package/ShoeSizeRangeSelector.js +162 -260
- package/ShoeSizeSelector.js +158 -263
- package/SimpleErrorBoundary.js +59 -106
- package/StyleSelector.js +176 -336
- package/TextButton.js +26 -58
- package/Tooltip.js +17 -39
- package/Tracking.js +0 -1
- package/WrapperButton.js +20 -43
- package/build/bundle.css +1 -1
- package/build/bundle.js +1298 -1695
- package/package.json +1 -1
- package/svg/Accessories.js +6 -13
- package/svg/Account.js +6 -13
- package/svg/Add.js +6 -13
- package/svg/ArrowRight.js +6 -13
- package/svg/Bags.js +6 -13
- package/svg/BurgerMenu.js +6 -13
- package/svg/Calendar.js +6 -13
- package/svg/CalendarCircled.js +6 -13
- package/svg/CheckCircled.js +6 -13
- package/svg/Close.js +6 -13
- package/svg/Clothing.js +6 -13
- package/svg/Dot.js +6 -13
- package/svg/Edit.js +6 -13
- package/svg/Eye.js +6 -13
- package/svg/FileAttach.js +6 -13
- package/svg/FileAttachCircled.js +6 -13
- package/svg/LightBulb.js +6 -13
- package/svg/Logo.js +6 -13
- package/svg/LuxityMenu.js +6 -13
- package/svg/Minus.js +6 -13
- package/svg/MobileAvatar.js +6 -13
- package/svg/MyOrder.js +6 -13
- package/svg/MyPayment.js +6 -13
- package/svg/MyProfile.js +8 -14
- package/svg/MySale.js +6 -13
- package/svg/Notification.js +6 -13
- package/svg/PointerDown.js +6 -13
- package/svg/Search.js +6 -13
- package/svg/Shoes.js +6 -13
- package/svg/SvgWrapper.js +3 -7
- package/svg/Trash.js +6 -13
- package/svg/Watches.js +6 -13
package/LuxityMobileHeader.js
CHANGED
|
@@ -7,104 +7,96 @@
|
|
|
7
7
|
var React__default = 'default' in React ? React['default'] : React;
|
|
8
8
|
axios = axios && Object.prototype.hasOwnProperty.call(axios, 'default') ? axios['default'] : axios;
|
|
9
9
|
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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
|
+
function _defineProperty(e, r, t) {
|
|
19
|
+
return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
20
|
+
value: t,
|
|
21
|
+
enumerable: !0,
|
|
22
|
+
configurable: !0,
|
|
23
|
+
writable: !0
|
|
24
|
+
}) : e[r] = t, e;
|
|
25
|
+
}
|
|
26
|
+
function _iterableToArrayLimit(r, l) {
|
|
27
|
+
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
28
|
+
if (null != t) {
|
|
29
|
+
var e,
|
|
30
|
+
n,
|
|
31
|
+
i,
|
|
32
|
+
u,
|
|
33
|
+
a = [],
|
|
34
|
+
f = !0,
|
|
35
|
+
o = !1;
|
|
36
|
+
try {
|
|
37
|
+
if (i = (t = t.call(r)).next, 0 === l) {
|
|
38
|
+
if (Object(t) !== t) return;
|
|
39
|
+
f = !1;
|
|
40
|
+
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
41
|
+
} catch (r) {
|
|
42
|
+
o = !0, n = r;
|
|
43
|
+
} finally {
|
|
44
|
+
try {
|
|
45
|
+
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
|
|
46
|
+
} finally {
|
|
47
|
+
if (o) throw n;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
return a;
|
|
18
51
|
}
|
|
19
|
-
|
|
20
|
-
return keys;
|
|
21
52
|
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
53
|
+
function _nonIterableRest() {
|
|
54
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
55
|
+
}
|
|
56
|
+
function ownKeys(e, r) {
|
|
57
|
+
var t = Object.keys(e);
|
|
58
|
+
if (Object.getOwnPropertySymbols) {
|
|
59
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
60
|
+
r && (o = o.filter(function (r) {
|
|
61
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
62
|
+
})), t.push.apply(t, o);
|
|
31
63
|
}
|
|
32
|
-
|
|
33
|
-
return target;
|
|
64
|
+
return t;
|
|
34
65
|
}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
Object
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
writable: true
|
|
66
|
+
function _objectSpread2(e) {
|
|
67
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
68
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
69
|
+
r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
70
|
+
_defineProperty(e, r, t[r]);
|
|
71
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
|
72
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
43
73
|
});
|
|
44
|
-
} else {
|
|
45
|
-
obj[key] = value;
|
|
46
74
|
}
|
|
47
|
-
|
|
48
|
-
return obj;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
function _slicedToArray(arr, i) {
|
|
52
|
-
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
75
|
+
return e;
|
|
53
76
|
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
if (Array.isArray(arr)) return arr;
|
|
77
|
+
function _slicedToArray(r, e) {
|
|
78
|
+
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
57
79
|
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
var
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
var _d = false;
|
|
66
|
-
|
|
67
|
-
var _s, _e;
|
|
68
|
-
|
|
69
|
-
try {
|
|
70
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
71
|
-
_arr.push(_s.value);
|
|
72
|
-
|
|
73
|
-
if (i && _arr.length === i) break;
|
|
74
|
-
}
|
|
75
|
-
} catch (err) {
|
|
76
|
-
_d = true;
|
|
77
|
-
_e = err;
|
|
78
|
-
} finally {
|
|
79
|
-
try {
|
|
80
|
-
if (!_n && _i["return"] != null) _i["return"]();
|
|
81
|
-
} finally {
|
|
82
|
-
if (_d) throw _e;
|
|
83
|
-
}
|
|
80
|
+
function _toPrimitive(t, r) {
|
|
81
|
+
if ("object" != typeof t || !t) return t;
|
|
82
|
+
var e = t[Symbol.toPrimitive];
|
|
83
|
+
if (void 0 !== e) {
|
|
84
|
+
var i = e.call(t, r || "default");
|
|
85
|
+
if ("object" != typeof i) return i;
|
|
86
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
84
87
|
}
|
|
85
|
-
|
|
86
|
-
return _arr;
|
|
88
|
+
return ("string" === r ? String : Number)(t);
|
|
87
89
|
}
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
92
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
93
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
94
|
-
if (n === "Map" || n === "Set") return Array.from(o);
|
|
95
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
90
|
+
function _toPropertyKey(t) {
|
|
91
|
+
var i = _toPrimitive(t, "string");
|
|
92
|
+
return "symbol" == typeof i ? i : i + "";
|
|
96
93
|
}
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
return arr2;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
function _nonIterableRest() {
|
|
107
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
94
|
+
function _unsupportedIterableToArray(r, a) {
|
|
95
|
+
if (r) {
|
|
96
|
+
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
97
|
+
var t = {}.toString.call(r).slice(8, -1);
|
|
98
|
+
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;
|
|
99
|
+
}
|
|
108
100
|
}
|
|
109
101
|
|
|
110
102
|
var cssUnit = {
|
|
@@ -236,33 +228,30 @@
|
|
|
236
228
|
|
|
237
229
|
var LuxityAppSideNav = function LuxityAppSideNav(_ref) {
|
|
238
230
|
var closeIcon = _ref.closeIcon,
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
231
|
+
accountIcon = _ref.accountIcon,
|
|
232
|
+
orderIcon = _ref.orderIcon,
|
|
233
|
+
saleIcon = _ref.saleIcon,
|
|
234
|
+
onDashboardClick = _ref.onDashboardClick,
|
|
235
|
+
onLogoutClick = _ref.onLogoutClick,
|
|
236
|
+
bugReportLink = _ref.bugReportLink,
|
|
237
|
+
onLuxityShopClick = _ref.onLuxityShopClick,
|
|
238
|
+
onInterestClick = _ref.onInterestClick,
|
|
239
|
+
onAddressClick = _ref.onAddressClick,
|
|
240
|
+
onCouponsClick = _ref.onCouponsClick,
|
|
241
|
+
onEditProfileClick = _ref.onEditProfileClick,
|
|
242
|
+
onCurrentOrdersClick = _ref.onCurrentOrdersClick,
|
|
243
|
+
onPastOrdersClick = _ref.onPastOrdersClick,
|
|
244
|
+
onSubmissionsClick = _ref.onSubmissionsClick,
|
|
245
|
+
onPastSalesClick = _ref.onPastSalesClick,
|
|
246
|
+
onPaidOutClick = _ref.onPaidOutClick,
|
|
247
|
+
showSideNav = _ref.showSideNav,
|
|
248
|
+
onMenuClick = _ref.onMenuClick;
|
|
258
249
|
var onCloseSideNav = function onCloseSideNav(e) {
|
|
259
250
|
onMenuClick();
|
|
260
|
-
|
|
261
251
|
if (e.key === 'Enter') {
|
|
262
252
|
e.preventDefault();
|
|
263
253
|
}
|
|
264
254
|
};
|
|
265
|
-
|
|
266
255
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
267
256
|
className: "side-nav"
|
|
268
257
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -420,9 +409,9 @@
|
|
|
420
409
|
|
|
421
410
|
var StoresDropdown = function StoresDropdown(_ref) {
|
|
422
411
|
var backIcon = _ref.backIcon,
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
412
|
+
onBackClick = _ref.onBackClick,
|
|
413
|
+
stores = _ref.stores,
|
|
414
|
+
onContactUsClick = _ref.onContactUsClick;
|
|
426
415
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
427
416
|
className: "side-nav__sub-menu"
|
|
428
417
|
}, /*#__PURE__*/React__default.createElement("button", {
|
|
@@ -462,19 +451,19 @@
|
|
|
462
451
|
|
|
463
452
|
var BrandsDropDown = function BrandsDropDown(_ref) {
|
|
464
453
|
var subMenuOpen = _ref.subMenuOpen,
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
454
|
+
onBackClick = _ref.onBackClick,
|
|
455
|
+
backIcon = _ref.backIcon,
|
|
456
|
+
subMenuCategoryTitle = _ref.subMenuCategoryTitle,
|
|
457
|
+
productUrl = _ref.productUrl,
|
|
458
|
+
categoryElements = _ref.categoryElements,
|
|
459
|
+
subMenuBrandsTitle = _ref.subMenuBrandsTitle,
|
|
460
|
+
_ref$brandsList = _ref.brandsList,
|
|
461
|
+
brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
|
|
462
|
+
categorySlug = _ref.categorySlug,
|
|
463
|
+
isLoading = _ref.isLoading,
|
|
464
|
+
hasError = _ref.hasError,
|
|
465
|
+
LinkComponent = _ref.LinkComponent,
|
|
466
|
+
setSubMenuOpen = _ref.setSubMenuOpen;
|
|
478
467
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
479
468
|
className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
|
|
480
469
|
}, hasError ? /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -538,7 +527,6 @@
|
|
|
538
527
|
|
|
539
528
|
var removeCategoryByName = function removeCategoryByName(categories, name) {
|
|
540
529
|
var _categories$filter;
|
|
541
|
-
|
|
542
530
|
return (_categories$filter = categories === null || categories === void 0 ? void 0 : categories.filter(function (category) {
|
|
543
531
|
return category.name !== name;
|
|
544
532
|
})) !== null && _categories$filter !== void 0 ? _categories$filter : [];
|
|
@@ -569,83 +557,72 @@
|
|
|
569
557
|
|
|
570
558
|
var LuxitySideNav = function LuxitySideNav(_ref) {
|
|
571
559
|
var accordionIcon = _ref.accordionIcon,
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
560
|
+
closeIcon = _ref.closeIcon,
|
|
561
|
+
backIcon = _ref.backIcon,
|
|
562
|
+
productUrl = _ref.productUrl,
|
|
563
|
+
onAccountClick = _ref.onAccountClick,
|
|
564
|
+
onCartClick = _ref.onCartClick,
|
|
565
|
+
onContactUsClick = _ref.onContactUsClick,
|
|
566
|
+
onOurStoryClick = _ref.onOurStoryClick,
|
|
567
|
+
onBlogClick = _ref.onBlogClick,
|
|
568
|
+
onSellToUsClick = _ref.onSellToUsClick,
|
|
569
|
+
stores = _ref.stores,
|
|
570
|
+
categoryElements = _ref.categoryElements,
|
|
571
|
+
showSideNav = _ref.showSideNav,
|
|
572
|
+
onMenuClick = _ref.onMenuClick,
|
|
573
|
+
menuData = _ref.menuData,
|
|
574
|
+
LinkComponent = _ref.LinkComponent;
|
|
588
575
|
var _useState = React.useState(false),
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
576
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
577
|
+
subMenuOpen = _useState2[0],
|
|
578
|
+
setSubMenuOpen = _useState2[1];
|
|
593
579
|
var _useState3 = React.useState(''),
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
580
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
581
|
+
displayedSubMenu = _useState4[0],
|
|
582
|
+
setDisplayedSubMenu = _useState4[1];
|
|
598
583
|
var _useState5 = React.useState(false),
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
584
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
585
|
+
loading = _useState6[0],
|
|
586
|
+
setLoading = _useState6[1];
|
|
603
587
|
var _useState7 = React.useState({
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
588
|
+
latestArrivals: [],
|
|
589
|
+
bags: [],
|
|
590
|
+
shoes: [],
|
|
591
|
+
apparel: [],
|
|
592
|
+
accessories: [],
|
|
593
|
+
watches: [],
|
|
594
|
+
accessoriesCategories: [],
|
|
595
|
+
apparelStyles: []
|
|
596
|
+
}),
|
|
597
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
598
|
+
dropdownData = _useState8[0],
|
|
599
|
+
setDropdownData = _useState8[1];
|
|
617
600
|
var _useState9 = React.useState(false),
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
601
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
602
|
+
hasError = _useState10[0],
|
|
603
|
+
setHasError = _useState10[1];
|
|
622
604
|
var onSubMenuClick = function onSubMenuClick(subMenu) {
|
|
623
605
|
setSubMenuOpen(function (prev) {
|
|
624
606
|
return !prev;
|
|
625
607
|
});
|
|
626
608
|
setDisplayedSubMenu(subMenu);
|
|
627
609
|
};
|
|
628
|
-
|
|
629
610
|
var onStoresClick = function onStoresClick() {
|
|
630
611
|
setSubMenuOpen(false);
|
|
631
612
|
setDisplayedSubMenu('stores');
|
|
632
613
|
};
|
|
633
|
-
|
|
634
614
|
var onBackClick = function onBackClick() {
|
|
635
615
|
setSubMenuOpen(false);
|
|
636
616
|
setDisplayedSubMenu('');
|
|
637
617
|
};
|
|
638
|
-
|
|
639
618
|
var onCloseSideNav = function onCloseSideNav(e) {
|
|
640
619
|
onMenuClick();
|
|
641
620
|
setSubMenuOpen(false);
|
|
642
621
|
setDisplayedSubMenu('');
|
|
643
|
-
|
|
644
622
|
if (e.key === 'Enter') {
|
|
645
623
|
e.preventDefault();
|
|
646
624
|
}
|
|
647
625
|
};
|
|
648
|
-
|
|
649
626
|
function addCategoryToElements(elements, categoryName) {
|
|
650
627
|
return elements.map(function (element) {
|
|
651
628
|
return _objectSpread2(_objectSpread2({}, element), {}, {
|
|
@@ -653,7 +630,6 @@
|
|
|
653
630
|
});
|
|
654
631
|
});
|
|
655
632
|
}
|
|
656
|
-
|
|
657
633
|
React.useMemo(function () {
|
|
658
634
|
setLoading(true);
|
|
659
635
|
axios.get("".concat(menuData)).then(function (_ref2) {
|
|
@@ -933,17 +909,15 @@
|
|
|
933
909
|
|
|
934
910
|
var SearchResults = function SearchResults(_ref) {
|
|
935
911
|
var searchValue = _ref.searchValue,
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
912
|
+
searchResults = _ref.searchResults,
|
|
913
|
+
onViewAll = _ref.onViewAll,
|
|
914
|
+
searchResultsRef = _ref.searchResultsRef,
|
|
915
|
+
onSearchSubmit = _ref.onSearchSubmit,
|
|
916
|
+
setSearchValue = _ref.setSearchValue;
|
|
942
917
|
if (searchValue.trim().length >= 3) {
|
|
943
918
|
if (searchResults.brands.length === 0 && searchResults.products.length === 0) {
|
|
944
919
|
return null;
|
|
945
920
|
}
|
|
946
|
-
|
|
947
921
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
948
922
|
className: "z-50 absolute md:top-14 font-body bg-white w-full lg:w-1/2 flex flex-col md:flex-row md:divide-x divide-black lg:mt-1 shadow-md",
|
|
949
923
|
ref: searchResultsRef
|
|
@@ -980,98 +954,88 @@
|
|
|
980
954
|
className: "bottom-0 mt-5 py-3 w-full font-body text-center text-white uppercase bg-black hover:bg-gray-950 border border-black transition-all ease-in-out duration-300 cursor-pointer"
|
|
981
955
|
}, "View all"))));
|
|
982
956
|
}
|
|
983
|
-
|
|
984
957
|
return null;
|
|
985
958
|
};
|
|
986
959
|
|
|
987
960
|
var LuxityMobileHeader = function LuxityMobileHeader(_ref) {
|
|
988
961
|
var logoSrc = _ref.logoSrc,
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
962
|
+
menuIcon = _ref.menuIcon,
|
|
963
|
+
inputSearchIcon = _ref.inputSearchIcon,
|
|
964
|
+
onCartClick = _ref.onCartClick,
|
|
965
|
+
cartIcon = _ref.cartIcon,
|
|
966
|
+
cartCount = _ref.cartCount,
|
|
967
|
+
closeIcon = _ref.closeIcon,
|
|
968
|
+
accountIcon = _ref.accountIcon,
|
|
969
|
+
saleIcon = _ref.saleIcon,
|
|
970
|
+
orderIcon = _ref.orderIcon,
|
|
971
|
+
accordionIcon = _ref.accordionIcon,
|
|
972
|
+
backIcon = _ref.backIcon,
|
|
973
|
+
productsUrl = _ref.productsUrl,
|
|
974
|
+
stores = _ref.stores,
|
|
975
|
+
categoryElements = _ref.categoryElements,
|
|
976
|
+
onAccountClick = _ref.onAccountClick,
|
|
977
|
+
onDashboardClick = _ref.onDashboardClick,
|
|
978
|
+
onContactUsClick = _ref.onContactUsClick,
|
|
979
|
+
onOurStoryClick = _ref.onOurStoryClick,
|
|
980
|
+
onBlogClick = _ref.onBlogClick,
|
|
981
|
+
bugReportLink = _ref.bugReportLink,
|
|
982
|
+
onSellToUsClick = _ref.onSellToUsClick,
|
|
983
|
+
onLogoClick = _ref.onLogoClick,
|
|
984
|
+
onLuxityShopClick = _ref.onLuxityShopClick,
|
|
985
|
+
endpoint = _ref.endpoint,
|
|
986
|
+
menuData = _ref.menuData,
|
|
987
|
+
onSearchSubmit = _ref.onSearchSubmit,
|
|
988
|
+
onProductIdsReceived = _ref.onProductIdsReceived,
|
|
989
|
+
onLogoutClick = _ref.onLogoutClick,
|
|
990
|
+
onInterestClick = _ref.onInterestClick,
|
|
991
|
+
onAddressClick = _ref.onAddressClick,
|
|
992
|
+
onCouponsClick = _ref.onCouponsClick,
|
|
993
|
+
onEditProfileClick = _ref.onEditProfileClick,
|
|
994
|
+
onCurrentOrdersClick = _ref.onCurrentOrdersClick,
|
|
995
|
+
onPastOrdersClick = _ref.onPastOrdersClick,
|
|
996
|
+
onSubmissionsClick = _ref.onSubmissionsClick,
|
|
997
|
+
onPastSalesClick = _ref.onPastSalesClick,
|
|
998
|
+
onPaidOutClick = _ref.onPaidOutClick,
|
|
999
|
+
LinkComponent = _ref.LinkComponent,
|
|
1000
|
+
shop = _ref.shop,
|
|
1001
|
+
app = _ref.app;
|
|
1030
1002
|
var _useState = React.useState(''),
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1003
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
1004
|
+
searchValue = _useState2[0],
|
|
1005
|
+
setSearchValue = _useState2[1];
|
|
1035
1006
|
var _useState3 = React.useState(false),
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1007
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
1008
|
+
showSearchBar = _useState4[0],
|
|
1009
|
+
setShowSearchbar = _useState4[1];
|
|
1040
1010
|
var _useState5 = React.useState(false),
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1011
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
1012
|
+
showSideNav = _useState6[0],
|
|
1013
|
+
setShowSideNav = _useState6[1];
|
|
1045
1014
|
var _useState7 = React.useState(false),
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1015
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
1016
|
+
searchLoading = _useState8[0],
|
|
1017
|
+
setSearchLoading = _useState8[1];
|
|
1050
1018
|
var _useState9 = React.useState({
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1019
|
+
brands: [],
|
|
1020
|
+
products: []
|
|
1021
|
+
}),
|
|
1022
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
1023
|
+
searchResults = _useState10[0],
|
|
1024
|
+
setSearchResults = _useState10[1];
|
|
1058
1025
|
var debounce = function debounce(func, wait) {
|
|
1059
1026
|
var timeout;
|
|
1060
1027
|
return function executedFunction() {
|
|
1061
1028
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
1062
1029
|
args[_key] = arguments[_key];
|
|
1063
1030
|
}
|
|
1064
|
-
|
|
1065
1031
|
var later = function later() {
|
|
1066
1032
|
clearTimeout(timeout);
|
|
1067
1033
|
func.apply(void 0, args);
|
|
1068
1034
|
};
|
|
1069
|
-
|
|
1070
1035
|
clearTimeout(timeout);
|
|
1071
1036
|
timeout = setTimeout(later, wait);
|
|
1072
1037
|
};
|
|
1073
1038
|
};
|
|
1074
|
-
|
|
1075
1039
|
var debouncedSearch = React.useCallback(debounce(function (nextValue) {
|
|
1076
1040
|
setSearchLoading(true);
|
|
1077
1041
|
axios.post(endpoint, searchProducts(nextValue, 6)).then(function (response) {
|
|
@@ -1083,11 +1047,9 @@
|
|
|
1083
1047
|
setSearchLoading(false);
|
|
1084
1048
|
});
|
|
1085
1049
|
}, 500), [endpoint]);
|
|
1086
|
-
|
|
1087
1050
|
var handleChange = function handleChange(event) {
|
|
1088
1051
|
var value = event.target.value;
|
|
1089
1052
|
setSearchValue(value);
|
|
1090
|
-
|
|
1091
1053
|
if (value.trim().length >= 3) {
|
|
1092
1054
|
debouncedSearch(value);
|
|
1093
1055
|
} else {
|
|
@@ -1097,7 +1059,6 @@
|
|
|
1097
1059
|
});
|
|
1098
1060
|
}
|
|
1099
1061
|
};
|
|
1100
|
-
|
|
1101
1062
|
var handleKeyDown = function handleKeyDown(event) {
|
|
1102
1063
|
if (event.key === 'Enter') {
|
|
1103
1064
|
onSearchSubmit(searchValue);
|
|
@@ -1106,97 +1067,75 @@
|
|
|
1106
1067
|
setSearchValue('');
|
|
1107
1068
|
}
|
|
1108
1069
|
};
|
|
1109
|
-
|
|
1110
1070
|
var onSearchClick = function onSearchClick() {
|
|
1111
1071
|
setShowSearchbar(function (prev) {
|
|
1112
1072
|
return !prev;
|
|
1113
1073
|
});
|
|
1114
1074
|
setSearchValue('');
|
|
1115
1075
|
};
|
|
1116
|
-
|
|
1117
1076
|
var onMenuClick = function onMenuClick() {
|
|
1118
1077
|
setShowSideNav(function (prev) {
|
|
1119
1078
|
return !prev;
|
|
1120
1079
|
});
|
|
1121
1080
|
};
|
|
1122
|
-
|
|
1123
1081
|
var handleClick = function handleClick(callback) {
|
|
1124
1082
|
callback();
|
|
1125
1083
|
setShowSideNav(false);
|
|
1126
1084
|
};
|
|
1127
|
-
|
|
1128
1085
|
var handleDashboardClick = function handleDashboardClick() {
|
|
1129
1086
|
return handleClick(onDashboardClick);
|
|
1130
1087
|
};
|
|
1131
|
-
|
|
1132
1088
|
var handleSellToUsClick = function handleSellToUsClick() {
|
|
1133
1089
|
return handleClick(onSellToUsClick);
|
|
1134
1090
|
};
|
|
1135
|
-
|
|
1136
1091
|
var handleCartClick = function handleCartClick() {
|
|
1137
1092
|
return handleClick(onCartClick);
|
|
1138
1093
|
};
|
|
1139
|
-
|
|
1140
1094
|
var handleLuxityShopClick = function handleLuxityShopClick() {
|
|
1141
1095
|
return handleClick(onLuxityShopClick);
|
|
1142
1096
|
};
|
|
1143
|
-
|
|
1144
1097
|
var handleLogoutClick = function handleLogoutClick() {
|
|
1145
1098
|
return handleClick(onLogoutClick);
|
|
1146
1099
|
};
|
|
1147
|
-
|
|
1148
1100
|
var handleInterestClick = function handleInterestClick() {
|
|
1149
1101
|
return handleClick(onInterestClick);
|
|
1150
1102
|
};
|
|
1151
|
-
|
|
1152
1103
|
var handleAddressClick = function handleAddressClick() {
|
|
1153
1104
|
return handleClick(onAddressClick);
|
|
1154
1105
|
};
|
|
1155
|
-
|
|
1156
1106
|
var handleCouponsClick = function handleCouponsClick() {
|
|
1157
1107
|
return handleClick(onCouponsClick);
|
|
1158
1108
|
};
|
|
1159
|
-
|
|
1160
1109
|
var handleEditProfileClick = function handleEditProfileClick() {
|
|
1161
1110
|
return handleClick(onEditProfileClick);
|
|
1162
1111
|
};
|
|
1163
|
-
|
|
1164
1112
|
var handleCurrentOrdersClick = function handleCurrentOrdersClick() {
|
|
1165
1113
|
return handleClick(onCurrentOrdersClick);
|
|
1166
1114
|
};
|
|
1167
|
-
|
|
1168
1115
|
var handlePastOrdersClick = function handlePastOrdersClick() {
|
|
1169
1116
|
return handleClick(onPastOrdersClick);
|
|
1170
1117
|
};
|
|
1171
|
-
|
|
1172
1118
|
var handlePastSalesClick = function handlePastSalesClick() {
|
|
1173
1119
|
return handleClick(onPastSalesClick);
|
|
1174
1120
|
};
|
|
1175
|
-
|
|
1176
1121
|
var handlePaidOutClick = function handlePaidOutClick() {
|
|
1177
1122
|
return handleClick(onPaidOutClick);
|
|
1178
1123
|
};
|
|
1179
|
-
|
|
1180
1124
|
var handleSubmissionsClick = function handleSubmissionsClick() {
|
|
1181
1125
|
return handleClick(onSubmissionsClick);
|
|
1182
1126
|
};
|
|
1183
|
-
|
|
1184
1127
|
var handleAccountClick = function handleAccountClick() {
|
|
1185
1128
|
return handleClick(onAccountClick);
|
|
1186
1129
|
};
|
|
1187
|
-
|
|
1188
1130
|
var handleContactUsClick = function handleContactUsClick() {
|
|
1189
1131
|
return handleClick(onContactUsClick);
|
|
1190
1132
|
};
|
|
1191
|
-
|
|
1192
1133
|
var handleOurStoryClick = function handleOurStoryClick() {
|
|
1193
1134
|
return handleClick(onOurStoryClick);
|
|
1194
1135
|
};
|
|
1195
|
-
|
|
1196
1136
|
var handleBlogClick = function handleBlogClick() {
|
|
1197
1137
|
return handleClick(onBlogClick);
|
|
1198
1138
|
};
|
|
1199
|
-
|
|
1200
1139
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
1201
1140
|
className: "navbar navbar__mobile-wrapper"
|
|
1202
1141
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -1229,14 +1168,18 @@
|
|
|
1229
1168
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
1230
1169
|
src: inputSearchIcon,
|
|
1231
1170
|
className: "navbar__icon",
|
|
1232
|
-
alt: "interest-icon"
|
|
1171
|
+
alt: "interest-icon",
|
|
1172
|
+
width: 20,
|
|
1173
|
+
height: 20
|
|
1233
1174
|
})), /*#__PURE__*/React__default.createElement("button", {
|
|
1234
1175
|
type: "button",
|
|
1235
1176
|
className: "navbar__cart-icon navbar__icon",
|
|
1236
1177
|
onClick: onCartClick
|
|
1237
1178
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
1238
1179
|
src: cartIcon,
|
|
1239
|
-
alt: "cart-icon"
|
|
1180
|
+
alt: "cart-icon",
|
|
1181
|
+
width: 20,
|
|
1182
|
+
height: 20
|
|
1240
1183
|
}), shop && /*#__PURE__*/React__default.createElement("div", {
|
|
1241
1184
|
className: "navbar__cart-count"
|
|
1242
1185
|
}, cartCount))))), showSearchBar && /*#__PURE__*/React__default.createElement("div", {
|