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

package/dist/cjs/navigation/components/SearchBox/Components/Products/Components/ProductCard/index.js

@@ -160,7 +160,7 @@ var ProductCard = function(param) {
             fontWeight: 400
         }
     }, name), /*#__PURE__*/ _react.default.createElement(PriceContainer, null, discountPrice ? /*#__PURE__*/ _react.default.createElement(Price, null, /*#__PURE__*/ _react.default.createElement(NewPrice, null, discountPrice.displayValue), /*#__PURE__*/ _react.default.createElement(OriginalPrice, null, price.displayValue)) : /*#__PURE__*/ _react.default.createElement(ProductCardPrice, {
-        color: priceColor
+        color: priceColor || ''
     }, price.displayValue)))))), /*#__PURE__*/ _react.default.createElement(Divider, {
         isLast: isLast
     })));

package/dist/cjs/navigation/components/SearchBox/Components/Products/index.js

@@ -37,7 +37,7 @@ var Products = function(param) {
         labelsColor: labelsColor,
         title: title,
         offers: offers,
-        noData: !data || (data === null || data === void 0 ? void 0 : data.length) < 1
+        noData: !data || (data === null || data === void 0 ? void 0 : data.length) < 1 || null
     }, Boolean(data === null || data === void 0 ? void 0 : data.length) ? /*#__PURE__*/ _react.default.createElement("div", {
         className: "row ".concat(offers ? 'flex-column' : '')
     }, data === null || data === void 0 ? void 0 : data.map(function(product, index) {
@@ -48,7 +48,7 @@ var Products = function(param) {
             labelsColor: labelsColor,
             priceColor: priceColor,
             onClose: onClose,
-            isLast: index === (data === null || data === void 0 ? void 0 : data.length) - 1,
+            isLast: index === (data === null || data === void 0 ? void 0 : data.length) - 1 || null,
             offers: offers,
             productSpacing: productSpacing
         }));

package/dist/cjs/navigation/components/SearchBox/Components/RecentSearches/index.js

@@ -15,7 +15,7 @@ var RecentSearches = function(param) {
     return(/*#__PURE__*/ _react.default.createElement(_.Container, {
         labelsColor: labelsColor,
         title: title,
-        noData: !data || (data === null || data === void 0 ? void 0 : data.length) < 1
+        noData: !data || (data === null || data === void 0 ? void 0 : data.length) < 1 || null
     }, data && /*#__PURE__*/ _react.default.createElement(_recentsSearchesList.RecentSearchesList, {
         data: data,
         onClose: onClose,

package/dist/cjs/navigation/components/SearchBox/index.js

@@ -173,7 +173,7 @@ var BottomMenuEnum1;
 })(BottomMenuEnum1 || (BottomMenuEnum1 = {
 }));
 var SearchBox = function(param) {
-    var isLoading = param.isLoading, onClose = param.onClose, suggestedBrands = param.suggestedBrands, suggestedCategories = param.suggestedCategories, suggestions = param.suggestions, searchValue = param.searchValue, _withRecent = param.withRecent, withRecent = _withRecent === void 0 ? true : _withRecent, labels = param.labels, bottomMenu = param.bottomMenu, labelsColor = param.labelsColor, textColor = param.textColor, priceColor = param.priceColor, backgroundColor = param.backgroundColor, onSearchSubmit = param.onSearchSubmit, top = param.top, delay = param.delay, isContainer = param.isContainer, noCloseButton = param.noCloseButton, productSpacing = param.productSpacing, closeButtonOnTop = param.closeButtonOnTop, _hasPopularSearches = param.hasPopularSearches, hasPopularSearches = _hasPopularSearches === void 0 ? false : _hasPopularSearches;
+    var isLoading = param.isLoading, onClose = param.onClose, suggestedBrands = param.suggestedBrands, suggestedCategories = param.suggestedCategories, suggestions = param.suggestions, searchValue = param.searchValue, _withRecent = param.withRecent, withRecent = _withRecent === void 0 ? true : _withRecent, labels = param.labels, bottomMenu = param.bottomMenu, labelsColor = param.labelsColor, textColor = param.textColor, priceColor = param.priceColor, backgroundColor = param.backgroundColor, onSearchSubmit = param.onSearchSubmit, top = param.top, delay = param.delay, isContainer = param.isContainer, noCloseButton = param.noCloseButton, productSpacing = param.productSpacing, closeButtonOnTop = param.closeButtonOnTop, _hasPopularSearches = param.hasPopularSearches, hasPopularSearches = _hasPopularSearches === void 0 ? null : _hasPopularSearches;
     var ref = (0, _index).useSearchHistory(), data = ref.data, loadingRecent = ref.isLoading;
     var canDisplayRecent = !loadingRecent;
     var searchHistory = data === null || data === void 0 ? void 0 : data.results;
@@ -201,21 +201,21 @@ var SearchBox = function(param) {
     }, /*#__PURE__*/ _react.default.createElement(SearchBoxContent, {
         isContainer: isContainer
     }, /*#__PURE__*/ _react.default.createElement(Row, null, /*#__PURE__*/ _react.default.createElement(_components.Placeholder, null), showResults ? /*#__PURE__*/ _react.default.createElement(ResultsBox, null, /*#__PURE__*/ _react.default.createElement(SuggestedBrandsCol, {
-        backgroundColor: backgroundColor
+        backgroundColor: backgroundColor || ''
     }, suggestedBrands.length !== 0 && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_components.Suggestions, {
         data: displayableBrands,
         onClose: onClose,
-        searchValue: searchValue,
-        title: labels.suggestedBrandsLabel,
-        labelsColor: labelsColor,
-        textColor: textColor
+        searchValue: searchValue || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.suggestedBrandsLabel) || '',
+        labelsColor: labelsColor || '',
+        textColor: textColor || ''
     })), suggestedCategories.length > 0 && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_components.Suggestions, {
         data: suggestedCategories,
         onClose: onClose,
-        searchValue: searchValue,
-        title: labels.suggestedCategoriesLabel,
-        labelsColor: labelsColor,
-        textColor: textColor
+        searchValue: searchValue || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.suggestedCategoriesLabel) || '',
+        labelsColor: labelsColor || '',
+        textColor: textColor || ''
     }))), /*#__PURE__*/ _react.default.createElement(ProductsWrapper, {
         backgroundColor: backgroundColor
     }, /*#__PURE__*/ _react.default.createElement(_components.Products, {
@@ -244,7 +244,7 @@ var SearchBox = function(param) {
         onClose: onClose,
         searchHistory: searchHistory,
         textColor: textColor,
-        canDisplayRecent: canDisplayRecent,
+        canDisplayRecent: canDisplayRecent || null,
         withRecent: withRecent,
         promoOffers: promoOffers,
         searchValue: searchValue

package/dist/cjs/product/hooks/useBnpOffers.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.useBnpOffers = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _queries = require("../api/queries");
 var _index = require("../../index");
 function _defineProperty(obj, key, value) {
@@ -18,29 +18,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] : {
@@ -59,7 +36,7 @@ function _objectSpread(target) {
 }
 var useBnpOffers = function(props) {
     var ref6, ref1, ref2, ref3;
-    var configLocale = (ref6 = (0, _index).useConfigState()) === null || ref6 === void 0 ? void 0 : (ref1 = ref6.price) === null || ref1 === void 0 ? void 0 : ref1.locale;
+    var configLocale = ((ref6 = (0, _index).useConfigState()) === null || ref6 === void 0 ? void 0 : (ref1 = ref6.price) === null || ref1 === void 0 ? void 0 : ref1.locale) || '';
     var response = (0, _queries).useBnpOffersQuery(props);
     return (0, _react).useMemo(function() {
         var ref, ref4, ref5;

package/dist/cjs/seo/components/GlobalSEO/index.js

@@ -31,13 +31,13 @@ function GlobalSEO() {
         dangerouslySetInnerHTML: (0, _utils).createDangerousMarkup(organizationJSONLd)
     }), Boolean(defaultIcon) && /*#__PURE__*/ _react.default.createElement("link", {
         rel: "icon",
-        href: defaultIcon
+        href: defaultIcon || ''
     }), Boolean(favicon === null || favicon === void 0 ? void 0 : favicon.svg) && /*#__PURE__*/ _react.default.createElement("link", {
         rel: "icon",
-        href: favicon === null || favicon === void 0 ? void 0 : favicon.svg,
+        href: (favicon === null || favicon === void 0 ? void 0 : favicon.svg) || '',
         type: "image/svg+xml"
     }), Boolean(favicon === null || favicon === void 0 ? void 0 : favicon.medium) && /*#__PURE__*/ _react.default.createElement("link", {
         rel: "apple-touch-icon",
-        href: favicon === null || favicon === void 0 ? void 0 : favicon.medium
+        href: (favicon === null || favicon === void 0 ? void 0 : favicon.medium) || ''
     })));
 }

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

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

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

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

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

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

package/dist/esm/analytics/Pixel/mainScript.js

@@ -57,7 +57,6 @@ function _objectSpread(target) {
     }
     return target;
 }
-;
 (function(global) {
     var log = function log(message) {
         if (debug) {

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

@@ -30,7 +30,7 @@ export 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/esm/analytics/Releva/useReleva.js

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

package/dist/esm/analytics/addToCart.js

@@ -4,7 +4,6 @@ export var addToCart = function(sku, quantity, price) {
         var value = decodePrice(price) * quantity;
         var currency = price.currencyCode;
         window.fbq('track', 'AddToCart', {
-            // eslint-disable-next-line @typescript-eslint/camelcase
             content_type: 'product',
             value: value,
             currency: currency,

package/dist/esm/analytics/initiateCheckout.js

@@ -10,7 +10,6 @@ export var initiateCheckout = function(order) {
         var currency = order.currencyCode;
         var value = decodePrice(order.grandTotalPrice);
         window.fbq('track', 'InitiateCheckout', {
-            // eslint-disable-next-line @typescript-eslint/camelcase
             content_type: 'product',
             contents: contents,
             currency: currency,

package/dist/esm/analytics/pageView.js

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/camelcase */ import { useConfigState } from '../hooks/useConfig';
+import { useConfigState } from '../hooks/useConfig';
 export var usePageView = function() {
     var config = useConfigState();
     return function(url, title) {

package/dist/esm/analytics/viewContent.js

@@ -4,7 +4,6 @@ export var viewContent = function(data) {
         var quantity = data.quantity, price = data.price, currency = data.currencyCode, id = data.sku;
         var value = price * quantity;
         window.fbq('track', 'ViewContent', {
-            // eslint-disable-next-line @typescript-eslint/camelcase
             content_type: 'product',
             value: value,
             currency: currency,

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

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

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

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

package/dist/esm/components/GoogleOneTap/index.js

@@ -1,5 +1,5 @@
 import regeneratorRuntime from "regenerator-runtime";
-/* eslint-disable @typescript-eslint/camelcase */ import React, { useCallback } from 'react';
+import React, { useCallback } from 'react';
 import Cookies from 'js-cookie';
 import { useLoginGoogle } from '../..';
 import { ExternalScript } from '../ExternalScript';

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

@@ -23,7 +23,7 @@ export 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/esm/components/Portal/index.js

@@ -14,7 +14,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/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/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/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/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);
@@ -76,11 +76,11 @@ export { AggregateRequestEnum1 as AggregateRequestEnum,  };
 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,
@@ -105,7 +105,7 @@ export var useAggregateQuery = function(aggregates, request, sort) {
                         router: router,
                         postFilter: postFilter,
                         slug: aliasedSlug,
-                        config: defaultConfig
+                        config: meta
                     });
                     if (sort) {
                         query = _objectSpread({
@@ -126,7 +126,7 @@ export 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
     });
@@ -168,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,25 +96,21 @@ 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 = !!router.query.limit ? Number(router.query.limit) : (config === null || config === void 0 ? void 0 : (ref = config.meta) === null || ref === void 0 ? void 0 : ref.limit) || 24;
+    var sort = query.sort || (config === null || config === void 0 ? void 0 : config.defaultSortKey) || 'defaultSort';
     var offset = 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
@@ -125,18 +120,21 @@ export var useListingQuery = function() {
         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;
+                    return _ctx.abrupt("return", data);
+                case 4:
                 case "end":
                     return _ctx.stop();
             }
@@ -155,12 +153,11 @@ 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;
         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;
-                    ;
                     query = router.query;
                     type = getListingPageType(router, slug, config);
                     filter = generateFilter(type, query, slug, predicate);
@@ -170,16 +167,16 @@ function _processListingQuery() {
                         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
                     })));
-                case 7:
+                case 6:
                 case "end":
                     return _ctx.stop();
             }
@@ -212,6 +209,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