@bonlineza/luxity-lib 2.37.6 → 2.37.7

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 (13) hide show
  1. package/CurrencySelect.js +27 -27
  2. package/GraphQLDropdownSelector.js +8 -8
  3. package/LuxityDesktopHeader.js +31 -47
  4. package/LuxityFooter.js +28 -27
  5. package/LuxityGraphQLDropdownSelector.js +8 -8
  6. package/LuxityMobileHeader.js +31 -47
  7. package/LuxitySideNav.js +27 -27
  8. package/MaterialSelector.js +8 -8
  9. package/ModelSelector.js +8 -8
  10. package/Tooltip.js +27 -27
  11. package/build/bundle.css +1 -1
  12. package/build/bundle.js +32 -49
  13. package/package.json +1 -1
package/CurrencySelect.js CHANGED
@@ -42,10 +42,10 @@
42
42
  var relativeInlineStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n"])));
43
43
  var topMiddleBodyStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
44
44
  var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
45
- return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
45
+ return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
46
46
  };
47
47
  var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
48
- return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
48
+ return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
49
49
  };
50
50
  var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
51
51
  return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n /*Top Arrow*/\n bottom: 100%; /* At the top of the tooltip */\n top: initial;\n left: 50%;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -55,10 +55,10 @@
55
55
 
56
56
  var getBodyStyle = function getBodyStyle() {
57
57
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
58
- var _props$toolTipPositio = props.toolTipPosition,
59
- toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
58
+ var _props$$toolTipPositi = props.$toolTipPosition,
59
+ $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
60
60
 
61
- switch (toolTipPosition) {
61
+ switch ($toolTipPosition) {
62
62
  case 'top':
63
63
  return topMiddleBodyStyle;
64
64
 
@@ -72,9 +72,9 @@
72
72
 
73
73
  var getAfterStyling = function getAfterStyling() {
74
74
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
75
- var toolTipPosition = props.toolTipPosition;
75
+ var $toolTipPosition = props.$toolTipPosition;
76
76
 
77
- switch (toolTipPosition) {
77
+ switch ($toolTipPosition) {
78
78
  case 'top':
79
79
  return getTopMiddleArrowAfterStyle(props);
80
80
 
@@ -87,7 +87,7 @@
87
87
  };
88
88
 
89
89
  var Body = styled__default.span(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
90
- return props.bodyWidth;
90
+ return props.$bodyWidth;
91
91
  }, function (props) {
92
92
  return props.theme.colors.base || 'black';
93
93
  }, function (props) {
@@ -163,33 +163,33 @@
163
163
  });
164
164
  });
165
165
 
166
+ /* eslint-disable react/require-default-props */
167
+
166
168
  var Tooltip = function Tooltip(_ref) {
167
- var children = _ref.children,
168
- toolTipText = _ref.toolTipText,
169
- toolTipPosition = _ref.toolTipPosition,
170
- bodyWidth = _ref.bodyWidth,
171
- apexWidth = _ref.apexWidth,
172
- containerClassName = _ref.containerClassName,
173
- bodyClassName = _ref.bodyClassName;
169
+ var _ref$children = _ref.children,
170
+ children = _ref$children === void 0 ? null : _ref$children,
171
+ _ref$toolTipText = _ref.toolTipText,
172
+ toolTipText = _ref$toolTipText === void 0 ? '' : _ref$toolTipText,
173
+ _ref$toolTipPosition = _ref.toolTipPosition,
174
+ toolTipPosition = _ref$toolTipPosition === void 0 ? 'top' : _ref$toolTipPosition,
175
+ _ref$bodyWidth = _ref.bodyWidth,
176
+ bodyWidth = _ref$bodyWidth === void 0 ? '8em' : _ref$bodyWidth,
177
+ _ref$apexWidth = _ref.apexWidth,
178
+ apexWidth = _ref$apexWidth === void 0 ? '5px' : _ref$apexWidth,
179
+ _ref$containerClassNa = _ref.containerClassName,
180
+ containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
181
+ _ref$bodyClassName = _ref.bodyClassName,
182
+ bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName;
174
183
  return /*#__PURE__*/React__default.createElement(Container, {
175
184
  className: containerClassName
176
185
  }, children, /*#__PURE__*/React__default.createElement(Body, {
177
- toolTipPosition: toolTipPosition,
178
- bodyWidth: bodyWidth,
179
- apexWidth: apexWidth,
186
+ $toolTipPosition: toolTipPosition,
187
+ $bodyWidth: bodyWidth,
188
+ $apexWidth: apexWidth,
180
189
  className: bodyClassName
181
190
  }, toolTipText));
182
191
  };
183
192
 
184
- Tooltip.defaultProps = {
185
- children: null,
186
- toolTipText: '',
187
- toolTipPosition: 'top',
188
- bodyWidth: '8em',
189
- apexWidth: '5px',
190
- containerClassName: '',
191
- bodyClassName: ''
192
- };
193
193
  var Tooltip$1 = themed(Tooltip);
194
194
 
195
195
  var CurrencySelect = function CurrencySelect(_ref) {
package/GraphQLDropdownSelector.js CHANGED
@@ -1313,10 +1313,10 @@
1313
1313
  var relativeInlineStyle = styled.css(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n position: relative;\n"])));
1314
1314
  var topMiddleBodyStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
1315
1315
  var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
1316
- return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
1316
+ return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
1317
1317
  };
1318
1318
  var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
1319
- return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
1319
+ return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
1320
1320
  };
1321
1321
  var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
1322
1322
  return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n /*Top Arrow*/\n bottom: 100%; /* At the top of the tooltip */\n top: initial;\n left: 50%;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -1326,10 +1326,10 @@
1326
1326
 
1327
1327
  var getBodyStyle = function getBodyStyle() {
1328
1328
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
1329
- var _props$toolTipPositio = props.toolTipPosition,
1330
- toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
1329
+ var _props$$toolTipPositi = props.$toolTipPosition,
1330
+ $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
1331
1331
 
1332
- switch (toolTipPosition) {
1332
+ switch ($toolTipPosition) {
1333
1333
  case 'top':
1334
1334
  return topMiddleBodyStyle;
1335
1335
 
@@ -1343,9 +1343,9 @@
1343
1343
 
1344
1344
  var getAfterStyling = function getAfterStyling() {
1345
1345
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
1346
- var toolTipPosition = props.toolTipPosition;
1346
+ var $toolTipPosition = props.$toolTipPosition;
1347
1347
 
1348
- switch (toolTipPosition) {
1348
+ switch ($toolTipPosition) {
1349
1349
  case 'top':
1350
1350
  return getTopMiddleArrowAfterStyle(props);
1351
1351
 
@@ -1358,7 +1358,7 @@
1358
1358
  };
1359
1359
 
1360
1360
  var Body$1 = styled__default.span(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
1361
- return props.bodyWidth;
1361
+ return props.$bodyWidth;
1362
1362
  }, function (props) {
1363
1363
  return props.theme.colors.base || 'black';
1364
1364
  }, function (props) {
package/LuxityDesktopHeader.js CHANGED
@@ -487,10 +487,10 @@
487
487
  var relativeInlineStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n"])));
488
488
  var topMiddleBodyStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
489
489
  var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
490
- return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
490
+ return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
491
491
  };
492
492
  var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
493
- return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
493
+ return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
494
494
  };
495
495
  var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
496
496
  return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n /*Top Arrow*/\n bottom: 100%; /* At the top of the tooltip */\n top: initial;\n left: 50%;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -500,10 +500,10 @@
500
500
 
501
501
  var getBodyStyle = function getBodyStyle() {
502
502
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
503
- var _props$toolTipPositio = props.toolTipPosition,
504
- toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
503
+ var _props$$toolTipPositi = props.$toolTipPosition,
504
+ $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
505
505
 
506
- switch (toolTipPosition) {
506
+ switch ($toolTipPosition) {
507
507
  case 'top':
508
508
  return topMiddleBodyStyle;
509
509
 
@@ -517,9 +517,9 @@
517
517
 
518
518
  var getAfterStyling = function getAfterStyling() {
519
519
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
520
- var toolTipPosition = props.toolTipPosition;
520
+ var $toolTipPosition = props.$toolTipPosition;
521
521
 
522
- switch (toolTipPosition) {
522
+ switch ($toolTipPosition) {
523
523
  case 'top':
524
524
  return getTopMiddleArrowAfterStyle(props);
525
525
 
@@ -532,7 +532,7 @@
532
532
  };
533
533
 
534
534
  var Body = styled__default.span(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
535
- return props.bodyWidth;
535
+ return props.$bodyWidth;
536
536
  }, function (props) {
537
537
  return props.theme.colors.base || 'black';
538
538
  }, function (props) {
@@ -608,33 +608,33 @@
608
608
  });
609
609
  });
610
610
 
611
+ /* eslint-disable react/require-default-props */
612
+
611
613
  var Tooltip = function Tooltip(_ref) {
612
- var children = _ref.children,
613
- toolTipText = _ref.toolTipText,
614
- toolTipPosition = _ref.toolTipPosition,
615
- bodyWidth = _ref.bodyWidth,
616
- apexWidth = _ref.apexWidth,
617
- containerClassName = _ref.containerClassName,
618
- bodyClassName = _ref.bodyClassName;
614
+ var _ref$children = _ref.children,
615
+ children = _ref$children === void 0 ? null : _ref$children,
616
+ _ref$toolTipText = _ref.toolTipText,
617
+ toolTipText = _ref$toolTipText === void 0 ? '' : _ref$toolTipText,
618
+ _ref$toolTipPosition = _ref.toolTipPosition,
619
+ toolTipPosition = _ref$toolTipPosition === void 0 ? 'top' : _ref$toolTipPosition,
620
+ _ref$bodyWidth = _ref.bodyWidth,
621
+ bodyWidth = _ref$bodyWidth === void 0 ? '8em' : _ref$bodyWidth,
622
+ _ref$apexWidth = _ref.apexWidth,
623
+ apexWidth = _ref$apexWidth === void 0 ? '5px' : _ref$apexWidth,
624
+ _ref$containerClassNa = _ref.containerClassName,
625
+ containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
626
+ _ref$bodyClassName = _ref.bodyClassName,
627
+ bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName;
619
628
  return /*#__PURE__*/React__default.createElement(Container, {
620
629
  className: containerClassName
621
630
  }, children, /*#__PURE__*/React__default.createElement(Body, {
622
- toolTipPosition: toolTipPosition,
623
- bodyWidth: bodyWidth,
624
- apexWidth: apexWidth,
631
+ $toolTipPosition: toolTipPosition,
632
+ $bodyWidth: bodyWidth,
633
+ $apexWidth: apexWidth,
625
634
  className: bodyClassName
626
635
  }, toolTipText));
627
636
  };
628
637
 
629
- Tooltip.defaultProps = {
630
- children: null,
631
- toolTipText: '',
632
- toolTipPosition: 'top',
633
- bodyWidth: '8em',
634
- apexWidth: '5px',
635
- containerClassName: '',
636
- bodyClassName: ''
637
- };
638
638
  var Tooltip$1 = themed(Tooltip);
639
639
 
640
640
  var CurrencySelect = function CurrencySelect(_ref) {
@@ -698,7 +698,6 @@
698
698
  var useSearch = function useSearch(_ref) {
699
699
  var endpoint = _ref.endpoint,
700
700
  onProductIdsReceived = _ref.onProductIdsReceived,
701
- onSearchLoading = _ref.onSearchLoading,
702
701
  currency = _ref.currency,
703
702
  onSearchPreview = _ref.onSearchPreview;
704
703
  var currentSearchRequestToken = React.useRef(null);
@@ -749,12 +748,7 @@
749
748
 
750
749
 
751
750
  var newSearchToken = axios.CancelToken.source();
752
- currentSearchRequestToken.current = newSearchToken; // Set loading to true when starting the search request
753
-
754
- if (typeof onSearchLoading === 'function') {
755
- onSearchLoading(true);
756
- }
757
-
751
+ currentSearchRequestToken.current = newSearchToken;
758
752
  axios.post(endpoint, searchProducts(searchQuery, 3, currency), {
759
753
  cancelToken: newSearchToken.token
760
754
  }).then(function (response) {
@@ -776,11 +770,7 @@
776
770
  });
777
771
  }
778
772
 
779
- currentSearchRequestToken.current = null; // Set loading to false when search completes successfully
780
-
781
- if (typeof onSearchLoading === 'function') {
782
- onSearchLoading(false);
783
- }
773
+ currentSearchRequestToken.current = null;
784
774
  }
785
775
  }).catch(function (error) {
786
776
  if (!axios.isCancel(error)) {
@@ -789,14 +779,10 @@
789
779
  products: [],
790
780
  luxity_product_ids: []
791
781
  });
792
- currentSearchRequestToken.current = null; // Set loading to false when search fails
793
-
794
- if (typeof onSearchLoading === 'function') {
795
- onSearchLoading(false);
796
- }
782
+ currentSearchRequestToken.current = null;
797
783
  }
798
784
  });
799
- }, [endpoint, currency, onSearchPreview, onProductIdsReceived, onSearchLoading]);
785
+ }, [endpoint, currency, onSearchPreview, onProductIdsReceived]);
800
786
  var debouncedSearch = React.useMemo(function () {
801
787
  return debounce(function (searchQuery, setSearchResults) {
802
788
  return performSearch(searchQuery, setSearchResults);
@@ -953,7 +939,6 @@
953
939
  onProductSearchResultClick = _ref.onProductSearchResultClick,
954
940
  onBrandSearchResultClick = _ref.onBrandSearchResultClick,
955
941
  onProductIdsReceived = _ref.onProductIdsReceived,
956
- onSearchLoading = _ref.onSearchLoading,
957
942
  currency = _ref.currency,
958
943
  currencySymbol = _ref.currencySymbol,
959
944
  currencyOptions = _ref.currencyOptions,
@@ -972,7 +957,6 @@
972
957
  var _useSearch = useSearch({
973
958
  endpoint: endpoint,
974
959
  onProductIdsReceived: onProductIdsReceived,
975
- onSearchLoading: onSearchLoading,
976
960
  currency: currency,
977
961
  onSearchPreview: onSearchPreview
978
962
  }),
package/LuxityFooter.js CHANGED
@@ -1931,10 +1931,10 @@
1931
1931
  var relativeInlineStyle = styled.css(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n position: relative;\n"])));
1932
1932
  var topMiddleBodyStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
1933
1933
  var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
1934
- return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
1934
+ return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
1935
1935
  };
1936
1936
  var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
1937
- return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
1937
+ return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
1938
1938
  };
1939
1939
  var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
1940
1940
  return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n /*Top Arrow*/\n bottom: 100%; /* At the top of the tooltip */\n top: initial;\n left: 50%;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -1944,10 +1944,10 @@
1944
1944
 
1945
1945
  var getBodyStyle = function getBodyStyle() {
1946
1946
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
1947
- var _props$toolTipPositio = props.toolTipPosition,
1948
- toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
1947
+ var _props$$toolTipPositi = props.$toolTipPosition,
1948
+ $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
1949
1949
 
1950
- switch (toolTipPosition) {
1950
+ switch ($toolTipPosition) {
1951
1951
  case 'top':
1952
1952
  return topMiddleBodyStyle;
1953
1953
 
@@ -1961,9 +1961,9 @@
1961
1961
 
1962
1962
  var getAfterStyling = function getAfterStyling() {
1963
1963
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
1964
- var toolTipPosition = props.toolTipPosition;
1964
+ var $toolTipPosition = props.$toolTipPosition;
1965
1965
 
1966
- switch (toolTipPosition) {
1966
+ switch ($toolTipPosition) {
1967
1967
  case 'top':
1968
1968
  return getTopMiddleArrowAfterStyle(props);
1969
1969
 
@@ -1976,7 +1976,7 @@
1976
1976
  };
1977
1977
 
1978
1978
  var Body = styled__default.span(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
1979
- return props.bodyWidth;
1979
+ return props.$bodyWidth;
1980
1980
  }, function (props) {
1981
1981
  return props.theme.colors.base || 'black';
1982
1982
  }, function (props) {
@@ -1988,33 +1988,33 @@
1988
1988
  var _templateObject$3;
1989
1989
  var Container = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n ", ";\n cursor: pointer;\n &:hover ", " {\n opacity: 1;\n visibility: visible;\n }\n"])), relativeInlineStyle, Body);
1990
1990
 
1991
+ /* eslint-disable react/require-default-props */
1992
+
1991
1993
  var Tooltip = function Tooltip(_ref) {
1992
- var children = _ref.children,
1993
- toolTipText = _ref.toolTipText,
1994
- toolTipPosition = _ref.toolTipPosition,
1995
- bodyWidth = _ref.bodyWidth,
1996
- apexWidth = _ref.apexWidth,
1997
- containerClassName = _ref.containerClassName,
1998
- bodyClassName = _ref.bodyClassName;
1994
+ var _ref$children = _ref.children,
1995
+ children = _ref$children === void 0 ? null : _ref$children,
1996
+ _ref$toolTipText = _ref.toolTipText,
1997
+ toolTipText = _ref$toolTipText === void 0 ? '' : _ref$toolTipText,
1998
+ _ref$toolTipPosition = _ref.toolTipPosition,
1999
+ toolTipPosition = _ref$toolTipPosition === void 0 ? 'top' : _ref$toolTipPosition,
2000
+ _ref$bodyWidth = _ref.bodyWidth,
2001
+ bodyWidth = _ref$bodyWidth === void 0 ? '8em' : _ref$bodyWidth,
2002
+ _ref$apexWidth = _ref.apexWidth,
2003
+ apexWidth = _ref$apexWidth === void 0 ? '5px' : _ref$apexWidth,
2004
+ _ref$containerClassNa = _ref.containerClassName,
2005
+ containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
2006
+ _ref$bodyClassName = _ref.bodyClassName,
2007
+ bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName;
1999
2008
  return /*#__PURE__*/React__default.createElement(Container, {
2000
2009
  className: containerClassName
2001
2010
  }, children, /*#__PURE__*/React__default.createElement(Body, {
2002
- toolTipPosition: toolTipPosition,
2003
- bodyWidth: bodyWidth,
2004
- apexWidth: apexWidth,
2011
+ $toolTipPosition: toolTipPosition,
2012
+ $bodyWidth: bodyWidth,
2013
+ $apexWidth: apexWidth,
2005
2014
  className: bodyClassName
2006
2015
  }, toolTipText));
2007
2016
  };
2008
2017
 
2009
- Tooltip.defaultProps = {
2010
- children: null,
2011
- toolTipText: '',
2012
- toolTipPosition: 'top',
2013
- bodyWidth: '8em',
2014
- apexWidth: '5px',
2015
- containerClassName: '',
2016
- bodyClassName: ''
2017
- };
2018
2018
  var Tooltip$1 = themed(Tooltip);
2019
2019
 
2020
2020
  var CurrencySelect = function CurrencySelect(_ref) {
@@ -2161,6 +2161,7 @@
2161
2161
  track: link === null || link === void 0 ? void 0 : link.track,
2162
2162
  target: link.target
2163
2163
  }, link.label) : /*#__PURE__*/React__default.createElement("div", {
2164
+ key: link.label,
2164
2165
  className: "footer__text"
2165
2166
  }, link.label);
2166
2167
  })));
package/LuxityGraphQLDropdownSelector.js CHANGED
@@ -1313,10 +1313,10 @@
1313
1313
  var relativeInlineStyle = styled.css(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n position: relative;\n"])));
1314
1314
  var topMiddleBodyStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
1315
1315
  var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
1316
- return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
1316
+ return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
1317
1317
  };
1318
1318
  var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
1319
- return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
1319
+ return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
1320
1320
  };
1321
1321
  var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
1322
1322
  return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n /*Top Arrow*/\n bottom: 100%; /* At the top of the tooltip */\n top: initial;\n left: 50%;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -1326,10 +1326,10 @@
1326
1326
 
1327
1327
  var getBodyStyle = function getBodyStyle() {
1328
1328
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
1329
- var _props$toolTipPositio = props.toolTipPosition,
1330
- toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
1329
+ var _props$$toolTipPositi = props.$toolTipPosition,
1330
+ $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
1331
1331
 
1332
- switch (toolTipPosition) {
1332
+ switch ($toolTipPosition) {
1333
1333
  case 'top':
1334
1334
  return topMiddleBodyStyle;
1335
1335
 
@@ -1343,9 +1343,9 @@
1343
1343
 
1344
1344
  var getAfterStyling = function getAfterStyling() {
1345
1345
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
1346
- var toolTipPosition = props.toolTipPosition;
1346
+ var $toolTipPosition = props.$toolTipPosition;
1347
1347
 
1348
- switch (toolTipPosition) {
1348
+ switch ($toolTipPosition) {
1349
1349
  case 'top':
1350
1350
  return getTopMiddleArrowAfterStyle(props);
1351
1351
 
@@ -1358,7 +1358,7 @@
1358
1358
  };
1359
1359
 
1360
1360
  var Body$1 = styled__default.span(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
1361
- return props.bodyWidth;
1361
+ return props.$bodyWidth;
1362
1362
  }, function (props) {
1363
1363
  return props.theme.colors.base || 'black';
1364
1364
  }, function (props) {
package/LuxityMobileHeader.js CHANGED
@@ -455,10 +455,10 @@
455
455
  var relativeInlineStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n"])));
456
456
  var topMiddleBodyStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
457
457
  var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
458
- return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
458
+ return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
459
459
  };
460
460
  var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
461
- return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
461
+ return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
462
462
  };
463
463
  var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
464
464
  return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n /*Top Arrow*/\n bottom: 100%; /* At the top of the tooltip */\n top: initial;\n left: 50%;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -468,10 +468,10 @@
468
468
 
469
469
  var getBodyStyle = function getBodyStyle() {
470
470
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
471
- var _props$toolTipPositio = props.toolTipPosition,
472
- toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
471
+ var _props$$toolTipPositi = props.$toolTipPosition,
472
+ $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
473
473
 
474
- switch (toolTipPosition) {
474
+ switch ($toolTipPosition) {
475
475
  case 'top':
476
476
  return topMiddleBodyStyle;
477
477
 
@@ -485,9 +485,9 @@
485
485
 
486
486
  var getAfterStyling = function getAfterStyling() {
487
487
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
488
- var toolTipPosition = props.toolTipPosition;
488
+ var $toolTipPosition = props.$toolTipPosition;
489
489
 
490
- switch (toolTipPosition) {
490
+ switch ($toolTipPosition) {
491
491
  case 'top':
492
492
  return getTopMiddleArrowAfterStyle(props);
493
493
 
@@ -500,7 +500,7 @@
500
500
  };
501
501
 
502
502
  var Body = styled__default.span(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
503
- return props.bodyWidth;
503
+ return props.$bodyWidth;
504
504
  }, function (props) {
505
505
  return props.theme.colors.base || 'black';
506
506
  }, function (props) {
@@ -576,33 +576,33 @@
576
576
  });
577
577
  });
578
578
 
579
+ /* eslint-disable react/require-default-props */
580
+
579
581
  var Tooltip = function Tooltip(_ref) {
580
- var children = _ref.children,
581
- toolTipText = _ref.toolTipText,
582
- toolTipPosition = _ref.toolTipPosition,
583
- bodyWidth = _ref.bodyWidth,
584
- apexWidth = _ref.apexWidth,
585
- containerClassName = _ref.containerClassName,
586
- bodyClassName = _ref.bodyClassName;
582
+ var _ref$children = _ref.children,
583
+ children = _ref$children === void 0 ? null : _ref$children,
584
+ _ref$toolTipText = _ref.toolTipText,
585
+ toolTipText = _ref$toolTipText === void 0 ? '' : _ref$toolTipText,
586
+ _ref$toolTipPosition = _ref.toolTipPosition,
587
+ toolTipPosition = _ref$toolTipPosition === void 0 ? 'top' : _ref$toolTipPosition,
588
+ _ref$bodyWidth = _ref.bodyWidth,
589
+ bodyWidth = _ref$bodyWidth === void 0 ? '8em' : _ref$bodyWidth,
590
+ _ref$apexWidth = _ref.apexWidth,
591
+ apexWidth = _ref$apexWidth === void 0 ? '5px' : _ref$apexWidth,
592
+ _ref$containerClassNa = _ref.containerClassName,
593
+ containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
594
+ _ref$bodyClassName = _ref.bodyClassName,
595
+ bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName;
587
596
  return /*#__PURE__*/React__default.createElement(Container, {
588
597
  className: containerClassName
589
598
  }, children, /*#__PURE__*/React__default.createElement(Body, {
590
- toolTipPosition: toolTipPosition,
591
- bodyWidth: bodyWidth,
592
- apexWidth: apexWidth,
599
+ $toolTipPosition: toolTipPosition,
600
+ $bodyWidth: bodyWidth,
601
+ $apexWidth: apexWidth,
593
602
  className: bodyClassName
594
603
  }, toolTipText));
595
604
  };
596
605
 
597
- Tooltip.defaultProps = {
598
- children: null,
599
- toolTipText: '',
600
- toolTipPosition: 'top',
601
- bodyWidth: '8em',
602
- apexWidth: '5px',
603
- containerClassName: '',
604
- bodyClassName: ''
605
- };
606
606
  var Tooltip$1 = themed(Tooltip);
607
607
 
608
608
  var CurrencySelect = function CurrencySelect(_ref) {
@@ -1115,7 +1115,6 @@
1115
1115
  var useSearch = function useSearch(_ref) {
1116
1116
  var endpoint = _ref.endpoint,
1117
1117
  onProductIdsReceived = _ref.onProductIdsReceived,
1118
- onSearchLoading = _ref.onSearchLoading,
1119
1118
  currency = _ref.currency,
1120
1119
  onSearchPreview = _ref.onSearchPreview;
1121
1120
  var currentSearchRequestToken = React.useRef(null);
@@ -1166,12 +1165,7 @@
1166
1165
 
1167
1166
 
1168
1167
  var newSearchToken = axios.CancelToken.source();
1169
- currentSearchRequestToken.current = newSearchToken; // Set loading to true when starting the search request
1170
-
1171
- if (typeof onSearchLoading === 'function') {
1172
- onSearchLoading(true);
1173
- }
1174
-
1168
+ currentSearchRequestToken.current = newSearchToken;
1175
1169
  axios.post(endpoint, searchProducts(searchQuery, 3, currency), {
1176
1170
  cancelToken: newSearchToken.token
1177
1171
  }).then(function (response) {
@@ -1193,11 +1187,7 @@
1193
1187
  });
1194
1188
  }
1195
1189
 
1196
- currentSearchRequestToken.current = null; // Set loading to false when search completes successfully
1197
-
1198
- if (typeof onSearchLoading === 'function') {
1199
- onSearchLoading(false);
1200
- }
1190
+ currentSearchRequestToken.current = null;
1201
1191
  }
1202
1192
  }).catch(function (error) {
1203
1193
  if (!axios.isCancel(error)) {
@@ -1206,14 +1196,10 @@
1206
1196
  products: [],
1207
1197
  luxity_product_ids: []
1208
1198
  });
1209
- currentSearchRequestToken.current = null; // Set loading to false when search fails
1210
-
1211
- if (typeof onSearchLoading === 'function') {
1212
- onSearchLoading(false);
1213
- }
1199
+ currentSearchRequestToken.current = null;
1214
1200
  }
1215
1201
  });
1216
- }, [endpoint, currency, onSearchPreview, onProductIdsReceived, onSearchLoading]);
1202
+ }, [endpoint, currency, onSearchPreview, onProductIdsReceived]);
1217
1203
  var debouncedSearch = React.useMemo(function () {
1218
1204
  return debounce(function (searchQuery, setSearchResults) {
1219
1205
  return performSearch(searchQuery, setSearchResults);
@@ -1369,7 +1355,6 @@
1369
1355
  onProductSearchResultClick = _ref.onProductSearchResultClick,
1370
1356
  onBrandSearchResultClick = _ref.onBrandSearchResultClick,
1371
1357
  onProductIdsReceived = _ref.onProductIdsReceived,
1372
- onSearchLoading = _ref.onSearchLoading,
1373
1358
  onLogoutClick = _ref.onLogoutClick,
1374
1359
  onInterestClick = _ref.onInterestClick,
1375
1360
  onAddressClick = _ref.onAddressClick,
@@ -1395,7 +1380,6 @@
1395
1380
  var _useSearch = useSearch({
1396
1381
  endpoint: endpoint,
1397
1382
  onProductIdsReceived: onProductIdsReceived,
1398
- onSearchLoading: onSearchLoading,
1399
1383
  currency: currency,
1400
1384
  onSearchPreview: onSearchPreview
1401
1385
  }),
package/LuxitySideNav.js CHANGED
@@ -271,10 +271,10 @@
271
271
  var relativeInlineStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n"])));
272
272
  var topMiddleBodyStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
273
273
  var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
274
- return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
274
+ return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
275
275
  };
276
276
  var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
277
- return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
277
+ return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
278
278
  };
279
279
  var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
280
280
  return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n /*Top Arrow*/\n bottom: 100%; /* At the top of the tooltip */\n top: initial;\n left: 50%;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -284,10 +284,10 @@
284
284
 
285
285
  var getBodyStyle = function getBodyStyle() {
286
286
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
287
- var _props$toolTipPositio = props.toolTipPosition,
288
- toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
287
+ var _props$$toolTipPositi = props.$toolTipPosition,
288
+ $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
289
289
 
290
- switch (toolTipPosition) {
290
+ switch ($toolTipPosition) {
291
291
  case 'top':
292
292
  return topMiddleBodyStyle;
293
293
 
@@ -301,9 +301,9 @@
301
301
 
302
302
  var getAfterStyling = function getAfterStyling() {
303
303
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
304
- var toolTipPosition = props.toolTipPosition;
304
+ var $toolTipPosition = props.$toolTipPosition;
305
305
 
306
- switch (toolTipPosition) {
306
+ switch ($toolTipPosition) {
307
307
  case 'top':
308
308
  return getTopMiddleArrowAfterStyle(props);
309
309
 
@@ -316,7 +316,7 @@
316
316
  };
317
317
 
318
318
  var Body = styled__default.span(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
319
- return props.bodyWidth;
319
+ return props.$bodyWidth;
320
320
  }, function (props) {
321
321
  return props.theme.colors.base || 'black';
322
322
  }, function (props) {
@@ -392,33 +392,33 @@
392
392
  });
393
393
  });
394
394
 
395
+ /* eslint-disable react/require-default-props */
396
+
395
397
  var Tooltip = function Tooltip(_ref) {
396
- var children = _ref.children,
397
- toolTipText = _ref.toolTipText,
398
- toolTipPosition = _ref.toolTipPosition,
399
- bodyWidth = _ref.bodyWidth,
400
- apexWidth = _ref.apexWidth,
401
- containerClassName = _ref.containerClassName,
402
- bodyClassName = _ref.bodyClassName;
398
+ var _ref$children = _ref.children,
399
+ children = _ref$children === void 0 ? null : _ref$children,
400
+ _ref$toolTipText = _ref.toolTipText,
401
+ toolTipText = _ref$toolTipText === void 0 ? '' : _ref$toolTipText,
402
+ _ref$toolTipPosition = _ref.toolTipPosition,
403
+ toolTipPosition = _ref$toolTipPosition === void 0 ? 'top' : _ref$toolTipPosition,
404
+ _ref$bodyWidth = _ref.bodyWidth,
405
+ bodyWidth = _ref$bodyWidth === void 0 ? '8em' : _ref$bodyWidth,
406
+ _ref$apexWidth = _ref.apexWidth,
407
+ apexWidth = _ref$apexWidth === void 0 ? '5px' : _ref$apexWidth,
408
+ _ref$containerClassNa = _ref.containerClassName,
409
+ containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
410
+ _ref$bodyClassName = _ref.bodyClassName,
411
+ bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName;
403
412
  return /*#__PURE__*/React__default.createElement(Container, {
404
413
  className: containerClassName
405
414
  }, children, /*#__PURE__*/React__default.createElement(Body, {
406
- toolTipPosition: toolTipPosition,
407
- bodyWidth: bodyWidth,
408
- apexWidth: apexWidth,
415
+ $toolTipPosition: toolTipPosition,
416
+ $bodyWidth: bodyWidth,
417
+ $apexWidth: apexWidth,
409
418
  className: bodyClassName
410
419
  }, toolTipText));
411
420
  };
412
421
 
413
- Tooltip.defaultProps = {
414
- children: null,
415
- toolTipText: '',
416
- toolTipPosition: 'top',
417
- bodyWidth: '8em',
418
- apexWidth: '5px',
419
- containerClassName: '',
420
- bodyClassName: ''
421
- };
422
422
  var Tooltip$1 = themed(Tooltip);
423
423
 
424
424
  var CurrencySelect = function CurrencySelect(_ref) {
package/MaterialSelector.js CHANGED
@@ -1313,10 +1313,10 @@
1313
1313
  var relativeInlineStyle = styled.css(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n position: relative;\n"])));
1314
1314
  var topMiddleBodyStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
1315
1315
  var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
1316
- return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
1316
+ return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
1317
1317
  };
1318
1318
  var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
1319
- return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
1319
+ return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
1320
1320
  };
1321
1321
  var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
1322
1322
  return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n /*Top Arrow*/\n bottom: 100%; /* At the top of the tooltip */\n top: initial;\n left: 50%;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -1326,10 +1326,10 @@
1326
1326
 
1327
1327
  var getBodyStyle = function getBodyStyle() {
1328
1328
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
1329
- var _props$toolTipPositio = props.toolTipPosition,
1330
- toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
1329
+ var _props$$toolTipPositi = props.$toolTipPosition,
1330
+ $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
1331
1331
 
1332
- switch (toolTipPosition) {
1332
+ switch ($toolTipPosition) {
1333
1333
  case 'top':
1334
1334
  return topMiddleBodyStyle;
1335
1335
 
@@ -1343,9 +1343,9 @@
1343
1343
 
1344
1344
  var getAfterStyling = function getAfterStyling() {
1345
1345
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
1346
- var toolTipPosition = props.toolTipPosition;
1346
+ var $toolTipPosition = props.$toolTipPosition;
1347
1347
 
1348
- switch (toolTipPosition) {
1348
+ switch ($toolTipPosition) {
1349
1349
  case 'top':
1350
1350
  return getTopMiddleArrowAfterStyle(props);
1351
1351
 
@@ -1358,7 +1358,7 @@
1358
1358
  };
1359
1359
 
1360
1360
  var Body$1 = styled__default.span(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
1361
- return props.bodyWidth;
1361
+ return props.$bodyWidth;
1362
1362
  }, function (props) {
1363
1363
  return props.theme.colors.base || 'black';
1364
1364
  }, function (props) {
package/ModelSelector.js CHANGED
@@ -1313,10 +1313,10 @@
1313
1313
  var relativeInlineStyle = styled.css(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n position: relative;\n"])));
1314
1314
  var topMiddleBodyStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
1315
1315
  var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
1316
- return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
1316
+ return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
1317
1317
  };
1318
1318
  var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
1319
- return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
1319
+ return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
1320
1320
  };
1321
1321
  var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
1322
1322
  return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n /*Top Arrow*/\n bottom: 100%; /* At the top of the tooltip */\n top: initial;\n left: 50%;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -1326,10 +1326,10 @@
1326
1326
 
1327
1327
  var getBodyStyle = function getBodyStyle() {
1328
1328
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
1329
- var _props$toolTipPositio = props.toolTipPosition,
1330
- toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
1329
+ var _props$$toolTipPositi = props.$toolTipPosition,
1330
+ $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
1331
1331
 
1332
- switch (toolTipPosition) {
1332
+ switch ($toolTipPosition) {
1333
1333
  case 'top':
1334
1334
  return topMiddleBodyStyle;
1335
1335
 
@@ -1343,9 +1343,9 @@
1343
1343
 
1344
1344
  var getAfterStyling = function getAfterStyling() {
1345
1345
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
1346
- var toolTipPosition = props.toolTipPosition;
1346
+ var $toolTipPosition = props.$toolTipPosition;
1347
1347
 
1348
- switch (toolTipPosition) {
1348
+ switch ($toolTipPosition) {
1349
1349
  case 'top':
1350
1350
  return getTopMiddleArrowAfterStyle(props);
1351
1351
 
@@ -1358,7 +1358,7 @@
1358
1358
  };
1359
1359
 
1360
1360
  var Body$1 = styled__default.span(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
1361
- return props.bodyWidth;
1361
+ return props.$bodyWidth;
1362
1362
  }, function (props) {
1363
1363
  return props.theme.colors.base || 'black';
1364
1364
  }, function (props) {
package/Tooltip.js CHANGED
@@ -42,10 +42,10 @@
42
42
  var relativeInlineStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n"])));
43
43
  var topMiddleBodyStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
44
44
  var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
45
- return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
45
+ return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
46
46
  };
47
47
  var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
48
- return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
48
+ return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
49
49
  };
50
50
  var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
51
51
  return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n /*Top Arrow*/\n bottom: 100%; /* At the top of the tooltip */\n top: initial;\n left: 50%;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -55,10 +55,10 @@
55
55
 
56
56
  var getBodyStyle = function getBodyStyle() {
57
57
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
58
- var _props$toolTipPositio = props.toolTipPosition,
59
- toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
58
+ var _props$$toolTipPositi = props.$toolTipPosition,
59
+ $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
60
60
 
61
- switch (toolTipPosition) {
61
+ switch ($toolTipPosition) {
62
62
  case 'top':
63
63
  return topMiddleBodyStyle;
64
64
 
@@ -72,9 +72,9 @@
72
72
 
73
73
  var getAfterStyling = function getAfterStyling() {
74
74
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
75
- var toolTipPosition = props.toolTipPosition;
75
+ var $toolTipPosition = props.$toolTipPosition;
76
76
 
77
- switch (toolTipPosition) {
77
+ switch ($toolTipPosition) {
78
78
  case 'top':
79
79
  return getTopMiddleArrowAfterStyle(props);
80
80
 
@@ -87,7 +87,7 @@
87
87
  };
88
88
 
89
89
  var Body = styled__default.span(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
90
- return props.bodyWidth;
90
+ return props.$bodyWidth;
91
91
  }, function (props) {
92
92
  return props.theme.colors.base || 'black';
93
93
  }, function (props) {
@@ -163,33 +163,33 @@
163
163
  });
164
164
  });
165
165
 
166
+ /* eslint-disable react/require-default-props */
167
+
166
168
  var Tooltip = function Tooltip(_ref) {
167
- var children = _ref.children,
168
- toolTipText = _ref.toolTipText,
169
- toolTipPosition = _ref.toolTipPosition,
170
- bodyWidth = _ref.bodyWidth,
171
- apexWidth = _ref.apexWidth,
172
- containerClassName = _ref.containerClassName,
173
- bodyClassName = _ref.bodyClassName;
169
+ var _ref$children = _ref.children,
170
+ children = _ref$children === void 0 ? null : _ref$children,
171
+ _ref$toolTipText = _ref.toolTipText,
172
+ toolTipText = _ref$toolTipText === void 0 ? '' : _ref$toolTipText,
173
+ _ref$toolTipPosition = _ref.toolTipPosition,
174
+ toolTipPosition = _ref$toolTipPosition === void 0 ? 'top' : _ref$toolTipPosition,
175
+ _ref$bodyWidth = _ref.bodyWidth,
176
+ bodyWidth = _ref$bodyWidth === void 0 ? '8em' : _ref$bodyWidth,
177
+ _ref$apexWidth = _ref.apexWidth,
178
+ apexWidth = _ref$apexWidth === void 0 ? '5px' : _ref$apexWidth,
179
+ _ref$containerClassNa = _ref.containerClassName,
180
+ containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
181
+ _ref$bodyClassName = _ref.bodyClassName,
182
+ bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName;
174
183
  return /*#__PURE__*/React__default.createElement(Container, {
175
184
  className: containerClassName
176
185
  }, children, /*#__PURE__*/React__default.createElement(Body, {
177
- toolTipPosition: toolTipPosition,
178
- bodyWidth: bodyWidth,
179
- apexWidth: apexWidth,
186
+ $toolTipPosition: toolTipPosition,
187
+ $bodyWidth: bodyWidth,
188
+ $apexWidth: apexWidth,
180
189
  className: bodyClassName
181
190
  }, toolTipText));
182
191
  };
183
192
 
184
- Tooltip.defaultProps = {
185
- children: null,
186
- toolTipText: '',
187
- toolTipPosition: 'top',
188
- bodyWidth: '8em',
189
- apexWidth: '5px',
190
- containerClassName: '',
191
- bodyClassName: ''
192
- };
193
193
  var index = themed(Tooltip);
194
194
 
195
195
  return index;
package/build/bundle.css CHANGED
@@ -1 +1 @@
1
- .interests__add-button{display:flex;flex-direction:row;gap:10px;width:100%}@media only screen and (max-width:879px){.interests__add-button{flex-direction:column}}.interests__section-wrapper{display:flex;flex-direction:column;width:100%}.interests__select-option{display:flex;flex-direction:column;margin-bottom:15px}.interests__title{font-family:El Messiri;font-size:16px;margin-bottom:10px}.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}@media only screen and (max-width:879px){.navbar{padding-top:12px}}.navbar__link-item--desktop{align-items:center;display:flex;height:35px;margin:auto 0;padding-top:5px}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;padding-left:16px;padding-right:16px}.navbar__container{display:flex;margin:0 auto;max-width:1280px;padding-left:12px;padding-right:12px;width:100%}.navbar__body{flex-basis:60%}.navbar__wrapper{align-items:center;display:flex;gap:10px;justify-content:flex-start;width:100%}@media only screen and (max-width:879px){.navbar__wrapper .navbar__menu-icon-wrapper{margin-right:10px}.navbar__wrapper .navbar__logo{margin-left:0;margin-right:auto}.navbar__wrapper .navbar__icons-wrapper{align-items:center;display:flex;gap:20px;margin-left:auto}.navbar__wrapper .navbar__icons{align-items:center;display:flex;gap:20px;margin:0}.navbar__wrapper .navbar__icon{margin:0}}.navbar__product-search-wrapper{align-items:center;display:flex;justify-content:center;padding:0 20%;width:100%}@media only screen and (max-width:879px){.navbar__product-search-wrapper{padding:0}}.navbar__search-container{width:100%}.navbar__input-close-icon{height:auto;margin-bottom:10px;margin-left:10px;width:20px}@media only screen and (max-width:879px){.navbar__input-close-icon{margin-bottom:0;margin-left:0;width:15px}}.navbar__menu-icon{width:20px}.navbar__product-search{align-items:center;display:flex;max-width:545px;width:100%}.navbar__logo-wrapper{margin-right:18px;width:200px}.navbar__logo{width:200px}@media only screen and (max-width:879px){.navbar__logo{margin-left:10px;margin-top:5px;width:150px}}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:13px;outline:none;padding:8px;width:100%}.navbar__product-search{border:1px solid #dfdede;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__product-search{border:none;border-bottom:1px solid #dfdede;margin-bottom:0;margin-right:10px;margin-top:10px}}.navbar__section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.navbar__link{display:inline-block;font-family:Martel Sans;font-size:14px;font-weight:700;margin-right:10px;overflow:hidden;text-transform:uppercase;transition:.3s ease-in-out}.navbar__link:after{background-color:#000;content:"";display:block;height:2px;transition:width .25s ease-out;width:0}.navbar__link:hover:after{width:100%}.navbar__link:hover .navbar__dropdown{animation:fadeInDropdown .3s ease-in-out;display:block}.navbar__dropdown{background-color:#fff;box-shadow:5px 5px 5px #dfdede;display:none;left:0;position:absolute;width:100%;z-index:999}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar__company-link{font-size:13px;font-weight:400;list-style:none;margin-left:18px;text-decoration:none}.navbar__company-block{align-items:center;background-color:#000;color:#fff;display:flex;font-weight:700;height:33px;justify-content:center;margin-right:0;padding:0 18px;text-transform:uppercase}.navbar__input-search-icon{height:auto;margin-left:1.125rem;margin-right:.375rem;width:15px}.navbar__nav-links{align-items:center;display:flex}.navbar__nav-links--wrap{flex-wrap:wrap}.navbar__icons{align-items:center;display:flex;height:40px;justify-content:flex-end;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__icons{display:block;height:20px;margin-bottom:0}}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}.navbar__icon.navbar__cart-icon{margin-right:0}.navbar__icon--app{cursor:pointer;height:auto;margin-left:12px;width:20px}@media only screen and (max-width:879px){.navbar__icon--app{margin-right:0}}.navbar__loyalty-icon{height:18px;position:absolute;right:-14px;top:-6px;width:18px}.navbar__cart-icon{position:relative}.navbar__cart-count{bottom:50%;font-size:13px;height:20px;left:60%;position:absolute;width:20px}.navbar__account-initials,.navbar__cart-count{align-items:center;background-color:#f2eeeb;border-radius:50%;color:#000;display:flex;justify-content:center}.navbar__account-initials{font-size:11px;font-weight:500;height:24px;text-transform:uppercase;width:24px}.footer__newsletter-section{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.265rem 0}@media only screen and (max-width:879px){.footer__newsletter-section{flex-direction:column}}.footer__newsletter-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__newsletter-wrapper{flex-direction:column}.footer__link-container{flex-basis:50%}}.footer__newsletter-icon{height:30px;position:absolute;right:0;top:0;width:32px}.footer__newsletter-form{flex-basis:50%;max-width:250px;position:relative}@media only screen and (max-width:879px){.footer__newsletter-form{display:block;margin-top:20px;max-width:100%;width:100%}}.footer__newsletter-title{font-family:Martel Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:1.125rem;text-transform:uppercase}.footer__newsletter-text{font-size:14px}.footer__form-input{background-color:#000;border:none;border-bottom:1px solid #fff;color:#fff;height:30px;outline:none;width:100%}.footer__form-input::-moz-placeholder{color:#fff;font-weight:400}.footer__form-input::placeholder{color:#fff;font-weight:400}.footer__form-errors{color:#fff;margin-top:5px}.footer__main-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:80px}.footer__link-title{font-family:El Messiri;font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase}@media only screen and (max-width:879px){.footer__link-title{margin-bottom:10px}}.footer__link-child{margin-top:25px}.footer__links{display:flex;flex-direction:column}.footer__link{color:#939393;cursor:pointer;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:7px;text-align:left;text-decoration:none}.footer__link:hover{color:#000;text-decoration:underline}@media only screen and (max-width:879px){.footer__link{margin-bottom:10px}}.footer__link-wrapper{align-items:center;display:flex;gap:5px}.footer__link-icon{height:30px;margin-bottom:18px}.footer__text{color:#939393;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__store-hours{margin-top:35px}.footer__copyrights-section{border-top:1px solid;display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px}.footer__logo{height:30px;width:135px}.footer__payment-icons{align-items:center;display:flex;gap:8px}.footer__wrapper{margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__wrapper{padding:32px 0 0 24px}}.footer__wrapper--desktop{display:block}@media only screen and (max-width:879px){.footer__wrapper--desktop{display:none}}.footer__wrapper--mobile{display:none}@media only screen and (max-width:879px){.footer__wrapper--mobile{display:block;padding-top:30px}}.footer__copyright{font-size:10px;line-height:22px}.footer__copyright--mobile{display:none}@media only screen and (max-width:879px){.footer__copyright--mobile{display:block;padding:30px 10px 30px 0;text-align:center}}.footer__section-row{display:flex;gap:50%}@media only screen and (max-width:879px){.footer__section-row{gap:unset}}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;justify-content:space-between;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}@charset "UTF-8";.currency-select-container{align-items:center;display:flex;margin-right:18px;position:relative}.currency-select-container .currency-flag{margin-right:5px}.currency-select-container .currency-flag img{height:15px;-o-object-fit:cover;object-fit:cover;width:20px}.currency-select-container .currency-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:none;color:#000;cursor:pointer;font-family:inherit;font-size:14px;margin:0;outline:none;padding:5px 15px 5px 5px}.currency-select-container .currency-select::-ms-expand{display:none}.currency-select-container .currency-select:focus{box-shadow:none;outline:none}.currency-select-container .currency-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.currency-select-container:after{color:#000;content:"▼";font-size:10px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media only screen and (max-width:879px){.currency-select-container .currency-select{appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;padding-right:0}.currency-select-container:after{display:none}}.currency-select-container.disabled{cursor:not-allowed;opacity:.7}.currency-select-container.disabled .currency-select{pointer-events:none}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:20px;text-transform:uppercase}.side-nav__menu-icon{display:flex;height:25px;margin-right:10px;width:25px}.side-nav__menu-divider{margin-bottom:40px}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.search-results{background:#fff;border:1px solid #dfdede;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;position:absolute;width:770px;z-index:50}@media only screen and (max-width:1052px){.search-results{border:none;box-shadow:none;flex-direction:column;left:0;right:0;top:100%;width:100%}}.search-results__section:first-child{border-right:1px solid #dfdede;flex:1;min-width:240px}.search-results__section:last-child{display:flex;flex:2;flex-direction:column}.search-results__section-header{align-items:center;display:flex;justify-content:space-between}.search-results__header{color:#000;font-family:Martel Sans;font-size:14px;font-weight:600;margin-bottom:0;padding:16px 20px;text-transform:uppercase}.search-results__view-all-link{display:none}@media only screen and (max-width:879px){.search-results__view-all-link{color:#000;display:block;font-family:Martel Sans;font-size:14px;margin-right:20px}}.search-results__list{display:flex;flex-direction:column}.search-results__item{color:grey;font-family:Martel Sans;font-size:14px;padding:8px 20px;text-decoration:none}.search-results__product-list{display:flex;flex-direction:column;overflow-y:auto}.product-card{color:inherit;display:flex;padding:12px 20px;text-decoration:none;transition:background-color .15s ease}.product-card:hover{background-color:#f4f4f4}.product-card__image-container{border-radius:2px;flex-shrink:0;height:90px;margin-right:16px;overflow:hidden;width:90px}.product-card__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.product-card__details{display:flex;flex:1;flex-direction:column}.product-card__name{color:#000;font-family:Martel Sans;font-size:14px;line-height:1.4;margin-bottom:24px}.product-card__brand-name{font-weight:600}.product-card__info-row{align-items:flex-end;display:flex;justify-content:space-between}@media only screen and (max-width:879px){.product-card__info-row{align-items:flex-start;flex-direction:column}}.product-card__price-group{display:flex;flex-direction:column;gap:4px}.product-card__price{color:#000;font-family:Martel Sans;font-size:14px;font-weight:600;line-height:1}.product-card__retail-price{color:#939393;font-family:Martel Sans;font-size:14px;text-decoration:line-through}.product-card__condition{color:#000;font-family:Martel Sans;font-size:13px;margin-right:20px;text-align:right}.product-card__condition-label{color:#939393;margin-right:4px}.search-results__view-all-button{background-color:#f5f0ea!important;border:none;color:#000;cursor:pointer;font-family:Martel Sans;font-size:13px;font-weight:400;padding:16px;text-align:center}@media only screen and (max-width:879px){.search-results__view-all-button{display:none}}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 15px}.stores-dropdown__image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.stores-dropdown__store-details{flex-basis:20%}.stores-dropdown__title{font-family:El Messiri}.stores-dropdown__main-title,.stores-dropdown__title{font-size:16px;font-weight:400;letter-spacing:3px;margin-top:20px}.stores-dropdown__main-title{font-weight:700;margin-bottom:10px}.stores-dropdown__open-days{font-size:12px;font-weight:700;line-height:20px}.stores-dropdown__open-hours{font-size:12px;font-weight:400;line-height:20px}.stores-dropdown__queries-title{font-family:El Messiri;font-size:16px;font-weight:400;letter-spacing:3px}.stores-dropdown__contact-details{font-size:16px;font-weight:700}.stores-dropdown__view-more{cursor:pointer;font-size:14px;font-weight:400;margin-top:10px;text-transform:capitalize}.dropdown{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;min-height:500px;overflow-x:auto;padding:20px 0}.dropdown__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center;min-height:300px}.dropdown__column{flex:1;padding-left:12px}.dropdown__column:nth-child(2){flex:2}.dropdown__title{font-family:El Messiri;font-size:16px;font-weight:700;letter-spacing:3px;line-height:1;margin-bottom:20px;text-transform:uppercase}.dropdown__elements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.dropdown__brand-elements{-moz-column-count:3;column-count:3;max-height:800px}.dropdown__brand-element{cursor:pointer;margin-bottom:10px}.dropdown__element{flex-basis:33.33%;font-family:Martel Sans;font-size:14px;font-weight:400;margin-bottom:10px;text-transform:capitalize}.cover-spinner{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;height:100%;justify-content:center;min-height:400px;position:relative;top:50%;width:100%;z-index:9999}.cover-spinner:after{animation:spin 1.5s linear infinite;border:4px dotted #000;border-radius:50%;border-top-color:transparent;content:"";display:block;height:40px;position:absolute;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
1
+ .interests__add-button{display:flex;flex-direction:row;gap:10px;width:100%}@media only screen and (max-width:879px){.interests__add-button{flex-direction:column}}.interests__section-wrapper{display:flex;flex-direction:column;width:100%}.interests__select-option{display:flex;flex-direction:column;margin-bottom:15px}.interests__title{font-family:El Messiri;font-size:16px;margin-bottom:10px}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;justify-content:space-between;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}@media only screen and (max-width:879px){.navbar{padding-top:12px}}.navbar__link-item--desktop{align-items:center;display:flex;height:35px;margin:auto 0;padding-top:5px}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;padding-left:16px;padding-right:16px}.navbar__container{display:flex;margin:0 auto;max-width:1280px;padding-left:12px;padding-right:12px;width:100%}.navbar__body{flex-basis:60%}.navbar__wrapper{align-items:center;display:flex;gap:10px;justify-content:flex-start;width:100%}@media only screen and (max-width:879px){.navbar__wrapper .navbar__menu-icon-wrapper{margin-right:10px}.navbar__wrapper .navbar__logo{margin-left:0;margin-right:auto}.navbar__wrapper .navbar__icons-wrapper{align-items:center;display:flex;gap:20px;margin-left:auto}.navbar__wrapper .navbar__icons{align-items:center;display:flex;gap:20px;margin:0}.navbar__wrapper .navbar__icon{margin:0}}.navbar__product-search-wrapper{align-items:center;display:flex;justify-content:center;padding:0 20%;width:100%}@media only screen and (max-width:879px){.navbar__product-search-wrapper{padding:0}}.navbar__search-container{width:100%}.navbar__input-close-icon{height:auto;margin-bottom:10px;margin-left:10px;width:20px}@media only screen and (max-width:879px){.navbar__input-close-icon{margin-bottom:0;margin-left:0;width:15px}}.navbar__menu-icon{width:20px}.navbar__product-search{align-items:center;display:flex;max-width:545px;width:100%}.navbar__logo-wrapper{margin-right:18px;width:200px}.navbar__logo{width:200px}@media only screen and (max-width:879px){.navbar__logo{margin-left:10px;margin-top:5px;width:150px}}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:13px;outline:none;padding:8px;width:100%}.navbar__product-search{border:1px solid #dfdede;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__product-search{border:none;border-bottom:1px solid #dfdede;margin-bottom:0;margin-right:10px;margin-top:10px}}.navbar__section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.navbar__link{display:inline-block;font-family:Martel Sans;font-size:14px;font-weight:700;margin-right:10px;overflow:hidden;text-transform:uppercase;transition:.3s ease-in-out}.navbar__link:after{background-color:#000;content:"";display:block;height:2px;transition:width .25s ease-out;width:0}.navbar__link:hover:after{width:100%}.navbar__link:hover .navbar__dropdown{animation:fadeInDropdown .3s ease-in-out;display:block}.navbar__dropdown{background-color:#fff;box-shadow:5px 5px 5px #dfdede;display:none;left:0;position:absolute;width:100%;z-index:999}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar__company-link{font-size:13px;font-weight:400;list-style:none;margin-left:18px;text-decoration:none}.navbar__company-block{align-items:center;background-color:#000;color:#fff;display:flex;font-weight:700;height:33px;justify-content:center;margin-right:0;padding:0 18px;text-transform:uppercase}.navbar__input-search-icon{height:auto;margin-left:1.125rem;margin-right:.375rem;width:15px}.navbar__nav-links{align-items:center;display:flex}.navbar__nav-links--wrap{flex-wrap:wrap}.navbar__icons{align-items:center;display:flex;height:40px;justify-content:flex-end;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__icons{display:block;height:20px;margin-bottom:0}}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}.navbar__icon.navbar__cart-icon{margin-right:0}.navbar__icon--app{cursor:pointer;height:auto;margin-left:12px;width:20px}@media only screen and (max-width:879px){.navbar__icon--app{margin-right:0}}.navbar__loyalty-icon{height:18px;position:absolute;right:-14px;top:-6px;width:18px}.navbar__cart-icon{position:relative}.navbar__cart-count{bottom:50%;font-size:13px;height:20px;left:60%;position:absolute;width:20px}.navbar__account-initials,.navbar__cart-count{align-items:center;background-color:#f2eeeb;border-radius:50%;color:#000;display:flex;justify-content:center}.navbar__account-initials{font-size:11px;font-weight:500;height:24px;text-transform:uppercase;width:24px}.footer__newsletter-section{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.265rem 0}@media only screen and (max-width:879px){.footer__newsletter-section{flex-direction:column}}.footer__newsletter-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__newsletter-wrapper{flex-direction:column}.footer__link-container{flex-basis:50%}}.footer__newsletter-icon{height:30px;position:absolute;right:0;top:0;width:32px}.footer__newsletter-form{flex-basis:50%;max-width:250px;position:relative}@media only screen and (max-width:879px){.footer__newsletter-form{display:block;margin-top:20px;max-width:100%;width:100%}}.footer__newsletter-title{font-family:Martel Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:1.125rem;text-transform:uppercase}.footer__newsletter-text{font-size:14px}.footer__form-input{background-color:#000;border:none;border-bottom:1px solid #fff;color:#fff;height:30px;outline:none;width:100%}.footer__form-input::-moz-placeholder{color:#fff;font-weight:400}.footer__form-input::placeholder{color:#fff;font-weight:400}.footer__form-errors{color:#fff;margin-top:5px}.footer__main-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:80px}.footer__link-title{font-family:El Messiri;font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase}@media only screen and (max-width:879px){.footer__link-title{margin-bottom:10px}}.footer__link-child{margin-top:25px}.footer__links{display:flex;flex-direction:column}.footer__link{color:#939393;cursor:pointer;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:7px;text-align:left;text-decoration:none}.footer__link:hover{color:#000;text-decoration:underline}@media only screen and (max-width:879px){.footer__link{margin-bottom:10px}}.footer__link-wrapper{align-items:center;display:flex;gap:5px}.footer__link-icon{height:30px;margin-bottom:18px}.footer__text{color:#939393;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__store-hours{margin-top:35px}.footer__copyrights-section{border-top:1px solid;display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px}.footer__logo{height:30px;width:135px}.footer__payment-icons{align-items:center;display:flex;gap:8px}.footer__wrapper{margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__wrapper{padding:32px 0 0 24px}}.footer__wrapper--desktop{display:block}@media only screen and (max-width:879px){.footer__wrapper--desktop{display:none}}.footer__wrapper--mobile{display:none}@media only screen and (max-width:879px){.footer__wrapper--mobile{display:block;padding-top:30px}}.footer__copyright{font-size:10px;line-height:22px}.footer__copyright--mobile{display:none}@media only screen and (max-width:879px){.footer__copyright--mobile{display:block;padding:30px 10px 30px 0;text-align:center}}.footer__section-row{display:flex;gap:50%}@media only screen and (max-width:879px){.footer__section-row{gap:unset}}@charset "UTF-8";.currency-select-container{align-items:center;display:flex;margin-right:18px;position:relative}.currency-select-container .currency-flag{margin-right:5px}.currency-select-container .currency-flag img{height:15px;-o-object-fit:cover;object-fit:cover;width:20px}.currency-select-container .currency-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:none;color:#000;cursor:pointer;font-family:inherit;font-size:14px;margin:0;outline:none;padding:5px 15px 5px 5px}.currency-select-container .currency-select::-ms-expand{display:none}.currency-select-container .currency-select:focus{box-shadow:none;outline:none}.currency-select-container .currency-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.currency-select-container:after{color:#000;content:"▼";font-size:10px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media only screen and (max-width:879px){.currency-select-container .currency-select{appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;padding-right:0}.currency-select-container:after{display:none}}.currency-select-container.disabled{cursor:not-allowed;opacity:.7}.currency-select-container.disabled .currency-select{pointer-events:none}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:20px;text-transform:uppercase}.side-nav__menu-icon{display:flex;height:25px;margin-right:10px;width:25px}.side-nav__menu-divider{margin-bottom:40px}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 15px}.stores-dropdown__image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.stores-dropdown__store-details{flex-basis:20%}.stores-dropdown__title{font-family:El Messiri}.stores-dropdown__main-title,.stores-dropdown__title{font-size:16px;font-weight:400;letter-spacing:3px;margin-top:20px}.stores-dropdown__main-title{font-weight:700;margin-bottom:10px}.stores-dropdown__open-days{font-size:12px;font-weight:700;line-height:20px}.stores-dropdown__open-hours{font-size:12px;font-weight:400;line-height:20px}.stores-dropdown__queries-title{font-family:El Messiri;font-size:16px;font-weight:400;letter-spacing:3px}.stores-dropdown__contact-details{font-size:16px;font-weight:700}.stores-dropdown__view-more{cursor:pointer;font-size:14px;font-weight:400;margin-top:10px;text-transform:capitalize}.search-results{background:#fff;border:1px solid #dfdede;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;position:absolute;width:770px;z-index:50}@media only screen and (max-width:1052px){.search-results{border:none;box-shadow:none;flex-direction:column;left:0;right:0;top:100%;width:100%}}.search-results__section:first-child{border-right:1px solid #dfdede;flex:1;min-width:240px}.search-results__section:last-child{display:flex;flex:2;flex-direction:column}.search-results__section-header{align-items:center;display:flex;justify-content:space-between}.search-results__header{color:#000;font-family:Martel Sans;font-size:14px;font-weight:600;margin-bottom:0;padding:16px 20px;text-transform:uppercase}.search-results__view-all-link{display:none}@media only screen and (max-width:879px){.search-results__view-all-link{color:#000;display:block;font-family:Martel Sans;font-size:14px;margin-right:20px}}.search-results__list{display:flex;flex-direction:column}.search-results__item{color:grey;font-family:Martel Sans;font-size:14px;padding:8px 20px;text-decoration:none}.search-results__product-list{display:flex;flex-direction:column;overflow-y:auto}.product-card{color:inherit;display:flex;padding:12px 20px;text-decoration:none;transition:background-color .15s ease}.product-card:hover{background-color:#f4f4f4}.product-card__image-container{border-radius:2px;flex-shrink:0;height:90px;margin-right:16px;overflow:hidden;width:90px}.product-card__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.product-card__details{display:flex;flex:1;flex-direction:column}.product-card__name{color:#000;font-family:Martel Sans;font-size:14px;line-height:1.4;margin-bottom:24px}.product-card__brand-name{font-weight:600}.product-card__info-row{align-items:flex-end;display:flex;justify-content:space-between}@media only screen and (max-width:879px){.product-card__info-row{align-items:flex-start;flex-direction:column}}.product-card__price-group{display:flex;flex-direction:column;gap:4px}.product-card__price{color:#000;font-family:Martel Sans;font-size:14px;font-weight:600;line-height:1}.product-card__retail-price{color:#939393;font-family:Martel Sans;font-size:14px;text-decoration:line-through}.product-card__condition{color:#000;font-family:Martel Sans;font-size:13px;margin-right:20px;text-align:right}.product-card__condition-label{color:#939393;margin-right:4px}.search-results__view-all-button{background-color:#f5f0ea!important;border:none;color:#000;cursor:pointer;font-family:Martel Sans;font-size:13px;font-weight:400;padding:16px;text-align:center}@media only screen and (max-width:879px){.search-results__view-all-button{display:none}}.dropdown{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;min-height:500px;overflow-x:auto;padding:20px 0}.dropdown__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center;min-height:300px}.dropdown__column{flex:1;padding-left:12px}.dropdown__column:nth-child(2){flex:2}.dropdown__title{font-family:El Messiri;font-size:16px;font-weight:700;letter-spacing:3px;line-height:1;margin-bottom:20px;text-transform:uppercase}.dropdown__elements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.dropdown__brand-elements{-moz-column-count:3;column-count:3;max-height:800px}.dropdown__brand-element{cursor:pointer;margin-bottom:10px}.dropdown__element{flex-basis:33.33%;font-family:Martel Sans;font-size:14px;font-weight:400;margin-bottom:10px;text-transform:capitalize}.cover-spinner{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;height:100%;justify-content:center;min-height:400px;position:relative;top:50%;width:100%;z-index:9999}.cover-spinner:after{animation:spin 1.5s linear infinite;border:4px dotted #000;border-radius:50%;border-top-color:transparent;content:"";display:block;height:40px;position:absolute;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
package/build/bundle.js CHANGED
@@ -1565,10 +1565,10 @@
1565
1565
  var relativeInlineStyle = styled.css(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n position: relative;\n"])));
1566
1566
  var topMiddleBodyStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
1567
1567
  var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
1568
- return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
1568
+ return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
1569
1569
  };
1570
1570
  var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
1571
- return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
1571
+ return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
1572
1572
  };
1573
1573
  var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
1574
1574
  return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n /*Top Arrow*/\n bottom: 100%; /* At the top of the tooltip */\n top: initial;\n left: 50%;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
@@ -1578,10 +1578,10 @@
1578
1578
 
1579
1579
  var getBodyStyle = function getBodyStyle() {
1580
1580
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
1581
- var _props$toolTipPositio = props.toolTipPosition,
1582
- toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
1581
+ var _props$$toolTipPositi = props.$toolTipPosition,
1582
+ $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
1583
1583
 
1584
- switch (toolTipPosition) {
1584
+ switch ($toolTipPosition) {
1585
1585
  case 'top':
1586
1586
  return topMiddleBodyStyle;
1587
1587
 
@@ -1595,9 +1595,9 @@
1595
1595
 
1596
1596
  var getAfterStyling = function getAfterStyling() {
1597
1597
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
1598
- var toolTipPosition = props.toolTipPosition;
1598
+ var $toolTipPosition = props.$toolTipPosition;
1599
1599
 
1600
- switch (toolTipPosition) {
1600
+ switch ($toolTipPosition) {
1601
1601
  case 'top':
1602
1602
  return getTopMiddleArrowAfterStyle(props);
1603
1603
 
@@ -1610,7 +1610,7 @@
1610
1610
  };
1611
1611
 
1612
1612
  var Body$1 = styled__default.span(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
1613
- return props.bodyWidth;
1613
+ return props.$bodyWidth;
1614
1614
  }, function (props) {
1615
1615
  return props.theme.colors.base || 'black';
1616
1616
  }, function (props) {
@@ -1622,33 +1622,33 @@
1622
1622
  var _templateObject$k;
1623
1623
  var Container = styled__default.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral(["\n ", ";\n cursor: pointer;\n &:hover ", " {\n opacity: 1;\n visibility: visible;\n }\n"])), relativeInlineStyle, Body$1);
1624
1624
 
1625
+ /* eslint-disable react/require-default-props */
1626
+
1625
1627
  var Tooltip = function Tooltip(_ref) {
1626
- var children = _ref.children,
1627
- toolTipText = _ref.toolTipText,
1628
- toolTipPosition = _ref.toolTipPosition,
1629
- bodyWidth = _ref.bodyWidth,
1630
- apexWidth = _ref.apexWidth,
1631
- containerClassName = _ref.containerClassName,
1632
- bodyClassName = _ref.bodyClassName;
1628
+ var _ref$children = _ref.children,
1629
+ children = _ref$children === void 0 ? null : _ref$children,
1630
+ _ref$toolTipText = _ref.toolTipText,
1631
+ toolTipText = _ref$toolTipText === void 0 ? '' : _ref$toolTipText,
1632
+ _ref$toolTipPosition = _ref.toolTipPosition,
1633
+ toolTipPosition = _ref$toolTipPosition === void 0 ? 'top' : _ref$toolTipPosition,
1634
+ _ref$bodyWidth = _ref.bodyWidth,
1635
+ bodyWidth = _ref$bodyWidth === void 0 ? '8em' : _ref$bodyWidth,
1636
+ _ref$apexWidth = _ref.apexWidth,
1637
+ apexWidth = _ref$apexWidth === void 0 ? '5px' : _ref$apexWidth,
1638
+ _ref$containerClassNa = _ref.containerClassName,
1639
+ containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
1640
+ _ref$bodyClassName = _ref.bodyClassName,
1641
+ bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName;
1633
1642
  return /*#__PURE__*/React__default.createElement(Container, {
1634
1643
  className: containerClassName
1635
1644
  }, children, /*#__PURE__*/React__default.createElement(Body$1, {
1636
- toolTipPosition: toolTipPosition,
1637
- bodyWidth: bodyWidth,
1638
- apexWidth: apexWidth,
1645
+ $toolTipPosition: toolTipPosition,
1646
+ $bodyWidth: bodyWidth,
1647
+ $apexWidth: apexWidth,
1639
1648
  className: bodyClassName
1640
1649
  }, toolTipText));
1641
1650
  };
1642
1651
 
1643
- Tooltip.defaultProps = {
1644
- children: null,
1645
- toolTipText: '',
1646
- toolTipPosition: 'top',
1647
- bodyWidth: '8em',
1648
- apexWidth: '5px',
1649
- containerClassName: '',
1650
- bodyClassName: ''
1651
- };
1652
1652
  var Tooltip$1 = themed(Tooltip);
1653
1653
 
1654
1654
  var _templateObject$l, _templateObject2$2;
@@ -15500,6 +15500,7 @@
15500
15500
  track: link === null || link === void 0 ? void 0 : link.track,
15501
15501
  target: link.target
15502
15502
  }, link.label) : /*#__PURE__*/React__default.createElement("div", {
15503
+ key: link.label,
15503
15504
  className: "footer__text"
15504
15505
  }, link.label);
15505
15506
  })));
@@ -16000,7 +16001,6 @@
16000
16001
  var useSearch = function useSearch(_ref) {
16001
16002
  var endpoint = _ref.endpoint,
16002
16003
  onProductIdsReceived = _ref.onProductIdsReceived,
16003
- onSearchLoading = _ref.onSearchLoading,
16004
16004
  currency = _ref.currency,
16005
16005
  onSearchPreview = _ref.onSearchPreview;
16006
16006
  var currentSearchRequestToken = React.useRef(null);
@@ -16051,12 +16051,7 @@
16051
16051
 
16052
16052
 
16053
16053
  var newSearchToken = axios.CancelToken.source();
16054
- currentSearchRequestToken.current = newSearchToken; // Set loading to true when starting the search request
16055
-
16056
- if (typeof onSearchLoading === 'function') {
16057
- onSearchLoading(true);
16058
- }
16059
-
16054
+ currentSearchRequestToken.current = newSearchToken;
16060
16055
  axios.post(endpoint, searchProducts(searchQuery, 3, currency), {
16061
16056
  cancelToken: newSearchToken.token
16062
16057
  }).then(function (response) {
@@ -16078,11 +16073,7 @@
16078
16073
  });
16079
16074
  }
16080
16075
 
16081
- currentSearchRequestToken.current = null; // Set loading to false when search completes successfully
16082
-
16083
- if (typeof onSearchLoading === 'function') {
16084
- onSearchLoading(false);
16085
- }
16076
+ currentSearchRequestToken.current = null;
16086
16077
  }
16087
16078
  }).catch(function (error) {
16088
16079
  if (!axios.isCancel(error)) {
@@ -16091,14 +16082,10 @@
16091
16082
  products: [],
16092
16083
  luxity_product_ids: []
16093
16084
  });
16094
- currentSearchRequestToken.current = null; // Set loading to false when search fails
16095
-
16096
- if (typeof onSearchLoading === 'function') {
16097
- onSearchLoading(false);
16098
- }
16085
+ currentSearchRequestToken.current = null;
16099
16086
  }
16100
16087
  });
16101
- }, [endpoint, currency, onSearchPreview, onProductIdsReceived, onSearchLoading]);
16088
+ }, [endpoint, currency, onSearchPreview, onProductIdsReceived]);
16102
16089
  var debouncedSearch = React.useMemo(function () {
16103
16090
  return debounce(function (searchQuery, setSearchResults) {
16104
16091
  return performSearch(searchQuery, setSearchResults);
@@ -16255,7 +16242,6 @@
16255
16242
  onProductSearchResultClick = _ref.onProductSearchResultClick,
16256
16243
  onBrandSearchResultClick = _ref.onBrandSearchResultClick,
16257
16244
  onProductIdsReceived = _ref.onProductIdsReceived,
16258
- onSearchLoading = _ref.onSearchLoading,
16259
16245
  currency = _ref.currency,
16260
16246
  currencySymbol = _ref.currencySymbol,
16261
16247
  currencyOptions = _ref.currencyOptions,
@@ -16274,7 +16260,6 @@
16274
16260
  var _useSearch = useSearch({
16275
16261
  endpoint: endpoint,
16276
16262
  onProductIdsReceived: onProductIdsReceived,
16277
- onSearchLoading: onSearchLoading,
16278
16263
  currency: currency,
16279
16264
  onSearchPreview: onSearchPreview
16280
16265
  }),
@@ -17173,7 +17158,6 @@
17173
17158
  onProductSearchResultClick = _ref.onProductSearchResultClick,
17174
17159
  onBrandSearchResultClick = _ref.onBrandSearchResultClick,
17175
17160
  onProductIdsReceived = _ref.onProductIdsReceived,
17176
- onSearchLoading = _ref.onSearchLoading,
17177
17161
  onLogoutClick = _ref.onLogoutClick,
17178
17162
  onInterestClick = _ref.onInterestClick,
17179
17163
  onAddressClick = _ref.onAddressClick,
@@ -17199,7 +17183,6 @@
17199
17183
  var _useSearch = useSearch({
17200
17184
  endpoint: endpoint,
17201
17185
  onProductIdsReceived: onProductIdsReceived,
17202
- onSearchLoading: onSearchLoading,
17203
17186
  currency: currency,
17204
17187
  onSearchPreview: onSearchPreview
17205
17188
  }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.37.6",
3
+ "version": "2.37.7",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",