@sentecacommerce-theme/lib 0.12.64 → 0.13.5-alpha.1

package/dist/esm/listing/utils/getListingPageType.js

@@ -1,27 +1,23 @@
 import { ListingTypesEnum } from '..';
-export var getListingPageType = (router, slug, config) => {
-  var _Object$keys;
-
-  var pageTypeMap = {
-    '/[slug]/c': ListingTypesEnum.Category,
-    '/[slug]/b': ListingTypesEnum.Brand,
-    '/[slug]/v': ListingTypesEnum.View,
-    '/[slug]/ct': ListingTypesEnum.Collection,
-    '/[slug]/[cat]/c': ListingTypesEnum.Category,
-    '/[slug]/[cat]/b': ListingTypesEnum.Brand
-  };
-  var slugAliases = {};
-  if (config) slugAliases = config.listing;
-
-  if (((_Object$keys = Object.keys(slugAliases)) != null && _Object$keys.includes(slug) || slug != null && slug.includes('sex')) && !router.query.cat) {
-    return ListingTypesEnum.AttrPage;
-  }
-
-  if (router.query.q || router.query.search) {
-    return ListingTypesEnum.Search;
-  }
-
-  if (!pageTypeMap[router.route]) throw new Error('Invalid listing route type!');
-  return pageTypeMap[router.route];
+export var getListingPageType = function(router, slug, config) {
+    var ref;
+    var pageTypeMap = {
+        '/[slug]/c': ListingTypesEnum.Category,
+        '/[slug]/b': ListingTypesEnum.Brand,
+        '/[slug]/v': ListingTypesEnum.View,
+        '/[slug]/ct': ListingTypesEnum.Collection,
+        '/[slug]/[cat]/c': ListingTypesEnum.Category,
+        '/[slug]/[cat]/b': ListingTypesEnum.Brand
+    };
+    var slugAliases = {
+    };
+    if (config) slugAliases = config.listing;
+    if ((((ref = Object.keys(slugAliases)) === null || ref === void 0 ? void 0 : ref.includes(slug)) || (slug === null || slug === void 0 ? void 0 : slug.includes('sex'))) && !router.query.cat) {
+        return ListingTypesEnum.AttrPage;
+    }
+    if (router.query.q || router.query.search) {
+        return ListingTypesEnum.Search;
+    }
+    if (!pageTypeMap[router.route]) throw new Error('Invalid listing route type!');
+    return pageTypeMap[router.route];
 };
-//# sourceMappingURL=getListingPageType.js.map

package/dist/esm/listing/utils/getPostFilters.js

@@ -1,7 +1,4 @@
 export function getPostFilters(router) {
-  var {
-    query
-  } = router;
-  return Array.isArray(query.filter) ? query.filter.join('&') : query.filter;
+    var query = router.query;
+    return Array.isArray(query.filter) ? query.filter.join('&') : query.filter;
 }
-//# sourceMappingURL=getPostFilters.js.map

package/dist/esm/listing/utils/getSlug.js

@@ -1,13 +1,10 @@
 export function getSlug(router, slug) {
-  // If we're on search page
-  if (router.query.q) {
-    return router.query.q;
-  }
-
-  if (router.query.cat) {
-    return router.query.cat;
-  }
-
-  return slug;
+    // If we're on search page
+    if (router.query.q) {
+        return router.query.q;
+    }
+    if (router.query.cat) {
+        return router.query.cat;
+    }
+    return slug;
 }
-//# sourceMappingURL=getSlug.js.map

package/dist/esm/listing/utils/index.js

@@ -6,4 +6,3 @@ export * from './extendFilter';
 export * from './getListingAlias';
 export * from './buildCategoryQuery';
 export * from './buildFilterQuery';
-//# sourceMappingURL=index.js.map

package/dist/esm/navigation/components/SearchBox/Components/BlogContainer/BlogPost/index.js

@@ -1,88 +1,110 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import React from 'react';
 import styled from 'styled-components';
 import { Link, OverflowEllipsis } from '../../../../../../';
-export var BlogPost = (_ref) => {
-  var {
-    image,
-    description,
-    url,
-    textColor,
-    labelsColor,
-    blogTitle,
-    onClose
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Link, {
-    href: url,
-    passHref: true
-  }, /*#__PURE__*/React.createElement(Wrapper, {
-    onClick: onClose
-  }, /*#__PURE__*/React.createElement(ProductImage, {
-    alt: "Blog_image",
-    src: image
-  }), /*#__PURE__*/React.createElement(ProductInfo, {
-    textColor: textColor
-  }, /*#__PURE__*/React.createElement(OverflowEllipsis, {
-    lineHeight: 16,
-    lines: 1
-  }, blogTitle), /*#__PURE__*/React.createElement(OverflowEllipsis, {
-    lineHeight: 22,
-    lines: 2
-  }, description)))));
+function _taggedTemplateLiteral(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _taggedTemplateLiteral([
+        "\n  width: 90%;\n  margin-right: 2rem;\n  @media (min-width: ",
+        ") {\n    width: 100%;\n  } ;\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _taggedTemplateLiteral([
+        "\n  cursor: pointer;\n  visibility: hidden;\n  opacity: 0;\n  transform: translateY(-20px);\n  transition: none;\n\n  width: 100%;\n\n  [data-is-active='true'] ~ div & {\n    visibility: visible;\n    opacity: 1;\n    transform: translateY(0);\n    transition: opacity 0.35s 0.4s, visibility 0.35s 0.4s,\n      transform 0.25s ease 0.35s;\n    font-weight: 600;\n  }\n"
+    ]);
+    _templateObject1 = function _templateObject1() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _taggedTemplateLiteral([
+        "\n  width: 40%;\n  // border-radius: 2rem;\n  @media (min-width: ",
+        ") {\n    width: 80%;\n  }\n"
+    ]);
+    _templateObject2 = function _templateObject2() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _taggedTemplateLiteral([
+        "\n  & span {\n    &:first-child {\n      font-weight: 700;\n      @media (min-width: ",
+        ") {\n        margin: 2rem 0 1rem 0;\n      }\n    }\n  }\n  font-weight: 500;\n  border: 0.1rem solid ",
+        ";\n  opacity: 0.7;\n  border-radius: 0 0.3rem 0.3rem 0;\n  color: ",
+        ";\n  width: auto;\n\n  @media (min-width: ",
+        ") {\n    border: none;\n  }\n"
+    ]);
+    _templateObject3 = function _templateObject3() {
+        return data;
+    };
+    return data;
+}
+export var BlogPost = function(param) {
+    var image = param.image, description = param.description, url = param.url, textColor = param.textColor, labelsColor = param.labelsColor, blogTitle = param.blogTitle, onClose = param.onClose;
+    return(/*#__PURE__*/ React.createElement(Container, null, /*#__PURE__*/ React.createElement(Link, {
+        href: url,
+        passHref: true
+    }, /*#__PURE__*/ React.createElement(Wrapper, {
+        onClick: onClose
+    }, /*#__PURE__*/ React.createElement(ProductImage, {
+        alt: "Blog_image",
+        src: image
+    }), /*#__PURE__*/ React.createElement(ProductInfo, {
+        textColor: textColor
+    }, /*#__PURE__*/ React.createElement(OverflowEllipsis, {
+        lineHeight: 16,
+        lines: 1
+    }, blogTitle), /*#__PURE__*/ React.createElement(OverflowEllipsis, {
+        lineHeight: 22,
+        lines: 2
+    }, description))))));
 };
 var Container = styled.div.attrs({
-  className: 'mb-4'
-})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 90%;\n  margin-right: 2rem;\n  @media (min-width: ", ") {\n    width: 100%;\n  } ;\n"])), (_ref2) => {
-  var _theme$breakpoints;
-
-  var {
-    theme
-  } = _ref2;
-  return (_theme$breakpoints = theme.breakpoints) == null ? void 0 : _theme$breakpoints.lg.min;
+    className: 'mb-4'
+})(_templateObject(), function(param) {
+    var theme = param.theme;
+    var ref;
+    return (ref = theme.breakpoints) === null || ref === void 0 ? void 0 : ref.lg.min;
 });
 var Wrapper = styled.div.attrs({
-  className: 'd-flex flex-lg-column'
-})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  visibility: hidden;\n  opacity: 0;\n  transform: translateY(-20px);\n  transition: none;\n\n  width: 100%;\n\n  [data-is-active='true'] ~ div & {\n    visibility: visible;\n    opacity: 1;\n    transform: translateY(0);\n    transition: opacity 0.35s 0.4s, visibility 0.35s 0.4s,\n      transform 0.25s ease 0.35s;\n    font-weight: 600;\n  }\n"])));
+    className: 'd-flex flex-lg-column'
+})(_templateObject1());
 var ProductImage = styled.img.attrs({
-  className: 'mx-auto mx-lg-0'
-})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  width: 40%;\n  // border-radius: 2rem;\n  @media (min-width: ", ") {\n    width: 80%;\n  }\n"])), (_ref3) => {
-  var _theme$breakpoints2;
-
-  var {
-    theme
-  } = _ref3;
-  return (_theme$breakpoints2 = theme.breakpoints) == null ? void 0 : _theme$breakpoints2.lg.min;
+    className: 'mx-auto mx-lg-0'
+})(_templateObject2(), function(param) {
+    var theme = param.theme;
+    var ref;
+    return (ref = theme.breakpoints) === null || ref === void 0 ? void 0 : ref.lg.min;
 });
 var ProductInfo = styled.p.attrs({
-  className: 'p-1 p-lg-0 d-flex flex-column justify-content-around'
-})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  & span {\n    &:first-child {\n      font-weight: 700;\n      @media (min-width: ", ") {\n        margin: 2rem 0 1rem 0;\n      }\n    }\n  }\n  font-weight: 500;\n  border: 0.1rem solid ", ";\n  opacity: 0.7;\n  border-radius: 0 0.3rem 0.3rem 0;\n  color: ", ";\n  width: auto;\n\n  @media (min-width: ", ") {\n    border: none;\n  }\n"])), (_ref4) => {
-  var _theme$breakpoints3;
-
-  var {
-    theme
-  } = _ref4;
-  return (_theme$breakpoints3 = theme.breakpoints) == null ? void 0 : _theme$breakpoints3.lg.min;
-}, (_ref5) => {
-  var _theme$palette;
-
-  var {
-    theme
-  } = _ref5;
-  return (_theme$palette = theme.palette) == null ? void 0 : _theme$palette.hint;
-}, (_ref6) => {
-  var {
-    textColor
-  } = _ref6;
-  return textColor;
-}, (_ref7) => {
-  var _theme$breakpoints4;
-
-  var {
-    theme
-  } = _ref7;
-  return (_theme$breakpoints4 = theme.breakpoints) == null ? void 0 : _theme$breakpoints4.lg.min;
+    className: 'p-1 p-lg-0 d-flex flex-column justify-content-around'
+})(_templateObject3(), function(param) {
+    var theme = param.theme;
+    var ref;
+    return (ref = theme.breakpoints) === null || ref === void 0 ? void 0 : ref.lg.min;
+}, function(param) {
+    var theme = param.theme;
+    var ref;
+    return (ref = theme.palette) === null || ref === void 0 ? void 0 : ref.hint;
+}, function(param) {
+    var textColor = param.textColor;
+    return textColor;
+}, function(param) {
+    var theme = param.theme;
+    var ref;
+    return (ref = theme.breakpoints) === null || ref === void 0 ? void 0 : ref.lg.min;
 });
-//# sourceMappingURL=index.js.map

package/dist/esm/navigation/components/SearchBox/Components/BlogContainer/index.js

@@ -1,28 +1,18 @@
 import React from 'react';
 import { BlogPost } from './BlogPost';
 import { Container } from '../';
-export var BlogContainer = (_ref) => {
-  var {
-    image,
-    description,
-    blogTitle,
-    title,
-    url,
-    labelsColor,
-    textColor,
-    onClose
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Container, {
-    labelsColor: labelsColor,
-    title: title
-  }, /*#__PURE__*/React.createElement(BlogPost, {
-    image: image,
-    url: url,
-    blogTitle: blogTitle,
-    description: description,
-    labelsColor: labelsColor,
-    textColor: textColor,
-    onClose: onClose
-  }));
+export var BlogContainer = function(param) {
+    var image = param.image, description = param.description, blogTitle = param.blogTitle, title = param.title, url = param.url, labelsColor = param.labelsColor, textColor = param.textColor, onClose = param.onClose;
+    return(/*#__PURE__*/ React.createElement(Container, {
+        labelsColor: labelsColor,
+        title: title
+    }, /*#__PURE__*/ React.createElement(BlogPost, {
+        image: image,
+        url: url,
+        blogTitle: blogTitle,
+        description: description,
+        labelsColor: labelsColor,
+        textColor: textColor,
+        onClose: onClose
+    })));
 };
-//# sourceMappingURL=index.js.map

package/dist/esm/navigation/components/SearchBox/Components/Container/index.js

@@ -1,49 +1,76 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";
-
-var _templateObject, _templateObject2, _templateObject3;
-
 import React from 'react';
 import styled from 'styled-components';
-export var Container = (_ref) => {
-  var {
-    title,
-    labelsColor,
-    children,
-    backgroundColor,
-    onlyMobile,
-    onlyDesktop
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Wrapper, {
-    backgroundColor: backgroundColor,
-    mobile: onlyMobile,
-    desktop: onlyDesktop
-  }, Boolean(title) && /*#__PURE__*/React.createElement(Headline, {
-    color: labelsColor
-  }, title), /*#__PURE__*/React.createElement(Flex, null, children));
+function _taggedTemplateLiteral(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _taggedTemplateLiteral([
+        "\n  height: auto;\n  width: 100%;\n\n  ",
+        "\n\n  @media (min-width: ",
+        ") {\n    width: 100%;\n    height: auto;\n    margin: 3rem 2rem 0 0;\n  }\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _taggedTemplateLiteral([
+        "\n  color: ",
+        ";\n\n  font-size: 2rem;\n  line-height: 2.4rem;\n\n  margin-bottom: 2rem;\n\n  @media (min-width: ",
+        ") {\n    margin-bottom: 3rem;\n  }\n\n  visibility: hidden;\n  opacity: 0;\n  transform: translateY(-2rem);\n  transition: none;\n  text-transform: uppercase;\n\n  [data-is-active='true'] ~ div & {\n    visibility: visible;\n    opacity: 1;\n    transform: translateY(0);\n    transition: opacity 0.35s 0.4s, visibility 0.35s 0.4s,\n      transform 0.25s ease 0.35s;\n    font-weight: 600;\n  }\n"
+    ]);
+    _templateObject1 = function _templateObject1() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _taggedTemplateLiteral([
+        ""
+    ]);
+    _templateObject2 = function _templateObject2() {
+        return data;
+    };
+    return data;
+}
+export var Container = function(param) {
+    var title = param.title, labelsColor = param.labelsColor, children = param.children, backgroundColor = param.backgroundColor, onlyMobile = param.onlyMobile, onlyDesktop = param.onlyDesktop;
+    return(/*#__PURE__*/ React.createElement(Wrapper, {
+        backgroundColor: backgroundColor,
+        mobile: onlyMobile,
+        desktop: onlyDesktop
+    }, Boolean(title) && /*#__PURE__*/ React.createElement(Headline, {
+        color: labelsColor
+    }, title), /*#__PURE__*/ React.createElement(Flex, null, children)));
 };
-var Wrapper = styled.div.attrs(props => {
-  return {
-    className: (props.mobile && 'd-block d-lg-none') + " " + (props.desktop && 'd-none d-lg-block')
-  };
-})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  height: auto;\n  width: 100%;\n\n  ", "\n\n  @media (min-width: ", ") {\n    width: 100%;\n    height: auto;\n    margin: 3rem 2rem 0 0;\n  }\n"])), props => props.backgroundColor && "\n  background: " + props.backgroundColor + ";\n  ", (_ref2) => {
-  var _theme$breakpoints;
-
-  var {
-    theme
-  } = _ref2;
-  return (_theme$breakpoints = theme.breakpoints) == null ? void 0 : _theme$breakpoints.lg.min;
+var Wrapper = styled.div.attrs(function(props) {
+    return {
+        className: "".concat(props.mobile && 'd-block d-lg-none', " ").concat(props.desktop && 'd-none d-lg-block')
+    };
+})(_templateObject(), function(props) {
+    return props.backgroundColor && "\n  background: ".concat(props.backgroundColor, ";\n  ");
+}, function(param) {
+    var theme = param.theme;
+    var ref;
+    return (ref = theme.breakpoints) === null || ref === void 0 ? void 0 : ref.lg.min;
 });
 var Headline = styled.p.attrs({
-  className: 'd-flex flex-column SEARCH_BOX_TITLE'
-})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n\n  font-size: 2rem;\n  line-height: 2.4rem;\n\n  margin-bottom: 2rem;\n\n  @media (min-width: ", ") {\n    margin-bottom: 3rem;\n  }\n\n  visibility: hidden;\n  opacity: 0;\n  transform: translateY(-2rem);\n  transition: none;\n  text-transform: uppercase;\n\n  [data-is-active='true'] ~ div & {\n    visibility: visible;\n    opacity: 1;\n    transform: translateY(0);\n    transition: opacity 0.35s 0.4s, visibility 0.35s 0.4s,\n      transform 0.25s ease 0.35s;\n    font-weight: 600;\n  }\n"])), props => props.color, (_ref3) => {
-  var _theme$breakpoints2;
-
-  var {
-    theme
-  } = _ref3;
-  return (_theme$breakpoints2 = theme.breakpoints) == null ? void 0 : _theme$breakpoints2.lg.min;
+    className: 'd-flex flex-column SEARCH_BOX_TITLE'
+})(_templateObject1(), function(props) {
+    return props.color;
+}, function(param) {
+    var theme = param.theme;
+    var ref;
+    return (ref = theme.breakpoints) === null || ref === void 0 ? void 0 : ref.lg.min;
 });
 var Flex = styled.div.attrs({
-  className: 'row'
-})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose([""])));
-//# sourceMappingURL=index.js.map
+    className: 'row'
+})(_templateObject2());