@sentecacommerce-theme/lib 0.13.5-alpha.7 → 0.13.7-alpha.6

package/dist/esm/contexts/CheckoutForm/index.js

@@ -109,9 +109,10 @@ export function CheckoutFormContextProvider(param) {
         'email',
         'phoneNumber', 
     ] : _requiredFieldsOnShippingStep, _requiredFieldsOnBillingAddressStep = param.requiredFieldsOnBillingAddressStep, requiredFieldsOnBillingAddressStep = _requiredFieldsOnBillingAddressStep === void 0 ? [
-        'city',
-        'postalCode',
-        'streetName'
+        'vatId',
+        'companyId',
+        'companyPerson',
+        'companyName', 
     ] : _requiredFieldsOnBillingAddressStep, _enableNoShippingMethodMode = param.enableNoShippingMethodMode, enableNoShippingMethodMode = _enableNoShippingMethodMode === void 0 ? false : _enableNoShippingMethodMode, _disablePaymentRedirects = param.disablePaymentRedirects, disablePaymentRedirects = _disablePaymentRedirects === void 0 ? false : _disablePaymentRedirects;
     var orderQuery = myCartApi.useGet();
     var ref4 = _slicedToArray(useState(null), 2), boricaData = ref4[0], setBoricaData = ref4[1];
@@ -253,6 +254,7 @@ export function CheckoutFormContextProvider(param) {
                         setIsBillingSubmitting: billingState.updateIsSubmitting,
                         isPaymentValid: paymentState.isValid,
                         setIsPaymentSubmitting: paymentState.updateIsSubmitting,
+                        loanInfo: paymentState.loanInfo,
                         step: step,
                         updateStep: setStep,
                         saveOrder: handleCheckoutSubmit,

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

@@ -1,6 +1,6 @@
 import { useConfigState } from '../../useConfig';
 export var useIsDesktop = function() {
-    var ref;
+    var ref, ref1, ref2, ref3, ref4;
     var config = 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]);
 };

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

@@ -1,14 +1,14 @@
 import { useMemo } from 'react';
 import { useRouter } from 'next/router';
 import { getSelectedFilters } from '../../utils';
-import { useListingAlias, useConfigState } from '../../index';
+import { useListingAlias, useListingConfig } from '../../index';
 export var useAllSelectedFilters = function(aggregations) {
     var router = useRouter();
-    var config = useConfigState();
-    var slug = useListingAlias().slug;
+    var meta = useListingConfig().meta;
+    var slug = useListingAlias(meta).slug;
     return useMemo(function() {
         return (aggregations === null || aggregations === void 0 ? void 0 : aggregations.reduce(function(items, filter) {
-            return items.concat(getSelectedFilters(router, slug, filter, config));
+            return items.concat(getSelectedFilters(router, slug, filter, meta));
         }, [])) || [];
     }, [
         aggregations,

package/dist/esm/hooks/useLineItem/index.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { OfferDTOStatusEnum } from '@sentecacommerce/sdk';
 import { getTranslatableField } from '../../utils';
 import { usePrefetchProduct } from '../usePrefetchProduct';
 function _defineProperty(obj, key, value) {
@@ -30,6 +31,7 @@ function _objectSpread(target) {
     }
     return target;
 }
+export { OfferDTOStatusEnum };
 export var useLineItem = function(props) {
     var ref16 = usePrefetchProduct(getTranslatableField(props === null || props === void 0 ? void 0 : props.slug)), onMouseEnter = ref16.onMouseEnter, onMouseLeave = ref16.onMouseLeave, onMouseDown = ref16.onMouseDown;
     var data = React.useMemo(function() {

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

@@ -9,7 +9,7 @@ import { useConfigState } from '../useConfig';
  */ export var usePrice = function(param) {
     var price = param.price, discountedPrice = param.discountedPrice;
     var ref, ref1;
-    var configLocale = (ref = useConfigState()) === null || ref === void 0 ? void 0 : (ref1 = ref.price) === null || ref1 === void 0 ? void 0 : ref1.locale;
+    var configLocale = ((ref = 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/esm/hooks/useProduct/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AssetSourceDTO } from '@sentecacommerce/sdk';
 import { getTranslatableField } from '../../';
-import { assignCombinationsToAttributeRules, createCombinationsMap, createCustomFieldsMap, createProductContent, createAttributeRulesMap, createMappedAttributes, processAvailabilityPerStore, getProductVideos, createMappedOptions, createSelectedOption2, formatCategories, createLabelsMap } from './utils';
+import { assignCombinationsToAttributeRules, createCombinationsMap, createCustomFieldsMap, createProductContent, createAttributeRulesMap, createMappedAttributes, processAvailabilityPerStore, getProductVideos, createMappedOptions, createSelectedOption2, formatCategories, createLabelsMap, createCollapseKeyImagesMap } from './utils';
 import { productsApi } from '../../api/productsApi';
 import { assetsFieldsToMap } from '../../utils/assetsToMap';
 function _arrayWithHoles(arr) {
@@ -152,12 +152,31 @@ export function ProductProvider(param) {
     };
     var selectVariantByAttribute = function selectVariantByAttribute(key) {
         var ref;
-        var id = (ref = combinations[key]) === null || ref === void 0 ? void 0 : ref.value;
-        setSelectedVariant(variants[id]);
+        // Get by collapseKey for SD
+        var split = key.split(':');
+        if (split[0] === 'collapseKey') {
+            var id = Object.keys(variants).find(function(el) {
+                return variants[el].collapseKey === split[1];
+            });
+            return setSelectedVariant(variants[id]);
+        }
+        var id1 = (ref = combinations[key]) === null || ref === void 0 ? void 0 : ref.value;
+        setSelectedVariant(variants[id1]);
     };
     var selectVariantByCombination = function selectVariantByCombination(key, value) {
-        var id = combinations[key].params[value];
-        setSelectedVariant(variants[id]);
+        // Take collapseKey for SD
+        var split = value.split(':');
+        if (split[0] === 'collapseKey') {
+            var id = Object.keys(variants).find(function(el) {
+                var ref;
+                return variants[el].collapseKey === split[1] && ((ref = variants[el].attributes.find(function(attr) {
+                    return attr.name === 'size';
+                })) === null || ref === void 0 ? void 0 : ref.value) === key;
+            });
+            return setSelectedVariant(variants[id]);
+        }
+        var id2 = combinations[key].params[value];
+        setSelectedVariant(variants[id2]);
     };
     var selectVariantOptions = function selectVariantOptions(definitionKey, optionKey) {
         if (selectedVariant) {
@@ -296,12 +315,14 @@ export function ProductProvider(param) {
     }, [
         variants
     ]);
+    var collapsedImages = createCollapseKeyImagesMap(product);
     var state = {
         metaData: metaData,
         seoData: seoData,
         variants: variants,
         selectedVariant: selectedVariant,
-        attributeRules: attributeRules
+        attributeRules: attributeRules,
+        collapsedImages: collapsedImages
     };
     var functions = {
         getVariantById: getVariantById,

package/dist/esm/hooks/useProduct/utils/index.js

@@ -118,6 +118,19 @@ export var createProductContent = function(data) {
         content: getTranslatableField(data.content)
     };
 };
+// Add grouped images for SD color variants
+export var createCollapseKeyImagesMap = function(product) {
+    var ref;
+    var mappedKeys = product === null || product === void 0 ? void 0 : (ref = product.variants) === null || ref === void 0 ? void 0 : ref.reduce(function(res, cur) {
+        if (!res[cur.collapseKey]) {
+            res[cur.collapseKey] = [];
+        }
+        res[cur.collapseKey].push(cur);
+        return res;
+    }, {
+    });
+    return mappedKeys;
+};
 export var createAttributeRulesMap = function(product) {
     var ref, ref1;
     var uniqueRules = product === null || product === void 0 ? void 0 : (ref = product.attributeRules) === null || ref === void 0 ? void 0 : ref.filter(function(x) {

package/dist/esm/hooks/useProgressBar/hooks/useGetSetState.js

@@ -1,4 +1,4 @@
-import React, { useRef, useCallback } from 'react';
+import { useRef, useCallback } from 'react';
 import { useUpdate } from './';
 function _defineProperty(obj, key, value) {
     if (key in obj) {

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

@@ -1,9 +1,9 @@
 import { useRouter } from 'next/router';
 import { getSelectedFilters } from '../../utils';
-import { useListingAlias, useConfigState } from '../../index';
+import { useListingAlias, useListingConfig } from '../../index';
 export var useSelectedFilters = function(filters) {
     var router = useRouter();
-    var config = useConfigState();
-    var slug = useListingAlias().slug;
-    return getSelectedFilters(router, slug, filters, config);
+    var meta = useListingConfig().meta;
+    var slug = useListingAlias(meta).slug;
+    return getSelectedFilters(router, slug, filters, meta);
 };

package/dist/esm/hooks/useVouchers/index.js

@@ -10,8 +10,7 @@ function mapVoucherData(element) {
     var limitValue = element.cartDiscounts[0].resource.maxDiscountValue.centAmount;
     var limitCurrency = element.cartDiscounts[0].resource.maxDiscountValue.currencyCode;
     var endDate = new Date(element.validTo).toLocaleDateString('bg-BG');
-    var isUsed = //@ts-ignore
-    element.totalApplications >= element.maxApplicationsPerCustomer;
+    var isUsed = element.totalApplications >= ((element === null || element === void 0 ? void 0 : element.maxApplicationsPerCustomer) || 1);
     return {
         voucherCode: voucherCode,
         campaign: campaign,

package/dist/esm/index.js

@@ -1,3 +1,5 @@
+import Cookie from 'js-cookie';
+export { Cookie };
 export * from './dto';
 // API
 // export * from './api/myCart'
@@ -120,6 +122,8 @@ export * from './navigation';
 export * from './GDPR';
 // User
 export * from './user';
+// Basket
+export * from './basket';
 // UI Components and hooks
 export * from './ui';
 export * from './wishlist';

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

@@ -7,7 +7,7 @@ import { useListingAlias } from '../../hooks';
 import { ListingTypesEnum } from '../../types';
 import { getListingPageType, buildCategoryQuery, buildFilterQuery } from '../../utils';
 import { canUseDOM } from '../../../utils';
-import { useConfigState } from '../../../index';
+import { useListingConfig } from '../..';
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -37,6 +37,35 @@ function _asyncToGenerator(fn) {
         });
     };
 }
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; 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) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
 var AggregateRequestEnum1;
 export { AggregateRequestEnum1 as AggregateRequestEnum,  };
 (function(AggregateRequestEnum) {
@@ -44,14 +73,14 @@ export { AggregateRequestEnum1 as AggregateRequestEnum,  };
     AggregateRequestEnum["Categories"] = 'categories';
 })(AggregateRequestEnum1 || (AggregateRequestEnum1 = {
 }));
-export var useAggregateQuery = function(aggregates, request) {
+export var useAggregateQuery = function(aggregates, request, sort) {
     var router = useRouter();
     var ref = usePredicate(), predicate = ref.data;
-    var defaultConfig = useConfigState();
+    var meta = useListingConfig().meta;
     var postFilter = getPostFilters(router);
     var aggregateKeys = generateAggregateKey(aggregates);
     var predicateId = predicate === null || predicate === void 0 ? void 0 : predicate._id;
-    var ref1 = useListingAlias(), aliasedSlug = ref1.slug;
+    var ref1 = useListingAlias(meta), aliasedSlug = ref1.slug;
     var queryKeys = [
         request.toString(),
         aggregateKeys,
@@ -76,14 +105,20 @@ export var useAggregateQuery = function(aggregates, request) {
                         router: router,
                         postFilter: postFilter,
                         slug: aliasedSlug,
-                        config: defaultConfig
+                        config: meta
                     });
-                    _ctx.next = 5;
+                    if (sort) {
+                        query = _objectSpread({
+                        }, query, {
+                            attributeSortType: sort
+                        });
+                    }
+                    _ctx.next = 6;
                     return CatalogAggregate(query);
-                case 5:
+                case 6:
                     response = _ctx.sent;
                     return _ctx.abrupt("return", response);
-                case 7:
+                case 8:
                 case "end":
                     return _ctx.stop();
             }
@@ -91,13 +126,13 @@ export var useAggregateQuery = function(aggregates, request) {
     })), {
         refetchOnMount: false,
         refetchOnWindowFocus: false,
-        enabled: isQueryEnabled(router, aliasedSlug, predicateId, defaultConfig),
+        enabled: isQueryEnabled(router, aliasedSlug, predicateId, meta),
         keepPreviousData: true,
         staleTime: 30000
     });
 };
 export function prepareAggregateQuery(param) {
-    var request = param.request, predicate = param.predicate, aggregates = param.aggregates, router = param.router, postFilter = param.postFilter, slug = param.slug, config = param.config;
+    var request = param.request, predicate = param.predicate, aggregates = param.aggregates, router = param.router, postFilter = param.postFilter, slug = param.slug, config = param.config, attributeSortType = param.attributeSortType;
     var pageType = getListingPageType(router, slug, config);
     switch(request){
         case AggregateRequestEnum1.Categories:
@@ -133,8 +168,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 = getListingPageType(router, slug, config);
+function isQueryEnabled(router, slug, predicate, meta) {
+    var pageType = getListingPageType(router, slug, meta);
     if (pageType === ListingTypesEnum.Search) {
         return canUseDOM();
     }

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

@@ -71,8 +71,8 @@ export var useInfiniteListing = function() {
     var config = useListingConfig();
     var ref3 = usePredicate(), predicate = ref3.data;
     var query = router.query;
-    var ref1 = useListingAlias(), aliasedSlug = ref1.slug;
-    var limit = config.productsPerPage || 24;
+    var ref1 = useListingAlias(config.meta), aliasedSlug = ref1.slug;
+    var limit = config.meta.limit || 24;
     var postFilter = getPostFilters(router);
     var ref2;
     var queryKeys = getListingQueryKeys({
@@ -95,11 +95,11 @@ export var useInfiniteListing = function() {
                     data = 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/esm/listing/api/queries/useListingQuery.js

@@ -6,7 +6,6 @@ import { useListingConfig, useListingSlug, useListingAlias } from '../../hooks';
 import { getListingQueryKeys, usePredicate } from '..';
 import { ListingTypesEnum } from '../../types';
 import { calculateOffset, getListingPageType, getPostFilters, extendFilter } from '../../utils';
-import { useConfigState } from '../../..';
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -97,46 +96,47 @@ function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
 }
 export var useListingQuery = function() {
-    var ref, ref1, ref2;
+    var ref;
     var router = useRouter();
     var slug = useListingSlug();
     var config = useListingConfig();
-    var globalConfig = useConfigState();
-    var ref3 = usePredicate(), predicate = ref3.data;
-    var ref4 = useListingAlias(), aliasedSlug = ref4.slug;
+    var ref1 = usePredicate(), predicate = ref1.data;
+    var ref2 = useListingAlias(config.meta), aliasedSlug = ref2.slug;
     var query = router.query;
     var postFilter = 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 = calculateOffset(query === null || query === void 0 ? void 0 : query.page, limit);
-    var _sort1, ref8;
     var queryKeys = 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 useQuery(queryKeys, _asyncToGenerator(regeneratorRuntime.mark(function _callee() {
         var data;
         return regeneratorRuntime.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();
             }
@@ -155,31 +155,46 @@ export function processListingQuery(_) {
 }
 function _processListingQuery() {
     _processListingQuery = _asyncToGenerator(regeneratorRuntime.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.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 = getListingPageType(router, slug, config);
                     filter = generateFilter(type, query, slug, predicate);
                     ;
-                    return _ctx.abrupt("return", CatalogFilter(_objectSpread({
+                    console.log(_objectSpread({
                         limit: limit,
                         offset: offset || 0,
                         filter: 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 !== ListingTypesEnum.Collection && {
-                        collapseMode: config === null || config === void 0 ? void 0 : config.listing.collapseMode
+                    }, (config === null || config === void 0 ? void 0 : config.collapseMode) && type !== ListingTypesEnum.Collection && {
+                        collapseMode: config === null || config === void 0 ? void 0 : config.collapseMode
+                    }));
+                    ;
+                    return _ctx.abrupt("return", CatalogFilter(_objectSpread({
+                        limit: limit,
+                        offset: offset || 0,
+                        filter: 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 !== ListingTypesEnum.Collection && {
+                        collapseMode: config === null || config === void 0 ? void 0 : config.collapseMode
                     })));
-                case 7:
+                case 9:
                 case "end":
                     return _ctx.stop();
             }
@@ -212,6 +227,6 @@ export 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/esm/listing/api/queries/usePredicate.js

@@ -2,11 +2,11 @@ import regeneratorRuntime from "regenerator-runtime";
 import { BrandsGetBySlug, CategoriesGetBySlug, ViewsGetBySlug, ProductsGetAttributeLabel, CollectionsGetBySlug } from '@sentecacommerce/sdk';
 import { useQuery } from 'react-query';
 import { useRouter } from 'next/router';
-import { useConfigState } from '../../../index';
 import { ListingTypesEnum } from '../../types';
 import { ListingQueryKeysEnum } from '../';
 import { getListingPageType } from '../../utils';
 import { useListingSlug, useListingAlias } from '../../hooks';
+import { useListingConfig } from '../..';
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -85,9 +85,9 @@ var getBySlugMap = (_obj = {
 }, _defineProperty(_obj, ListingTypesEnum.Category, CategoriesGetBySlug), _defineProperty(_obj, ListingTypesEnum.View, ViewsGetBySlug), _defineProperty(_obj, ListingTypesEnum.Brand, BrandsGetBySlug), _defineProperty(_obj, ListingTypesEnum.Collection, CollectionsGetBySlug), _obj);
 export var usePredicate = function() {
     var slug = useListingSlug();
+    var meta = useListingConfig().meta;
     var router = useRouter();
-    var config = useConfigState();
-    var ref = useListingAlias(), aliasedSlug = ref.slug;
+    var ref = useListingAlias(meta), aliasedSlug = ref.slug;
     var attribute = router.query.cat && aliasedSlug;
     return useQuery([
         ListingQueryKeysEnum.usePredicate,
@@ -99,7 +99,7 @@ export 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/esm/listing/components/BasicListingSEO.js

@@ -27,7 +27,7 @@ import { useListingMeta } from '../hooks';
     }), /*#__PURE__*/ React.createElement(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/esm/listing/hooks/useListingAlias.js

@@ -1,12 +1,10 @@
 import { getListingAlias } from '../utils';
-import { useConfigState } from '../..';
 import { useRouter } from 'next/router';
-export var useListingAlias = function() {
+export var useListingAlias = function(meta) {
     var router = useRouter();
-    var config = useConfigState();
     var slug = getListingAlias({
         router: router,
-        config: config
+        config: meta
     });
     return {
         slug: slug

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { useRouter } from 'next/router';
 import { usePredicate } from '../api';
 import { useListingConfig } from './';
-import { useConfigState, useListingAlias } from '../../index';
+import { useListingAlias } from '../../index';
 import { typeToSuffix } from '../../utils/typeToSuffix';
 import { getTranslatableField } from '../../utils/getTranslatableField';
 import { ListingTypesEnum } from '..';
@@ -25,16 +25,16 @@ function _toConsumableArray(arr) {
 }
 var _instance;
 export var useListingBreadcrumbs = function() {
-    var ref = usePredicate(), data = ref.data, isLoading = ref.isLoading;
+    var ref1 = usePredicate(), data = ref1.data, isLoading = ref1.isLoading;
     var config = useListingConfig();
     var router = useRouter();
-    var mainConfig = useConfigState();
-    var slug = useListingAlias().slug;
+    var slug = useListingAlias(config.meta).slug;
     var result = React.useMemo(function() {
         if (config.type === 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/esm/listing/hooks/useListingCategories.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useRouter } from 'next/router';
 import { useListingConfig } from './useListingConfig';
-import { useListingAlias, useConfigState } from '../../index';
+import { useListingAlias } from '../../index';
 import { getTranslatableField, typeToSuffix } from '../../utils';
 import { useAggregateQuery, AggregateRequestEnum } from '../api';
 import { processCategoriesResponse, getAggregateTypeAndTerm } from './utils';
@@ -28,19 +28,18 @@ var ListingCategoriesStateContext = /*#__PURE__*/ React.createContext(undefined)
 export function ListingCategoriesProvider(param) {
     var children = param.children;
     var router = useRouter();
-    var categoryTreeConfig = useListingConfig().categoryTreeConfig;
-    var slug = useListingAlias().slug;
-    var config = useConfigState();
-    var ref = useAggregateQuery([
+    var ref = useListingConfig(), categoryTreeConfig = ref.categoryTreeConfig, meta = ref.meta;
+    var slug = useListingAlias(meta).slug;
+    var ref1 = useAggregateQuery([
         categoryTreeConfig
-    ], AggregateRequestEnum.Categories), aggData = ref.data, isLoading = ref.isLoading;
-    var currentCategory = generateCurrentUrl(router, slug, config);
-    var ref1 = getAggregateTypeAndTerm(categoryTreeConfig), type = ref1.type, term = ref1.term;
+    ], AggregateRequestEnum.Categories), aggData = ref1.data, isLoading = ref1.isLoading;
+    var currentCategory = generateCurrentUrl(router, slug, meta);
+    var ref2 = getAggregateTypeAndTerm(categoryTreeConfig), type = ref2.type, term = ref2.term;
     var data = React.useMemo(function() {
         if (aggData) {
             var response = 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/esm/listing/hooks/useListingConfig.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useRouter } from 'next/router';
 import { ListingFiltersProvider } from './useListingFilters';
 import { ListingCategoriesProvider } from './useListingCategories';
-import { useListingAlias, useConfigState } from '../../index';
+import { useListingAlias } from '../../index';
 import { getListingPageType } from '../utils';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -37,22 +37,21 @@ var ListingPageContext = /*#__PURE__*/ React.createContext(undefined);
 export function ListingPageProvider(param) {
     var config = param.config, children = param.children;
     var router = useRouter();
-    var slug = useListingAlias().slug;
-    var mainConfig = useConfigState();
+    var slug = useListingAlias(config.meta).slug;
     var data = React.useMemo(function() {
         return _objectSpread({
         }, config, {
-            type: getListingPageType(router, slug, mainConfig)
+            type: 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.createElement(ListingPageContext.Provider, {
         value: data