@bonlineza/luxity-lib 2.36.1-beta.4 → 2.36.1

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 (90) hide show
  1. package/Accordion.js +116 -76
  2. package/AddInterest.js +777 -440
  3. package/AddProductInterest.js +644 -485
  4. package/BrandSelector.js +336 -176
  5. package/Checkbox.js +101 -68
  6. package/CheckboxButton.js +124 -79
  7. package/CommunicationPreferenceOptionsRenderer.js +169 -159
  8. package/CommunicationPreferenceSection.js +178 -166
  9. package/CommunicationPreferences.js +427 -549
  10. package/ConditionSelector.js +336 -174
  11. package/CountryCodeSelect.js +10 -7
  12. package/CurrencyInputFormatter.js +56 -29
  13. package/CurrencySelect.js +49 -23
  14. package/DropdownSelector.js +92 -68
  15. package/GALink.js +16 -6
  16. package/GenderSelector.js +142 -88
  17. package/GraphQLDropdownSelector.js +1511 -933
  18. package/GraphQLMultiSelector.js +274 -141
  19. package/IconHeader.js +25 -11
  20. package/IconWrapper.js +7 -3
  21. package/InterestCatSelector.js +74 -34
  22. package/InterestItem.js +187 -103
  23. package/Interests.js +1466 -917
  24. package/InterestsSubheading.js +10 -5
  25. package/InvertedTextButton.js +63 -27
  26. package/LuxityAppSideNav.js +22 -19
  27. package/LuxityDesktopHeader.js +663 -549
  28. package/LuxityFooter.js +325 -434
  29. package/LuxityGraphQLDropdownSelector.js +1543 -949
  30. package/LuxityGraphQLMultiselector.js +321 -167
  31. package/LuxityMobileHeader.js +807 -681
  32. package/LuxityPageReady.js +136 -74
  33. package/LuxityProductInterestItem.js +175 -97
  34. package/LuxitySideNav.js +310 -382
  35. package/MaterialSelector.js +1550 -955
  36. package/ModelSelector.js +1550 -955
  37. package/NotificationDropDown.js +221 -122
  38. package/Notify.js +1 -0
  39. package/OutlinePrimaryButton.js +58 -26
  40. package/PriceRangeSelector.js +281 -168
  41. package/PrimaryButton.js +58 -26
  42. package/RadioButtons.js +140 -114
  43. package/RangeSlider.js +242 -152
  44. package/RareStepFooter.js +41 -27
  45. package/RareStepHeader.js +190 -139
  46. package/ReactSelectWrapper.js +1 -0
  47. package/SecondaryButton.js +58 -26
  48. package/ShoeSizeRangeSelector.js +260 -162
  49. package/ShoeSizeSelector.js +263 -158
  50. package/SimpleErrorBoundary.js +106 -59
  51. package/StyleSelector.js +336 -176
  52. package/TextButton.js +58 -26
  53. package/Tooltip.js +39 -17
  54. package/Tracking.js +1 -0
  55. package/WrapperButton.js +43 -20
  56. package/build/bundle.css +1 -1
  57. package/build/bundle.js +2973 -2457
  58. package/package.json +2 -3
  59. package/svg/Accessories.js +13 -6
  60. package/svg/Account.js +13 -6
  61. package/svg/Add.js +13 -6
  62. package/svg/ArrowRight.js +13 -6
  63. package/svg/Bags.js +13 -6
  64. package/svg/BurgerMenu.js +13 -6
  65. package/svg/Calendar.js +13 -6
  66. package/svg/CalendarCircled.js +13 -6
  67. package/svg/CheckCircled.js +13 -6
  68. package/svg/Close.js +13 -6
  69. package/svg/Clothing.js +13 -6
  70. package/svg/Dot.js +13 -6
  71. package/svg/Edit.js +13 -6
  72. package/svg/Eye.js +13 -6
  73. package/svg/FileAttach.js +13 -6
  74. package/svg/FileAttachCircled.js +13 -6
  75. package/svg/LightBulb.js +13 -6
  76. package/svg/Logo.js +13 -6
  77. package/svg/LuxityMenu.js +13 -6
  78. package/svg/Minus.js +13 -6
  79. package/svg/MobileAvatar.js +13 -6
  80. package/svg/MyOrder.js +13 -6
  81. package/svg/MyPayment.js +13 -6
  82. package/svg/MyProfile.js +14 -8
  83. package/svg/MySale.js +13 -6
  84. package/svg/Notification.js +13 -6
  85. package/svg/PointerDown.js +13 -6
  86. package/svg/Search.js +13 -6
  87. package/svg/Shoes.js +13 -6
  88. package/svg/SvgWrapper.js +7 -3
  89. package/svg/Trash.js +13 -6
  90. package/svg/Watches.js +13 -6
package/RareStepHeader.js CHANGED
@@ -7,69 +7,92 @@
7
7
  var React__default = 'default' in React ? React['default'] : React;
8
8
  var styled__default = 'default' in styled ? styled['default'] : styled;
9
9
 
10
- function _arrayLikeToArray(r, a) {
11
- (null == a || a > r.length) && (a = r.length);
12
- for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
13
- return n;
14
- }
15
- function _arrayWithHoles(r) {
16
- if (Array.isArray(r)) return r;
17
- }
18
10
  function _extends() {
19
- return _extends = Object.assign ? Object.assign.bind() : function (n) {
20
- for (var e = 1; e < arguments.length; e++) {
21
- var t = arguments[e];
22
- for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
11
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
12
+ for (var i = 1; i < arguments.length; i++) {
13
+ var source = arguments[i];
14
+
15
+ for (var key in source) {
16
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
17
+ target[key] = source[key];
18
+ }
19
+ }
23
20
  }
24
- return n;
25
- }, _extends.apply(null, arguments);
21
+
22
+ return target;
23
+ };
24
+ return _extends.apply(this, arguments);
25
+ }
26
+
27
+ function _taggedTemplateLiteral(strings, raw) {
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;
26
45
  }
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;
46
+
47
+ function _iterableToArrayLimit(arr, i) {
48
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
49
+
50
+ if (_i == null) return;
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;
62
+ }
63
+ } catch (err) {
64
+ _d = true;
65
+ _e = err;
66
+ } finally {
37
67
  try {
38
- if (i = (t = t.call(r)).next, 0 === l) {
39
- if (Object(t) !== t) return;
40
- f = !1;
41
- } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
42
- } catch (r) {
43
- o = !0, n = r;
68
+ if (!_n && _i["return"] != null) _i["return"]();
44
69
  } finally {
45
- try {
46
- if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
47
- } finally {
48
- if (o) throw n;
49
- }
70
+ if (_d) throw _e;
50
71
  }
51
- return a;
52
72
  }
73
+
74
+ return _arr;
53
75
  }
54
- function _nonIterableRest() {
55
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
56
- }
57
- function _slicedToArray(r, e) {
58
- return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
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);
59
84
  }
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
- }));
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;
66
92
  }
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
- }
93
+
94
+ function _nonIterableRest() {
95
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
73
96
  }
74
97
 
75
98
  var theme = {
@@ -266,18 +289,21 @@
266
289
 
267
290
  var Search = function Search(_ref) {
268
291
  var closeIconUrl = _ref.closeIconUrl,
269
- navigationSearchIconUrl = _ref.navigationSearchIconUrl,
270
- wordpressSiteUrl = _ref.wordpressSiteUrl,
271
- toggleSearch = _ref.toggleSearch;
292
+ navigationSearchIconUrl = _ref.navigationSearchIconUrl,
293
+ wordpressSiteUrl = _ref.wordpressSiteUrl,
294
+ toggleSearch = _ref.toggleSearch;
272
295
  var searchInputRef = React.useRef(null);
296
+
273
297
  var handleOnSearch = function handleOnSearch() {
274
298
  window.location.replace("".concat(wordpressSiteUrl, "/?post_type=product&s=").concat(searchInputRef.current.value));
275
299
  };
300
+
276
301
  var handleKeyDown = function handleKeyDown(e) {
277
302
  if (e.key === 'Enter') {
278
303
  handleOnSearch();
279
304
  }
280
305
  };
306
+
281
307
  React.useEffect(function () {
282
308
  searchInputRef.current.focus();
283
309
  }, []);
@@ -307,8 +333,8 @@
307
333
 
308
334
  var HeaderDropdown = function HeaderDropdown(_ref) {
309
335
  var currentSelectedItem = _ref.currentSelectedItem,
310
- handleShowDropdown = _ref.handleShowDropdown,
311
- handleHideDropdown = _ref.handleHideDropdown;
336
+ handleShowDropdown = _ref.handleShowDropdown,
337
+ handleHideDropdown = _ref.handleHideDropdown;
312
338
  return /*#__PURE__*/React__default.createElement(Dropdown, {
313
339
  onMouseOver: handleShowDropdown,
314
340
  onMouseOut: handleHideDropdown
@@ -325,11 +351,11 @@
325
351
 
326
352
  function Navigation(_ref) {
327
353
  var dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
328
- dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
329
- handleShowDropdown = _ref.handleShowDropdown,
330
- handleHideDropdown = _ref.handleHideDropdown,
331
- currentSelectedItem = _ref.currentSelectedItem,
332
- desktopHeaderLinks = _ref.desktopHeaderLinks;
354
+ dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
355
+ handleShowDropdown = _ref.handleShowDropdown,
356
+ handleHideDropdown = _ref.handleHideDropdown,
357
+ currentSelectedItem = _ref.currentSelectedItem,
358
+ desktopHeaderLinks = _ref.desktopHeaderLinks;
333
359
  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) {
334
360
  return link !== null && link !== void 0 && link.isDropdown ? /*#__PURE__*/React__default.createElement(NavigationLink, {
335
361
  key: index,
@@ -356,57 +382,68 @@
356
382
 
357
383
  var RareStepDesktopHeader = function RareStepDesktopHeader(_ref) {
358
384
  var headerLogoImgUrl = _ref.headerLogoImgUrl,
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;
385
+ searchIconUrl = _ref.searchIconUrl,
386
+ cartIconUrl = _ref.cartIconUrl,
387
+ userIconUrl = _ref.userIconUrl,
388
+ interestIconUrl = _ref.interestIconUrl,
389
+ dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
390
+ dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
391
+ currencyFlagIconUrl = _ref.currencyFlagIconUrl,
392
+ closeIconUrl = _ref.closeIconUrl,
393
+ navigationSearchIconUrl = _ref.navigationSearchIconUrl,
394
+ wordpressSiteUrl = _ref.wordpressSiteUrl,
395
+ desktopHeaderLinks = _ref.desktopHeaderLinks,
396
+ handleOnAccountClick = _ref.handleOnAccountClick,
397
+ handleOnCartClick = _ref.handleOnCartClick,
398
+ userIconDropdownContent = _ref.userIconDropdownContent;
373
399
  var timeoutIdRef = React.useRef(null);
400
+
374
401
  var _useState = React.useState(false),
375
- _useState2 = _slicedToArray(_useState, 2),
376
- showSearch = _useState2[0],
377
- setShowSearch = _useState2[1];
402
+ _useState2 = _slicedToArray(_useState, 2),
403
+ showSearch = _useState2[0],
404
+ setShowSearch = _useState2[1];
405
+
378
406
  var _useState3 = React.useState({}),
379
- _useState4 = _slicedToArray(_useState3, 2),
380
- currentSelectedItem = _useState4[0],
381
- setCurrentSelectedItem = _useState4[1];
407
+ _useState4 = _slicedToArray(_useState3, 2),
408
+ currentSelectedItem = _useState4[0],
409
+ setCurrentSelectedItem = _useState4[1];
410
+
382
411
  var _useState5 = React.useState(false),
383
- _useState6 = _slicedToArray(_useState5, 2),
384
- isUserIconDropdownContent = _useState6[0],
385
- setIsUserIconDropdownContent = _useState6[1];
412
+ _useState6 = _slicedToArray(_useState5, 2),
413
+ isUserIconDropdownContent = _useState6[0],
414
+ setIsUserIconDropdownContent = _useState6[1];
415
+
386
416
  var userDropdownTimeoutIdRef = React.useRef(null);
417
+
387
418
  var toggleSearch = function toggleSearch() {
388
419
  setShowSearch(!showSearch);
389
420
  };
421
+
390
422
  var _handleShowDropdown = function handleShowDropdown(currentItem) {
391
423
  clearTimeout(timeoutIdRef.current);
424
+
392
425
  if (currentItem) {
393
426
  setCurrentSelectedItem(currentItem);
394
427
  }
395
428
  };
429
+
396
430
  var handleHideDropdown = function handleHideDropdown() {
397
431
  timeoutIdRef.current = setTimeout(function () {
398
432
  setCurrentSelectedItem({});
399
433
  }, 500);
400
434
  };
435
+
401
436
  var handleShowUserDropdown = function handleShowUserDropdown() {
402
437
  clearTimeout(userDropdownTimeoutIdRef.current);
403
438
  setIsUserIconDropdownContent(true);
404
439
  };
440
+
405
441
  var handleHideUserDropdown = function handleHideUserDropdown() {
406
442
  userDropdownTimeoutIdRef.current = setTimeout(function () {
407
443
  setIsUserIconDropdownContent(false);
408
444
  }, 500);
409
445
  };
446
+
410
447
  return /*#__PURE__*/React__default.createElement(HeaderWrapper, null, /*#__PURE__*/React__default.createElement(HeaderContainer, null, /*#__PURE__*/React__default.createElement(LogoFigure, null, /*#__PURE__*/React__default.createElement(LogoImage, {
411
448
  className: "header__logo",
412
449
  src: headerLogoImgUrl,
@@ -458,6 +495,7 @@
458
495
  handleHideDropdown: handleHideDropdown
459
496
  }));
460
497
  };
498
+
461
499
  var RareStepDesktopHeader$1 = themed(RareStepDesktopHeader);
462
500
 
463
501
  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;
@@ -545,27 +583,29 @@
545
583
 
546
584
  var enableBodyScroll = function enableBodyScroll() {
547
585
  var _document = document,
548
- body = _document.body;
586
+ body = _document.body;
549
587
  body.style.overflow = '';
550
588
  };
551
589
  var disableBodyScroll = function disableBodyScroll() {
552
590
  var _document2 = document,
553
- body = _document2.body;
591
+ body = _document2.body;
554
592
  body.style.overflow = 'hidden';
555
593
  };
556
594
 
557
595
  function MenuSideNav(_ref) {
558
596
  var closeIconUrl = _ref.closeIconUrl,
559
- children = _ref.children,
560
- setShowSideNav = _ref.setShowSideNav,
561
- isSubMenu = _ref.isSubMenu,
562
- backIconUrl = _ref.backIconUrl,
563
- sideNavClassName = _ref.sideNavClassName,
564
- overlayClassName = _ref.overlayClassName;
597
+ children = _ref.children,
598
+ setShowSideNav = _ref.setShowSideNav,
599
+ isSubMenu = _ref.isSubMenu,
600
+ backIconUrl = _ref.backIconUrl,
601
+ sideNavClassName = _ref.sideNavClassName,
602
+ overlayClassName = _ref.overlayClassName;
603
+
565
604
  var handleSideNavClose = function handleSideNavClose() {
566
605
  setShowSideNav(false);
567
606
  enableBodyScroll();
568
607
  };
608
+
569
609
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(SideNavWrapper, null, /*#__PURE__*/React__default.createElement(SideNav, {
570
610
  className: sideNavClassName
571
611
  }, isSubMenu ? /*#__PURE__*/React__default.createElement(BackButton, {
@@ -585,18 +625,21 @@
585
625
 
586
626
  function SideNavLinks(_ref) {
587
627
  var rightArrowIconUrl = _ref.rightArrowIconUrl,
588
- links = _ref.links,
589
- setShowSideNavSubMenu = _ref.setShowSideNavSubMenu,
590
- closeSubMenu = _ref.closeSubMenu,
591
- setShowSideNav = _ref.setShowSideNav;
628
+ links = _ref.links,
629
+ setShowSideNavSubMenu = _ref.setShowSideNavSubMenu,
630
+ closeSubMenu = _ref.closeSubMenu,
631
+ setShowSideNav = _ref.setShowSideNav;
632
+
592
633
  var handleOnLinkClick = function handleOnLinkClick(link) {
593
634
  link.onClick();
594
635
  closeSubMenu();
595
636
  };
637
+
596
638
  var handleToRedirectOnItem = function handleToRedirectOnItem(item) {
597
639
  item.onClickItem();
598
640
  setShowSideNav();
599
641
  };
642
+
600
643
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, ((links === null || links === void 0 ? void 0 : links.navigationMenus) || []).map(function (item) {
601
644
  return /*#__PURE__*/React__default.createElement(NavigationWrapper, null, item.isButton ? /*#__PURE__*/React__default.createElement(SellToUsLink$1, {
602
645
  onClick: function onClick() {
@@ -654,36 +697,42 @@
654
697
 
655
698
  function RareStepMobileHeader(_ref) {
656
699
  var headerLogoImgUrl = _ref.headerLogoImgUrl,
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;
700
+ searchIconUrl = _ref.searchIconUrl,
701
+ menuIconUrl = _ref.menuIconUrl,
702
+ cartIconUrl = _ref.cartIconUrl,
703
+ closeIconUrl = _ref.closeIconUrl,
704
+ mobileHeaderLinks = _ref.mobileHeaderLinks,
705
+ rightArrowIconUrl = _ref.rightArrowIconUrl,
706
+ navigationSearchIconUrl = _ref.navigationSearchIconUrl,
707
+ wordpressSiteUrl = _ref.wordpressSiteUrl,
708
+ backIconUrl = _ref.backIconUrl,
709
+ currencyFlagIconUrl = _ref.currencyFlagIconUrl,
710
+ handleOnCartClick = _ref.handleOnCartClick;
711
+
668
712
  var _useState = React.useState(false),
669
- _useState2 = _slicedToArray(_useState, 2),
670
- showSideNav = _useState2[0],
671
- setShowSideNav = _useState2[1];
713
+ _useState2 = _slicedToArray(_useState, 2),
714
+ showSideNav = _useState2[0],
715
+ setShowSideNav = _useState2[1];
716
+
672
717
  var _useState3 = React.useState(false),
673
- _useState4 = _slicedToArray(_useState3, 2),
674
- showSideNavSubMenu = _useState4[0],
675
- setShowSideNavSubMenu = _useState4[1];
718
+ _useState4 = _slicedToArray(_useState3, 2),
719
+ showSideNavSubMenu = _useState4[0],
720
+ setShowSideNavSubMenu = _useState4[1];
721
+
676
722
  var _useState5 = React.useState(false),
677
- _useState6 = _slicedToArray(_useState5, 2),
678
- showSearch = _useState6[0],
679
- setShowSearch = _useState6[1];
723
+ _useState6 = _slicedToArray(_useState5, 2),
724
+ showSearch = _useState6[0],
725
+ setShowSearch = _useState6[1];
726
+
680
727
  var toggleSearch = function toggleSearch() {
681
728
  setShowSearch(!showSearch);
682
729
  };
730
+
683
731
  var closeSubMenu = function closeSubMenu() {
684
732
  setShowSideNav(false);
685
733
  enableBodyScroll();
686
734
  };
735
+
687
736
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(HeaderWrapper$1, null, /*#__PURE__*/React__default.createElement(Icon, {
688
737
  onClick: function onClick() {
689
738
  disableBodyScroll();
@@ -735,29 +784,30 @@
735
784
  }
736
785
 
737
786
  /** RareStep header component */
787
+
738
788
  var RareStepHeader = function RareStepHeader(_ref) {
739
789
  var headerLogoImgUrl = _ref.headerLogoImgUrl,
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;
790
+ searchIconUrl = _ref.searchIconUrl,
791
+ cartIconUrl = _ref.cartIconUrl,
792
+ userIconUrl = _ref.userIconUrl,
793
+ interestIconUrl = _ref.interestIconUrl,
794
+ dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
795
+ dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
796
+ currencyFlagIconUrl = _ref.currencyFlagIconUrl,
797
+ closeIconUrl = _ref.closeIconUrl,
798
+ navigationSearchIconUrl = _ref.navigationSearchIconUrl,
799
+ wordpressSiteUrl = _ref.wordpressSiteUrl,
800
+ desktopHeaderWrapperClass = _ref.desktopHeaderWrapperClass,
801
+ menuIconUrl = _ref.menuIconUrl,
802
+ mobileHeaderWrapperClass = _ref.mobileHeaderWrapperClass,
803
+ rightArrowIconUrl = _ref.rightArrowIconUrl,
804
+ desktopHeaderLinks = _ref.desktopHeaderLinks,
805
+ mobileHeaderLinks = _ref.mobileHeaderLinks,
806
+ mobileCloseIconUrl = _ref.mobileCloseIconUrl,
807
+ handleOnAccountClick = _ref.handleOnAccountClick,
808
+ backIconUrl = _ref.backIconUrl,
809
+ handleOnCartClick = _ref.handleOnCartClick,
810
+ userIconDropdownContent = _ref.userIconDropdownContent;
761
811
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
762
812
  className: desktopHeaderWrapperClass
763
813
  }, /*#__PURE__*/React__default.createElement(RareStepDesktopHeader$1, {
@@ -794,6 +844,7 @@
794
844
  handleOnCartClick: handleOnCartClick
795
845
  })));
796
846
  };
847
+
797
848
  RareStepHeader.defaultProps = {
798
849
  userIconDropdownContent: null
799
850
  };
@@ -6578,6 +6578,7 @@
6578
6578
  var ReactSelectWrapper = function ReactSelectWrapper(props) {
6579
6579
  return /*#__PURE__*/React__default.createElement(index$1, props);
6580
6580
  };
6581
+
6581
6582
  ReactSelectWrapper.defaultProps = {
6582
6583
  isMulti: false,
6583
6584
  isSearchable: false,
@@ -8,38 +8,66 @@
8
8
  var styled__default = 'default' in styled ? styled['default'] : styled;
9
9
 
10
10
  function _extends() {
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]);
11
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
12
+ for (var i = 1; i < arguments.length; i++) {
13
+ var source = arguments[i];
14
+
15
+ for (var key in source) {
16
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
17
+ target[key] = source[key];
18
+ }
19
+ }
15
20
  }
16
- return n;
17
- }, _extends.apply(null, arguments);
21
+
22
+ return target;
23
+ };
24
+ return _extends.apply(this, arguments);
18
25
  }
19
- function _objectWithoutProperties(e, t) {
20
- if (null == e) return {};
21
- var o,
22
- r,
23
- i = _objectWithoutPropertiesLoose(e, t);
24
- if (Object.getOwnPropertySymbols) {
25
- var n = Object.getOwnPropertySymbols(e);
26
- for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
26
+
27
+ function _objectWithoutPropertiesLoose(source, excluded) {
28
+ if (source == null) return {};
29
+ var target = {};
30
+ var sourceKeys = Object.keys(source);
31
+ var key, i;
32
+
33
+ for (i = 0; i < sourceKeys.length; i++) {
34
+ key = sourceKeys[i];
35
+ if (excluded.indexOf(key) >= 0) continue;
36
+ target[key] = source[key];
27
37
  }
28
- return i;
38
+
39
+ return target;
29
40
  }
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 (-1 !== e.indexOf(n)) continue;
35
- t[n] = r[n];
41
+
42
+ function _objectWithoutProperties(source, excluded) {
43
+ if (source == null) return {};
44
+
45
+ var target = _objectWithoutPropertiesLoose(source, excluded);
46
+
47
+ var key, i;
48
+
49
+ if (Object.getOwnPropertySymbols) {
50
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
51
+
52
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
53
+ key = sourceSymbolKeys[i];
54
+ if (excluded.indexOf(key) >= 0) continue;
55
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
56
+ target[key] = source[key];
57
+ }
36
58
  }
37
- return t;
59
+
60
+ return target;
38
61
  }
39
- function _taggedTemplateLiteral(e, t) {
40
- return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
62
+
63
+ function _taggedTemplateLiteral(strings, raw) {
64
+ if (!raw) {
65
+ raw = strings.slice(0);
66
+ }
67
+
68
+ return Object.freeze(Object.defineProperties(strings, {
41
69
  raw: {
42
- value: Object.freeze(t)
70
+ value: Object.freeze(raw)
43
71
  }
44
72
  }));
45
73
  }
@@ -113,6 +141,7 @@
113
141
  });
114
142
 
115
143
  var _excluded = ["children"];
144
+
116
145
  var _templateObject$1;
117
146
  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) {
118
147
  return props.theme.colors.ntrlMin;
@@ -127,11 +156,14 @@
127
156
  }, disabledButtonStyle, function (props) {
128
157
  return props.theme.colors.base;
129
158
  });
159
+
130
160
  var SecondaryButton = function SecondaryButton(_ref) {
131
161
  var children = _ref.children,
132
- restProps = _objectWithoutProperties(_ref, _excluded);
162
+ restProps = _objectWithoutProperties(_ref, _excluded);
163
+
133
164
  return /*#__PURE__*/React__default.createElement(Button, restProps, children);
134
165
  };
166
+
135
167
  var index = themed(SecondaryButton);
136
168
 
137
169
  return index;