@sentecacommerce-theme/lib 0.13.7-alpha.6 → 0.13.9

package/dist/cjs/listing/api/queries/useLabelsQuery.js

@@ -7,13 +7,13 @@ var _react = _interopRequireDefault(require("react"));
 var _sdk = require("@sentecacommerce/sdk");
 var _reactQuery = require("react-query");
 var _keys = require("../keys");
+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 _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) {
-        for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
-            arr2[i] = arr[i];
-        }
-        return arr2;
-    }
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -50,13 +50,21 @@ function _interopRequireDefault(obj) {
     };
 }
 function _iterableToArray(iter) {
-    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance");
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+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(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var useLabelsQuery = function(param) {
     var _labels = param.labels, labels = _labels === void 0 ? [] : _labels;
@@ -80,7 +88,8 @@ var useLabelsQuery = function(param) {
             }
         }, _callee);
     })), {
-        cacheTime: 0
+        cacheTime: 0,
+        refetchOnWindowFocus: false
     });
 };
 exports.useLabelsQuery = useLabelsQuery;

package/dist/cjs/listing/api/queries/useListingQuery.js

@@ -12,6 +12,11 @@ var _hooks = require("../../hooks");
 var _ = require("..");
 var _types = require("../../types");
 var _utils = require("../../utils");
+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 _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -63,12 +68,14 @@ function _interopRequireDefault(obj) {
     };
 }
 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 _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -85,12 +92,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -104,7 +110,15 @@ function _objectSpread(target) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+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(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var useListingQuery = function() {
     var ref;
@@ -115,7 +129,7 @@ var useListingQuery = function() {
     var ref2 = (0, _hooks).useListingAlias(config.meta), aliasedSlug = ref2.slug;
     var query = router.query;
     var postFilter = (0, _utils).getPostFilters(router);
-    var limit = Number((query === null || query === void 0 ? void 0 : query.limit) || (config === null || config === void 0 ? void 0 : (ref = config.meta) === null || ref === void 0 ? void 0 : ref.limit) || 24);
+    var limit = !!router.query.limit ? Number(router.query.limit) : (config === null || config === void 0 ? void 0 : (ref = config.meta) === null || ref === void 0 ? void 0 : ref.limit) || 24;
     var sort = query.sort || (config === null || config === void 0 ? void 0 : config.defaultSortKey) || 'defaultSort';
     var offset = (0, _utils).calculateOffset(query === null || query === void 0 ? void 0 : query.page, limit);
     var queryKeys = (0, _).getListingQueryKeys({
@@ -123,10 +137,9 @@ var useListingQuery = function() {
         predicate: predicate,
         sort: sort,
         postFilter: postFilter,
-        slug: slug,
+        slug: aliasedSlug,
         offset: offset
     });
-    console.log('useListingQuery', isListingQueryEnabled(config.type, predicate));
     return (0, _reactQuery).useQuery(queryKeys, _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee() {
         var data;
         return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
@@ -141,13 +154,13 @@ var useListingQuery = function() {
                         postFilter: postFilter,
                         offset: offset,
                         config: config.meta,
+                        includeVariants: config.includeVariants,
                         slug: aliasedSlug
                     });
                 case 2:
                     data = _ctx.sent;
-                    console.log('listing is Processed');
                     return _ctx.abrupt("return", data);
-                case 5:
+                case 4:
                 case "end":
                     return _ctx.stop();
             }
@@ -167,31 +180,15 @@ function processListingQuery(_) {
 }
 function _processListingQuery() {
     _processListingQuery = _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee(param) {
-        var predicate, router, limit, sort, postFilter, offset, config, slug, query, type, filter, _sort, _sort1;
+        var predicate, router, limit, sort, postFilter, offset, config, slug, _includeVariants, includeVariants, query, type, filter, _sort;
         return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
-                    predicate = param.predicate, router = param.router, limit = param.limit, sort = param.sort, postFilter = param.postFilter, offset = param.offset, config = param.config, slug = param.slug;
-                    console.log('processListingQuery');
+                    predicate = param.predicate, router = param.router, limit = param.limit, sort = param.sort, postFilter = param.postFilter, offset = param.offset, config = param.config, slug = param.slug, _includeVariants = param.includeVariants, includeVariants = _includeVariants === void 0 ? false : _includeVariants;
                     query = router.query;
                     type = (0, _utils).getListingPageType(router, slug, config);
                     filter = generateFilter(type, query, slug, predicate);
                     ;
-                    console.log(_objectSpread({
-                        limit: limit,
-                        offset: offset || 0,
-                        filter: (0, _utils).extendFilter({
-                            slug: filter,
-                            filterExtension: config === null || config === void 0 ? void 0 : config.filterExtension,
-                            noSplit: true
-                        }),
-                        sort: (_sort = query.sort) !== null && _sort !== void 0 ? _sort : sort
-                    }, (query === null || query === void 0 ? void 0 : query.filter) && {
-                        postFilter: postFilter
-                    }, (config === null || config === void 0 ? void 0 : config.collapseMode) && type !== _types.ListingTypesEnum.Collection && {
-                        collapseMode: config === null || config === void 0 ? void 0 : config.collapseMode
-                    }));
-                    ;
                     return _ctx.abrupt("return", (0, _sdk).CatalogFilter(_objectSpread({
                         limit: limit,
                         offset: offset || 0,
@@ -200,13 +197,15 @@ function _processListingQuery() {
                             filterExtension: config === null || config === void 0 ? void 0 : config.filterExtension,
                             noSplit: true
                         }),
-                        sort: (_sort1 = query.sort) !== null && _sort1 !== void 0 ? _sort1 : sort
+                        sort: (_sort = query.sort) !== null && _sort !== void 0 ? _sort : sort
                     }, (query === null || query === void 0 ? void 0 : query.filter) && {
                         postFilter: postFilter
                     }, (config === null || config === void 0 ? void 0 : config.collapseMode) && type !== _types.ListingTypesEnum.Collection && {
                         collapseMode: config === null || config === void 0 ? void 0 : config.collapseMode
+                    }, {
+                        includeVariants: includeVariants
                     })));
-                case 9:
+                case 6:
                 case "end":
                     return _ctx.stop();
             }

package/dist/cjs/listing/api/queries/usePredicate.js

@@ -12,6 +12,11 @@ var _ = require("../");
 var _utils = require("../../utils");
 var _hooks = require("../../hooks");
 var _1 = require("../..");
+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 _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -63,12 +68,14 @@ function _interopRequireDefault(obj) {
     };
 }
 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 _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -85,14 +92,21 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+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(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var _obj;
-var getBySlugMap = (_obj = {
-}, _defineProperty(_obj, _types.ListingTypesEnum.Category, _sdk.CategoriesGetBySlug), _defineProperty(_obj, _types.ListingTypesEnum.View, _sdk.ViewsGetBySlug), _defineProperty(_obj, _types.ListingTypesEnum.Brand, _sdk.BrandsGetBySlug), _defineProperty(_obj, _types.ListingTypesEnum.Collection, _sdk.CollectionsGetBySlug), _obj);
+var getBySlugMap = (_obj = {}, _defineProperty(_obj, _types.ListingTypesEnum.Category, _sdk.CategoriesGetBySlug), _defineProperty(_obj, _types.ListingTypesEnum.View, _sdk.ViewsGetBySlug), _defineProperty(_obj, _types.ListingTypesEnum.Brand, _sdk.BrandsGetBySlug), _defineProperty(_obj, _types.ListingTypesEnum.Collection, _sdk.CollectionsGetBySlug), _obj);
 var usePredicate = function() {
     var slug = (0, _hooks).useListingSlug();
     var meta = (0, _1).useListingConfig().meta;
@@ -129,10 +143,9 @@ exports.usePredicate = usePredicate;
 function processPredicateRequest(slug, router, aliasedSlug, mainConfig) {
     return _processPredicateRequest.apply(this, arguments);
 }
-var _obj1;
 function _processPredicateRequest() {
     _processPredicateRequest = _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee(slug, router, aliasedSlug, mainConfig) {
-        var pageType, allowedPages, config, data, ref, type, val;
+        var pageType, _obj1, allowedPages, config, data, ref, type, val;
         return _regeneratorRuntime.default.wrap(function _callee$(_ctx) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
@@ -143,41 +156,40 @@ function _processPredicateRequest() {
                     }
                     return _ctx.abrupt("return", undefined);
                 case 3:
-                    allowedPages = (_obj1 = {
-                    }, _defineProperty(_obj1, _types.ListingTypesEnum.Category, true), _defineProperty(_obj1, _types.ListingTypesEnum.Brand, true), _defineProperty(_obj1, _types.ListingTypesEnum.Search, Boolean(router.query.search)), _obj1);
+                    ;
+                    allowedPages = (_obj1 = {}, _defineProperty(_obj1, _types.ListingTypesEnum.Category, true), _defineProperty(_obj1, _types.ListingTypesEnum.Brand, true), _defineProperty(_obj1, _types.ListingTypesEnum.Search, Boolean(router.query.search)), _obj1);
                     if (getBySlugMap[pageType]) {
-                        _ctx.next = 6;
+                        _ctx.next = 7;
                         break;
                     }
                     return _ctx.abrupt("return");
-                case 6:
-                    config = {
-                    };
+                case 7:
+                    config = {};
                     if (allowedPages[pageType]) {
                         config = {
                             expand: 'ancestors'
                         };
                     }
-                    _ctx.next = 10;
+                    _ctx.next = 11;
                     return getBySlugMap[pageType](slug, config);
-                case 10:
+                case 11:
                     data = _ctx.sent;
                     if (!router.query.cat) {
-                        _ctx.next = 17;
+                        _ctx.next = 18;
                         break;
                     }
                     ref = _slicedToArray(aliasedSlug.split('-'), 2), type = ref[0], val = ref[1];
                     if (!data) {
-                        _ctx.next = 17;
+                        _ctx.next = 18;
                         break;
                     }
-                    _ctx.next = 16;
+                    _ctx.next = 17;
                     return (0, _sdk).ProductsGetAttributeLabel(type, val);
-                case 16:
-                    data.breadcrumb = _ctx.sent;
                 case 17:
-                    return _ctx.abrupt("return", data);
+                    data.breadcrumb = _ctx.sent;
                 case 18:
+                    return _ctx.abrupt("return", data);
+                case 19:
                 case "end":
                     return _ctx.stop();
             }

package/dist/cjs/listing/components/BasicListingSEO.js

@@ -3,6 +3,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BasicListingSEO = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _head = _interopRequireDefault(require("next/head"));
+var _router = require("next/router");
 var _useConfig = require("../../hooks/useConfig");
 var _seo = require("../../seo");
 var _hooks = require("../hooks");
@@ -12,19 +14,33 @@ function _interopRequireDefault(obj) {
     };
 }
 var BasicListingSEO = function(param) {
-    var _favorTitleTemplateOverMeta = param.favorTitleTemplateOverMeta, favorTitleTemplateOverMeta = _favorTitleTemplateOverMeta === void 0 ? false : _favorTitleTemplateOverMeta, _favorDescriptionTemplateOverMeta = param.favorDescriptionTemplateOverMeta, favorDescriptionTemplateOverMeta = _favorDescriptionTemplateOverMeta === void 0 ? false : _favorDescriptionTemplateOverMeta, _titleTemplate = param.titleTemplate, titleTemplate = _titleTemplate === void 0 ? ':title:' : _titleTemplate, _descriptionTemplate = param.descriptionTemplate, descriptionTemplate = _descriptionTemplate === void 0 ? ':description:' : _descriptionTemplate;
-    var ref, ref1, ref2, ref3, ref4, ref5;
-    var ref6 = (0, _hooks).useListingMeta(), displayName = ref6.displayName, metaTitle = ref6.metaTitle, metaKeywords = ref6.metaKeywords, metaDescription = ref6.metaDescription, getAssetByKey = ref6.getAssetByKey;
-    var image = (ref = getAssetByKey('image')) === null || ref === void 0 ? void 0 : (ref1 = ref.sources) === null || ref1 === void 0 ? void 0 : (ref2 = ref1[0]) === null || ref2 === void 0 ? void 0 : ref2.url;
+    var _favorTitleTemplateOverMeta = param.favorTitleTemplateOverMeta, favorTitleTemplateOverMeta = _favorTitleTemplateOverMeta === void 0 ? false : _favorTitleTemplateOverMeta, _favorDescriptionTemplateOverMeta = param.favorDescriptionTemplateOverMeta, favorDescriptionTemplateOverMeta = _favorDescriptionTemplateOverMeta === void 0 ? false : _favorDescriptionTemplateOverMeta, _titleTemplate = param.titleTemplate, titleTemplate = _titleTemplate === void 0 ? ':title:' : _titleTemplate, _descriptionTemplate = param.descriptionTemplate, descriptionTemplate = _descriptionTemplate === void 0 ? ':description:' : _descriptionTemplate, _pageTemplate = param.pageTemplate, pageTemplate = _pageTemplate === void 0 ? ':page' : _pageTemplate;
+    var ref9, ref1, ref2, ref3, ref4, ref5, ref6;
+    var ref7 = (0, _hooks).useListingMeta(), displayName = ref7.displayName, metaTitle = ref7.metaTitle, metaKeywords = ref7.metaKeywords, metaDescription = ref7.metaDescription, getAssetByKey = ref7.getAssetByKey;
+    var ref8 = (0, _useConfig).useConfigState(), imagesConfig = ref8.imagesConfig, domain = ref8.domain;
+    var image = (ref9 = getAssetByKey('image')) === null || ref9 === void 0 ? void 0 : (ref1 = ref9.sources) === null || ref1 === void 0 ? void 0 : (ref2 = ref1[0]) === null || ref2 === void 0 ? void 0 : ref2.url;
     var topBanner = (ref3 = getAssetByKey('top-banner')) === null || ref3 === void 0 ? void 0 : (ref4 = ref3.sources) === null || ref4 === void 0 ? void 0 : (ref5 = ref4[0]) === null || ref5 === void 0 ? void 0 : ref5.url;
-    var imagesConfig = (0, _useConfig).useConfigState().imagesConfig;
+    var router = (0, _router).useRouter();
+    var url = "https://".concat(domain).concat(router === null || router === void 0 ? void 0 : (ref6 = router.asPath) === null || ref6 === void 0 ? void 0 : ref6.split('?')[0]);
+    var isSearchPage = router.asPath.includes('/search?q=');
+    var pagination = (0, _hooks).useListingPagination().pagination;
     var createTemplate = function(template) {
+        var ref;
         if (!template) return '';
-        return template.replace(':title:', metaTitle || displayName).replace(':name:', displayName).replace(':description:', metaDescription);
+        return template.replace(':title:', metaTitle || displayName).replace(':name:', displayName).replace(':description:', metaDescription).replace(':page', Boolean(((ref = pagination) === null || ref === void 0 ? void 0 : ref.currentPage) - 1) ? "".concat(pagination === null || pagination === void 0 ? void 0 : pagination.currentPage) : '');
     };
     var formattedTitle = favorTitleTemplateOverMeta ? createTemplate(titleTemplate) : metaTitle || createTemplate(titleTemplate);
     var formattedDescription = favorDescriptionTemplateOverMeta ? createTemplate(descriptionTemplate) : metaDescription || createTemplate(descriptionTemplate);
-    return(/*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_seo.BasicSEO, {
+    return(/*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_head.default, null, isSearchPage && /*#__PURE__*/ _react.default.createElement("meta", {
+        name: "robots",
+        content: "noindex"
+    }), (pagination === null || pagination === void 0 ? void 0 : pagination.hasPrevious) && /*#__PURE__*/ _react.default.createElement("link", {
+        rel: "prev",
+        href: "".concat(url, "?page=").concat(pagination.previousQuery.page)
+    }), (pagination === null || pagination === void 0 ? void 0 : pagination.hasNext) && /*#__PURE__*/ _react.default.createElement("link", {
+        rel: "next",
+        href: "".concat(url, "?page=").concat(pagination.nextQuery.page)
+    })), /*#__PURE__*/ _react.default.createElement(_seo.BasicSEO, {
         title: formattedTitle,
         keywords: metaKeywords,
         description: formattedDescription

package/dist/cjs/listing/components/index.js

@@ -16,13 +16,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {

package/dist/cjs/listing/hooks/index.js

@@ -1,8 +1,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-var _exportNames = {
-};
+var _exportNames = {};
 var _useListingConfig = _interopRequireWildcard(require("./useListingConfig"));
 Object.keys(_useListingConfig).forEach(function(key) {
     if (key === "default" || key === "__esModule") return;
@@ -151,13 +150,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {

package/dist/cjs/listing/hooks/useListingBreadcrumbs.js

@@ -5,18 +5,18 @@ exports.useListingBreadcrumbs = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _router = require("next/router");
 var _api = require("../api");
-var _ = require("./");
-var _index = require("../../index");
+var _index = require("./index");
+var _index1 = require("../../index");
 var _typeToSuffix = require("../../utils/typeToSuffix");
 var _getTranslatableField = require("../../utils/getTranslatableField");
-var _1 = require("..");
+var _ = require("..");
+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 _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) {
-        for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
-            arr2[i] = arr[i];
-        }
-        return arr2;
-    }
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -24,22 +24,33 @@ function _interopRequireDefault(obj) {
     };
 }
 function _iterableToArray(iter) {
-    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance");
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+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(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var _instance;
 var useListingBreadcrumbs = function() {
-    var ref1 = (0, _api).usePredicate(), data = ref1.data, isLoading = ref1.isLoading;
-    var config = (0, _).useListingConfig();
+    var ref3 = (0, _api).usePredicate(), data = ref3.data, isLoading = ref3.isLoading;
+    var config = (0, _index).useListingConfig();
     var router = (0, _router).useRouter();
-    var slug = (0, _index).useListingAlias(config.meta).slug;
+    var slug = (0, _index1).useListingAlias(config.meta).slug;
+    var ref1 = (0, _index).useListingCategories(), categoriesData = ref1.data;
+    var categoryName = (0, _index).getCategoryName(router, categoriesData);
+    var categoryId = (0, _index).getFilterByType('category', router);
     var result = _react.default.useMemo(function() {
-        if (config.type === _1.ListingTypesEnum.AttrPage) {
+        if (config.type === _.ListingTypesEnum.AttrPage) {
             var ref;
             return [
                 {
@@ -58,7 +69,16 @@ var useListingBreadcrumbs = function() {
                 }, 
             ];
         }
-        return createCatalogBreadcrumb(data, config.type, router);
+        var breadcrumbData = createCatalogBreadcrumb(data, config.type, router);
+        if (config.type === _.ListingTypesEnum.View || config.type === _.ListingTypesEnum.Brand) {
+            var ref2;
+            breadcrumbData.push({
+                name: categoryName || '',
+                id: categoryId,
+                link: processLink((ref2 = data) === null || ref2 === void 0 ? void 0 : ref2.slug, config.type, router.query.slug) + applyFilters(router)
+            });
+        }
+        return breadcrumbData;
     }, [
         data,
         config.type,
@@ -135,8 +155,7 @@ function sortAncestors(ancestors) {
     return result;
 }
 var mapListToTree = function(list) {
-    var map = {
-    };
+    var map = {};
     var node;
     var roots = [];
     var i;

package/dist/cjs/listing/hooks/useListingCategories.js

@@ -12,13 +12,13 @@ var _api = require("../api");
 var _utils1 = require("./utils");
 var _types = require("../types");
 var _utils2 = require("../utils");
+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 _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) {
-        for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
-            arr2[i] = arr[i];
-        }
-        return arr2;
-    }
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -26,13 +26,21 @@ function _interopRequireDefault(obj) {
     };
 }
 function _iterableToArray(iter) {
-    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance");
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+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(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var ListingCategoriesStateContext = /*#__PURE__*/ _react.default.createContext(undefined);
 function ListingCategoriesProvider(param) {
@@ -95,14 +103,14 @@ function generateUrl(current, router, slug, config) {
         res = "/".concat(router.query.slug, "/").concat((0, _utils).getTranslatableField(current.meta.slug), "/").concat(suffix);
     }
     if (pageType === _types.ListingTypesEnum.View) {
-        res = "/".concat(router.query.slug, "/").concat((0, _utils).getTranslatableField(current.meta.slug), "/").concat(suffix);
+        res = "/".concat(router.query.slug, "/").concat(suffix);
     }
     if (pageType === _types.ListingTypesEnum.Search) {
         var _q;
         res = "/".concat((0, _utils).getTranslatableField(current.meta.slug), "/c?search=").concat((_q = router.query.q) !== null && _q !== void 0 ? _q : router.query.search);
     }
     var filter = router.query.filter;
-    if (suffix === 'b') {
+    if (suffix === 'b' || suffix === 'v') {
         if (filter) {
             if (Array.isArray(filter)) {
                 filter = _toConsumableArray(filter);
@@ -170,8 +178,7 @@ function buildNodes(current, router, slug, config) {
     };
 }
 function buildCategories(categories) {
-    var map = {
-    };
+    var map = {};
     var node;
     var roots = [];
     var i;

package/dist/cjs/listing/hooks/useListingConfig.js

@@ -29,8 +29,7 @@ function _interopRequireDefault(obj) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -49,8 +48,7 @@ function ListingPageProvider(param) {
     var router = (0, _router).useRouter();
     var slug = (0, _index).useListingAlias(config.meta).slug;
     var data = _react.default.useMemo(function() {
-        return _objectSpread({
-        }, config, {
+        return _objectSpread({}, config, {
             type: (0, _utils).getListingPageType(router, slug, config.meta)
         });
     }, [