@ikas/storefront 0.0.135 → 0.0.137

package/build/index.es.js

@@ -17977,6 +17977,7 @@ var IkasProductAttribute = /** @class */ (function () {
         this.name = data.name || "";
         this.type = data.type || IkasProductAttributeType.TEXT;
         this.options = data.options || null;
+        this.tableTemplate = data.tableTemplate || null;
         makeAutoObservable(this);
     }
     return IkasProductAttribute;
@@ -17990,6 +17991,7 @@ var IkasProductAttributeType;
     IkasProductAttributeType["NUMERIC"] = "NUMERIC";
     IkasProductAttributeType["DATETIME"] = "DATETIME";
     IkasProductAttributeType["HTML"] = "HTML";
+    IkasProductAttributeType["TABLE"] = "TABLE";
 })(IkasProductAttributeType || (IkasProductAttributeType = {}));
 
 var IkasProductAttributeValue = /** @class */ (function () {
@@ -18005,6 +18007,14 @@ var IkasProductAttributeValue = /** @class */ (function () {
             : null;
         makeAutoObservable(this);
     }
+    Object.defineProperty(IkasProductAttributeValue.prototype, "tableValue", {
+        get: function () {
+            if (this.value)
+                return JSON.parse(this.value);
+        },
+        enumerable: false,
+        configurable: true
+    });
     return IkasProductAttributeValue;
 }());
 
@@ -18601,6 +18611,7 @@ var IkasThemeComponentPropType;
     IkasThemeComponentPropType["LIST_OF_LINK"] = "LIST_OF_LINK";
     IkasThemeComponentPropType["PRODUCT_DETAIL"] = "PRODUCT_DETAIL";
     IkasThemeComponentPropType["PRODUCT_LIST"] = "PRODUCT_LIST";
+    IkasThemeComponentPropType["PRODUCT_ATTRIBUTE"] = "PRODUCT_ATTRIBUTE";
     IkasThemeComponentPropType["BRAND"] = "BRAND";
     IkasThemeComponentPropType["BRAND_LIST"] = "BRAND_LIST";
     IkasThemeComponentPropType["CATEGORY"] = "CATEGORY";
@@ -18611,6 +18622,9 @@ var IkasThemeComponentPropType;
     IkasThemeComponentPropType["COMPONENT_LIST"] = "COMPONENT_LIST";
     IkasThemeComponentPropType["BLOG"] = "BLOG";
     IkasThemeComponentPropType["BLOG_LIST"] = "BLOG_LIST";
+    IkasThemeComponentPropType["OBJECT"] = "OBJECT";
+    IkasThemeComponentPropType["STATIC_LIST"] = "STATIC_LIST";
+    IkasThemeComponentPropType["DYNAMIC_LIST"] = "DYNAMIC_LIST";
 })(IkasThemeComponentPropType || (IkasThemeComponentPropType = {}));
 
 var IkasThemeComponent = /** @class */ (function () {
@@ -18634,7 +18648,7 @@ var IkasThemeCustomData = /** @class */ (function () {
         if (data === void 0) { data = {}; }
         this.id = data.id || "";
         this.name = data.name || null;
-        this.type = data.type || IkasThemeCustomDataType.TEXT;
+        this.type = data.type || IkasThemeComponentPropType.TEXT;
         this.isRequired = data.isRequired !== undefined ? data.isRequired : true;
         this.key = data.key || null;
         this.parent = data.parent || null;
@@ -18645,7 +18659,7 @@ var IkasThemeCustomData = /** @class */ (function () {
                 return new IkasThemeCustomData(__assign(__assign({}, nd), { parent: _this }));
             })
             : null;
-        if (this.type === IkasThemeCustomDataType.STATIC_LIST && !this.itemCount)
+        if (this.type === IkasThemeComponentPropType.STATIC_LIST && !this.itemCount)
             this.itemCount = 1;
         makeAutoObservable(this);
     }
@@ -18655,32 +18669,7 @@ var IkasThemeCustomData = /** @class */ (function () {
         return obj;
     };
     return IkasThemeCustomData;
-}());
-var IkasThemeCustomDataType;
-(function (IkasThemeCustomDataType) {
-    IkasThemeCustomDataType["TEXT"] = "TEXT";
-    IkasThemeCustomDataType["RICH_TEXT"] = "RICH_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["COMPONENT"] = "COMPONENT";
-    IkasThemeCustomDataType["COMPONENT_LIST"] = "COMPONENT_LIST";
-    IkasThemeCustomDataType["BLOG"] = "BLOG";
-    IkasThemeCustomDataType["BLOG_LIST"] = "BLOG_LIST";
-    IkasThemeCustomDataType["OBJECT"] = "OBJECT";
-    IkasThemeCustomDataType["STATIC_LIST"] = "STATIC_LIST";
-    IkasThemeCustomDataType["DYNAMIC_LIST"] = "DYNAMIC_LIST";
-})(IkasThemeCustomDataType || (IkasThemeCustomDataType = {}));
+}());
 
 var IkasThemePageComponent = /** @class */ (function () {
     function IkasThemePageComponent(data) {
@@ -21225,8 +21214,10 @@ var IkasProductList = /** @class */ (function () {
         }); };
         this.searchDebouncer = debounce_1(function () {
             _this.applyFilters();
-            Analytics.search(_this._searchKeyword);
         }, 100);
+        this.analyticsDebouncer = debounce_1(function () {
+            Analytics.search(_this._searchKeyword);
+        }, 1000);
         this.data = data.data
             ? data.data.map(function (d) { return new IkasProductDetail(d.product, d.selectedVariantValues); })
             : [];
@@ -21303,6 +21294,7 @@ var IkasProductList = /** @class */ (function () {
                 return;
             this._searchKeyword = value;
             this.searchDebouncer();
+            this.analyticsDebouncer();
         },
         enumerable: false,
         configurable: true
@@ -24220,27 +24212,27 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
                         _b.trys.push([1, 40, , 41]);
                         _a = this.customData.type;
                         switch (_a) {
-                            case IkasThemeCustomDataType.TEXT: return [3 /*break*/, 2];
-                            case IkasThemeCustomDataType.RICH_TEXT: return [3 /*break*/, 4];
-                            case IkasThemeCustomDataType.BOOLEAN: return [3 /*break*/, 6];
-                            case IkasThemeCustomDataType.BRAND_LIST: return [3 /*break*/, 8];
-                            case IkasThemeCustomDataType.BRAND: return [3 /*break*/, 10];
-                            case IkasThemeCustomDataType.CATEGORY_LIST: return [3 /*break*/, 12];
-                            case IkasThemeCustomDataType.CATEGORY: return [3 /*break*/, 14];
-                            case IkasThemeCustomDataType.COLOR: return [3 /*break*/, 16];
-                            case IkasThemeCustomDataType.IMAGE_LIST: return [3 /*break*/, 18];
-                            case IkasThemeCustomDataType.IMAGE: return [3 /*break*/, 20];
-                            case IkasThemeCustomDataType.LINK: return [3 /*break*/, 22];
-                            case IkasThemeCustomDataType.LIST_OF_LINK: return [3 /*break*/, 22];
-                            case IkasThemeCustomDataType.PRODUCT_DETAIL: return [3 /*break*/, 24];
-                            case IkasThemeCustomDataType.PRODUCT_LIST: return [3 /*break*/, 26];
-                            case IkasThemeCustomDataType.OBJECT: return [3 /*break*/, 28];
-                            case IkasThemeCustomDataType.DYNAMIC_LIST: return [3 /*break*/, 30];
-                            case IkasThemeCustomDataType.STATIC_LIST: return [3 /*break*/, 30];
-                            case IkasThemeCustomDataType.COMPONENT: return [3 /*break*/, 32];
-                            case IkasThemeCustomDataType.COMPONENT_LIST: return [3 /*break*/, 32];
-                            case IkasThemeCustomDataType.BLOG: return [3 /*break*/, 34];
-                            case IkasThemeCustomDataType.BLOG_LIST: return [3 /*break*/, 36];
+                            case IkasThemeComponentPropType.TEXT: return [3 /*break*/, 2];
+                            case IkasThemeComponentPropType.RICH_TEXT: return [3 /*break*/, 4];
+                            case IkasThemeComponentPropType.BOOLEAN: return [3 /*break*/, 6];
+                            case IkasThemeComponentPropType.BRAND_LIST: return [3 /*break*/, 8];
+                            case IkasThemeComponentPropType.BRAND: return [3 /*break*/, 10];
+                            case IkasThemeComponentPropType.CATEGORY_LIST: return [3 /*break*/, 12];
+                            case IkasThemeComponentPropType.CATEGORY: return [3 /*break*/, 14];
+                            case IkasThemeComponentPropType.COLOR: return [3 /*break*/, 16];
+                            case IkasThemeComponentPropType.IMAGE_LIST: return [3 /*break*/, 18];
+                            case IkasThemeComponentPropType.IMAGE: return [3 /*break*/, 20];
+                            case IkasThemeComponentPropType.LINK: return [3 /*break*/, 22];
+                            case IkasThemeComponentPropType.LIST_OF_LINK: return [3 /*break*/, 22];
+                            case IkasThemeComponentPropType.PRODUCT_DETAIL: return [3 /*break*/, 24];
+                            case IkasThemeComponentPropType.PRODUCT_LIST: return [3 /*break*/, 26];
+                            case IkasThemeComponentPropType.OBJECT: return [3 /*break*/, 28];
+                            case IkasThemeComponentPropType.DYNAMIC_LIST: return [3 /*break*/, 30];
+                            case IkasThemeComponentPropType.STATIC_LIST: return [3 /*break*/, 30];
+                            case IkasThemeComponentPropType.COMPONENT: return [3 /*break*/, 32];
+                            case IkasThemeComponentPropType.COMPONENT_LIST: return [3 /*break*/, 32];
+                            case IkasThemeComponentPropType.BLOG: return [3 /*break*/, 34];
+                            case IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 36];
                         }
                         return [3 /*break*/, 38];
                     case 2: return [4 /*yield*/, this.getTextValue()];
@@ -24746,12 +24738,16 @@ var ThemeComponent = observer(function (_a) {
 });
 
 var IkasPageHead = observer(function (_a) {
-    var _b;
+    var _b, _c;
     var page = _a.page, pageTitle = _a.pageTitle, description = _a.description, pageSpecificDataStr = _a.pageSpecificDataStr, props = __rest(_a, ["page", "pageTitle", "description", "pageSpecificDataStr"]);
     var ogpMetas = [];
     var schemas = [];
     var isCanonicalLinkAdd = false;
     var canonicalHref = "";
+    if (typeof window !== "undefined") {
+        document.documentElement.lang =
+            ((_b = IkasStorefrontConfig.routings.find(function (r) { return r.id === IkasStorefrontConfig.storefrontRoutingId; })) === null || _b === void 0 ? void 0 : _b.locale) || "tr";
+    }
     if (props.addOgpMetas) {
         ogpMetas.push({
             property: "og:type",
@@ -24788,7 +24784,7 @@ var IkasPageHead = observer(function (_a) {
                 if (productDetail.selectedVariant.mainImage) {
                     ogpMetas.push({
                         property: "og:image",
-                        content: (_b = productDetail.selectedVariant.mainImage) === null || _b === void 0 ? void 0 : _b.src,
+                        content: (_c = productDetail.selectedVariant.mainImage) === null || _c === void 0 ? void 0 : _c.src,
                     });
                 }
             }
@@ -24996,6 +24992,64 @@ var pageStyle = {
     justifyContent: "space-between",
 };
 
+var IkasAttributePropValueProvider = /** @class */ (function () {
+    function IkasAttributePropValueProvider(prop, pageSpecificData) {
+        this.attributePropValue = prop;
+        this.pageSpecificData = pageSpecificData;
+    }
+    IkasAttributePropValueProvider.prototype.getValue = function () {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var productDetail, productSearchResponse, productList, product, variant;
+            var _this = this;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!this.attributePropValue.attributeId ||
+                            (this.attributePropValue.usePageData && !this.pageSpecificData) ||
+                            (!this.attributePropValue.usePageData &&
+                                !this.attributePropValue.variantId)) {
+                            return [2 /*return*/, []];
+                        }
+                        if (!((_a = this.attributePropValue) === null || _a === void 0 ? void 0 : _a.usePageData)) return [3 /*break*/, 1];
+                        productDetail = this.pageSpecificData;
+                        return [3 /*break*/, 3];
+                    case 1: return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
+                            productIdList: [this.attributePropValue.productId],
+                            priceListId: IkasStorefrontConfig.priceListId,
+                            salesChannelId: IkasStorefrontConfig.salesChannelId,
+                        })];
+                    case 2:
+                        productSearchResponse = _b.sent();
+                        if (productSearchResponse) {
+                            productList = productSearchResponse.data;
+                            if (productList.length) {
+                                product = productList[0];
+                                if (product === null || product === void 0 ? void 0 : product.hasVariant) {
+                                    variant = product.variants.find(function (v) { return v.id === _this.attributePropValue.variantId; });
+                                    if (variant) {
+                                        productDetail = new IkasProductDetail(product, variant.variantValues);
+                                    }
+                                }
+                                else {
+                                    productDetail = new IkasProductDetail(product, product.variants[0].variantValues);
+                                }
+                            }
+                        }
+                        _b.label = 3;
+                    case 3:
+                        if (!productDetail)
+                            return [2 /*return*/, []];
+                        return [2 /*return*/, productDetail.product.hasVariant
+                                ? productDetail.selectedVariant.attributes.filter(function (a) { return a.productAttributeId === _this.attributePropValue.attributeId; })
+                                : productDetail.product.attributes.filter(function (a) { return a.productAttributeId === _this.attributePropValue.attributeId; })];
+                }
+            });
+        });
+    };
+    return IkasAttributePropValueProvider;
+}());
+
 var IkasPageDataProvider = /** @class */ (function () {
     function IkasPageDataProvider(theme, pageParams, pageType) {
         this.pageType = null;
@@ -25398,76 +25452,80 @@ var IkasPageDataProvider = /** @class */ (function () {
                             case IkasThemeComponentPropType.BRAND_LIST: return [3 /*break*/, 7];
                             case IkasThemeComponentPropType.PRODUCT_LIST: return [3 /*break*/, 8];
                             case IkasThemeComponentPropType.PRODUCT_DETAIL: return [3 /*break*/, 9];
-                            case IkasThemeComponentPropType.CATEGORY: return [3 /*break*/, 10];
-                            case IkasThemeComponentPropType.CATEGORY_LIST: return [3 /*break*/, 11];
-                            case IkasThemeComponentPropType.LINK: return [3 /*break*/, 12];
-                            case IkasThemeComponentPropType.LIST_OF_LINK: return [3 /*break*/, 12];
-                            case IkasThemeComponentPropType.COLOR: return [3 /*break*/, 13];
-                            case IkasThemeComponentPropType.CUSTOM: return [3 /*break*/, 14];
-                            case IkasThemeComponentPropType.COMPONENT: return [3 /*break*/, 15];
-                            case IkasThemeComponentPropType.COMPONENT_LIST: return [3 /*break*/, 15];
-                            case IkasThemeComponentPropType.BLOG: return [3 /*break*/, 17];
-                            case IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 18];
+                            case IkasThemeComponentPropType.PRODUCT_ATTRIBUTE: return [3 /*break*/, 10];
+                            case IkasThemeComponentPropType.CATEGORY: return [3 /*break*/, 11];
+                            case IkasThemeComponentPropType.CATEGORY_LIST: return [3 /*break*/, 12];
+                            case IkasThemeComponentPropType.LINK: return [3 /*break*/, 13];
+                            case IkasThemeComponentPropType.LIST_OF_LINK: return [3 /*break*/, 13];
+                            case IkasThemeComponentPropType.COLOR: return [3 /*break*/, 14];
+                            case IkasThemeComponentPropType.CUSTOM: return [3 /*break*/, 15];
+                            case IkasThemeComponentPropType.COMPONENT: return [3 /*break*/, 16];
+                            case IkasThemeComponentPropType.COMPONENT_LIST: return [3 /*break*/, 16];
+                            case IkasThemeComponentPropType.BLOG: return [3 /*break*/, 18];
+                            case IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 19];
                         }
-                        return [3 /*break*/, 19];
+                        return [3 /*break*/, 20];
                     case 1:
                         propValueProvider = new IkasTextPropValueProvider(propValue);
-                        return [3 /*break*/, 20];
+                        return [3 /*break*/, 21];
                     case 2:
                         propValueProvider = new IkasRichTextPropValueProvider(propValue);
-                        return [3 /*break*/, 20];
+                        return [3 /*break*/, 21];
                     case 3:
                         propValueProvider = new IkasBooleanPropValueProvider(propValue);
-                        return [3 /*break*/, 20];
+                        return [3 /*break*/, 21];
                     case 4:
                         propValueProvider = new IkasImagePropValueProvider(propValue);
-                        return [3 /*break*/, 20];
+                        return [3 /*break*/, 21];
                     case 5:
                         propValueProvider = new IkasImageListPropValueProvider(propValue);
-                        return [3 /*break*/, 20];
+                        return [3 /*break*/, 21];
                     case 6:
                         propValueProvider = new IkasBrandPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 20];
+                        return [3 /*break*/, 21];
                     case 7:
                         propValueProvider = new IkasBrandListPropValueProvider(propValue);
-                        return [3 /*break*/, 20];
+                        return [3 /*break*/, 21];
                     case 8:
                         propValueProvider = new IkasProductListPropValueProvider(this.pageType, propValue, this.pageSpecificData);
-                        return [3 /*break*/, 20];
+                        return [3 /*break*/, 21];
                     case 9:
                         propValueProvider = new IkasProductDetailPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 20];
+                        return [3 /*break*/, 21];
                     case 10:
-                        propValueProvider = new IkasCategoryPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 20];
+                        propValueProvider = new IkasAttributePropValueProvider(propValue, this.pageSpecificData);
+                        return [3 /*break*/, 21];
                     case 11:
-                        propValueProvider = new IkasCategoryListPropValueProvider(propValue);
-                        return [3 /*break*/, 20];
+                        propValueProvider = new IkasCategoryPropValueProvider(propValue, this.pageSpecificData);
+                        return [3 /*break*/, 21];
                     case 12:
-                        propValueProvider = new IkasLinkPropValueProvider(propValue, this.theme);
-                        return [3 /*break*/, 20];
+                        propValueProvider = new IkasCategoryListPropValueProvider(propValue);
+                        return [3 /*break*/, 21];
                     case 13:
-                        propValueProvider = new IkasColorPropValueProvider(propValue);
-                        return [3 /*break*/, 20];
+                        propValueProvider = new IkasLinkPropValueProvider(propValue, this.theme);
+                        return [3 /*break*/, 21];
                     case 14:
+                        propValueProvider = new IkasColorPropValueProvider(propValue);
+                        return [3 /*break*/, 21];
+                    case 15:
                         customData = this.theme.customData.find(function (cd) { return cd.id === prop.customDataId; });
                         if (!customData)
                             return [2 /*return*/];
                         propValueProvider = new IkasCustomPropValueProvider(propValue, customData, this.theme, this.pageType, this, this.pageSpecificData, this.pageParams);
-                        return [3 /*break*/, 20];
-                    case 15:
+                        return [3 /*break*/, 21];
+                    case 16:
                         pageComponents = propValue;
                         return [4 /*yield*/, Promise.all(pageComponents.map(function (tp) { return _this.getPageComponentPropValues(tp); }))];
-                    case 16: return [2 /*return*/, _b.sent()];
-                    case 17:
-                        propValueProvider = new IkasBlogPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 20];
+                    case 17: return [2 /*return*/, _b.sent()];
                     case 18:
+                        propValueProvider = new IkasBlogPropValueProvider(propValue, this.pageSpecificData);
+                        return [3 /*break*/, 21];
+                    case 19:
                         propValueProvider = new IkasBlogListPropValueProvider(this.pageType, propValue, this.pageSpecificData);
-                        return [3 /*break*/, 20];
-                    case 19: return [3 /*break*/, 20];
-                    case 20: return [4 /*yield*/, (propValueProvider === null || propValueProvider === void 0 ? void 0 : propValueProvider.getValue())];
-                    case 21: return [2 /*return*/, _b.sent()];
+                        return [3 /*break*/, 21];
+                    case 20: return [3 /*break*/, 21];
+                    case 21: return [4 /*yield*/, (propValueProvider === null || propValueProvider === void 0 ? void 0 : propValueProvider.getValue())];
+                    case 22: return [2 /*return*/, _b.sent()];
                 }
             });
         });
@@ -25519,6 +25577,9 @@ var IkasPageDataProvider = /** @class */ (function () {
                     case IkasThemeComponentPropType.PRODUCT_DETAIL:
                         IkasPageDataProvider.initProductDetailPropValue(prop, propValue, pageComponentPropValue, router, isBrowser);
                         break;
+                    case IkasThemeComponentPropType.PRODUCT_ATTRIBUTE:
+                        IkasPageDataProvider.initAttributePropValue(prop, propValue, pageComponentPropValue);
+                        break;
                     case IkasThemeComponentPropType.LINK:
                     case IkasThemeComponentPropType.LIST_OF_LINK:
                         IkasPageDataProvider.initLinkPropValue(prop, propValue, pageComponentPropValue);
@@ -25592,6 +25653,14 @@ var IkasPageDataProvider = /** @class */ (function () {
         }
         return new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues, router);
     };
+    IkasPageDataProvider.initAttributePropValue = function (prop, propValue, pageComponentPropValue) {
+        pageComponentPropValue.propValues[prop.name] = IkasPageDataProvider._initAttributePropValue(propValue);
+    };
+    IkasPageDataProvider._initAttributePropValue = function (propValue) {
+        return propValue
+            ? propValue.map(function (p) { return new IkasProductAttributeValue(p); })
+            : [];
+    };
     IkasPageDataProvider.initLinkPropValue = function (prop, propValue, pageComponentPropValue) {
         pageComponentPropValue.propValues[prop.name] = this._initLinkPropValue(propValue);
     };
@@ -25632,25 +25701,27 @@ var IkasPageDataProvider = /** @class */ (function () {
         if (propValue === null || propValue === undefined)
             return null;
         switch (customData.type) {
-            case IkasThemeCustomDataType.BRAND:
+            case IkasThemeComponentPropType.BRAND:
                 return this._initBrandPropValue(propValue);
-            case IkasThemeCustomDataType.BRAND_LIST:
+            case IkasThemeComponentPropType.BRAND_LIST:
                 return this._initBrandListPropValue(propValue);
-            case IkasThemeCustomDataType.CATEGORY_LIST:
+            case IkasThemeComponentPropType.CATEGORY_LIST:
                 return this._initCategoryListPropValue(propValue);
-            case IkasThemeCustomDataType.CATEGORY:
+            case IkasThemeComponentPropType.CATEGORY:
                 return this._initCategoryPropValue(propValue);
-            case IkasThemeCustomDataType.IMAGE_LIST:
+            case IkasThemeComponentPropType.IMAGE_LIST:
                 return this._initImageListPropValue(propValue);
-            case IkasThemeCustomDataType.IMAGE:
+            case IkasThemeComponentPropType.IMAGE:
                 return this._initImagePropValue(propValue);
-            case IkasThemeCustomDataType.LINK:
+            case IkasThemeComponentPropType.LINK:
                 return this._initLinkPropValue(propValue);
-            case IkasThemeCustomDataType.PRODUCT_DETAIL:
+            case IkasThemeComponentPropType.PRODUCT_DETAIL:
                 return this._initProductDetailPropValue(propValue, router, isBrowser);
-            case IkasThemeCustomDataType.PRODUCT_LIST:
+            case IkasThemeComponentPropType.PRODUCT_LIST:
                 return this._initProductListPropValue(propValue, router);
-            case IkasThemeCustomDataType.OBJECT:
+            case IkasThemeComponentPropType.PRODUCT_ATTRIBUTE:
+                return this._initAttributePropValue(propValue);
+            case IkasThemeComponentPropType.OBJECT:
                 var objectValue = {};
                 for (var _i = 0, _a = customData.nestedData || []; _i < _a.length; _i++) {
                     var nestedCustomData = _a[_i];
@@ -25658,8 +25729,8 @@ var IkasPageDataProvider = /** @class */ (function () {
                     objectValue[nestedCustomData.key] = this._initCustomDataPropValue(value, nestedCustomData, router, settings, isBrowser);
                 }
                 return objectValue;
-            case IkasThemeCustomDataType.DYNAMIC_LIST:
-            case IkasThemeCustomDataType.STATIC_LIST:
+            case IkasThemeComponentPropType.DYNAMIC_LIST:
+            case IkasThemeComponentPropType.STATIC_LIST:
                 try {
                     if (!propValue || !propValue.length)
                         return null;
@@ -25673,9 +25744,9 @@ var IkasPageDataProvider = /** @class */ (function () {
                 catch (err) {
                     return [];
                 }
-            case IkasThemeCustomDataType.COMPONENT:
+            case IkasThemeComponentPropType.COMPONENT:
                 return this._initComponentPropValue(propValue, router, settings, isBrowser);
-            case IkasThemeCustomDataType.COMPONENT_LIST:
+            case IkasThemeComponentPropType.COMPONENT_LIST:
                 return this._initComponentListPropValue(propValue, router, settings, isBrowser);
             default:
                 return propValue;
@@ -27482,6 +27553,26 @@ var IkasMerchantAPI = /** @class */ (function () {
 }());
 var templateObject_1$a;
 
+var IkasProductAttributeTableCell = /** @class */ (function () {
+    function IkasProductAttributeTableCell(data) {
+        this.id = (data === null || data === void 0 ? void 0 : data.id) || "";
+        this.name = (data === null || data === void 0 ? void 0 : data.name) || null;
+        makeAutoObservable(this);
+    }
+    return IkasProductAttributeTableCell;
+}());
+
+var IkasProductAttributeTableTemplate = /** @class */ (function () {
+    function IkasProductAttributeTableTemplate(data) {
+        this.columns = (data === null || data === void 0 ? void 0 : data.columns) ? data.columns.map(function (c) { return new IkasProductAttributeTableCell(c); })
+            : [];
+        this.rows = (data === null || data === void 0 ? void 0 : data.rows) ? data.rows.map(function (r) { return new IkasProductAttributeTableCell(r); })
+            : [];
+        makeAutoObservable(this);
+    }
+    return IkasProductAttributeTableTemplate;
+}());
+
 var IkasProductSearchAPI = /** @class */ (function () {
     function IkasProductSearchAPI() {
     }
@@ -27576,7 +27667,7 @@ function simpleToProduct(simple) {
     return new IkasProduct({
         id: simple.id,
         attributes: (_a = simple.attributes) === null || _a === void 0 ? void 0 : _a.map(function (a) {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d, _e, _f;
             return new IkasProductAttributeValue({
                 value: a.value,
                 productAttributeId: (_a = a.productAttribute) === null || _a === void 0 ? void 0 : _a.id,
@@ -27585,6 +27676,8 @@ function simpleToProduct(simple) {
                     id: (_c = a.productAttribute) === null || _c === void 0 ? void 0 : _c.id,
                     name: (_d = a.productAttribute) === null || _d === void 0 ? void 0 : _d.name,
                     type: (_e = a.productAttribute) === null || _e === void 0 ? void 0 : _e.type,
+                    tableTemplate: ((_f = a.productAttribute) === null || _f === void 0 ? void 0 : _f.tableTemplate) ? new IkasProductAttributeTableTemplate(a.productAttribute.tableTemplate)
+                        : null,
                 }),
                 productAttributeOption: a.productAttributeOption,
             });
@@ -27616,7 +27709,6 @@ function simpleToProduct(simple) {
         metaData: new IkasHTMLMetaData(simple.metaData || undefined),
         name: simple.name,
         shortDescription: simple.shortDescription || undefined,
-        type: simple.type || undefined,
         variantTypes: simple.productVariantTypes.map(function (pvt) {
             return new IkasProductVariantType({
                 variantType: new IkasVariantType({
@@ -27643,7 +27735,7 @@ function simpleToProduct(simple) {
             return new IkasProductVariant({
                 id: v.id,
                 attributes: (_a = v.attributes) === null || _a === void 0 ? void 0 : _a.map(function (a) {
-                    var _a, _b, _c, _d, _e;
+                    var _a, _b, _c, _d, _e, _f;
                     return new IkasProductAttributeValue({
                         value: a.value,
                         productAttributeId: (_a = a.productAttribute) === null || _a === void 0 ? void 0 : _a.id,
@@ -27652,6 +27744,8 @@ function simpleToProduct(simple) {
                             id: (_c = a.productAttribute) === null || _c === void 0 ? void 0 : _c.id,
                             name: (_d = a.productAttribute) === null || _d === void 0 ? void 0 : _d.name,
                             type: (_e = a.productAttribute) === null || _e === void 0 ? void 0 : _e.type,
+                            tableTemplate: ((_f = a.productAttribute) === null || _f === void 0 ? void 0 : _f.tableTemplate) ? new IkasProductAttributeTableTemplate(a.productAttribute.tableTemplate)
+                                : null,
                         }),
                         productAttributeOption: a.productAttributeOption,
                     });
@@ -30235,7 +30329,7 @@ var SettingsHelper = /** @class */ (function () {
     SettingsHelper.getSettings = function (locale) {
         var _this = this;
         return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
-            var isLocal, storefrontResponse, storefront, localTheme, settings, storefront_1, salesChannel_1, localizationMap, favicon_1, themeLocalizationPath, routing_1;
+            var isLocal, storefrontResponse, storefront, localTheme, settings, storefront_1, salesChannel_1, localizationMap, themeLocalizationPath, routing_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -30277,7 +30371,6 @@ var SettingsHelper = /** @class */ (function () {
                         storefront_1 = new IkasStorefront(settings.storefront);
                         salesChannel_1 = new IkasSalesChannel(settings.salesChannel);
                         localizationMap = settings.localizationMap;
-                        favicon_1 = settings.favicon;
                         themeLocalizationPath = localizationMap[locale];
                         routing_1 = storefront_1.routings.find(function (r) { return r.id === locale || r.path === locale; });
                         if (!themeLocalizationPath || !routing_1) {
@@ -30293,12 +30386,14 @@ var SettingsHelper = /** @class */ (function () {
                                 return resolve(null);
                             }
                             var result = file.length ? JSON.parse(file.toString()) : {};
+                            var themeLocalization = new IkasStorefrontThemeLocalization(result);
+                            var favicon = themeLocalization.themeJson.settings.favicon;
                             resolve({
                                 storefront: storefront_1,
-                                themeLocalization: new IkasStorefrontThemeLocalization(result),
+                                themeLocalization: themeLocalization,
                                 salesChannel: salesChannel_1,
                                 routing: routing_1,
-                                favicon: favicon_1,
+                                favicon: favicon,
                             });
                         });
                         _a.label = 5;
@@ -31176,4 +31271,4 @@ var IkasBaseStore = /** @class */ (function () {
     return IkasBaseStore;
 }());
 
-export { AccountInfoForm, index$3 as AccountPage, AddressForm, addresses as AddressesPage, Analytics, AnalyticsBody, AnalyticsHead, index$5 as BlogPage, _slug_$2 as BlogSlugPage, cart as CartPage, _id_$1 as CheckoutPage, ContactForm, _slug_ as CustomPage, editor$1 as EditorPage, EmailRule, EqualsRule, favoriteProducts as FavoriteProductsPage, ForgotPasswordForm, forgotPassword as ForgotPasswordPage, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasApplicableProductFilterValue, IkasBaseStore, IkasBlog, IkasBlogAPI, IkasBlogCategory, IkasBlogContent, IkasBlogList, IkasBlogListPropValue, IkasBlogListType, IkasBlogMetaData, IkasBlogMetadataTargetType, IkasBlogPropValue, IkasBlogTag, IkasBlogWriter, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutPage, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasComponentRenderer, IkasContactForm, IkasContactFormAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasFavoriteProduct, IkasFavoriteProductAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductFilter, IkasProductFilterDisplayType, IkasProductFilterSettings, IkasProductFilterSortType, IkasProductFilterType, IkasProductFilterValue, IkasProductList, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductSearchAPI, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontConfig, IkasTheme, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemeCustomData, IkasThemeCustomDataType, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, Image, home as IndexPage, LessThanRule, LoginForm, login as LoginPage, MaxRule, MinRule, _404 as NotFoundPage, _id_$2 as OrderDetailPage, OrderLineItemStatusEnum$1 as OrderLineItemStatusEnum, index$4 as OrdersPage, PhoneRule, RangeValue, RecoverPasswordForm, recoverPassword as RecoverPasswordPage, RegisterForm, register as RegisterPage, RequiredRule, search as SearchPage, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, decodeBase64, formatMoney, getPlaceholderBlog, getPlaceholderBrand, getPlaceholderCategory, getPlaceholderProduct, parseRangeStr, pascalCase, stringToSlug, validatePhoneNumber };
+export { AccountInfoForm, index$3 as AccountPage, AddressForm, addresses as AddressesPage, Analytics, AnalyticsBody, AnalyticsHead, index$5 as BlogPage, _slug_$2 as BlogSlugPage, cart as CartPage, _id_$1 as CheckoutPage, ContactForm, _slug_ as CustomPage, editor$1 as EditorPage, EmailRule, EqualsRule, favoriteProducts as FavoriteProductsPage, ForgotPasswordForm, forgotPassword as ForgotPasswordPage, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasApplicableProductFilterValue, IkasBaseStore, IkasBlog, IkasBlogAPI, IkasBlogCategory, IkasBlogContent, IkasBlogList, IkasBlogListPropValue, IkasBlogListType, IkasBlogMetaData, IkasBlogMetadataTargetType, IkasBlogPropValue, IkasBlogTag, IkasBlogWriter, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutPage, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasComponentRenderer, IkasContactForm, IkasContactFormAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasFavoriteProduct, IkasFavoriteProductAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductFilter, IkasProductFilterDisplayType, IkasProductFilterSettings, IkasProductFilterSortType, IkasProductFilterType, IkasProductFilterValue, IkasProductList, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductSearchAPI, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontConfig, IkasTheme, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemeCustomData, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, Image, home as IndexPage, LessThanRule, LoginForm, login as LoginPage, MaxRule, MinRule, _404 as NotFoundPage, _id_$2 as OrderDetailPage, OrderLineItemStatusEnum$1 as OrderLineItemStatusEnum, index$4 as OrdersPage, PhoneRule, RangeValue, RecoverPasswordForm, recoverPassword as RecoverPasswordPage, RegisterForm, register as RegisterPage, RequiredRule, search as SearchPage, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, decodeBase64, formatMoney, getPlaceholderBlog, getPlaceholderBrand, getPlaceholderCategory, getPlaceholderProduct, parseRangeStr, pascalCase, stringToSlug, validatePhoneNumber };