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

package/dist/esm/listing/utils/getListingPageType.js

@@ -1,5 +1,5 @@
 import { ListingTypesEnum } from '..';
-export var getListingPageType = function(router, slug, config) {
+export var getListingPageType = function(router, slug, meta) {
     var ref;
     var pageTypeMap = {
         '/[slug]/c': ListingTypesEnum.Category,
@@ -11,8 +11,9 @@ export var getListingPageType = function(router, slug, config) {
     };
     var slugAliases = {
     };
-    if (config) slugAliases = config.listing;
-    if ((((ref = Object.keys(slugAliases)) === null || ref === void 0 ? void 0 : ref.includes(slug)) || (slug === null || slug === void 0 ? void 0 : slug.includes('sex'))) && !router.query.cat) {
+    if (meta) slugAliases = meta.slugAliases;
+    if ((((ref = Object.keys(slugAliases || {
+    })) === null || ref === void 0 ? void 0 : ref.includes(slug)) || (slug === null || slug === void 0 ? void 0 : slug.includes('sex'))) && !router.query.cat) {
         return ListingTypesEnum.AttrPage;
     }
     if (router.query.q || router.query.search) {

package/dist/esm/navigation/components/SearchBox/Components/Container/index.js

@@ -48,7 +48,7 @@ export var Container = function(param) {
         mobile: onlyMobile,
         desktop: onlyDesktop
     }, Boolean(title) && /*#__PURE__*/ React.createElement(Headline, {
-        color: labelsColor
+        color: labelsColor || ''
     }, title), /*#__PURE__*/ React.createElement(Flex, null, children)));
 };
 var Wrapper = styled.div.attrs(function(props) {

package/dist/esm/navigation/components/SearchBox/Components/EmptyBox/index.js

@@ -62,6 +62,7 @@ function _templateObject4() {
 }
 export var EmptyBox = function(param) {
     var backgroundColor = param.backgroundColor, searchHistory = param.searchHistory, labels = param.labels, labelsColor = param.labelsColor, textColor = param.textColor, onClose = param.onClose, canDisplayPopular = param.canDisplayPopular, canDisplayRecent = param.canDisplayRecent, withRecent = param.withRecent, promoOffers = param.promoOffers, searchValue = param.searchValue, isLoading = param.isLoading;
+    var ref, ref1, ref2, ref3;
     return(/*#__PURE__*/ React.createElement(React.Fragment, null, isLoading ? /*#__PURE__*/ React.createElement("div", {
         style: {
             width: '100%',
@@ -70,28 +71,28 @@ export var EmptyBox = function(param) {
     }, /*#__PURE__*/ React.createElement(Spinner, null)) : /*#__PURE__*/ React.createElement(Wrapper, null, !searchValue || (searchValue === null || searchValue === void 0 ? void 0 : searchValue.length) < 3 ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(BlogCol, {
         backgroundColor: backgroundColor
     }, /*#__PURE__*/ React.createElement(BlogContainer, {
-        blogTitle: labels.blog.blogTitle,
-        image: labels.blog.image,
-        url: labels.blog.url,
-        description: labels.blog.description,
-        title: labels.blogLabel,
-        labelsColor: labelsColor,
-        textColor: textColor,
+        blogTitle: (labels === null || labels === void 0 ? void 0 : (ref = labels.blog) === null || ref === void 0 ? void 0 : ref.blogTitle) || '',
+        image: (labels === null || labels === void 0 ? void 0 : (ref1 = labels.blog) === null || ref1 === void 0 ? void 0 : ref1.image) || '',
+        url: (labels === null || labels === void 0 ? void 0 : (ref2 = labels.blog) === null || ref2 === void 0 ? void 0 : ref2.url) || '',
+        description: (labels === null || labels === void 0 ? void 0 : (ref3 = labels.blog) === null || ref3 === void 0 ? void 0 : ref3.description) || '',
+        title: (labels === null || labels === void 0 ? void 0 : labels.blogLabel) || '',
+        labelsColor: labelsColor || '',
+        textColor: textColor || '',
         onClose: onClose
     })), /*#__PURE__*/ React.createElement(SuggestedSearches, null, canDisplayPopular && /*#__PURE__*/ React.createElement(PopularSearches, {
-        title: labels.popularSearchesLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.popularSearchesLabel) || '',
         onClose: onClose,
-        textColor: textColor,
-        labelsColor: labelsColor
+        textColor: textColor || '',
+        labelsColor: labelsColor || ''
     }), withRecent && canDisplayRecent && /*#__PURE__*/ React.createElement(RecentSearches, {
-        title: labels.recentSearchesLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.recentSearchesLabel) || '',
         data: searchHistory,
         onClose: onClose,
-        textColor: textColor,
-        labelsColor: labelsColor
+        textColor: textColor || '',
+        labelsColor: labelsColor || ''
     }))) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Container, {
         labelsColor: labelsColor,
-        title: labels.productsLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.productsLabel) || '',
         onlyMobile: true
     }, /*#__PURE__*/ React.createElement(NoResultsDesc, {
         className: "SEARCH_BOX_NO_RESULT"
@@ -99,14 +100,14 @@ export var EmptyBox = function(param) {
         backgroundColor: backgroundColor
     }, /*#__PURE__*/ React.createElement(Products, {
         data: promoOffers,
-        textColor: textColor,
-        labelsColor: labelsColor,
+        textColor: textColor || '',
+        labelsColor: labelsColor || '',
         onClose: onClose,
-        title: labels.promoOffersLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.promoOffersLabel) || '',
         offers: true
     })), /*#__PURE__*/ React.createElement(Container, {
         labelsColor: labelsColor,
-        title: labels.productsLabel,
+        title: (labels === null || labels === void 0 ? void 0 : labels.productsLabel) || '',
         onlyDesktop: true
     }, /*#__PURE__*/ React.createElement(NoResultsDesc, {
         className: "SEARCH_BOX_NO_RESULT"

package/dist/esm/navigation/components/SearchBox/Components/PopularSearches/index.js

@@ -6,7 +6,7 @@ export var PopularSearches = function(param) {
     var title = param.title, data = param.data, onClose = param.onClose, labelsColor = param.labelsColor, textColor = param.textColor, searchValue = param.searchValue;
     var config = useConfigState();
     var ref = usePopularSearches({
-        key: config.interfaceKey
+        key: config.interfaceKey || ''
     }), popularSearches = ref.popularSearches, arePopularLoading = ref.isLoading, status = ref.status;
     return(/*#__PURE__*/ React.createElement(Container, {
         labelsColor: labelsColor,

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

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

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

@@ -28,7 +28,7 @@ export 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.createElement("div", {
         className: "row ".concat(offers ? 'flex-column' : '')
     }, data === null || data === void 0 ? void 0 : data.map(function(product, index) {
@@ -39,7 +39,7 @@ export 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/esm/navigation/components/SearchBox/Components/RecentSearches/index.js

@@ -6,7 +6,7 @@ export var RecentSearches = function(param) {
     return(/*#__PURE__*/ React.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.createElement(RecentSearchesList, {
         data: data,
         onClose: onClose,

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

@@ -141,7 +141,7 @@ var BottomMenuEnum1;
 })(BottomMenuEnum1 || (BottomMenuEnum1 = {
 }));
 export 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 = useSearchHistory(), data = ref.data, loadingRecent = ref.isLoading;
     var canDisplayRecent = !loadingRecent;
     var searchHistory = data === null || data === void 0 ? void 0 : data.results;
@@ -169,21 +169,21 @@ export var SearchBox = function(param) {
     }, /*#__PURE__*/ React.createElement(SearchBoxContent, {
         isContainer: isContainer
     }, /*#__PURE__*/ React.createElement(Row, null, /*#__PURE__*/ React.createElement(Placeholder, null), showResults ? /*#__PURE__*/ React.createElement(ResultsBox, null, /*#__PURE__*/ React.createElement(SuggestedBrandsCol, {
-        backgroundColor: backgroundColor
+        backgroundColor: backgroundColor || ''
     }, suggestedBrands.length !== 0 && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(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.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(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.createElement(ProductsWrapper, {
         backgroundColor: backgroundColor
     }, /*#__PURE__*/ React.createElement(Products, {
@@ -212,7 +212,7 @@ export var SearchBox = function(param) {
         onClose: onClose,
         searchHistory: searchHistory,
         textColor: textColor,
-        canDisplayRecent: canDisplayRecent,
+        canDisplayRecent: canDisplayRecent || null,
         withRecent: withRecent,
         promoOffers: promoOffers,
         searchValue: searchValue

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

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { useBnpOffersQuery } from '../api/queries';
 import { decodePrice, formatAsCurrency, useConfigState } from '../../index';
 function _defineProperty(obj, key, value) {
@@ -32,7 +32,7 @@ function _objectSpread(target) {
 }
 export var useBnpOffers = function(props) {
     var ref6, ref1, ref2, ref3;
-    var configLocale = (ref6 = useConfigState()) === null || ref6 === void 0 ? void 0 : (ref1 = ref6.price) === null || ref1 === void 0 ? void 0 : ref1.locale;
+    var configLocale = ((ref6 = useConfigState()) === null || ref6 === void 0 ? void 0 : (ref1 = ref6.price) === null || ref1 === void 0 ? void 0 : ref1.locale) || '';
     var response = useBnpOffersQuery(props);
     return useMemo(function() {
         var ref, ref4, ref5;

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

@@ -21,13 +21,13 @@ export function GlobalSEO() {
         dangerouslySetInnerHTML: createDangerousMarkup(organizationJSONLd)
     }), Boolean(defaultIcon) && /*#__PURE__*/ React.createElement("link", {
         rel: "icon",
-        href: defaultIcon
+        href: defaultIcon || ''
     }), Boolean(favicon === null || favicon === void 0 ? void 0 : favicon.svg) && /*#__PURE__*/ React.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.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/types/listing/api/queries/useAggregateQuery.d.ts

@@ -2,6 +2,7 @@ import { RangeAggregationResult, TermAggregationResult, RangeAggregation, TermAg
 import { NextRouter } from 'next/router';
 import { PredicateType } from './usePredicate';
 import { Aggregate, AggregateSortEnum } from '../../types';
+import { ListingPageMeta } from '../..';
 export declare type AggregationResultType = RangeAggregationResult & TermAggregationResult & RangeAggregationResult;
 export declare type AggregateType = TermAggregation & StatAggregation & RangeAggregation;
 export declare enum AggregateRequestEnum {
@@ -15,7 +16,7 @@ export declare function prepareAggregateQuery({ request, predicate, aggregates,
     router: NextRouter;
     postFilter: string | undefined;
     predicate?: PredicateType;
-    config?: any;
+    config?: ListingPageMeta;
     slug: string;
     attributeSortType?: AggregateSortEnum;
 }): any;

package/dist/types/listing/api/queries/useListingQuery.d.ts

@@ -2,6 +2,8 @@ import { CatalogFilterResultDTO } from '@sentecacommerce/sdk';
 import { QueryResult } from 'react-query';
 import { NextRouter } from 'next/router';
 import { PredicateType } from '..';
+import { ListingPageMeta } from '../..';
+import { StringField } from '@sentecacommerce-theme/cms';
 export declare const useListingQuery: () => QueryResult<CatalogFilterResultDTO, unknown>;
 export declare function processListingQuery({ predicate, router, limit, sort, postFilter, offset, config, slug, }: {
     predicate?: PredicateType;
@@ -10,7 +12,7 @@ export declare function processListingQuery({ predicate, router, limit, sort, po
     offset: number;
     sort?: string;
     postFilter?: string;
-    config?: any;
+    config?: ListingPageMeta;
     slug?: string;
 }): Promise<CatalogFilterResultDTO>;
-export declare function isListingQueryEnabled(type: string, predicate?: PredicateType): boolean;
+export declare function isListingQueryEnabled(type: StringField, predicate?: PredicateType): boolean;

package/dist/types/listing/api/queries/usePredicate.d.ts

@@ -1,8 +1,9 @@
 import { CategoryDTO, ViewDTO, BrandDTO } from '@sentecacommerce/sdk';
 import { QueryResult } from 'react-query';
 import { NextRouter } from 'next/router';
+import { ListingPageMeta } from '../..';
 export declare type PredicateType = CategoryDTO & ViewDTO & BrandDTO & {
     breadcrumb?: any;
 };
 export declare const usePredicate: () => QueryResult<PredicateType | undefined, unknown>;
-export declare function processPredicateRequest(slug: string, router: NextRouter, aliasedSlug: string, mainConfig?: any): Promise<any>;
+export declare function processPredicateRequest(slug: string, router: NextRouter, aliasedSlug: string, mainConfig?: ListingPageMeta): Promise<any>;

package/dist/types/listing/hooks/useListingAlias.d.ts

@@ -1,3 +1,4 @@
-export declare const useListingAlias: () => {
+import { ListingPageMeta } from '..';
+export declare const useListingAlias: (meta: ListingPageMeta) => {
     slug: string;
 };

package/dist/types/listing/hooks/useListingFilters.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { AggregationResultType } from '../api';
 import { RangeAggregation, StatAggregation, TermAggregation } from '@sentecacommerce/sdk';
-export type { RangeAggregation, StatAggregation, TermAggregation, } from '@sentecacommerce/sdk';
 export declare type ListingAggregationResultType = {
     selected: boolean;
     data: AggregationResultType;

package/dist/types/listing/hooks/useListingItems.d.ts

@@ -1,11 +1,12 @@
 import { SearchResultDTO } from '@sentecacommerce/sdk';
+import type { NumberField, StringField } from '@sentecacommerce-theme/cms';
 export declare type SearchResultItem = {
     isPlaceholder?: boolean;
 } & SearchResultDTO;
 export declare type UseListingItemsProps = {
     items?: SearchResultItem[];
-    total?: number;
-    didYouMean?: string;
+    total?: NumberField;
+    didYouMean?: StringField;
     isLoading: boolean;
     isFetching: boolean;
 };

package/dist/types/listing/hooks/useListingSEOCategories.d.ts

@@ -1,9 +1,11 @@
+import type { EnumField, StringField } from '@sentecacommerce-theme/cms';
+import { ComponentTypeEnum } from '..';
 export declare type SeoFilter = {
-    name?: string;
-    component?: string;
+    name?: StringField;
+    component?: EnumField<ComponentTypeEnum>;
     items?: {
-        name: string;
-        url: string;
+        name: StringField;
+        url: StringField;
     }[];
 };
 export declare type UseListingSEOCategoriesPropsResult = {

package/dist/types/listing/hooks/useSort.d.ts

@@ -1,9 +1,10 @@
+import { StringField } from '@sentecacommerce-theme/cms';
 declare type Props = {
-    sorts: {
-        key: string;
-        label: string;
+    sorts?: {
+        key: StringField;
+        label: StringField;
     }[];
-    defaultSortKey: string;
+    defaultSortKey?: StringField;
     onSelect?: () => void;
 };
 declare type SortOptionType = {
@@ -17,5 +18,5 @@ export declare type UseSortResults = {
     selectedSort: SortOptionType;
     resetSort: () => void;
 };
-export declare const useSort: ({ onSelect, sorts, defaultSortKey, }: Props) => UseSortResults;
+export declare const useSort: (props?: Props | undefined) => UseSortResults;
 export {};

package/dist/types/listing/hooks/utils.d.ts

@@ -2,9 +2,10 @@ import { AggregationResultType } from '../api';
 import { CatalogAggregateResponseDTO } from '@sentecacommerce/sdk';
 import { Aggregate } from '../types';
 import { NextRouter } from 'next/router';
-export declare function processCategoriesResponse(response?: CatalogAggregateResponseDTO, type?: string, term?: string): AggregationResultType[];
+import type { StringField } from '@sentecacommerce-theme/cms';
+export declare function processCategoriesResponse(response?: CatalogAggregateResponseDTO, type?: StringField, term?: StringField): AggregationResultType[];
 export declare function getAggregateTypeAndTerm(aggregates?: Aggregate): {
     type: string;
-    term: string | undefined;
+    term: import("@sentecacommerce-theme/cms").EnumField<StringField>;
 };
 export declare function getAttributePageType(router: NextRouter, slug: string): string[];

package/dist/types/listing/ssr/prefetchCategories.d.ts

@@ -1,5 +1,5 @@
 import { NextRouter } from 'next/router';
 import type { QueryCache } from 'react-query';
-import { Aggregate } from '../types';
+import { Aggregate, ListingPageMeta } from '../types';
 import { PredicateType } from '../api';
-export declare function prefetchCategories(queryCache: QueryCache, router: NextRouter, predicate: PredicateType, aggregates: Aggregate[], config?: any): Promise<import("@sentecacommerce/sdk").CatalogAggregateResponseDTO>;
+export declare function prefetchCategories(queryCache: QueryCache, router: NextRouter, predicate: PredicateType, aggregates: Aggregate[], config: ListingPageMeta): Promise<import("@sentecacommerce/sdk").CatalogAggregateResponseDTO>;

package/dist/types/listing/ssr/prefetchListing.d.ts

@@ -1,12 +1,11 @@
 import { NextRouter } from 'next/router';
 import type { QueryCache } from 'react-query';
 import { PredicateType } from '../api';
-export declare function prefetchListing({ queryCache, router, predicate, config, }: {
+import { ListingPageMeta } from '..';
+export declare function prefetchListing({ queryCache, router, predicate, config, defaultSortKey, }: {
     queryCache: QueryCache;
     router: NextRouter;
     predicate?: PredicateType;
-    filterExtension?: string;
-    defaultLimit?: number;
-    defaultSortKey?: string;
-    config?: any;
+    defaultSortKey: string;
+    config: ListingPageMeta;
 }): Promise<import("@sentecacommerce/sdk").CatalogFilterResultDTO>;

package/dist/types/listing/ssr/prefetchPredicate.d.ts

@@ -1,3 +1,4 @@
 import { NextRouter } from 'next/router';
 import type { QueryCache } from 'react-query';
-export declare function prefetchPredicate(queryCache: QueryCache, router: NextRouter, config: any): Promise<any>;
+import { ListingPageMeta } from '..';
+export declare function prefetchPredicate(queryCache: QueryCache, router: NextRouter, config: ListingPageMeta): Promise<any>;

package/dist/types/listing/types.d.ts

@@ -1,4 +1,4 @@
-import { BooleanField, TextField, NumberField } from '@sentecacommerce-theme/base';
+import { BooleanField, StringField, NumberField, EnumField, ListField, GroupField } from '@sentecacommerce-theme/cms';
 export declare type FiltersQuery = {
     storeKey?: string;
     currencyCode?: string;
@@ -50,26 +50,37 @@ export declare enum ComponentTypeEnum {
     RangeSlider = "range-slider"
 }
 export declare type Aggregate = {
-    label: TextField;
-    aggregationType: AggregationTypeEnum;
-    aggregationDefinition: TextField;
-    filterDefinition: TextField;
-    order: NumberField;
-    collapsed?: BooleanField;
-    component: ComponentTypeEnum;
+    label: StringField;
+    aggregationType: EnumField<AggregationTypeEnum>;
+    aggregationDefinition: EnumField<StringField>;
+    filterDefinition: StringField;
+    order?: NumberField;
+    collapsed: BooleanField;
+    hideOn?: ListField<ListingTypesEnum>;
+    component: EnumField<ComponentTypeEnum>;
 };
 export declare type ListingPageSortOption = {
-    key: TextField;
-    label: TextField;
+    key: StringField;
+    label: StringField;
 };
 export interface DefaultListingPageProps {
     type: ListingTypesEnum;
-    seoAggregates?: Aggregate;
-    aggregates?: Aggregate[];
-    defaultSortKey: TextField;
+    seoAggregates?: GroupField<Aggregate>;
+    aggregates?: ListField<Aggregate>;
+    defaultSortKey?: StringField;
     categoryTreeConfig?: Aggregate;
-    sortOptions: ListingPageSortOption[];
-    productsPerPage?: NumberField;
+    sortOptions?: ListField<ListingPageSortOption>;
     attributeSortType?: AggregateSortEnum;
-    filterExtension?: TextField;
+    meta: ListingPageMeta;
+}
+export interface ListingPageMeta {
+    slugAliases: {
+        [key: string]: string;
+    };
+    titleAliases: {
+        [key: string]: string;
+    };
+    filterExtension: StringField;
+    collapseMode: StringField;
+    limit: NumberField;
 }

package/dist/types/listing/utils/buildCategoryQuery.d.ts

@@ -1,5 +1,6 @@
 import { NextRouter } from 'next/router';
 import { ListingTypesEnum, Aggregate, PredicateType } from '../index';
+import { ListingPageMeta } from '../types';
 export declare const buildCategoryQuery: ({ aggregates, predicate, postFilter, pageType, config, router, slug, }: {
     pageType: ListingTypesEnum;
     aggregates: Aggregate[];
@@ -7,7 +8,7 @@ export declare const buildCategoryQuery: ({ aggregates, predicate, postFilter, p
     postFilter?: string | undefined;
     predicate?: PredicateType | undefined;
     slug: string;
-    config?: any;
+    config?: ListingPageMeta | undefined;
 }) => {
     [x: string]: string;
     filter: string;

package/dist/types/listing/utils/buildFilterQuery.d.ts

@@ -1,5 +1,6 @@
 import { NextRouter } from 'next/router';
 import { Aggregate, ListingTypesEnum, PredicateType } from '../index';
+import { ListingPageMeta } from '../types';
 export declare const buildFilterQuery: ({ predicate, slug, pageType, router, aggregates, config, postFilter, }: {
     aggregates: Aggregate[];
     router: NextRouter;
@@ -7,5 +8,5 @@ export declare const buildFilterQuery: ({ predicate, slug, pageType, router, agg
     predicate?: PredicateType | undefined;
     slug: string;
     pageType: ListingTypesEnum;
-    config: any;
+    config?: ListingPageMeta | undefined;
 }) => any;

package/dist/types/listing/utils/extendFilter.d.ts

@@ -1,5 +1,6 @@
+import { StringField, BooleanField } from "@sentecacommerce-theme/cms";
 export declare const extendFilter: ({ slug, filterExtension, noSplit, }: {
     slug: string;
-    filterExtension?: string | undefined;
-    noSplit?: boolean | undefined;
+    filterExtension?: StringField;
+    noSplit?: BooleanField;
 }) => string;

package/dist/types/listing/utils/getListingAlias.d.ts

@@ -1,5 +1,6 @@
 import { NextRouter } from 'next/router';
+import { ListingPageMeta } from '..';
 export declare const getListingAlias: ({ router, config, }: {
     router: NextRouter;
-    config: any;
+    config: ListingPageMeta;
 }) => string;

package/dist/types/listing/utils/getListingPageType.d.ts

@@ -1,3 +1,3 @@
 import { NextRouter } from 'next/router';
-import { ListingTypesEnum } from '..';
-export declare const getListingPageType: (router: NextRouter, slug?: string | undefined, config?: any) => ListingTypesEnum;
+import { ListingPageMeta, ListingTypesEnum } from '..';
+export declare const getListingPageType: (router: NextRouter, slug?: string | undefined, meta?: ListingPageMeta | undefined) => ListingTypesEnum;

package/dist/types/navigation/components/SearchBox/Components/Container/index.d.ts

@@ -1,15 +1,16 @@
 import React from 'react';
+import { BooleanField, StringField } from '@sentecacommerce-theme/cms';
 interface ContainerProps {
-    title?: string;
-    labelsColor: string;
+    title?: StringField;
+    labelsColor: StringField;
     children: React.ReactNode;
-    isBottom?: boolean;
-    noData?: boolean;
-    backgroundColor?: string;
-    products?: boolean;
-    onlyMobile?: boolean;
-    onlyDesktop?: boolean;
-    offers?: boolean;
+    isBottom?: BooleanField;
+    noData?: BooleanField;
+    backgroundColor?: StringField;
+    products?: BooleanField;
+    onlyMobile?: BooleanField;
+    onlyDesktop?: BooleanField;
+    offers?: BooleanField;
 }
 export declare const Container: ({ title, labelsColor, children, backgroundColor, onlyMobile, onlyDesktop, }: ContainerProps) => JSX.Element;
 export {};

package/dist/types/navigation/components/SearchBox/Components/EmptyBox/index.d.ts

@@ -1,28 +1,29 @@
+import type { BooleanField, GroupField, StringField } from '@sentecacommerce-theme/cms';
 interface EmptyBoxProps {
-    backgroundColor?: string;
+    backgroundColor?: StringField;
     searchHistory?: any[];
-    labels: {
-        promoOffersLabel: string;
-        productsLabel: string;
-        recentSearchesLabel: string;
-        popularSearchesLabel: string;
-        blogLabel: string;
-        blog: {
-            blogTitle: string;
-            image: string;
-            url: string;
-            description: string;
-        };
-    };
-    labelsColor: string;
-    textColor: string;
+    labels: GroupField<{
+        promoOffersLabel: StringField;
+        productsLabel: StringField;
+        recentSearchesLabel: StringField;
+        popularSearchesLabel: StringField;
+        blogLabel: StringField;
+        blog: GroupField<{
+            blogTitle: StringField;
+            image: StringField;
+            url: StringField;
+            description: StringField;
+        }>;
+    }>;
+    labelsColor: StringField;
+    textColor: StringField;
     onClose?: () => void;
-    canDisplayPopular: boolean;
-    withRecent?: boolean;
-    canDisplayRecent?: boolean;
+    canDisplayPopular: BooleanField;
+    withRecent?: BooleanField;
+    canDisplayRecent?: BooleanField;
     promoOffers?: any[];
-    searchValue?: string;
-    isLoading?: boolean;
+    searchValue?: StringField;
+    isLoading?: BooleanField;
 }
 export declare const EmptyBox: ({ backgroundColor, searchHistory, labels, labelsColor, textColor, onClose, canDisplayPopular, canDisplayRecent, withRecent, promoOffers, searchValue, isLoading, }: EmptyBoxProps) => JSX.Element;
 export {};

package/dist/types/navigation/components/SearchBox/Components/Products/Components/ProductCard/index.d.ts

@@ -1,12 +1,13 @@
 import { SearchResultDTO } from '@sentecacommerce/sdk';
+import { BooleanField, NumberField, StringField } from '@sentecacommerce-theme/cms';
 export declare const ProductCard: ({ item, bottomMenu, priceColor, textColor, labelsColor, onClose, isLast, offers, productSpacing, }: {
     item: SearchResultDTO;
-    bottomMenu?: string | undefined;
-    priceColor?: string | undefined;
-    textColor: string;
-    labelsColor: string;
+    bottomMenu?: StringField;
+    priceColor?: StringField;
+    textColor: StringField;
+    labelsColor: StringField;
     onClose?: (() => void) | undefined;
-    isLast: boolean;
-    offers?: boolean | undefined;
-    productSpacing?: number | undefined;
+    isLast: BooleanField;
+    offers?: BooleanField;
+    productSpacing?: NumberField;
 }) => JSX.Element;