@ikas/storefront 0.0.43 → 0.0.45

package/build/index.js

@@ -10975,9 +10975,6 @@ var IkasProductListPropValueProvider = /** @class */ (function () {
                                 filters.category = this.productListPropValue.category;
                             }
                         }
-                        else {
-                            filters.category = null;
-                        }
                         productList = new IkasProductList({
                             productListPropValue: this.productListPropValue,
                             filters: filters,
@@ -11346,6 +11343,409 @@ var IkasCategoryListPropValueProvider = /** @class */ (function () {
     return IkasCategoryListPropValueProvider;
 }());
 
+var IkasCustomPropValueProvider = /** @class */ (function () {
+    function IkasCustomPropValueProvider(value, customData, theme, pageType, pageSpecificData, pageParams) {
+        this.value = value;
+        this.customData = customData;
+        this.theme = theme;
+        this.pageType = pageType;
+        this.pageSpecificData = pageSpecificData;
+        this.pageParams = pageParams;
+    }
+    IkasCustomPropValueProvider.prototype.getValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var customDataValue, _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (this.value === undefined || this.value === null)
+                            return [2 /*return*/];
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 32, , 33]);
+                        _a = this.customData.type;
+                        switch (_a) {
+                            case exports.IkasThemeCustomDataType.TEXT: return [3 /*break*/, 2];
+                            case exports.IkasThemeCustomDataType.BOOLEAN: return [3 /*break*/, 4];
+                            case exports.IkasThemeCustomDataType.BRAND_LIST: return [3 /*break*/, 6];
+                            case exports.IkasThemeCustomDataType.BRAND: return [3 /*break*/, 8];
+                            case exports.IkasThemeCustomDataType.CATEGORY_LIST: return [3 /*break*/, 10];
+                            case exports.IkasThemeCustomDataType.CATEGORY: return [3 /*break*/, 12];
+                            case exports.IkasThemeCustomDataType.COLOR: return [3 /*break*/, 14];
+                            case exports.IkasThemeCustomDataType.IMAGE_LIST: return [3 /*break*/, 16];
+                            case exports.IkasThemeCustomDataType.IMAGE: return [3 /*break*/, 18];
+                            case exports.IkasThemeCustomDataType.LINK: return [3 /*break*/, 20];
+                            case exports.IkasThemeCustomDataType.LIST_OF_LINK: return [3 /*break*/, 20];
+                            case exports.IkasThemeCustomDataType.PRODUCT_DETAIL: return [3 /*break*/, 22];
+                            case exports.IkasThemeCustomDataType.PRODUCT_LIST: return [3 /*break*/, 24];
+                            case exports.IkasThemeCustomDataType.OBJECT: return [3 /*break*/, 26];
+                            case exports.IkasThemeCustomDataType.DYNAMIC_LIST: return [3 /*break*/, 28];
+                            case exports.IkasThemeCustomDataType.STATIC_LIST: return [3 /*break*/, 28];
+                        }
+                        return [3 /*break*/, 30];
+                    case 2: return [4 /*yield*/, this.getTextValue()];
+                    case 3:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 31];
+                    case 4: return [4 /*yield*/, this.getBooleanValue()];
+                    case 5:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 31];
+                    case 6: return [4 /*yield*/, this.getBrandListPropValue()];
+                    case 7:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 31];
+                    case 8: return [4 /*yield*/, this.getBrandPropValue()];
+                    case 9:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 31];
+                    case 10: return [4 /*yield*/, this.getCategoryListPropValue()];
+                    case 11:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 31];
+                    case 12: return [4 /*yield*/, this.getCategoryPropValue()];
+                    case 13:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 31];
+                    case 14: return [4 /*yield*/, this.getColorPropValue()];
+                    case 15:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 31];
+                    case 16: return [4 /*yield*/, this.getImageListPropValue()];
+                    case 17:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 31];
+                    case 18: return [4 /*yield*/, this.getImagePropValue()];
+                    case 19:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 31];
+                    case 20: return [4 /*yield*/, this.getLinkPropValue()];
+                    case 21:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 31];
+                    case 22: return [4 /*yield*/, this.getProductDetailPropValue()];
+                    case 23:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 31];
+                    case 24: return [4 /*yield*/, this.getProductListPropValue()];
+                    case 25:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 31];
+                    case 26: return [4 /*yield*/, this.getObjectValue()];
+                    case 27:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 31];
+                    case 28: return [4 /*yield*/, this.getArrayValue()];
+                    case 29:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 31];
+                    case 30: return [3 /*break*/, 31];
+                    case 31: return [3 /*break*/, 33];
+                    case 32:
+                        _b.sent();
+                        return [2 /*return*/];
+                    case 33: return [2 /*return*/, JSON.parse(JSON.stringify(customDataValue))];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getBooleanValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasBooleanPropValueProvider(this.value);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getBrandListPropValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasBrandListPropValueProvider(this.value);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getBrandPropValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasBrandPropValueProvider(this.value, this.pageSpecificData);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getCategoryListPropValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasCategoryListPropValueProvider(this.value);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getCategoryPropValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasCategoryPropValueProvider(this.value, this.pageSpecificData);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getColorPropValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasColorPropValueProvider(this.value);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getImageListPropValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasImageListPropValueProvider(this.value);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getImagePropValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasImagePropValueProvider(this.value);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getLinkPropValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasLinkPropValueProvider(this.value, this.theme);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getProductDetailPropValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasProductDetailPropValueProvider(this.value, this.pageSpecificData);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getProductListPropValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasProductListPropValueProvider(this.pageType, this.value, this.pageParams || {}, this.pageSpecificData);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getTextValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasTextPropValueProvider(this.value);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getObjectValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var objectValue, _i, _a, nestedData, nestedValue, nestedProvider, _itemValue;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        objectValue = {};
+                        _i = 0, _a = this.customData.nestedData || [];
+                        _b.label = 1;
+                    case 1:
+                        if (!(_i < _a.length)) return [3 /*break*/, 4];
+                        nestedData = _a[_i];
+                        if (!nestedData.key)
+                            return [3 /*break*/, 3];
+                        nestedValue = this.value[nestedData.key];
+                        if (nestedData.isRequired &&
+                            (nestedValue === undefined || nestedValue === null))
+                            throw new Error("Required data is missing");
+                        nestedProvider = new IkasCustomPropValueProvider(nestedValue, nestedData, this.theme, this.pageSpecificData);
+                        return [4 /*yield*/, nestedProvider.getValue()];
+                    case 2:
+                        _itemValue = _b.sent();
+                        if (nestedData.isRequired &&
+                            (_itemValue === null || _itemValue === undefined))
+                            throw new Error("Required data is missing");
+                        objectValue[nestedData.key] = _itemValue;
+                        _b.label = 3;
+                    case 3:
+                        _i++;
+                        return [3 /*break*/, 1];
+                    case 4: return [2 /*return*/, {
+                            value: objectValue,
+                            customData: this.customData,
+                        }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getArrayValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var value, nestedData, _i, _a, itemValue, provider, _itemValue;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!this.value || !Array.isArray(this.value))
+                            throw new Error("Incorrect data!");
+                        value = [];
+                        nestedData = this.customData.nestedData[0];
+                        _i = 0, _a = this.value;
+                        _b.label = 1;
+                    case 1:
+                        if (!(_i < _a.length)) return [3 /*break*/, 4];
+                        itemValue = _a[_i];
+                        if (nestedData.isRequired &&
+                            (itemValue === undefined || itemValue === null))
+                            throw new Error("Required data is missing");
+                        provider = new IkasCustomPropValueProvider(itemValue, nestedData, this.theme, this.pageSpecificData);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 2:
+                        _itemValue = _b.sent();
+                        if (nestedData.isRequired &&
+                            (_itemValue === null || _itemValue === undefined)) {
+                            throw new Error("Required data is missing");
+                        }
+                        else
+                            value.push(_itemValue);
+                        _b.label = 3;
+                    case 3:
+                        _i++;
+                        return [3 /*break*/, 1];
+                    case 4: return [2 /*return*/, {
+                            value: value,
+                            customData: this.customData,
+                        }];
+                }
+            });
+        });
+    };
+    return IkasCustomPropValueProvider;
+}());
+
 var IkasPageDataProvider = /** @class */ (function () {
     function IkasPageDataProvider(theme, pageParams, pageType) {
         this.pageType = null;
@@ -11608,7 +12008,7 @@ var IkasPageDataProvider = /** @class */ (function () {
     };
     IkasPageDataProvider.prototype.getPageComponentPropValue = function (pageComponent, prop) {
         return __awaiter(this, void 0, void 0, function () {
-            var propValueProvider, propValue;
+            var propValueProvider, propValue, customData;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -11653,6 +12053,12 @@ var IkasPageDataProvider = /** @class */ (function () {
                             case exports.IkasThemeComponentPropType.COLOR:
                                 propValueProvider = new IkasColorPropValueProvider(propValue);
                                 break;
+                            case exports.IkasThemeComponentPropType.CUSTOM:
+                                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.pageSpecificData, this.pageParams);
+                                break;
                         }
                         return [4 /*yield*/, (propValueProvider === null || propValueProvider === void 0 ? void 0 : propValueProvider.getValue())];
                     case 1: return [2 /*return*/, _a.sent()];
@@ -11710,32 +12116,49 @@ var IkasPageDataProvider = /** @class */ (function () {
                     case exports.IkasThemeComponentPropType.LIST_OF_LINK:
                         IkasPageDataProvider.initLinkPropValue(prop, propValue, pageComponentPropValue);
                         break;
+                    case exports.IkasThemeComponentPropType.CUSTOM:
+                        IkasPageDataProvider.initCustomDataPropValue(prop, propValue, pageComponentPropValue, router, isBrowser);
+                        break;
                 }
             });
         });
         return pageComponentPropValues;
     };
     IkasPageDataProvider.initBrandPropValue = function (prop, propValue, pageComponentPropValue) {
-        var brand = new IkasBrand(propValue);
-        pageComponentPropValue.propValues[prop.name] = brand;
+        pageComponentPropValue.propValues[prop.name] = IkasPageDataProvider._initBrandPropValue(propValue);
+    };
+    IkasPageDataProvider._initBrandPropValue = function (propValue) {
+        return new IkasBrand(propValue);
     };
     IkasPageDataProvider.initBrandListPropValue = function (prop, propValue, pageComponentPropValue) {
-        var brandList = new IkasBrandList(propValue);
-        pageComponentPropValue.propValues[prop.name] = brandList;
+        pageComponentPropValue.propValues[prop.name] = IkasPageDataProvider._initBrandListPropValue(propValue);
+    };
+    IkasPageDataProvider._initBrandListPropValue = function (propValue) {
+        return new IkasBrandList(propValue);
     };
     IkasPageDataProvider.initCategoryPropValue = function (prop, propValue, pageComponentPropValue) {
-        var category = new IkasCategory(propValue);
-        pageComponentPropValue.propValues[prop.name] = category;
+        pageComponentPropValue.propValues[prop.name] = IkasPageDataProvider._initCategoryPropValue(propValue);
+    };
+    IkasPageDataProvider._initCategoryPropValue = function (propValue) {
+        return new IkasCategory(propValue);
     };
     IkasPageDataProvider.initCategoryListPropValue = function (prop, propValue, pageComponentPropValue) {
         var categoryList = new IkasCategoryList(propValue);
         pageComponentPropValue.propValues[prop.name] = categoryList;
     };
+    IkasPageDataProvider._initCategoryListPropValue = function (propValue) {
+        return new IkasCategoryList(propValue);
+    };
     IkasPageDataProvider.initProductListPropValue = function (prop, propValue, pageComponentPropValue) {
-        var productList = new IkasProductList(propValue);
-        pageComponentPropValue.propValues[prop.name] = productList;
+        pageComponentPropValue.propValues[prop.name] = this._initProductListPropValue(propValue);
+    };
+    IkasPageDataProvider._initProductListPropValue = function (propValue) {
+        return new IkasProductList(propValue);
     };
     IkasPageDataProvider.initProductDetailPropValue = function (prop, propValue, pageComponentPropValue, router, isBrowser) {
+        pageComponentPropValue.propValues[prop.name] = this._initProductDetailPropValue(propValue, router, isBrowser);
+    };
+    IkasPageDataProvider._initProductDetailPropValue = function (propValue, router, isBrowser) {
         var usePageData = propValue.usePageData;
         var _propValue = propValue;
         var productDetail = new IkasProductDetail(_propValue.product, _propValue.selectedVariantValues);
@@ -11749,23 +12172,92 @@ var IkasPageDataProvider = /** @class */ (function () {
                 }
             }
         }
-        pageComponentPropValue.propValues[prop.name] = new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues, usePageData, router);
+        return new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues, usePageData, router);
     };
     IkasPageDataProvider.initLinkPropValue = function (prop, propValue, pageComponentPropValue) {
+        pageComponentPropValue.propValues[prop.name] = this._initLinkPropValue(propValue);
+    };
+    IkasPageDataProvider._initLinkPropValue = function (propValue) {
         if (Array.isArray(propValue)) {
-            pageComponentPropValue.propValues[prop.name] = propValue.map(function (p) {
+            return propValue.map(function (p) {
                 return new IkasNavigationLink(p.href, p.label, p.subLinks, p.isExternal || undefined);
             });
         }
         else if (propValue) {
-            pageComponentPropValue.propValues[prop.name] = new IkasNavigationLink(propValue.href, propValue.label, propValue.subLinks, propValue.isExternal);
+            return new IkasNavigationLink(propValue.href, propValue.label, propValue.subLinks, propValue.isExternal);
         }
     };
     IkasPageDataProvider.initImagePropValue = function (prop, propValue, pageComponentPropValue) {
-        pageComponentPropValue.propValues[prop.name] = new IkasImage(propValue.id);
+        pageComponentPropValue.propValues[prop.name] = this._initImagePropValue(propValue);
+    };
+    IkasPageDataProvider._initImagePropValue = function (propValue) {
+        return new IkasImage(propValue.id);
     };
     IkasPageDataProvider.initImageListPropValue = function (prop, propValue, pageComponentPropValue) {
-        pageComponentPropValue.propValues[prop.name] = propValue.map(function (i) { return new IkasImage(i.id); });
+        pageComponentPropValue.propValues[prop.name] = this._initImageListPropValue(propValue);
+    };
+    IkasPageDataProvider._initImageListPropValue = function (propValue) {
+        return propValue.map(function (i) { return new IkasImage(i.id); });
+    };
+    IkasPageDataProvider.initCustomDataPropValue = function (prop, customDataValue, pageComponentPropValue, router, isBrowser) {
+        if (!customDataValue ||
+            !customDataValue.value ||
+            !customDataValue.customData)
+            return;
+        pageComponentPropValue.propValues[prop.name] = this._initCustomDataPropValue(customDataValue, customDataValue.customData, router, isBrowser);
+    };
+    IkasPageDataProvider._initCustomDataPropValue = function (customDataValue, customData, router, isBrowser) {
+        var _this = this;
+        if (!customDataValue)
+            return null;
+        var propValue = customDataValue.value;
+        if (propValue === null || propValue === undefined)
+            return null;
+        switch (customData.type) {
+            case exports.IkasThemeCustomDataType.BRAND:
+                return this._initBrandPropValue(propValue);
+            case exports.IkasThemeCustomDataType.BRAND_LIST:
+                return this._initBrandListPropValue(propValue);
+            case exports.IkasThemeCustomDataType.CATEGORY_LIST:
+                return this._initCategoryListPropValue(propValue);
+            case exports.IkasThemeCustomDataType.CATEGORY:
+                return this._initCategoryPropValue(propValue);
+            case exports.IkasThemeCustomDataType.IMAGE_LIST:
+                return this._initImageListPropValue(propValue);
+            case exports.IkasThemeCustomDataType.IMAGE:
+                return this._initImagePropValue(propValue);
+            case exports.IkasThemeCustomDataType.LINK:
+                return this._initLinkPropValue(propValue);
+            case exports.IkasThemeCustomDataType.PRODUCT_DETAIL:
+                return this._initProductDetailPropValue(propValue, router, isBrowser);
+            case exports.IkasThemeCustomDataType.PRODUCT_LIST:
+                return this._initProductListPropValue(propValue);
+            case exports.IkasThemeCustomDataType.OBJECT:
+                var objectValue = {};
+                for (var _i = 0, _a = customData.nestedData || []; _i < _a.length; _i++) {
+                    var nestedCustomData = _a[_i];
+                    var value = propValue[nestedCustomData.key];
+                    objectValue[nestedCustomData.key] = this._initCustomDataPropValue(value, nestedCustomData, router, isBrowser);
+                }
+                return objectValue;
+            case exports.IkasThemeCustomDataType.DYNAMIC_LIST:
+            case exports.IkasThemeCustomDataType.STATIC_LIST:
+                try {
+                    if (!propValue || !propValue.length)
+                        return null;
+                    var listValue_1 = [];
+                    var nestedCustomData_1 = customData.nestedData[0];
+                    propValue.forEach(function (itemValue) {
+                        listValue_1.push(_this._initCustomDataPropValue(itemValue, nestedCustomData_1, router, isBrowser));
+                    });
+                    return listValue_1;
+                }
+                catch (err) {
+                    return [];
+                }
+            default:
+                return propValue;
+        }
     };
     return IkasPageDataProvider;
 }());
@@ -12902,6 +13394,7 @@ var IkasThemeComponentProp = /** @class */ (function () {
         this.displayName = data.displayName || "";
         this.type = data.type || exports.IkasThemeComponentPropType.TEXT;
         this.isRequired = data.isRequired || false;
+        this.customDataId = data.customDataId || null;
         mobx.makeAutoObservable(this);
     }
     return IkasThemeComponentProp;
@@ -12920,6 +13413,7 @@ var IkasThemeComponentProp = /** @class */ (function () {
     IkasThemeComponentPropType["CATEGORY"] = "CATEGORY";
     IkasThemeComponentPropType["CATEGORY_LIST"] = "CATEGORY_LIST";
     IkasThemeComponentPropType["COLOR"] = "COLOR";
+    IkasThemeComponentPropType["CUSTOM"] = "CUSTOM";
     // TODO number
     // TODO productAttribute
 })(exports.IkasThemeComponentPropType || (exports.IkasThemeComponentPropType = {}));
@@ -12939,6 +13433,54 @@ var IkasThemeComponent = /** @class */ (function () {
     return IkasThemeComponent;
 }());
 
+var IkasThemeCustomData = /** @class */ (function () {
+    function IkasThemeCustomData(data) {
+        var _this = this;
+        if (data === void 0) { data = {}; }
+        this.id = data.id || "";
+        this.name = data.name || null;
+        this.type = data.type || exports.IkasThemeCustomDataType.TEXT;
+        this.isRequired = data.isRequired !== undefined ? data.isRequired : true;
+        this.key = data.key || null;
+        this.parent = data.parent || null;
+        this.itemCount = data.itemCount || null;
+        this.isRoot = data.isRoot || false;
+        this.nestedData = data.nestedData
+            ? data.nestedData.map(function (nd) {
+                return new IkasThemeCustomData(__assign(__assign({}, nd), { parent: _this }));
+            })
+            : null;
+        if (this.type === exports.IkasThemeCustomDataType.STATIC_LIST && !this.itemCount)
+            this.itemCount = 1;
+        mobx.makeAutoObservable(this);
+    }
+    IkasThemeCustomData.prototype.toJSON = function () {
+        var obj = __assign({}, this);
+        delete obj.parent;
+        return obj;
+    };
+    return IkasThemeCustomData;
+}());
+(function (IkasThemeCustomDataType) {
+    IkasThemeCustomDataType["TEXT"] = "TEXT";
+    IkasThemeCustomDataType["NUMBER"] = "NUMBER";
+    IkasThemeCustomDataType["BOOLEAN"] = "BOOLEAN";
+    IkasThemeCustomDataType["IMAGE"] = "IMAGE";
+    IkasThemeCustomDataType["IMAGE_LIST"] = "IMAGE_LIST";
+    IkasThemeCustomDataType["LINK"] = "LINK";
+    IkasThemeCustomDataType["LIST_OF_LINK"] = "LIST_OF_LINK";
+    IkasThemeCustomDataType["PRODUCT_DETAIL"] = "PRODUCT_DETAIL";
+    IkasThemeCustomDataType["PRODUCT_LIST"] = "PRODUCT_LIST";
+    IkasThemeCustomDataType["BRAND"] = "BRAND";
+    IkasThemeCustomDataType["BRAND_LIST"] = "BRAND_LIST";
+    IkasThemeCustomDataType["CATEGORY"] = "CATEGORY";
+    IkasThemeCustomDataType["CATEGORY_LIST"] = "CATEGORY_LIST";
+    IkasThemeCustomDataType["COLOR"] = "COLOR";
+    IkasThemeCustomDataType["OBJECT"] = "OBJECT";
+    IkasThemeCustomDataType["STATIC_LIST"] = "STATIC_LIST";
+    IkasThemeCustomDataType["DYNAMIC_LIST"] = "DYNAMIC_LIST";
+})(exports.IkasThemeCustomDataType || (exports.IkasThemeCustomDataType = {}));
+
 var IkasThemePageComponent = /** @class */ (function () {
     function IkasThemePageComponent(data) {
         this.id = data.id || "";
@@ -13006,6 +13548,7 @@ var IkasThemeSettings = /** @class */ (function () {
 var IkasTheme = /** @class */ (function () {
     function IkasTheme(data) {
         if (data === void 0) { data = {}; }
+        var _a;
         this.name = data.name || "";
         this.components = data.components
             ? data.components.map(function (c) { return new IkasThemeComponent(c); })
@@ -13014,6 +13557,8 @@ var IkasTheme = /** @class */ (function () {
         this.settings = data.settings
             ? new IkasThemeSettings(data.settings)
             : new IkasThemeSettings();
+        this.customData = data.customData
+            ? (_a = data.customData) === null || _a === void 0 ? void 0 : _a.map(function (cd) { return new IkasThemeCustomData(cd); }) : [];
         mobx.makeAutoObservable(this);
     }
     Object.defineProperty(IkasTheme.prototype, "headerComponent", {
@@ -24856,8 +25401,12 @@ var PageViewModel = /** @class */ (function () {
                     case 1:
                         propValue = _d.sent();
                         mobx.runInAction(function () {
-                            if (pageComponentPropValues)
+                            if (pageComponentPropValues) {
                                 pageComponentPropValues.propValues[propName] = propValue;
+                                if (prop.type === exports.IkasThemeComponentPropType.CUSTOM) {
+                                    IkasPageDataProvider.initCustomDataPropValue(prop, propValue, pageComponentPropValues, _this.router, true);
+                                }
+                            }
                         });
                         return [2 /*return*/];
                 }
@@ -25720,6 +26269,7 @@ exports.IkasTheme = IkasTheme;
 exports.IkasThemeAPI = IkasThemeAPI;
 exports.IkasThemeComponent = IkasThemeComponent;
 exports.IkasThemeComponentProp = IkasThemeComponentProp;
+exports.IkasThemeCustomData = IkasThemeCustomData;
 exports.IkasThemePage = IkasThemePage;
 exports.IkasThemePageComponent = IkasThemePageComponent;
 exports.IkasThemeSettings = IkasThemeSettings;