@ikas/storefront 0.0.135 → 0.0.136

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()];
@@ -24996,6 +24988,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 +25448,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 +25573,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 +25649,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 +25697,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 +25725,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 +25740,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 +27549,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 +27663,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 +27672,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 +27705,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 +27731,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 +27740,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,
                     });
@@ -31176,4 +31266,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 };

package/build/index.js

@@ -17975,6 +17975,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;
         mobx.makeAutoObservable(this);
     }
     return IkasProductAttribute;
@@ -17988,6 +17989,7 @@ var IkasProductAttributeType;
     IkasProductAttributeType["NUMERIC"] = "NUMERIC";
     IkasProductAttributeType["DATETIME"] = "DATETIME";
     IkasProductAttributeType["HTML"] = "HTML";
+    IkasProductAttributeType["TABLE"] = "TABLE";
 })(IkasProductAttributeType || (IkasProductAttributeType = {}));
 
 var IkasProductAttributeValue = /** @class */ (function () {
@@ -18003,6 +18005,14 @@ var IkasProductAttributeValue = /** @class */ (function () {
             : null;
         mobx.makeAutoObservable(this);
     }
+    Object.defineProperty(IkasProductAttributeValue.prototype, "tableValue", {
+        get: function () {
+            if (this.value)
+                return JSON.parse(this.value);
+        },
+        enumerable: false,
+        configurable: true
+    });
     return IkasProductAttributeValue;
 }());
 
@@ -18591,6 +18601,7 @@ var IkasThemeComponentProp = /** @class */ (function () {
     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";
@@ -18601,6 +18612,9 @@ var IkasThemeComponentProp = /** @class */ (function () {
     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";
 })(exports.IkasThemeComponentPropType || (exports.IkasThemeComponentPropType = {}));
 
 var IkasThemeComponent = /** @class */ (function () {
@@ -18624,7 +18638,7 @@ var IkasThemeCustomData = /** @class */ (function () {
         if (data === void 0) { data = {}; }
         this.id = data.id || "";
         this.name = data.name || null;
-        this.type = data.type || exports.IkasThemeCustomDataType.TEXT;
+        this.type = data.type || exports.IkasThemeComponentPropType.TEXT;
         this.isRequired = data.isRequired !== undefined ? data.isRequired : true;
         this.key = data.key || null;
         this.parent = data.parent || null;
@@ -18635,7 +18649,7 @@ var IkasThemeCustomData = /** @class */ (function () {
                 return new IkasThemeCustomData(__assign(__assign({}, nd), { parent: _this }));
             })
             : null;
-        if (this.type === exports.IkasThemeCustomDataType.STATIC_LIST && !this.itemCount)
+        if (this.type === exports.IkasThemeComponentPropType.STATIC_LIST && !this.itemCount)
             this.itemCount = 1;
         mobx.makeAutoObservable(this);
     }
@@ -18645,31 +18659,7 @@ var IkasThemeCustomData = /** @class */ (function () {
         return obj;
     };
     return IkasThemeCustomData;
-}());
-(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";
-})(exports.IkasThemeCustomDataType || (exports.IkasThemeCustomDataType = {}));
+}());
 
 var IkasThemePageComponent = /** @class */ (function () {
     function IkasThemePageComponent(data) {
@@ -21207,8 +21197,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); })
             : [];
@@ -21285,6 +21277,7 @@ var IkasProductList = /** @class */ (function () {
                 return;
             this._searchKeyword = value;
             this.searchDebouncer();
+            this.analyticsDebouncer();
         },
         enumerable: false,
         configurable: true
@@ -24199,27 +24192,27 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
                         _b.trys.push([1, 40, , 41]);
                         _a = this.customData.type;
                         switch (_a) {
-                            case exports.IkasThemeCustomDataType.TEXT: return [3 /*break*/, 2];
-                            case exports.IkasThemeCustomDataType.RICH_TEXT: return [3 /*break*/, 4];
-                            case exports.IkasThemeCustomDataType.BOOLEAN: return [3 /*break*/, 6];
-                            case exports.IkasThemeCustomDataType.BRAND_LIST: return [3 /*break*/, 8];
-                            case exports.IkasThemeCustomDataType.BRAND: return [3 /*break*/, 10];
-                            case exports.IkasThemeCustomDataType.CATEGORY_LIST: return [3 /*break*/, 12];
-                            case exports.IkasThemeCustomDataType.CATEGORY: return [3 /*break*/, 14];
-                            case exports.IkasThemeCustomDataType.COLOR: return [3 /*break*/, 16];
-                            case exports.IkasThemeCustomDataType.IMAGE_LIST: return [3 /*break*/, 18];
-                            case exports.IkasThemeCustomDataType.IMAGE: return [3 /*break*/, 20];
-                            case exports.IkasThemeCustomDataType.LINK: return [3 /*break*/, 22];
-                            case exports.IkasThemeCustomDataType.LIST_OF_LINK: return [3 /*break*/, 22];
-                            case exports.IkasThemeCustomDataType.PRODUCT_DETAIL: return [3 /*break*/, 24];
-                            case exports.IkasThemeCustomDataType.PRODUCT_LIST: return [3 /*break*/, 26];
-                            case exports.IkasThemeCustomDataType.OBJECT: return [3 /*break*/, 28];
-                            case exports.IkasThemeCustomDataType.DYNAMIC_LIST: return [3 /*break*/, 30];
-                            case exports.IkasThemeCustomDataType.STATIC_LIST: return [3 /*break*/, 30];
-                            case exports.IkasThemeCustomDataType.COMPONENT: return [3 /*break*/, 32];
-                            case exports.IkasThemeCustomDataType.COMPONENT_LIST: return [3 /*break*/, 32];
-                            case exports.IkasThemeCustomDataType.BLOG: return [3 /*break*/, 34];
-                            case exports.IkasThemeCustomDataType.BLOG_LIST: return [3 /*break*/, 36];
+                            case exports.IkasThemeComponentPropType.TEXT: return [3 /*break*/, 2];
+                            case exports.IkasThemeComponentPropType.RICH_TEXT: return [3 /*break*/, 4];
+                            case exports.IkasThemeComponentPropType.BOOLEAN: return [3 /*break*/, 6];
+                            case exports.IkasThemeComponentPropType.BRAND_LIST: return [3 /*break*/, 8];
+                            case exports.IkasThemeComponentPropType.BRAND: return [3 /*break*/, 10];
+                            case exports.IkasThemeComponentPropType.CATEGORY_LIST: return [3 /*break*/, 12];
+                            case exports.IkasThemeComponentPropType.CATEGORY: return [3 /*break*/, 14];
+                            case exports.IkasThemeComponentPropType.COLOR: return [3 /*break*/, 16];
+                            case exports.IkasThemeComponentPropType.IMAGE_LIST: return [3 /*break*/, 18];
+                            case exports.IkasThemeComponentPropType.IMAGE: return [3 /*break*/, 20];
+                            case exports.IkasThemeComponentPropType.LINK: return [3 /*break*/, 22];
+                            case exports.IkasThemeComponentPropType.LIST_OF_LINK: return [3 /*break*/, 22];
+                            case exports.IkasThemeComponentPropType.PRODUCT_DETAIL: return [3 /*break*/, 24];
+                            case exports.IkasThemeComponentPropType.PRODUCT_LIST: return [3 /*break*/, 26];
+                            case exports.IkasThemeComponentPropType.OBJECT: return [3 /*break*/, 28];
+                            case exports.IkasThemeComponentPropType.DYNAMIC_LIST: return [3 /*break*/, 30];
+                            case exports.IkasThemeComponentPropType.STATIC_LIST: return [3 /*break*/, 30];
+                            case exports.IkasThemeComponentPropType.COMPONENT: return [3 /*break*/, 32];
+                            case exports.IkasThemeComponentPropType.COMPONENT_LIST: return [3 /*break*/, 32];
+                            case exports.IkasThemeComponentPropType.BLOG: return [3 /*break*/, 34];
+                            case exports.IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 36];
                         }
                         return [3 /*break*/, 38];
                     case 2: return [4 /*yield*/, this.getTextValue()];
@@ -24975,6 +24968,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;
@@ -25377,76 +25428,80 @@ var IkasPageDataProvider = /** @class */ (function () {
                             case exports.IkasThemeComponentPropType.BRAND_LIST: return [3 /*break*/, 7];
                             case exports.IkasThemeComponentPropType.PRODUCT_LIST: return [3 /*break*/, 8];
                             case exports.IkasThemeComponentPropType.PRODUCT_DETAIL: return [3 /*break*/, 9];
-                            case exports.IkasThemeComponentPropType.CATEGORY: return [3 /*break*/, 10];
-                            case exports.IkasThemeComponentPropType.CATEGORY_LIST: return [3 /*break*/, 11];
-                            case exports.IkasThemeComponentPropType.LINK: return [3 /*break*/, 12];
-                            case exports.IkasThemeComponentPropType.LIST_OF_LINK: return [3 /*break*/, 12];
-                            case exports.IkasThemeComponentPropType.COLOR: return [3 /*break*/, 13];
-                            case exports.IkasThemeComponentPropType.CUSTOM: return [3 /*break*/, 14];
-                            case exports.IkasThemeComponentPropType.COMPONENT: return [3 /*break*/, 15];
-                            case exports.IkasThemeComponentPropType.COMPONENT_LIST: return [3 /*break*/, 15];
-                            case exports.IkasThemeComponentPropType.BLOG: return [3 /*break*/, 17];
-                            case exports.IkasThemeComponentPropType.BLOG_LIST: return [3 /*break*/, 18];
+                            case exports.IkasThemeComponentPropType.PRODUCT_ATTRIBUTE: return [3 /*break*/, 10];
+                            case exports.IkasThemeComponentPropType.CATEGORY: return [3 /*break*/, 11];
+                            case exports.IkasThemeComponentPropType.CATEGORY_LIST: return [3 /*break*/, 12];
+                            case exports.IkasThemeComponentPropType.LINK: return [3 /*break*/, 13];
+                            case exports.IkasThemeComponentPropType.LIST_OF_LINK: return [3 /*break*/, 13];
+                            case exports.IkasThemeComponentPropType.COLOR: return [3 /*break*/, 14];
+                            case exports.IkasThemeComponentPropType.CUSTOM: return [3 /*break*/, 15];
+                            case exports.IkasThemeComponentPropType.COMPONENT: return [3 /*break*/, 16];
+                            case exports.IkasThemeComponentPropType.COMPONENT_LIST: return [3 /*break*/, 16];
+                            case exports.IkasThemeComponentPropType.BLOG: return [3 /*break*/, 18];
+                            case exports.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()];
                 }
             });
         });
@@ -25498,6 +25553,9 @@ var IkasPageDataProvider = /** @class */ (function () {
                     case exports.IkasThemeComponentPropType.PRODUCT_DETAIL:
                         IkasPageDataProvider.initProductDetailPropValue(prop, propValue, pageComponentPropValue, router, isBrowser);
                         break;
+                    case exports.IkasThemeComponentPropType.PRODUCT_ATTRIBUTE:
+                        IkasPageDataProvider.initAttributePropValue(prop, propValue, pageComponentPropValue);
+                        break;
                     case exports.IkasThemeComponentPropType.LINK:
                     case exports.IkasThemeComponentPropType.LIST_OF_LINK:
                         IkasPageDataProvider.initLinkPropValue(prop, propValue, pageComponentPropValue);
@@ -25571,6 +25629,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);
     };
@@ -25611,25 +25677,27 @@ var IkasPageDataProvider = /** @class */ (function () {
         if (propValue === null || propValue === undefined)
             return null;
         switch (customData.type) {
-            case exports.IkasThemeCustomDataType.BRAND:
+            case exports.IkasThemeComponentPropType.BRAND:
                 return this._initBrandPropValue(propValue);
-            case exports.IkasThemeCustomDataType.BRAND_LIST:
+            case exports.IkasThemeComponentPropType.BRAND_LIST:
                 return this._initBrandListPropValue(propValue);
-            case exports.IkasThemeCustomDataType.CATEGORY_LIST:
+            case exports.IkasThemeComponentPropType.CATEGORY_LIST:
                 return this._initCategoryListPropValue(propValue);
-            case exports.IkasThemeCustomDataType.CATEGORY:
+            case exports.IkasThemeComponentPropType.CATEGORY:
                 return this._initCategoryPropValue(propValue);
-            case exports.IkasThemeCustomDataType.IMAGE_LIST:
+            case exports.IkasThemeComponentPropType.IMAGE_LIST:
                 return this._initImageListPropValue(propValue);
-            case exports.IkasThemeCustomDataType.IMAGE:
+            case exports.IkasThemeComponentPropType.IMAGE:
                 return this._initImagePropValue(propValue);
-            case exports.IkasThemeCustomDataType.LINK:
+            case exports.IkasThemeComponentPropType.LINK:
                 return this._initLinkPropValue(propValue);
-            case exports.IkasThemeCustomDataType.PRODUCT_DETAIL:
+            case exports.IkasThemeComponentPropType.PRODUCT_DETAIL:
                 return this._initProductDetailPropValue(propValue, router, isBrowser);
-            case exports.IkasThemeCustomDataType.PRODUCT_LIST:
+            case exports.IkasThemeComponentPropType.PRODUCT_LIST:
                 return this._initProductListPropValue(propValue, router);
-            case exports.IkasThemeCustomDataType.OBJECT:
+            case exports.IkasThemeComponentPropType.PRODUCT_ATTRIBUTE:
+                return this._initAttributePropValue(propValue);
+            case exports.IkasThemeComponentPropType.OBJECT:
                 var objectValue = {};
                 for (var _i = 0, _a = customData.nestedData || []; _i < _a.length; _i++) {
                     var nestedCustomData = _a[_i];
@@ -25637,8 +25705,8 @@ var IkasPageDataProvider = /** @class */ (function () {
                     objectValue[nestedCustomData.key] = this._initCustomDataPropValue(value, nestedCustomData, router, settings, isBrowser);
                 }
                 return objectValue;
-            case exports.IkasThemeCustomDataType.DYNAMIC_LIST:
-            case exports.IkasThemeCustomDataType.STATIC_LIST:
+            case exports.IkasThemeComponentPropType.DYNAMIC_LIST:
+            case exports.IkasThemeComponentPropType.STATIC_LIST:
                 try {
                     if (!propValue || !propValue.length)
                         return null;
@@ -25652,9 +25720,9 @@ var IkasPageDataProvider = /** @class */ (function () {
                 catch (err) {
                     return [];
                 }
-            case exports.IkasThemeCustomDataType.COMPONENT:
+            case exports.IkasThemeComponentPropType.COMPONENT:
                 return this._initComponentPropValue(propValue, router, settings, isBrowser);
-            case exports.IkasThemeCustomDataType.COMPONENT_LIST:
+            case exports.IkasThemeComponentPropType.COMPONENT_LIST:
                 return this._initComponentListPropValue(propValue, router, settings, isBrowser);
             default:
                 return propValue;
@@ -27460,6 +27528,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;
+        mobx.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); })
+            : [];
+        mobx.makeAutoObservable(this);
+    }
+    return IkasProductAttributeTableTemplate;
+}());
+
 var IkasProductSearchAPI = /** @class */ (function () {
     function IkasProductSearchAPI() {
     }
@@ -27554,7 +27642,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,
@@ -27563,6 +27651,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,
             });
@@ -27594,7 +27684,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({
@@ -27621,7 +27710,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,
@@ -27630,6 +27719,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,
                     });

package/build/models/data/product/attribute-value/index.d.ts

@@ -7,4 +7,10 @@ export declare class IkasProductAttributeValue {
     productAttribute?: IkasProductAttribute | null;
     productAttributeOption?: IkasProductAttributeOption | null;
     constructor(data: Partial<IkasProductAttributeValue>);
+    get tableValue(): IkasAttributeTableCellValue[] | undefined;
 }
+export declare type IkasAttributeTableCellValue = {
+    colId: string;
+    rowId: string;
+    value: string | null;
+};

package/build/models/data/product-attribute/index.d.ts

@@ -1,9 +1,11 @@
 import IkasProductAttributeOption from "./product-attribute-option/index";
+import { IkasProductAttributeTableTemplate } from "./product-attribute-table-template/index";
 export declare class IkasProductAttribute {
     id: string;
     name: string;
     type: IkasProductAttributeType;
     options?: IkasProductAttributeOption[] | null;
+    tableTemplate?: IkasProductAttributeTableTemplate | null;
     constructor(data: Partial<IkasProductAttribute>);
 }
 export declare enum IkasProductAttributeType {
@@ -13,5 +15,6 @@ export declare enum IkasProductAttributeType {
     BOOLEAN = "BOOLEAN",
     NUMERIC = "NUMERIC",
     DATETIME = "DATETIME",
-    HTML = "HTML"
+    HTML = "HTML",
+    TABLE = "TABLE"
 }

package/build/models/data/product-attribute/product-attribute-table-cell/index.d.ts

@@ -0,0 +1,5 @@
+export declare class IkasProductAttributeTableCell {
+    id: string;
+    name: string | null;
+    constructor(data?: Partial<IkasProductAttributeTableCell>);
+}

package/build/models/data/product-attribute/product-attribute-table-template/index.d.ts

@@ -0,0 +1,6 @@
+import { IkasProductAttributeTableCell } from "../product-attribute-table-cell/index";
+export declare class IkasProductAttributeTableTemplate {
+    columns: IkasProductAttributeTableCell[] | null;
+    rows: IkasProductAttributeTableCell[] | null;
+    constructor(data?: Partial<IkasProductAttributeTableTemplate>);
+}

package/build/models/data/simple-product/index.d.ts

@@ -1,4 +1,5 @@
-import { ProductAttributeTypeEnum, ProductTypeEnum, VariantSelectionTypeEnum } from "../../../__generated__/global-types";
+import { ProductAttributeTypeEnum, VariantSelectionTypeEnum } from "../../../__generated__/global-types";
+import { IkasProductAttributeTableTemplate } from "../product-attribute/product-attribute-table-template/index";
 export interface ISimpleProduct {
     id: string;
     createdAt?: Date;
@@ -9,7 +10,6 @@ export interface ISimpleProduct {
     description?: string | null;
     taxValue?: number | null;
     weight?: number | null;
-    type: ProductTypeEnum;
     productVariantTypes: ISimpleProductVariantType[];
     categories?: ISimpleCategory[] | null;
     variants: ISimpleVariant[];
@@ -72,6 +72,7 @@ export interface ISimpleProductAttribute {
     id: string;
     name: string;
     type: ProductAttributeTypeEnum;
+    tableTemplate: IkasProductAttributeTableTemplate | null;
 }
 export interface ISimpleProductAttributeValue {
     value?: string | number | Date | boolean | null;

package/build/models/theme/component/prop/index.d.ts

@@ -17,6 +17,7 @@ export declare enum IkasThemeComponentPropType {
     LIST_OF_LINK = "LIST_OF_LINK",
     PRODUCT_DETAIL = "PRODUCT_DETAIL",
     PRODUCT_LIST = "PRODUCT_LIST",
+    PRODUCT_ATTRIBUTE = "PRODUCT_ATTRIBUTE",
     BRAND = "BRAND",
     BRAND_LIST = "BRAND_LIST",
     CATEGORY = "CATEGORY",
@@ -26,5 +27,8 @@ export declare enum IkasThemeComponentPropType {
     COMPONENT = "COMPONENT",
     COMPONENT_LIST = "COMPONENT_LIST",
     BLOG = "BLOG",
-    BLOG_LIST = "BLOG_LIST"
+    BLOG_LIST = "BLOG_LIST",
+    OBJECT = "OBJECT",
+    STATIC_LIST = "STATIC_LIST",
+    DYNAMIC_LIST = "DYNAMIC_LIST"
 }

package/build/models/theme/custom-data/index.d.ts

@@ -1,7 +1,8 @@
+import { IkasThemeComponentPropType } from "../component/prop/index";
 export declare class IkasThemeCustomData {
     id: string;
     name?: string | null;
-    type: IkasThemeCustomDataType;
+    type: IkasThemeComponentPropType;
     isRequired: boolean;
     key?: string | null;
     nestedData?: IkasThemeCustomData[] | null;
@@ -11,27 +12,3 @@ export declare class IkasThemeCustomData {
     constructor(data?: Partial<IkasThemeCustomData>);
     toJSON(): this;
 }
-export declare enum IkasThemeCustomDataType {
-    TEXT = "TEXT",
-    RICH_TEXT = "RICH_TEXT",
-    NUMBER = "NUMBER",
-    BOOLEAN = "BOOLEAN",
-    IMAGE = "IMAGE",
-    IMAGE_LIST = "IMAGE_LIST",
-    LINK = "LINK",
-    LIST_OF_LINK = "LIST_OF_LINK",
-    PRODUCT_DETAIL = "PRODUCT_DETAIL",
-    PRODUCT_LIST = "PRODUCT_LIST",
-    BRAND = "BRAND",
-    BRAND_LIST = "BRAND_LIST",
-    CATEGORY = "CATEGORY",
-    CATEGORY_LIST = "CATEGORY_LIST",
-    COLOR = "COLOR",
-    COMPONENT = "COMPONENT",
-    COMPONENT_LIST = "COMPONENT_LIST",
-    BLOG = "BLOG",
-    BLOG_LIST = "BLOG_LIST",
-    OBJECT = "OBJECT",
-    STATIC_LIST = "STATIC_LIST",
-    DYNAMIC_LIST = "DYNAMIC_LIST"
-}

package/build/models/theme/index.d.ts

@@ -11,6 +11,6 @@ export { IkasProductDetailPropValue } from "./page/component/prop-value/product-
 export { IkasCategoryPropValue } from "./page/component/prop-value/category";
 export { IkasCategoryListPropValue } from "./page/component/prop-value/category-list";
 export { IkasThemeSettings } from "./settings/index";
-export { IkasThemeCustomData, IkasThemeCustomDataType } from "./custom-data/index";
+export { IkasThemeCustomData } from "./custom-data/index";
 export { IkasBlogPropValue } from "./page/component/prop-value/blog";
 export { IkasBlogListPropValue } from "./page/component/prop-value/blog-list";

package/build/models/theme/page/component/prop-value/attribute.d.ts

@@ -0,0 +1,7 @@
+export declare class IkasAttributePropValue {
+    attributeId?: string | null;
+    productId?: string | null;
+    variantId?: string | null;
+    usePageData?: boolean | null;
+    constructor(data: Partial<IkasAttributePropValue>);
+}

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

@@ -77,6 +77,7 @@ export declare class IkasProductList {
     private getQueryParams;
     private isBrowser;
     private searchDebouncer;
+    private analyticsDebouncer;
 }
 export declare type IkasProductListParams = {
     data?: IkasProductDetail[];

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

@@ -1,5 +1,5 @@
 import { NextRouter } from "next/router";
-import { IkasTheme, IkasThemePageType, IkasThemePageComponent, IkasProductDetail, IkasThemeComponentProp, IkasThemeComponent, IkasProductList, IkasBrandList, IkasBrandListParams, IkasThemePage, IkasImage, IkasCategoryList, IkasBrand, IkasCategory, IkasThemeCustomData, IkasMerchantSettings, IkasThemeSettings, IkasComponentRenderer, IkasBlogListParams, IkasBlogList } from "../../models/index";
+import { IkasTheme, IkasThemePageType, IkasThemePageComponent, IkasProductDetail, IkasThemeComponentProp, IkasThemeComponent, IkasProductList, IkasBrandList, IkasBrandListParams, IkasThemePage, IkasImage, IkasCategoryList, IkasBrand, IkasCategory, IkasThemeCustomData, IkasMerchantSettings, IkasThemeSettings, IkasComponentRenderer, IkasBlogListParams, IkasBlogList, IkasProductAttributeValue } from "../../models/index";
 import { IkasProductListParams } from "../../models/ui/product-list/index";
 import { IkasNavigationLink } from "../../models/ui/navigation-link/index";
 import { IkasCategoryListParams } from "../../models/ui/category-list/index";
@@ -62,6 +62,8 @@ export declare class IkasPageDataProvider {
     static _initProductListPropValue(propValue: IkasProductListParams, router: NextRouter): IkasProductList;
     static initProductDetailPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue, router: NextRouter, isBrowser?: boolean): void;
     static _initProductDetailPropValue(propValue: any, router: NextRouter, isBrowser?: boolean): IkasProductDetail;
+    static initAttributePropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
+    static _initAttributePropValue(propValue: IkasProductAttributeValue[]): IkasProductAttributeValue[];
     static initLinkPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
     static _initLinkPropValue(propValue: any): IkasNavigationLink | IkasNavigationLink[] | undefined;
     static initImagePropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;

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

@@ -0,0 +1,9 @@
+import { IkasProductAttributeValue } from "../../../models/index";
+import IkasPropValueProvider from "./index";
+import { IkasAttributePropValue } from "../../../models/theme/page/component/prop-value/attribute";
+export declare class IkasAttributePropValueProvider implements IkasPropValueProvider<IkasProductAttributeValue[]> {
+    private attributePropValue;
+    private pageSpecificData?;
+    constructor(prop: IkasAttributePropValue, pageSpecificData?: any);
+    getValue(): Promise<IkasProductAttributeValue[]>;
+}

package/package.json

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