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

package/dist/cjs/analytics/Pixel/hooks/usePixelProductClick.js

@@ -49,7 +49,7 @@ var usePixelProductClick = function() {
             var pixel = window.pixel;
             pixel.productClick(product, _objectSpread({
             }, info, {
-                merchantKey: defaultMerchant
+                merchantKey: defaultMerchant || ''
             }));
         }
     };

package/dist/cjs/analytics/Pixel/hooks/usePixelProductDetails.js

@@ -59,7 +59,7 @@ var usePixelProductDetails = function() {
                     id: metaData._id,
                     sku: selectedVariant === null || selectedVariant === void 0 ? void 0 : selectedVariant.sku
                 }, {
-                    merchantKey: defaultMerchant
+                    merchantKey: defaultMerchant || ''
                 });
                 setSentData.on();
             }

package/dist/cjs/analytics/Pixel/hooks/usePixelProductsImpression.js

@@ -75,7 +75,7 @@ var usePixelProductsImpression = function(param) {
                             products: products
                         }
                     ] : productsData, {
-                        merchantKey: defaultMerchant
+                        merchantKey: defaultMerchant || ''
                     });
                 };
                 sendImpressions();

package/dist/cjs/analytics/Pixel/usePixel.js

@@ -40,7 +40,7 @@ var usePixel = function() {
         var product = param.product, currencyCode = param.currencyCode;
         pixel === null || pixel === void 0 ? void 0 : pixel.addLineItem(product, {
             currencyCode: currencyCode,
-            merchantKey: defaultMerchant
+            merchantKey: defaultMerchant || ''
         });
     };
     var pixelRemoveLineItem = function(param) {

package/dist/cjs/analytics/Releva/useReleva.js

@@ -166,7 +166,7 @@ var RelevaProvider = function(param1) {
     var ref3, ref4;
     var token = (ref4 = (ref3 = _jsCookie.default.get('token')) !== null && ref3 !== void 0 ? ref3 : _jsCookie.default.get('anonymousToken')) !== null && ref4 !== void 0 ? ref4 : process.env.API_KEY;
     var interfaceKey = (0, _index).useConfigState().interfaceKey;
-    var ref5 = (0, _hooks).useRelevaData(payload, isReady, token, interfaceKey), recommenders = ref5.recommenders, banners = ref5.banners, pixelData = ref5.pixelData;
+    var ref5 = (0, _hooks).useRelevaData(payload, isReady, token, interfaceKey || ''), recommenders = ref5.recommenders, banners = ref5.banners, pixelData = ref5.pixelData;
     var values = {
         onProductPage: onProductPage,
         changeProfileData: changeProfileData,

package/dist/cjs/api.v2/core/checkout/payments/useSetMerchantPaymentMethod.js

@@ -11,7 +11,7 @@ function useSetMerchantPaymentMethod(onSuccess) {
     var config = (0, _useConfig).useConfigState();
     return (0, _reactQuery).useMutation(function(values) {
         return (0, _sdk).MyCartSetMerchantsPaymentMethods({
-            methods: formatData(values, config.defaultMerchant)
+            methods: formatData(values, config.defaultMerchant || '')
         });
     }, {
         onMutate: function() {

package/dist/cjs/checkout/hooks/useBnpCalculateForCart.js

@@ -65,7 +65,7 @@ var useBnpCalculateForCart = function(props) {
         preferredInstallmentCentAmount: preferredInstallmentCentAmount,
         downPaymentCentAmount: downPaymentCentAmount
     });
-    var configLocale = (ref8 = (0, _index).useConfigState()) === null || ref8 === void 0 ? void 0 : (ref1 = ref8.price) === null || ref1 === void 0 ? void 0 : ref1.locale;
+    var configLocale = ((ref8 = (0, _index).useConfigState()) === null || ref8 === void 0 ? void 0 : (ref1 = ref8.price) === null || ref1 === void 0 ? void 0 : ref1.locale) || '';
     return (0, _react).useMemo(function() {
         var ref, ref5, ref6, ref7;
         return _objectSpread({

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

@@ -50,7 +50,7 @@ var Html = function(param) {
         containerRef.current.querySelectorAll('a').forEach(function(a) {
             var ref;
             if (!((ref = a.href) === null || ref === void 0 ? void 0 : ref.trim())) return;
-            var isHrefLocal = a.href[0] === '/' || a.href.includes(domain);
+            var isHrefLocal = a.href[0] === '/' || domain && a.href.includes(domain);
             if (isHrefLocal) {
                 a.addEventListener('click', cb);
                 links.push(a);

package/dist/cjs/hooks/ui-hooks/useIsDesktop/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useIsDesktop = void 0;
 var _useConfig = require("../../useConfig");
 var useIsDesktop = function() {
-    var ref;
+    var ref, ref1, ref2, ref3, ref4;
     var config = (0, _useConfig).useConfigState();
-    return typeof document !== 'undefined' && document.body.clientWidth > Number((ref = config.theme.breakpoints) === null || ref === void 0 ? void 0 : ref.lg.min.split('px')[0]);
+    return typeof document !== 'undefined' && document.body.clientWidth > Number((ref = config) === null || ref === void 0 ? void 0 : (ref1 = ref.theme) === null || ref1 === void 0 ? void 0 : (ref2 = ref1.breakpoints) === null || ref2 === void 0 ? void 0 : (ref3 = ref2.lg) === null || ref3 === void 0 ? void 0 : (ref4 = ref3.min) === null || ref4 === void 0 ? void 0 : ref4.split('px')[0]);
 };
 exports.useIsDesktop = useIsDesktop;

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

@@ -8,11 +8,11 @@ var _utils = require("../../utils");
 var _index = require("../../index");
 var useAllSelectedFilters = function(aggregations) {
     var router = (0, _router).useRouter();
-    var config = (0, _index).useConfigState();
-    var slug = (0, _index).useListingAlias().slug;
+    var meta = (0, _index).useListingConfig().meta;
+    var slug = (0, _index).useListingAlias(meta).slug;
     return (0, _react).useMemo(function() {
         return (aggregations === null || aggregations === void 0 ? void 0 : aggregations.reduce(function(items, filter) {
-            return items.concat((0, _utils).getSelectedFilters(router, slug, filter, config));
+            return items.concat((0, _utils).getSelectedFilters(router, slug, filter, meta));
         }, [])) || [];
     }, [
         aggregations,

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

@@ -8,7 +8,7 @@ var _useConfig = require("../useConfig");
 var usePrice = function(param) {
     var price = param.price, discountedPrice = param.discountedPrice;
     var ref, ref1;
-    var configLocale = (ref = (0, _useConfig).useConfigState()) === null || ref === void 0 ? void 0 : (ref1 = ref.price) === null || ref1 === void 0 ? void 0 : ref1.locale;
+    var configLocale = ((ref = (0, _useConfig).useConfigState()) === null || ref === void 0 ? void 0 : (ref1 = ref.price) === null || ref1 === void 0 ? void 0 : ref1.locale) || '';
     var precision = (price === null || price === void 0 ? void 0 : price.fractionDigits) || 2;
     var currency = (price === null || price === void 0 ? void 0 : price.currencyCode) || 'BGN' // to be replaced with interface currencyCode
     ;

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

@@ -7,8 +7,8 @@ var _utils = require("../../utils");
 var _index = require("../../index");
 var useSelectedFilters = function(filters) {
     var router = (0, _router).useRouter();
-    var config = (0, _index).useConfigState();
-    var slug = (0, _index).useListingAlias().slug;
-    return (0, _utils).getSelectedFilters(router, slug, filters, config);
+    var meta = (0, _index).useListingConfig().meta;
+    var slug = (0, _index).useListingAlias(meta).slug;
+    return (0, _utils).getSelectedFilters(router, slug, filters, meta);
 };
 exports.useSelectedFilters = useSelectedFilters;

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

@@ -13,7 +13,7 @@ var _hooks = require("../../hooks");
 var _types = require("../../types");
 var _utils = require("../../utils");
 var _utils1 = require("../../../utils");
-var _index = require("../../../index");
+var _ = require("../..");
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -87,11 +87,11 @@ exports.AggregateRequestEnum = AggregateRequestEnum1;
 var useAggregateQuery = function(aggregates, request, sort) {
     var router = (0, _router).useRouter();
     var ref = (0, _usePredicate).usePredicate(), predicate = ref.data;
-    var defaultConfig = (0, _index).useConfigState();
+    var meta = (0, _).useListingConfig().meta;
     var postFilter = getPostFilters(router);
     var aggregateKeys = generateAggregateKey(aggregates);
     var predicateId = predicate === null || predicate === void 0 ? void 0 : predicate._id;
-    var ref1 = (0, _hooks).useListingAlias(), aliasedSlug = ref1.slug;
+    var ref1 = (0, _hooks).useListingAlias(meta), aliasedSlug = ref1.slug;
     var queryKeys = [
         request.toString(),
         aggregateKeys,
@@ -116,7 +116,7 @@ var useAggregateQuery = function(aggregates, request, sort) {
                         router: router,
                         postFilter: postFilter,
                         slug: aliasedSlug,
-                        config: defaultConfig
+                        config: meta
                     });
                     if (sort) {
                         query = _objectSpread({
@@ -137,7 +137,7 @@ var useAggregateQuery = function(aggregates, request, sort) {
     })), {
         refetchOnMount: false,
         refetchOnWindowFocus: false,
-        enabled: isQueryEnabled(router, aliasedSlug, predicateId, defaultConfig),
+        enabled: isQueryEnabled(router, aliasedSlug, predicateId, meta),
         keepPreviousData: true,
         staleTime: 30000
     });
@@ -180,8 +180,8 @@ function getPostFilters(router) {
     var query = router.query;
     return query && Array.isArray(query.filter) ? query === null || query === void 0 ? void 0 : (ref = query.filter) === null || ref === void 0 ? void 0 : ref.join('&') : query === null || query === void 0 ? void 0 : query.filter;
 }
-function isQueryEnabled(router, slug, predicate, config) {
-    var pageType = (0, _utils).getListingPageType(router, slug, config);
+function isQueryEnabled(router, slug, predicate, meta) {
+    var pageType = (0, _utils).getListingPageType(router, slug, meta);
     if (pageType === _types.ListingTypesEnum.Search) {
         return (0, _utils1).canUseDOM();
     }

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

@@ -80,8 +80,8 @@ var useInfiniteListing = function() {
     var config = (0, _hooks).useListingConfig();
     var ref3 = (0, _usePredicate).usePredicate(), predicate = ref3.data;
     var query = router.query;
-    var ref1 = (0, _hooks).useListingAlias(), aliasedSlug = ref1.slug;
-    var limit = config.productsPerPage || 24;
+    var ref1 = (0, _hooks).useListingAlias(config.meta), aliasedSlug = ref1.slug;
+    var limit = config.meta.limit || 24;
     var postFilter = (0, _utils).getPostFilters(router);
     var ref2;
     var queryKeys = (0, _keys).getListingQueryKeys({
@@ -104,11 +104,11 @@ var useInfiniteListing = function() {
                     data = (0, _useListingQuery).processListingQuery({
                         predicate: predicate,
                         limit: limit,
-                        sort: config === null || config === void 0 ? void 0 : config.defaultSortKey,
+                        sort: (config === null || config === void 0 ? void 0 : config.defaultSortKey) || 'defaultSort',
                         router: router,
                         postFilter: postFilter,
                         offset: offset,
-                        config: config,
+                        config: config.meta,
                         slug: aliasedSlug
                     });
                     return _ctx.abrupt("return", data);

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

@@ -12,7 +12,6 @@ var _hooks = require("../../hooks");
 var _ = require("..");
 var _types = require("../../types");
 var _utils = require("../../utils");
-var _1 = require("../../..");
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -108,46 +107,47 @@ function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
 }
 var useListingQuery = function() {
-    var ref, ref1, ref2;
+    var ref;
     var router = (0, _router).useRouter();
     var slug = (0, _hooks).useListingSlug();
     var config = (0, _hooks).useListingConfig();
-    var globalConfig = (0, _1).useConfigState();
-    var ref3 = (0, _).usePredicate(), predicate = ref3.data;
-    var ref4 = (0, _hooks).useListingAlias(), aliasedSlug = ref4.slug;
+    var ref1 = (0, _).usePredicate(), predicate = ref1.data;
+    var ref2 = (0, _hooks).useListingAlias(config.meta), aliasedSlug = ref2.slug;
     var query = router.query;
     var postFilter = (0, _utils).getPostFilters(router);
-    var ref5, ref6;
-    var limit = (ref6 = (ref5 = (ref = router.query) === null || ref === void 0 ? void 0 : ref.limit) !== null && ref5 !== void 0 ? ref5 : globalConfig === null || globalConfig === void 0 ? void 0 : (ref1 = globalConfig.listing) === null || ref1 === void 0 ? void 0 : ref1.limit) !== null && ref6 !== void 0 ? ref6 : 24;
-    var _sort, ref7;
-    var sort = (ref7 = (_sort = query.sort) !== null && _sort !== void 0 ? _sort : globalConfig === null || globalConfig === void 0 ? void 0 : (ref2 = globalConfig.listing) === null || ref2 === void 0 ? void 0 : ref2.defaultSortKey) !== null && ref7 !== void 0 ? ref7 : 'defaultSort';
+    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 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 _sort1, ref8;
     var queryKeys = (0, _).getListingQueryKeys({
         type: config.type,
         predicate: predicate,
-        sort: (ref8 = (_sort1 = query.sort) !== null && _sort1 !== void 0 ? _sort1 : globalConfig.defaultSortKey) !== null && ref8 !== void 0 ? ref8 : sort,
+        sort: sort,
         postFilter: postFilter,
         slug: slug,
         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) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
-                    data = processListingQuery({
+                    _ctx.next = 2;
+                    return processListingQuery({
                         predicate: predicate,
                         limit: limit,
                         sort: sort,
                         router: router,
                         postFilter: postFilter,
                         offset: offset,
-                        config: globalConfig,
+                        config: config.meta,
                         slug: aliasedSlug
                     });
-                    return _ctx.abrupt("return", data);
                 case 2:
+                    data = _ctx.sent;
+                    console.log('listing is Processed');
+                    return _ctx.abrupt("return", data);
+                case 5:
                 case "end":
                     return _ctx.stop();
             }
@@ -167,31 +167,46 @@ function processListingQuery(_) {
 }
 function _processListingQuery() {
     _processListingQuery = _asyncToGenerator(_regeneratorRuntime.default.mark(function _callee(param) {
-        var predicate, router, limit, sort, postFilter, offset, config, slug, ref, query, type, filter, _sort;
+        var predicate, router, limit, sort, postFilter, offset, config, slug, query, type, filter, _sort, _sort1;
         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');
                     query = router.query;
                     type = (0, _utils).getListingPageType(router, slug, config);
                     filter = generateFilter(type, query, slug, predicate);
                     ;
-                    return _ctx.abrupt("return", (0, _sdk).CatalogFilter(_objectSpread({
+                    console.log(_objectSpread({
                         limit: limit,
                         offset: offset || 0,
                         filter: (0, _utils).extendFilter({
                             slug: filter,
-                            filterExtension: config === null || config === void 0 ? void 0 : (ref = config.listing) === null || ref === void 0 ? void 0 : ref.filterExtension,
+                            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.listing.collapseMode) && type !== _types.ListingTypesEnum.Collection && {
-                        collapseMode: config === null || config === void 0 ? void 0 : config.listing.collapseMode
+                    }, (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,
+                        filter: (0, _utils).extendFilter({
+                            slug: filter,
+                            filterExtension: config === null || config === void 0 ? void 0 : config.filterExtension,
+                            noSplit: true
+                        }),
+                        sort: (_sort1 = query.sort) !== null && _sort1 !== void 0 ? _sort1 : 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
                     })));
-                case 7:
+                case 9:
                 case "end":
                     return _ctx.stop();
             }
@@ -224,6 +239,6 @@ function isListingQueryEnabled(type, predicate) {
     return false;
 }
 function parseAttribute(slug) {
-    var ref = _slicedToArray(slug.split('-'), 2), type = ref[0], val = ref[1];
+    var ref = _slicedToArray((slug === null || slug === void 0 ? void 0 : slug.split('-')) || [], 2), type = ref[0], val = ref[1];
     return "attr.".concat(type, ";eq;\"").concat(val, "\"");
 }

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

@@ -7,11 +7,11 @@ var _regeneratorRuntime = _interopRequireDefault(require("regenerator-runtime"))
 var _sdk = require("@sentecacommerce/sdk");
 var _reactQuery = require("react-query");
 var _router = require("next/router");
-var _index = require("../../../index");
 var _types = require("../../types");
 var _ = require("../");
 var _utils = require("../../utils");
 var _hooks = require("../../hooks");
+var _1 = require("../..");
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -95,9 +95,9 @@ 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;
     var router = (0, _router).useRouter();
-    var config = (0, _index).useConfigState();
-    var ref = (0, _hooks).useListingAlias(), aliasedSlug = ref.slug;
+    var ref = (0, _hooks).useListingAlias(meta), aliasedSlug = ref.slug;
     var attribute = router.query.cat && aliasedSlug;
     return (0, _reactQuery).useQuery([
         _.ListingQueryKeysEnum.usePredicate,
@@ -109,7 +109,7 @@ var usePredicate = function() {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
                     _ctx.next = 2;
-                    return processPredicateRequest(slug, router, aliasedSlug, config);
+                    return processPredicateRequest(slug, router, aliasedSlug, meta);
                 case 2:
                     data = _ctx.sent;
                     return _ctx.abrupt("return", data);

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

@@ -31,7 +31,7 @@ var BasicListingSEO = function(param) {
     }), /*#__PURE__*/ _react.default.createElement(_seo.OpenGraph, {
         title: formattedTitle,
         type: "website",
-        image: image || topBanner || imagesConfig.fallbackImage,
+        image: image || topBanner || (imagesConfig === null || imagesConfig === void 0 ? void 0 : imagesConfig.fallbackImage) || '',
         additionalProps: [
             {
                 key: 'description',

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

@@ -3,14 +3,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useListingAlias = void 0;
 var _utils = require("../utils");
-var _ = require("../..");
 var _router = require("next/router");
-var useListingAlias = function() {
+var useListingAlias = function(meta) {
     var router = (0, _router).useRouter();
-    var config = (0, _).useConfigState();
     var slug = (0, _utils).getListingAlias({
         router: router,
-        config: config
+        config: meta
     });
     return {
         slug: slug

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

@@ -34,16 +34,16 @@ function _toConsumableArray(arr) {
 }
 var _instance;
 var useListingBreadcrumbs = function() {
-    var ref = (0, _api).usePredicate(), data = ref.data, isLoading = ref.isLoading;
+    var ref1 = (0, _api).usePredicate(), data = ref1.data, isLoading = ref1.isLoading;
     var config = (0, _).useListingConfig();
     var router = (0, _router).useRouter();
-    var mainConfig = (0, _index).useConfigState();
-    var slug = (0, _index).useListingAlias().slug;
+    var slug = (0, _index).useListingAlias(config.meta).slug;
     var result = _react.default.useMemo(function() {
         if (config.type === _1.ListingTypesEnum.AttrPage) {
+            var ref;
             return [
                 {
-                    name: mainConfig.listing.titleAliases[slug],
+                    name: (ref = config.meta) === null || ref === void 0 ? void 0 : ref.titleAliases[slug],
                     id: '',
                     link: "/".concat(router.query.slug, "/c")
                 }, 

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

@@ -38,19 +38,18 @@ var ListingCategoriesStateContext = /*#__PURE__*/ _react.default.createContext(u
 function ListingCategoriesProvider(param) {
     var children = param.children;
     var router = (0, _router).useRouter();
-    var categoryTreeConfig = (0, _useListingConfig).useListingConfig().categoryTreeConfig;
-    var slug = (0, _index).useListingAlias().slug;
-    var config = (0, _index).useConfigState();
-    var ref = (0, _api).useAggregateQuery([
+    var ref = (0, _useListingConfig).useListingConfig(), categoryTreeConfig = ref.categoryTreeConfig, meta = ref.meta;
+    var slug = (0, _index).useListingAlias(meta).slug;
+    var ref1 = (0, _api).useAggregateQuery([
         categoryTreeConfig
-    ], _api.AggregateRequestEnum.Categories), aggData = ref.data, isLoading = ref.isLoading;
-    var currentCategory = generateCurrentUrl(router, slug, config);
-    var ref1 = (0, _utils1).getAggregateTypeAndTerm(categoryTreeConfig), type = ref1.type, term = ref1.term;
+    ], _api.AggregateRequestEnum.Categories), aggData = ref1.data, isLoading = ref1.isLoading;
+    var currentCategory = generateCurrentUrl(router, slug, meta);
+    var ref2 = (0, _utils1).getAggregateTypeAndTerm(categoryTreeConfig), type = ref2.type, term = ref2.term;
     var data = _react.default.useMemo(function() {
         if (aggData) {
             var response = (0, _utils1).processCategoriesResponse(aggData, type, term);
             var nodes = response.map(function(current) {
-                return buildNodes(current, router, slug, config);
+                return buildNodes(current, router, slug, meta);
             });
             var categoryTree = buildCategories(nodes);
             return categoryTree;

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

@@ -47,22 +47,20 @@ var ListingPageContext = /*#__PURE__*/ _react.default.createContext(undefined);
 function ListingPageProvider(param) {
     var config = param.config, children = param.children;
     var router = (0, _router).useRouter();
-    var slug = (0, _index).useListingAlias().slug;
-    var mainConfig = (0, _index).useConfigState();
+    var slug = (0, _index).useListingAlias(config.meta).slug;
     var data = _react.default.useMemo(function() {
         return _objectSpread({
         }, config, {
-            type: (0, _utils).getListingPageType(router, slug, mainConfig)
+            type: (0, _utils).getListingPageType(router, slug, config.meta)
         });
     }, [
         router.pathname,
         config.aggregates,
         config.categoryTreeConfig,
         config.defaultSortKey,
-        config.productsPerPage,
         config.seoAggregates,
         config.sortOptions,
-        config.filterExtension,
+        config.meta,
         config.attributeSortType, 
     ]);
     return(/*#__PURE__*/ _react.default.createElement(ListingPageContext.Provider, {

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

@@ -13,7 +13,6 @@ var _useListingSlug = require("./useListingSlug");
 var _generateQueryFromRouter = require("../../utils/generateQueryFromRouter");
 var _typeToSuffix = require("../../utils/typeToSuffix");
 var _utils = require("../../utils");
-var _index = require("../../index");
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -82,19 +81,19 @@ function _slicedToArray(arr, i) {
 var ListingFiltersStateContext = /*#__PURE__*/ _react.default.createContext(undefined);
 function ListingFiltersProvider(param) {
     var children = param.children;
-    var ref = (0, _useListingConfig).useListingConfig(), aggregates = ref.aggregates, pageType = ref.type, attributeSortType = ref.attributeSortType;
+    var ref3 = (0, _useListingConfig).useListingConfig(), aggregates = ref3.aggregates, pageType = ref3.type, attributeSortType = ref3.attributeSortType, meta = ref3.meta;
     var ref1 = (0, _api).useAggregateQuery(aggregates, _api.AggregateRequestEnum.Filters, attributeSortType), aggData = ref1.data, isLoading = ref1.isLoading, isFetching = ref1.isFetching;
-    var config = (0, _index).useConfigState();
     var router = (0, _router).useRouter();
     var slug = (0, _useListingSlug).useListingSlug();
     var data = _react.default.useMemo(function() {
         if (!isLoading && aggData) {
             var result = aggregates === null || aggregates === void 0 ? void 0 : aggregates.sort(function(a, b) {
-                return a.order - b.order;
+                return Number(a.order) - Number(b.order);
             }).map(function(currentAggregate) {
-                var type = currentAggregate.aggregationType.toString();
-                var term = currentAggregate.aggregationDefinition.split(':')[0];
-                var filter = currentAggregate.filterDefinition;
+                var ref, ref2;
+                var type = (currentAggregate === null || currentAggregate === void 0 ? void 0 : (ref = currentAggregate.aggregationType) === null || ref === void 0 ? void 0 : ref.toString()) || '';
+                var term = (currentAggregate === null || currentAggregate === void 0 ? void 0 : (ref2 = currentAggregate.aggregationDefinition) === null || ref2 === void 0 ? void 0 : ref2.split(':')[0]) || '';
+                var filter = (currentAggregate === null || currentAggregate === void 0 ? void 0 : currentAggregate.filterDefinition) || '';
                 var current = aggData[type].find(function(agg) {
                     return agg.name === term;
                 });
@@ -146,7 +145,7 @@ function ListingFiltersProvider(param) {
         });
     };
     var selectedFilters = _react.default.useMemo(function() {
-        return (0, _utils).getSelectedFilters(router, slug, data, config);
+        return (0, _utils).getSelectedFilters(router, slug, data, meta);
     }, [
         router,
         data
@@ -170,10 +169,10 @@ function useListingFilters() {
 }
 function generateFilters(param) {
     var rawFilters = param.rawFilters, type = param.type, filter = param.filter, slug = param.slug, router = param.router, pageType = param.pageType;
-    var ref, ref2;
-    return (ref2 = (ref = rawFilters.results) === null || ref === void 0 ? void 0 : ref.filter(function(res) {
+    var ref, ref4;
+    return (ref4 = (ref = rawFilters.results) === null || ref === void 0 ? void 0 : ref.filter(function(res) {
         return res.count > 0;
-    })) === null || ref2 === void 0 ? void 0 : ref2.map(function(currentTerm) {
+    })) === null || ref4 === void 0 ? void 0 : ref4.map(function(currentTerm) {
         var filterKey = mapKey(currentTerm, type);
         var selected = isFilterSelected(router, filter, filterKey, filtersOperatorsMap[type]);
         return {
@@ -191,11 +190,11 @@ function generateFilters(param) {
     });
 }
 var isFilterSelected = function(router, filter, filterKey, type) {
-    var ref, ref3, ref4, ref5, ref6;
+    var ref, ref5, ref6, ref7, ref8;
     var areFiltersArray = Array.isArray((ref = router.query) === null || ref === void 0 ? void 0 : ref.filter);
-    return areFiltersArray ? !!((ref4 = (ref3 = router.query.filter) === null || ref3 === void 0 ? void 0 : ref3.find(function(sel) {
+    return areFiltersArray ? !!((ref6 = (ref5 = router.query.filter) === null || ref5 === void 0 ? void 0 : ref5.find(function(sel) {
         return sel.includes("".concat(filter, ";").concat(type));
-    })) === null || ref4 === void 0 ? void 0 : ref4.includes(filterKey)) : ((ref5 = router.query.filter) === null || ref5 === void 0 ? void 0 : ref5.includes("".concat(filter, ";").concat(type))) && ((ref6 = router.query.filter) === null || ref6 === void 0 ? void 0 : ref6.includes(filterKey));
+    })) === null || ref6 === void 0 ? void 0 : ref6.includes(filterKey)) : ((ref7 = router.query.filter) === null || ref7 === void 0 ? void 0 : ref7.includes("".concat(filter, ";").concat(type))) && ((ref8 = router.query.filter) === null || ref8 === void 0 ? void 0 : ref8.includes(filterKey));
 };
 var filtersOperatorsMap = {
     ranges: 'range',
@@ -225,12 +224,12 @@ var generateQueryString = function(query, pair, remove) {
     var extractFilter = function(param) {
         var _str = param.str, str = _str === void 0 ? '' : _str, aggPair = param.aggPair;
         var ref = _slicedToArray(str.split(';'), 3), type = ref[0], operator = ref[1], val = ref[2];
-        var ref7;
-        var filterType = (ref7 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggType) !== null && ref7 !== void 0 ? ref7 : type;
-        var ref8;
-        var filterVal = (ref8 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggKey) !== null && ref8 !== void 0 ? ref8 : val;
         var ref9;
-        var filterOperator = (ref9 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggOperator) !== null && ref9 !== void 0 ? ref9 : operator;
+        var filterType = (ref9 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggType) !== null && ref9 !== void 0 ? ref9 : type;
+        var ref10;
+        var filterVal = (ref10 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggKey) !== null && ref10 !== void 0 ? ref10 : val;
+        var ref11;
+        var filterOperator = (ref11 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggOperator) !== null && ref11 !== void 0 ? ref11 : operator;
         if (activeFilters[filterType]) {
             activeFilters[filterType] += ",".concat(filterVal);
         } else {

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

@@ -14,7 +14,7 @@ var useListingItems = function() {
     var config = (0, _useListingConfig).useListingConfig();
     var ref1 = (0, _api).useListingQuery(), data = ref1.data, isLoading = ref1.isLoading, isFetching = ref1.isFetching;
     var generatePlaceholders = function(products) {
-        return new Array(products !== null && products !== void 0 ? products : 24).fill(null).map(function(_, i) {
+        return new Array(products || 24).fill(null).map(function(_, i) {
             return {
                 _id: "".concat(i),
                 isPlaceholder: true
@@ -24,7 +24,7 @@ var useListingItems = function() {
     var result = _react.default.useMemo(function() {
         var ref;
         return {
-            items: !(data === null || data === void 0 ? void 0 : data.results) ? generatePlaceholders(config.productsPerPage) : data === null || data === void 0 ? void 0 : data.results,
+            items: !(data === null || data === void 0 ? void 0 : data.results) ? generatePlaceholders(config.meta.limit || 24) : data === null || data === void 0 ? void 0 : data.results,
             total: (ref = data === null || data === void 0 ? void 0 : data.total) !== null && ref !== void 0 ? ref : 0,
             didYouMean: data === null || data === void 0 ? void 0 : data.didYouMean,
             isLoading: isLoading,

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

@@ -12,6 +12,7 @@ var _types = require("../types");
 var _index = require("../../index");
 var _useListingFilters = require("./useListingFilters");
 var _useListingCategories = require("./useListingCategories");
+var _ = require(".");
 function _arrayWithoutHoles(arr) {
     if (Array.isArray(arr)) {
         for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
@@ -40,14 +41,14 @@ var useListingMeta = function() {
     var ref1 = (0, _api).useListingQuery(), listingQuery = ref1.data;
     var ref2 = (0, _useListingCategories).useListingCategories(), categoriesData = ref2.data;
     var ref3 = (0, _useListingFilters).useListingFilters(), filtersData = ref3.data;
-    var slug = (0, _index).useListingAlias().slug;
-    var config = (0, _index).useConfigState();
+    var meta = (0, _).useListingConfig().meta;
+    var slug = (0, _index).useListingAlias(meta).slug;
     var result = _react.default.useMemo(function() {
         var ref;
         var customFields = (0, _utils).customFieldsToMap(predicate === null || predicate === void 0 ? void 0 : predicate.custom);
         var assets = (0, _assetsToMap).assetsFieldsToMap(predicate === null || predicate === void 0 ? void 0 : predicate.assets);
         var description = ((ref = (0, _utils).getTranslatableField(predicate === null || predicate === void 0 ? void 0 : predicate.description)) === null || ref === void 0 ? void 0 : ref.trim()) || '';
-        var displayName = processDisplayName(slug, config, predicate === null || predicate === void 0 ? void 0 : predicate.name, predicate === null || predicate === void 0 ? void 0 : predicate.breadcrumb, router, filtersData, categoriesData);
+        var displayName = processDisplayName(slug, meta, predicate === null || predicate === void 0 ? void 0 : predicate.name, predicate === null || predicate === void 0 ? void 0 : predicate.breadcrumb, router, filtersData, categoriesData);
         return {
             displayName: displayName,
             description: description,
@@ -86,7 +87,7 @@ function processDisplayName(slug, config, name, breadcrumb, router, aggData, cat
     var categoryName = getCategoryName(router, categoriesData);
     var type = (0, _utils1).getListingPageType(router, slug, config);
     if (type === _types.ListingTypesEnum.AttrPage) {
-        return "Всичко за ".concat(config.listing.titleAliases[slug]);
+        return "Всичко за ".concat(config.titleAliases[slug]);
     }
     if (router === null || router === void 0 ? void 0 : router.query.cat) {
         var attribute = (0, _utils).getTranslatableField(breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.label);