@sentecacommerce-theme/lib 0.13.5-alpha.5 → 0.13.5

package/dist/cjs/listing/hooks/useListingAlias.js

@@ -3,14 +3,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useListingAlias = void 0;
 var _utils = require("../utils");
-var _ = require("../..");
 var _router = require("next/router");
-var useListingAlias = function() {
+var useListingAlias = function(meta) {
     var router = (0, _router).useRouter();
-    var config = (0, _).useConfigState();
     var slug = (0, _utils).getListingAlias({
         router: router,
-        config: config
+        config: meta
     });
     return {
         slug: slug

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

@@ -5,18 +5,18 @@ exports.useListingBreadcrumbs = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _router = require("next/router");
 var _api = require("../api");
-var _ = require("./");
-var _index = require("../../index");
+var _index = require("./index");
+var _index1 = require("../../index");
 var _typeToSuffix = require("../../utils/typeToSuffix");
 var _getTranslatableField = require("../../utils/getTranslatableField");
-var _1 = require("..");
+var _ = require("..");
+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 _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -24,26 +24,37 @@ function _interopRequireDefault(obj) {
     };
 }
 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);
 }
 var _instance;
 var useListingBreadcrumbs = function() {
-    var ref = (0, _api).usePredicate(), data = ref.data, isLoading = ref.isLoading;
-    var config = (0, _).useListingConfig();
+    var ref3 = (0, _api).usePredicate(), data = ref3.data, isLoading = ref3.isLoading;
+    var config = (0, _index).useListingConfig();
     var router = (0, _router).useRouter();
-    var mainConfig = (0, _index).useConfigState();
-    var slug = (0, _index).useListingAlias().slug;
+    var slug = (0, _index1).useListingAlias(config.meta).slug;
+    var ref1 = (0, _index).useListingCategories(), categoriesData = ref1.data;
+    var categoryName = (0, _index).getCategoryName(router, categoriesData);
+    var categoryId = (0, _index).getFilterByType('category', router);
     var result = _react.default.useMemo(function() {
-        if (config.type === _1.ListingTypesEnum.AttrPage) {
+        if (config.type === _.ListingTypesEnum.AttrPage) {
+            var ref;
             return [
                 {
-                    name: mainConfig.listing.titleAliases[slug],
+                    name: (ref = config.meta) === null || ref === void 0 ? void 0 : ref.titleAliases[slug],
                     id: '',
                     link: "/".concat(router.query.slug, "/c")
                 }, 
@@ -58,7 +69,16 @@ var useListingBreadcrumbs = function() {
                 }, 
             ];
         }
-        return createCatalogBreadcrumb(data, config.type, router);
+        var breadcrumbData = createCatalogBreadcrumb(data, config.type, router);
+        if (config.type === _.ListingTypesEnum.View || config.type === _.ListingTypesEnum.Brand) {
+            var ref2;
+            breadcrumbData.push({
+                name: categoryName || '',
+                id: categoryId,
+                link: processLink((ref2 = data) === null || ref2 === void 0 ? void 0 : ref2.slug, config.type, router.query.slug) + applyFilters(router)
+            });
+        }
+        return breadcrumbData;
     }, [
         data,
         config.type,
@@ -135,8 +155,7 @@ function sortAncestors(ancestors) {
     return result;
 }
 var mapListToTree = function(list) {
-    var map = {
-    };
+    var map = {};
     var node;
     var roots = [];
     var i;

package/dist/cjs/listing/hooks/useListingCategories.js

@@ -12,13 +12,13 @@ var _api = require("../api");
 var _utils1 = require("./utils");
 var _types = require("../types");
 var _utils2 = require("../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 _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 _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -26,31 +26,38 @@ function _interopRequireDefault(obj) {
     };
 }
 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);
 }
 var ListingCategoriesStateContext = /*#__PURE__*/ _react.default.createContext(undefined);
 function ListingCategoriesProvider(param) {
     var children = param.children;
     var router = (0, _router).useRouter();
-    var categoryTreeConfig = (0, _useListingConfig).useListingConfig().categoryTreeConfig;
-    var slug = (0, _index).useListingAlias().slug;
-    var config = (0, _index).useConfigState();
-    var ref = (0, _api).useAggregateQuery([
+    var ref = (0, _useListingConfig).useListingConfig(), categoryTreeConfig = ref.categoryTreeConfig, meta = ref.meta;
+    var slug = (0, _index).useListingAlias(meta).slug;
+    var ref1 = (0, _api).useAggregateQuery([
         categoryTreeConfig
-    ], _api.AggregateRequestEnum.Categories), aggData = ref.data, isLoading = ref.isLoading;
-    var currentCategory = generateCurrentUrl(router, slug, config);
-    var ref1 = (0, _utils1).getAggregateTypeAndTerm(categoryTreeConfig), type = ref1.type, term = ref1.term;
+    ], _api.AggregateRequestEnum.Categories), aggData = ref1.data, isLoading = ref1.isLoading;
+    var currentCategory = generateCurrentUrl(router, slug, meta);
+    var ref2 = (0, _utils1).getAggregateTypeAndTerm(categoryTreeConfig), type = ref2.type, term = ref2.term;
     var data = _react.default.useMemo(function() {
         if (aggData) {
             var response = (0, _utils1).processCategoriesResponse(aggData, type, term);
             var nodes = response.map(function(current) {
-                return buildNodes(current, router, slug, config);
+                return buildNodes(current, router, slug, meta);
             });
             var categoryTree = buildCategories(nodes);
             return categoryTree;
@@ -96,14 +103,14 @@ function generateUrl(current, router, slug, config) {
         res = "/".concat(router.query.slug, "/").concat((0, _utils).getTranslatableField(current.meta.slug), "/").concat(suffix);
     }
     if (pageType === _types.ListingTypesEnum.View) {
-        res = "/".concat(router.query.slug, "/").concat((0, _utils).getTranslatableField(current.meta.slug), "/").concat(suffix);
+        res = "/".concat(router.query.slug, "/").concat(suffix);
     }
     if (pageType === _types.ListingTypesEnum.Search) {
         var _q;
         res = "/".concat((0, _utils).getTranslatableField(current.meta.slug), "/c?search=").concat((_q = router.query.q) !== null && _q !== void 0 ? _q : router.query.search);
     }
     var filter = router.query.filter;
-    if (suffix === 'b') {
+    if (suffix === 'b' || suffix === 'v') {
         if (filter) {
             if (Array.isArray(filter)) {
                 filter = _toConsumableArray(filter);
@@ -171,8 +178,7 @@ function buildNodes(current, router, slug, config) {
     };
 }
 function buildCategories(categories) {
-    var map = {
-    };
+    var map = {};
     var node;
     var roots = [];
     var i;

package/dist/cjs/listing/hooks/useListingConfig.js

@@ -29,8 +29,7 @@ function _interopRequireDefault(obj) {
 }
 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) {
@@ -47,22 +46,20 @@ var ListingPageContext = /*#__PURE__*/ _react.default.createContext(undefined);
 function ListingPageProvider(param) {
     var config = param.config, children = param.children;
     var router = (0, _router).useRouter();
-    var slug = (0, _index).useListingAlias().slug;
-    var mainConfig = (0, _index).useConfigState();
+    var slug = (0, _index).useListingAlias(config.meta).slug;
     var data = _react.default.useMemo(function() {
-        return _objectSpread({
-        }, config, {
-            type: (0, _utils).getListingPageType(router, slug, mainConfig)
+        return _objectSpread({}, config, {
+            type: (0, _utils).getListingPageType(router, slug, config.meta)
         });
     }, [
         router.pathname,
         config.aggregates,
         config.categoryTreeConfig,
         config.defaultSortKey,
-        config.productsPerPage,
         config.seoAggregates,
         config.sortOptions,
-        config.filterExtension, 
+        config.meta,
+        config.attributeSortType, 
     ]);
     return(/*#__PURE__*/ _react.default.createElement(ListingPageContext.Provider, {
         value: data

package/dist/cjs/listing/hooks/useListingFilters.js

@@ -13,7 +13,11 @@ var _useListingSlug = require("./useListingSlug");
 var _generateQueryFromRouter = require("../../utils/generateQueryFromRouter");
 var _typeToSuffix = require("../../utils/typeToSuffix");
 var _utils = require("../../utils");
-var _index = require("../../index");
+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;
 }
@@ -36,12 +40,14 @@ function _interopRequireDefault(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;
         }
@@ -58,12 +64,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) {
@@ -77,33 +82,42 @@ 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);
 }
 var ListingFiltersStateContext = /*#__PURE__*/ _react.default.createContext(undefined);
 function ListingFiltersProvider(param) {
     var children = param.children;
-    var ref = (0, _useListingConfig).useListingConfig(), aggregates = ref.aggregates, pageType = ref.type;
-    var ref1 = (0, _api).useAggregateQuery(aggregates, _api.AggregateRequestEnum.Filters), aggData = ref1.data, isLoading = ref1.isLoading, isFetching = ref1.isFetching;
-    var config = (0, _index).useConfigState();
+    var ref5 = (0, _useListingConfig).useListingConfig(), aggregates = ref5.aggregates, pageType = ref5.type, attributeSortType = ref5.attributeSortType, meta = ref5.meta;
+    var ref1 = (0, _api).useAggregateQuery(aggregates, _api.AggregateRequestEnum.Filters, attributeSortType), aggData = ref1.data, isLoading = ref1.isLoading, isFetching = ref1.isFetching;
     var router = (0, _router).useRouter();
     var slug = (0, _useListingSlug).useListingSlug();
     var data = _react.default.useMemo(function() {
         if (!isLoading && aggData) {
             var result = aggregates === null || aggregates === void 0 ? void 0 : aggregates.sort(function(a, b) {
-                return a.order - b.order;
+                return Number(a.order) - Number(b.order);
             }).map(function(currentAggregate) {
-                var type = currentAggregate.aggregationType.toString();
-                var term = currentAggregate.aggregationDefinition.split(':')[0];
-                var filter = currentAggregate.filterDefinition;
+                var ref, ref2, ref3;
+                var type = (currentAggregate === null || currentAggregate === void 0 ? void 0 : (ref = currentAggregate.aggregationType) === null || ref === void 0 ? void 0 : ref.toString()) || '';
+                var term = (currentAggregate === null || currentAggregate === void 0 ? void 0 : (ref2 = currentAggregate.aggregationDefinition) === null || ref2 === void 0 ? void 0 : ref2.split(':')[0]) || '';
+                var filter = (currentAggregate === null || currentAggregate === void 0 ? void 0 : currentAggregate.filterDefinition) || '';
                 var current = aggData[type].find(function(agg) {
                     return agg.name === term;
                 });
+                var ref4;
                 var generatedFilters = generateFilters({
                     rawFilters: current,
                     filter: filter,
                     router: router,
                     type: type,
-                    slug: slug,
+                    slug: (ref4 = (ref3 = meta.slugAliases) === null || ref3 === void 0 ? void 0 : ref3[slug]) !== null && ref4 !== void 0 ? ref4 : slug,
                     pageType: pageType
                 });
                 var selectedCount = generatedFilters === null || generatedFilters === void 0 ? void 0 : generatedFilters.reduce(function(count, res) {
@@ -119,10 +133,11 @@ function ListingFiltersProvider(param) {
                     clearAll: function() {
                         return router.push({
                             pathname: router.pathname,
-                            query: _objectSpread({
-                            }, router.query, {
+                            query: _objectSpread({}, router.query, {
                                 filter: filterByType(router.query.filter, filter)
                             })
+                        }, undefined, {
+                            shallow: true
                         });
                     },
                     type: type
@@ -137,16 +152,17 @@ function ListingFiltersProvider(param) {
         router
     ]);
     var clearAllFilters = function() {
-        var query = _objectSpread({
-        }, router.query);
+        var query = _objectSpread({}, router.query);
         delete query.filter;
         router.push({
             pathname: router.pathname,
             query: query
+        }, undefined, {
+            shallow: true
         });
     };
     var selectedFilters = _react.default.useMemo(function() {
-        return (0, _utils).getSelectedFilters(router, slug, data, config);
+        return (0, _utils).getSelectedFilters(router, slug, data, meta);
     }, [
         router,
         data
@@ -170,10 +186,10 @@ function useListingFilters() {
 }
 function generateFilters(param) {
     var rawFilters = param.rawFilters, type = param.type, filter = param.filter, slug = param.slug, router = param.router, pageType = param.pageType;
-    var ref, ref2;
-    return (ref2 = (ref = rawFilters.results) === null || ref === void 0 ? void 0 : ref.filter(function(res) {
+    var ref, ref6;
+    return (ref6 = (ref = rawFilters.results) === null || ref === void 0 ? void 0 : ref.filter(function(res) {
         return res.count > 0;
-    })) === null || ref2 === void 0 ? void 0 : ref2.map(function(currentTerm) {
+    })) === null || ref6 === void 0 ? void 0 : ref6.map(function(currentTerm) {
         var filterKey = mapKey(currentTerm, type);
         var selected = isFilterSelected(router, filter, filterKey, filtersOperatorsMap[type]);
         return {
@@ -185,17 +201,19 @@ function generateFilters(param) {
                     aggType: filter,
                     aggKey: filterKey,
                     aggOperator: filtersOperatorsMap[type]
-                }, Boolean(selected), router));
+                }, Boolean(selected), router), undefined, {
+                    shallow: true
+                });
             }
         };
     });
 }
 var isFilterSelected = function(router, filter, filterKey, type) {
-    var ref, ref3, ref4, ref5, ref6;
+    var ref, ref7, ref8, ref9, ref10;
     var areFiltersArray = Array.isArray((ref = router.query) === null || ref === void 0 ? void 0 : ref.filter);
-    return areFiltersArray ? !!((ref4 = (ref3 = router.query.filter) === null || ref3 === void 0 ? void 0 : ref3.find(function(sel) {
+    return areFiltersArray ? !!((ref8 = (ref7 = router.query.filter) === null || ref7 === void 0 ? void 0 : ref7.find(function(sel) {
         return sel.includes("".concat(filter, ";").concat(type));
-    })) === null || ref4 === void 0 ? void 0 : ref4.includes(filterKey)) : ((ref5 = router.query.filter) === null || ref5 === void 0 ? void 0 : ref5.includes("".concat(filter, ";").concat(type))) && ((ref6 = router.query.filter) === null || ref6 === void 0 ? void 0 : ref6.includes(filterKey));
+    })) === null || ref8 === void 0 ? void 0 : ref8.includes(filterKey)) : ((ref9 = router.query.filter) === null || ref9 === void 0 ? void 0 : ref9.includes("".concat(filter, ";").concat(type))) && ((ref10 = router.query.filter) === null || ref10 === void 0 ? void 0 : ref10.includes(filterKey));
 };
 var filtersOperatorsMap = {
     ranges: 'range',
@@ -220,17 +238,16 @@ function manageFilter(pair, query, remove) {
     return result;
 }
 var generateQueryString = function(query, pair, remove) {
-    var activeFilters = {
-    };
+    var activeFilters = {};
     var extractFilter = function(param) {
         var _str = param.str, str = _str === void 0 ? '' : _str, aggPair = param.aggPair;
         var ref = _slicedToArray(str.split(';'), 3), type = ref[0], operator = ref[1], val = ref[2];
-        var ref7;
-        var filterType = (ref7 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggType) !== null && ref7 !== void 0 ? ref7 : type;
-        var ref8;
-        var filterVal = (ref8 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggKey) !== null && ref8 !== void 0 ? ref8 : val;
-        var ref9;
-        var filterOperator = (ref9 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggOperator) !== null && ref9 !== void 0 ? ref9 : operator;
+        var ref11;
+        var filterType = (ref11 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggType) !== null && ref11 !== void 0 ? ref11 : type;
+        var ref12;
+        var filterVal = (ref12 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggKey) !== null && ref12 !== void 0 ? ref12 : val;
+        var ref13;
+        var filterOperator = (ref13 = aggPair === null || aggPair === void 0 ? void 0 : aggPair.aggOperator) !== null && ref13 !== void 0 ? ref13 : operator;
         if (activeFilters[filterType]) {
             activeFilters[filterType] += ",".concat(filterVal);
         } else {

package/dist/cjs/listing/hooks/useListingItems.js

@@ -14,7 +14,7 @@ var useListingItems = function() {
     var config = (0, _useListingConfig).useListingConfig();
     var ref1 = (0, _api).useListingQuery(), data = ref1.data, isLoading = ref1.isLoading, isFetching = ref1.isFetching;
     var generatePlaceholders = function(products) {
-        return new Array(products !== null && products !== void 0 ? products : 24).fill(null).map(function(_, i) {
+        return new Array(products || 24).fill(null).map(function(_, i) {
             return {
                 _id: "".concat(i),
                 isPlaceholder: true
@@ -24,7 +24,7 @@ var useListingItems = function() {
     var result = _react.default.useMemo(function() {
         var ref;
         return {
-            items: !(data === null || data === void 0 ? void 0 : data.results) ? generatePlaceholders(config.productsPerPage) : data === null || data === void 0 ? void 0 : data.results,
+            items: !(data === null || data === void 0 ? void 0 : data.results) ? generatePlaceholders(config.meta.limit || 24) : data === null || data === void 0 ? void 0 : data.results,
             total: (ref = data === null || data === void 0 ? void 0 : data.total) !== null && ref !== void 0 ? ref : 0,
             didYouMean: data === null || data === void 0 ? void 0 : data.didYouMean,
             isLoading: isLoading,