@bonlineza/luxity-lib 2.40.4 → 2.40.6

package/build/bundle.js

@@ -1251,9 +1251,30 @@
         return category;
       });
 
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
-        var _data$min_shoe_size, _data$max_shoe_size;
+      _defineProperty(_assertThisInitialized(_this), "hasSize", function () {
+        var category_type = _this.props.data.category_type;
+        if (category_type === interestCategories.SHOES) return true;
+        if (category_type === interestCategories.APPAREL) return true;
+        return false;
+      });
+
+      _defineProperty(_assertThisInitialized(_this), "getSizeValue", function () {
+        var data = _this.props.data;
+
+        if (data.category_type === interestCategories.SHOES) {
+          var _data$min_shoe_size, _data$max_shoe_size;
 
+          return "".concat((data === null || data === void 0 ? void 0 : (_data$min_shoe_size = data.min_shoe_size) === null || _data$min_shoe_size === void 0 ? void 0 : _data$min_shoe_size.size) || '', " - ").concat((data === null || data === void 0 ? void 0 : (_data$max_shoe_size = data.max_shoe_size) === null || _data$max_shoe_size === void 0 ? void 0 : _data$max_shoe_size.size) || '');
+        }
+
+        var apparelSizes = data.universal_apparel_sizes || [];
+        if (apparelSizes.length === 0) return '-';
+        return apparelSizes.map(function (apparelSize) {
+          return apparelSize.size;
+        }).join(', ');
+      });
+
+      _defineProperty(_assertThisInitialized(_this), "render", function () {
         var data = _this.props.data;
         var success = _this.state.delete.success;
         return /*#__PURE__*/React__default.createElement(InterestItemContainer, {
@@ -1291,10 +1312,10 @@
             key: "".concat(style.name, "-").concat(data.id)
           }, style.name);
         }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
-          className: "interest-item__container_heading ".concat(data.category_type === interestCategories.SHOES ? '' : 'no-shoe-size-section')
-        }, data.category_type === interestCategories.SHOES ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Shoe Size:"), /*#__PURE__*/React__default.createElement("div", {
+          className: "interest-item__container_heading ".concat(_this.hasSize() ? '' : 'no-shoe-size-section')
+        }, _this.hasSize() ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Size:"), /*#__PURE__*/React__default.createElement("div", {
           className: "list-items"
-        }, "".concat((data === null || data === void 0 ? void 0 : (_data$min_shoe_size = data.min_shoe_size) === null || _data$min_shoe_size === void 0 ? void 0 : _data$min_shoe_size.size) || '', " - "), "".concat((data === null || data === void 0 ? void 0 : (_data$max_shoe_size = data.max_shoe_size) === null || _data$max_shoe_size === void 0 ? void 0 : _data$max_shoe_size.size) || '', " "))) : /*#__PURE__*/React__default.createElement(SheoSizeContentDiv, null, "-"))), /*#__PURE__*/React__default.createElement(TrashIcon, {
+        }, _this.getSizeValue())) : /*#__PURE__*/React__default.createElement(SheoSizeContentDiv, null, "-"))), /*#__PURE__*/React__default.createElement(TrashIcon, {
           id: "interest-".concat(data.id, "-delete-button"),
           onClick: function onClick() {
             if (!_this.state.delete.fetching) {
@@ -11537,7 +11558,7 @@
       className: "heading-title"
     }, "Style"), /*#__PURE__*/React__default.createElement("div", {
       className: "heading-title"
-    }, "Shoe Size")), /*#__PURE__*/React__default.createElement("div", {
+    }, "Size")), /*#__PURE__*/React__default.createElement("div", {
       className: "heading-title-empty"
     })));
   };
@@ -15012,11 +15033,6 @@
       return _formControl.current;
   }
 
-  var _templateObject$V;
-  var FooterWrapper$1 = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n   {\n    background-color: ", ";\n  }\n"])), function (props) {
-    return props.theme.colors.gray;
-  });
-
   var Event = function Event(instance, track) {
     var category = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
     var action = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
@@ -15033,20 +15049,29 @@
     }
   };
 
-  var GALink = function GALink(props) {
+  var _excluded$9 = ["instance", "track", "label", "onClick", "children"];
+
+  var GALink = function GALink(_ref) {
+    var instance = _ref.instance,
+        track = _ref.track,
+        label = _ref.label,
+        onClick = _ref.onClick,
+        children = _ref.children,
+        rest = _objectWithoutProperties(_ref, _excluded$9);
+
     var gaOnClick = function gaOnClick(event) {
-      Event(props.instance, props.track, 'Link', "Click on ".concat(props.href), props.label);
+      Event(instance, track, 'Link', "Click on ".concat(rest.href), label);
 
-      if (typeof props.onClick === 'function') {
-        props.onClick(event);
+      if (typeof onClick === 'function') {
+        onClick(event);
       }
     };
 
     return /*#__PURE__*/React__default.createElement("a", _extends({
       href: "/"
-    }, props, {
+    }, rest, {
       onClick: gaOnClick
-    }), props.children);
+    }), children);
   };
 
   var CurrencySelect = function CurrencySelect(_ref) {
@@ -15183,16 +15208,28 @@
       })), /*#__PURE__*/React__default.createElement("div", {
         className: "footer__links"
       }, !!contactLinks.map && contactLinks.map(function (link) {
-        return !link.isContact ? /*#__PURE__*/React__default.createElement(GALink, {
-          key: link.label,
-          instance: link.instance,
-          href: link.href,
-          label: link.label,
-          className: "footer__link",
-          rel: "noopener noreferrer",
-          track: link === null || link === void 0 ? void 0 : link.track,
-          target: link.target
-        }, link.label) : /*#__PURE__*/React__default.createElement("div", {
+        if (!link.isContact) {
+          return /*#__PURE__*/React__default.createElement(GALink, {
+            key: link.label,
+            instance: link.instance,
+            href: link.href,
+            label: link.label,
+            className: "footer__link",
+            rel: "noopener noreferrer",
+            track: link === null || link === void 0 ? void 0 : link.track,
+            target: link.target
+          }, link.label);
+        }
+
+        if (link.href) {
+          return /*#__PURE__*/React__default.createElement("a", {
+            key: link.label,
+            href: link.href,
+            className: "footer__text"
+          }, link.label);
+        }
+
+        return /*#__PURE__*/React__default.createElement("div", {
           key: link.label,
           className: "footer__text"
         }, link.label);
@@ -15247,7 +15284,9 @@
       });
     };
 
-    return /*#__PURE__*/React__default.createElement(FooterWrapper$1, null, showNewsletter && /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "footer__container"
+    }, showNewsletter && /*#__PURE__*/React__default.createElement("div", {
       className: "footer__newsletter-section"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "footer__newsletter-wrapper"
@@ -15334,8 +15373,6 @@
     }, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved")));
   };
 
-  var index$5 = themed(LuxityFooter);
-
   var Dropdown$1 = function Dropdown(_ref) {
     var title = _ref.title,
         imageSrc = _ref.imageSrc,
@@ -16127,15 +16164,16 @@
         stores = _ref.stores,
         contactNumber = _ref.contactNumber,
         productsUrl = _ref.productsUrl,
-        LinkComponent = _ref.LinkComponent,
+        _ref$LinkComponent = _ref.LinkComponent,
+        LinkComponent = _ref$LinkComponent === void 0 ? 'a' : _ref$LinkComponent,
         onInterestClick = _ref.onInterestClick,
         onCartClick = _ref.onCartClick,
         onAccountClick = _ref.onAccountClick,
         inputSearchIcon = _ref.inputSearchIcon,
-        onSellToUsClick = _ref.onSellToUsClick,
+        sellToUsLink = _ref.sellToUsLink,
         contactUsLink = _ref.contactUsLink,
         ourStoryLink = _ref.ourStoryLink,
-        onLogoClick = _ref.onLogoClick,
+        logoHref = _ref.logoHref,
         endpoint = _ref.endpoint,
         initialSearchData = _ref.initialSearchData,
         onSearchSubmit = _ref.onSearchSubmit,
@@ -16168,7 +16206,7 @@
         searchValue = _useState2[0],
         setSearchValue = _useState2[1];
 
-    var _useState3 = React.useState(false),
+    var _useState3 = React.useState(true),
         _useState4 = _slicedToArray(_useState3, 2),
         loading = _useState4[0],
         setLoading = _useState4[1];
@@ -16269,7 +16307,7 @@
       });
     }
 
-    React.useMemo(function () {
+    React.useEffect(function () {
       setLoading(true);
       axios.get("".concat(categoryConfig.menuData)).then(function (_ref2) {
         var data = _ref2.data;
@@ -16279,7 +16317,7 @@
         return setHasError(true);
       });
     }, [categoryConfig.menuData]);
-    React.useMemo(function () {
+    React.useEffect(function () {
       if (!initialSearchData) {
         return;
       }
@@ -16323,21 +16361,14 @@
       });
     };
 
-    var getMarginRight = function getMarginRight(showLoyaltyIcon, userName) {
-      if (showLoyaltyIcon) return '15px';
-      if (userName) return '5px';
-      return '18px';
-    };
-
     return /*#__PURE__*/React__default.createElement("div", {
       className: "navbar"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__container"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__logo-wrapper"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      onClick: onLogoClick,
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
+      href: logoHref,
       className: "navbar__logo"
     }, /*#__PURE__*/React__default.createElement("img", {
       src: logoSrc,
@@ -16418,10 +16449,7 @@
     }), shop && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("button", {
       type: "button",
       className: "navbar__icon relative flex",
-      onClick: onAccountClick,
-      style: {
-        marginRight: getMarginRight(isEarlyAccess || isExclusive, name)
-      }
+      onClick: onAccountClick
     }, /*#__PURE__*/React__default.createElement("img", {
       src: accountIcon,
       alt: "account-icon",
@@ -16482,10 +16510,9 @@
       className: "navbar__link-item"
     }, "Contact Us")), /*#__PURE__*/React__default.createElement("li", {
       className: "navbar__company-link"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      className: "navbar__company-block",
-      onClick: onSellToUsClick
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
+      href: sellToUsLink,
+      className: "navbar__company-block"
     }, "Sell to us")))))));
   };
 
@@ -16493,7 +16520,10 @@
     var backIcon = _ref.backIcon,
         onBackClick = _ref.onBackClick,
         stores = _ref.stores,
-        onContactUsClick = _ref.onContactUsClick;
+        contactUsLink = _ref.contactUsLink,
+        onContactUsLinkClick = _ref.onContactUsLinkClick,
+        _ref$LinkComponent = _ref.LinkComponent,
+        LinkComponent = _ref$LinkComponent === void 0 ? 'a' : _ref$LinkComponent;
     return /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__sub-menu"
     }, /*#__PURE__*/React__default.createElement("button", {
@@ -16523,10 +16553,10 @@
         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",
+      }, store.weekendOpenHours), /*#__PURE__*/React__default.createElement(LinkComponent, {
+        href: contactUsLink,
         className: "stores-dropdown__view-more",
-        onClick: onContactUsClick
+        onClick: onContactUsLinkClick
       }, "View More"));
     })));
   };
@@ -16616,10 +16646,10 @@
         productUrl = _ref.productUrl,
         onAccountClick = _ref.onAccountClick,
         onCartClick = _ref.onCartClick,
-        onContactUsClick = _ref.onContactUsClick,
-        onOurStoryClick = _ref.onOurStoryClick,
-        onBlogClick = _ref.onBlogClick,
-        onSellToUsClick = _ref.onSellToUsClick,
+        contactUsLink = _ref.contactUsLink,
+        ourStoryLink = _ref.ourStoryLink,
+        blogLink = _ref.blogLink,
+        sellToUsLink = _ref.sellToUsLink,
         stores = _ref.stores,
         categoryElements = _ref.categoryElements,
         showSideNav = _ref.showSideNav,
@@ -16629,7 +16659,8 @@
         onCurrencyChange = _ref.onCurrencyChange,
         isCurrencySelectionDisabled = _ref.isCurrencySelectionDisabled,
         tooltipContent = _ref.tooltipContent,
-        LinkComponent = _ref.LinkComponent,
+        _ref$LinkComponent = _ref.LinkComponent,
+        LinkComponent = _ref$LinkComponent === void 0 ? 'a' : _ref$LinkComponent,
         categoryConfig = _ref.categoryConfig;
 
     var _useState = React.useState(false),
@@ -16642,7 +16673,7 @@
         displayedSubMenu = _useState4[0],
         setDisplayedSubMenu = _useState4[1];
 
-    var _useState5 = React.useState(false),
+    var _useState5 = React.useState(true),
         _useState6 = _slicedToArray(_useState5, 2),
         loading = _useState6[0],
         setLoading = _useState6[1];
@@ -16692,7 +16723,7 @@
       });
     }
 
-    React.useMemo(function () {
+    React.useEffect(function () {
       setLoading(true);
       axios.get("".concat(categoryConfig.menuData)).then(function (_ref2) {
         var data = _ref2.data;
@@ -16817,31 +16848,31 @@
     }))), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item",
       key: "sell-to-us"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
+      href: sellToUsLink,
       className: "side-nav__block-button",
-      onClick: onSellToUsClick
+      onClick: onCloseSideNav
     }, "Sell To Us")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item",
       key: "our-story"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
+      href: ourStoryLink,
       className: "side-nav__sub-link",
-      onClick: onOurStoryClick
-    }, "Our Story")), typeof onBlogClick === 'function' && /*#__PURE__*/React__default.createElement("div", {
+      onClick: onCloseSideNav
+    }, "Our Story")), blogLink && /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item",
       key: "blog"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
+      href: blogLink,
       className: "side-nav__sub-link",
-      onClick: onBlogClick
+      onClick: onCloseSideNav
     }, "Blog")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item",
       key: "contact-us"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
+      href: contactUsLink,
       className: "side-nav__sub-link",
-      onClick: onContactUsClick
+      onClick: onCloseSideNav
     }, "Contact Us")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item",
       key: "my-account"
@@ -16870,7 +16901,9 @@
       backIcon: backIcon,
       onBackClick: onBackClick,
       stores: stores,
-      onContactUsClick: onContactUsClick
+      contactUsLink: contactUsLink,
+      onContactUsLinkClick: onCloseSideNav,
+      LinkComponent: LinkComponent
     })));
   };
 
@@ -17076,13 +17109,12 @@
         categoryElements = _ref.categoryElements,
         onAccountClick = _ref.onAccountClick,
         onDashboardClick = _ref.onDashboardClick,
-        onContactUsClick = _ref.onContactUsClick,
-        onOurStoryClick = _ref.onOurStoryClick,
-        _ref$onBlogClick = _ref.onBlogClick,
-        onBlogClick = _ref$onBlogClick === void 0 ? undefined : _ref$onBlogClick,
+        contactUsLink = _ref.contactUsLink,
+        ourStoryLink = _ref.ourStoryLink,
+        blogLink = _ref.blogLink,
         bugReportLink = _ref.bugReportLink,
-        onSellToUsClick = _ref.onSellToUsClick,
-        onLogoClick = _ref.onLogoClick,
+        sellToUsLink = _ref.sellToUsLink,
+        logoHref = _ref.logoHref,
         onLuxityShopClick = _ref.onLuxityShopClick,
         endpoint = _ref.endpoint,
         initialSearchData = _ref.initialSearchData,
@@ -17108,7 +17140,8 @@
         onCurrencyChange = _ref.onCurrencyChange,
         isCurrencySelectionDisabled = _ref.isCurrencySelectionDisabled,
         tooltipContent = _ref.tooltipContent,
-        LinkComponent = _ref.LinkComponent,
+        _ref$LinkComponent = _ref.LinkComponent,
+        LinkComponent = _ref$LinkComponent === void 0 ? 'a' : _ref$LinkComponent,
         shop = _ref.shop,
         app = _ref.app,
         categoryConfig = _ref.categoryConfig,
@@ -17198,7 +17231,7 @@
     var immediateSearch = createImmediateSearch(setSearchValue, setSearchResults, onSearchSubmit);
     var handleChange = useSearchInputChange(setSearchValue, setIsSearchFocused, debouncedSearch, setSearchResults, setCachedResults, app, productsUrl);
     var handleKeyDown = useSearchInputKeyDown(searchValue, immediateSearch, setIsSearchFocused, setSearchValue);
-    React.useMemo(function () {
+    React.useEffect(function () {
       if (!initialSearchData) {
         return;
       }
@@ -17248,10 +17281,6 @@
       return handleClick(onDashboardClick);
     };
 
-    var handleSellToUsClick = function handleSellToUsClick() {
-      return handleClick(onSellToUsClick);
-    };
-
     var handleCartClick = function handleCartClick() {
       return handleClick(onCartClick);
     };
@@ -17304,18 +17333,6 @@
       return handleClick(onAccountClick);
     };
 
-    var handleContactUsClick = function handleContactUsClick() {
-      return handleClick(onContactUsClick);
-    };
-
-    var handleOurStoryClick = function handleOurStoryClick() {
-      return handleClick(onOurStoryClick);
-    };
-
-    var handleBlogClick = onBlogClick ? function () {
-      return handleClick(onBlogClick);
-    } : undefined;
-
     var getInitials = function getInitials(fullName) {
       if (!fullName) return '';
       return fullName.split(' ').map(function (n) {
@@ -17337,9 +17354,8 @@
       className: "navbar__menu-icon"
     })), /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__search-wrapper"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      onClick: onLogoClick,
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
+      href: logoHref,
       className: "navbar__logo"
     }, /*#__PURE__*/React__default.createElement("img", {
       src: logoSrc,
@@ -17441,10 +17457,10 @@
       productUrl: productsUrl,
       onAccountClick: handleAccountClick,
       onCartClick: handleCartClick,
-      onContactUsClick: handleContactUsClick,
-      onOurStoryClick: handleOurStoryClick,
-      onBlogClick: handleBlogClick,
-      onSellToUsClick: handleSellToUsClick,
+      contactUsLink: contactUsLink,
+      ourStoryLink: ourStoryLink,
+      blogLink: blogLink,
+      sellToUsLink: sellToUsLink,
       stores: stores,
       categoryElements: categoryElements,
       showSideNav: showSideNav,
@@ -17493,7 +17509,7 @@
   exports.InvertedTextButton = InvertedTextButton$1;
   exports.LuxityAppSideNav = LuxityAppSideNav;
   exports.LuxityDesktopHeader = LuxityDesktopHeader;
-  exports.LuxityFooter = index$5;
+  exports.LuxityFooter = LuxityFooter;
   exports.LuxityMobileHeader = LuxityMobileHeader;
   exports.LuxityPageReady = LuxityPageReady;
   exports.LuxitySideNav = LuxitySideNav;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bonlineza/luxity-lib",
-  "version": "2.40.4",
+  "version": "2.40.6",
   "packageManager": "yarn@1.22.22",
   "scripts": {
     "start": "start-storybook -p 9001 -c .storybook -s ./public",