@ikas/storefront 0.0.134 → 0.0.136

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;
@@ -25790,6 +25858,16 @@ var IkasBlog = /** @class */ (function () {
         this.image = data.imageId ? new IkasImage(data.imageId) : null;
         mobx.makeAutoObservable(this);
     }
+    Object.defineProperty(IkasBlog.prototype, "href", {
+        get: function () {
+            var _a;
+            if (!((_a = this.metadata) === null || _a === void 0 ? void 0 : _a.slug))
+                return "";
+            return "/blog/" + this.metadata.slug;
+        },
+        enumerable: false,
+        configurable: true
+    });
     return IkasBlog;
 }());
 var IkasBlogContent = /** @class */ (function () {
@@ -25845,6 +25923,16 @@ var IkasBlogCategory = /** @class */ (function () {
         this.metadata = data.metadata ? new IkasBlogMetaData(data.metadata) : null;
         mobx.makeAutoObservable(this);
     }
+    Object.defineProperty(IkasBlogCategory.prototype, "href", {
+        get: function () {
+            var _a;
+            if (!((_a = this.metadata) === null || _a === void 0 ? void 0 : _a.slug))
+                return "";
+            return "/blog/" + this.metadata.slug;
+        },
+        enumerable: false,
+        configurable: true
+    });
     return IkasBlogCategory;
 }());
 var IkasBlogTag = /** @class */ (function () {
@@ -25869,7 +25957,7 @@ var IkasBlogAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      query listBlog(\n        $id: StringFilterInput\n        $categoryId: StringFilterInput\n        $pagination: PaginationInput\n        $storefrontId: StringFilterInput\n        $tagId: StringFilterInput\n        $title: StringFilterInput\n      ) {\n        listBlog(\n          id: $id\n          categoryId: $categoryId\n          pagination: $pagination\n          storefrontId: $storefrontId\n          tagId: $tagId\n          title: $title\n        ) {\n          count\n          data {\n            title\n            categoryId\n            category {\n              createdAt\n              deleted\n              id\n              imageId\n              name\n              metadata {\n                createdAt\n                deleted\n                description\n                id\n                pageTitle\n                slug\n                targetId\n                targetType\n                updatedAt\n              }\n            }\n            blogContent {\n              content\n              createdAt\n              deleted\n              id\n              updatedAt\n            }\n            tags {\n              createdAt\n              id\n              name\n              deleted\n              updatedAt\n            }\n            createdAt\n            deleted\n            id\n            imageId\n            isPublished\n            metadata {\n              createdAt\n              deleted\n              description\n              id\n              pageTitle\n              slug\n              targetId\n              targetType\n              updatedAt\n            }\n            writer {\n              firstName\n              lastName\n            }\n            publishedAt\n            shortDescription\n            storefrontId\n            tagIds\n            updatedAt\n          }\n          hasNext\n          limit\n          page\n        }\n      }\n    "], ["\n      query listBlog(\n        $id: StringFilterInput\n        $categoryId: StringFilterInput\n        $pagination: PaginationInput\n        $storefrontId: StringFilterInput\n        $tagId: StringFilterInput\n        $title: StringFilterInput\n      ) {\n        listBlog(\n          id: $id\n          categoryId: $categoryId\n          pagination: $pagination\n          storefrontId: $storefrontId\n          tagId: $tagId\n          title: $title\n        ) {\n          count\n          data {\n            title\n            categoryId\n            category {\n              createdAt\n              deleted\n              id\n              imageId\n              name\n              metadata {\n                createdAt\n                deleted\n                description\n                id\n                pageTitle\n                slug\n                targetId\n                targetType\n                updatedAt\n              }\n            }\n            blogContent {\n              content\n              createdAt\n              deleted\n              id\n              updatedAt\n            }\n            tags {\n              createdAt\n              id\n              name\n              deleted\n              updatedAt\n            }\n            createdAt\n            deleted\n            id\n            imageId\n            isPublished\n            metadata {\n              createdAt\n              deleted\n              description\n              id\n              pageTitle\n              slug\n              targetId\n              targetType\n              updatedAt\n            }\n            writer {\n              firstName\n              lastName\n            }\n            publishedAt\n            shortDescription\n            storefrontId\n            tagIds\n            updatedAt\n          }\n          hasNext\n          limit\n          page\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      query listBlog(\n        $id: StringFilterInput\n        $categoryId: StringFilterInput\n        $pagination: PaginationInput\n        $storefrontId: StringFilterInput\n        $tagId: StringFilterInput\n        $title: StringFilterInput\n      ) {\n        listBlog(\n          id: $id\n          categoryId: $categoryId\n          pagination: $pagination\n          storefrontId: $storefrontId\n          tagId: $tagId\n          title: $title\n        ) {\n          count\n          data {\n            title\n            categoryId\n            category {\n              createdAt\n              deleted\n              id\n              imageId\n              name\n              metadata {\n                createdAt\n                deleted\n                description\n                id\n                pageTitle\n                slug\n                targetId\n                targetType\n                updatedAt\n              }\n            }\n            tags {\n              createdAt\n              id\n              name\n              deleted\n              updatedAt\n            }\n            createdAt\n            deleted\n            id\n            imageId\n            isPublished\n            metadata {\n              createdAt\n              deleted\n              description\n              id\n              pageTitle\n              slug\n              targetId\n              targetType\n              updatedAt\n            }\n            writer {\n              firstName\n              lastName\n            }\n            publishedAt\n            shortDescription\n            storefrontId\n            tagIds\n            updatedAt\n          }\n          hasNext\n          limit\n          page\n        }\n      }\n    "], ["\n      query listBlog(\n        $id: StringFilterInput\n        $categoryId: StringFilterInput\n        $pagination: PaginationInput\n        $storefrontId: StringFilterInput\n        $tagId: StringFilterInput\n        $title: StringFilterInput\n      ) {\n        listBlog(\n          id: $id\n          categoryId: $categoryId\n          pagination: $pagination\n          storefrontId: $storefrontId\n          tagId: $tagId\n          title: $title\n        ) {\n          count\n          data {\n            title\n            categoryId\n            category {\n              createdAt\n              deleted\n              id\n              imageId\n              name\n              metadata {\n                createdAt\n                deleted\n                description\n                id\n                pageTitle\n                slug\n                targetId\n                targetType\n                updatedAt\n              }\n            }\n            tags {\n              createdAt\n              id\n              name\n              deleted\n              updatedAt\n            }\n            createdAt\n            deleted\n            id\n            imageId\n            isPublished\n            metadata {\n              createdAt\n              deleted\n              description\n              id\n              pageTitle\n              slug\n              targetId\n              targetType\n              updatedAt\n            }\n            writer {\n              firstName\n              lastName\n            }\n            publishedAt\n            shortDescription\n            storefrontId\n            tagIds\n            updatedAt\n          }\n          hasNext\n          limit\n          page\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -27440,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() {
     }
@@ -27534,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,
@@ -27543,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,
             });
@@ -27574,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({
@@ -27601,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,
@@ -27610,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/blog/index.d.ts

@@ -17,6 +17,7 @@ export declare class IkasBlog {
     metadata: IkasBlogMetaData | null;
     image: IkasImage | null;
     constructor(data?: Partial<IkasBlog>);
+    get href(): string;
 }
 export declare class IkasBlogContent {
     id: string;
@@ -54,6 +55,7 @@ export declare class IkasBlogCategory {
     imageId: string;
     metadata: IkasBlogMetaData | null;
     constructor(data?: Partial<IkasBlogCategory>);
+    get href(): string;
 }
 export declare class IkasBlogTag {
     id: string;

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>);
+}