@ikas/storefront 0.0.160-alpha.5 → 0.0.160-alpha.7

package/build/index.es.js

@@ -19265,6 +19265,8 @@ var IkasThemeComponentPropType;
     IkasThemeComponentPropType["COMPONENT_LIST"] = "COMPONENT_LIST";
     IkasThemeComponentPropType["BLOG"] = "BLOG";
     IkasThemeComponentPropType["BLOG_LIST"] = "BLOG_LIST";
+    IkasThemeComponentPropType["BLOG_CATEGORY"] = "BLOG_CATEGORY";
+    IkasThemeComponentPropType["BLOG_CATEGORY_LIST"] = "BLOG_CATEGORY_LIST";
     IkasThemeComponentPropType["OBJECT"] = "OBJECT";
     IkasThemeComponentPropType["STATIC_LIST"] = "STATIC_LIST";
     IkasThemeComponentPropType["DYNAMIC_LIST"] = "DYNAMIC_LIST";
@@ -20159,6 +20161,260 @@ var IkasBlogListType;
     IkasBlogListType["CATEGORY"] = "CATEGORY";
 })(IkasBlogListType || (IkasBlogListType = {}));
 
+var IkasBlogCategoryList = /** @class */ (function () {
+    function IkasBlogCategoryList(data) {
+        var _this = this;
+        this._initialized = false;
+        this._minPage = null;
+        this._isLoading = false;
+        // Used by the provider
+        this.getInitial = function () { return __awaiter(_this, void 0, void 0, function () {
+            var response_1, err_1;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        if (this._isLoading)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, this.listBlogCategories(this.isStatic ? 1 : this.page, this.isStatic
+                                ? ((_a = this._blogCategoryListPropValue.blogCategoryIds) === null || _a === void 0 ? void 0 : _a.length) || 10
+                                : this.limit)];
+                    case 2:
+                        response_1 = _c.sent();
+                        if (this.isStatic) {
+                            this.data =
+                                ((_b = this._blogCategoryListPropValue.blogCategoryIds) === null || _b === void 0 ? void 0 : _b.map(function (bID) {
+                                    return response_1.blogCategories.find(function (b) { return b.id === bID; });
+                                }).filter(function (b) { return !!b; })) || [];
+                        }
+                        else {
+                            this.data = response_1.blogCategories;
+                        }
+                        this._count = response_1.count;
+                        this._initialized = true;
+                        this._minPage = this.page;
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_1 = _c.sent();
+                        console.log(err_1);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this._isLoading = false;
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.getPrev = function () { return __awaiter(_this, void 0, void 0, function () {
+            var minPage, response, err_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this.isStatic || this._isLoading || !this.hasPrev)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        minPage = this._minPage - 1;
+                        return [4 /*yield*/, this.listBlogCategories(minPage, this.limit)];
+                    case 2:
+                        response = _a.sent();
+                        this.data = response.blogCategories.concat(this.data);
+                        this._count = response.count;
+                        this._minPage = minPage;
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_2 = _a.sent();
+                        console.log(err_2);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this._isLoading = false;
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.getNext = function () { return __awaiter(_this, void 0, void 0, function () {
+            var response, err_3;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this.isStatic || this._isLoading || !this.hasNext)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, this.listBlogCategories(this.page + 1, this.limit)];
+                    case 2:
+                        response = _a.sent();
+                        this.data = this.data.concat(response.blogCategories);
+                        this._count = response.count;
+                        this._page = this.page + 1;
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_3 = _a.sent();
+                        console.log(err_3);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this._isLoading = false;
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.getPage = function (page) { return __awaiter(_this, void 0, void 0, function () {
+            var response, err_4;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this._isLoading || this.isStatic)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, this.listBlogCategories(page, this.limit)];
+                    case 2:
+                        response = _a.sent();
+                        this.data = response.blogCategories;
+                        this._count = response.count;
+                        this._page = page;
+                        this._minPage = page;
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_4 = _a.sent();
+                        console.log(err_4);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this._isLoading = false;
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.data = data.data ? data.data.map(function (b) { return new IkasBlogCategory(b); }) : [];
+        this._type =
+            data.type ||
+                data.blogCategoryListPropValue.blogCategoryListType ||
+                IkasBlogCategoryListType.ALL;
+        this._limit =
+            data.limit || data.blogCategoryListPropValue.initialLimit || 20;
+        this._page = data.page || 1;
+        this._count = data.count || 0;
+        this._initialized = data.initialized || false;
+        this._minPage = data.minPage;
+        this._blogCategoryListPropValue = data.blogCategoryListPropValue;
+        makeAutoObservable(this);
+    }
+    Object.defineProperty(IkasBlogCategoryList.prototype, "limit", {
+        get: function () {
+            return this._limit;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBlogCategoryList.prototype, "page", {
+        get: function () {
+            return this._page;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBlogCategoryList.prototype, "count", {
+        get: function () {
+            return this._count;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBlogCategoryList.prototype, "pageCount", {
+        get: function () {
+            return Math.ceil(this._count / this._limit);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBlogCategoryList.prototype, "isInitialized", {
+        get: function () {
+            return this._initialized;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBlogCategoryList.prototype, "isStatic", {
+        get: function () {
+            return this._type === IkasBlogCategoryListType.STATIC;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBlogCategoryList.prototype, "hasPrev", {
+        get: function () {
+            if (this.isStatic || !this._minPage)
+                return false;
+            return this._minPage > 1;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBlogCategoryList.prototype, "hasNext", {
+        get: function () {
+            if (this.isStatic)
+                return false;
+            return this.page * this.limit < this.count;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBlogCategoryList.prototype, "isLoading", {
+        get: function () {
+            return this._isLoading;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IkasBlogCategoryList.prototype.listBlogCategories = function (page, limit) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, IkasBlogAPI.listBlogCategory({
+                            idList: this.isStatic
+                                ? this._blogCategoryListPropValue.blogCategoryIds || undefined
+                                : undefined,
+                            page: page,
+                            limit: limit,
+                        })];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    IkasBlogCategoryList.prototype.toJSON = function () {
+        return {
+            data: this.data,
+            type: this._type,
+            limit: this._limit,
+            page: this._page,
+            count: this._count,
+            initialized: this._initialized,
+            minPage: this._minPage,
+            blogCategoryListPropValue: this._blogCategoryListPropValue,
+        };
+    };
+    return IkasBlogCategoryList;
+}());
+var IkasBlogCategoryListType;
+(function (IkasBlogCategoryListType) {
+    IkasBlogCategoryListType["ALL"] = "ALL";
+    IkasBlogCategoryListType["STATIC"] = "STATIC";
+})(IkasBlogCategoryListType || (IkasBlogCategoryListType = {}));
+
 var IkasCategoryList = /** @class */ (function () {
     function IkasCategoryList(data) {
         var _this = this;
@@ -24549,6 +24805,32 @@ var IkasBlogListPropValue = /** @class */ (function () {
     return IkasBlogListPropValue;
 }());
 
+var IkasBlogCategoryPropValue = /** @class */ (function () {
+    function IkasBlogCategoryPropValue(data) {
+        this.blogCategoryId = null;
+        // Only for product detail page
+        this.usePageData = null;
+        this.blogCategoryId = data.blogCategoryId;
+        this.usePageData = data.usePageData;
+        makeAutoObservable(this);
+    }
+    return IkasBlogCategoryPropValue;
+}());
+
+var IkasBlogCategoryListPropValue = /** @class */ (function () {
+    function IkasBlogCategoryListPropValue(data) {
+        this.initialLimit = null;
+        // Only for static lists
+        this.blogCategoryIds = null;
+        this.blogCategoryListType =
+            data.blogCategoryListType || IkasBlogCategoryListType.ALL;
+        this.initialLimit = data.initialLimit || 20;
+        this.blogCategoryIds = data.blogCategoryIds;
+        makeAutoObservable(this);
+    }
+    return IkasBlogCategoryListPropValue;
+}());
+
 var IkasProductListPropValueProvider = /** @class */ (function () {
     function IkasProductListPropValueProvider(pageType, productListPropValue, pageSpecificData) {
         this.pageType = pageType;
@@ -24610,6 +24892,9 @@ function getPlaceholderBrand() {
 }
 function getPlaceholderBlog() {
     return new IkasBlog();
+}
+function getPlaceholderBlogCategory() {
+    return new IkasBlogCategory();
 }
 
 var IkasProductDetailPropValueProvider = /** @class */ (function () {
@@ -25048,9 +25333,9 @@ var IkasBlogPropValueProvider = /** @class */ (function () {
 }());
 
 var IkasBlogListPropValueProvider = /** @class */ (function () {
-    function IkasBlogListPropValueProvider(pageType, brandListPropValue, pageSpecificData) {
+    function IkasBlogListPropValueProvider(pageType, blogListPropValue, pageSpecificData) {
         this.pageType = pageType;
-        this.blogListPropValue = brandListPropValue;
+        this.blogListPropValue = blogListPropValue;
         this.pageSpecificData = pageSpecificData;
     }
     IkasBlogListPropValueProvider.prototype.getValue = function () {
@@ -25214,6 +25499,67 @@ var IkasAttributeListPropValueProvider = /** @class */ (function () {
     return IkasAttributeListPropValueProvider;
 }());
 
+var IkasBlogCategoryPropValueProvider = /** @class */ (function () {
+    function IkasBlogCategoryPropValueProvider(propValue, pageSpecificData) {
+        this.blogCategoryPropValue = propValue;
+        this.pageSpecificData = pageSpecificData;
+    }
+    IkasBlogCategoryPropValueProvider.prototype.getValue = function () {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var blogCategory;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if ((_a = this.blogCategoryPropValue) === null || _a === void 0 ? void 0 : _a.usePageData) {
+                            return [2 /*return*/, this.pageSpecificData || getPlaceholderBlogCategory()];
+                        }
+                        if (!this.blogCategoryPropValue.blogCategoryId)
+                            return [2 /*return*/, null];
+                        return [4 /*yield*/, IkasBlogAPI.listBlogCategory({
+                                idList: [this.blogCategoryPropValue.blogCategoryId],
+                                page: 1,
+                                limit: 1,
+                            })];
+                    case 1:
+                        blogCategory = _b.sent();
+                        if (blogCategory && blogCategory.blogCategories.length)
+                            return [2 /*return*/, blogCategory.blogCategories[0]];
+                        else
+                            return [2 /*return*/, getPlaceholderBlogCategory()];
+                }
+            });
+        });
+    };
+    return IkasBlogCategoryPropValueProvider;
+}());
+
+var IkasBlogCategoryListPropValueProvider = /** @class */ (function () {
+    function IkasBlogCategoryListPropValueProvider(blogCategoryListPropValue) {
+        this.blogCategoryListPropValue = blogCategoryListPropValue;
+    }
+    IkasBlogCategoryListPropValueProvider.prototype.getValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var blogCategoryList;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        blogCategoryList = new IkasBlogCategoryList({
+                            blogCategoryListPropValue: this.blogCategoryListPropValue,
+                        });
+                        //@ts-ignore
+                        return [4 /*yield*/, blogCategoryList.getInitial()];
+                    case 1:
+                        //@ts-ignore
+                        _a.sent();
+                        return [2 /*return*/, blogCategoryList];
+                }
+            });
+        });
+    };
+    return IkasBlogCategoryListPropValueProvider;
+}());
+
 var IkasCustomPropValueProvider = /** @class */ (function () {
     function IkasCustomPropValueProvider(value, customData, theme, pageType, pageDataProvider, pageSpecificData, pageParams) {
         this.value = value;
@@ -25234,7 +25580,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
                             return [2 /*return*/, { value: null, customData: this.customData }];
                         _b.label = 1;
                     case 1:
-                        _b.trys.push([1, 48, , 49]);
+                        _b.trys.push([1, 52, , 53]);
                         _a = this.customData.type;
                         switch (_a) {
                             case IkasThemeComponentPropType.TEXT: return [3 /*break*/, 2];
@@ -25262,102 +25608,112 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
                             case IkasThemeComponentPropType.COMPONENT_LIST: return [3 /*break*/, 40];
                             case IkasThemeComponentPropType.BLOG: return [3 /*break*/, 42];
                             case IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 44];
+                            case IkasThemeComponentPropType.BLOG_CATEGORY: return [3 /*break*/, 46];
+                            case IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 48];
                         }
-                        return [3 /*break*/, 46];
+                        return [3 /*break*/, 50];
                     case 2: return [4 /*yield*/, this.getTextValue()];
                     case 3:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 4: return [4 /*yield*/, this.getRichTextPropValue()];
                     case 5:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 6: return [4 /*yield*/, this.getBooleanValue()];
                     case 7:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 8: return [4 /*yield*/, this.getBrandListPropValue()];
                     case 9:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 10: return [4 /*yield*/, this.getBrandPropValue()];
                     case 11:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 12: return [4 /*yield*/, this.getCategoryListPropValue()];
                     case 13:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 14: return [4 /*yield*/, this.getCategoryPropValue()];
                     case 15:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 16: return [4 /*yield*/, this.getColorPropValue()];
                     case 17:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 18: return [4 /*yield*/, this.getImageListPropValue()];
                     case 19:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 20: return [4 /*yield*/, this.getImagePropValue()];
                     case 21:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 22: return [4 /*yield*/, this.getLinkPropValue()];
                     case 23:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 24: return [4 /*yield*/, this.getProductDetailPropValue()];
                     case 25:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 26: return [4 /*yield*/, this.getProductListPropValue()];
                     case 27:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 28: return [4 /*yield*/, this.getProductAttributePropValue()];
                     case 29:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 30: return [4 /*yield*/, this.getProductAttributeListPropValue()];
                     case 31:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 32: return [4 /*yield*/, this.getObjectValue()];
                     case 33:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 34: return [4 /*yield*/, this.getArrayValue()];
                     case 35:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 36: return [4 /*yield*/, this.getEnumValue()];
                     case 37:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 38: return [4 /*yield*/, this.getCustomDataValue()];
                     case 39:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 40: return [4 /*yield*/, this.getComponentListValue()];
                     case 41:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 42: return [4 /*yield*/, this.getBlogValue()];
                     case 43:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
+                        return [3 /*break*/, 51];
                     case 44: return [4 /*yield*/, this.getBlogListValue()];
                     case 45:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 47];
-                    case 46: return [3 /*break*/, 47];
-                    case 47: return [3 /*break*/, 49];
-                    case 48:
+                        return [3 /*break*/, 51];
+                    case 46: return [4 /*yield*/, this.getBlogCategoryValue()];
+                    case 47:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 51];
+                    case 48: return [4 /*yield*/, this.getBlogCategoryListValue()];
+                    case 49:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 51];
+                    case 50: return [3 /*break*/, 51];
+                    case 51: return [3 /*break*/, 53];
+                    case 52:
                         _b.sent();
                         return [2 /*return*/];
-                    case 49:
+                    case 53:
                         if (this.customData.isRequired &&
                             ((customDataValue === null || customDataValue === void 0 ? void 0 : customDataValue.value) === undefined || (customDataValue === null || customDataValue === void 0 ? void 0 : customDataValue.value) === null))
                             return [2 /*return*/];
@@ -25804,6 +26160,42 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             });
         });
     };
+    IkasCustomPropValueProvider.prototype.getBlogCategoryValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasBlogCategoryPropValueProvider(this.value, this.pageSpecificData);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getBlogCategoryListValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasBlogCategoryListPropValueProvider(this.value);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
     return IkasCustomPropValueProvider;
 }());
 
@@ -26555,72 +26947,80 @@ var IkasPageDataProvider = /** @class */ (function () {
                             case IkasThemeComponentPropType.COMPONENT_LIST: return [3 /*break*/, 17];
                             case IkasThemeComponentPropType.BLOG: return [3 /*break*/, 19];
                             case IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 20];
+                            case IkasThemeComponentPropType.BLOG_CATEGORY: return [3 /*break*/, 21];
+                            case IkasThemeComponentPropType.BLOG_CATEGORY_LIST: return [3 /*break*/, 22];
                         }
-                        return [3 /*break*/, 21];
+                        return [3 /*break*/, 23];
                     case 1:
                         propValueProvider = new IkasTextPropValueProvider(propValue);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 2:
                         propValueProvider = new IkasRichTextPropValueProvider(propValue);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 3:
                         propValueProvider = new IkasBooleanPropValueProvider(propValue);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 4:
                         propValueProvider = new IkasImagePropValueProvider(propValue);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 5:
                         propValueProvider = new IkasImageListPropValueProvider(propValue);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 6:
                         propValueProvider = new IkasBrandPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 7:
                         propValueProvider = new IkasBrandListPropValueProvider(propValue);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 8:
                         propValueProvider = new IkasProductListPropValueProvider(this.pageType, propValue, this.pageSpecificData);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 9:
                         propValueProvider = new IkasProductDetailPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 10:
                         propValueProvider = new IkasAttributePropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 11:
                         propValueProvider = new IkasAttributeListPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 12:
                         propValueProvider = new IkasCategoryPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 13:
                         propValueProvider = new IkasCategoryListPropValueProvider(propValue);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 14:
                         propValueProvider = new IkasLinkPropValueProvider(propValue, this.theme);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 15:
                         propValueProvider = new IkasColorPropValueProvider(propValue);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 16:
                         customData = this.theme.customData.find(function (cd) { return cd.id === prop.customDataId; });
                         if (!customData)
                             return [2 /*return*/];
                         propValueProvider = new IkasCustomPropValueProvider(propValue, customData, this.theme, this.pageType, this, this.pageSpecificData, this.pageParams);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 17:
                         pageComponents = propValue;
                         return [4 /*yield*/, Promise.all(pageComponents.map(function (tp) { return _this.getPageComponentPropValues(tp); }))];
                     case 18: return [2 /*return*/, _b.sent()];
                     case 19:
                         propValueProvider = new IkasBlogPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 22];
+                        return [3 /*break*/, 24];
                     case 20:
                         propValueProvider = new IkasBlogListPropValueProvider(this.pageType, propValue, this.pageSpecificData);
-                        return [3 /*break*/, 22];
-                    case 21: return [3 /*break*/, 22];
-                    case 22: return [4 /*yield*/, (propValueProvider === null || propValueProvider === void 0 ? void 0 : propValueProvider.getValue())];
-                    case 23: return [2 /*return*/, _b.sent()];
+                        return [3 /*break*/, 24];
+                    case 21:
+                        propValueProvider = new IkasBlogCategoryPropValueProvider(propValue, this.pageSpecificData);
+                        return [3 /*break*/, 24];
+                    case 22:
+                        propValueProvider = new IkasBlogCategoryListPropValueProvider(propValue);
+                        return [3 /*break*/, 24];
+                    case 23: return [3 /*break*/, 24];
+                    case 24: return [4 /*yield*/, (propValueProvider === null || propValueProvider === void 0 ? void 0 : propValueProvider.getValue())];
+                    case 25: return [2 /*return*/, _b.sent()];
                 }
             });
         });
@@ -26697,6 +27097,12 @@ var IkasPageDataProvider = /** @class */ (function () {
                     case IkasThemeComponentPropType.BLOG_LIST:
                         IkasPageDataProvider.initBlogListPropValue(prop, propValue, pageComponentPropValue);
                         break;
+                    case IkasThemeComponentPropType.BLOG_CATEGORY:
+                        IkasPageDataProvider.initBlogCategoryPropValue(prop, propValue, pageComponentPropValue);
+                        break;
+                    case IkasThemeComponentPropType.BLOG_LIST:
+                        IkasPageDataProvider.initBlogCategoryListPropValue(prop, propValue, pageComponentPropValue);
+                        break;
                 }
             });
         });
@@ -26830,6 +27236,16 @@ var IkasPageDataProvider = /** @class */ (function () {
                 return this._initProductListPropValue(propValue, router);
             case IkasThemeComponentPropType.PRODUCT_ATTRIBUTE:
                 return this._initAttributePropValue(propValue);
+            case IkasThemeComponentPropType.PRODUCT_ATTRIBUTE_LIST:
+                return this._initAttributeListPropValue(propValue);
+            case IkasThemeComponentPropType.BLOG:
+                return this._initBlogPropValue(propValue);
+            case IkasThemeComponentPropType.BLOG_LIST:
+                return this._initBlogListPropValue(propValue);
+            case IkasThemeComponentPropType.BLOG_CATEGORY:
+                return this._initBlogCategoryPropValue(propValue);
+            case IkasThemeComponentPropType.BLOG_CATEGORY_LIST:
+                return this._initBlogCategoryListPropValue(propValue);
             case IkasThemeComponentPropType.OBJECT:
                 var objectValue = {};
                 for (var _i = 0, _a = customData.nestedData || []; _i < _a.length; _i++) {
@@ -26911,6 +27327,18 @@ var IkasPageDataProvider = /** @class */ (function () {
     IkasPageDataProvider._initBlogListPropValue = function (propValue) {
         return new IkasBlogList(propValue);
     };
+    IkasPageDataProvider.initBlogCategoryPropValue = function (prop, propValue, pageComponentPropValue) {
+        pageComponentPropValue.propValues[prop.name] = IkasPageDataProvider._initBlogCategoryPropValue(propValue);
+    };
+    IkasPageDataProvider._initBlogCategoryPropValue = function (propValue) {
+        return new IkasBlogCategory(propValue);
+    };
+    IkasPageDataProvider.initBlogCategoryListPropValue = function (prop, propValue, pageComponentPropValue) {
+        pageComponentPropValue.propValues[prop.name] = this._initBlogCategoryListPropValue(propValue);
+    };
+    IkasPageDataProvider._initBlogCategoryListPropValue = function (propValue) {
+        return new IkasBlogCategoryList(propValue);
+    };
     return IkasPageDataProvider;
 }());
 var IkasPageComponentPropValue = /** @class */ (function () {
@@ -32604,4 +33032,4 @@ var IkasBaseStore = /** @class */ (function () {
     return IkasBaseStore;
 }());
 
-export { AccountInfoForm, index$3 as AccountPage, AddressForm, addresses as AddressesPage, Analytics, AnalyticsBody, AnalyticsHead, index$5 as BlogPage, _slug_$2 as BlogSlugPage, cart as CartPage, _id_$1 as CheckoutPage, ContactForm, _slug_ as CustomPage, editor$1 as EditorPage, EmailRule, EqualsRule, favoriteProducts as FavoriteProductsPage, ForgotPasswordForm, forgotPassword as ForgotPasswordPage, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasApplicableProductFilterValue, IkasBaseStore, IkasBlog, IkasBlogAPI, IkasBlogCategory, IkasBlogContent, IkasBlogList, IkasBlogListPropValue, IkasBlogListType, IkasBlogMetaData, IkasBlogMetadataTargetType, IkasBlogPropValue, IkasBlogTag, IkasBlogWriter, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutPage, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasComponentRenderer, IkasContactForm, IkasContactFormAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasFavoriteProduct, IkasFavoriteProductAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeType, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductFilter, IkasProductFilterDisplayType, IkasProductFilterSettings, IkasProductFilterSortType, IkasProductFilterType, IkasProductFilterValue, IkasProductList, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductSearchAPI, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontConfig, IkasTheme, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemeCustomData, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, Image, home as IndexPage, LessThanRule, LoginForm, login as LoginPage, MaxRule, MinRule, _404 as NotFoundPage, _id_$2 as OrderDetailPage, OrderLineItemStatusEnum$1 as OrderLineItemStatusEnum, index$4 as OrdersPage, PhoneRule, RangeValue, RecoverPasswordForm, recoverPassword as RecoverPasswordPage, RegisterForm, register as RegisterPage, RequiredRule, search as SearchPage, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, decodeBase64, formatMoney, getPlaceholderBlog, getPlaceholderBrand, getPlaceholderCategory, getPlaceholderProduct, parseRangeStr, pascalCase, stringSorter, stringToSlug, validatePhoneNumber };
+export { AccountInfoForm, index$3 as AccountPage, AddressForm, addresses as AddressesPage, Analytics, AnalyticsBody, AnalyticsHead, index$5 as BlogPage, _slug_$2 as BlogSlugPage, cart as CartPage, _id_$1 as CheckoutPage, ContactForm, _slug_ as CustomPage, editor$1 as EditorPage, EmailRule, EqualsRule, favoriteProducts as FavoriteProductsPage, ForgotPasswordForm, forgotPassword as ForgotPasswordPage, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasApplicableProductFilterValue, IkasBaseStore, IkasBlog, IkasBlogAPI, IkasBlogCategory, IkasBlogCategoryList, IkasBlogCategoryListPropValue, IkasBlogCategoryListType, IkasBlogCategoryPropValue, IkasBlogContent, IkasBlogList, IkasBlogListPropValue, IkasBlogListType, IkasBlogMetaData, IkasBlogMetadataTargetType, IkasBlogPropValue, IkasBlogTag, IkasBlogWriter, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutPage, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasComponentRenderer, IkasContactForm, IkasContactFormAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasFavoriteProduct, IkasFavoriteProductAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeType, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductFilter, IkasProductFilterDisplayType, IkasProductFilterSettings, IkasProductFilterSortType, IkasProductFilterType, IkasProductFilterValue, IkasProductList, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductSearchAPI, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontConfig, IkasTheme, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemeCustomData, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, Image, home as IndexPage, LessThanRule, LoginForm, login as LoginPage, MaxRule, MinRule, _404 as NotFoundPage, _id_$2 as OrderDetailPage, OrderLineItemStatusEnum$1 as OrderLineItemStatusEnum, index$4 as OrdersPage, PhoneRule, RangeValue, RecoverPasswordForm, recoverPassword as RecoverPasswordPage, RegisterForm, register as RegisterPage, RequiredRule, search as SearchPage, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, decodeBase64, formatMoney, getPlaceholderBlog, getPlaceholderBlogCategory, getPlaceholderBrand, getPlaceholderCategory, getPlaceholderProduct, parseRangeStr, pascalCase, stringSorter, stringToSlug, validatePhoneNumber };