@ikas/storefront 0.0.44 → 0.0.46

package/build/index.es.js

@@ -11331,6 +11331,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 IkasThemeCustomDataType.TEXT: return [3 /*break*/, 2];
+                            case IkasThemeCustomDataType.BOOLEAN: return [3 /*break*/, 4];
+                            case IkasThemeCustomDataType.BRAND_LIST: return [3 /*break*/, 6];
+                            case IkasThemeCustomDataType.BRAND: return [3 /*break*/, 8];
+                            case IkasThemeCustomDataType.CATEGORY_LIST: return [3 /*break*/, 10];
+                            case IkasThemeCustomDataType.CATEGORY: return [3 /*break*/, 12];
+                            case IkasThemeCustomDataType.COLOR: return [3 /*break*/, 14];
+                            case IkasThemeCustomDataType.IMAGE_LIST: return [3 /*break*/, 16];
+                            case IkasThemeCustomDataType.IMAGE: return [3 /*break*/, 18];
+                            case IkasThemeCustomDataType.LINK: return [3 /*break*/, 20];
+                            case IkasThemeCustomDataType.LIST_OF_LINK: return [3 /*break*/, 20];
+                            case IkasThemeCustomDataType.PRODUCT_DETAIL: return [3 /*break*/, 22];
+                            case IkasThemeCustomDataType.PRODUCT_LIST: return [3 /*break*/, 24];
+                            case IkasThemeCustomDataType.OBJECT: return [3 /*break*/, 26];
+                            case IkasThemeCustomDataType.DYNAMIC_LIST: return [3 /*break*/, 28];
+                            case 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;
@@ -11593,7 +11996,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:
@@ -11638,6 +12041,12 @@ var IkasPageDataProvider = /** @class */ (function () {
                             case IkasThemeComponentPropType.COLOR:
                                 propValueProvider = new IkasColorPropValueProvider(propValue);
                                 break;
+                            case 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()];
@@ -11695,32 +12104,49 @@ var IkasPageDataProvider = /** @class */ (function () {
                     case IkasThemeComponentPropType.LIST_OF_LINK:
                         IkasPageDataProvider.initLinkPropValue(prop, propValue, pageComponentPropValue);
                         break;
+                    case 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);
@@ -11734,23 +12160,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 IkasThemeCustomDataType.BRAND:
+                return this._initBrandPropValue(propValue);
+            case IkasThemeCustomDataType.BRAND_LIST:
+                return this._initBrandListPropValue(propValue);
+            case IkasThemeCustomDataType.CATEGORY_LIST:
+                return this._initCategoryListPropValue(propValue);
+            case IkasThemeCustomDataType.CATEGORY:
+                return this._initCategoryPropValue(propValue);
+            case IkasThemeCustomDataType.IMAGE_LIST:
+                return this._initImageListPropValue(propValue);
+            case IkasThemeCustomDataType.IMAGE:
+                return this._initImagePropValue(propValue);
+            case IkasThemeCustomDataType.LINK:
+                return this._initLinkPropValue(propValue);
+            case IkasThemeCustomDataType.PRODUCT_DETAIL:
+                return this._initProductDetailPropValue(propValue, router, isBrowser);
+            case IkasThemeCustomDataType.PRODUCT_LIST:
+                return this._initProductListPropValue(propValue);
+            case 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 IkasThemeCustomDataType.DYNAMIC_LIST:
+            case 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;
 }());
@@ -11821,10 +12316,7 @@ var IkasImage = /** @class */ (function () {
     });
     Object.defineProperty(IkasImage.prototype, "src", {
         get: function () {
-            if (this.id.includes("/"))
-                return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + this.id + "/1920/1920/img.webp";
-            var merchantId = decodeBase64(this.editorApiKey || IkasStorefrontConfig.config.apiKey || "");
-            return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + merchantId + "/" + this.id + "/1920/1920/img.webp";
+            return this.getSrc(1920);
         },
         enumerable: false,
         configurable: true
@@ -11839,6 +12331,12 @@ var IkasImage = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    IkasImage.prototype.getSrc = function (size) {
+        if (this.id.includes("/"))
+            return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + this.id + "/" + size + "/" + size + "/img.webp";
+        var merchantId = decodeBase64(this.editorApiKey || IkasStorefrontConfig.config.apiKey || "");
+        return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + merchantId + "/" + this.id + "/" + size + "/" + size + "/img.webp";
+    };
     return IkasImage;
 }());
 
@@ -12907,6 +13405,7 @@ var IkasThemeComponentProp = /** @class */ (function () {
         this.displayName = data.displayName || "";
         this.type = data.type || IkasThemeComponentPropType.TEXT;
         this.isRequired = data.isRequired || false;
+        this.customDataId = data.customDataId || null;
         makeAutoObservable(this);
     }
     return IkasThemeComponentProp;
@@ -12926,6 +13425,7 @@ var IkasThemeComponentPropType;
     IkasThemeComponentPropType["CATEGORY"] = "CATEGORY";
     IkasThemeComponentPropType["CATEGORY_LIST"] = "CATEGORY_LIST";
     IkasThemeComponentPropType["COLOR"] = "COLOR";
+    IkasThemeComponentPropType["CUSTOM"] = "CUSTOM";
     // TODO number
     // TODO productAttribute
 })(IkasThemeComponentPropType || (IkasThemeComponentPropType = {}));
@@ -12945,6 +13445,55 @@ 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 || 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 === IkasThemeCustomDataType.STATIC_LIST && !this.itemCount)
+            this.itemCount = 1;
+        makeAutoObservable(this);
+    }
+    IkasThemeCustomData.prototype.toJSON = function () {
+        var obj = __assign({}, this);
+        delete obj.parent;
+        return obj;
+    };
+    return IkasThemeCustomData;
+}());
+var IkasThemeCustomDataType;
+(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";
+})(IkasThemeCustomDataType || (IkasThemeCustomDataType = {}));
+
 var IkasThemePageComponent = /** @class */ (function () {
     function IkasThemePageComponent(data) {
         this.id = data.id || "";
@@ -13013,6 +13562,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); })
@@ -13021,6 +13571,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); }) : [];
         makeAutoObservable(this);
     }
     Object.defineProperty(IkasTheme.prototype, "headerComponent", {
@@ -24871,8 +25423,12 @@ var PageViewModel = /** @class */ (function () {
                     case 1:
                         propValue = _d.sent();
                         runInAction(function () {
-                            if (pageComponentPropValues)
+                            if (pageComponentPropValues) {
                                 pageComponentPropValues.propValues[propName] = propValue;
+                                if (prop.type === IkasThemeComponentPropType.CUSTOM) {
+                                    IkasPageDataProvider.initCustomDataPropValue(prop, propValue, pageComponentPropValues, _this.router, true);
+                                }
+                            }
                         });
                         return [2 /*return*/];
                 }
@@ -25657,4 +26213,4 @@ var IkasBaseStore = /** @class */ (function () {
     return IkasBaseStore;
 }());
 
-export { AccountInfoForm, index$3 as AccountPage, AddressForm, addresses as AddressesPage, cart as CartPage, _id_$1 as CheckoutPage, _slug_ as CustomPage, editor$1 as EditorPage, EmailRule, EqualsRule, ForgotPasswordForm, forgotPassword as ForgotPasswordPage, GTMAddToCart, GTMBeginCheckout, GTMBody, GTMCheckoutStep, GTMDisableHTML, GTMHead, GTMPageView, GTMProductView, GTMPurchase, GTMRemoveFromCart, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasBaseStore, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutPage, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAPI, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductList, IkasProductListFilter, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontAPI, IkasStorefrontConfig, IkasTheme, IkasThemeAPI, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, home as IndexPage, LessThanRule, LoginForm, login as LoginPage, MaxRule, MinRule, _id_$2 as OrderDetailPage, index$4 as OrdersPage, PhoneRule, RecoverPasswordForm, recoverPassword as RecoverPasswordPage, RegisterForm, register as RegisterPage, RequiredRule, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, decodeBase64, formatMoney, pascalCase, stringToSlug, validatePhoneNumber };
+export { AccountInfoForm, index$3 as AccountPage, AddressForm, addresses as AddressesPage, cart as CartPage, _id_$1 as CheckoutPage, _slug_ as CustomPage, editor$1 as EditorPage, EmailRule, EqualsRule, ForgotPasswordForm, forgotPassword as ForgotPasswordPage, GTMAddToCart, GTMBeginCheckout, GTMBody, GTMCheckoutStep, GTMDisableHTML, GTMHead, GTMPageView, GTMProductView, GTMPurchase, GTMRemoveFromCart, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasBaseStore, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutPage, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAPI, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductList, IkasProductListFilter, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontAPI, IkasStorefrontConfig, IkasTheme, IkasThemeAPI, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemeCustomData, IkasThemeCustomDataType, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, home as IndexPage, LessThanRule, LoginForm, login as LoginPage, MaxRule, MinRule, _id_$2 as OrderDetailPage, index$4 as OrdersPage, PhoneRule, RecoverPasswordForm, recoverPassword as RecoverPasswordPage, RegisterForm, register as RegisterPage, RequiredRule, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, decodeBase64, formatMoney, pascalCase, stringToSlug, validatePhoneNumber };