@bonlineza/luxity-lib 2.39.5 → 2.39.6

package/LuxitySideNav.js

@@ -1,738 +1,730 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('axios'), require('styled-components')) :
-  typeof define === 'function' && define.amd ? define(['react', 'axios', 'styled-components'], factory) :
-  (global = global || self, global.LuxitySideNav = factory(global.React, global.axios, global.styled));
-}(this, (function (React, axios, styled) { 'use strict';
-
-  var React__default = 'default' in React ? React['default'] : React;
-  axios = axios && Object.prototype.hasOwnProperty.call(axios, 'default') ? axios['default'] : axios;
-  var styled__default = 'default' in styled ? styled['default'] : styled;
-
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols);
-    }
-
-    return keys;
+import React, { forwardRef, useState, useMemo } from 'react';
+import axios from 'axios';
+import styled, { css, ThemeProvider } from 'styled-components';
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
-  function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+  return keys;
+}
 
-    return target;
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
-  function _defineProperty(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
+  return target;
+}
 
-    return obj;
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
   }
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
+  return obj;
+}
 
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
         }
       }
+    }
+
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
 
-      return target;
-    };
-    return _extends.apply(this, arguments);
+function _taggedTemplateLiteral(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
   }
 
-  function _taggedTemplateLiteral(strings, raw) {
-    if (!raw) {
-      raw = strings.slice(0);
+  return Object.freeze(Object.defineProperties(strings, {
+    raw: {
+      value: Object.freeze(raw)
     }
+  }));
+}
 
-    return Object.freeze(Object.defineProperties(strings, {
-      raw: {
-        value: Object.freeze(raw)
-      }
-    }));
-  }
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
 
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-  }
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
 
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
+function _iterableToArrayLimit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
 
-  function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i == null) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
 
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
+  var _s, _e;
 
-    var _s, _e;
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
 
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
     try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
+      if (!_n && _i["return"] != null) _i["return"]();
     } finally {
-      try {
-        if (!_n && _i["return"] != null) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
+      if (_d) throw _e;
     }
-
-    return _arr;
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-    return arr2;
   }
 
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  var StoresDropdown = function StoresDropdown(_ref) {
-    var backIcon = _ref.backIcon,
-        onBackClick = _ref.onBackClick,
-        stores = _ref.stores,
-        onContactUsClick = _ref.onContactUsClick;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__sub-menu"
-    }, /*#__PURE__*/React__default.createElement("button", {
+  return _arr;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+  return arr2;
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+var StoresDropdown = function StoresDropdown(_ref) {
+  var backIcon = _ref.backIcon,
+      onBackClick = _ref.onBackClick,
+      stores = _ref.stores,
+      onContactUsClick = _ref.onContactUsClick;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__sub-menu"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "side-nav__back-button-wrapper",
+    onClick: onBackClick
+  }, /*#__PURE__*/React.createElement("img", {
+    src: backIcon,
+    alt: "back-icon",
+    className: "side-nav__back-icon"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__back-button"
+  }, "Back To Menu")), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__store-details"
+  }, !!stores.length && stores.map(function (store) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "stores-dropdown__main-title"
+    }, store.title, ", ", store.location), /*#__PURE__*/React.createElement("div", {
+      className: "stores-dropdown__open-days"
+    }, store.regularOpenDays), /*#__PURE__*/React.createElement("div", {
+      className: "stores-dropdown__open-hours"
+    }, store.regularOpenHours), /*#__PURE__*/React.createElement("div", {
+      className: "stores-dropdown__open-days"
+    }, store.holidayOpenDays), /*#__PURE__*/React.createElement("div", {
+      className: "stores-dropdown__open-hours"
+    }, store.holidayOpenHours), /*#__PURE__*/React.createElement("div", {
+      className: "stores-dropdown__open-days"
+    }, store.weekendOpenDays), /*#__PURE__*/React.createElement("div", {
+      className: "stores-dropdown__open-hours"
+    }, store.weekendOpenHours), /*#__PURE__*/React.createElement("button", {
       type: "button",
-      className: "side-nav__back-button-wrapper",
-      onClick: onBackClick
-    }, /*#__PURE__*/React__default.createElement("img", {
-      src: backIcon,
-      alt: "back-icon",
-      className: "side-nav__back-icon"
-    }), /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__back-button"
-    }, "Back To Menu")), /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__store-details"
-    }, !!stores.length && stores.map(function (store) {
-      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-        className: "stores-dropdown__main-title"
-      }, store.title, ", ", store.location), /*#__PURE__*/React__default.createElement("div", {
-        className: "stores-dropdown__open-days"
-      }, store.regularOpenDays), /*#__PURE__*/React__default.createElement("div", {
-        className: "stores-dropdown__open-hours"
-      }, store.regularOpenHours), /*#__PURE__*/React__default.createElement("div", {
-        className: "stores-dropdown__open-days"
-      }, store.holidayOpenDays), /*#__PURE__*/React__default.createElement("div", {
-        className: "stores-dropdown__open-hours"
-      }, store.holidayOpenHours), /*#__PURE__*/React__default.createElement("div", {
-        className: "stores-dropdown__open-days"
-      }, store.weekendOpenDays), /*#__PURE__*/React__default.createElement("div", {
-        className: "stores-dropdown__open-hours"
-      }, store.weekendOpenHours), /*#__PURE__*/React__default.createElement("button", {
-        type: "button",
-        className: "stores-dropdown__view-more",
-        onClick: onContactUsClick
-      }, "View More"));
-    })));
+      className: "stores-dropdown__view-more",
+      onClick: onContactUsClick
+    }, "View More"));
+  })));
+};
+
+var BrandsDropDown = function BrandsDropDown(_ref) {
+  var subMenuOpen = _ref.subMenuOpen,
+      onBackClick = _ref.onBackClick,
+      onCloseSideNav = _ref.onCloseSideNav,
+      backIcon = _ref.backIcon,
+      subMenuCategoryTitle = _ref.subMenuCategoryTitle,
+      productUrl = _ref.productUrl,
+      categoryElements = _ref.categoryElements,
+      subMenuBrandsTitle = _ref.subMenuBrandsTitle,
+      _ref$brandsList = _ref.brandsList,
+      brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
+      categorySlug = _ref.categorySlug,
+      isLoading = _ref.isLoading,
+      hasError = _ref.hasError,
+      LinkComponent = _ref.LinkComponent;
+
+  var handleLinkClick = function handleLinkClick(event) {
+    event.preventDefault();
+    var href = event.currentTarget.getAttribute('href');
+    onBackClick();
+    onCloseSideNav();
+    window.location.href = href;
   };
 
-  var BrandsDropDown = function BrandsDropDown(_ref) {
-    var subMenuOpen = _ref.subMenuOpen,
-        onBackClick = _ref.onBackClick,
-        onCloseSideNav = _ref.onCloseSideNav,
-        backIcon = _ref.backIcon,
-        subMenuCategoryTitle = _ref.subMenuCategoryTitle,
-        productUrl = _ref.productUrl,
-        categoryElements = _ref.categoryElements,
-        subMenuBrandsTitle = _ref.subMenuBrandsTitle,
-        _ref$brandsList = _ref.brandsList,
-        brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
-        categorySlug = _ref.categorySlug,
-        isLoading = _ref.isLoading,
-        hasError = _ref.hasError,
-        LinkComponent = _ref.LinkComponent;
-
-    var handleLinkClick = function handleLinkClick(event) {
-      event.preventDefault();
-      var href = event.currentTarget.getAttribute('href');
-      onBackClick();
-      onCloseSideNav();
-      window.location.href = href;
-    };
-
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
-    }, hasError ? /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__errors"
-    }, "Failed to load data.") : /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__sub-menu-wrapper"
-    }, isLoading ? /*#__PURE__*/React__default.createElement("div", {
-      className: "cover-spinner"
-    }) : /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__sub-menu"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      className: "side-nav__back-button-wrapper",
-      onClick: onBackClick
-    }, /*#__PURE__*/React__default.createElement("img", {
-      src: backIcon,
-      alt: "back-icon",
-      className: "side-nav__back-icon"
-    }), /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__back-button"
-    }, "Back To Menu")), /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__sub-menu-title"
-    }, subMenuCategoryTitle), /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__elements"
-    }, categoryElements.map(function (categoryElement) {
-      return categoryElement.category ? /*#__PURE__*/React__default.createElement(LinkComponent, {
-        href: "".concat(productUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
-        onClick: handleLinkClick,
-        className: "dropdown__element",
-        key: categoryElement.name
-      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement(LinkComponent, {
-        href: "".concat(productUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
-        onClick: handleLinkClick,
-        className: "dropdown__element",
-        key: categoryElement.name
-      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase());
-    })), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__elements"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__sub-menu-title"
-    }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement(LinkComponent, {
-      href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug),
+  return /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
+  }, hasError ? /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__errors"
+  }, "Failed to load data.") : /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__sub-menu-wrapper"
+  }, isLoading ? /*#__PURE__*/React.createElement("div", {
+    className: "cover-spinner"
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__sub-menu"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "side-nav__back-button-wrapper",
+    onClick: onBackClick
+  }, /*#__PURE__*/React.createElement("img", {
+    src: backIcon,
+    alt: "back-icon",
+    className: "side-nav__back-icon"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__back-button"
+  }, "Back To Menu")), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__sub-menu-title"
+  }, subMenuCategoryTitle), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__elements"
+  }, categoryElements.map(function (categoryElement) {
+    return categoryElement.category ? /*#__PURE__*/React.createElement(LinkComponent, {
+      href: "".concat(productUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
+      onClick: handleLinkClick,
+      className: "dropdown__element",
+      key: categoryElement.name
+    }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React.createElement(LinkComponent, {
+      href: "".concat(productUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
+      onClick: handleLinkClick,
+      className: "dropdown__element",
+      key: categoryElement.name
+    }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase());
+  })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__elements"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__sub-menu-title"
+  }, subMenuBrandsTitle), /*#__PURE__*/React.createElement(LinkComponent, {
+    href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug),
+    onClick: handleLinkClick,
+    className: "side-nav__element"
+  }, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
+    return /*#__PURE__*/React.createElement(LinkComponent, {
+      key: brand.slug,
+      href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug, "/").concat(brand.slug),
       onClick: handleLinkClick,
       className: "side-nav__element"
-    }, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
-      return /*#__PURE__*/React__default.createElement(LinkComponent, {
-        key: brand.slug,
-        href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug, "/").concat(brand.slug),
-        onClick: handleLinkClick,
-        className: "side-nav__element"
-      }, brand.name);
-    })))));
-  };
-
-  var removeCategoryByName = function removeCategoryByName(categories, name) {
-    var _categories$filter;
-
-    return (_categories$filter = categories === null || categories === void 0 ? void 0 : categories.filter(function (category) {
-      return category.name.toLowerCase() !== name.toLowerCase();
-    })) !== null && _categories$filter !== void 0 ? _categories$filter : [];
-  };
+    }, brand.name);
+  })))));
+};
+
+var removeCategoryByName = function removeCategoryByName(categories, name) {
+  var _categories$filter;
+
+  return (_categories$filter = categories === null || categories === void 0 ? void 0 : categories.filter(function (category) {
+    return category.name.toLowerCase() !== name.toLowerCase();
+  })) !== null && _categories$filter !== void 0 ? _categories$filter : [];
+};
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+/* position relative is required for the Body element to be positioned correctly */
+
+var relativeInlineStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
+var topMiddleBodyStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 1;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
+var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
+  return 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);
+};
+var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
+};
+var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
+  return 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);
+};
+
+var _templateObject$1;
+
+var getBodyStyle = function getBodyStyle() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _props$$toolTipPositi = props.$toolTipPosition,
+      $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
+
+  switch ($toolTipPosition) {
+    case 'top':
+      return topMiddleBodyStyle;
+
+    case 'bottom':
+      return getBottomMiddleBodyStyle(props);
+
+    default:
+      return null;
+  }
+};
 
-  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-  /* position relative is required for the Body element to be positioned correctly */
+var getAfterStyling = function getAfterStyling() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var $toolTipPosition = props.$toolTipPosition;
 
-  var relativeInlineStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
-  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"])));
-  var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
-    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);
-  };
-  var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
-    return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
-  };
-  var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
-    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);
-  };
+  switch ($toolTipPosition) {
+    case 'top':
+      return getTopMiddleArrowAfterStyle(props);
 
-  var _templateObject$1;
+    case 'bottom':
+      return getBottomMiddleArrowAfterStyle(props);
 
-  var getBodyStyle = function getBodyStyle() {
-    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var _props$$toolTipPositi = props.$toolTipPosition,
-        $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
+    default:
+      return '';
+  }
+};
+
+var Body = styled.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) {
+  return props.$bodyWidth;
+}, function (props) {
+  return props.theme.colors.base || 'black';
+}, function (props) {
+  return getBodyStyle(props);
+}, function (props) {
+  return getAfterStyling(props);
+});
+
+var _templateObject$2;
+var Container = styled.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  ", ";\n  cursor: pointer;\n  &:hover ", " {\n    opacity: 1;\n    visibility: visible;\n  }\n"])), relativeInlineStyle, Body);
+
+var theme = {
+  breakpoints: ['40em', '52em', '64em'],
+  space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
+  fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
+  marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
+  letterSpacings: ['-0.5px', '0px', '+0.5px'],
+  radii: ['0px', '2px', '4px', '8px'],
+  borderRadius: '6px',
+  colors: {
+    primary: '#000',
+    base: '#4e4949',
+    baseLt: '#817c7c',
+    borderColor: '#d8d8d8',
+    ntrlMin: '#fff',
+    ntrlMinTen: '#e6e6e6',
+    gray: '#efefef',
+    darkerGray: '#454141'
+  },
+  rareStepColors: {
+    primary: '#202b58',
+    secondary: '#ef5c2d',
+    ntrlMin: '#ffffff',
+    ntrl40: '#f4f4f4',
+    ntrl50: '#808080',
+    ntrl60: '#e8e8e8',
+    ntrl70: '#252525',
+    ntrlMax: '#000000'
+  },
+  rareStepFontWeights: {
+    normal: 400,
+    medium: 500,
+    semiBold: 600,
+    bold: 700
+  },
+  rareStepFontSize: {
+    h1: '36px',
+    h2: '30px',
+    h3: '24px',
+    h4: '20px',
+    h5: '16px',
+    h6: '14px',
+    footerTitle: '16px'
+  },
+  rareStepPageSizes: {
+    mobile: '500px',
+    tablet: '768px',
+    desktop: '992px',
+    screenl: '1280px',
+    screenxl: '1680px',
+    screenxxl: '1920px',
+    container: '1600px'
+  }
+};
+
+var themed = (function (Component) {
+  return /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ThemeProvider, {
+      theme: theme
+    }, /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+      ref: ref
+    })));
+  });
+});
+
+/* eslint-disable react/require-default-props */
+
+var Tooltip = function Tooltip(_ref) {
+  var _ref$children = _ref.children,
+      children = _ref$children === void 0 ? null : _ref$children,
+      _ref$toolTipText = _ref.toolTipText,
+      toolTipText = _ref$toolTipText === void 0 ? '' : _ref$toolTipText,
+      _ref$toolTipPosition = _ref.toolTipPosition,
+      toolTipPosition = _ref$toolTipPosition === void 0 ? 'top' : _ref$toolTipPosition,
+      _ref$bodyWidth = _ref.bodyWidth,
+      bodyWidth = _ref$bodyWidth === void 0 ? '8em' : _ref$bodyWidth,
+      _ref$apexWidth = _ref.apexWidth,
+      apexWidth = _ref$apexWidth === void 0 ? '5px' : _ref$apexWidth,
+      _ref$containerClassNa = _ref.containerClassName,
+      containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
+      _ref$bodyClassName = _ref.bodyClassName,
+      bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName;
+  return /*#__PURE__*/React.createElement(Container, {
+    className: containerClassName
+  }, children, /*#__PURE__*/React.createElement(Body, {
+    $toolTipPosition: toolTipPosition,
+    $bodyWidth: bodyWidth,
+    $apexWidth: apexWidth,
+    className: bodyClassName
+  }, toolTipText));
+};
+
+var Tooltip$1 = themed(Tooltip);
+
+var CurrencySelect = function CurrencySelect(_ref) {
+  var currency = _ref.currency,
+      currencyOptions = _ref.currencyOptions,
+      onCurrencyChange = _ref.onCurrencyChange,
+      _ref$isCurrencySelect = _ref.isCurrencySelectionDisabled,
+      isCurrencySelectionDisabled = _ref$isCurrencySelect === void 0 ? false : _ref$isCurrencySelect,
+      _ref$tooltipContent = _ref.tooltipContent,
+      tooltipContent = _ref$tooltipContent === void 0 ? '' : _ref$tooltipContent;
+
+  if (!currencyOptions || currencyOptions.length === 0) {
+    return null;
+  }
 
-    switch ($toolTipPosition) {
-      case 'top':
-        return topMiddleBodyStyle;
+  var selectedOption = currencyOptions.find(function (opt) {
+    return opt.value === currency;
+  });
 
-      case 'bottom':
-        return getBottomMiddleBodyStyle(props);
+  if (!selectedOption) {
+    return null;
+  }
 
-      default:
-        return null;
-    }
+  return /*#__PURE__*/React.createElement(Tooltip$1, {
+    toolTipText: isCurrencySelectionDisabled ? tooltipContent : '',
+    toolTipPosition: "bottom",
+    bodyWidth: "160px"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "currency-select-container ".concat(isCurrencySelectionDisabled ? 'disabled' : '')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "currency-flag"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: selectedOption.flagSrc,
+    alt: "".concat(currency, " flag")
+  })), /*#__PURE__*/React.createElement("select", {
+    value: currency,
+    onChange: function onChange(e) {
+      return onCurrencyChange(e.target.value);
+    },
+    className: "currency-select",
+    disabled: isCurrencySelectionDisabled
+  }, currencyOptions.map(function (option) {
+    return /*#__PURE__*/React.createElement("option", {
+      key: option.value,
+      value: option.value
+    }, option.value, " (", option.symbol, ")");
+  }))));
+};
+
+var LuxitySideNav = function LuxitySideNav(_ref) {
+  var accordionIcon = _ref.accordionIcon,
+      closeIcon = _ref.closeIcon,
+      backIcon = _ref.backIcon,
+      productUrl = _ref.productUrl,
+      onAccountClick = _ref.onAccountClick,
+      onCartClick = _ref.onCartClick,
+      onContactUsClick = _ref.onContactUsClick,
+      onOurStoryClick = _ref.onOurStoryClick,
+      onBlogClick = _ref.onBlogClick,
+      onSellToUsClick = _ref.onSellToUsClick,
+      stores = _ref.stores,
+      categoryElements = _ref.categoryElements,
+      showSideNav = _ref.showSideNav,
+      onMenuClick = _ref.onMenuClick,
+      currency = _ref.currency,
+      currencyOptions = _ref.currencyOptions,
+      onCurrencyChange = _ref.onCurrencyChange,
+      isCurrencySelectionDisabled = _ref.isCurrencySelectionDisabled,
+      tooltipContent = _ref.tooltipContent,
+      LinkComponent = _ref.LinkComponent,
+      categoryConfig = _ref.categoryConfig;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      subMenuOpen = _useState2[0],
+      setSubMenuOpen = _useState2[1];
+
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      displayedSubMenu = _useState4[0],
+      setDisplayedSubMenu = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      loading = _useState6[0],
+      setLoading = _useState6[1];
+
+  var _useState7 = useState({}),
+      _useState8 = _slicedToArray(_useState7, 2),
+      dropdownData = _useState8[0],
+      setDropdownData = _useState8[1];
+
+  var _useState9 = useState(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      hasError = _useState10[0],
+      setHasError = _useState10[1];
+
+  var onSubMenuClick = function onSubMenuClick(subMenu) {
+    setSubMenuOpen(function (prev) {
+      return !prev;
+    });
+    setDisplayedSubMenu(subMenu);
   };
 
-  var getAfterStyling = function getAfterStyling() {
-    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var $toolTipPosition = props.$toolTipPosition;
-
-    switch ($toolTipPosition) {
-      case 'top':
-        return getTopMiddleArrowAfterStyle(props);
-
-      case 'bottom':
-        return getBottomMiddleArrowAfterStyle(props);
+  var onStoresClick = function onStoresClick() {
+    setSubMenuOpen(false);
+    setDisplayedSubMenu('stores');
+  };
 
-      default:
-        return '';
-    }
+  var onBackClick = function onBackClick() {
+    setSubMenuOpen(false);
+    setDisplayedSubMenu('');
   };
 
-  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) {
-    return props.$bodyWidth;
-  }, function (props) {
-    return props.theme.colors.base || 'black';
-  }, function (props) {
-    return getBodyStyle(props);
-  }, function (props) {
-    return getAfterStyling(props);
-  });
+  var onCloseSideNav = function onCloseSideNav(e) {
+    onMenuClick();
+    setSubMenuOpen(false);
+    setDisplayedSubMenu('');
 
-  var _templateObject$2;
-  var Container = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  ", ";\n  cursor: pointer;\n  &:hover ", " {\n    opacity: 1;\n    visibility: visible;\n  }\n"])), relativeInlineStyle, Body);
-
-  var theme = {
-    breakpoints: ['40em', '52em', '64em'],
-    space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
-    fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
-    marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
-    letterSpacings: ['-0.5px', '0px', '+0.5px'],
-    radii: ['0px', '2px', '4px', '8px'],
-    borderRadius: '6px',
-    colors: {
-      primary: '#000',
-      base: '#4e4949',
-      baseLt: '#817c7c',
-      borderColor: '#d8d8d8',
-      ntrlMin: '#fff',
-      ntrlMinTen: '#e6e6e6',
-      gray: '#efefef',
-      darkerGray: '#454141'
-    },
-    rareStepColors: {
-      primary: '#202b58',
-      secondary: '#ef5c2d',
-      ntrlMin: '#ffffff',
-      ntrl40: '#f4f4f4',
-      ntrl50: '#808080',
-      ntrl60: '#e8e8e8',
-      ntrl70: '#252525',
-      ntrlMax: '#000000'
-    },
-    rareStepFontWeights: {
-      normal: 400,
-      medium: 500,
-      semiBold: 600,
-      bold: 700
-    },
-    rareStepFontSize: {
-      h1: '36px',
-      h2: '30px',
-      h3: '24px',
-      h4: '20px',
-      h5: '16px',
-      h6: '14px',
-      footerTitle: '16px'
-    },
-    rareStepPageSizes: {
-      mobile: '500px',
-      tablet: '768px',
-      desktop: '992px',
-      screenl: '1280px',
-      screenxl: '1680px',
-      screenxxl: '1920px',
-      container: '1600px'
+    if (e && e.key === 'Enter') {
+      e.preventDefault();
     }
   };
 
-  var themed = (function (Component) {
-    return /*#__PURE__*/React.forwardRef(function (props, ref) {
-      return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
-        theme: theme
-      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
-        ref: ref
-      })));
+  function addCategoryToElements(elements, categoryName) {
+    return elements.map(function (element) {
+      return _objectSpread2(_objectSpread2({}, element), {}, {
+        category: categoryName
+      });
     });
-  });
-
-  /* eslint-disable react/require-default-props */
-
-  var Tooltip = function Tooltip(_ref) {
-    var _ref$children = _ref.children,
-        children = _ref$children === void 0 ? null : _ref$children,
-        _ref$toolTipText = _ref.toolTipText,
-        toolTipText = _ref$toolTipText === void 0 ? '' : _ref$toolTipText,
-        _ref$toolTipPosition = _ref.toolTipPosition,
-        toolTipPosition = _ref$toolTipPosition === void 0 ? 'top' : _ref$toolTipPosition,
-        _ref$bodyWidth = _ref.bodyWidth,
-        bodyWidth = _ref$bodyWidth === void 0 ? '8em' : _ref$bodyWidth,
-        _ref$apexWidth = _ref.apexWidth,
-        apexWidth = _ref$apexWidth === void 0 ? '5px' : _ref$apexWidth,
-        _ref$containerClassNa = _ref.containerClassName,
-        containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
-        _ref$bodyClassName = _ref.bodyClassName,
-        bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName;
-    return /*#__PURE__*/React__default.createElement(Container, {
-      className: containerClassName
-    }, children, /*#__PURE__*/React__default.createElement(Body, {
-      $toolTipPosition: toolTipPosition,
-      $bodyWidth: bodyWidth,
-      $apexWidth: apexWidth,
-      className: bodyClassName
-    }, toolTipText));
-  };
-
-  var Tooltip$1 = themed(Tooltip);
-
-  var CurrencySelect = function CurrencySelect(_ref) {
-    var currency = _ref.currency,
-        currencyOptions = _ref.currencyOptions,
-        onCurrencyChange = _ref.onCurrencyChange,
-        _ref$isCurrencySelect = _ref.isCurrencySelectionDisabled,
-        isCurrencySelectionDisabled = _ref$isCurrencySelect === void 0 ? false : _ref$isCurrencySelect,
-        _ref$tooltipContent = _ref.tooltipContent,
-        tooltipContent = _ref$tooltipContent === void 0 ? '' : _ref$tooltipContent;
-
-    if (!currencyOptions || currencyOptions.length === 0) {
-      return null;
-    }
+  }
 
-    var selectedOption = currencyOptions.find(function (opt) {
-      return opt.value === currency;
+  useMemo(function () {
+    setLoading(true);
+    axios.get("".concat(categoryConfig.menuData)).then(function (_ref2) {
+      var data = _ref2.data;
+      setLoading(false);
+      setDropdownData(data);
+    }).catch(function () {
+      return setHasError(true);
     });
+  }, [categoryConfig.menuData]);
 
-    if (!selectedOption) {
-      return null;
-    }
+  var renderMenuItems = function renderMenuItems() {
+    return categoryConfig.categories.map(function (category) {
+      var title = category.title,
+          categorySlug = category.categorySlug;
+      var slug = categorySlug;
 
-    return /*#__PURE__*/React__default.createElement(Tooltip$1, {
-      toolTipText: isCurrencySelectionDisabled ? tooltipContent : '',
-      toolTipPosition: "bottom",
-      bodyWidth: "160px"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "currency-select-container ".concat(isCurrencySelectionDisabled ? 'disabled' : '')
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "currency-flag"
-    }, /*#__PURE__*/React__default.createElement("img", {
-      src: selectedOption.flagSrc,
-      alt: "".concat(currency, " flag")
-    })), /*#__PURE__*/React__default.createElement("select", {
-      value: currency,
-      onChange: function onChange(e) {
-        return onCurrencyChange(e.target.value);
-      },
-      className: "currency-select",
-      disabled: isCurrencySelectionDisabled
-    }, currencyOptions.map(function (option) {
-      return /*#__PURE__*/React__default.createElement("option", {
-        key: option.value,
-        value: option.value
-      }, option.value, " (", option.symbol, ")");
-    }))));
-  };
-
-  var LuxitySideNav = function LuxitySideNav(_ref) {
-    var accordionIcon = _ref.accordionIcon,
-        closeIcon = _ref.closeIcon,
-        backIcon = _ref.backIcon,
-        productUrl = _ref.productUrl,
-        onAccountClick = _ref.onAccountClick,
-        onCartClick = _ref.onCartClick,
-        onContactUsClick = _ref.onContactUsClick,
-        onOurStoryClick = _ref.onOurStoryClick,
-        onBlogClick = _ref.onBlogClick,
-        onSellToUsClick = _ref.onSellToUsClick,
-        stores = _ref.stores,
-        categoryElements = _ref.categoryElements,
-        showSideNav = _ref.showSideNav,
-        onMenuClick = _ref.onMenuClick,
-        currency = _ref.currency,
-        currencyOptions = _ref.currencyOptions,
-        onCurrencyChange = _ref.onCurrencyChange,
-        isCurrencySelectionDisabled = _ref.isCurrencySelectionDisabled,
-        tooltipContent = _ref.tooltipContent,
-        LinkComponent = _ref.LinkComponent,
-        categoryConfig = _ref.categoryConfig;
-
-    var _useState = React.useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        subMenuOpen = _useState2[0],
-        setSubMenuOpen = _useState2[1];
-
-    var _useState3 = React.useState(''),
-        _useState4 = _slicedToArray(_useState3, 2),
-        displayedSubMenu = _useState4[0],
-        setDisplayedSubMenu = _useState4[1];
-
-    var _useState5 = React.useState(false),
-        _useState6 = _slicedToArray(_useState5, 2),
-        loading = _useState6[0],
-        setLoading = _useState6[1];
-
-    var _useState7 = React.useState({}),
-        _useState8 = _slicedToArray(_useState7, 2),
-        dropdownData = _useState8[0],
-        setDropdownData = _useState8[1];
-
-    var _useState9 = React.useState(false),
-        _useState10 = _slicedToArray(_useState9, 2),
-        hasError = _useState10[0],
-        setHasError = _useState10[1];
-
-    var onSubMenuClick = function onSubMenuClick(subMenu) {
-      setSubMenuOpen(function (prev) {
-        return !prev;
-      });
-      setDisplayedSubMenu(subMenu);
-    };
-
-    var onStoresClick = function onStoresClick() {
-      setSubMenuOpen(false);
-      setDisplayedSubMenu('stores');
-    };
-
-    var onBackClick = function onBackClick() {
-      setSubMenuOpen(false);
-      setDisplayedSubMenu('');
-    };
-
-    var onCloseSideNav = function onCloseSideNav(e) {
-      onMenuClick();
-      setSubMenuOpen(false);
-      setDisplayedSubMenu('');
-
-      if (e && e.key === 'Enter') {
-        e.preventDefault();
+      if (categorySlug === 'brands') {
+        slug = 'new';
       }
-    };
-
-    function addCategoryToElements(elements, categoryName) {
-      return elements.map(function (element) {
-        return _objectSpread2(_objectSpread2({}, element), {}, {
-          category: categoryName
-        });
-      });
-    }
-
-    React.useMemo(function () {
-      setLoading(true);
-      axios.get("".concat(categoryConfig.menuData)).then(function (_ref2) {
-        var data = _ref2.data;
-        setLoading(false);
-        setDropdownData(data);
-      }).catch(function () {
-        return setHasError(true);
-      });
-    }, [categoryConfig.menuData]);
 
-    var renderMenuItems = function renderMenuItems() {
-      return categoryConfig.categories.map(function (category) {
-        var title = category.title,
-            categorySlug = category.categorySlug;
-        var slug = categorySlug;
-
-        if (categorySlug === 'brands') {
-          slug = 'new';
+      return /*#__PURE__*/React.createElement("div", {
+        className: "side-nav__menu-item",
+        key: slug
+      }, /*#__PURE__*/React.createElement("button", {
+        type: "button",
+        className: "side-nav__menu-title-wrapper",
+        onClick: function onClick() {
+          return onSubMenuClick(slug);
         }
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "side-nav__menu-title"
+      }, title), /*#__PURE__*/React.createElement("img", {
+        src: accordionIcon,
+        alt: "accordion-icon",
+        className: "side-nav__accordion-icon"
+      })));
+    });
+  };
 
-        return /*#__PURE__*/React__default.createElement("div", {
-          className: "side-nav__menu-item",
-          key: slug
-        }, /*#__PURE__*/React__default.createElement("button", {
-          type: "button",
-          className: "side-nav__menu-title-wrapper",
-          onClick: function onClick() {
-            return onSubMenuClick(slug);
-          }
-        }, /*#__PURE__*/React__default.createElement("span", {
-          className: "side-nav__menu-title"
-        }, title), /*#__PURE__*/React__default.createElement("img", {
-          src: accordionIcon,
-          alt: "accordion-icon",
-          className: "side-nav__accordion-icon"
-        })));
-      });
-    };
-
-    var renderDropdownLinks = function renderDropdownLinks() {
-      return categoryConfig.categories.map(function (category) {
-        var categorySlug = category.categorySlug,
-            categoryName = category.categoryName,
-            elementsKey = category.elementsKey,
-            subCategoryElementsKey = category.subCategoryElementsKey,
-            styleElementsKey = category.styleElementsKey;
-        var categoryElementsProcessed = categoryElements;
-
-        if (subCategoryElementsKey && dropdownData[subCategoryElementsKey]) {
-          // show subcategory elements
-          categoryElementsProcessed = removeCategoryByName(dropdownData[subCategoryElementsKey], categoryName);
-        } else if (styleElementsKey && dropdownData[styleElementsKey]) {
-          categoryElementsProcessed = addCategoryToElements(dropdownData[styleElementsKey], categorySlug);
-        } else {
-          categoryElementsProcessed = addCategoryToElements(categoryElementsProcessed, categorySlug);
-        }
+  var renderDropdownLinks = function renderDropdownLinks() {
+    return categoryConfig.categories.map(function (category) {
+      var categorySlug = category.categorySlug,
+          categoryName = category.categoryName,
+          elementsKey = category.elementsKey,
+          subCategoryElementsKey = category.subCategoryElementsKey,
+          styleElementsKey = category.styleElementsKey;
+      var categoryElementsProcessed = categoryElements;
+
+      if (subCategoryElementsKey && dropdownData[subCategoryElementsKey]) {
+        // show subcategory elements
+        categoryElementsProcessed = removeCategoryByName(dropdownData[subCategoryElementsKey], categoryName);
+      } else if (styleElementsKey && dropdownData[styleElementsKey]) {
+        categoryElementsProcessed = addCategoryToElements(dropdownData[styleElementsKey], categorySlug);
+      } else {
+        categoryElementsProcessed = addCategoryToElements(categoryElementsProcessed, categorySlug);
+      }
 
-        var subMenuTitle = 'Brands';
+      var subMenuTitle = 'Brands';
 
-        if (categorySlug !== 'brands') {
-          subMenuTitle = "".concat(categoryName, " Brands");
-        }
+      if (categorySlug !== 'brands') {
+        subMenuTitle = "".concat(categoryName, " Brands");
+      }
 
-        var subMenu = categorySlug;
+      var subMenu = categorySlug;
 
-        if (subMenu === 'brands') {
-          subMenu = 'new';
-        }
+      if (subMenu === 'brands') {
+        subMenu = 'new';
+      }
 
-        return /*#__PURE__*/React__default.createElement(BrandsDropDown, {
-          key: categorySlug,
-          subMenuOpen: subMenuOpen && displayedSubMenu === subMenu,
-          onBackClick: onBackClick,
-          backIcon: backIcon,
-          subMenuCategoryTitle: "Department",
-          productUrl: productUrl,
-          categoryElements: categoryElementsProcessed,
-          subMenuBrandsTitle: subMenuTitle,
-          brandsList: dropdownData[elementsKey],
-          categorySlug: displayedSubMenu,
-          isLoading: loading,
-          hasError: hasError,
-          onCloseSideNav: onCloseSideNav,
-          LinkComponent: LinkComponent
-        });
+      return /*#__PURE__*/React.createElement(BrandsDropDown, {
+        key: categorySlug,
+        subMenuOpen: subMenuOpen && displayedSubMenu === subMenu,
+        onBackClick: onBackClick,
+        backIcon: backIcon,
+        subMenuCategoryTitle: "Department",
+        productUrl: productUrl,
+        categoryElements: categoryElementsProcessed,
+        subMenuBrandsTitle: subMenuTitle,
+        brandsList: dropdownData[elementsKey],
+        categorySlug: displayedSubMenu,
+        isLoading: loading,
+        hasError: hasError,
+        onCloseSideNav: onCloseSideNav,
+        LinkComponent: LinkComponent
       });
-    };
-
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      role: "button",
-      tabIndex: 0,
-      className: "side-nav__overlay ".concat(showSideNav ? 'side-nav__overlay--visible' : 'side-nav__overlay--hidden', " "),
-      onClick: onCloseSideNav,
-      onKeyDown: onCloseSideNav
-    }), /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__content ".concat(subMenuOpen ? 'side-nav__content--hidden' : '', " ").concat(showSideNav ? 'side-nav__content--open' : 'side-nav__content--closed')
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      onClick: onMenuClick,
-      className: "side-nav__icon-container"
-    }, /*#__PURE__*/React__default.createElement("img", {
-      src: closeIcon,
-      alt: "close-icon",
-      className: "side-nav__close-icon"
-    })), /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__menu-items-wrapper"
-    }, renderMenuItems(), !!stores.length && /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__menu-item",
-      key: "stores"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      className: "side-nav__menu-title-wrapper",
-      onClick: onStoresClick
-    }, /*#__PURE__*/React__default.createElement("span", {
-      className: "side-nav__menu-title"
-    }, "Our Stores"), /*#__PURE__*/React__default.createElement("img", {
-      src: accordionIcon,
-      alt: "accordion-icon",
-      className: "side-nav__accordion-icon"
-    }))), /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__menu-item",
-      key: "sell-to-us"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      className: "side-nav__block-button",
-      onClick: onSellToUsClick
-    }, "Sell To Us")), /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__menu-item",
-      key: "our-story"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      className: "side-nav__sub-link",
-      onClick: onOurStoryClick
-    }, "Our Story")), typeof onBlogClick === 'function' && /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__menu-item",
-      key: "blog"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      className: "side-nav__sub-link",
-      onClick: onBlogClick
-    }, "Blog")), /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__menu-item",
-      key: "contact-us"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      className: "side-nav__sub-link",
-      onClick: onContactUsClick
-    }, "Contact Us")), /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__menu-item",
-      key: "my-account"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      className: "side-nav__sub-link",
-      onClick: onAccountClick
-    }, "My Account")), /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__menu-item",
-      key: "my-cart"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      className: "side-nav__sub-link",
-      onClick: onCartClick
-    }, "My Cart")), /*#__PURE__*/React__default.createElement(CurrencySelect, {
-      key: "currency",
-      currency: currency,
-      currencyOptions: currencyOptions,
-      onCurrencyChange: onCurrencyChange,
-      isCurrencySelectionDisabled: isCurrencySelectionDisabled,
-      tooltipContent: tooltipContent
-    }))), renderDropdownLinks(), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
-      className: "side-nav__content"
-    }, /*#__PURE__*/React__default.createElement(StoresDropdown, {
-      key: "stores",
-      backIcon: backIcon,
-      onBackClick: onBackClick,
-      stores: stores,
-      onContactUsClick: onContactUsClick
-    })));
+    });
   };
 
-  return LuxitySideNav;
-
-})));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "side-nav"
+  }, /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    tabIndex: 0,
+    className: "side-nav__overlay ".concat(showSideNav ? 'side-nav__overlay--visible' : 'side-nav__overlay--hidden', " "),
+    onClick: onCloseSideNav,
+    onKeyDown: onCloseSideNav
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__content ".concat(subMenuOpen ? 'side-nav__content--hidden' : '', " ").concat(showSideNav ? 'side-nav__content--open' : 'side-nav__content--closed')
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: onMenuClick,
+    className: "side-nav__icon-container"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: closeIcon,
+    alt: "close-icon",
+    className: "side-nav__close-icon"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__menu-items-wrapper"
+  }, renderMenuItems(), !!stores.length && /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__menu-item",
+    key: "stores"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "side-nav__menu-title-wrapper",
+    onClick: onStoresClick
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "side-nav__menu-title"
+  }, "Our Stores"), /*#__PURE__*/React.createElement("img", {
+    src: accordionIcon,
+    alt: "accordion-icon",
+    className: "side-nav__accordion-icon"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__menu-item",
+    key: "sell-to-us"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "side-nav__block-button",
+    onClick: onSellToUsClick
+  }, "Sell To Us")), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__menu-item",
+    key: "our-story"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "side-nav__sub-link",
+    onClick: onOurStoryClick
+  }, "Our Story")), typeof onBlogClick === 'function' && /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__menu-item",
+    key: "blog"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "side-nav__sub-link",
+    onClick: onBlogClick
+  }, "Blog")), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__menu-item",
+    key: "contact-us"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "side-nav__sub-link",
+    onClick: onContactUsClick
+  }, "Contact Us")), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__menu-item",
+    key: "my-account"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "side-nav__sub-link",
+    onClick: onAccountClick
+  }, "My Account")), /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__menu-item",
+    key: "my-cart"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "side-nav__sub-link",
+    onClick: onCartClick
+  }, "My Cart")), /*#__PURE__*/React.createElement(CurrencySelect, {
+    key: "currency",
+    currency: currency,
+    currencyOptions: currencyOptions,
+    onCurrencyChange: onCurrencyChange,
+    isCurrencySelectionDisabled: isCurrencySelectionDisabled,
+    tooltipContent: tooltipContent
+  }))), renderDropdownLinks(), displayedSubMenu === 'stores' && /*#__PURE__*/React.createElement("div", {
+    className: "side-nav__content"
+  }, /*#__PURE__*/React.createElement(StoresDropdown, {
+    key: "stores",
+    backIcon: backIcon,
+    onBackClick: onBackClick,
+    stores: stores,
+    onContactUsClick: onContactUsClick
+  })));
+};
+
+export default LuxitySideNav;