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

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

@@ -0,0 +1,120 @@
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.useBnpCalculateForCart = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _api = require("../api");
+var _index = require("../../index");
+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 _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        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) : {
+                    };
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
+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 useBnpCalculateForCart = function(props) {
+    var ref8, ref1, ref2, ref3;
+    var ref4 = props !== null && props !== void 0 ? props : {
+    }, _preferredInstallmentCentAmount = ref4.preferredInstallmentCentAmount, preferredInstallmentCentAmount = _preferredInstallmentCentAmount === void 0 ? 0 : _preferredInstallmentCentAmount, _downPaymentCentAmount = ref4.downPaymentCentAmount, downPaymentCentAmount = _downPaymentCentAmount === void 0 ? 0 : _downPaymentCentAmount;
+    var response = (0, _api).useBnpCalculateForCartQuery({
+        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) || '';
+    return (0, _react).useMemo(function() {
+        var ref, ref5, ref6, ref7;
+        return _objectSpread({
+        }, response, {
+            data: _objectSpread({
+            }, response === null || response === void 0 ? void 0 : (ref = response.data) === null || ref === void 0 ? void 0 : ref[0], {
+                offers: response === null || response === void 0 ? void 0 : (ref5 = response.data) === null || ref5 === void 0 ? void 0 : (ref6 = ref5[0]) === null || ref6 === void 0 ? void 0 : (ref7 = ref6.offers) === null || ref7 === void 0 ? void 0 : ref7.map(function(offer) {
+                    var _totalRepaymentAmount = (0, _index).decodePrice(offer.totalRepaymentAmount);
+                    var _correctDownPaymentAmount = (0, _index).decodePrice(offer.correctDownPaymentAmount);
+                    var _installmentAmount = (0, _index).decodePrice(offer.installmentAmount);
+                    var _processingFeeAmount = (0, _index).decodePrice(offer.processingFeeAmount);
+                    var totalRepaymentAmount = (0, _index).formatAsCurrency({
+                        price: _totalRepaymentAmount,
+                        precision: offer.totalRepaymentAmount.fractionDigits,
+                        currency: offer.totalRepaymentAmount.currencyCode,
+                        locale: configLocale || 'en'
+                    });
+                    var correctDownPaymentAmount = (0, _index).formatAsCurrency({
+                        price: _correctDownPaymentAmount,
+                        precision: offer.correctDownPaymentAmount.fractionDigits,
+                        currency: offer.correctDownPaymentAmount.currencyCode,
+                        locale: configLocale || 'en'
+                    });
+                    var installmentAmount = (0, _index).formatAsCurrency({
+                        price: _installmentAmount,
+                        precision: offer.installmentAmount.fractionDigits,
+                        currency: offer.installmentAmount.currencyCode,
+                        locale: configLocale || 'en'
+                    });
+                    var processingFeeAmount = (0, _index).formatAsCurrency({
+                        price: _processingFeeAmount,
+                        precision: offer.processingFeeAmount.fractionDigits,
+                        currency: offer.processingFeeAmount.currencyCode,
+                        locale: configLocale || 'en'
+                    });
+                    return _objectSpread({
+                    }, offer, {
+                        totalRepaymentAmount: totalRepaymentAmount,
+                        correctDownPaymentAmount: correctDownPaymentAmount,
+                        installmentAmount: installmentAmount,
+                        processingFeeAmount: processingFeeAmount
+                    });
+                }).sort(function(offer, offer2) {
+                    return Number(offer.maturity) - Number(offer2.maturity);
+                })
+            })
+        });
+    }, [
+        response === null || response === void 0 ? void 0 : (ref2 = response.data) === null || ref2 === void 0 ? void 0 : (ref3 = ref2[0]) === null || ref3 === void 0 ? void 0 : ref3.offers
+    ]);
+};
+exports.useBnpCalculateForCart = useBnpCalculateForCart;

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/components/Portal/index.js

@@ -23,7 +23,7 @@ var Portal = function(param) {
         // In that case, it's important to append to the correct document element.
         var ownerDocument = mountNode.current.ownerDocument;
         portalNode.current = ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.createElement(type);
-        ownerDocument.body.appendChild(portalNode.current);
+        ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.body.appendChild(portalNode.current);
         forceUpdate();
         return function() {
             if (portalNode.current && portalNode.current.ownerDocument) {

package/dist/cjs/contexts/CheckoutForm/hooks/usePayment/index.js

@@ -39,6 +39,8 @@ function _slicedToArray(arr, i) {
 var usePayment = function(param) {
     var orderQuery = param.orderQuery, errorLabels = param.errorLabels, enabled = param.enabled;
     var ref = _slicedToArray((0, _react).useState(false), 2), isPaymentSubmitting = ref[0], setIsPaymentSubmitting = ref[1];
+    var ref1 = _slicedToArray((0, _react).useState({
+    }), 2), loanInfo = ref1[0], setLoanInfo = ref1[1];
     var paymentMethods = (0, _useCheckoutPayment).useCheckoutPayment({
         query: orderQuery,
         enabled: enabled
@@ -50,12 +52,15 @@ var usePayment = function(param) {
             errors: isPaymentSubmitting ? paymentErrors : null,
             isValid: !paymentErrors,
             updateIsSubmitting: setIsPaymentSubmitting,
-            paymentMethods: paymentMethods
+            updateLoanInfo: setLoanInfo,
+            paymentMethods: paymentMethods,
+            loanInfo: loanInfo
         };
     }, [
         paymentMethods,
         paymentErrors,
-        isPaymentSubmitting
+        isPaymentSubmitting,
+        loanInfo
     ]);
 };
 exports.usePayment = usePayment;

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

@@ -143,9 +143,10 @@ 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.myCartApi.useGet();
     var ref4 = _slicedToArray((0, _react).useState(null), 2), boricaData = ref4[0], setBoricaData = ref4[1];
@@ -287,6 +288,7 @@ function CheckoutFormContextProvider(param) {
                         setIsBillingSubmitting: billingState.updateIsSubmitting,
                         isPaymentValid: paymentState.isValid,
                         setIsPaymentSubmitting: paymentState.updateIsSubmitting,
+                        loanInfo: paymentState.loanInfo,
                         step: step,
                         updateStep: setStep,
                         saveOrder: handleCheckoutSubmit,

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/useLineItem/index.js

@@ -1,8 +1,15 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+Object.defineProperty(exports, "OfferDTOStatusEnum", {
+    enumerable: true,
+    get: function() {
+        return _sdk.OfferDTOStatusEnum;
+    }
+});
 exports.useLineItem = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _sdk = require("@sentecacommerce/sdk");
 var _utils = require("../../utils");
 var _usePrefetchProduct = require("../usePrefetchProduct");
 function _defineProperty(obj, key, value) {

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/useProduct/index.js

@@ -253,12 +253,31 @@ function ProductProvider(param) {
     }
     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]);
     }
     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]);
     }
     function selectVariantOptions(definitionKey, optionKey) {
         if (selectedVariant) {
@@ -313,12 +332,14 @@ function ProductProvider(param) {
         var result = attributeRules === null || attributeRules === void 0 ? void 0 : (ref = attributeRules[key]) === null || ref === void 0 ? void 0 : (ref42 = ref.values) === null || ref42 === void 0 ? void 0 : ref42[id];
         return result;
     }
+    var collapsedImages = (0, _utils).createCollapseKeyImagesMap(product);
     var state = {
         metaData: metaData,
         seoData: seoData,
         variants: variants,
         selectedVariant: selectedVariant,
-        attributeRules: attributeRules
+        attributeRules: attributeRules,
+        collapsedImages: collapsedImages
     };
     var functions = {
         getVariantById: getVariantById,

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.createLabelsMap = exports.formatCategories = exports.getProductVideos = exports.processAvailabilityPerStore = exports.createMappedAttributes = exports.createSelectedOption = exports.createSelectedOption2 = exports.createMappedOptions = exports.createAttributeRulesMap = exports.createProductContent = exports.assignCombinationsToAttributeRules = exports.createCombinationsMap = exports.createCustomFieldsMap = void 0;
+exports.createLabelsMap = exports.formatCategories = exports.getProductVideos = exports.processAvailabilityPerStore = exports.createMappedAttributes = exports.createSelectedOption = exports.createSelectedOption2 = exports.createMappedOptions = exports.createAttributeRulesMap = exports.createCollapseKeyImagesMap = exports.createProductContent = exports.assignCombinationsToAttributeRules = exports.createCombinationsMap = exports.createCustomFieldsMap = void 0;
 var _sdk = require("@sentecacommerce/sdk");
 var _createEmbededVideo = require("./createEmbededVideo");
 var _utils = require("../../../utils");
@@ -108,6 +108,19 @@ var createProductContent = function(data) {
     };
 };
 exports.createProductContent = createProductContent;
+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;
+};
+exports.createCollapseKeyImagesMap = createCollapseKeyImagesMap;
 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/cjs/hooks/useProgressBar/hooks/useGetSetState.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.useGetSetState = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _ = require("./");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
@@ -17,29 +17,6 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _interopRequireWildcard(obj) {
-    if (obj && obj.__esModule) {
-        return obj;
-    } else {
-        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) : {
-                    };
-                    if (desc.get || desc.set) {
-                        Object.defineProperty(newObj, key, desc);
-                    } else {
-                        newObj[key] = obj[key];
-                    }
-                }
-            }
-        }
-        newObj.default = obj;
-        return newObj;
-    }
-}
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {

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/hooks/useVouchers/index.js

@@ -14,8 +14,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/cjs/index.js

@@ -1,8 +1,15 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+Object.defineProperty(exports, "Cookie", {
+    enumerable: true,
+    get: function() {
+        return _jsCookie.default;
+    }
+});
 var _exportNames = {
 };
+var _jsCookie = _interopRequireDefault(require("js-cookie"));
 var _dto = _interopRequireWildcard(require("./dto"));
 Object.keys(_dto).forEach(function(key) {
     if (key === "default" || key === "__esModule") return;
@@ -1287,6 +1294,18 @@ Object.keys(_user).forEach(function(key) {
         }
     });
 });
+var _basket = _interopRequireWildcard(require("./basket"));
+Object.keys(_basket).forEach(function(key) {
+    if (key === "default" || key === "__esModule") return;
+    if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+    if (key in exports && exports[key] === _basket[key]) return;
+    Object.defineProperty(exports, key, {
+        enumerable: true,
+        get: function() {
+            return _basket[key];
+        }
+    });
+});
 var _ui = _interopRequireWildcard(require("./ui"));
 Object.keys(_ui).forEach(function(key) {
     if (key === "default" || key === "__esModule") return;
@@ -1371,6 +1390,11 @@ Object.keys(_postcss).forEach(function(key) {
         }
     });
 });
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;

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);
@@ -43,11 +43,40 @@ 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 _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: 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;
 exports.AggregateRequestEnum = AggregateRequestEnum1;
 (function(AggregateRequestEnum) {
@@ -55,14 +84,14 @@ exports.AggregateRequestEnum = AggregateRequestEnum1;
     AggregateRequestEnum["Categories"] = 'categories';
 })(AggregateRequestEnum1 || (exports.AggregateRequestEnum = AggregateRequestEnum1 = {
 }));
-var useAggregateQuery = function(aggregates, request) {
+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,
@@ -87,14 +116,20 @@ 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 (0, _sdk).CatalogAggregate(query);
-                case 5:
+                case 6:
                     response = _ctx.sent;
                     return _ctx.abrupt("return", response);
-                case 7:
+                case 8:
                 case "end":
                     return _ctx.stop();
             }
@@ -102,14 +137,14 @@ 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
     });
 };
 exports.useAggregateQuery = useAggregateQuery;
 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 = (0, _utils).getListingPageType(router, slug, config);
     switch(request){
         case AggregateRequestEnum1.Categories:
@@ -145,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);