@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/RareStepHeader.js
CHANGED
|
@@ -7,93 +7,70 @@
|
|
|
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
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
for (var key in source) {
|
|
16
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
17
|
-
target[key] = source[key];
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
return target;
|
|
23
|
-
};
|
|
24
|
-
return _extends.apply(this, arguments);
|
|
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;
|
|
25
14
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
if (!raw) {
|
|
29
|
-
raw = strings.slice(0);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
return Object.freeze(Object.defineProperties(strings, {
|
|
33
|
-
raw: {
|
|
34
|
-
value: Object.freeze(raw)
|
|
35
|
-
}
|
|
36
|
-
}));
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
function _slicedToArray(arr, i) {
|
|
40
|
-
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
function _arrayWithHoles(arr) {
|
|
44
|
-
if (Array.isArray(arr)) return arr;
|
|
15
|
+
function _arrayWithHoles(r) {
|
|
16
|
+
if (Array.isArray(r)) return r;
|
|
45
17
|
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
var _arr = [];
|
|
52
|
-
var _n = true;
|
|
53
|
-
var _d = false;
|
|
54
|
-
|
|
55
|
-
var _s, _e;
|
|
56
|
-
|
|
57
|
-
try {
|
|
58
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
59
|
-
_arr.push(_s.value);
|
|
60
|
-
|
|
61
|
-
if (i && _arr.length === i) break;
|
|
18
|
+
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]);
|
|
62
23
|
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
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;
|
|
67
37
|
try {
|
|
68
|
-
if (
|
|
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;
|
|
69
44
|
} finally {
|
|
70
|
-
|
|
45
|
+
try {
|
|
46
|
+
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
|
|
47
|
+
} finally {
|
|
48
|
+
if (o) throw n;
|
|
49
|
+
}
|
|
71
50
|
}
|
|
51
|
+
return a;
|
|
72
52
|
}
|
|
73
|
-
|
|
74
|
-
return _arr;
|
|
75
53
|
}
|
|
76
|
-
|
|
77
|
-
function _unsupportedIterableToArray(o, minLen) {
|
|
78
|
-
if (!o) return;
|
|
79
|
-
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
80
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
81
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
82
|
-
if (n === "Map" || n === "Set") return Array.from(o);
|
|
83
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
function _arrayLikeToArray(arr, len) {
|
|
87
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
88
|
-
|
|
89
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
90
|
-
|
|
91
|
-
return arr2;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
54
|
function _nonIterableRest() {
|
|
95
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.");
|
|
96
56
|
}
|
|
57
|
+
function _slicedToArray(r, e) {
|
|
58
|
+
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
59
|
+
}
|
|
60
|
+
function _taggedTemplateLiteral(e, t) {
|
|
61
|
+
return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
|
|
62
|
+
raw: {
|
|
63
|
+
value: Object.freeze(t)
|
|
64
|
+
}
|
|
65
|
+
}));
|
|
66
|
+
}
|
|
67
|
+
function _unsupportedIterableToArray(r, a) {
|
|
68
|
+
if (r) {
|
|
69
|
+
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
70
|
+
var t = {}.toString.call(r).slice(8, -1);
|
|
71
|
+
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;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
97
74
|
|
|
98
75
|
var theme = {
|
|
99
76
|
breakpoints: ['40em', '52em', '64em'],
|
|
@@ -289,21 +266,18 @@
|
|
|
289
266
|
|
|
290
267
|
var Search = function Search(_ref) {
|
|
291
268
|
var closeIconUrl = _ref.closeIconUrl,
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
269
|
+
navigationSearchIconUrl = _ref.navigationSearchIconUrl,
|
|
270
|
+
wordpressSiteUrl = _ref.wordpressSiteUrl,
|
|
271
|
+
toggleSearch = _ref.toggleSearch;
|
|
295
272
|
var searchInputRef = React.useRef(null);
|
|
296
|
-
|
|
297
273
|
var handleOnSearch = function handleOnSearch() {
|
|
298
274
|
window.location.replace("".concat(wordpressSiteUrl, "/?post_type=product&s=").concat(searchInputRef.current.value));
|
|
299
275
|
};
|
|
300
|
-
|
|
301
276
|
var handleKeyDown = function handleKeyDown(e) {
|
|
302
277
|
if (e.key === 'Enter') {
|
|
303
278
|
handleOnSearch();
|
|
304
279
|
}
|
|
305
280
|
};
|
|
306
|
-
|
|
307
281
|
React.useEffect(function () {
|
|
308
282
|
searchInputRef.current.focus();
|
|
309
283
|
}, []);
|
|
@@ -333,8 +307,8 @@
|
|
|
333
307
|
|
|
334
308
|
var HeaderDropdown = function HeaderDropdown(_ref) {
|
|
335
309
|
var currentSelectedItem = _ref.currentSelectedItem,
|
|
336
|
-
|
|
337
|
-
|
|
310
|
+
handleShowDropdown = _ref.handleShowDropdown,
|
|
311
|
+
handleHideDropdown = _ref.handleHideDropdown;
|
|
338
312
|
return /*#__PURE__*/React__default.createElement(Dropdown, {
|
|
339
313
|
onMouseOver: handleShowDropdown,
|
|
340
314
|
onMouseOut: handleHideDropdown
|
|
@@ -351,11 +325,11 @@
|
|
|
351
325
|
|
|
352
326
|
function Navigation(_ref) {
|
|
353
327
|
var dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
328
|
+
dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
|
|
329
|
+
handleShowDropdown = _ref.handleShowDropdown,
|
|
330
|
+
handleHideDropdown = _ref.handleHideDropdown,
|
|
331
|
+
currentSelectedItem = _ref.currentSelectedItem,
|
|
332
|
+
desktopHeaderLinks = _ref.desktopHeaderLinks;
|
|
359
333
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(NavigationContainer, null, /*#__PURE__*/React__default.createElement(PageContainer, null, /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktopHeaderLinks.left.map(function (link, index) {
|
|
360
334
|
return link !== null && link !== void 0 && link.isDropdown ? /*#__PURE__*/React__default.createElement(NavigationLink, {
|
|
361
335
|
key: index,
|
|
@@ -382,68 +356,57 @@
|
|
|
382
356
|
|
|
383
357
|
var RareStepDesktopHeader = function RareStepDesktopHeader(_ref) {
|
|
384
358
|
var headerLogoImgUrl = _ref.headerLogoImgUrl,
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
359
|
+
searchIconUrl = _ref.searchIconUrl,
|
|
360
|
+
cartIconUrl = _ref.cartIconUrl,
|
|
361
|
+
userIconUrl = _ref.userIconUrl,
|
|
362
|
+
interestIconUrl = _ref.interestIconUrl,
|
|
363
|
+
dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
|
|
364
|
+
dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
|
|
365
|
+
currencyFlagIconUrl = _ref.currencyFlagIconUrl,
|
|
366
|
+
closeIconUrl = _ref.closeIconUrl,
|
|
367
|
+
navigationSearchIconUrl = _ref.navigationSearchIconUrl,
|
|
368
|
+
wordpressSiteUrl = _ref.wordpressSiteUrl,
|
|
369
|
+
desktopHeaderLinks = _ref.desktopHeaderLinks,
|
|
370
|
+
handleOnAccountClick = _ref.handleOnAccountClick,
|
|
371
|
+
handleOnCartClick = _ref.handleOnCartClick,
|
|
372
|
+
userIconDropdownContent = _ref.userIconDropdownContent;
|
|
399
373
|
var timeoutIdRef = React.useRef(null);
|
|
400
|
-
|
|
401
374
|
var _useState = React.useState(false),
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
375
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
376
|
+
showSearch = _useState2[0],
|
|
377
|
+
setShowSearch = _useState2[1];
|
|
406
378
|
var _useState3 = React.useState({}),
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
379
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
380
|
+
currentSelectedItem = _useState4[0],
|
|
381
|
+
setCurrentSelectedItem = _useState4[1];
|
|
411
382
|
var _useState5 = React.useState(false),
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
383
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
384
|
+
isUserIconDropdownContent = _useState6[0],
|
|
385
|
+
setIsUserIconDropdownContent = _useState6[1];
|
|
416
386
|
var userDropdownTimeoutIdRef = React.useRef(null);
|
|
417
|
-
|
|
418
387
|
var toggleSearch = function toggleSearch() {
|
|
419
388
|
setShowSearch(!showSearch);
|
|
420
389
|
};
|
|
421
|
-
|
|
422
390
|
var _handleShowDropdown = function handleShowDropdown(currentItem) {
|
|
423
391
|
clearTimeout(timeoutIdRef.current);
|
|
424
|
-
|
|
425
392
|
if (currentItem) {
|
|
426
393
|
setCurrentSelectedItem(currentItem);
|
|
427
394
|
}
|
|
428
395
|
};
|
|
429
|
-
|
|
430
396
|
var handleHideDropdown = function handleHideDropdown() {
|
|
431
397
|
timeoutIdRef.current = setTimeout(function () {
|
|
432
398
|
setCurrentSelectedItem({});
|
|
433
399
|
}, 500);
|
|
434
400
|
};
|
|
435
|
-
|
|
436
401
|
var handleShowUserDropdown = function handleShowUserDropdown() {
|
|
437
402
|
clearTimeout(userDropdownTimeoutIdRef.current);
|
|
438
403
|
setIsUserIconDropdownContent(true);
|
|
439
404
|
};
|
|
440
|
-
|
|
441
405
|
var handleHideUserDropdown = function handleHideUserDropdown() {
|
|
442
406
|
userDropdownTimeoutIdRef.current = setTimeout(function () {
|
|
443
407
|
setIsUserIconDropdownContent(false);
|
|
444
408
|
}, 500);
|
|
445
409
|
};
|
|
446
|
-
|
|
447
410
|
return /*#__PURE__*/React__default.createElement(HeaderWrapper, null, /*#__PURE__*/React__default.createElement(HeaderContainer, null, /*#__PURE__*/React__default.createElement(LogoFigure, null, /*#__PURE__*/React__default.createElement(LogoImage, {
|
|
448
411
|
className: "header__logo",
|
|
449
412
|
src: headerLogoImgUrl,
|
|
@@ -495,7 +458,6 @@
|
|
|
495
458
|
handleHideDropdown: handleHideDropdown
|
|
496
459
|
}));
|
|
497
460
|
};
|
|
498
|
-
|
|
499
461
|
var RareStepDesktopHeader$1 = themed(RareStepDesktopHeader);
|
|
500
462
|
|
|
501
463
|
var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1;
|
|
@@ -583,29 +545,27 @@
|
|
|
583
545
|
|
|
584
546
|
var enableBodyScroll = function enableBodyScroll() {
|
|
585
547
|
var _document = document,
|
|
586
|
-
|
|
548
|
+
body = _document.body;
|
|
587
549
|
body.style.overflow = '';
|
|
588
550
|
};
|
|
589
551
|
var disableBodyScroll = function disableBodyScroll() {
|
|
590
552
|
var _document2 = document,
|
|
591
|
-
|
|
553
|
+
body = _document2.body;
|
|
592
554
|
body.style.overflow = 'hidden';
|
|
593
555
|
};
|
|
594
556
|
|
|
595
557
|
function MenuSideNav(_ref) {
|
|
596
558
|
var closeIconUrl = _ref.closeIconUrl,
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
559
|
+
children = _ref.children,
|
|
560
|
+
setShowSideNav = _ref.setShowSideNav,
|
|
561
|
+
isSubMenu = _ref.isSubMenu,
|
|
562
|
+
backIconUrl = _ref.backIconUrl,
|
|
563
|
+
sideNavClassName = _ref.sideNavClassName,
|
|
564
|
+
overlayClassName = _ref.overlayClassName;
|
|
604
565
|
var handleSideNavClose = function handleSideNavClose() {
|
|
605
566
|
setShowSideNav(false);
|
|
606
567
|
enableBodyScroll();
|
|
607
568
|
};
|
|
608
|
-
|
|
609
569
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(SideNavWrapper, null, /*#__PURE__*/React__default.createElement(SideNav, {
|
|
610
570
|
className: sideNavClassName
|
|
611
571
|
}, isSubMenu ? /*#__PURE__*/React__default.createElement(BackButton, {
|
|
@@ -625,21 +585,18 @@
|
|
|
625
585
|
|
|
626
586
|
function SideNavLinks(_ref) {
|
|
627
587
|
var rightArrowIconUrl = _ref.rightArrowIconUrl,
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
588
|
+
links = _ref.links,
|
|
589
|
+
setShowSideNavSubMenu = _ref.setShowSideNavSubMenu,
|
|
590
|
+
closeSubMenu = _ref.closeSubMenu,
|
|
591
|
+
setShowSideNav = _ref.setShowSideNav;
|
|
633
592
|
var handleOnLinkClick = function handleOnLinkClick(link) {
|
|
634
593
|
link.onClick();
|
|
635
594
|
closeSubMenu();
|
|
636
595
|
};
|
|
637
|
-
|
|
638
596
|
var handleToRedirectOnItem = function handleToRedirectOnItem(item) {
|
|
639
597
|
item.onClickItem();
|
|
640
598
|
setShowSideNav();
|
|
641
599
|
};
|
|
642
|
-
|
|
643
600
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, ((links === null || links === void 0 ? void 0 : links.navigationMenus) || []).map(function (item) {
|
|
644
601
|
return /*#__PURE__*/React__default.createElement(NavigationWrapper, null, item.isButton ? /*#__PURE__*/React__default.createElement(SellToUsLink$1, {
|
|
645
602
|
onClick: function onClick() {
|
|
@@ -697,42 +654,36 @@
|
|
|
697
654
|
|
|
698
655
|
function RareStepMobileHeader(_ref) {
|
|
699
656
|
var headerLogoImgUrl = _ref.headerLogoImgUrl,
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
657
|
+
searchIconUrl = _ref.searchIconUrl,
|
|
658
|
+
menuIconUrl = _ref.menuIconUrl,
|
|
659
|
+
cartIconUrl = _ref.cartIconUrl,
|
|
660
|
+
closeIconUrl = _ref.closeIconUrl,
|
|
661
|
+
mobileHeaderLinks = _ref.mobileHeaderLinks,
|
|
662
|
+
rightArrowIconUrl = _ref.rightArrowIconUrl,
|
|
663
|
+
navigationSearchIconUrl = _ref.navigationSearchIconUrl,
|
|
664
|
+
wordpressSiteUrl = _ref.wordpressSiteUrl,
|
|
665
|
+
backIconUrl = _ref.backIconUrl,
|
|
666
|
+
currencyFlagIconUrl = _ref.currencyFlagIconUrl,
|
|
667
|
+
handleOnCartClick = _ref.handleOnCartClick;
|
|
712
668
|
var _useState = React.useState(false),
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
669
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
670
|
+
showSideNav = _useState2[0],
|
|
671
|
+
setShowSideNav = _useState2[1];
|
|
717
672
|
var _useState3 = React.useState(false),
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
673
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
674
|
+
showSideNavSubMenu = _useState4[0],
|
|
675
|
+
setShowSideNavSubMenu = _useState4[1];
|
|
722
676
|
var _useState5 = React.useState(false),
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
677
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
678
|
+
showSearch = _useState6[0],
|
|
679
|
+
setShowSearch = _useState6[1];
|
|
727
680
|
var toggleSearch = function toggleSearch() {
|
|
728
681
|
setShowSearch(!showSearch);
|
|
729
682
|
};
|
|
730
|
-
|
|
731
683
|
var closeSubMenu = function closeSubMenu() {
|
|
732
684
|
setShowSideNav(false);
|
|
733
685
|
enableBodyScroll();
|
|
734
686
|
};
|
|
735
|
-
|
|
736
687
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(HeaderWrapper$1, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
737
688
|
onClick: function onClick() {
|
|
738
689
|
disableBodyScroll();
|
|
@@ -784,30 +735,29 @@
|
|
|
784
735
|
}
|
|
785
736
|
|
|
786
737
|
/** RareStep header component */
|
|
787
|
-
|
|
788
738
|
var RareStepHeader = function RareStepHeader(_ref) {
|
|
789
739
|
var headerLogoImgUrl = _ref.headerLogoImgUrl,
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
740
|
+
searchIconUrl = _ref.searchIconUrl,
|
|
741
|
+
cartIconUrl = _ref.cartIconUrl,
|
|
742
|
+
userIconUrl = _ref.userIconUrl,
|
|
743
|
+
interestIconUrl = _ref.interestIconUrl,
|
|
744
|
+
dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
|
|
745
|
+
dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
|
|
746
|
+
currencyFlagIconUrl = _ref.currencyFlagIconUrl,
|
|
747
|
+
closeIconUrl = _ref.closeIconUrl,
|
|
748
|
+
navigationSearchIconUrl = _ref.navigationSearchIconUrl,
|
|
749
|
+
wordpressSiteUrl = _ref.wordpressSiteUrl,
|
|
750
|
+
desktopHeaderWrapperClass = _ref.desktopHeaderWrapperClass,
|
|
751
|
+
menuIconUrl = _ref.menuIconUrl,
|
|
752
|
+
mobileHeaderWrapperClass = _ref.mobileHeaderWrapperClass,
|
|
753
|
+
rightArrowIconUrl = _ref.rightArrowIconUrl,
|
|
754
|
+
desktopHeaderLinks = _ref.desktopHeaderLinks,
|
|
755
|
+
mobileHeaderLinks = _ref.mobileHeaderLinks,
|
|
756
|
+
mobileCloseIconUrl = _ref.mobileCloseIconUrl,
|
|
757
|
+
handleOnAccountClick = _ref.handleOnAccountClick,
|
|
758
|
+
backIconUrl = _ref.backIconUrl,
|
|
759
|
+
handleOnCartClick = _ref.handleOnCartClick,
|
|
760
|
+
userIconDropdownContent = _ref.userIconDropdownContent;
|
|
811
761
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
812
762
|
className: desktopHeaderWrapperClass
|
|
813
763
|
}, /*#__PURE__*/React__default.createElement(RareStepDesktopHeader$1, {
|
|
@@ -844,7 +794,6 @@
|
|
|
844
794
|
handleOnCartClick: handleOnCartClick
|
|
845
795
|
})));
|
|
846
796
|
};
|
|
847
|
-
|
|
848
797
|
RareStepHeader.defaultProps = {
|
|
849
798
|
userIconDropdownContent: null
|
|
850
799
|
};
|
package/ReactSelectWrapper.js
CHANGED
package/SecondaryButton.js
CHANGED
|
@@ -8,66 +8,38 @@
|
|
|
8
8
|
var styled__default = 'default' in styled ? styled['default'] : styled;
|
|
9
9
|
|
|
10
10
|
function _extends() {
|
|
11
|
-
_extends = Object.assign ? Object.assign.bind() : function (
|
|
12
|
-
for (var
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
for (var key in source) {
|
|
16
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
17
|
-
target[key] = source[key];
|
|
18
|
-
}
|
|
19
|
-
}
|
|
11
|
+
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
12
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
13
|
+
var t = arguments[e];
|
|
14
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
20
15
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
};
|
|
24
|
-
return _extends.apply(this, arguments);
|
|
16
|
+
return n;
|
|
17
|
+
}, _extends.apply(null, arguments);
|
|
25
18
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
function _objectWithoutProperties(source, excluded) {
|
|
43
|
-
if (source == null) return {};
|
|
44
|
-
|
|
45
|
-
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
46
|
-
|
|
47
|
-
var key, i;
|
|
48
|
-
|
|
19
|
+
function _objectWithoutProperties(e, t) {
|
|
20
|
+
if (null == e) return {};
|
|
21
|
+
var o,
|
|
22
|
+
r,
|
|
23
|
+
i = _objectWithoutPropertiesLoose(e, t);
|
|
49
24
|
if (Object.getOwnPropertySymbols) {
|
|
50
|
-
var
|
|
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
|
-
}
|
|
25
|
+
var s = Object.getOwnPropertySymbols(e);
|
|
26
|
+
for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
58
27
|
}
|
|
59
|
-
|
|
60
|
-
return target;
|
|
28
|
+
return i;
|
|
61
29
|
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
30
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
31
|
+
if (null == r) return {};
|
|
32
|
+
var t = {};
|
|
33
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
34
|
+
if (e.includes(n)) continue;
|
|
35
|
+
t[n] = r[n];
|
|
66
36
|
}
|
|
67
|
-
|
|
68
|
-
|
|
37
|
+
return t;
|
|
38
|
+
}
|
|
39
|
+
function _taggedTemplateLiteral(e, t) {
|
|
40
|
+
return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
|
|
69
41
|
raw: {
|
|
70
|
-
value: Object.freeze(
|
|
42
|
+
value: Object.freeze(t)
|
|
71
43
|
}
|
|
72
44
|
}));
|
|
73
45
|
}
|
|
@@ -141,7 +113,6 @@
|
|
|
141
113
|
});
|
|
142
114
|
|
|
143
115
|
var _excluded = ["children"];
|
|
144
|
-
|
|
145
116
|
var _templateObject$1;
|
|
146
117
|
var Button = styled__default.button(_templateObject$1 || (_templateObject$1 = _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) {
|
|
147
118
|
return props.theme.colors.ntrlMin;
|
|
@@ -156,14 +127,11 @@
|
|
|
156
127
|
}, disabledButtonStyle, function (props) {
|
|
157
128
|
return props.theme.colors.base;
|
|
158
129
|
});
|
|
159
|
-
|
|
160
130
|
var SecondaryButton = function SecondaryButton(_ref) {
|
|
161
131
|
var children = _ref.children,
|
|
162
|
-
|
|
163
|
-
|
|
132
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
164
133
|
return /*#__PURE__*/React__default.createElement(Button, restProps, children);
|
|
165
134
|
};
|
|
166
|
-
|
|
167
135
|
var index = themed(SecondaryButton);
|
|
168
136
|
|
|
169
137
|
return index;
|