@bonlineza/luxity-lib 2.40.5 → 2.40.7

package/build/bundle.js

@@ -15033,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] : '';
@@ -15054,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) {
@@ -15204,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);
@@ -15268,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"
@@ -15355,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,
@@ -16148,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,
@@ -16344,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,
@@ -16439,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",
@@ -16503,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")))))));
   };
 
@@ -16514,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", {
@@ -16544,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"));
     })));
   };
@@ -16637,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,
@@ -16650,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),
@@ -16838,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"
@@ -16891,7 +16901,9 @@
       backIcon: backIcon,
       onBackClick: onBackClick,
       stores: stores,
-      onContactUsClick: onContactUsClick
+      contactUsLink: contactUsLink,
+      onContactUsLinkClick: onCloseSideNav,
+      LinkComponent: LinkComponent
     })));
   };
 
@@ -17097,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,
@@ -17129,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,
@@ -17269,10 +17281,6 @@
       return handleClick(onDashboardClick);
     };
 
-    var handleSellToUsClick = function handleSellToUsClick() {
-      return handleClick(onSellToUsClick);
-    };
-
     var handleCartClick = function handleCartClick() {
       return handleClick(onCartClick);
     };
@@ -17325,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) {
@@ -17358,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,
@@ -17462,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,
@@ -17514,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.5",
+  "version": "2.40.7",
   "packageManager": "yarn@1.22.22",
   "scripts": {
     "start": "start-storybook -p 9001 -c .storybook -s ./public",

package/TestComponent.js

@@ -1,15 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) :
-  typeof define === 'function' && define.amd ? define(['react'], factory) :
-  (global = global || self, global.TestComponent = factory(global.React));
-}(this, (function (React) { 'use strict';
-
-  React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
-
-  var TestComponent = function TestComponent() {
-    return /*#__PURE__*/React.createElement("div", null, "TestComponent");
-  };
-
-  return TestComponent;
-
-})));

package/build/CountryCodeSelect/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ReactSelectWrapper_1 = __importDefault(require("../ReactSelectWrapper"));
-var responseTransform = function (countryData) {
-    return countryData.map(function (item) { return ({
-        label: "".concat(item.code, " (+").concat(item.dial_code, ")"),
-        value: item.code,
-    }); });
-};
-var CountryCodeSelect = function (_a) {
-    var _b = _a.countryData, countryData = _b === void 0 ? [] : _b, className = _a.className, classNamePrefix = _a.classNamePrefix, _c = _a.defaultCountryCode, defaultCountryCode = _c === void 0 ? 'ZA' : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { return null; } : _d, _e = _a.isSearchable, isSearchable = _e === void 0 ? true : _e, _f = _a.name, name = _f === void 0 ? 'country_code' : _f, _g = _a.renderNoData, renderNoData = _g === void 0 ? function () { return 'Loading...'; } : _g;
-    return (react_1.default.createElement(react_1.default.Fragment, null, countryData && countryData.length ? (react_1.default.createElement(ReactSelectWrapper_1.default, { name: name, className: className, classNamePrefix: classNamePrefix, options: responseTransform(countryData), defaultValue: responseTransform(countryData.filter(function (item) { return item.code === defaultCountryCode; })), onChange: onChange, isSearchable: isSearchable })) : (renderNoData())));
-};
-exports.default = CountryCodeSelect;

package/build/ReactSelectWrapper/index.js

@@ -1,34 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_select_1 = __importDefault(require("react-select"));
-var ReactSelectWrapper = function (_a) {
-    var _b = _a.isMulti, isMulti = _b === void 0 ? false : _b, _c = _a.isSearchable, isSearchable = _c === void 0 ? false : _c, _d = _a.components, components = _d === void 0 ? { IndicatorSeparator: function () { return null; } } : _d, _e = _a.options, options = _e === void 0 ? [] : _e, _f = _a.className, className = _f === void 0 ? 'dropdown-select-container' : _f, _g = _a.classNamePrefix, classNamePrefix = _g === void 0 ? 'dropdown-select' : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, name = _a.name, _j = _a.noOptionsMessage, noOptionsMessage = _j === void 0 ? function () { return 'No Options'; } : _j, rest = __rest(_a, ["isMulti", "isSearchable", "components", "options", "className", "classNamePrefix", "onChange", "name", "noOptionsMessage"]);
-    return (react_1.default.createElement(react_select_1.default, __assign({ isMulti: isMulti, isSearchable: isSearchable, components: components, options: options, className: className, classNamePrefix: classNamePrefix, onChange: onChange, name: name, noOptionsMessage: noOptionsMessage }, rest)));
-};
-exports.default = ReactSelectWrapper;

package/postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};