@ikas/storefront 0.0.57 → 0.0.58

package/build/api/product-search/index.d.ts

@@ -2,7 +2,7 @@ import { SearchInput } from "../../__generated__/global-types";
 import { IkasProduct } from "../../models/index";
 import * as SearchProductTypes from "./__generated__/searchProducts";
 import { IkasProductFilter } from "../../models/data/product-filter/index";
-import { IkasCategoryPath } from "../../models/data/category/index";
+import { IkasFilterCategory } from "../../models/data/category/index";
 export declare class IkasProductSearchAPI {
     static searchProducts(input: SearchInput): Promise<{
         data: IkasProduct[];
@@ -15,6 +15,6 @@ export declare class IkasProductSearchAPI {
     } | undefined>;
     static getProductFilterData(categoryId?: string): Promise<{
         filters: IkasProductFilter[];
-        categories: IkasCategoryPath[] | null;
+        categories: IkasFilterCategory[] | null;
     } | undefined>;
 }

package/build/index.es.js

@@ -12467,6 +12467,28 @@ var IkasCategoryPath = /** @class */ (function () {
         configurable: true
     });
     return IkasCategoryPath;
+}());
+var IkasFilterCategory = /** @class */ (function () {
+    function IkasFilterCategory(data) {
+        this.id = data.id || "";
+        this.name = data.name || "";
+        this.slug = data.slug || "";
+        this.resultCount =
+            data.resultCount !== undefined && data.resultCount !== null
+                ? data.resultCount
+                : null;
+        makeAutoObservable(this);
+    }
+    Object.defineProperty(IkasFilterCategory.prototype, "href", {
+        get: function () {
+            if (!this.slug)
+                return "";
+            return "/" + this.slug;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return IkasFilterCategory;
 }());
 
 var IkasOrderAddress = /** @class */ (function () {
@@ -18512,7 +18534,7 @@ var IkasProductList = /** @class */ (function () {
     function IkasProductList(data, router) {
         var _this = this;
         this.filters = null;
-        this.filterCategories = null;
+        this._filterCategories = null;
         this._initialized = false;
         this._minPage = null;
         this._filterBrandId = null;
@@ -18749,8 +18771,8 @@ var IkasProductList = /** @class */ (function () {
         this.filters = data.filters
             ? data.filters.map(function (f) { return new IkasProductFilter(f); })
             : null;
-        this.filterCategories = data.filterCategories
-            ? data.filterCategories.map(function (c) { return new IkasCategoryPath(c); })
+        this._filterCategories = data.filterCategories
+            ? data.filterCategories.map(function (c) { return new IkasFilterCategory(c); })
             : null;
         this.router = router;
         makeAutoObservable(this);
@@ -18881,6 +18903,14 @@ var IkasProductList = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasProductList.prototype, "filterCategories", {
+        get: function () {
+            var _a;
+            return (_a = this._filterCategories) === null || _a === void 0 ? void 0 : _a.filter(function (fc) { return fc.resultCount !== 0; });
+        },
+        enumerable: false,
+        configurable: true
+    });
     IkasProductList.prototype.searchProducts = function (page, limit) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
@@ -18921,11 +18951,6 @@ var IkasProductList = /** @class */ (function () {
             });
         });
     };
-    IkasProductList.prototype.clear = function () {
-        var _a;
-        (_a = this.filters) === null || _a === void 0 ? void 0 : _a.forEach(function (filter) { return filter.clear(); });
-        this._searchKeyword = "";
-    };
     IkasProductList.prototype.getFilters = function () {
         return __awaiter(this, void 0, void 0, function () {
             var getFiltersResponse;
@@ -18935,7 +18960,7 @@ var IkasProductList = /** @class */ (function () {
                     case 1:
                         getFiltersResponse = _a.sent();
                         this.filters = getFiltersResponse === null || getFiltersResponse === void 0 ? void 0 : getFiltersResponse.filters;
-                        this.filterCategories = getFiltersResponse === null || getFiltersResponse === void 0 ? void 0 : getFiltersResponse.categories;
+                        this._filterCategories = getFiltersResponse === null || getFiltersResponse === void 0 ? void 0 : getFiltersResponse.categories;
                         if (this.filters)
                             this.filters.sort(function (f1, f2) { return (f1.order > f2.order ? 1 : -1); });
                         return [2 /*return*/];
@@ -18976,7 +19001,7 @@ var IkasProductList = /** @class */ (function () {
         }
     };
     IkasProductList.prototype.applyFacets = function (facets) {
-        var _a;
+        var _a, _b;
         (_a = this.filters) === null || _a === void 0 ? void 0 : _a.forEach(function (filter) {
             var _a, _b, _c;
             var facet = facets === null || facets === void 0 ? void 0 : facets.find(function (f) { return f.id === filter.id; });
@@ -18998,10 +19023,28 @@ var IkasProductList = /** @class */ (function () {
                 (_c = filter.values) === null || _c === void 0 ? void 0 : _c.forEach(function (v) { return (v.resultCount = 0); });
             }
         });
+        // Category facets
+        var categoryFacet = facets === null || facets === void 0 ? void 0 : facets.find(function (f) { return f.id === "category"; });
+        if (categoryFacet) {
+            (_b = this._filterCategories) === null || _b === void 0 ? void 0 : _b.forEach(function (filterCategory) {
+                var facetValue = categoryFacet.values.find(function (fv) { return fv.id === filterCategory.id; });
+                if (facetValue) {
+                    filterCategory.resultCount = facetValue.count;
+                }
+                else {
+                    filterCategory.resultCount = 0;
+                }
+            });
+        }
+    };
+    IkasProductList.prototype.clearFilters = function () {
+        var _a;
+        (_a = this.filters) === null || _a === void 0 ? void 0 : _a.forEach(function (filter) { return filter.clear(); });
+        this._searchKeyword = "";
     };
-    IkasProductList.prototype.onFilterCategoryClick = function (category) {
+    IkasProductList.prototype.onFilterCategoryClick = function (filterCategory) {
         var _a;
-        (_a = this.router) === null || _a === void 0 ? void 0 : _a.push(category.href + window.location.search);
+        (_a = this.router) === null || _a === void 0 ? void 0 : _a.push(filterCategory.href + window.location.search);
     };
     IkasProductList.prototype.toJSON = function () {
         return {
@@ -19016,6 +19059,7 @@ var IkasProductList = /** @class */ (function () {
             minPage: this._minPage,
             filterBrandId: this._filterBrandId,
             filterCategoryId: this._filterCategoryId,
+            filterCategories: this._filterCategories,
             filters: this.filters,
             recommendFor: this._recommendFor,
             productListPropValue: this._productListPropValue,
@@ -23233,7 +23277,7 @@ var IkasProductSearchAPI = /** @class */ (function () {
                                 categories: data.getProductFilterData.categories
                                     ? data.getProductFilterData.categories.map(function (c) {
                                         var _a;
-                                        return new IkasCategoryPath({
+                                        return new IkasFilterCategory({
                                             id: c.id,
                                             name: c.name,
                                             slug: (_a = c.metaData) === null || _a === void 0 ? void 0 : _a.slug,

package/build/index.js

@@ -12478,6 +12478,28 @@ var IkasCategoryPath = /** @class */ (function () {
         configurable: true
     });
     return IkasCategoryPath;
+}());
+var IkasFilterCategory = /** @class */ (function () {
+    function IkasFilterCategory(data) {
+        this.id = data.id || "";
+        this.name = data.name || "";
+        this.slug = data.slug || "";
+        this.resultCount =
+            data.resultCount !== undefined && data.resultCount !== null
+                ? data.resultCount
+                : null;
+        mobx.makeAutoObservable(this);
+    }
+    Object.defineProperty(IkasFilterCategory.prototype, "href", {
+        get: function () {
+            if (!this.slug)
+                return "";
+            return "/" + this.slug;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return IkasFilterCategory;
 }());
 
 var IkasOrderAddress = /** @class */ (function () {
@@ -18493,7 +18515,7 @@ var IkasProductList = /** @class */ (function () {
     function IkasProductList(data, router) {
         var _this = this;
         this.filters = null;
-        this.filterCategories = null;
+        this._filterCategories = null;
         this._initialized = false;
         this._minPage = null;
         this._filterBrandId = null;
@@ -18730,8 +18752,8 @@ var IkasProductList = /** @class */ (function () {
         this.filters = data.filters
             ? data.filters.map(function (f) { return new IkasProductFilter(f); })
             : null;
-        this.filterCategories = data.filterCategories
-            ? data.filterCategories.map(function (c) { return new IkasCategoryPath(c); })
+        this._filterCategories = data.filterCategories
+            ? data.filterCategories.map(function (c) { return new IkasFilterCategory(c); })
             : null;
         this.router = router;
         mobx.makeAutoObservable(this);
@@ -18862,6 +18884,14 @@ var IkasProductList = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasProductList.prototype, "filterCategories", {
+        get: function () {
+            var _a;
+            return (_a = this._filterCategories) === null || _a === void 0 ? void 0 : _a.filter(function (fc) { return fc.resultCount !== 0; });
+        },
+        enumerable: false,
+        configurable: true
+    });
     IkasProductList.prototype.searchProducts = function (page, limit) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
@@ -18902,11 +18932,6 @@ var IkasProductList = /** @class */ (function () {
             });
         });
     };
-    IkasProductList.prototype.clear = function () {
-        var _a;
-        (_a = this.filters) === null || _a === void 0 ? void 0 : _a.forEach(function (filter) { return filter.clear(); });
-        this._searchKeyword = "";
-    };
     IkasProductList.prototype.getFilters = function () {
         return __awaiter(this, void 0, void 0, function () {
             var getFiltersResponse;
@@ -18916,7 +18941,7 @@ var IkasProductList = /** @class */ (function () {
                     case 1:
                         getFiltersResponse = _a.sent();
                         this.filters = getFiltersResponse === null || getFiltersResponse === void 0 ? void 0 : getFiltersResponse.filters;
-                        this.filterCategories = getFiltersResponse === null || getFiltersResponse === void 0 ? void 0 : getFiltersResponse.categories;
+                        this._filterCategories = getFiltersResponse === null || getFiltersResponse === void 0 ? void 0 : getFiltersResponse.categories;
                         if (this.filters)
                             this.filters.sort(function (f1, f2) { return (f1.order > f2.order ? 1 : -1); });
                         return [2 /*return*/];
@@ -18957,7 +18982,7 @@ var IkasProductList = /** @class */ (function () {
         }
     };
     IkasProductList.prototype.applyFacets = function (facets) {
-        var _a;
+        var _a, _b;
         (_a = this.filters) === null || _a === void 0 ? void 0 : _a.forEach(function (filter) {
             var _a, _b, _c;
             var facet = facets === null || facets === void 0 ? void 0 : facets.find(function (f) { return f.id === filter.id; });
@@ -18979,10 +19004,28 @@ var IkasProductList = /** @class */ (function () {
                 (_c = filter.values) === null || _c === void 0 ? void 0 : _c.forEach(function (v) { return (v.resultCount = 0); });
             }
         });
+        // Category facets
+        var categoryFacet = facets === null || facets === void 0 ? void 0 : facets.find(function (f) { return f.id === "category"; });
+        if (categoryFacet) {
+            (_b = this._filterCategories) === null || _b === void 0 ? void 0 : _b.forEach(function (filterCategory) {
+                var facetValue = categoryFacet.values.find(function (fv) { return fv.id === filterCategory.id; });
+                if (facetValue) {
+                    filterCategory.resultCount = facetValue.count;
+                }
+                else {
+                    filterCategory.resultCount = 0;
+                }
+            });
+        }
+    };
+    IkasProductList.prototype.clearFilters = function () {
+        var _a;
+        (_a = this.filters) === null || _a === void 0 ? void 0 : _a.forEach(function (filter) { return filter.clear(); });
+        this._searchKeyword = "";
     };
-    IkasProductList.prototype.onFilterCategoryClick = function (category) {
+    IkasProductList.prototype.onFilterCategoryClick = function (filterCategory) {
         var _a;
-        (_a = this.router) === null || _a === void 0 ? void 0 : _a.push(category.href + window.location.search);
+        (_a = this.router) === null || _a === void 0 ? void 0 : _a.push(filterCategory.href + window.location.search);
     };
     IkasProductList.prototype.toJSON = function () {
         return {
@@ -18997,6 +19040,7 @@ var IkasProductList = /** @class */ (function () {
             minPage: this._minPage,
             filterBrandId: this._filterBrandId,
             filterCategoryId: this._filterCategoryId,
+            filterCategories: this._filterCategories,
             filters: this.filters,
             recommendFor: this._recommendFor,
             productListPropValue: this._productListPropValue,
@@ -23211,7 +23255,7 @@ var IkasProductSearchAPI = /** @class */ (function () {
                                 categories: data.getProductFilterData.categories
                                     ? data.getProductFilterData.categories.map(function (c) {
                                         var _a;
-                                        return new IkasCategoryPath({
+                                        return new IkasFilterCategory({
                                             id: c.id,
                                             name: c.name,
                                             slug: (_a = c.metaData) === null || _a === void 0 ? void 0 : _a.slug,

package/build/models/data/category/index.d.ts

@@ -17,3 +17,11 @@ export declare class IkasCategoryPath {
     constructor(data: Partial<IkasCategoryPath>);
     get href(): string;
 }
+export declare class IkasFilterCategory {
+    id: string;
+    name: string;
+    slug?: string | null;
+    resultCount?: number | null;
+    constructor(data: Partial<IkasFilterCategory>);
+    get href(): string;
+}

package/build/models/ui/product-list/index.d.ts

@@ -2,11 +2,11 @@ import { IkasProductListPropValue } from "../../theme/index";
 import { IkasProductDetail } from "../product-detail/index";
 import { IkasProductFilter } from "../../data/product-filter/index";
 import { NextRouter } from "next/router";
-import { IkasCategoryPath } from "../../data/category/index";
+import { IkasFilterCategory } from "../../data/category/index";
 export declare class IkasProductList {
     data: IkasProductDetail[];
     filters?: IkasProductFilter[] | null;
-    filterCategories?: IkasCategoryPath[] | null;
+    private _filterCategories?;
     private _type;
     private _sort;
     private _limit;
@@ -39,17 +39,18 @@ export declare class IkasProductList {
     get hasNext(): boolean;
     get isLoading(): boolean;
     get filterQueryParams(): string;
+    get filterCategories(): IkasFilterCategory[] | undefined;
     private searchProducts;
-    clear(): void;
     private getFilters;
     private applyQueryParamFilters;
     private applyFacets;
+    clearFilters(): void;
     applyFilters: () => Promise<void>;
     getInitial: (queryParams?: URLSearchParams | undefined) => Promise<void>;
     getPrev: () => Promise<void>;
     getNext: () => Promise<void>;
     getPage: (page: number) => Promise<void>;
-    onFilterCategoryClick(category: IkasCategoryPath): void;
+    onFilterCategoryClick(filterCategory: IkasFilterCategory): void;
     toJSON(): {
         data: IkasProductDetail[];
         type: IkasProductListType;
@@ -62,6 +63,7 @@ export declare class IkasProductList {
         minPage: number | null | undefined;
         filterBrandId: string | null | undefined;
         filterCategoryId: string | null | undefined;
+        filterCategories: IkasFilterCategory[] | null | undefined;
         filters: IkasProductFilter[] | null | undefined;
         recommendFor: string | null | undefined;
         productListPropValue: IkasProductListPropValue;
@@ -82,7 +84,7 @@ export declare type IkasProductListParams = {
     filterBrandId?: string;
     filterCategoryId?: string;
     filters?: IkasProductFilter[];
-    filterCategories?: IkasCategoryPath[];
+    filterCategories?: IkasFilterCategory[];
     recommendFor?: string;
     productListPropValue: IkasProductListPropValue;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "0.0.57",
+  "version": "0.0.58",
   "main": "./build/index.js",
   "module": "./build/index.es.js",
   "author": "Umut Ozan Yıldırım",