@ikas/storefront 0.0.168-alpha.8 → 0.0.168-alpha.9

package/build/components/{hoc → page-editor}/ThemeComponentEditor.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import IkasPageEditorViewModel from "../page-editor/model";
+import IkasPageEditorViewModel from "./model";
 import { IkasThemePageComponent } from "../../models/index";
 declare type Props = {
     vm: IkasPageEditorViewModel;

package/build/index.es.js

@@ -42947,6 +42947,37 @@ var IkasVariantTypeAPI = /** @class */ (function () {
 }());
 var templateObject_1$g;
 
+var IkasAttributeList = /** @class */ (function () {
+    function IkasAttributeList(productDetail, attributeListPropValue) {
+        this.productDetail = null;
+        this.productDetail = productDetail;
+        this.attributeListPropValue = attributeListPropValue;
+        makeAutoObservable(this);
+    }
+    Object.defineProperty(IkasAttributeList.prototype, "values", {
+        get: function () {
+            var _this = this;
+            var _a;
+            if (!this.productDetail)
+                return [];
+            var groupedValues = this.productDetail.product.hasVariant
+                ? groupBy_1(this.productDetail.selectedVariant.attributes.filter(function (a) { var _a; return (_a = _this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.includes(a.productAttributeId || ""); }), "productAttributeId")
+                : groupBy_1(this.productDetail.product.attributes.filter(function (a) { var _a; return (_a = _this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.includes(a.productAttributeId || ""); }), "productAttributeId");
+            return (((_a = this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.map(function (attributeId) {
+                var values = groupedValues[attributeId];
+                if ((values === null || values === void 0 ? void 0 : values.length) && values[0].productAttribute)
+                    return {
+                        attribute: values[0].productAttribute,
+                        values: values,
+                    };
+            }).filter(function (v) { return !!v; })) || []);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return IkasAttributeList;
+}());
+
 var IkasProductListPropValueProvider = /** @class */ (function () {
     function IkasProductListPropValueProvider(pageType, productListPropValue, pageSpecificData) {
         this.pageType = pageType;
@@ -43006,6 +43037,9 @@ function getPlaceholderProduct() {
         variants: [new IkasProductVariant()],
     }), []);
 }
+function getPlaceholderCategory() {
+    return new IkasCategory();
+}
 function getPlaceholderBrand() {
     return new IkasBrand();
 }
@@ -43105,38 +43139,43 @@ var IkasBrandListPropValueProvider = /** @class */ (function () {
 }());
 
 var IkasBrandPropValueProvider = /** @class */ (function () {
-    function IkasBrandPropValueProvider(prop, pageSpecificData) {
+    function IkasBrandPropValueProvider(prop) {
         this.brandPropValue = prop;
-        this.pageSpecificData = pageSpecificData;
     }
     IkasBrandPropValueProvider.prototype.getValue = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var response, err_1;
+            var response, brand, err_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         if (this.brandPropValue.usePageData) {
-                            return [2 /*return*/, this.pageSpecificData];
+                            return [2 /*return*/, {
+                                    brand: null,
+                                    brandPropValue: this.brandPropValue,
+                                }];
                         }
+                        if (!this.brandPropValue.brandId)
+                            return [2 /*return*/, null];
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 3, , 4]);
-                        if (!this.brandPropValue.brandId)
-                            return [2 /*return*/, new IkasBrand({})];
                         return [4 /*yield*/, IkasBrandAPI.listBrands({
                                 idList: [this.brandPropValue.brandId],
                             })];
                     case 2:
                         response = _a.sent();
-                        if (response.brands.length)
-                            return [2 /*return*/, response.brands[0]];
-                        else
-                            return [2 /*return*/, getPlaceholderBrand()];
+                        brand = response.brands.length
+                            ? response.brands[0]
+                            : getPlaceholderBrand();
+                        return [2 /*return*/, {
+                                brand: brand,
+                                brandPropValue: this.brandPropValue,
+                            }];
                     case 3:
                         err_1 = _a.sent();
                         console.log(err_1);
                         return [3 /*break*/, 4];
-                    case 4: return [2 /*return*/, new IkasBrand({})];
+                    case 4: return [2 /*return*/, null];
                 }
             });
         });
@@ -43355,9 +43394,8 @@ var IkasImagePropValueProvider = /** @class */ (function () {
 }());
 
 var IkasCategoryPropValueProvider = /** @class */ (function () {
-    function IkasCategoryPropValueProvider(prop, pageSpecificData) {
+    function IkasCategoryPropValueProvider(prop) {
         this.categoryPropValue = prop;
-        this.pageSpecificData = pageSpecificData;
     }
     IkasCategoryPropValueProvider.prototype.getValue = function () {
         return __awaiter(this, void 0, void 0, function () {
@@ -43366,7 +43404,10 @@ var IkasCategoryPropValueProvider = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         if (this.categoryPropValue.usePageData) {
-                            return [2 /*return*/, this.pageSpecificData];
+                            return [2 /*return*/, {
+                                    category: null,
+                                    categoryPropValue: this.categoryPropValue,
+                                }];
                         }
                         if (!this.categoryPropValue.categoryId)
                             return [2 /*return*/, null];
@@ -43378,8 +43419,13 @@ var IkasCategoryPropValueProvider = /** @class */ (function () {
                             })];
                     case 2:
                         response = _a.sent();
-                        category = response.categories[0];
-                        return [2 /*return*/, new IkasCategory(category)];
+                        category = response.categories.length
+                            ? response.categories[0]
+                            : getPlaceholderCategory();
+                        return [2 /*return*/, {
+                                category: category,
+                                categoryPropValue: this.categoryPropValue,
+                            }];
                     case 3:
                         err_1 = _a.sent();
                         console.log(err_1);
@@ -43431,9 +43477,8 @@ var IkasRichTextPropValueProvider = /** @class */ (function () {
 }());
 
 var IkasBlogPropValueProvider = /** @class */ (function () {
-    function IkasBlogPropValueProvider(propValue, pageSpecificData) {
+    function IkasBlogPropValueProvider(propValue) {
         this.blogPropValue = propValue;
-        this.pageSpecificData = pageSpecificData;
     }
     IkasBlogPropValueProvider.prototype.getValue = function () {
         var _a;
@@ -43443,7 +43488,10 @@ var IkasBlogPropValueProvider = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         if ((_a = this.blogPropValue) === null || _a === void 0 ? void 0 : _a.usePageData) {
-                            return [2 /*return*/, this.pageSpecificData || getPlaceholderBlog()];
+                            return [2 /*return*/, {
+                                    blog: null,
+                                    blogPropValue: this.blogPropValue,
+                                }];
                         }
                         if (!this.blogPropValue.blogId)
                             return [2 /*return*/, null];
@@ -43452,10 +43500,10 @@ var IkasBlogPropValueProvider = /** @class */ (function () {
                             })];
                     case 1:
                         blog = _b.sent();
-                        if (blog)
-                            return [2 /*return*/, blog];
-                        else
-                            return [2 /*return*/, getPlaceholderBlog()];
+                        return [2 /*return*/, {
+                                blog: blog || getPlaceholderBlog(),
+                                blogPropValue: this.blogPropValue,
+                            }];
                 }
             });
         });
@@ -43516,7 +43564,7 @@ var IkasAttributePropValueProvider = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        if (!this.attributePropValue.attributeId ||
+                        if (!this.attributePropValue.attributeId || ((_a = this.attributePropValue) === null || _a === void 0 ? void 0 : _a.usePageData) ||
                             (!this.attributePropValue.usePageData &&
                                 !this.attributePropValue.variantId)) {
                             return [2 /*return*/, {
@@ -43524,17 +43572,12 @@ var IkasAttributePropValueProvider = /** @class */ (function () {
                                     attributePropValue: this.attributePropValue,
                                 }];
                         }
-                        if (!((_a = this.attributePropValue) === null || _a === void 0 ? void 0 : _a.usePageData)) return [3 /*break*/, 1];
-                        return [2 /*return*/, {
-                                productDetail: null,
-                                attributePropValue: this.attributePropValue,
-                            }];
-                    case 1: return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
-                            productIdList: [this.attributePropValue.productId],
-                            priceListId: IkasStorefrontConfig.priceListId,
-                            salesChannelId: IkasStorefrontConfig.salesChannelId,
-                        })];
-                    case 2:
+                        return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
+                                productIdList: [this.attributePropValue.productId],
+                                priceListId: IkasStorefrontConfig.priceListId,
+                                salesChannelId: IkasStorefrontConfig.salesChannelId,
+                            })];
+                    case 1:
                         productSearchResponse = _b.sent();
                         if (productSearchResponse) {
                             productList = productSearchResponse.data;
@@ -43551,15 +43594,8 @@ var IkasAttributePropValueProvider = /** @class */ (function () {
                                 }
                             }
                         }
-                        _b.label = 3;
-                    case 3:
-                        if (!productDetail)
-                            return [2 /*return*/, {
-                                    productDetail: null,
-                                    attributePropValue: this.attributePropValue,
-                                }];
                         return [2 /*return*/, {
-                                productDetail: productDetail,
+                                productDetail: productDetail || null,
                                 attributePropValue: this.attributePropValue,
                             }];
                 }
@@ -43570,34 +43606,33 @@ var IkasAttributePropValueProvider = /** @class */ (function () {
 }());
 
 var IkasAttributeListPropValueProvider = /** @class */ (function () {
-    function IkasAttributeListPropValueProvider(prop, pageSpecificData) {
+    function IkasAttributeListPropValueProvider(prop) {
         this.attributeListPropValue = prop;
-        this.pageSpecificData = pageSpecificData;
     }
     IkasAttributeListPropValueProvider.prototype.getValue = function () {
-        var _a, _b;
+        var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var productDetail, productSearchResponse, productList, product, variant, groupedValues;
+            var productDetail, productSearchResponse, productList, product, variant;
             var _this = this;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         if (!((_a = this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.length) ||
-                            (this.attributeListPropValue.usePageData && !this.pageSpecificData) ||
+                            this.attributeListPropValue.usePageData ||
                             (!this.attributeListPropValue.usePageData &&
                                 !this.attributeListPropValue.variantId)) {
-                            return [2 /*return*/, []];
+                            return [2 /*return*/, {
+                                    productDetail: null,
+                                    attributeListPropValue: this.attributeListPropValue,
+                                }];
                         }
-                        if (!((_b = this.attributeListPropValue) === null || _b === void 0 ? void 0 : _b.usePageData)) return [3 /*break*/, 1];
-                        productDetail = this.pageSpecificData;
-                        return [3 /*break*/, 3];
-                    case 1: return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
-                            productIdList: [this.attributeListPropValue.productId],
-                            priceListId: IkasStorefrontConfig.priceListId,
-                            salesChannelId: IkasStorefrontConfig.salesChannelId,
-                        })];
-                    case 2:
-                        productSearchResponse = _c.sent();
+                        return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
+                                productIdList: [this.attributeListPropValue.productId],
+                                priceListId: IkasStorefrontConfig.priceListId,
+                                salesChannelId: IkasStorefrontConfig.salesChannelId,
+                            })];
+                    case 1:
+                        productSearchResponse = _b.sent();
                         if (productSearchResponse) {
                             productList = productSearchResponse.data;
                             if (productList.length) {
@@ -43613,23 +43648,10 @@ var IkasAttributeListPropValueProvider = /** @class */ (function () {
                                 }
                             }
                         }
-                        _c.label = 3;
-                    case 3:
-                        if (!productDetail)
-                            return [2 /*return*/, []];
-                        groupedValues = productDetail.product.hasVariant
-                            ? groupBy_1(productDetail.selectedVariant.attributes.filter(function (a) { var _a; return (_a = _this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.includes(a.productAttributeId || ""); }), "productAttributeId")
-                            : groupBy_1(productDetail.product.attributes.filter(function (a) { var _a; return (_a = _this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.includes(a.productAttributeId || ""); }), "productAttributeId");
-                        return [2 /*return*/, this.attributeListPropValue.attributeIds
-                                .map(function (attributeId) {
-                                var values = groupedValues[attributeId];
-                                if ((values === null || values === void 0 ? void 0 : values.length) && values[0].productAttribute)
-                                    return {
-                                        attribute: values[0].productAttribute,
-                                        values: values,
-                                    };
-                            })
-                                .filter(function (v) { return !!v; })];
+                        return [2 /*return*/, {
+                                productDetail: productDetail || null,
+                                attributeListPropValue: this.attributeListPropValue,
+                            }];
                 }
             });
         });
@@ -43638,9 +43660,8 @@ var IkasAttributeListPropValueProvider = /** @class */ (function () {
 }());
 
 var IkasBlogCategoryPropValueProvider = /** @class */ (function () {
-    function IkasBlogCategoryPropValueProvider(propValue, pageSpecificData) {
+    function IkasBlogCategoryPropValueProvider(propValue) {
         this.blogCategoryPropValue = propValue;
-        this.pageSpecificData = pageSpecificData;
     }
     IkasBlogCategoryPropValueProvider.prototype.getValue = function () {
         var _a;
@@ -43650,7 +43671,10 @@ var IkasBlogCategoryPropValueProvider = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         if ((_a = this.blogCategoryPropValue) === null || _a === void 0 ? void 0 : _a.usePageData) {
-                            return [2 /*return*/, this.pageSpecificData || getPlaceholderBlogCategory()];
+                            return [2 /*return*/, {
+                                    blogCategory: null,
+                                    blogCategoryPropValue: this.blogCategoryPropValue,
+                                }];
                         }
                         if (!this.blogCategoryPropValue.blogCategoryId)
                             return [2 /*return*/, null];
@@ -43661,10 +43685,10 @@ var IkasBlogCategoryPropValueProvider = /** @class */ (function () {
                             })];
                     case 1:
                         blogCategory = _b.sent();
-                        if (blogCategory && blogCategory.blogCategories.length)
-                            return [2 /*return*/, blogCategory.blogCategories[0]];
-                        else
-                            return [2 /*return*/, getPlaceholderBlogCategory()];
+                        return [2 /*return*/, {
+                                blogCategory: blogCategory.blogCategories[0] || getPlaceholderBlogCategory(),
+                                blogCategoryPropValue: this.blogCategoryPropValue,
+                            }];
                 }
             });
         });
@@ -43902,7 +43926,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        provider = new IkasBrandPropValueProvider(this.value, this.pageSpecificData);
+                        provider = new IkasBrandPropValueProvider(this.value);
                         return [4 /*yield*/, provider.getValue()];
                     case 1:
                         value = _a.sent();
@@ -43938,7 +43962,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        provider = new IkasCategoryPropValueProvider(this.value, this.pageSpecificData);
+                        provider = new IkasCategoryPropValueProvider(this.value);
                         return [4 /*yield*/, provider.getValue()];
                     case 1:
                         value = _a.sent();
@@ -44100,7 +44124,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        provider = new IkasAttributeListPropValueProvider(this.value, this.pageSpecificData);
+                        provider = new IkasAttributeListPropValueProvider(this.value);
                         return [4 /*yield*/, provider.getValue()];
                     case 1:
                         value = _a.sent();
@@ -44268,7 +44292,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        provider = new IkasBlogPropValueProvider(this.value, this.pageSpecificData);
+                        provider = new IkasBlogPropValueProvider(this.value);
                         return [4 /*yield*/, provider.getValue()];
                     case 1:
                         value = _a.sent();
@@ -44304,7 +44328,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        provider = new IkasBlogCategoryPropValueProvider(this.value, this.pageSpecificData);
+                        provider = new IkasBlogCategoryPropValueProvider(this.value);
                         return [4 /*yield*/, provider.getValue()];
                     case 1:
                         value = _a.sent();
@@ -44738,10 +44762,10 @@ var IkasPageDataProvider = /** @class */ (function () {
                         propValueProvider = new IkasAttributePropValueProvider(propValue);
                         return [3 /*break*/, 24];
                     case 11:
-                        propValueProvider = new IkasAttributeListPropValueProvider(propValue, this.pageSpecificData);
+                        propValueProvider = new IkasAttributeListPropValueProvider(propValue);
                         return [3 /*break*/, 24];
                     case 12:
-                        propValueProvider = new IkasCategoryPropValueProvider(propValue, this.pageSpecificData);
+                        propValueProvider = new IkasCategoryPropValueProvider(propValue);
                         return [3 /*break*/, 24];
                     case 13:
                         propValueProvider = new IkasCategoryListPropValueProvider(propValue);
@@ -44807,6 +44831,8 @@ var IkasPageDataInit = /** @class */ (function () {
     }
     IkasPageDataInit.setPageSpecificData = function (pageSpecficicDataStr, pageType, isBrowser // Will be sent from reinit on IkasPage
     ) {
+        if (!pageSpecficicDataStr)
+            return;
         var parsed = JSON.parse(pageSpecficicDataStr);
         switch (pageType) {
             case IkasThemePageType.PRODUCT:
@@ -44915,7 +44941,13 @@ var IkasPageDataInit = /** @class */ (function () {
         pageComponentPropValue.propValues[prop.name] = IkasPageDataInit._initBrandPropValue(propValue);
     };
     IkasPageDataInit._initBrandPropValue = function (propValue) {
-        return new IkasBrand(propValue);
+        if (propValue.brandPropValue.usePageData) {
+            return this.pageSpecificData;
+        }
+        if (propValue.brand) {
+            return new IkasBrand(propValue.brand);
+        }
+        return getPlaceholderBrand();
     };
     IkasPageDataInit.initBrandListPropValue = function (prop, propValue, pageComponentPropValue) {
         pageComponentPropValue.propValues[prop.name] = IkasPageDataInit._initBrandListPropValue(propValue);
@@ -44927,7 +44959,13 @@ var IkasPageDataInit = /** @class */ (function () {
         pageComponentPropValue.propValues[prop.name] = IkasPageDataInit._initCategoryPropValue(propValue);
     };
     IkasPageDataInit._initCategoryPropValue = function (propValue) {
-        return new IkasCategory(propValue);
+        if (propValue.categoryPropValue.usePageData) {
+            return this.pageSpecificData;
+        }
+        if (propValue.category) {
+            return new IkasCategory(propValue.category);
+        }
+        return getPlaceholderCategory();
     };
     IkasPageDataInit.initCategoryListPropValue = function (prop, propValue, pageComponentPropValue) {
         var categoryList = new IkasCategoryList(propValue);
@@ -45003,12 +45041,14 @@ var IkasPageDataInit = /** @class */ (function () {
         pageComponentPropValue.propValues[prop.name] = IkasPageDataInit._initAttributeListPropValue(propValue);
     };
     IkasPageDataInit._initAttributeListPropValue = function (propValue) {
-        return propValue
-            ? propValue.map(function (p) { return ({
-                attribute: new IkasProductAttribute(p.attribute),
-                values: p.values.map(function (v) { return new IkasProductAttributeValue(v); }),
-            }); })
-            : [];
+        var productDetail = null;
+        if (propValue.attributeListPropValue.usePageData) {
+            productDetail = this.pageSpecificData;
+        }
+        else if (propValue.productDetail) {
+            productDetail = new IkasProductDetail(propValue.productDetail.product, propValue.productDetail.selectedVariantValues);
+        }
+        return new IkasAttributeList(productDetail, propValue.attributeListPropValue);
     };
     IkasPageDataInit.initLinkPropValue = function (prop, propValue, pageComponentPropValue) {
         pageComponentPropValue.propValues[prop.name] = this._initLinkPropValue(propValue);
@@ -45153,7 +45193,13 @@ var IkasPageDataInit = /** @class */ (function () {
         pageComponentPropValue.propValues[prop.name] = IkasPageDataInit._initBlogPropValue(propValue);
     };
     IkasPageDataInit._initBlogPropValue = function (propValue) {
-        return new IkasBlog(propValue);
+        if (propValue.blogPropValue.usePageData) {
+            return this.pageSpecificData;
+        }
+        if (propValue.blog) {
+            return new IkasBlog(propValue.blog);
+        }
+        return getPlaceholderBlog();
     };
     IkasPageDataInit.initBlogListPropValue = function (prop, propValue, pageComponentPropValue) {
         pageComponentPropValue.propValues[prop.name] = this._initBlogListPropValue(propValue);
@@ -45165,7 +45211,13 @@ var IkasPageDataInit = /** @class */ (function () {
         pageComponentPropValue.propValues[prop.name] = IkasPageDataInit._initBlogCategoryPropValue(propValue);
     };
     IkasPageDataInit._initBlogCategoryPropValue = function (propValue) {
-        return new IkasBlogCategory(propValue);
+        if (propValue.blogCategoryPropValue.usePageData) {
+            return this.pageSpecificData;
+        }
+        if (propValue.blogCategory) {
+            return new IkasBlogCategory(propValue.blogCategory);
+        }
+        return getPlaceholderBlogCategory();
     };
     IkasPageDataInit.initBlogCategoryListPropValue = function (prop, propValue, pageComponentPropValue) {
         pageComponentPropValue.propValues[prop.name] = this._initBlogCategoryListPropValue(propValue);
@@ -45194,7 +45246,7 @@ var ThemeComponent = observer(function (_a) {
     if (!Component) {
         console.error("COMPONENT NOT FOUND!", pageComponent.id, pageComponent.componentId, components ? Object.keys(components) : []);
     }
-    return (createElement("div", { id: index + "" }, hasNullValue.get() ? null : (createElement(Component, __assign({ key: pageComponent.id }, propValues, { settings: settings, store: store })))));
+    return (createElement("div", { id: index + "" }, hasNullValue.get() ? null : (createElement(Component, __assign({ key: pageComponent.id }, propValues, { settings: settings, store: store, pageSpecificData: IkasPageDataInit.pageSpecificData })))));
 });
 
 var IkasPageHead = observer(function (_a) {
@@ -70480,7 +70532,7 @@ var ThemeEditorComponent = observer(function (_a) {
     };
     var rendered = computed(function () {
         var _a;
-        return hasNullValue.get() ? (createElement(ErrorComponent, null)) : (createElement(Component, __assign({ store: store }, propValues, { settings: (_a = vm.theme) === null || _a === void 0 ? void 0 : _a.settings })));
+        return hasNullValue.get() ? (createElement(ErrorComponent, null)) : (createElement(Component, __assign({ store: store }, propValues, { settings: (_a = vm.theme) === null || _a === void 0 ? void 0 : _a.settings, pageSpecificData: IkasPageDataInit.pageSpecificData })));
     });
     return (createElement("div", { ref: ref, style: { position: "relative" }, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: onClick },
         rendered.get(),

package/build/index.js

@@ -42926,6 +42926,37 @@ var IkasVariantTypeAPI = /** @class */ (function () {
 }());
 var templateObject_1$g;
 
+var IkasAttributeList = /** @class */ (function () {
+    function IkasAttributeList(productDetail, attributeListPropValue) {
+        this.productDetail = null;
+        this.productDetail = productDetail;
+        this.attributeListPropValue = attributeListPropValue;
+        mobx.makeAutoObservable(this);
+    }
+    Object.defineProperty(IkasAttributeList.prototype, "values", {
+        get: function () {
+            var _this = this;
+            var _a;
+            if (!this.productDetail)
+                return [];
+            var groupedValues = this.productDetail.product.hasVariant
+                ? groupBy_1(this.productDetail.selectedVariant.attributes.filter(function (a) { var _a; return (_a = _this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.includes(a.productAttributeId || ""); }), "productAttributeId")
+                : groupBy_1(this.productDetail.product.attributes.filter(function (a) { var _a; return (_a = _this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.includes(a.productAttributeId || ""); }), "productAttributeId");
+            return (((_a = this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.map(function (attributeId) {
+                var values = groupedValues[attributeId];
+                if ((values === null || values === void 0 ? void 0 : values.length) && values[0].productAttribute)
+                    return {
+                        attribute: values[0].productAttribute,
+                        values: values,
+                    };
+            }).filter(function (v) { return !!v; })) || []);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return IkasAttributeList;
+}());
+
 var IkasProductListPropValueProvider = /** @class */ (function () {
     function IkasProductListPropValueProvider(pageType, productListPropValue, pageSpecificData) {
         this.pageType = pageType;
@@ -42985,6 +43016,9 @@ function getPlaceholderProduct() {
         variants: [new IkasProductVariant()],
     }), []);
 }
+function getPlaceholderCategory() {
+    return new IkasCategory();
+}
 function getPlaceholderBrand() {
     return new IkasBrand();
 }
@@ -43084,38 +43118,43 @@ var IkasBrandListPropValueProvider = /** @class */ (function () {
 }());
 
 var IkasBrandPropValueProvider = /** @class */ (function () {
-    function IkasBrandPropValueProvider(prop, pageSpecificData) {
+    function IkasBrandPropValueProvider(prop) {
         this.brandPropValue = prop;
-        this.pageSpecificData = pageSpecificData;
     }
     IkasBrandPropValueProvider.prototype.getValue = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var response, err_1;
+            var response, brand, err_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         if (this.brandPropValue.usePageData) {
-                            return [2 /*return*/, this.pageSpecificData];
+                            return [2 /*return*/, {
+                                    brand: null,
+                                    brandPropValue: this.brandPropValue,
+                                }];
                         }
+                        if (!this.brandPropValue.brandId)
+                            return [2 /*return*/, null];
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 3, , 4]);
-                        if (!this.brandPropValue.brandId)
-                            return [2 /*return*/, new IkasBrand({})];
                         return [4 /*yield*/, IkasBrandAPI.listBrands({
                                 idList: [this.brandPropValue.brandId],
                             })];
                     case 2:
                         response = _a.sent();
-                        if (response.brands.length)
-                            return [2 /*return*/, response.brands[0]];
-                        else
-                            return [2 /*return*/, getPlaceholderBrand()];
+                        brand = response.brands.length
+                            ? response.brands[0]
+                            : getPlaceholderBrand();
+                        return [2 /*return*/, {
+                                brand: brand,
+                                brandPropValue: this.brandPropValue,
+                            }];
                     case 3:
                         err_1 = _a.sent();
                         console.log(err_1);
                         return [3 /*break*/, 4];
-                    case 4: return [2 /*return*/, new IkasBrand({})];
+                    case 4: return [2 /*return*/, null];
                 }
             });
         });
@@ -43334,9 +43373,8 @@ var IkasImagePropValueProvider = /** @class */ (function () {
 }());
 
 var IkasCategoryPropValueProvider = /** @class */ (function () {
-    function IkasCategoryPropValueProvider(prop, pageSpecificData) {
+    function IkasCategoryPropValueProvider(prop) {
         this.categoryPropValue = prop;
-        this.pageSpecificData = pageSpecificData;
     }
     IkasCategoryPropValueProvider.prototype.getValue = function () {
         return __awaiter(this, void 0, void 0, function () {
@@ -43345,7 +43383,10 @@ var IkasCategoryPropValueProvider = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         if (this.categoryPropValue.usePageData) {
-                            return [2 /*return*/, this.pageSpecificData];
+                            return [2 /*return*/, {
+                                    category: null,
+                                    categoryPropValue: this.categoryPropValue,
+                                }];
                         }
                         if (!this.categoryPropValue.categoryId)
                             return [2 /*return*/, null];
@@ -43357,8 +43398,13 @@ var IkasCategoryPropValueProvider = /** @class */ (function () {
                             })];
                     case 2:
                         response = _a.sent();
-                        category = response.categories[0];
-                        return [2 /*return*/, new IkasCategory(category)];
+                        category = response.categories.length
+                            ? response.categories[0]
+                            : getPlaceholderCategory();
+                        return [2 /*return*/, {
+                                category: category,
+                                categoryPropValue: this.categoryPropValue,
+                            }];
                     case 3:
                         err_1 = _a.sent();
                         console.log(err_1);
@@ -43410,9 +43456,8 @@ var IkasRichTextPropValueProvider = /** @class */ (function () {
 }());
 
 var IkasBlogPropValueProvider = /** @class */ (function () {
-    function IkasBlogPropValueProvider(propValue, pageSpecificData) {
+    function IkasBlogPropValueProvider(propValue) {
         this.blogPropValue = propValue;
-        this.pageSpecificData = pageSpecificData;
     }
     IkasBlogPropValueProvider.prototype.getValue = function () {
         var _a;
@@ -43422,7 +43467,10 @@ var IkasBlogPropValueProvider = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         if ((_a = this.blogPropValue) === null || _a === void 0 ? void 0 : _a.usePageData) {
-                            return [2 /*return*/, this.pageSpecificData || getPlaceholderBlog()];
+                            return [2 /*return*/, {
+                                    blog: null,
+                                    blogPropValue: this.blogPropValue,
+                                }];
                         }
                         if (!this.blogPropValue.blogId)
                             return [2 /*return*/, null];
@@ -43431,10 +43479,10 @@ var IkasBlogPropValueProvider = /** @class */ (function () {
                             })];
                     case 1:
                         blog = _b.sent();
-                        if (blog)
-                            return [2 /*return*/, blog];
-                        else
-                            return [2 /*return*/, getPlaceholderBlog()];
+                        return [2 /*return*/, {
+                                blog: blog || getPlaceholderBlog(),
+                                blogPropValue: this.blogPropValue,
+                            }];
                 }
             });
         });
@@ -43495,7 +43543,7 @@ var IkasAttributePropValueProvider = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        if (!this.attributePropValue.attributeId ||
+                        if (!this.attributePropValue.attributeId || ((_a = this.attributePropValue) === null || _a === void 0 ? void 0 : _a.usePageData) ||
                             (!this.attributePropValue.usePageData &&
                                 !this.attributePropValue.variantId)) {
                             return [2 /*return*/, {
@@ -43503,17 +43551,12 @@ var IkasAttributePropValueProvider = /** @class */ (function () {
                                     attributePropValue: this.attributePropValue,
                                 }];
                         }
-                        if (!((_a = this.attributePropValue) === null || _a === void 0 ? void 0 : _a.usePageData)) return [3 /*break*/, 1];
-                        return [2 /*return*/, {
-                                productDetail: null,
-                                attributePropValue: this.attributePropValue,
-                            }];
-                    case 1: return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
-                            productIdList: [this.attributePropValue.productId],
-                            priceListId: IkasStorefrontConfig.priceListId,
-                            salesChannelId: IkasStorefrontConfig.salesChannelId,
-                        })];
-                    case 2:
+                        return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
+                                productIdList: [this.attributePropValue.productId],
+                                priceListId: IkasStorefrontConfig.priceListId,
+                                salesChannelId: IkasStorefrontConfig.salesChannelId,
+                            })];
+                    case 1:
                         productSearchResponse = _b.sent();
                         if (productSearchResponse) {
                             productList = productSearchResponse.data;
@@ -43530,15 +43573,8 @@ var IkasAttributePropValueProvider = /** @class */ (function () {
                                 }
                             }
                         }
-                        _b.label = 3;
-                    case 3:
-                        if (!productDetail)
-                            return [2 /*return*/, {
-                                    productDetail: null,
-                                    attributePropValue: this.attributePropValue,
-                                }];
                         return [2 /*return*/, {
-                                productDetail: productDetail,
+                                productDetail: productDetail || null,
                                 attributePropValue: this.attributePropValue,
                             }];
                 }
@@ -43549,34 +43585,33 @@ var IkasAttributePropValueProvider = /** @class */ (function () {
 }());
 
 var IkasAttributeListPropValueProvider = /** @class */ (function () {
-    function IkasAttributeListPropValueProvider(prop, pageSpecificData) {
+    function IkasAttributeListPropValueProvider(prop) {
         this.attributeListPropValue = prop;
-        this.pageSpecificData = pageSpecificData;
     }
     IkasAttributeListPropValueProvider.prototype.getValue = function () {
-        var _a, _b;
+        var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var productDetail, productSearchResponse, productList, product, variant, groupedValues;
+            var productDetail, productSearchResponse, productList, product, variant;
             var _this = this;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         if (!((_a = this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.length) ||
-                            (this.attributeListPropValue.usePageData && !this.pageSpecificData) ||
+                            this.attributeListPropValue.usePageData ||
                             (!this.attributeListPropValue.usePageData &&
                                 !this.attributeListPropValue.variantId)) {
-                            return [2 /*return*/, []];
+                            return [2 /*return*/, {
+                                    productDetail: null,
+                                    attributeListPropValue: this.attributeListPropValue,
+                                }];
                         }
-                        if (!((_b = this.attributeListPropValue) === null || _b === void 0 ? void 0 : _b.usePageData)) return [3 /*break*/, 1];
-                        productDetail = this.pageSpecificData;
-                        return [3 /*break*/, 3];
-                    case 1: return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
-                            productIdList: [this.attributeListPropValue.productId],
-                            priceListId: IkasStorefrontConfig.priceListId,
-                            salesChannelId: IkasStorefrontConfig.salesChannelId,
-                        })];
-                    case 2:
-                        productSearchResponse = _c.sent();
+                        return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
+                                productIdList: [this.attributeListPropValue.productId],
+                                priceListId: IkasStorefrontConfig.priceListId,
+                                salesChannelId: IkasStorefrontConfig.salesChannelId,
+                            })];
+                    case 1:
+                        productSearchResponse = _b.sent();
                         if (productSearchResponse) {
                             productList = productSearchResponse.data;
                             if (productList.length) {
@@ -43592,23 +43627,10 @@ var IkasAttributeListPropValueProvider = /** @class */ (function () {
                                 }
                             }
                         }
-                        _c.label = 3;
-                    case 3:
-                        if (!productDetail)
-                            return [2 /*return*/, []];
-                        groupedValues = productDetail.product.hasVariant
-                            ? groupBy_1(productDetail.selectedVariant.attributes.filter(function (a) { var _a; return (_a = _this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.includes(a.productAttributeId || ""); }), "productAttributeId")
-                            : groupBy_1(productDetail.product.attributes.filter(function (a) { var _a; return (_a = _this.attributeListPropValue.attributeIds) === null || _a === void 0 ? void 0 : _a.includes(a.productAttributeId || ""); }), "productAttributeId");
-                        return [2 /*return*/, this.attributeListPropValue.attributeIds
-                                .map(function (attributeId) {
-                                var values = groupedValues[attributeId];
-                                if ((values === null || values === void 0 ? void 0 : values.length) && values[0].productAttribute)
-                                    return {
-                                        attribute: values[0].productAttribute,
-                                        values: values,
-                                    };
-                            })
-                                .filter(function (v) { return !!v; })];
+                        return [2 /*return*/, {
+                                productDetail: productDetail || null,
+                                attributeListPropValue: this.attributeListPropValue,
+                            }];
                 }
             });
         });
@@ -43617,9 +43639,8 @@ var IkasAttributeListPropValueProvider = /** @class */ (function () {
 }());
 
 var IkasBlogCategoryPropValueProvider = /** @class */ (function () {
-    function IkasBlogCategoryPropValueProvider(propValue, pageSpecificData) {
+    function IkasBlogCategoryPropValueProvider(propValue) {
         this.blogCategoryPropValue = propValue;
-        this.pageSpecificData = pageSpecificData;
     }
     IkasBlogCategoryPropValueProvider.prototype.getValue = function () {
         var _a;
@@ -43629,7 +43650,10 @@ var IkasBlogCategoryPropValueProvider = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         if ((_a = this.blogCategoryPropValue) === null || _a === void 0 ? void 0 : _a.usePageData) {
-                            return [2 /*return*/, this.pageSpecificData || getPlaceholderBlogCategory()];
+                            return [2 /*return*/, {
+                                    blogCategory: null,
+                                    blogCategoryPropValue: this.blogCategoryPropValue,
+                                }];
                         }
                         if (!this.blogCategoryPropValue.blogCategoryId)
                             return [2 /*return*/, null];
@@ -43640,10 +43664,10 @@ var IkasBlogCategoryPropValueProvider = /** @class */ (function () {
                             })];
                     case 1:
                         blogCategory = _b.sent();
-                        if (blogCategory && blogCategory.blogCategories.length)
-                            return [2 /*return*/, blogCategory.blogCategories[0]];
-                        else
-                            return [2 /*return*/, getPlaceholderBlogCategory()];
+                        return [2 /*return*/, {
+                                blogCategory: blogCategory.blogCategories[0] || getPlaceholderBlogCategory(),
+                                blogCategoryPropValue: this.blogCategoryPropValue,
+                            }];
                 }
             });
         });
@@ -43881,7 +43905,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        provider = new IkasBrandPropValueProvider(this.value, this.pageSpecificData);
+                        provider = new IkasBrandPropValueProvider(this.value);
                         return [4 /*yield*/, provider.getValue()];
                     case 1:
                         value = _a.sent();
@@ -43917,7 +43941,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        provider = new IkasCategoryPropValueProvider(this.value, this.pageSpecificData);
+                        provider = new IkasCategoryPropValueProvider(this.value);
                         return [4 /*yield*/, provider.getValue()];
                     case 1:
                         value = _a.sent();
@@ -44079,7 +44103,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        provider = new IkasAttributeListPropValueProvider(this.value, this.pageSpecificData);
+                        provider = new IkasAttributeListPropValueProvider(this.value);
                         return [4 /*yield*/, provider.getValue()];
                     case 1:
                         value = _a.sent();
@@ -44247,7 +44271,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        provider = new IkasBlogPropValueProvider(this.value, this.pageSpecificData);
+                        provider = new IkasBlogPropValueProvider(this.value);
                         return [4 /*yield*/, provider.getValue()];
                     case 1:
                         value = _a.sent();
@@ -44283,7 +44307,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        provider = new IkasBlogCategoryPropValueProvider(this.value, this.pageSpecificData);
+                        provider = new IkasBlogCategoryPropValueProvider(this.value);
                         return [4 /*yield*/, provider.getValue()];
                     case 1:
                         value = _a.sent();
@@ -44717,10 +44741,10 @@ var IkasPageDataProvider = /** @class */ (function () {
                         propValueProvider = new IkasAttributePropValueProvider(propValue);
                         return [3 /*break*/, 24];
                     case 11:
-                        propValueProvider = new IkasAttributeListPropValueProvider(propValue, this.pageSpecificData);
+                        propValueProvider = new IkasAttributeListPropValueProvider(propValue);
                         return [3 /*break*/, 24];
                     case 12:
-                        propValueProvider = new IkasCategoryPropValueProvider(propValue, this.pageSpecificData);
+                        propValueProvider = new IkasCategoryPropValueProvider(propValue);
                         return [3 /*break*/, 24];
                     case 13:
                         propValueProvider = new IkasCategoryListPropValueProvider(propValue);
@@ -44786,6 +44810,8 @@ var IkasPageDataInit = /** @class */ (function () {
     }
     IkasPageDataInit.setPageSpecificData = function (pageSpecficicDataStr, pageType, isBrowser // Will be sent from reinit on IkasPage
     ) {
+        if (!pageSpecficicDataStr)
+            return;
         var parsed = JSON.parse(pageSpecficicDataStr);
         switch (pageType) {
             case exports.IkasThemePageType.PRODUCT:
@@ -44894,7 +44920,13 @@ var IkasPageDataInit = /** @class */ (function () {
         pageComponentPropValue.propValues[prop.name] = IkasPageDataInit._initBrandPropValue(propValue);
     };
     IkasPageDataInit._initBrandPropValue = function (propValue) {
-        return new IkasBrand(propValue);
+        if (propValue.brandPropValue.usePageData) {
+            return this.pageSpecificData;
+        }
+        if (propValue.brand) {
+            return new IkasBrand(propValue.brand);
+        }
+        return getPlaceholderBrand();
     };
     IkasPageDataInit.initBrandListPropValue = function (prop, propValue, pageComponentPropValue) {
         pageComponentPropValue.propValues[prop.name] = IkasPageDataInit._initBrandListPropValue(propValue);
@@ -44906,7 +44938,13 @@ var IkasPageDataInit = /** @class */ (function () {
         pageComponentPropValue.propValues[prop.name] = IkasPageDataInit._initCategoryPropValue(propValue);
     };
     IkasPageDataInit._initCategoryPropValue = function (propValue) {
-        return new IkasCategory(propValue);
+        if (propValue.categoryPropValue.usePageData) {
+            return this.pageSpecificData;
+        }
+        if (propValue.category) {
+            return new IkasCategory(propValue.category);
+        }
+        return getPlaceholderCategory();
     };
     IkasPageDataInit.initCategoryListPropValue = function (prop, propValue, pageComponentPropValue) {
         var categoryList = new IkasCategoryList(propValue);
@@ -44982,12 +45020,14 @@ var IkasPageDataInit = /** @class */ (function () {
         pageComponentPropValue.propValues[prop.name] = IkasPageDataInit._initAttributeListPropValue(propValue);
     };
     IkasPageDataInit._initAttributeListPropValue = function (propValue) {
-        return propValue
-            ? propValue.map(function (p) { return ({
-                attribute: new IkasProductAttribute(p.attribute),
-                values: p.values.map(function (v) { return new IkasProductAttributeValue(v); }),
-            }); })
-            : [];
+        var productDetail = null;
+        if (propValue.attributeListPropValue.usePageData) {
+            productDetail = this.pageSpecificData;
+        }
+        else if (propValue.productDetail) {
+            productDetail = new IkasProductDetail(propValue.productDetail.product, propValue.productDetail.selectedVariantValues);
+        }
+        return new IkasAttributeList(productDetail, propValue.attributeListPropValue);
     };
     IkasPageDataInit.initLinkPropValue = function (prop, propValue, pageComponentPropValue) {
         pageComponentPropValue.propValues[prop.name] = this._initLinkPropValue(propValue);
@@ -45132,7 +45172,13 @@ var IkasPageDataInit = /** @class */ (function () {
         pageComponentPropValue.propValues[prop.name] = IkasPageDataInit._initBlogPropValue(propValue);
     };
     IkasPageDataInit._initBlogPropValue = function (propValue) {
-        return new IkasBlog(propValue);
+        if (propValue.blogPropValue.usePageData) {
+            return this.pageSpecificData;
+        }
+        if (propValue.blog) {
+            return new IkasBlog(propValue.blog);
+        }
+        return getPlaceholderBlog();
     };
     IkasPageDataInit.initBlogListPropValue = function (prop, propValue, pageComponentPropValue) {
         pageComponentPropValue.propValues[prop.name] = this._initBlogListPropValue(propValue);
@@ -45144,7 +45190,13 @@ var IkasPageDataInit = /** @class */ (function () {
         pageComponentPropValue.propValues[prop.name] = IkasPageDataInit._initBlogCategoryPropValue(propValue);
     };
     IkasPageDataInit._initBlogCategoryPropValue = function (propValue) {
-        return new IkasBlogCategory(propValue);
+        if (propValue.blogCategoryPropValue.usePageData) {
+            return this.pageSpecificData;
+        }
+        if (propValue.blogCategory) {
+            return new IkasBlogCategory(propValue.blogCategory);
+        }
+        return getPlaceholderBlogCategory();
     };
     IkasPageDataInit.initBlogCategoryListPropValue = function (prop, propValue, pageComponentPropValue) {
         pageComponentPropValue.propValues[prop.name] = this._initBlogCategoryListPropValue(propValue);
@@ -45173,7 +45225,7 @@ var ThemeComponent = mobxReactLite.observer(function (_a) {
     if (!Component) {
         console.error("COMPONENT NOT FOUND!", pageComponent.id, pageComponent.componentId, components ? Object.keys(components) : []);
     }
-    return (React.createElement("div", { id: index + "" }, hasNullValue.get() ? null : (React.createElement(Component, __assign({ key: pageComponent.id }, propValues, { settings: settings, store: store })))));
+    return (React.createElement("div", { id: index + "" }, hasNullValue.get() ? null : (React.createElement(Component, __assign({ key: pageComponent.id }, propValues, { settings: settings, store: store, pageSpecificData: IkasPageDataInit.pageSpecificData })))));
 });
 
 var IkasPageHead = mobxReactLite.observer(function (_a) {
@@ -70459,7 +70511,7 @@ var ThemeEditorComponent = mobxReactLite.observer(function (_a) {
     };
     var rendered = mobx.computed(function () {
         var _a;
-        return hasNullValue.get() ? (React.createElement(ErrorComponent, null)) : (React.createElement(Component, __assign({ store: store }, propValues, { settings: (_a = vm.theme) === null || _a === void 0 ? void 0 : _a.settings })));
+        return hasNullValue.get() ? (React.createElement(ErrorComponent, null)) : (React.createElement(Component, __assign({ store: store }, propValues, { settings: (_a = vm.theme) === null || _a === void 0 ? void 0 : _a.settings, pageSpecificData: IkasPageDataInit.pageSpecificData })));
     });
     return (React.createElement("div", { ref: ref, style: { position: "relative" }, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: onClick },
         rendered.get(),

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

@@ -0,0 +1,9 @@
+import { IkasProductAttributeMap } from "../../data/index";
+import { IkasProductDetail } from "../product-detail/index";
+import { IkasAttributeListPropValue } from "../../theme/page/component/prop-value/attribute-list";
+export declare class IkasAttributeList {
+    productDetail: IkasProductDetail | null;
+    attributeListPropValue: IkasAttributeListPropValue;
+    constructor(productDetail: IkasProductDetail | null, attributeListPropValue: IkasAttributeListPropValue);
+    get values(): IkasProductAttributeMap[];
+}

package/build/providers/page-data-init.d.ts

@@ -1,10 +1,16 @@
 import { IkasThemePageType } from "../models/index";
 import { IkasCategoryListParams } from "../models/ui/category-list/index";
+import { IkasAttributeList } from "../models/ui/product-attribute-list/index";
 import { IkasProductListParams } from "../models/ui/product-list/index";
 import { NextRouter } from "next/router";
-import { IkasThemeSettings, IkasThemeComponentProp, IkasBrand, IkasBrandListParams, IkasBrandList, IkasCategory, IkasCategoryList, IkasProductList, IkasProductDetail, IkasAttributeDetail, IkasProductAttributeValue, IkasProductAttributeMap, IkasProductAttribute, IkasNavigationLink, IkasImage, IkasThemeCustomData, IkasComponentRenderer, IkasBlog, IkasBlogListParams, IkasBlogList, IkasBlogCategory, IkasBlogCategoryListParams, IkasBlogCategoryList } from "../index";
+import { IkasThemeSettings, IkasThemeComponentProp, IkasBrandListParams, IkasBrandList, IkasCategoryList, IkasProductList, IkasProductDetail, IkasAttributeDetail, IkasNavigationLink, IkasImage, IkasThemeCustomData, IkasComponentRenderer, IkasBlogListParams, IkasBlogList, IkasBlogCategoryListParams, IkasBlogCategoryList } from "../index";
 import { IkasPageComponentPropValue } from "./page-data-get";
 import { IkasAttributePropValueData } from "./prop-value/attribute";
+import { IkasAttributeListPropValueData } from "./prop-value/attribute-list";
+import { IkasBlogPropValueData } from "./prop-value/blog";
+import { IkasBlogCategoryPropValueData } from "./prop-value/blog-category";
+import { IkasBrandPropValueData } from "./prop-value/brand";
+import { IkasCategoryPropValueData } from "./prop-value/category";
 import { CustomDataValue } from "./prop-value/custom";
 import { IkasProductDetailData } from "./prop-value/product-detail";
 export declare class IkasPageDataInit {
@@ -12,12 +18,12 @@ export declare class IkasPageDataInit {
     static setPageSpecificData(pageSpecficicDataStr: string, pageType: IkasThemePageType, isBrowser: boolean): void;
     static isServer(): boolean;
     static initPropValues(propValuesStr: string, router: NextRouter, settingsStr: string, isBrowser?: boolean): IkasPageComponentPropValue[];
-    static initBrandPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
-    static _initBrandPropValue(propValue: IkasBrand): IkasBrand;
+    static initBrandPropValue(prop: IkasThemeComponentProp, propValue: IkasBrandPropValueData, pageComponentPropValue: IkasPageComponentPropValue): void;
+    static _initBrandPropValue(propValue: IkasBrandPropValueData): any;
     static initBrandListPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
     static _initBrandListPropValue(propValue: IkasBrandListParams): IkasBrandList;
-    static initCategoryPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
-    static _initCategoryPropValue(propValue: IkasCategory): IkasCategory;
+    static initCategoryPropValue(prop: IkasThemeComponentProp, propValue: IkasCategoryPropValueData, pageComponentPropValue: IkasPageComponentPropValue): void;
+    static _initCategoryPropValue(propValue: IkasCategoryPropValueData): any;
     static initCategoryListPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
     static _initCategoryListPropValue(propValue: IkasCategoryListParams): IkasCategoryList;
     static initProductListPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue, router: NextRouter): void;
@@ -27,11 +33,8 @@ export declare class IkasPageDataInit {
     static _initProductDetailOnBrowser(productDetail: IkasProductDetail): void;
     static initAttributePropValue(prop: IkasThemeComponentProp, propValue: IkasAttributePropValueData, pageComponentPropValue: IkasPageComponentPropValue): void;
     static _initAttributePropValue(propValue: IkasAttributePropValueData): IkasAttributeDetail;
-    static initAttributeListPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
-    static _initAttributeListPropValue(propValue: IkasProductAttributeMap[]): {
-        attribute: IkasProductAttribute;
-        values: IkasProductAttributeValue[];
-    }[];
+    static initAttributeListPropValue(prop: IkasThemeComponentProp, propValue: IkasAttributeListPropValueData, pageComponentPropValue: IkasPageComponentPropValue): void;
+    static _initAttributeListPropValue(propValue: IkasAttributeListPropValueData): IkasAttributeList;
     static initLinkPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
     static _initLinkPropValue(propValue: any): IkasNavigationLink | IkasNavigationLink[] | undefined;
     static initImagePropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
@@ -44,12 +47,12 @@ export declare class IkasPageDataInit {
     static _initComponentPropValue(propValue: IkasPageComponentPropValue[], router: NextRouter, settings: IkasThemeSettings, isBrowser?: boolean): IkasComponentRenderer | undefined;
     static initComponentListPropValue(prop: IkasThemeComponentProp, propValue: IkasPageComponentPropValue[], pageComponentPropValue: IkasPageComponentPropValue, router: NextRouter, settings: IkasThemeSettings, isBrowser?: boolean): void;
     static _initComponentListPropValue(propValue: IkasPageComponentPropValue[], router: NextRouter, settings: IkasThemeSettings, isBrowser?: boolean): IkasComponentRenderer[];
-    static initBlogPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
-    static _initBlogPropValue(propValue: IkasBlog): IkasBlog;
+    static initBlogPropValue(prop: IkasThemeComponentProp, propValue: IkasBlogPropValueData, pageComponentPropValue: IkasPageComponentPropValue): void;
+    static _initBlogPropValue(propValue: IkasBlogPropValueData): any;
     static initBlogListPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
     static _initBlogListPropValue(propValue: IkasBlogListParams): IkasBlogList;
-    static initBlogCategoryPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
-    static _initBlogCategoryPropValue(propValue: IkasBlogCategory): IkasBlogCategory;
+    static initBlogCategoryPropValue(prop: IkasThemeComponentProp, propValue: IkasBlogCategoryPropValueData, pageComponentPropValue: IkasPageComponentPropValue): void;
+    static _initBlogCategoryPropValue(propValue: IkasBlogCategoryPropValueData): any;
     static initBlogCategoryListPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
     static _initBlogCategoryListPropValue(propValue: IkasBlogCategoryListParams): IkasBlogCategoryList;
 }

package/build/providers/prop-value/attribute-list.d.ts

@@ -1,9 +1,12 @@
+import { IkasProductDetail } from "../../models/index";
 import IkasPropValueProvider from "./index";
 import { IkasAttributeListPropValue } from "../../models/theme/page/component/prop-value/attribute-list";
-import { IkasProductAttributeMap } from "../../models/data/product/attribute-value/index";
-export declare class IkasAttributeListPropValueProvider implements IkasPropValueProvider<IkasProductAttributeMap[]> {
+export declare class IkasAttributeListPropValueProvider implements IkasPropValueProvider<IkasAttributeListPropValueData> {
     private attributeListPropValue;
-    private pageSpecificData?;
-    constructor(prop: IkasAttributeListPropValue, pageSpecificData?: any);
-    getValue(): Promise<IkasProductAttributeMap[]>;
+    constructor(prop: IkasAttributeListPropValue);
+    getValue(): Promise<IkasAttributeListPropValueData>;
 }
+export declare type IkasAttributeListPropValueData = {
+    productDetail: IkasProductDetail | null;
+    attributeListPropValue: IkasAttributeListPropValue;
+};

package/build/providers/prop-value/blog-category.d.ts

@@ -1,8 +1,11 @@
 import { IkasBlogCategory, IkasBlogCategoryPropValue } from "../../models/index";
 import IkasPropValueProvider from "./index";
-export declare class IkasBlogCategoryPropValueProvider implements IkasPropValueProvider<IkasBlogCategory | null> {
+export declare class IkasBlogCategoryPropValueProvider implements IkasPropValueProvider<IkasBlogCategoryPropValueData | null> {
     private blogCategoryPropValue;
-    private pageSpecificData?;
-    constructor(propValue: IkasBlogCategoryPropValue, pageSpecificData?: any);
-    getValue(): Promise<IkasBlogCategory | null>;
+    constructor(propValue: IkasBlogCategoryPropValue);
+    getValue(): Promise<IkasBlogCategoryPropValueData | null>;
 }
+export declare type IkasBlogCategoryPropValueData = {
+    blogCategory: IkasBlogCategory | null;
+    blogCategoryPropValue: IkasBlogCategoryPropValue;
+};

package/build/providers/prop-value/blog.d.ts

@@ -1,8 +1,11 @@
 import { IkasBlog, IkasBlogPropValue } from "../../models/index";
 import IkasPropValueProvider from "./index";
-export declare class IkasBlogPropValueProvider implements IkasPropValueProvider<IkasBlog | null> {
+export declare class IkasBlogPropValueProvider implements IkasPropValueProvider<IkasBlogPropValueData | null> {
     private blogPropValue;
-    private pageSpecificData?;
-    constructor(propValue: IkasBlogPropValue, pageSpecificData?: any);
-    getValue(): Promise<IkasBlog | null>;
+    constructor(propValue: IkasBlogPropValue);
+    getValue(): Promise<IkasBlogPropValueData | null>;
 }
+export declare type IkasBlogPropValueData = {
+    blog: IkasBlog | null;
+    blogPropValue: IkasBlogPropValue;
+};

package/build/providers/prop-value/brand.d.ts

@@ -1,8 +1,11 @@
 import { IkasBrand, IkasBrandPropValue } from "../../models/index";
 import IkasPropValueProvider from "./index";
-export declare class IkasBrandPropValueProvider implements IkasPropValueProvider<IkasBrand> {
+export declare class IkasBrandPropValueProvider implements IkasPropValueProvider<IkasBrandPropValueData | null> {
     private brandPropValue;
-    private pageSpecificData?;
-    constructor(prop: IkasBrandPropValue, pageSpecificData?: any);
-    getValue(): Promise<IkasBrand>;
+    constructor(prop: IkasBrandPropValue);
+    getValue(): Promise<IkasBrandPropValueData | null>;
 }
+export declare type IkasBrandPropValueData = {
+    brand: IkasBrand | null;
+    brandPropValue: IkasBrandPropValue;
+};

package/build/providers/prop-value/category.d.ts

@@ -1,8 +1,11 @@
 import { IkasCategory, IkasCategoryPropValue } from "../../models/index";
 import IkasPropValueProvider from "./index";
-export declare class IkasCategoryPropValueProvider implements IkasPropValueProvider<IkasCategory | null> {
+export declare class IkasCategoryPropValueProvider implements IkasPropValueProvider<IkasCategoryPropValueData | null> {
     private categoryPropValue;
-    private pageSpecificData?;
-    constructor(prop: IkasCategoryPropValue, pageSpecificData?: any);
-    getValue(): Promise<IkasCategory | null>;
+    constructor(prop: IkasCategoryPropValue);
+    getValue(): Promise<IkasCategoryPropValueData | null>;
 }
+export declare type IkasCategoryPropValueData = {
+    category: IkasCategory | null;
+    categoryPropValue: IkasCategoryPropValue;
+};

package/package.json

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