@bonlineza/luxity-lib 2.31.0 → 2.31.2

package/LuxityHeader.js

@@ -1,369 +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.LuxityHeader = factory(global.React));
-}(this, (function (React) { 'use strict';
-
-  var React__default = 'default' in React ? React['default'] : React;
-
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-  }
-
-  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"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    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 {
-        if (!_n && _i["return"] != null) _i["return"]();
-      } finally {
-        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 Dropdown = function Dropdown(_ref) {
-    var title = _ref.title,
-        imageSrc = _ref.imageSrc,
-        _ref$categoryElements = _ref.categoryElements,
-        categoryElements = _ref$categoryElements === void 0 ? [] : _ref$categoryElements,
-        _ref$brandElements = _ref.brandElements,
-        brandElements = _ref$brandElements === void 0 ? [] : _ref$brandElements,
-        productsUrl = _ref.productsUrl;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "dropdown"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "dropdown__column"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "dropdown__title"
-    }, title), /*#__PURE__*/React__default.createElement("div", {
-      className: "dropdown__elements dropdown__elements--column"
-    }, !!categoryElements.length && categoryElements.map(function (category) {
-      return /*#__PURE__*/React__default.createElement("a", {
-        href: "".concat(productsUrl, "/").concat(category === null || category === void 0 ? void 0 : category.slug),
-        className: "dropdown__element",
-        key: category.name
-      }, category === null || category === void 0 ? void 0 : category.name);
-    }))), /*#__PURE__*/React__default.createElement("div", {
-      className: "dropdown__column"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "dropdown__title"
-    }, "Brands"), /*#__PURE__*/React__default.createElement("div", {
-      className: "dropdown__elements dropdown__elements--row"
-    }, !!brandElements.length && brandElements.map(function (brand) {
-      return /*#__PURE__*/React__default.createElement("a", {
-        href: "".concat(productsUrl, "/").concat(brand === null || brand === void 0 ? void 0 : brand.slug),
-        className: "dropdown__element",
-        key: brand.name
-      }, brand === null || brand === void 0 ? void 0 : brand.name);
-    }))), /*#__PURE__*/React__default.createElement("div", {
-      className: "dropdown__column"
-    }, /*#__PURE__*/React__default.createElement("img", {
-      src: imageSrc,
-      alt: "".concat(title)
-    })));
-  };
-
-  var StoresDropdown = function StoresDropdown(_ref) {
-    var _ref$stores = _ref.stores,
-        stores = _ref$stores === void 0 ? [] : _ref$stores,
-        contactNumber = _ref.contactNumber;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "stores-dropdown"
-    }, !!stores.length && stores.map(function (store) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: "stores-dropdown__store-details",
-        key: store.name
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: "stores-dropdown__store-image"
-      }, /*#__PURE__*/React__default.createElement("img", {
-        className: "stores-dropdown__image",
-        src: store.image,
-        alt: store.name
-      })), /*#__PURE__*/React__default.createElement("div", {
-        className: "stores-dropdown__store-info"
-      }, /*#__PURE__*/React__default.createElement("h4", {
-        className: "stores-dropdown__title"
-      }, store.title, " ", /*#__PURE__*/React__default.createElement("br", null), " ", 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), (store === null || store === void 0 ? void 0 : store.weekendOpenDays) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__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("div", {
-      className: "stores-dropdown__queries"
-    }, /*#__PURE__*/React__default.createElement("h4", {
-      className: "stores-dropdown__queries-title"
-    }, "Customer Queries: "), /*#__PURE__*/React__default.createElement("a", {
-      className: "stores-dropdown__contact-details",
-      href: "tel:".concat(contactNumber)
-    }, contactNumber)));
-  };
-
-  var LuxtyHeader = function LuxtyHeader(_ref) {
-    var accountIcon = _ref.accountIcon,
-        cartIcon = _ref.cartIcon,
-        interestIcon = _ref.interestIcon,
-        cartCount = _ref.cartCount,
-        logoSrc = _ref.logoSrc,
-        categoryElements = _ref.categoryElements,
-        newBrandElements = _ref.newBrandElements,
-        bagsElements = _ref.bagsElements,
-        shoesElement = _ref.shoesElement,
-        clothingElements = _ref.clothingElements,
-        accessoriesElements = _ref.accessoriesElements,
-        accessoriesCategoryElements = _ref.accessoriesCategoryElements,
-        watchesElements = _ref.watchesElements,
-        newBrandsImage = _ref.newBrandsImage,
-        bagsImage = _ref.bagsImage,
-        shoesImage = _ref.shoesImage,
-        clothingImage = _ref.clothingImage,
-        accessoriesImage = _ref.accessoriesImage,
-        watchesImage = _ref.watchesImage,
-        productsUrl = _ref.productsUrl,
-        stores = _ref.stores,
-        contactNumber = _ref.contactNumber,
-        onInterestClick = _ref.onInterestClick,
-        onCartClick = _ref.onCartClick,
-        onAccountClick = _ref.onAccountClick,
-        inputSearchIcon = _ref.inputSearchIcon,
-        onSearch = _ref.onSearch;
-
-    var _useState = React.useState(''),
-        _useState2 = _slicedToArray(_useState, 2),
-        searchValue = _useState2[0],
-        setSearchValue = _useState2[1];
-
-    var handleChange = function handleChange(event) {
-      setSearchValue(event.target.value);
-    };
-
-    var handleKeyDown = function handleKeyDown(event) {
-      if (event.key === 'Enter') {
-        onSearch(searchValue);
-      }
-    };
-
-    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("div", {
-      className: "navbar__logo"
-    }, /*#__PURE__*/React__default.createElement("img", {
-      src: logoSrc,
-      alt: ""
-    }))), /*#__PURE__*/React__default.createElement("div", {
-      className: "navbar__section"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "navbar__body"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "navbar__product-search"
-    }, /*#__PURE__*/React__default.createElement("img", {
-      src: inputSearchIcon,
-      alt: "search-icon",
-      className: "navbar__input-search-icon"
-    }), /*#__PURE__*/React__default.createElement("input", {
-      className: "navbar__form-input",
-      type: "text",
-      placeholder: "Search for items and designs",
-      value: searchValue,
-      onChange: handleChange,
-      onKeyDown: handleKeyDown
-    })), /*#__PURE__*/React__default.createElement("nav", {
-      className: "navbar__nav-links"
-    }, /*#__PURE__*/React__default.createElement("li", {
-      className: "navbar__link"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: "#",
-      className: "navbar__link-item"
-    }, "New"), /*#__PURE__*/React__default.createElement("div", {
-      className: "navbar__dropdown"
-    }, /*#__PURE__*/React__default.createElement(Dropdown, {
-      title: "Department",
-      imageSrc: newBrandsImage,
-      categoryElements: categoryElements,
-      brandElements: newBrandElements,
-      productsUrl: productsUrl
-    }))), /*#__PURE__*/React__default.createElement("li", {
-      className: "navbar__link"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: "#",
-      className: "navbar__link-item"
-    }, "Bags"), /*#__PURE__*/React__default.createElement("div", {
-      className: "navbar__dropdown"
-    }, /*#__PURE__*/React__default.createElement(Dropdown, {
-      title: "Department",
-      imageSrc: bagsImage,
-      categoryElements: categoryElements,
-      brandElements: bagsElements,
-      productsUrl: productsUrl
-    }))), /*#__PURE__*/React__default.createElement("li", {
-      className: "navbar__link"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: "#",
-      className: "navbar__link-item"
-    }, "Shoes"), /*#__PURE__*/React__default.createElement("div", {
-      className: "navbar__dropdown"
-    }, /*#__PURE__*/React__default.createElement(Dropdown, {
-      title: "Department",
-      imageSrc: shoesImage,
-      categoryElements: categoryElements,
-      brandElements: shoesElement,
-      productsUrl: productsUrl
-    }))), /*#__PURE__*/React__default.createElement("li", {
-      className: "navbar__link"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: "#",
-      className: "navbar__link-item"
-    }, "Clothing"), /*#__PURE__*/React__default.createElement("div", {
-      className: "navbar__dropdown"
-    }, /*#__PURE__*/React__default.createElement(Dropdown, {
-      title: "Department",
-      imageSrc: clothingImage,
-      categoryElements: categoryElements,
-      brandElements: clothingElements,
-      productsUrl: productsUrl
-    }))), /*#__PURE__*/React__default.createElement("li", {
-      className: "navbar__link"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: "#",
-      className: "navbar__link-item"
-    }, "Accessories"), /*#__PURE__*/React__default.createElement("div", {
-      className: "navbar__dropdown"
-    }, /*#__PURE__*/React__default.createElement(Dropdown, {
-      title: "Department",
-      imageSrc: accessoriesImage,
-      categoryElements: accessoriesCategoryElements,
-      brandElements: accessoriesElements,
-      productsUrl: productsUrl
-    }))), /*#__PURE__*/React__default.createElement("li", {
-      className: "navbar__link"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: "#",
-      className: "navbar__link-item"
-    }, "Watches"), /*#__PURE__*/React__default.createElement("div", {
-      className: "navbar__dropdown"
-    }, /*#__PURE__*/React__default.createElement(Dropdown, {
-      title: "Department",
-      imageSrc: watchesImage,
-      categoryElements: categoryElements,
-      brandElements: watchesElements,
-      productsUrl: productsUrl
-    }))), /*#__PURE__*/React__default.createElement("li", {
-      className: "navbar__link"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: "#",
-      className: "navbar__link-item"
-    }, "Stores"), /*#__PURE__*/React__default.createElement("div", {
-      className: "navbar__dropdown"
-    }, /*#__PURE__*/React__default.createElement(StoresDropdown, {
-      stores: stores,
-      contactNumber: contactNumber
-    }))))), /*#__PURE__*/React__default.createElement("div", {
-      className: "navbar__icons-wrapper"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "navbar__icons"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      className: "navbar__icon",
-      onClick: onInterestClick
-    }, /*#__PURE__*/React__default.createElement("img", {
-      src: interestIcon,
-      alt: "interest-icon"
-    })), /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      className: "navbar__icon",
-      onClick: onAccountClick
-    }, /*#__PURE__*/React__default.createElement("img", {
-      src: accountIcon,
-      alt: "account-icon"
-    })), /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      className: "navbar__cart-icon navbar__icon",
-      onClick: onCartClick
-    }, /*#__PURE__*/React__default.createElement("img", {
-      src: cartIcon,
-      alt: "cart-icon"
-    }), /*#__PURE__*/React__default.createElement("div", {
-      className: "navbar__cart-count"
-    }, cartCount))), /*#__PURE__*/React__default.createElement("nav", {
-      className: "navbar__nav-links"
-    }, /*#__PURE__*/React__default.createElement("li", {
-      className: "navbar__company-link"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: "",
-      className: "navbar__link-item"
-    }, "Our Story")), /*#__PURE__*/React__default.createElement("li", {
-      className: "navbar__company-link"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: "",
-      className: "navbar__link-item"
-    }, "Blog")), /*#__PURE__*/React__default.createElement("li", {
-      className: "navbar__company-link"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: "",
-      className: "navbar__link-item"
-    }, "Contact Us")), /*#__PURE__*/React__default.createElement("li", {
-      className: "navbar__company-link navbar__company-block"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: "",
-      className: "navbar__link-item"
-    }, "Sell to us")))))));
-  };
-
-  return LuxtyHeader;
-
-})));

package/RarestepAddInterests.js

@@ -1,118 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components')) :
-  typeof define === 'function' && define.amd ? define(['react', 'styled-components'], factory) :
-  (global = global || self, global.RarestepAddInterests = factory(global.React, global.styled));
-}(this, (function (React, styled) { 'use strict';
-
-  var React__default = 'default' in React ? React['default'] : React;
-  var styled__default = 'default' in styled ? styled['default'] : styled;
-
-  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);
-  }
-
-  function _taggedTemplateLiteral(strings, raw) {
-    if (!raw) {
-      raw = strings.slice(0);
-    }
-
-    return Object.freeze(Object.defineProperties(strings, {
-      raw: {
-        value: Object.freeze(raw)
-      }
-    }));
-  }
-
-  var _templateObject;
-  var AddInterestWrapper = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n   {\n    background-color: ", ";\n  }\n"])), function (props) {
-    return props.theme.rareStepColors.ntrl50;
-  });
-
-  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__*/React.forwardRef(function (props, ref) {
-      return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
-        theme: theme
-      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
-        ref: ref
-      })));
-    });
-  });
-
-  var RarestepAddInterest = function RarestepAddInterest() {
-    return /*#__PURE__*/React__default.createElement(AddInterestWrapper, null, /*#__PURE__*/React__default.createElement("div", {
-      className: "hello"
-    }, "Hello"));
-  };
-
-  var index = themed(RarestepAddInterest);
-
-  return index;
-
-})));

package/RarestepInterests.js

@@ -1,118 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components')) :
-  typeof define === 'function' && define.amd ? define(['react', 'styled-components'], factory) :
-  (global = global || self, global.RarestepInterests = factory(global.React, global.styled));
-}(this, (function (React, styled) { 'use strict';
-
-  var React__default = 'default' in React ? React['default'] : React;
-  var styled__default = 'default' in styled ? styled['default'] : styled;
-
-  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);
-  }
-
-  function _taggedTemplateLiteral(strings, raw) {
-    if (!raw) {
-      raw = strings.slice(0);
-    }
-
-    return Object.freeze(Object.defineProperties(strings, {
-      raw: {
-        value: Object.freeze(raw)
-      }
-    }));
-  }
-
-  var _templateObject;
-  var AddInterestWrapper = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n   {\n    background-color: ", ";\n  }\n"])), function (props) {
-    return props.theme.rareStepColors.ntrl50;
-  });
-
-  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__*/React.forwardRef(function (props, ref) {
-      return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
-        theme: theme
-      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
-        ref: ref
-      })));
-    });
-  });
-
-  var RarestepAddInterest = function RarestepAddInterest() {
-    return /*#__PURE__*/React__default.createElement(AddInterestWrapper, null, /*#__PURE__*/React__default.createElement("div", {
-      className: "hello"
-    }, "Hello"));
-  };
-
-  var index = themed(RarestepAddInterest);
-
-  return index;
-
-})));