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

package/dist/esm/hooks/wishlist-hooks/useWishlist/index.js

@@ -1,14 +1,21 @@
 import { wishlistApi } from "../../../api/wishlistApi";
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -25,12 +32,20 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-var useWishlist = function(param) {
+export var useWishlist = function(param) {
     var productId = param.productId, variantId = param.variantId, collapseKey = param.collapseKey, onAddCallback = param.onAddCallback, onRemoveCallback = param.onRemoveCallback;
     var ref = _slicedToArray(wishlistApi.useAdd(onAddCallback), 1), add = ref[0];
     var ref1 = _slicedToArray(wishlistApi.useRemove(onRemoveCallback), 1), remove = ref1[0];
@@ -53,4 +68,3 @@ var useWishlist = function(param) {
         isInWishlist: isExisting
     };
 };
-export { useWishlist };

package/dist/esm/hooks/wishlist-hooks/useWishlistItem/index.js

@@ -1,18 +1,25 @@
-import React from 'react';
-import { wishlistApi } from '../../../';
+import React, { useEffect } from 'react';
+import { useBoolean, wishlistApi } from '../../../';
 import { usePrefetchProduct, getTranslatableField } from '../../../';
-import { getTimeStamp, createMappedAttributes } from '../../basket-hooks/useBasketLineItem/utils';
+import { createMappedAttributes } from '../../basket-hooks/useBasketLineItem/utils';
 import { customFieldsToMap } from '../../../utils';
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -29,25 +36,36 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 export var useWishlistItem = function(props) {
     var ref16;
-    var ref1 = _slicedToArray(React.useState(false), 2), isExpired = ref1[0], setIsExpired = ref1[1];
+    var item = props.item, expiry = props.expiry;
+    var ref1 = _slicedToArray(useBoolean(false), 2), isExpired = ref1[0], setIsExpired = ref1[1];
     var ref2 = _slicedToArray(wishlistApi.useSync(), 1), syncWishlist = ref2[0];
     var ref3 = usePrefetchProduct(getTranslatableField(props === null || props === void 0 ? void 0 : (ref16 = props.item) === null || ref16 === void 0 ? void 0 : ref16.productSlug)), onMouseDown = ref3.onMouseDown, onMouseEnter = ref3.onMouseEnter, onMouseLeave = ref3.onMouseLeave;
+    useEffect(function() {
+        if (expiry) {
+            if (Date.now() > expiry + (item === null || item === void 0 ? void 0 : item.snapshotFrom)) {
+                setIsExpired.on();
+            }
+        }
+    }, []);
     var data = React.useMemo(function() {
         var ref, ref4, ref5, ref6, ref7, ref8, ref9, ref10, ref11, ref12, ref13, ref14, ref15;
-        var item = props.item;
-        if (props.expiry && getTimeStamp(props.expiry) < (item === null || item === void 0 ? void 0 : item.snapshotFrom)) {
-            setIsExpired(true);
-        }
         var offer = item === null || item === void 0 ? void 0 : (ref = item.productVariant) === null || ref === void 0 ? void 0 : ref.offer;
-        var mappedAttributes = createMappedAttributes(item === null || item === void 0 ? void 0 : (ref4 = item.productVariant) === null || ref4 === void 0 ? void 0 : ref4.attributes) || {
-        };
+        var mappedAttributes = createMappedAttributes(item === null || item === void 0 ? void 0 : (ref4 = item.productVariant) === null || ref4 === void 0 ? void 0 : ref4.attributes) || {};
         var mappedCustomField = customFieldsToMap(item.custom);
         return {
             productId: item === null || item === void 0 ? void 0 : item.productId,
@@ -85,11 +103,15 @@ export var useWishlistItem = function(props) {
             }
         };
     }, [
-        props.item
+        item
+    ]);
+    useEffect(function() {
+        if (isExpired) {
+            syncWishlist();
+            setIsExpired.off();
+        }
+    }, [
+        isExpired
     ]);
-    if (isExpired) {
-        syncWishlist();
-        setIsExpired(false);
-    }
     return data;
 };

package/dist/esm/index.js

@@ -1,6 +1,3 @@
-import Cookie from 'js-cookie';
-export { Cookie };
-export * from './dto';
 // API
 // export * from './api/myCart'
 export * from './api/productsApi';
@@ -95,6 +92,7 @@ export * from './hooks/useRouterRedirect';
 export * from './hooks/useProgressBar';
 export * from './hooks/useCatalogDiscounts';
 export * from './hooks/useLocalRating';
+export * from './hooks/useProductVariants/types';
 // Utils
 export * from './utils';
 export * from './types';

package/dist/esm/listing/api/keys.js

@@ -1,17 +1,15 @@
 import { getTranslatableField } from '../..';
-var ListingQueryKeysEnum1;
-export { ListingQueryKeysEnum1 as ListingQueryKeysEnum,  };
+export var ListingQueryKeysEnum;
 (function(ListingQueryKeysEnum) {
     ListingQueryKeysEnum["usePredicate"] = 'predicate';
     ListingQueryKeysEnum["useListingQuery"] = 'listing';
     ListingQueryKeysEnum["useAggregateQuery"] = 'agg-query';
     ListingQueryKeysEnum["useLabelsQuery"] = 'get-labels';
-})(ListingQueryKeysEnum1 || (ListingQueryKeysEnum1 = {
-}));
+})(ListingQueryKeysEnum || (ListingQueryKeysEnum = {}));
 export var getListingQueryKeys = function(param) {
     var predicate = param.predicate, type = param.type, sort = param.sort, postFilter = param.postFilter, offset = param.offset, slug = param.slug;
     return [
-        ListingQueryKeysEnum1.useListingQuery,
+        ListingQueryKeysEnum.useListingQuery,
         type,
         predicate ? "[".concat(getTranslatableField(predicate.name), "]: ").concat(predicate._id) : slug,
         sort,

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

@@ -52,8 +52,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[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) {
@@ -66,13 +65,11 @@ function _objectSpread(target) {
     }
     return target;
 }
-var AggregateRequestEnum1;
-export { AggregateRequestEnum1 as AggregateRequestEnum,  };
+export var AggregateRequestEnum;
 (function(AggregateRequestEnum) {
     AggregateRequestEnum["Filters"] = 'filters';
     AggregateRequestEnum["Categories"] = 'categories';
-})(AggregateRequestEnum1 || (AggregateRequestEnum1 = {
-}));
+})(AggregateRequestEnum || (AggregateRequestEnum = {}));
 export var useAggregateQuery = function(aggregates, request, sort) {
     var router = useRouter();
     var ref = usePredicate(), predicate = ref.data;
@@ -108,8 +105,7 @@ export var useAggregateQuery = function(aggregates, request, sort) {
                         config: meta
                     });
                     if (sort) {
-                        query = _objectSpread({
-                        }, query, {
+                        query = _objectSpread({}, query, {
                             attributeSortType: sort
                         });
                     }
@@ -135,7 +131,7 @@ export function prepareAggregateQuery(param) {
     var request = param.request, predicate = param.predicate, aggregates = param.aggregates, router = param.router, postFilter = param.postFilter, slug = param.slug, config = param.config, attributeSortType = param.attributeSortType;
     var pageType = getListingPageType(router, slug, config);
     switch(request){
-        case AggregateRequestEnum1.Categories:
+        case AggregateRequestEnum.Categories:
             return buildCategoryQuery({
                 aggregates: aggregates,
                 predicate: predicate,
@@ -145,7 +141,7 @@ export function prepareAggregateQuery(param) {
                 router: router,
                 slug: slug
             });
-        case AggregateRequestEnum1.Filters:
+        case AggregateRequestEnum.Filters:
             return buildFilterQuery({
                 predicate: predicate,
                 slug: slug,

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

@@ -51,8 +51,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[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) {
@@ -126,8 +125,7 @@ export var useInfiniteListing = function() {
      */ var flatResults = (ref = infiniteQuery.data) === null || ref === void 0 ? void 0 : ref.map(function(data) {
             return data.results;
         }).flat();
-        return _objectSpread({
-        }, infiniteQuery, {
+        return _objectSpread({}, infiniteQuery, {
             showPlaceholders: Boolean(!isEnabled || infiniteQuery.isFetching || !flatResults),
             results: flatResults
         });

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

@@ -3,13 +3,13 @@ import React from 'react';
 import { LabelsFilter } from '@sentecacommerce/sdk';
 import { useQuery } from 'react-query';
 import { ListingQueryKeysEnum } from '../keys';
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) {
-        for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
-            arr2[i] = arr[i];
-        }
-        return arr2;
-    }
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -41,13 +41,21 @@ function _asyncToGenerator(fn) {
     };
 }
 function _iterableToArray(iter) {
-    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance");
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 export var useLabelsQuery = function(param) {
     var _labels = param.labels, labels = _labels === void 0 ? [] : _labels;
@@ -71,6 +79,7 @@ export var useLabelsQuery = function(param) {
             }
         }, _callee);
     })), {
-        cacheTime: 0
+        cacheTime: 0,
+        refetchOnWindowFocus: false
     });
 };

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

@@ -6,6 +6,11 @@ import { useListingConfig, useListingSlug, useListingAlias } from '../../hooks';
 import { getListingQueryKeys, usePredicate } from '..';
 import { ListingTypesEnum } from '../../types';
 import { calculateOffset, getListingPageType, getPostFilters, extendFilter } from '../../utils';
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -52,12 +57,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -74,12 +81,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[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) {
@@ -93,7 +99,15 @@ function _objectSpread(target) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 export var useListingQuery = function() {
     var ref;
@@ -104,7 +118,7 @@ export var useListingQuery = function() {
     var ref2 = useListingAlias(config.meta), aliasedSlug = ref2.slug;
     var query = router.query;
     var postFilter = getPostFilters(router);
-    var limit = Number((query === null || query === void 0 ? void 0 : query.limit) || (config === null || config === void 0 ? void 0 : (ref = config.meta) === null || ref === void 0 ? void 0 : ref.limit) || 24);
+    var 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 queryKeys = getListingQueryKeys({
@@ -112,10 +126,9 @@ export var useListingQuery = function() {
         predicate: predicate,
         sort: sort,
         postFilter: postFilter,
-        slug: slug,
+        slug: aliasedSlug,
         offset: offset
     });
-    console.log('useListingQuery', isListingQueryEnabled(config.type, predicate));
     return useQuery(queryKeys, _asyncToGenerator(regeneratorRuntime.mark(function _callee() {
         var data;
         return regeneratorRuntime.wrap(function _callee$(_ctx) {
@@ -130,13 +143,13 @@ export var useListingQuery = function() {
                         postFilter: postFilter,
                         offset: offset,
                         config: config.meta,
+                        includeVariants: config.includeVariants,
                         slug: aliasedSlug
                     });
                 case 2:
                     data = _ctx.sent;
-                    console.log('listing is Processed');
                     return _ctx.abrupt("return", data);
-                case 5:
+                case 4:
                 case "end":
                     return _ctx.stop();
             }
@@ -155,31 +168,15 @@ export function processListingQuery(_) {
 }
 function _processListingQuery() {
     _processListingQuery = _asyncToGenerator(regeneratorRuntime.mark(function _callee(param) {
-        var predicate, router, limit, sort, postFilter, offset, config, slug, query, type, filter, _sort, _sort1;
+        var predicate, router, limit, sort, postFilter, offset, config, slug, _includeVariants, includeVariants, 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;
-                    console.log('processListingQuery');
+                    predicate = param.predicate, router = param.router, limit = param.limit, sort = param.sort, postFilter = param.postFilter, offset = param.offset, config = param.config, slug = param.slug, _includeVariants = param.includeVariants, includeVariants = _includeVariants === void 0 ? false : _includeVariants;
                     query = router.query;
                     type = getListingPageType(router, slug, config);
                     filter = generateFilter(type, query, slug, predicate);
                     ;
-                    console.log(_objectSpread({
-                        limit: limit,
-                        offset: offset || 0,
-                        filter: extendFilter({
-                            slug: filter,
-                            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.collapseMode) && type !== ListingTypesEnum.Collection && {
-                        collapseMode: config === null || config === void 0 ? void 0 : config.collapseMode
-                    }));
-                    ;
                     return _ctx.abrupt("return", CatalogFilter(_objectSpread({
                         limit: limit,
                         offset: offset || 0,
@@ -188,13 +185,15 @@ function _processListingQuery() {
                             filterExtension: config === null || config === void 0 ? void 0 : config.filterExtension,
                             noSplit: true
                         }),
-                        sort: (_sort1 = query.sort) !== null && _sort1 !== void 0 ? _sort1 : sort
+                        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.collapseMode) && type !== ListingTypesEnum.Collection && {
                         collapseMode: config === null || config === void 0 ? void 0 : config.collapseMode
+                    }, {
+                        includeVariants: includeVariants
                     })));
-                case 9:
+                case 6:
                 case "end":
                     return _ctx.stop();
             }

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

@@ -7,6 +7,11 @@ import { ListingQueryKeysEnum } from '../';
 import { getListingPageType } from '../../utils';
 import { useListingSlug, useListingAlias } from '../../hooks';
 import { useListingConfig } from '../..';
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -53,12 +58,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -75,14 +82,21 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var _obj;
-var getBySlugMap = (_obj = {
-}, _defineProperty(_obj, ListingTypesEnum.Category, CategoriesGetBySlug), _defineProperty(_obj, ListingTypesEnum.View, ViewsGetBySlug), _defineProperty(_obj, ListingTypesEnum.Brand, BrandsGetBySlug), _defineProperty(_obj, ListingTypesEnum.Collection, CollectionsGetBySlug), _obj);
+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;
@@ -118,10 +132,9 @@ export var usePredicate = function() {
 export function processPredicateRequest(slug, router, aliasedSlug, mainConfig) {
     return _processPredicateRequest.apply(this, arguments);
 }
-var _obj1;
 function _processPredicateRequest() {
     _processPredicateRequest = _asyncToGenerator(regeneratorRuntime.mark(function _callee(slug, router, aliasedSlug, mainConfig) {
-        var pageType, allowedPages, config, data, ref, type, val;
+        var pageType, _obj1, allowedPages, config, data, ref, type, val;
         return regeneratorRuntime.wrap(function _callee$(_ctx) {
             while(1)switch(_ctx.prev = _ctx.next){
                 case 0:
@@ -132,41 +145,40 @@ function _processPredicateRequest() {
                     }
                     return _ctx.abrupt("return", undefined);
                 case 3:
-                    allowedPages = (_obj1 = {
-                    }, _defineProperty(_obj1, ListingTypesEnum.Category, true), _defineProperty(_obj1, ListingTypesEnum.Brand, true), _defineProperty(_obj1, ListingTypesEnum.Search, Boolean(router.query.search)), _obj1);
+                    ;
+                    allowedPages = (_obj1 = {}, _defineProperty(_obj1, ListingTypesEnum.Category, true), _defineProperty(_obj1, ListingTypesEnum.Brand, true), _defineProperty(_obj1, ListingTypesEnum.Search, Boolean(router.query.search)), _obj1);
                     if (getBySlugMap[pageType]) {
-                        _ctx.next = 6;
+                        _ctx.next = 7;
                         break;
                     }
                     return _ctx.abrupt("return");
-                case 6:
-                    config = {
-                    };
+                case 7:
+                    config = {};
                     if (allowedPages[pageType]) {
                         config = {
                             expand: 'ancestors'
                         };
                     }
-                    _ctx.next = 10;
+                    _ctx.next = 11;
                     return getBySlugMap[pageType](slug, config);
-                case 10:
+                case 11:
                     data = _ctx.sent;
                     if (!router.query.cat) {
-                        _ctx.next = 17;
+                        _ctx.next = 18;
                         break;
                     }
                     ref = _slicedToArray(aliasedSlug.split('-'), 2), type = ref[0], val = ref[1];
                     if (!data) {
-                        _ctx.next = 17;
+                        _ctx.next = 18;
                         break;
                     }
-                    _ctx.next = 16;
+                    _ctx.next = 17;
                     return ProductsGetAttributeLabel(type, val);
-                case 16:
-                    data.breadcrumb = _ctx.sent;
                 case 17:
-                    return _ctx.abrupt("return", data);
+                    data.breadcrumb = _ctx.sent;
                 case 18:
+                    return _ctx.abrupt("return", data);
+                case 19:
                 case "end":
                     return _ctx.stop();
             }

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

@@ -1,26 +1,42 @@
 import React from 'react';
+import Head from 'next/head';
+import { useRouter } from 'next/router';
 import { useConfigState } from '../../hooks/useConfig';
 import { BasicSEO, OpenGraph } from '../../seo';
-import { useListingMeta } from '../hooks';
+import { useListingMeta, useListingPagination } from '../hooks';
 /**
  * Template Options:
  * :title: -> is going to be replace with the title
  * :description: -> is going to be replace with the description
  * :name: -> is going to be replace with the name
  */ export var BasicListingSEO = function(param) {
-    var _favorTitleTemplateOverMeta = param.favorTitleTemplateOverMeta, favorTitleTemplateOverMeta = _favorTitleTemplateOverMeta === void 0 ? false : _favorTitleTemplateOverMeta, _favorDescriptionTemplateOverMeta = param.favorDescriptionTemplateOverMeta, favorDescriptionTemplateOverMeta = _favorDescriptionTemplateOverMeta === void 0 ? false : _favorDescriptionTemplateOverMeta, _titleTemplate = param.titleTemplate, titleTemplate = _titleTemplate === void 0 ? ':title:' : _titleTemplate, _descriptionTemplate = param.descriptionTemplate, descriptionTemplate = _descriptionTemplate === void 0 ? ':description:' : _descriptionTemplate;
-    var ref, ref1, ref2, ref3, ref4, ref5;
-    var ref6 = useListingMeta(), displayName = ref6.displayName, metaTitle = ref6.metaTitle, metaKeywords = ref6.metaKeywords, metaDescription = ref6.metaDescription, getAssetByKey = ref6.getAssetByKey;
-    var image = (ref = getAssetByKey('image')) === null || ref === void 0 ? void 0 : (ref1 = ref.sources) === null || ref1 === void 0 ? void 0 : (ref2 = ref1[0]) === null || ref2 === void 0 ? void 0 : ref2.url;
+    var _favorTitleTemplateOverMeta = param.favorTitleTemplateOverMeta, favorTitleTemplateOverMeta = _favorTitleTemplateOverMeta === void 0 ? false : _favorTitleTemplateOverMeta, _favorDescriptionTemplateOverMeta = param.favorDescriptionTemplateOverMeta, favorDescriptionTemplateOverMeta = _favorDescriptionTemplateOverMeta === void 0 ? false : _favorDescriptionTemplateOverMeta, _titleTemplate = param.titleTemplate, titleTemplate = _titleTemplate === void 0 ? ':title:' : _titleTemplate, _descriptionTemplate = param.descriptionTemplate, descriptionTemplate = _descriptionTemplate === void 0 ? ':description:' : _descriptionTemplate, _pageTemplate = param.pageTemplate, pageTemplate = _pageTemplate === void 0 ? ':page' : _pageTemplate;
+    var ref9, ref1, ref2, ref3, ref4, ref5, ref6;
+    var ref7 = useListingMeta(), displayName = ref7.displayName, metaTitle = ref7.metaTitle, metaKeywords = ref7.metaKeywords, metaDescription = ref7.metaDescription, getAssetByKey = ref7.getAssetByKey;
+    var ref8 = useConfigState(), imagesConfig = ref8.imagesConfig, domain = ref8.domain;
+    var image = (ref9 = getAssetByKey('image')) === null || ref9 === void 0 ? void 0 : (ref1 = ref9.sources) === null || ref1 === void 0 ? void 0 : (ref2 = ref1[0]) === null || ref2 === void 0 ? void 0 : ref2.url;
     var topBanner = (ref3 = getAssetByKey('top-banner')) === null || ref3 === void 0 ? void 0 : (ref4 = ref3.sources) === null || ref4 === void 0 ? void 0 : (ref5 = ref4[0]) === null || ref5 === void 0 ? void 0 : ref5.url;
-    var imagesConfig = useConfigState().imagesConfig;
+    var router = useRouter();
+    var url = "https://".concat(domain).concat(router === null || router === void 0 ? void 0 : (ref6 = router.asPath) === null || ref6 === void 0 ? void 0 : ref6.split('?')[0]);
+    var isSearchPage = router.asPath.includes('/search?q=');
+    var pagination = useListingPagination().pagination;
     var createTemplate = function(template) {
+        var ref;
         if (!template) return '';
-        return template.replace(':title:', metaTitle || displayName).replace(':name:', displayName).replace(':description:', metaDescription);
+        return template.replace(':title:', metaTitle || displayName).replace(':name:', displayName).replace(':description:', metaDescription).replace(':page', Boolean(((ref = pagination) === null || ref === void 0 ? void 0 : ref.currentPage) - 1) ? "".concat(pagination === null || pagination === void 0 ? void 0 : pagination.currentPage) : '');
     };
     var formattedTitle = favorTitleTemplateOverMeta ? createTemplate(titleTemplate) : metaTitle || createTemplate(titleTemplate);
     var formattedDescription = favorDescriptionTemplateOverMeta ? createTemplate(descriptionTemplate) : metaDescription || createTemplate(descriptionTemplate);
-    return(/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(BasicSEO, {
+    return(/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Head, null, isSearchPage && /*#__PURE__*/ React.createElement("meta", {
+        name: "robots",
+        content: "noindex"
+    }), (pagination === null || pagination === void 0 ? void 0 : pagination.hasPrevious) && /*#__PURE__*/ React.createElement("link", {
+        rel: "prev",
+        href: "".concat(url, "?page=").concat(pagination.previousQuery.page)
+    }), (pagination === null || pagination === void 0 ? void 0 : pagination.hasNext) && /*#__PURE__*/ React.createElement("link", {
+        rel: "next",
+        href: "".concat(url, "?page=").concat(pagination.nextQuery.page)
+    })), /*#__PURE__*/ React.createElement(BasicSEO, {
         title: formattedTitle,
         keywords: metaKeywords,
         description: formattedDescription