@ikas/storefront 0.0.126 → 0.0.128

package/build/index.js

@@ -7,8 +7,8 @@ var React = require('react');
 var mobxReactLite = require('mobx-react-lite');
 var Head = require('next/head');
 var router = require('next/router');
-var Image$1 = require('next/image');
 var Link = require('next/link');
+var NextImage = require('next/image');
 var fs = require('fs');
 var getConfig = require('next/config');
 var dynamic = require('next/dynamic');
@@ -18,8 +18,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
-var Image__default = /*#__PURE__*/_interopDefaultLegacy(Image$1);
 var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
+var NextImage__default = /*#__PURE__*/_interopDefaultLegacy(NextImage);
 var fs__default = /*#__PURE__*/_interopDefaultLegacy(fs);
 var getConfig__default = /*#__PURE__*/_interopDefaultLegacy(getConfig);
 var dynamic__default = /*#__PURE__*/_interopDefaultLegacy(dynamic);
@@ -10980,13 +10980,361 @@ var Apollo = /** @class */ (function () {
 }());
 var apollo = new Apollo();
 
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
+    // find the complete implementation of crypto (msCrypto) on IE11.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+
+function validate(uuid) {
+  return typeof uuid === 'string' && REGEX.test(uuid);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+var byteToHex = [];
+
+for (var i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).substr(1));
+}
+
+function stringify(arr) {
+  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate(uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+function v4(options, buf, offset) {
+  options = options || {};
+  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (var i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return stringify(rnds);
+}
+
+var IkasBlog = /** @class */ (function () {
+    function IkasBlog(data) {
+        if (data === void 0) { data = {}; }
+        this.id = data.id || v4();
+        this.createdAt = data.createdAt || Date.now() + "";
+        this.updatedAt = data.updatedAt || Date.now() + "";
+        this.categoryId = data.categoryId || null;
+        this.category = data.category ? new IkasBlogCategory(data.category) : null;
+        this.imageId = data.imageId || null;
+        this.title = data.title || null;
+        this.shortDescription = data.shortDescription || null;
+        this.isPublished = data.isPublished || false;
+        this.storefrontId = data.storefrontId || "";
+        this.tagIds = data.tagIds || [];
+        this.writer = data.writer
+            ? new IkasBlogWriter(data.writer)
+            : new IkasBlogWriter();
+        this.blogContent = data.blogContent
+            ? new IkasBlogContent(data.blogContent)
+            : new IkasBlogContent();
+        this.metadata = data.metadata ? new IkasBlogMetaData(data.metadata) : null;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasBlog;
+}());
+var IkasBlogContent = /** @class */ (function () {
+    function IkasBlogContent(data) {
+        if (data === void 0) { data = {}; }
+        this.id = data.id || v4();
+        this.createdAt = data.createdAt || Date.now() + "";
+        this.updatedAt = data.updatedAt || Date.now() + "";
+        this.content = data.content || "";
+        mobx.makeAutoObservable(this);
+    }
+    return IkasBlogContent;
+}());
+var IkasBlogWriter = /** @class */ (function () {
+    function IkasBlogWriter(data) {
+        if (data === void 0) { data = {}; }
+        this.firstName = data.firstName || "";
+        this.lastName = data.lastName || "";
+        mobx.makeAutoObservable(this);
+    }
+    return IkasBlogWriter;
+}());
+(function (IkasBlogMetadataTargetType) {
+    IkasBlogMetadataTargetType["BLOG"] = "BLOG";
+    IkasBlogMetadataTargetType["BLOG_CATEGORY"] = "BLOG_CATEGORY";
+})(exports.IkasBlogMetadataTargetType || (exports.IkasBlogMetadataTargetType = {}));
+var IkasBlogMetaData = /** @class */ (function () {
+    function IkasBlogMetaData(data) {
+        if (data === void 0) { data = {}; }
+        this.pageTitle = null;
+        this.description = null;
+        this.id = data.id || v4();
+        this.createdAt = data.createdAt || Date.now() + "";
+        this.updatedAt = data.updatedAt || Date.now() + "";
+        this.description = data.description || "";
+        this.pageTitle = data.pageTitle || "";
+        this.slug = data.slug || "";
+        this.targetId = data.targetId || "";
+        this.targetType = data.targetType || exports.IkasBlogMetadataTargetType.BLOG;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasBlogMetaData;
+}());
+var IkasBlogCategory = /** @class */ (function () {
+    function IkasBlogCategory(data) {
+        if (data === void 0) { data = {}; }
+        this.id = data.id || "";
+        this.createdAt = data.createdAt || Date.now() + "";
+        this.updatedAt = data.updatedAt || Date.now() + "";
+        this.deleted = data.deleted || false;
+        this.name = data.name || "";
+        this.imageId = data.imageId || "";
+        this.metadata = data.metadata ? new IkasBlogMetaData(data.metadata) : null;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasBlogCategory;
+}());
+
+var IkasBlogAPI = /** @class */ (function () {
+    function IkasBlogAPI() {
+    }
+    IkasBlogAPI.listBlog = function (params) {
+        return __awaiter(this, void 0, void 0, function () {
+            var QUERY, _a, data, errors, err_1;
+            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              metadata {\n                createdAt\n                deleted\n                description\n                id\n                pageTitle\n                slug\n                targetId\n                targetType\n                updatedAt\n              }\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              metadata {\n                createdAt\n                deleted\n                description\n                id\n                pageTitle\n                slug\n                targetId\n                targetType\n                updatedAt\n              }\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]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
+                                query: QUERY,
+                                variables: {
+                                    id: params.idList ? { in: params.idList } : undefined,
+                                    categoryId: params.categoryId
+                                        ? { eq: params.categoryId }
+                                        : undefined,
+                                    pagination: {
+                                        page: params.page,
+                                        limit: params.limit,
+                                    },
+                                    tagId: params.tagId ? { eq: params.tagId } : undefined,
+                                    title: params.title ? { like: params.title } : undefined,
+                                    storefrontId: { eq: IkasStorefrontConfig.storefrontId },
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length) {
+                            return [2 /*return*/, {
+                                    blogs: [],
+                                    count: 0,
+                                }];
+                        }
+                        return [2 /*return*/, {
+                                blogs: data.listBlog.data.map(function (b) { return new IkasBlog(b); }),
+                                count: data.listBlog.count,
+                            }];
+                    case 3:
+                        err_1 = _b.sent();
+                        console.log(err_1);
+                        return [2 /*return*/, {
+                                blogs: [],
+                                count: 0,
+                            }];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasBlogAPI.getBlog = function (params) {
+        return __awaiter(this, void 0, void 0, function () {
+            var QUERY, _a, data, errors, blogs, err_2;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        QUERY = src(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      query getBlog(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $storefrontId: StringFilterInput\n      ) {\n        listBlog(\n          id: $id\n          pagination: $pagination\n          storefrontId: $storefrontId\n        ) {\n          count\n          data {\n            title\n            blogContent {\n              content\n              createdAt\n              deleted\n              id\n              updatedAt\n            }\n            categoryId\n            category {\n              createdAt\n              deleted\n              id\n              imageId\n              metadata {\n                createdAt\n                deleted\n                description\n                id\n                pageTitle\n                slug\n                targetId\n                targetType\n                updatedAt\n              }\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 getBlog(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $storefrontId: StringFilterInput\n      ) {\n        listBlog(\n          id: $id\n          pagination: $pagination\n          storefrontId: $storefrontId\n        ) {\n          count\n          data {\n            title\n            blogContent {\n              content\n              createdAt\n              deleted\n              id\n              updatedAt\n            }\n            categoryId\n            category {\n              createdAt\n              deleted\n              id\n              imageId\n              metadata {\n                createdAt\n                deleted\n                description\n                id\n                pageTitle\n                slug\n                targetId\n                targetType\n                updatedAt\n              }\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]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
+                                query: QUERY,
+                                variables: {
+                                    id: params.id ? { eq: params.id } : undefined,
+                                    pagination: {
+                                        page: 1,
+                                        limit: 1,
+                                    },
+                                    storefrontId: { eq: IkasStorefrontConfig.storefrontId },
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length) {
+                            return [2 /*return*/];
+                        }
+                        blogs = data.listBlog.data.map(function (b) { return new IkasBlog(b); });
+                        if (blogs.length)
+                            return [2 /*return*/, blogs[0]];
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_2 = _b.sent();
+                        console.log(err_2);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasBlogAPI.listBlogMetaData = function (slug, targetId, targetType) {
+        return __awaiter(this, void 0, void 0, function () {
+            var LIST_QUERY, _a, data, errors, err_3;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        LIST_QUERY = src(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      query listBlogMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: BlogMetadataTargetTypeEnumFilter\n      ) {\n        listBlogMetadata(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          count\n          data {\n            createdAt\n            deleted\n            description\n            id\n            pageTitle\n            slug\n            targetId\n            targetType\n            updatedAt\n          }\n          hasNext\n          limit\n          page\n        }\n      }\n    "], ["\n      query listBlogMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: BlogMetadataTargetTypeEnumFilter\n      ) {\n        listBlogMetadata(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          count\n          data {\n            createdAt\n            deleted\n            description\n            id\n            pageTitle\n            slug\n            targetId\n            targetType\n            updatedAt\n          }\n          hasNext\n          limit\n          page\n        }\n      }\n    "])));
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
+                                query: LIST_QUERY,
+                                variables: {
+                                    slug: slug
+                                        ? {
+                                            eq: slug,
+                                        }
+                                        : undefined,
+                                    targetId: targetId
+                                        ? {
+                                            eq: targetId,
+                                        }
+                                        : undefined,
+                                    targetType: targetType
+                                        ? {
+                                            in: targetType,
+                                        }
+                                        : undefined,
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length) {
+                            return [2 /*return*/, []];
+                        }
+                        return [2 /*return*/, data.listBlogMetadata.data.map(function (d) { return new IkasBlogMetaData(d); })];
+                    case 3:
+                        err_3 = _b.sent();
+                        console.log(err_3);
+                        return [2 /*return*/, []];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasBlogAPI.listBlogCategory = function (params) {
+        return __awaiter(this, void 0, void 0, function () {
+            var QUERY, _a, data, errors;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        QUERY = src(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      query listBlogCategory(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n      ) {\n        listBlogCategory(id: $id, pagination: $pagination) {\n          count\n          data {\n            createdAt\n            deleted\n            id\n            imageId\n            metadata {\n              createdAt\n              deleted\n              description\n              id\n              pageTitle\n              slug\n              targetId\n              targetType\n              updatedAt\n            }\n            name\n            updatedAt\n          }\n          hasNext\n          limit\n          page\n        }\n      }\n    "], ["\n      query listBlogCategory(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n      ) {\n        listBlogCategory(id: $id, pagination: $pagination) {\n          count\n          data {\n            createdAt\n            deleted\n            id\n            imageId\n            metadata {\n              createdAt\n              deleted\n              description\n              id\n              pageTitle\n              slug\n              targetId\n              targetType\n              updatedAt\n            }\n            name\n            updatedAt\n          }\n          hasNext\n          limit\n          page\n        }\n      }\n    "])));
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
+                                query: QUERY,
+                                variables: {
+                                    id: params.idList ? { in: params.idList } : undefined,
+                                    pagination: {
+                                        page: params.page,
+                                        limit: params.limit,
+                                    },
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length) {
+                            return [2 /*return*/, {
+                                    blogCategories: [],
+                                    count: 0,
+                                    hasNext: false,
+                                }];
+                        }
+                        return [2 /*return*/, {
+                                blogCategories: data.listBlogCategory.data.map(function (b) { return new IkasBlogCategory(b); }),
+                                count: data.listBlogCategory.count,
+                                hasNext: data.listBlogCategory.hasNext,
+                            }];
+                    case 3:
+                        _b.sent();
+                        return [2 /*return*/, {
+                                blogCategories: [],
+                                count: 0,
+                                hasNext: false,
+                            }];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return IkasBlogAPI;
+}());
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+
 var IkasProductListPropValueProvider = /** @class */ (function () {
-    function IkasProductListPropValueProvider(pageType, productListPropValue, pageParams, pageSpecificData, skipInitialFetch) {
+    function IkasProductListPropValueProvider(pageType, productListPropValue, pageSpecificData) {
         this.pageType = pageType;
         this.productListPropValue = productListPropValue;
-        this.pageParams = pageParams;
         this.pageSpecificData = pageSpecificData;
-        this.skipInitialFetch = skipInitialFetch;
     }
     IkasProductListPropValueProvider.prototype.getValue = function () {
         return __awaiter(this, void 0, void 0, function () {
@@ -10995,7 +11343,6 @@ var IkasProductListPropValueProvider = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         if (this.productListPropValue.productListType === exports.IkasProductListType.ALL) {
-                            // TODO use pageParams to insert filters
                             if (this.productListPropValue.usePageFilter) {
                                 if (this.pageType === exports.IkasThemePageType.CATEGORY) {
                                     category = this.pageSpecificData;
@@ -11018,12 +11365,12 @@ var IkasProductListPropValueProvider = /** @class */ (function () {
                             filterCategoryId: filterCategoryId,
                             pageType: this.pageType,
                         });
-                        if (!!this.skipInitialFetch) return [3 /*break*/, 2];
+                        //@ts-ignore
                         return [4 /*yield*/, productList.getInitial()];
                     case 1:
+                        //@ts-ignore
                         _a.sent();
-                        _a.label = 2;
-                    case 2: return [2 /*return*/, productList];
+                        return [2 /*return*/, productList];
                 }
             });
         });
@@ -11031,6 +11378,21 @@ var IkasProductListPropValueProvider = /** @class */ (function () {
     return IkasProductListPropValueProvider;
 }());
 
+function getPlaceholderProduct() {
+    return new IkasProductDetail(new IkasProduct({
+        variants: [new IkasProductVariant()],
+    }), []);
+}
+function getPlaceholderCategory() {
+    return new IkasCategory();
+}
+function getPlaceholderBrand() {
+    return new IkasBrand();
+}
+function getPlaceholderBlog() {
+    return new IkasBlog();
+}
+
 var IkasProductDetailPropValueProvider = /** @class */ (function () {
     function IkasProductDetailPropValueProvider(prop, pageSpecificData) {
         this.productDetailPropValue = prop;
@@ -11045,7 +11407,7 @@ var IkasProductDetailPropValueProvider = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         if ((_a = this.productDetailPropValue) === null || _a === void 0 ? void 0 : _a.usePageData) {
-                            return [2 /*return*/, this.pageSpecificData];
+                            return [2 /*return*/, this.pageSpecificData || getPlaceholderProduct()];
                         }
                         if (!this.productDetailPropValue.productId)
                             return [2 /*return*/, null];
@@ -11071,6 +11433,9 @@ var IkasProductDetailPropValueProvider = /** @class */ (function () {
                                     return [2 /*return*/, new IkasProductDetail(product, product.variants[0].variantValues)];
                                 }
                             }
+                            else {
+                                return [2 /*return*/, getPlaceholderProduct()];
+                            }
                         }
                         return [2 /*return*/, null];
                 }
@@ -11111,7 +11476,7 @@ var IkasBrandPropValueProvider = /** @class */ (function () {
     }
     IkasBrandPropValueProvider.prototype.getValue = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var response, brand, err_1;
+            var response, err_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -11128,8 +11493,10 @@ var IkasBrandPropValueProvider = /** @class */ (function () {
                             })];
                     case 2:
                         response = _a.sent();
-                        brand = response.brands[0];
-                        return [2 /*return*/, new IkasBrand(brand)];
+                        if (response.brands.length)
+                            return [2 /*return*/, response.brands[0]];
+                        else
+                            return [2 /*return*/, getPlaceholderBrand()];
                     case 3:
                         err_1 = _a.sent();
                         console.log(err_1);
@@ -11415,6 +11782,80 @@ var IkasRichTextPropValueProvider = /** @class */ (function () {
     return IkasRichTextPropValueProvider;
 }());
 
+var IkasBlogPropValueProvider = /** @class */ (function () {
+    function IkasBlogPropValueProvider(propValue, pageSpecificData) {
+        this.blogPropValue = propValue;
+        this.pageSpecificData = pageSpecificData;
+    }
+    IkasBlogPropValueProvider.prototype.getValue = function () {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var blog;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if ((_a = this.blogPropValue) === null || _a === void 0 ? void 0 : _a.usePageData) {
+                            return [2 /*return*/, this.pageSpecificData || getPlaceholderBlog()];
+                        }
+                        if (!this.blogPropValue.blogId)
+                            return [2 /*return*/, null];
+                        return [4 /*yield*/, IkasBlogAPI.getBlog({
+                                id: this.blogPropValue.blogId,
+                            })];
+                    case 1:
+                        blog = _b.sent();
+                        if (blog)
+                            return [2 /*return*/, blog];
+                        else
+                            return [2 /*return*/, getPlaceholderBlog()];
+                }
+            });
+        });
+    };
+    return IkasBlogPropValueProvider;
+}());
+
+var IkasBlogListPropValueProvider = /** @class */ (function () {
+    function IkasBlogListPropValueProvider(pageType, brandListPropValue, pageSpecificData) {
+        this.pageType = pageType;
+        this.blogListPropValue = brandListPropValue;
+        this.pageSpecificData = pageSpecificData;
+    }
+    IkasBlogListPropValueProvider.prototype.getValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var filterCategoryId, blogCategory, blogList;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        filterCategoryId = null;
+                        if (this.blogListPropValue.blogListType === exports.IkasBlogListType.ALL &&
+                            this.blogListPropValue.usePageFilter &&
+                            this.pageType === exports.IkasThemePageType.BLOG_CATEGORY &&
+                            this.pageSpecificData) {
+                            blogCategory = this.pageSpecificData;
+                            filterCategoryId = blogCategory.id;
+                        }
+                        if (this.blogListPropValue.blogListType === exports.IkasBlogListType.CATEGORY &&
+                            this.blogListPropValue.categoryId) {
+                            filterCategoryId = this.blogListPropValue.categoryId;
+                        }
+                        blogList = new IkasBlogList({
+                            blogListPropValue: this.blogListPropValue,
+                            filterCategoryId: filterCategoryId,
+                        });
+                        //@ts-ignore
+                        return [4 /*yield*/, blogList.getInitial()];
+                    case 1:
+                        //@ts-ignore
+                        _a.sent();
+                        return [2 /*return*/, blogList];
+                }
+            });
+        });
+    };
+    return IkasBlogListPropValueProvider;
+}());
+
 var IkasCustomPropValueProvider = /** @class */ (function () {
     function IkasCustomPropValueProvider(value, customData, theme, pageType, pageDataProvider, pageSpecificData, pageParams) {
         this.value = value;
@@ -11435,7 +11876,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
                             return [2 /*return*/];
                         _b.label = 1;
                     case 1:
-                        _b.trys.push([1, 36, , 37]);
+                        _b.trys.push([1, 40, , 41]);
                         _a = this.customData.type;
                         switch (_a) {
                             case exports.IkasThemeCustomDataType.TEXT: return [3 /*break*/, 2];
@@ -11457,78 +11898,88 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
                             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];
                         }
-                        return [3 /*break*/, 34];
+                        return [3 /*break*/, 38];
                     case 2: return [4 /*yield*/, this.getTextValue()];
                     case 3:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 4: return [4 /*yield*/, this.getRichTextPropValue()];
                     case 5:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 6: return [4 /*yield*/, this.getBooleanValue()];
                     case 7:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 8: return [4 /*yield*/, this.getBrandListPropValue()];
                     case 9:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 10: return [4 /*yield*/, this.getBrandPropValue()];
                     case 11:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 12: return [4 /*yield*/, this.getCategoryListPropValue()];
                     case 13:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 14: return [4 /*yield*/, this.getCategoryPropValue()];
                     case 15:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 16: return [4 /*yield*/, this.getColorPropValue()];
                     case 17:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 18: return [4 /*yield*/, this.getImageListPropValue()];
                     case 19:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 20: return [4 /*yield*/, this.getImagePropValue()];
                     case 21:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 22: return [4 /*yield*/, this.getLinkPropValue()];
                     case 23:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 24: return [4 /*yield*/, this.getProductDetailPropValue()];
                     case 25:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 26: return [4 /*yield*/, this.getProductListPropValue()];
                     case 27:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 28: return [4 /*yield*/, this.getObjectValue()];
                     case 29:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 30: return [4 /*yield*/, this.getArrayValue()];
                     case 31:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
+                        return [3 /*break*/, 39];
                     case 32: return [4 /*yield*/, this.getComponentListValue()];
                     case 33:
                         customDataValue = _b.sent();
-                        return [3 /*break*/, 35];
-                    case 34: return [3 /*break*/, 35];
-                    case 35: return [3 /*break*/, 37];
-                    case 36:
+                        return [3 /*break*/, 39];
+                    case 34: return [4 /*yield*/, this.getBlogValue()];
+                    case 35:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 39];
+                    case 36: return [4 /*yield*/, this.getBlogListValue()];
+                    case 37:
+                        customDataValue = _b.sent();
+                        return [3 /*break*/, 39];
+                    case 38: return [3 /*break*/, 39];
+                    case 39: return [3 /*break*/, 41];
+                    case 40:
                         _b.sent();
                         return [2 /*return*/];
-                    case 37: return [2 /*return*/, JSON.parse(JSON.stringify(customDataValue))];
+                    case 41: return [2 /*return*/, JSON.parse(JSON.stringify(customDataValue))];
                 }
             });
         });
@@ -11737,7 +12188,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        provider = new IkasProductListPropValueProvider(this.pageType, this.value, this.pageParams || {}, this.pageSpecificData);
+                        provider = new IkasProductListPropValueProvider(this.pageType, this.value, this.pageSpecificData);
                         return [4 /*yield*/, provider.getValue()];
                     case 1:
                         value = _a.sent();
@@ -11867,6 +12318,42 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             });
         });
     };
+    IkasCustomPropValueProvider.prototype.getBlogValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasBlogPropValueProvider(this.value, this.pageSpecificData);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
+    IkasCustomPropValueProvider.prototype.getBlogListValue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var provider, value;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        provider = new IkasBlogListPropValueProvider(this.pageType, this.value, this.pageSpecificData);
+                        return [4 /*yield*/, provider.getValue()];
+                    case 1:
+                        value = _a.sent();
+                        return [2 /*return*/, {
+                                value: value,
+                                customData: this.customData,
+                            }];
+                }
+            });
+        });
+    };
     return IkasCustomPropValueProvider;
 }());
 
@@ -12175,6 +12662,7 @@ var IkasPageDataProvider = /** @class */ (function () {
         this.pageComponentPropValues = [];
         this.pageSpecificData = null;
         this.merchantSettings = null;
+        this.possiblePageTypes = []; // Used for distinguishing blog slug page from main slug page
         this.theme = new IkasTheme(theme);
         this.pageParams = pageParams || {};
         this.pageType = pageType;
@@ -12301,29 +12789,40 @@ var IkasPageDataProvider = /** @class */ (function () {
         });
     };
     IkasPageDataProvider.prototype.getPageSpecificData = function () {
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var slug, metaDataList, metaData, handleBrandPage, handleCategoryPage, _a;
+            var slug, metaDataList, metaData, handleBrandPage, handleCategoryPage, handleBlogPage, handleBlogCategoryPage, _c;
             var _this = this;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0:
                         if (this.pageType &&
                             ![
                                 exports.IkasThemePageType.BRAND,
                                 exports.IkasThemePageType.PRODUCT,
                                 exports.IkasThemePageType.CATEGORY,
+                                exports.IkasThemePageType.BLOG,
+                                exports.IkasThemePageType.BLOG_CATEGORY,
                             ].includes(this.pageType))
                             return [2 /*return*/];
                         slug = this.pageParams.slug;
                         if (!slug) {
                             return [2 /*return*/];
                         }
-                        return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(slug)];
+                        metaDataList = [];
+                        if (!(((_a = this.possiblePageTypes) === null || _a === void 0 ? void 0 : _a.includes(exports.IkasThemePageType.BLOG)) || ((_b = this.possiblePageTypes) === null || _b === void 0 ? void 0 : _b.includes(exports.IkasThemePageType.BLOG_CATEGORY)))) return [3 /*break*/, 2];
+                        return [4 /*yield*/, IkasBlogAPI.listBlogMetaData(slug)];
                     case 1:
-                        metaDataList = _b.sent();
+                        metaDataList = _d.sent();
+                        return [3 /*break*/, 4];
+                    case 2: return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(slug)];
+                    case 3:
+                        metaDataList = _d.sent();
                         if (!metaDataList || !metaDataList.length) {
                             return [2 /*return*/, this.getPageSpecificProduct()];
                         }
+                        _d.label = 4;
+                    case 4:
                         metaData = metaDataList[0];
                         handleBrandPage = function () { return __awaiter(_this, void 0, void 0, function () {
                             var brandsResponse, brand;
@@ -12363,21 +12862,67 @@ var IkasPageDataProvider = /** @class */ (function () {
                                 }
                             });
                         }); };
-                        _a = metaData.targetType;
-                        switch (_a) {
-                            case exports.IkasHTMLMetaDataTargetType.BRAND: return [3 /*break*/, 2];
-                            case exports.IkasHTMLMetaDataTargetType.CATEGORY: return [3 /*break*/, 4];
-                            case exports.IkasHTMLMetaDataTargetType.PRODUCT: return [3 /*break*/, 6];
+                        handleBlogPage = function () { return __awaiter(_this, void 0, void 0, function () {
+                            var blog;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, IkasBlogAPI.getBlog({
+                                            id: metaData.targetId,
+                                        })];
+                                    case 1:
+                                        blog = _a.sent();
+                                        if (!blog)
+                                            return [2 /*return*/];
+                                        this.pageSpecificData = blog;
+                                        this.pageType = exports.IkasThemePageType.BLOG;
+                                        this.setPageMetaData(metaData);
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); };
+                        handleBlogCategoryPage = function () { return __awaiter(_this, void 0, void 0, function () {
+                            var blogCategoriesResponse, blogCategory;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, IkasBlogAPI.listBlogCategory({
+                                            idList: [metaData.targetId],
+                                            page: 1,
+                                            limit: 1,
+                                        })];
+                                    case 1:
+                                        blogCategoriesResponse = _a.sent();
+                                        if (!blogCategoriesResponse ||
+                                            !blogCategoriesResponse.blogCategories.length)
+                                            return [2 /*return*/];
+                                        blogCategory = blogCategoriesResponse.blogCategories[0];
+                                        this.pageSpecificData = blogCategory;
+                                        this.pageType = exports.IkasThemePageType.BLOG_CATEGORY;
+                                        this.setPageMetaData(metaData);
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); };
+                        _c = metaData.targetType;
+                        switch (_c) {
+                            case exports.IkasHTMLMetaDataTargetType.BRAND: return [3 /*break*/, 5];
+                            case exports.IkasHTMLMetaDataTargetType.CATEGORY: return [3 /*break*/, 7];
+                            case exports.IkasHTMLMetaDataTargetType.PRODUCT: return [3 /*break*/, 9];
+                            case exports.IkasBlogMetadataTargetType.BLOG: return [3 /*break*/, 11];
+                            case exports.IkasBlogMetadataTargetType.BLOG_CATEGORY: return [3 /*break*/, 13];
                         }
-                        return [3 /*break*/, 8];
-                    case 2: return [4 /*yield*/, handleBrandPage()];
-                    case 3: return [2 /*return*/, _b.sent()];
-                    case 4: return [4 /*yield*/, handleCategoryPage()];
-                    case 5: return [2 /*return*/, _b.sent()];
-                    case 6: return [4 /*yield*/, this.getPageSpecificProduct()];
-                    case 7: return [2 /*return*/, _b.sent()];
-                    case 8: return [3 /*break*/, 9];
-                    case 9: return [2 /*return*/];
+                        return [3 /*break*/, 15];
+                    case 5: return [4 /*yield*/, handleBrandPage()];
+                    case 6: return [2 /*return*/, _d.sent()];
+                    case 7: return [4 /*yield*/, handleCategoryPage()];
+                    case 8: return [2 /*return*/, _d.sent()];
+                    case 9: return [4 /*yield*/, this.getPageSpecificProduct()];
+                    case 10: return [2 /*return*/, _d.sent()];
+                    case 11: return [4 /*yield*/, handleBlogPage()];
+                    case 12: return [2 /*return*/, _d.sent()];
+                    case 13: return [4 /*yield*/, handleBlogCategoryPage()];
+                    case 14: return [2 /*return*/, _d.sent()];
+                    case 15: return [3 /*break*/, 16];
+                    case 16: return [2 /*return*/];
                 }
             });
         });
@@ -12446,7 +12991,7 @@ var IkasPageDataProvider = /** @class */ (function () {
                         }
                         this.pageSpecificData = new IkasProductDetail(product, selectedVariantValues.length
                             ? selectedVariantValues
-                            : product.variants[0].variantValues, true);
+                            : product.variants[0].variantValues);
                         this.pageType = exports.IkasThemePageType.PRODUCT;
                         this.setPageMetaData(metaDataResponse.metaData);
                         return [2 /*return*/];
@@ -12518,60 +13063,68 @@ var IkasPageDataProvider = /** @class */ (function () {
                             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];
                         }
-                        return [3 /*break*/, 17];
+                        return [3 /*break*/, 19];
                     case 1:
                         propValueProvider = new IkasTextPropValueProvider(propValue);
-                        return [3 /*break*/, 18];
+                        return [3 /*break*/, 20];
                     case 2:
                         propValueProvider = new IkasRichTextPropValueProvider(propValue);
-                        return [3 /*break*/, 18];
+                        return [3 /*break*/, 20];
                     case 3:
                         propValueProvider = new IkasBooleanPropValueProvider(propValue);
-                        return [3 /*break*/, 18];
+                        return [3 /*break*/, 20];
                     case 4:
                         propValueProvider = new IkasImagePropValueProvider(propValue);
-                        return [3 /*break*/, 18];
+                        return [3 /*break*/, 20];
                     case 5:
                         propValueProvider = new IkasImageListPropValueProvider(propValue);
-                        return [3 /*break*/, 18];
+                        return [3 /*break*/, 20];
                     case 6:
                         propValueProvider = new IkasBrandPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 18];
+                        return [3 /*break*/, 20];
                     case 7:
                         propValueProvider = new IkasBrandListPropValueProvider(propValue);
-                        return [3 /*break*/, 18];
+                        return [3 /*break*/, 20];
                     case 8:
-                        propValueProvider = new IkasProductListPropValueProvider(this.pageType, propValue, this.pageParams, this.pageSpecificData);
-                        return [3 /*break*/, 18];
+                        propValueProvider = new IkasProductListPropValueProvider(this.pageType, propValue, this.pageSpecificData);
+                        return [3 /*break*/, 20];
                     case 9:
                         propValueProvider = new IkasProductDetailPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 18];
+                        return [3 /*break*/, 20];
                     case 10:
                         propValueProvider = new IkasCategoryPropValueProvider(propValue, this.pageSpecificData);
-                        return [3 /*break*/, 18];
+                        return [3 /*break*/, 20];
                     case 11:
                         propValueProvider = new IkasCategoryListPropValueProvider(propValue);
-                        return [3 /*break*/, 18];
+                        return [3 /*break*/, 20];
                     case 12:
                         propValueProvider = new IkasLinkPropValueProvider(propValue, this.theme);
-                        return [3 /*break*/, 18];
+                        return [3 /*break*/, 20];
                     case 13:
                         propValueProvider = new IkasColorPropValueProvider(propValue);
-                        return [3 /*break*/, 18];
+                        return [3 /*break*/, 20];
                     case 14:
                         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*/, 18];
+                        return [3 /*break*/, 20];
                     case 15:
                         pageComponents = propValue;
                         return [4 /*yield*/, Promise.all(pageComponents.map(function (tp) { return _this.getPageComponentPropValues(tp); }))];
                     case 16: return [2 /*return*/, _b.sent()];
-                    case 17: return [3 /*break*/, 18];
-                    case 18: return [4 /*yield*/, (propValueProvider === null || propValueProvider === void 0 ? void 0 : propValueProvider.getValue())];
-                    case 19: return [2 /*return*/, _b.sent()];
+                    case 17:
+                        propValueProvider = new IkasBlogPropValueProvider(propValue, this.pageSpecificData);
+                        return [3 /*break*/, 20];
+                    case 18:
+                        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()];
                 }
             });
         });
@@ -12636,6 +13189,12 @@ var IkasPageDataProvider = /** @class */ (function () {
                     case exports.IkasThemeComponentPropType.CUSTOM:
                         IkasPageDataProvider.initCustomDataPropValue(prop, propValue, pageComponentPropValue, router, settings, isBrowser);
                         break;
+                    case exports.IkasThemeComponentPropType.BLOG:
+                        IkasPageDataProvider.initBlogPropValue(prop, propValue, pageComponentPropValue);
+                        break;
+                    case exports.IkasThemeComponentPropType.BLOG_LIST:
+                        IkasPageDataProvider.initBlogListPropValue(prop, propValue, pageComponentPropValue);
+                        break;
                 }
             });
         });
@@ -12676,7 +13235,6 @@ var IkasPageDataProvider = /** @class */ (function () {
         pageComponentPropValue.propValues[prop.name] = this._initProductDetailPropValue(propValue, router, isBrowser);
     };
     IkasPageDataProvider._initProductDetailPropValue = function (propValue, router, isBrowser) {
-        var usePageData = propValue.usePageData;
         var _propValue = propValue;
         var productDetail = new IkasProductDetail(_propValue.product, _propValue.selectedVariantValues);
         if (isBrowser) {
@@ -12689,7 +13247,7 @@ var IkasPageDataProvider = /** @class */ (function () {
                 }
             }
         }
-        return new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues, usePageData, router);
+        return new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues, router);
     };
     IkasPageDataProvider.initLinkPropValue = function (prop, propValue, pageComponentPropValue) {
         pageComponentPropValue.propValues[prop.name] = this._initLinkPropValue(propValue);
@@ -12810,6 +13368,18 @@ var IkasPageDataProvider = /** @class */ (function () {
             });
         return [];
     };
+    IkasPageDataProvider.initBlogPropValue = function (prop, propValue, pageComponentPropValue) {
+        pageComponentPropValue.propValues[prop.name] = IkasPageDataProvider._initBlogPropValue(propValue);
+    };
+    IkasPageDataProvider._initBlogPropValue = function (propValue) {
+        return new IkasBlog(propValue);
+    };
+    IkasPageDataProvider.initBlogListPropValue = function (prop, propValue, pageComponentPropValue) {
+        pageComponentPropValue.propValues[prop.name] = this._initBlogListPropValue(propValue);
+    };
+    IkasPageDataProvider._initBlogListPropValue = function (propValue) {
+        return new IkasBlogList(propValue);
+    };
     return IkasPageDataProvider;
 }());
 var IkasPageComponentPropValue = /** @class */ (function () {
@@ -12895,9 +13465,10 @@ var IkasHTMLMetaData = /** @class */ (function () {
 
 var IkasBrand = /** @class */ (function () {
     function IkasBrand(data) {
+        if (data === void 0) { data = {}; }
         this.metaData = null;
         this.image = null;
-        this.id = data.id || "";
+        this.id = data.id || v4();
         this.name = data.name || "";
         this.metaData = data.metaData
             ? new IkasHTMLMetaData(data.metaData)
@@ -12920,9 +13491,10 @@ var IkasBrand = /** @class */ (function () {
 
 var IkasCategory = /** @class */ (function () {
     function IkasCategory(data) {
+        if (data === void 0) { data = {}; }
         this.metaData = null;
         this.image = null;
-        this.id = data.id || "";
+        this.id = data.id || v4();
         this.name = data.name || "";
         this.parentId = data.parentId || null;
         this.metaData = data.metaData
@@ -19343,12 +19915,7 @@ var IkasCustomerStore = /** @class */ (function () {
         }); };
         this.logout = function () {
             var _a;
-            localStorage.removeItem(LS_TOKEN_KEY);
-            localStorage.removeItem(LS_TOKEN_EXPIRY);
-            localStorage.removeItem(LS_CUSTOMER_KEY);
-            _this.customer = undefined;
-            _this.token = undefined;
-            _this.tokenExpiry = undefined;
+            _this.clearLocalData();
             (_a = _this.baseStore) === null || _a === void 0 ? void 0 : _a.cartStore.removeCart();
         };
         this.saveCustomer = function (customer) { return __awaiter(_this, void 0, void 0, function () {
@@ -19563,6 +20130,9 @@ var IkasCustomerStore = /** @class */ (function () {
                         response = _a.sent();
                         if ((response === null || response === void 0 ? void 0 : response.token) || (response === null || response === void 0 ? void 0 : response.tokenExpiry))
                             this.setToken(response.token, response.tokenExpiry);
+                        else {
+                            this.clearLocalData();
+                        }
                         return [2 /*return*/];
                 }
             });
@@ -19603,6 +20173,14 @@ var IkasCustomerStore = /** @class */ (function () {
             this.setToken(token, parseInt(tokenExpiry));
         }
     };
+    IkasCustomerStore.prototype.clearLocalData = function () {
+        localStorage.removeItem(LS_TOKEN_KEY);
+        localStorage.removeItem(LS_TOKEN_EXPIRY);
+        localStorage.removeItem(LS_CUSTOMER_KEY);
+        this.customer = undefined;
+        this.token = undefined;
+        this.tokenExpiry = undefined;
+    };
     return IkasCustomerStore;
 }());
 
@@ -19892,7 +20470,7 @@ var IkasProductAttributeValue = /** @class */ (function () {
 var IkasProductVariant = /** @class */ (function () {
     function IkasProductVariant(data) {
         if (data === void 0) { data = {}; }
-        this.id = data.id || "";
+        this.id = data.id || v4();
         this.sku = data.sku || null;
         this.barcodeList = data.barcodeList || [];
         this.variantValues = data.variantValues
@@ -19982,7 +20560,7 @@ var IkasProductTag = /** @class */ (function () {
 var IkasProduct = /** @class */ (function () {
     function IkasProduct(data) {
         if (data === void 0) { data = {}; }
-        this.id = data.id || "";
+        this.id = data.id || v4();
         this.name = data.name || "";
         this.type = data.type || exports.IkasProductType.PHYSICAL;
         this.description = data.description || "";
@@ -20452,80 +21030,6 @@ var IkasTransactionCardTypeEnum;
     IkasTransactionTypeEnum["VOID"] = "VOID";
 })(exports.IkasTransactionTypeEnum || (exports.IkasTransactionTypeEnum = {}));
 
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-var getRandomValues;
-var rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
-    // find the complete implementation of crypto (msCrypto) on IE11.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  return getRandomValues(rnds8);
-}
-
-var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
-
-function validate(uuid) {
-  return typeof uuid === 'string' && REGEX.test(uuid);
-}
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-var byteToHex = [];
-
-for (var i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).substr(1));
-}
-
-function stringify(arr) {
-  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
-  // of the following:
-  // - One or more input array values don't map to a hex octet (leading to
-  // "undefined" in the uuid)
-  // - Invalid input values for the RFC `version` or `variant` fields
-
-  if (!validate(uuid)) {
-    throw TypeError('Stringified UUID is invalid');
-  }
-
-  return uuid;
-}
-
-function v4(options, buf, offset) {
-  options = options || {};
-  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-  if (buf) {
-    offset = offset || 0;
-
-    for (var i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
-
-    return buf;
-  }
-
-  return stringify(rnds);
-}
-
 var IkasThemeComponentProp = /** @class */ (function () {
     function IkasThemeComponentProp(data) {
         this.id = data.id || v4();
@@ -20556,6 +21060,8 @@ var IkasThemeComponentProp = /** @class */ (function () {
     IkasThemeComponentPropType["CUSTOM"] = "CUSTOM";
     IkasThemeComponentPropType["COMPONENT"] = "COMPONENT";
     IkasThemeComponentPropType["COMPONENT_LIST"] = "COMPONENT_LIST";
+    IkasThemeComponentPropType["BLOG"] = "BLOG";
+    IkasThemeComponentPropType["BLOG_LIST"] = "BLOG_LIST";
 })(exports.IkasThemeComponentPropType || (exports.IkasThemeComponentPropType = {}));
 
 var IkasThemeComponent = /** @class */ (function () {
@@ -20619,6 +21125,8 @@ var IkasThemeCustomData = /** @class */ (function () {
     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";
@@ -20680,6 +21188,9 @@ var IkasThemePageSpecification = /** @class */ (function () {
     IkasThemePageType["FAVORITE_PRODUCTS"] = "FAVORITE_PRODUCTS";
     IkasThemePageType["SEARCH"] = "SEARCH";
     IkasThemePageType["NOT_FOUND"] = "NOT_FOUND";
+    IkasThemePageType["BLOG"] = "BLOG";
+    IkasThemePageType["BLOG_INDEX"] = "BLOG_INDEX";
+    IkasThemePageType["BLOG_CATEGORY"] = "BLOG_CATEGORY";
 })(exports.IkasThemePageType || (exports.IkasThemePageType = {}));
 
 var IkasThemeColor = /** @class */ (function () {
@@ -20790,31 +21301,32 @@ var IkasBrandList = /** @class */ (function () {
         this._isLoading = false;
         this.getInitial = function () { return __awaiter(_this, void 0, void 0, function () {
             var response_1, err_1;
-            var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var _this = this;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         if (this._isLoading)
                             return [2 /*return*/];
                         this._isLoading = true;
-                        _a.label = 1;
+                        _b.label = 1;
                     case 1:
-                        _a.trys.push([1, 3, 4, 5]);
+                        _b.trys.push([1, 3, 4, 5]);
                         return [4 /*yield*/, IkasBrandAPI.listBrands({
                                 idList: this.isStatic
                                     ? this._brandListPropValue.brandIds || undefined
                                     : undefined,
                                 page: this.isStatic ? undefined : this.page,
                                 limit: this.isStatic ? undefined : this.limit,
+                                sort: this.getSortParams(),
                             })];
                     case 2:
-                        response_1 = _a.sent();
+                        response_1 = _b.sent();
                         if (this.isStatic) {
-                            this.data = this._brandListPropValue
-                                .brandIds.map(function (bID) {
-                                return response_1.brands.find(function (b) { return b.id === bID; });
-                            })
-                                .filter(function (b) { return !!b; });
+                            this.data =
+                                ((_a = this._brandListPropValue.brandIds) === null || _a === void 0 ? void 0 : _a.map(function (bID) {
+                                    return response_1.brands.find(function (b) { return b.id === bID; });
+                                }).filter(function (b) { return !!b; })) || [];
                         }
                         else {
                             this.data = response_1.brands;
@@ -20824,7 +21336,7 @@ var IkasBrandList = /** @class */ (function () {
                         this._minPage = this.page;
                         return [3 /*break*/, 5];
                     case 3:
-                        err_1 = _a.sent();
+                        err_1 = _b.sent();
                         console.log(err_1);
                         return [3 /*break*/, 5];
                     case 4:
@@ -20852,6 +21364,7 @@ var IkasBrandList = /** @class */ (function () {
                         return [4 /*yield*/, IkasBrandAPI.listBrands({
                                 page: minPage_1,
                                 limit: this.limit,
+                                sort: this.getSortParams(),
                             })];
                     case 2:
                         response_2 = _a.sent();
@@ -20889,6 +21402,7 @@ var IkasBrandList = /** @class */ (function () {
                         return [4 /*yield*/, IkasBrandAPI.listBrands({
                                 page: this.page + 1,
                                 limit: this.limit,
+                                sort: this.getSortParams(),
                             })];
                     case 2:
                         response_3 = _a.sent();
@@ -20926,6 +21440,7 @@ var IkasBrandList = /** @class */ (function () {
                         return [4 /*yield*/, IkasBrandAPI.listBrands({
                                 page: page,
                                 limit: this.limit,
+                                sort: this.getSortParams(),
                             })];
                     case 2:
                         response_4 = _a.sent();
@@ -20941,74 +21456,345 @@ var IkasBrandList = /** @class */ (function () {
                         console.log(err_4);
                         return [3 /*break*/, 5];
                     case 4:
-                        mobx.runInAction(function () {
-                            _this._isLoading = false;
-                        });
+                        mobx.runInAction(function () {
+                            _this._isLoading = false;
+                        });
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.data = data.data ? data.data.map(function (b) { return new IkasBrand(b); }) : [];
+        this._type =
+            data.type ||
+                data.brandListPropValue.brandListType ||
+                exports.IkasBrandListType.ALL;
+        this._sort =
+            data.sort ||
+                data.brandListPropValue.initialSort ||
+                exports.IkasBrandListSortType.A_Z;
+        this._limit = data.limit || data.brandListPropValue.initialLimit || 20;
+        this._page = data.page || 1;
+        this._count = data.count || 0;
+        this._initialized = data.initialized || false;
+        this._minPage = data.minPage;
+        this._brandListPropValue = data.brandListPropValue;
+        mobx.makeAutoObservable(this);
+    }
+    Object.defineProperty(IkasBrandList.prototype, "sort", {
+        get: function () {
+            return this._sort;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBrandList.prototype, "limit", {
+        get: function () {
+            return this._limit;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBrandList.prototype, "page", {
+        get: function () {
+            return this._page;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBrandList.prototype, "count", {
+        get: function () {
+            return this._count;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBrandList.prototype, "isInitialized", {
+        get: function () {
+            return this._initialized;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBrandList.prototype, "isStatic", {
+        get: function () {
+            return this._type === exports.IkasBrandListType.STATIC;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBrandList.prototype, "hasPrev", {
+        get: function () {
+            if (this.isStatic || !this._minPage)
+                return false;
+            return this._minPage > 1;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBrandList.prototype, "hasNext", {
+        get: function () {
+            if (this.isStatic)
+                return false;
+            return this.page * this.limit < this.count;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IkasBrandList.prototype, "isLoading", {
+        get: function () {
+            return this._isLoading;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IkasBrandList.prototype.getSortParams = function () {
+        if (this._sort === exports.IkasBrandListSortType.A_Z)
+            return "name";
+        else
+            return "-name";
+    };
+    IkasBrandList.prototype.setSortType = function (sortType) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this._sort = sortType;
+                        return [4 /*yield*/, this.getInitial()];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasBrandList.prototype.toJSON = function () {
+        return {
+            data: this.data,
+            type: this._type,
+            sort: this._sort,
+            limit: this._limit,
+            page: this._page,
+            count: this._count,
+            initialized: this._initialized,
+            minPage: this._minPage,
+            brandListPropValue: this._brandListPropValue,
+        };
+    };
+    return IkasBrandList;
+}());
+(function (IkasBrandListType) {
+    IkasBrandListType["ALL"] = "ALL";
+    IkasBrandListType["STATIC"] = "STATIC";
+})(exports.IkasBrandListType || (exports.IkasBrandListType = {}));
+(function (IkasBrandListSortType) {
+    IkasBrandListSortType["A_Z"] = "A_Z";
+    IkasBrandListSortType["Z_A"] = "Z_A";
+})(exports.IkasBrandListSortType || (exports.IkasBrandListSortType = {}));
+
+var IkasBrandListPropValue = /** @class */ (function () {
+    function IkasBrandListPropValue(data) {
+        this.initialSort = null;
+        this.initialLimit = null;
+        // Only for static lists
+        this.brandCount = null;
+        this.brandIds = null;
+        this.brandListType = data.brandListType || exports.IkasBrandListType.ALL;
+        this.initialSort = data.initialSort || exports.IkasBrandListSortType.A_Z;
+        this.initialLimit = data.initialLimit || 20;
+        this.brandCount = data.brandCount;
+        this.brandIds = data.brandIds;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasBrandListPropValue;
+}());
+
+var IkasBlogList = /** @class */ (function () {
+    function IkasBlogList(data) {
+        var _this = this;
+        this._initialized = false;
+        this._minPage = null;
+        this._filterCategoryId = null;
+        this._isLoading = false;
+        // Used by the provider
+        this.getInitial = function () { return __awaiter(_this, void 0, void 0, function () {
+            var response_1, err_1;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        if (this._isLoading)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, this.listBlogs(this.isStatic ? 1 : this.page, this.isStatic
+                                ? ((_a = this._blogListPropValue.blogIds) === null || _a === void 0 ? void 0 : _a.length) || 10
+                                : this.limit)];
+                    case 2:
+                        response_1 = _c.sent();
+                        if (this.isStatic) {
+                            this.data =
+                                ((_b = this._blogListPropValue.blogIds) === null || _b === void 0 ? void 0 : _b.map(function (bID) {
+                                    return response_1.blogs.find(function (b) { return b.id === bID; });
+                                }).filter(function (b) { return !!b; })) || [];
+                        }
+                        else {
+                            this.data = response_1.blogs;
+                        }
+                        this._count = response_1.count;
+                        this._initialized = true;
+                        this._minPage = this.page;
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_1 = _c.sent();
+                        console.log(err_1);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this._isLoading = false;
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.getPrev = function () { return __awaiter(_this, void 0, void 0, function () {
+            var minPage, response, err_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this.isStatic || this._isLoading || !this.hasPrev)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        minPage = this._minPage - 1;
+                        return [4 /*yield*/, this.listBlogs(minPage, this.limit)];
+                    case 2:
+                        response = _a.sent();
+                        this.data = response.blogs.concat(this.data);
+                        this._count = response.count;
+                        this._minPage = minPage;
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_2 = _a.sent();
+                        console.log(err_2);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this._isLoading = false;
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.getNext = function () { return __awaiter(_this, void 0, void 0, function () {
+            var response, err_3;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this.isStatic || this._isLoading || !this.hasNext)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, this.listBlogs(this.page + 1, this.limit)];
+                    case 2:
+                        response = _a.sent();
+                        this.data = this.data.concat(response.blogs);
+                        this._count = response.count;
+                        this._page = this.page + 1;
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_3 = _a.sent();
+                        console.log(err_3);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this._isLoading = false;
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.getPage = function (page) { return __awaiter(_this, void 0, void 0, function () {
+            var response, err_4;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this._isLoading || this.isStatic)
+                            return [2 /*return*/];
+                        this._isLoading = true;
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, this.listBlogs(page, this.limit)];
+                    case 2:
+                        response = _a.sent();
+                        this.data = response.blogs;
+                        this._count = response.count;
+                        this._page = page;
+                        this._minPage = page;
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_4 = _a.sent();
+                        console.log(err_4);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this._isLoading = false;
                         return [7 /*endfinally*/];
                     case 5: return [2 /*return*/];
                 }
             });
         }); };
-        this.data = data.data ? data.data.map(function (b) { return new IkasBrand(b); }) : [];
+        this.data = data.data ? data.data.map(function (b) { return new IkasBlog(b); }) : [];
         this._type =
-            data.type ||
-                data.brandListPropValue.brandListType ||
-                exports.IkasBrandListType.ALL;
-        this._sort =
-            data.sort ||
-                data.brandListPropValue.initialSort ||
-                exports.IkasBrandListSortType.A_Z;
-        this._limit = data.limit || data.brandListPropValue.initialLimit || 20;
+            data.type || data.blogListPropValue.blogListType || exports.IkasBlogListType.ALL;
+        this._limit = data.limit || data.blogListPropValue.initialLimit || 20;
         this._page = data.page || 1;
         this._count = data.count || 0;
         this._initialized = data.initialized || false;
         this._minPage = data.minPage;
-        this._brandListPropValue = data.brandListPropValue;
+        this._blogListPropValue = data.blogListPropValue;
+        this._filterCategoryId = data.filterCategoryId || null;
         mobx.makeAutoObservable(this);
     }
-    Object.defineProperty(IkasBrandList.prototype, "sort", {
-        get: function () {
-            return this._sort;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(IkasBrandList.prototype, "limit", {
+    Object.defineProperty(IkasBlogList.prototype, "limit", {
         get: function () {
             return this._limit;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IkasBrandList.prototype, "page", {
+    Object.defineProperty(IkasBlogList.prototype, "page", {
         get: function () {
             return this._page;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IkasBrandList.prototype, "count", {
+    Object.defineProperty(IkasBlogList.prototype, "count", {
         get: function () {
             return this._count;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IkasBrandList.prototype, "isInitialized", {
+    Object.defineProperty(IkasBlogList.prototype, "isInitialized", {
         get: function () {
             return this._initialized;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IkasBrandList.prototype, "isStatic", {
+    Object.defineProperty(IkasBlogList.prototype, "isStatic", {
         get: function () {
-            return this._type === exports.IkasBrandListType.STATIC;
+            return this._type === exports.IkasBlogListType.STATIC;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IkasBrandList.prototype, "hasPrev", {
+    Object.defineProperty(IkasBlogList.prototype, "hasPrev", {
         get: function () {
             if (this.isStatic || !this._minPage)
                 return false;
@@ -21017,7 +21803,7 @@ var IkasBrandList = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IkasBrandList.prototype, "hasNext", {
+    Object.defineProperty(IkasBlogList.prototype, "hasNext", {
         get: function () {
             if (this.isStatic)
                 return false;
@@ -21026,53 +21812,50 @@ var IkasBrandList = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IkasBrandList.prototype, "isLoading", {
+    Object.defineProperty(IkasBlogList.prototype, "isLoading", {
         get: function () {
             return this._isLoading;
         },
         enumerable: false,
         configurable: true
     });
-    IkasBrandList.prototype.toJSON = function () {
+    IkasBlogList.prototype.listBlogs = function (page, limit) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, IkasBlogAPI.listBlog({
+                            idList: this.isStatic
+                                ? this._blogListPropValue.blogIds || undefined
+                                : undefined,
+                            page: page,
+                            limit: limit,
+                            categoryId: this._filterCategoryId || undefined,
+                        })];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    IkasBlogList.prototype.toJSON = function () {
         return {
             data: this.data,
             type: this._type,
-            sort: this._sort,
             limit: this._limit,
             page: this._page,
             count: this._count,
             initialized: this._initialized,
             minPage: this._minPage,
-            brandListPropValue: this._brandListPropValue,
+            blogListPropValue: this._blogListPropValue,
+            filterCategoryId: this._filterCategoryId,
         };
     };
-    return IkasBrandList;
+    return IkasBlogList;
 }());
-(function (IkasBrandListType) {
-    IkasBrandListType["ALL"] = "ALL";
-    IkasBrandListType["STATIC"] = "STATIC";
-})(exports.IkasBrandListType || (exports.IkasBrandListType = {}));
-(function (IkasBrandListSortType) {
-    IkasBrandListSortType["A_Z"] = "A_Z";
-    IkasBrandListSortType["Z_A"] = "Z_A";
-})(exports.IkasBrandListSortType || (exports.IkasBrandListSortType = {}));
-
-var IkasBrandListPropValue = /** @class */ (function () {
-    function IkasBrandListPropValue(data) {
-        this.initialSort = null;
-        this.initialLimit = null;
-        // Only for static lists
-        this.brandCount = null;
-        this.brandIds = null;
-        this.brandListType = data.brandListType || exports.IkasBrandListType.ALL;
-        this.initialSort = data.initialSort || exports.IkasBrandListSortType.A_Z;
-        this.initialLimit = data.initialLimit || 20;
-        this.brandCount = data.brandCount;
-        this.brandIds = data.brandIds;
-        mobx.makeAutoObservable(this);
-    }
-    return IkasBrandListPropValue;
-}());
+(function (IkasBlogListType) {
+    IkasBlogListType["ALL"] = "ALL";
+    IkasBlogListType["STATIC"] = "STATIC";
+    IkasBlogListType["CATEGORY"] = "CATEGORY";
+})(exports.IkasBlogListType || (exports.IkasBlogListType = {}));
 
 var IkasCategoryList = /** @class */ (function () {
     function IkasCategoryList(data) {
@@ -21083,30 +21866,31 @@ var IkasCategoryList = /** @class */ (function () {
         this.getInitial = function () { return __awaiter(_this, void 0, void 0, function () {
             var response_1, err_1;
             var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         if (this._isLoading)
                             return [2 /*return*/];
                         this._isLoading = true;
-                        _a.label = 1;
+                        _b.label = 1;
                     case 1:
-                        _a.trys.push([1, 3, 4, 5]);
+                        _b.trys.push([1, 3, 4, 5]);
                         return [4 /*yield*/, IkasCategoryAPI.listCategories({
                                 idList: this.isStatic
                                     ? this._categoryListPropValue.categoryIds || undefined
                                     : undefined,
                                 page: this.isStatic ? undefined : this.page,
                                 limit: this.isStatic ? undefined : this.limit,
+                                sort: this.getSortParams(),
                             })];
                     case 2:
-                        response_1 = _a.sent();
+                        response_1 = _b.sent();
                         if (this.isStatic) {
-                            this.data = this._categoryListPropValue
-                                .categoryIds.map(function (cID) {
-                                return response_1.categories.find(function (c) { return c.id === cID; });
-                            })
-                                .filter(function (c) { return !!c; });
+                            this.data =
+                                ((_a = this._categoryListPropValue.categoryIds) === null || _a === void 0 ? void 0 : _a.map(function (cID) {
+                                    return response_1.categories.find(function (c) { return c.id === cID; });
+                                }).filter(function (c) { return !!c; })) || [];
                         }
                         else {
                             this.data = response_1.categories;
@@ -21116,7 +21900,7 @@ var IkasCategoryList = /** @class */ (function () {
                         this._minPage = this.page;
                         return [3 /*break*/, 5];
                     case 3:
-                        err_1 = _a.sent();
+                        err_1 = _b.sent();
                         console.log(err_1);
                         return [3 /*break*/, 5];
                     case 4:
@@ -21144,6 +21928,7 @@ var IkasCategoryList = /** @class */ (function () {
                         return [4 /*yield*/, IkasCategoryAPI.listCategories({
                                 page: minPage_1,
                                 limit: this.limit,
+                                sort: this.getSortParams(),
                             })];
                     case 2:
                         response_2 = _a.sent();
@@ -21181,6 +21966,7 @@ var IkasCategoryList = /** @class */ (function () {
                         return [4 /*yield*/, IkasCategoryAPI.listCategories({
                                 page: this.page + 1,
                                 limit: this.limit,
+                                sort: this.getSortParams(),
                             })];
                     case 2:
                         response_3 = _a.sent();
@@ -21218,6 +22004,7 @@ var IkasCategoryList = /** @class */ (function () {
                         return [4 /*yield*/, IkasCategoryAPI.listCategories({
                                 page: page,
                                 limit: this.limit,
+                                sort: this.getSortParams(),
                             })];
                     case 2:
                         response_4 = _a.sent();
@@ -21325,6 +22112,26 @@ var IkasCategoryList = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    IkasCategoryList.prototype.getSortParams = function () {
+        if (this._sort === exports.IkasCategoryListSortType.A_Z)
+            return "name";
+        else
+            return "-name";
+    };
+    IkasCategoryList.prototype.setSortType = function (sortType) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this._sort = sortType;
+                        return [4 /*yield*/, this.getInitial()];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
     IkasCategoryList.prototype.toJSON = function () {
         return {
             data: this.data,
@@ -21350,12 +22157,10 @@ var IkasCategoryList = /** @class */ (function () {
 })(exports.IkasCategoryListSortType || (exports.IkasCategoryListSortType = {}));
 
 var IkasProductDetail = /** @class */ (function () {
-    function IkasProductDetail(product, selectedVariantValues, usePageData, router) {
-        this.usePageData = null;
+    function IkasProductDetail(product, selectedVariantValues, router) {
         this.router = null;
         this.product = new IkasProduct(product);
         this.selectedVariantValues = selectedVariantValues.map(function (vv) { return new IkasVariantValue(vv); });
-        this.usePageData = usePageData;
         this.router = router;
         mobx.makeAutoObservable(this);
     }
@@ -22188,6 +22993,345 @@ function debounce(func, wait, options) {
 
 var debounce_1 = debounce;
 
+/* tslint:disable */
+/* eslint-disable */
+// @generated
+// This file was automatically generated and should not be edited.
+//==============================================================
+// START Enums and Input Objects
+//==============================================================
+/**
+ * OrderAdjustment Enum
+ */
+var AdjustmentEnum;
+(function (AdjustmentEnum) {
+    AdjustmentEnum["DECREMENT"] = "DECREMENT";
+    AdjustmentEnum["INCREMENT"] = "INCREMENT";
+})(AdjustmentEnum || (AdjustmentEnum = {}));
+/**
+ * Amount Type Enum
+ */
+var AmountTypeEnum;
+(function (AmountTypeEnum) {
+    AmountTypeEnum["AMOUNT"] = "AMOUNT";
+    AmountTypeEnum["RATIO"] = "RATIO";
+})(AmountTypeEnum || (AmountTypeEnum = {}));
+/**
+ * Url Slug Target Type Enum Codes
+ */
+var BlogMetadataTargetTypeEnum;
+(function (BlogMetadataTargetTypeEnum) {
+    BlogMetadataTargetTypeEnum["BLOG"] = "BLOG";
+    BlogMetadataTargetTypeEnum["BLOG_CATEGORY"] = "BLOG_CATEGORY";
+})(BlogMetadataTargetTypeEnum || (BlogMetadataTargetTypeEnum = {}));
+/**
+ * Cancelled Reason Enum
+ */
+var CancelledReasonEnum;
+(function (CancelledReasonEnum) {
+    CancelledReasonEnum["CUSTOMER"] = "CUSTOMER";
+    CancelledReasonEnum["DECLINED"] = "DECLINED";
+    CancelledReasonEnum["INVENTORY"] = "INVENTORY";
+    CancelledReasonEnum["OTHER"] = "OTHER";
+})(CancelledReasonEnum || (CancelledReasonEnum = {}));
+/**
+ * Cart Status Enum
+ */
+var CartStatusEnum;
+(function (CartStatusEnum) {
+    CartStatusEnum["ACTIVE"] = "ACTIVE";
+    CartStatusEnum["PASSIVE"] = "PASSIVE";
+})(CartStatusEnum || (CartStatusEnum = {}));
+/**
+ * Checkout Recovery Email Status Enum
+ */
+var CheckoutRecoveryEmailStatusEnum;
+(function (CheckoutRecoveryEmailStatusEnum) {
+    CheckoutRecoveryEmailStatusEnum["NOT_SENT"] = "NOT_SENT";
+    CheckoutRecoveryEmailStatusEnum["SENT"] = "SENT";
+})(CheckoutRecoveryEmailStatusEnum || (CheckoutRecoveryEmailStatusEnum = {}));
+/**
+ * Checkout Recovery Status Enum
+ */
+var CheckoutRecoveryStatusEnum;
+(function (CheckoutRecoveryStatusEnum) {
+    CheckoutRecoveryStatusEnum["NOT_RECOVERED"] = "NOT_RECOVERED";
+    CheckoutRecoveryStatusEnum["RECOVERED"] = "RECOVERED";
+})(CheckoutRecoveryStatusEnum || (CheckoutRecoveryStatusEnum = {}));
+/**
+ * Checkout Requirement Enum
+ */
+var CheckoutRequirementEnum;
+(function (CheckoutRequirementEnum) {
+    CheckoutRequirementEnum["INVISIBLE"] = "INVISIBLE";
+    CheckoutRequirementEnum["MANDATORY"] = "MANDATORY";
+    CheckoutRequirementEnum["OPTIONAL"] = "OPTIONAL";
+})(CheckoutRequirementEnum || (CheckoutRequirementEnum = {}));
+/**
+ * Checkout Status Enum
+ */
+var CheckoutStatusEnum;
+(function (CheckoutStatusEnum) {
+    CheckoutStatusEnum["COMPLETED"] = "COMPLETED";
+    CheckoutStatusEnum["OPEN"] = "OPEN";
+})(CheckoutStatusEnum || (CheckoutStatusEnum = {}));
+/**
+ * Customer Account Statuses
+ */
+var CustomerAccountStatusesEnum;
+(function (CustomerAccountStatusesEnum) {
+    CustomerAccountStatusesEnum["ACTIVE_ACCOUNT"] = "ACTIVE_ACCOUNT";
+    CustomerAccountStatusesEnum["DECLINED_ACCOUNT_INVITATION"] = "DECLINED_ACCOUNT_INVITATION";
+    CustomerAccountStatusesEnum["DISABLED_ACCOUNT"] = "DISABLED_ACCOUNT";
+    CustomerAccountStatusesEnum["INVITED_TO_CREATE_ACCOUNT"] = "INVITED_TO_CREATE_ACCOUNT";
+})(CustomerAccountStatusesEnum || (CustomerAccountStatusesEnum = {}));
+/**
+ * Url Slug Target Type Enum Codes
+ */
+var HTMLMetaDataTargetTypeEnum;
+(function (HTMLMetaDataTargetTypeEnum) {
+    HTMLMetaDataTargetTypeEnum["BRAND"] = "BRAND";
+    HTMLMetaDataTargetTypeEnum["CATEGORY"] = "CATEGORY";
+    HTMLMetaDataTargetTypeEnum["PAGE"] = "PAGE";
+    HTMLMetaDataTargetTypeEnum["PRODUCT"] = "PRODUCT";
+})(HTMLMetaDataTargetTypeEnum || (HTMLMetaDataTargetTypeEnum = {}));
+/**
+ * Order Line Item Status Enum
+ */
+var OrderLineItemStatusEnum$1;
+(function (OrderLineItemStatusEnum) {
+    OrderLineItemStatusEnum["CANCELLED"] = "CANCELLED";
+    OrderLineItemStatusEnum["CANCEL_REJECTED"] = "CANCEL_REJECTED";
+    OrderLineItemStatusEnum["CANCEL_REQUESTED"] = "CANCEL_REQUESTED";
+    OrderLineItemStatusEnum["DELIVERED"] = "DELIVERED";
+    OrderLineItemStatusEnum["FULFILLED"] = "FULFILLED";
+    OrderLineItemStatusEnum["REFUNDED"] = "REFUNDED";
+    OrderLineItemStatusEnum["REFUND_REJECTED"] = "REFUND_REJECTED";
+    OrderLineItemStatusEnum["REFUND_REQUESTED"] = "REFUND_REQUESTED";
+    OrderLineItemStatusEnum["REFUND_REQUEST_ACCEPTED"] = "REFUND_REQUEST_ACCEPTED";
+    OrderLineItemStatusEnum["UNFULFILLED"] = "UNFULFILLED";
+})(OrderLineItemStatusEnum$1 || (OrderLineItemStatusEnum$1 = {}));
+/**
+ * Order Package Fulfill Status Enum
+ */
+var OrderPackageFulfillStatusEnum;
+(function (OrderPackageFulfillStatusEnum) {
+    OrderPackageFulfillStatusEnum["CANCELLED"] = "CANCELLED";
+    OrderPackageFulfillStatusEnum["CANCEL_REJECTED"] = "CANCEL_REJECTED";
+    OrderPackageFulfillStatusEnum["CANCEL_REQUESTED"] = "CANCEL_REQUESTED";
+    OrderPackageFulfillStatusEnum["DELIVERED"] = "DELIVERED";
+    OrderPackageFulfillStatusEnum["ERROR"] = "ERROR";
+    OrderPackageFulfillStatusEnum["FULFILLED"] = "FULFILLED";
+    OrderPackageFulfillStatusEnum["READY_FOR_SHIPMENT"] = "READY_FOR_SHIPMENT";
+    OrderPackageFulfillStatusEnum["REFUNDED"] = "REFUNDED";
+    OrderPackageFulfillStatusEnum["REFUND_REJECTED"] = "REFUND_REJECTED";
+    OrderPackageFulfillStatusEnum["REFUND_REQUESTED"] = "REFUND_REQUESTED";
+    OrderPackageFulfillStatusEnum["REFUND_REQUEST_ACCEPTED"] = "REFUND_REQUEST_ACCEPTED";
+})(OrderPackageFulfillStatusEnum || (OrderPackageFulfillStatusEnum = {}));
+/**
+ * Order Package Status Enum
+ */
+var OrderPackageStatusEnum;
+(function (OrderPackageStatusEnum) {
+    OrderPackageStatusEnum["CANCELLED"] = "CANCELLED";
+    OrderPackageStatusEnum["CANCEL_REJECTED"] = "CANCEL_REJECTED";
+    OrderPackageStatusEnum["CANCEL_REQUESTED"] = "CANCEL_REQUESTED";
+    OrderPackageStatusEnum["DELIVERED"] = "DELIVERED";
+    OrderPackageStatusEnum["FULFILLED"] = "FULFILLED";
+    OrderPackageStatusEnum["PARTIALLY_CANCELLED"] = "PARTIALLY_CANCELLED";
+    OrderPackageStatusEnum["PARTIALLY_DELIVERED"] = "PARTIALLY_DELIVERED";
+    OrderPackageStatusEnum["PARTIALLY_FULFILLED"] = "PARTIALLY_FULFILLED";
+    OrderPackageStatusEnum["PARTIALLY_REFUNDED"] = "PARTIALLY_REFUNDED";
+    OrderPackageStatusEnum["READY_FOR_SHIPMENT"] = "READY_FOR_SHIPMENT";
+    OrderPackageStatusEnum["REFUNDED"] = "REFUNDED";
+    OrderPackageStatusEnum["REFUND_REJECTED"] = "REFUND_REJECTED";
+    OrderPackageStatusEnum["REFUND_REQUESTED"] = "REFUND_REQUESTED";
+    OrderPackageStatusEnum["REFUND_REQUEST_ACCEPTED"] = "REFUND_REQUEST_ACCEPTED";
+    OrderPackageStatusEnum["UNABLE_TO_DELIVER"] = "UNABLE_TO_DELIVER";
+    OrderPackageStatusEnum["UNFULFILLED"] = "UNFULFILLED";
+})(OrderPackageStatusEnum || (OrderPackageStatusEnum = {}));
+/**
+ * Order Status Enum
+ */
+var OrderStatusEnum;
+(function (OrderStatusEnum) {
+    OrderStatusEnum["CANCELLED"] = "CANCELLED";
+    OrderStatusEnum["CREATED"] = "CREATED";
+    OrderStatusEnum["DRAFT"] = "DRAFT";
+    OrderStatusEnum["PARTIALLY_CANCELLED"] = "PARTIALLY_CANCELLED";
+    OrderStatusEnum["PARTIALLY_REFUNDED"] = "PARTIALLY_REFUNDED";
+    OrderStatusEnum["REFUNDED"] = "REFUNDED";
+    OrderStatusEnum["REFUND_REJECTED"] = "REFUND_REJECTED";
+    OrderStatusEnum["REFUND_REQUESTED"] = "REFUND_REQUESTED";
+})(OrderStatusEnum || (OrderStatusEnum = {}));
+/**
+ * Payment Method Enum
+ */
+var PaymentMethodEnum;
+(function (PaymentMethodEnum) {
+    PaymentMethodEnum["BUY_ONLINE_PAY_AT_STORE"] = "BUY_ONLINE_PAY_AT_STORE";
+    PaymentMethodEnum["CASH"] = "CASH";
+    PaymentMethodEnum["CASH_ON_DELIVERY"] = "CASH_ON_DELIVERY";
+    PaymentMethodEnum["CREDIT_CARD"] = "CREDIT_CARD";
+    PaymentMethodEnum["CREDIT_CARD_ON_DELIVERY"] = "CREDIT_CARD_ON_DELIVERY";
+    PaymentMethodEnum["GIFT_CARD"] = "GIFT_CARD";
+    PaymentMethodEnum["MONEY_ORDER"] = "MONEY_ORDER";
+    PaymentMethodEnum["OTHER"] = "OTHER";
+})(PaymentMethodEnum || (PaymentMethodEnum = {}));
+/**
+ * Payment Status Enum
+ */
+var PaymentStatusEnum;
+(function (PaymentStatusEnum) {
+    PaymentStatusEnum["PAID"] = "PAID";
+    PaymentStatusEnum["PARTIALLY_PAID"] = "PARTIALLY_PAID";
+    PaymentStatusEnum["WAITING"] = "WAITING";
+})(PaymentStatusEnum || (PaymentStatusEnum = {}));
+/**
+ * ProductAttribute Types
+ */
+var ProductAttributeTypeEnum;
+(function (ProductAttributeTypeEnum) {
+    ProductAttributeTypeEnum["BOOLEAN"] = "BOOLEAN";
+    ProductAttributeTypeEnum["CHOICE"] = "CHOICE";
+    ProductAttributeTypeEnum["DATETIME"] = "DATETIME";
+    ProductAttributeTypeEnum["HTML"] = "HTML";
+    ProductAttributeTypeEnum["MULTIPLE_CHOICE"] = "MULTIPLE_CHOICE";
+    ProductAttributeTypeEnum["NUMERIC"] = "NUMERIC";
+    ProductAttributeTypeEnum["TEXT"] = "TEXT";
+})(ProductAttributeTypeEnum || (ProductAttributeTypeEnum = {}));
+/**
+ * Product Filter Type Enum Codes
+ */
+var ProductFilterDisplayTypeEnum;
+(function (ProductFilterDisplayTypeEnum) {
+    ProductFilterDisplayTypeEnum["BOX"] = "BOX";
+    ProductFilterDisplayTypeEnum["DATE_RANGE"] = "DATE_RANGE";
+    ProductFilterDisplayTypeEnum["LIST"] = "LIST";
+    ProductFilterDisplayTypeEnum["NUMBER_RANGE"] = "NUMBER_RANGE";
+    ProductFilterDisplayTypeEnum["NUMBER_RANGE_LIST"] = "NUMBER_RANGE_LIST";
+    ProductFilterDisplayTypeEnum["SWATCH"] = "SWATCH";
+})(ProductFilterDisplayTypeEnum || (ProductFilterDisplayTypeEnum = {}));
+/**
+ * ProductFilter Sort Type Enum
+ */
+var ProductFilterSortTypeEnum;
+(function (ProductFilterSortTypeEnum) {
+    ProductFilterSortTypeEnum["ALPHABETICAL_ASC"] = "ALPHABETICAL_ASC";
+    ProductFilterSortTypeEnum["ALPHABETICAL_DESC"] = "ALPHABETICAL_DESC";
+    ProductFilterSortTypeEnum["PRODUCT_COUNT_ASC"] = "PRODUCT_COUNT_ASC";
+    ProductFilterSortTypeEnum["PRODUCT_COUNT_DESC"] = "PRODUCT_COUNT_DESC";
+})(ProductFilterSortTypeEnum || (ProductFilterSortTypeEnum = {}));
+/**
+ * Product Filter Type Enum Codes
+ */
+var ProductFilterTypeEnum;
+(function (ProductFilterTypeEnum) {
+    ProductFilterTypeEnum["ATTRIBUTE"] = "ATTRIBUTE";
+    ProductFilterTypeEnum["BRAND"] = "BRAND";
+    ProductFilterTypeEnum["DISCOUNT_RATIO"] = "DISCOUNT_RATIO";
+    ProductFilterTypeEnum["PRICE"] = "PRICE";
+    ProductFilterTypeEnum["STOCK_STATUS"] = "STOCK_STATUS";
+    ProductFilterTypeEnum["TAG"] = "TAG";
+    ProductFilterTypeEnum["VARIANT_TYPE"] = "VARIANT_TYPE";
+})(ProductFilterTypeEnum || (ProductFilterTypeEnum = {}));
+/**
+ * Shipping Method Enum
+ */
+var ShippingMethodEnum;
+(function (ShippingMethodEnum) {
+    ShippingMethodEnum["CLICK_AND_COLLECT"] = "CLICK_AND_COLLECT";
+    ShippingMethodEnum["NO_SHIPMENT"] = "NO_SHIPMENT";
+    ShippingMethodEnum["SHIPMENT"] = "SHIPMENT";
+})(ShippingMethodEnum || (ShippingMethodEnum = {}));
+/**
+ * Sort By Direction Enum Codes
+ */
+var SortByDirectionEnum;
+(function (SortByDirectionEnum) {
+    SortByDirectionEnum["ASC"] = "ASC";
+    SortByDirectionEnum["DESC"] = "DESC";
+})(SortByDirectionEnum || (SortByDirectionEnum = {}));
+/**
+ * Sort By Type Enum Codes
+ */
+var SortByTypeEnum;
+(function (SortByTypeEnum) {
+    SortByTypeEnum["CREATED_AT"] = "CREATED_AT";
+    SortByTypeEnum["DISCOUNT_RATIO"] = "DISCOUNT_RATIO";
+    SortByTypeEnum["NAME"] = "NAME";
+    SortByTypeEnum["PRICE"] = "PRICE";
+})(SortByTypeEnum || (SortByTypeEnum = {}));
+/**
+ * StorefrontStatusEnum
+ */
+var StorefrontStatusTypes;
+(function (StorefrontStatusTypes) {
+    StorefrontStatusTypes["FAILED"] = "FAILED";
+    StorefrontStatusTypes["NOT_DEPLOYED"] = "NOT_DEPLOYED";
+    StorefrontStatusTypes["READY"] = "READY";
+    StorefrontStatusTypes["WAITING"] = "WAITING";
+})(StorefrontStatusTypes || (StorefrontStatusTypes = {}));
+/**
+ * StorefrontThemeStatusEnum
+ */
+var StorefrontThemeStatus;
+(function (StorefrontThemeStatus) {
+    StorefrontThemeStatus["FAILED"] = "FAILED";
+    StorefrontThemeStatus["NOT_DEPLOYED"] = "NOT_DEPLOYED";
+    StorefrontThemeStatus["READY"] = "READY";
+    StorefrontThemeStatus["WAITING"] = "WAITING";
+})(StorefrontThemeStatus || (StorefrontThemeStatus = {}));
+/**
+ * Transaction Card Association Enum
+ */
+var TransactionCardAssociationEnum;
+(function (TransactionCardAssociationEnum) {
+    TransactionCardAssociationEnum["AMERICAN_EXPRESS"] = "AMERICAN_EXPRESS";
+    TransactionCardAssociationEnum["MASTER_CARD"] = "MASTER_CARD";
+    TransactionCardAssociationEnum["TROY"] = "TROY";
+    TransactionCardAssociationEnum["VISA"] = "VISA";
+})(TransactionCardAssociationEnum || (TransactionCardAssociationEnum = {}));
+/**
+ * Transaction Card Type Enum
+ */
+var TransactionCardTypeEnum;
+(function (TransactionCardTypeEnum) {
+    TransactionCardTypeEnum["CREDIT"] = "CREDIT";
+    TransactionCardTypeEnum["DEBIT"] = "DEBIT";
+    TransactionCardTypeEnum["PREPAID"] = "PREPAID";
+})(TransactionCardTypeEnum || (TransactionCardTypeEnum = {}));
+/**
+ * Transaction Status Enum
+ */
+var TransactionStatusEnum;
+(function (TransactionStatusEnum) {
+    TransactionStatusEnum["AUTHORIZED"] = "AUTHORIZED";
+    TransactionStatusEnum["FAILED"] = "FAILED";
+    TransactionStatusEnum["PENDING"] = "PENDING";
+    TransactionStatusEnum["SUCCESS"] = "SUCCESS";
+})(TransactionStatusEnum || (TransactionStatusEnum = {}));
+/**
+ * Transaction Type Enum
+ */
+var TransactionTypeEnum;
+(function (TransactionTypeEnum) {
+    TransactionTypeEnum["REFUND"] = "REFUND";
+    TransactionTypeEnum["SALE"] = "SALE";
+    TransactionTypeEnum["VOID"] = "VOID";
+})(TransactionTypeEnum || (TransactionTypeEnum = {}));
+/**
+ * Variant Selection Types
+ */
+var VariantSelectionTypeEnum;
+(function (VariantSelectionTypeEnum) {
+    VariantSelectionTypeEnum["CHOICE"] = "CHOICE";
+    VariantSelectionTypeEnum["COLOR"] = "COLOR";
+})(VariantSelectionTypeEnum || (VariantSelectionTypeEnum = {}));
+//==============================================================
+// END Enums and Input Objects
+//==============================================================
+
 var IkasProductList = /** @class */ (function () {
     function IkasProductList(data, router) {
         var _this = this;
@@ -22232,22 +23376,23 @@ var IkasProductList = /** @class */ (function () {
         }); };
         this.getInitial = function (queryParams) { return __awaiter(_this, void 0, void 0, function () {
             var fetchRequestTime, page, limit, response_1, data, err_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         this._isLoading = true;
                         fetchRequestTime = Date.now();
                         this._fetchRequestTime = fetchRequestTime;
-                        _a.label = 1;
+                        _b.label = 1;
                     case 1:
-                        _a.trys.push([1, 5, 6, 7]);
+                        _b.trys.push([1, 5, 6, 7]);
                         page = 1;
                         limit = this._limit;
                         if (!(this.isFilterable && !this.filters)) return [3 /*break*/, 3];
                         return [4 /*yield*/, this.getFilters()];
                     case 2:
-                        _a.sent();
-                        _a.label = 3;
+                        _b.sent();
+                        _b.label = 3;
                     case 3:
                         this.applyQueryParamFilters(queryParams);
                         if (this.isSearch && !this.hasAppliedfilter) {
@@ -22272,16 +23417,18 @@ var IkasProductList = /** @class */ (function () {
                         }
                         return [4 /*yield*/, this.searchProducts(page || 1, limit || 10)];
                     case 4:
-                        response_1 = _a.sent();
+                        response_1 = _b.sent();
                         if (!response_1 || this._fetchRequestTime !== fetchRequestTime)
                             return [2 /*return*/];
                         data = [];
                         if (this.isStatic) {
-                            data = this._productListPropValue.productIds.map(function (pID) {
-                                var product = response_1.data.find(function (p) { return p.id === pID.productId; });
-                                var variant = product === null || product === void 0 ? void 0 : product.variants.find(function (v) { return v.id === pID.variantId; });
-                                return new IkasProductDetail(product, variant.variantValues);
-                            });
+                            data =
+                                ((_a = this._productListPropValue.productIds) === null || _a === void 0 ? void 0 : _a.map(function (pID) {
+                                    var product = response_1.data.find(function (p) { return p.id === pID.productId; });
+                                    var variant = product === null || product === void 0 ? void 0 : product.variants.find(function (v) { return v.id === pID.variantId; });
+                                    if (product && variant)
+                                        return new IkasProductDetail(product, variant.variantValues);
+                                }).filter(function (p) { return !!p; })) || [];
                         }
                         else {
                             data = response_1.data.map(function (product) {
@@ -22296,7 +23443,7 @@ var IkasProductList = /** @class */ (function () {
                         this._minPage = this.page;
                         return [2 /*return*/, true];
                     case 5:
-                        err_1 = _a.sent();
+                        err_1 = _b.sent();
                         console.log(err_1);
                         return [3 /*break*/, 7];
                     case 6:
@@ -22437,7 +23584,11 @@ var IkasProductList = /** @class */ (function () {
         this._sort =
             data.sort ||
                 data.productListPropValue.initialSort ||
-                exports.IkasProductListSortType.A_Z;
+                exports.IkasProductListSortType.LAST_ADDED;
+        // TODO remove this later
+        //@ts-ignore
+        if (this.initialSort === "A_Z" || this.initialSort === "Z_A")
+            this._sort = exports.IkasProductListSortType.LAST_ADDED;
         this._limit = data.limit || data.productListPropValue.initialLimit || 20;
         this._page = data.page || 1;
         this._count = data.count || 0;
@@ -22621,6 +23772,48 @@ var IkasProductList = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    IkasProductList.prototype.getSortParams = function () {
+        var direction = SortByDirectionEnum.DESC;
+        var type = SortByTypeEnum.CREATED_AT;
+        switch (this._sort) {
+            // case IkasProductListSortType.A_Z:
+            //   direction = SortByDirectionEnum.ASC;
+            //   type = SortByTypeEnum.NAME;
+            //   break;
+            // case IkasProductListSortType.Z_A:
+            //   direction = SortByDirectionEnum.DESC;
+            //   type = SortByTypeEnum.NAME;
+            //   break;
+            case exports.IkasProductListSortType.INCREASING_PRICE:
+                direction = SortByDirectionEnum.ASC;
+                type = SortByTypeEnum.PRICE;
+                break;
+            case exports.IkasProductListSortType.DECREASING_PRICE:
+                direction = SortByDirectionEnum.DESC;
+                type = SortByTypeEnum.PRICE;
+                break;
+            case exports.IkasProductListSortType.FIRST_ADDED:
+                direction = SortByDirectionEnum.DESC;
+                type = SortByTypeEnum.CREATED_AT;
+                break;
+            case exports.IkasProductListSortType.LAST_ADDED:
+                direction = SortByDirectionEnum.ASC;
+                type = SortByTypeEnum.CREATED_AT;
+                break;
+            case exports.IkasProductListSortType.INCREASING_DISCOUNT:
+                direction = SortByDirectionEnum.ASC;
+                type = SortByTypeEnum.DISCOUNT_RATIO;
+                break;
+            case exports.IkasProductListSortType.DECRASING_DISCOUNT:
+                direction = SortByDirectionEnum.DESC;
+                type = SortByTypeEnum.DISCOUNT_RATIO;
+                break;
+        }
+        return {
+            direction: direction,
+            type: type,
+        };
+    };
     IkasProductList.prototype.searchProducts = function (page, limit) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
@@ -22661,6 +23854,7 @@ var IkasProductList = /** @class */ (function () {
                                 priceListId: IkasStorefrontConfig.priceListId,
                                 salesChannelId: IkasStorefrontConfig.salesChannelId,
                                 query: this._searchKeyword,
+                                order: [this.getSortParams()],
                             })];
                     case 1: return [2 /*return*/, _c.sent()];
                 }
@@ -22759,6 +23953,20 @@ var IkasProductList = /** @class */ (function () {
         }
         this.applyFilters();
     };
+    IkasProductList.prototype.setSortType = function (sortType) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this._sort = sortType;
+                        return [4 /*yield*/, this.getInitial()];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
     IkasProductList.prototype.onFilterCategoryClick = function (filterCategory, disableRoute) {
         var _a;
         if (disableRoute === void 0) { disableRoute = false; }
@@ -22820,14 +24028,14 @@ var IkasProductList = /** @class */ (function () {
     IkasProductListType["SEARCH"] = "SEARCH";
 })(exports.IkasProductListType || (exports.IkasProductListType = {}));
 (function (IkasProductListSortType) {
-    IkasProductListSortType["MOST_SOLD"] = "MOST_SOLD";
-    IkasProductListSortType["FEATURED"] = "FEATURED";
+    // A_Z = "A_Z",
+    // Z_A = "Z_A",
     IkasProductListSortType["INCREASING_PRICE"] = "INCREASING_PRICE";
     IkasProductListSortType["DECREASING_PRICE"] = "DECREASING_PRICE";
-    IkasProductListSortType["A_Z"] = "A_Z";
-    IkasProductListSortType["Z_A"] = "Z_A";
     IkasProductListSortType["LAST_ADDED"] = "LAST_ADDED";
     IkasProductListSortType["FIRST_ADDED"] = "FIRST_ADDED";
+    IkasProductListSortType["INCREASING_DISCOUNT"] = "INCREASING_DISCOUNT";
+    IkasProductListSortType["DECRASING_DISCOUNT"] = "DECRASING_DISCOUNT";
 })(exports.IkasProductListSortType || (exports.IkasProductListSortType = {}));
 
 /**
@@ -24736,7 +25944,7 @@ var IkasProductListPropValue = /** @class */ (function () {
         this.usePageFilter = null;
         this.category = null;
         this.productListType = data.productListType || exports.IkasProductListType.ALL;
-        this.initialSort = data.initialSort || exports.IkasProductListSortType.A_Z;
+        this.initialSort = data.initialSort || exports.IkasProductListSortType.LAST_ADDED;
         this.initialLimit = data.initialLimit || 20;
         this.productCount = data.productCount;
         this.productIds = data.productIds;
@@ -24790,6 +25998,34 @@ var IkasCategoryListPropValue = /** @class */ (function () {
     return IkasCategoryListPropValue;
 }());
 
+var IkasBlogPropValue = /** @class */ (function () {
+    function IkasBlogPropValue(data) {
+        this.blogId = null;
+        // Only for product detail page
+        this.usePageData = null;
+        this.blogId = data.blogId;
+        this.usePageData = data.usePageData;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasBlogPropValue;
+}());
+
+var IkasBlogListPropValue = /** @class */ (function () {
+    function IkasBlogListPropValue(data) {
+        this.initialLimit = null;
+        // Only for static lists
+        this.blogIds = null;
+        this.usePageFilter = null;
+        this.blogListType = data.blogListType || exports.IkasBlogListType.ALL;
+        this.initialLimit = data.initialLimit || 20;
+        this.blogIds = data.blogIds;
+        this.categoryId = data.categoryId || null;
+        this.usePageFilter = data.usePageFilter || null;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasBlogListPropValue;
+}());
+
 var IkasBrandAPI = /** @class */ (function () {
     function IkasBrandAPI() {
     }
@@ -24799,7 +26035,7 @@ var IkasBrandAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_QUERY = src(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      query listProductBrand(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $name: StringFilterInput\n      ) {\n        listProductBrand(id: $id, pagination: $pagination, name: $name) {\n          data {\n            id\n            name\n            imageId\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n          }\n          count\n        }\n      }\n    "], ["\n      query listProductBrand(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $name: StringFilterInput\n      ) {\n        listProductBrand(id: $id, pagination: $pagination, name: $name) {\n          data {\n            id\n            name\n            imageId\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n          }\n          count\n        }\n      }\n    "])));
+                        LIST_QUERY = src(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n      query listProductBrand(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $name: StringFilterInput\n        $sort: String\n      ) {\n        listProductBrand(\n          id: $id\n          pagination: $pagination\n          name: $name\n          sort: $sort\n        ) {\n          data {\n            id\n            name\n            imageId\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n          }\n          count\n        }\n      }\n    "], ["\n      query listProductBrand(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $name: StringFilterInput\n        $sort: String\n      ) {\n        listProductBrand(\n          id: $id\n          pagination: $pagination\n          name: $name\n          sort: $sort\n        ) {\n          data {\n            id\n            name\n            imageId\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n          }\n          count\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -24822,6 +26058,7 @@ var IkasBrandAPI = /** @class */ (function () {
                                         like: params.search,
                                     }
                                         : undefined,
+                                    sort: (params === null || params === void 0 ? void 0 : params.sort) || null,
                                 },
                             })];
                     case 2:
@@ -24860,7 +26097,7 @@ var IkasBrandAPI = /** @class */ (function () {
     };
     return IkasBrandAPI;
 }());
-var templateObject_1;
+var templateObject_1$1;
 
 var IkasCartAPI = /** @class */ (function () {
     function IkasCartAPI() {
@@ -24871,7 +26108,7 @@ var IkasCartAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        MUTATION = src(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n      mutation saveItemToCart($input: SaveItemToCartInput!) {\n        saveItemToCart(input: $input) {\n          id\n          createdAt\n          updatedAt\n          dueDate\n          currencyCode\n          customerId\n          merchantId\n          itemCount\n          totalPrice\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          items {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              id\n              name\n              sku\n              slug\n              barcodeList\n              mainImageId\n              productId\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n        }\n      }\n    "], ["\n      mutation saveItemToCart($input: SaveItemToCartInput!) {\n        saveItemToCart(input: $input) {\n          id\n          createdAt\n          updatedAt\n          dueDate\n          currencyCode\n          customerId\n          merchantId\n          itemCount\n          totalPrice\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          items {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              id\n              name\n              sku\n              slug\n              barcodeList\n              mainImageId\n              productId\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n        }\n      }\n    "])));
+                        MUTATION = src(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n      mutation saveItemToCart($input: SaveItemToCartInput!) {\n        saveItemToCart(input: $input) {\n          id\n          createdAt\n          updatedAt\n          dueDate\n          currencyCode\n          customerId\n          merchantId\n          itemCount\n          totalPrice\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          items {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              id\n              name\n              sku\n              slug\n              barcodeList\n              mainImageId\n              productId\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n        }\n      }\n    "], ["\n      mutation saveItemToCart($input: SaveItemToCartInput!) {\n        saveItemToCart(input: $input) {\n          id\n          createdAt\n          updatedAt\n          dueDate\n          currencyCode\n          customerId\n          merchantId\n          itemCount\n          totalPrice\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          items {\n            createdAt\n            currencyCode\n            deleted\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              id\n              name\n              sku\n              slug\n              barcodeList\n              mainImageId\n              productId\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -24906,7 +26143,7 @@ var IkasCartAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      query getCart(\n        $cartId: String\n        $customerId: String\n        $storefrontRoutingId: String\n      ) {\n        getCart(\n          id: $cartId\n          customerId: $customerId\n          storefrontRoutingId: $storefrontRoutingId\n        ) {\n          createdAt\n          currencyCode\n          customerId\n          dueDate\n          id\n          itemCount\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          items {\n            createdAt\n            currencyCode\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            deleted\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              slug\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n          merchantId\n          status\n          totalPrice\n          updatedAt\n        }\n      }\n    "], ["\n      query getCart(\n        $cartId: String\n        $customerId: String\n        $storefrontRoutingId: String\n      ) {\n        getCart(\n          id: $cartId\n          customerId: $customerId\n          storefrontRoutingId: $storefrontRoutingId\n        ) {\n          createdAt\n          currencyCode\n          customerId\n          dueDate\n          id\n          itemCount\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          items {\n            createdAt\n            currencyCode\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            deleted\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              slug\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n          merchantId\n          status\n          totalPrice\n          updatedAt\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n      query getCart(\n        $cartId: String\n        $customerId: String\n        $storefrontRoutingId: String\n      ) {\n        getCart(\n          id: $cartId\n          customerId: $customerId\n          storefrontRoutingId: $storefrontRoutingId\n        ) {\n          createdAt\n          currencyCode\n          customerId\n          dueDate\n          id\n          itemCount\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          items {\n            createdAt\n            currencyCode\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            deleted\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              slug\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n          merchantId\n          status\n          totalPrice\n          updatedAt\n        }\n      }\n    "], ["\n      query getCart(\n        $cartId: String\n        $customerId: String\n        $storefrontRoutingId: String\n      ) {\n        getCart(\n          id: $cartId\n          customerId: $customerId\n          storefrontRoutingId: $storefrontRoutingId\n        ) {\n          createdAt\n          currencyCode\n          customerId\n          dueDate\n          id\n          itemCount\n          salesChannelId\n          storefrontId\n          storefrontRoutingId\n          storefrontThemeId\n          items {\n            createdAt\n            currencyCode\n            discount {\n              amount\n              amountType\n              reason\n            }\n            discountPrice\n            finalPrice\n            id\n            originalOrderLineItemId\n            price\n            quantity\n            status\n            deleted\n            statusUpdatedAt\n            stockLocationId\n            taxValue\n            updatedAt\n            variant {\n              slug\n              barcodeList\n              id\n              mainImageId\n              name\n              productId\n              sku\n              variantValues {\n                order\n                variantTypeId\n                variantTypeName\n                variantValueId\n                variantValueName\n              }\n            }\n          }\n          merchantId\n          status\n          totalPrice\n          updatedAt\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -24939,7 +26176,7 @@ var IkasCartAPI = /** @class */ (function () {
     };
     return IkasCartAPI;
 }());
-var templateObject_1$1, templateObject_2;
+var templateObject_1$2, templateObject_2$1;
 
 var IkasCategoryAPI = /** @class */ (function () {
     function IkasCategoryAPI() {
@@ -24950,7 +26187,7 @@ var IkasCategoryAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_QUERY = src(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n      query listCategory(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $name: StringFilterInput\n      ) {\n        listCategory(id: $id, pagination: $pagination, name: $name) {\n          data {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            parentId\n            imageId\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n            categoryPath\n          }\n          count\n        }\n      }\n    "], ["\n      query listCategory(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $name: StringFilterInput\n      ) {\n        listCategory(id: $id, pagination: $pagination, name: $name) {\n          data {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            parentId\n            imageId\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n            categoryPath\n          }\n          count\n        }\n      }\n    "])));
+                        LIST_QUERY = src(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n      query listCategory(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $name: StringFilterInput\n        $sort: String\n      ) {\n        listCategory(\n          id: $id\n          pagination: $pagination\n          name: $name\n          sort: $sort\n        ) {\n          data {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            parentId\n            imageId\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n            categoryPath\n          }\n          count\n        }\n      }\n    "], ["\n      query listCategory(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $name: StringFilterInput\n        $sort: String\n      ) {\n        listCategory(\n          id: $id\n          pagination: $pagination\n          name: $name\n          sort: $sort\n        ) {\n          data {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            parentId\n            imageId\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n            categoryPath\n          }\n          count\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 10, , 11]);
@@ -24973,6 +26210,7 @@ var IkasCategoryAPI = /** @class */ (function () {
                                         like: params.search,
                                     }
                                         : undefined,
+                                    sort: (params === null || params === void 0 ? void 0 : params.sort) || null,
                                 },
                             })];
                     case 2:
@@ -25059,7 +26297,7 @@ var IkasCategoryAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_QUERY = src(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n      query listCategoryPaths(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $name: StringFilterInput\n      ) {\n        listCategory(id: $id, pagination: $pagination, name: $name) {\n          data {\n            id\n            name\n            metaData {\n              slug\n            }\n          }\n        }\n      }\n    "], ["\n      query listCategoryPaths(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $name: StringFilterInput\n      ) {\n        listCategory(id: $id, pagination: $pagination, name: $name) {\n          data {\n            id\n            name\n            metaData {\n              slug\n            }\n          }\n        }\n      }\n    "])));
+                        LIST_QUERY = src(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n      query listCategoryPaths(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $name: StringFilterInput\n      ) {\n        listCategory(id: $id, pagination: $pagination, name: $name) {\n          data {\n            id\n            name\n            metaData {\n              slug\n            }\n          }\n        }\n      }\n    "], ["\n      query listCategoryPaths(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $name: StringFilterInput\n      ) {\n        listCategory(id: $id, pagination: $pagination, name: $name) {\n          data {\n            id\n            name\n            metaData {\n              slug\n            }\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25109,7 +26347,7 @@ var IkasCategoryAPI = /** @class */ (function () {
     };
     return IkasCategoryAPI;
 }());
-var templateObject_1$2, templateObject_2$1;
+var templateObject_1$3, templateObject_2$2;
 
 var IkasCheckoutAPI = /** @class */ (function () {
     function IkasCheckoutAPI() {
@@ -25120,7 +26358,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n      query getCheckoutByCartId($cartId: String!) {\n        getCheckoutByCartId(cartId: $cartId) {\n          id\n        }\n      }\n    "], ["\n      query getCheckoutByCartId($cartId: String!) {\n        getCheckoutByCartId(cartId: $cartId) {\n          id\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n      query getCheckoutByCartId($cartId: String!) {\n        getCheckoutByCartId(cartId: $cartId) {\n          id\n        }\n      }\n    "], ["\n      query getCheckoutByCartId($cartId: String!) {\n        getCheckoutByCartId(cartId: $cartId) {\n          id\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25155,7 +26393,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\n              statusUpdatedAt\n              stockLocationId\n              taxValue\n              updatedAt\n              variant {\n                barcodeList\n                id\n                mainImageId\n                name\n                productId\n                sku\n                variantValues {\n                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n          }\n        }\n      }\n    "], ["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\n              statusUpdatedAt\n              stockLocationId\n              taxValue\n              updatedAt\n              variant {\n                barcodeList\n                id\n                mainImageId\n                name\n                productId\n                sku\n                variantValues {\n                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\n              statusUpdatedAt\n              stockLocationId\n              taxValue\n              updatedAt\n              variant {\n                barcodeList\n                id\n                mainImageId\n                name\n                productId\n                sku\n                variantValues {\n                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n          }\n        }\n      }\n    "], ["\n      query getCheckoutById($id: String!) {\n        getCheckoutById(id: $id) {\n          totalFinalPrice\n          note\n          availableShippingMethods {\n            price\n            rateName\n            shippingMethod\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          billingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              code\n              id\n              name\n            }\n            district {\n              code\n              id\n              name\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              code\n              id\n              name\n            }\n            taxNumber\n            taxOffice\n          }\n          cartId\n          couponCode\n          createdAt\n          customer {\n            email\n            firstName\n            id\n            lastName\n          }\n          deleted\n          id\n          merchantId\n          orderId\n          orderNumber\n          recoverEmailStatus\n          recoveryStatus\n          shippingAddress {\n            addressLine1\n            addressLine2\n            city {\n              code\n              id\n              name\n            }\n            company\n            country {\n              id\n              code\n              name\n            }\n            district {\n              name\n              id\n              code\n            }\n            firstName\n            identityNumber\n            isDefault\n            lastName\n            phone\n            postalCode\n            state {\n              name\n              id\n              code\n            }\n            taxNumber\n            taxOffice\n          }\n          shippingLines {\n            title\n            taxValue\n            price\n            shippingSettingsId\n            shippingZoneRateId\n          }\n          shippingMethod\n          shippingSettingsId\n          shippingZoneRateId\n          status\n          updatedAt\n          cart {\n            createdAt\n            currencyCode\n            customerId\n            dueDate\n            id\n            itemCount\n            items {\n              createdAt\n              currencyCode\n              discount {\n                amount\n                amountType\n                reason\n              }\n              discountPrice\n              finalPrice\n              id\n              originalOrderLineItemId\n              price\n              quantity\n              status\n              deleted\n              statusUpdatedAt\n              stockLocationId\n              taxValue\n              updatedAt\n              variant {\n                barcodeList\n                id\n                mainImageId\n                name\n                productId\n                sku\n                variantValues {\n                  order\n                  variantTypeId\n                  variantTypeName\n                  variantValueId\n                  variantValueName\n                }\n              }\n            }\n            merchantId\n            status\n            totalPrice\n            updatedAt\n          }\n          adjustments {\n            amount\n            amountType\n            name\n            order\n            type\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25191,7 +26429,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_f) {
                 switch (_f.label) {
                     case 0:
-                        MUTATION = src(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      mutation saveCheckout($input: SaveCheckoutInput!) {\n        saveCheckout(input: $input) {\n          id\n        }\n      }\n    "], ["\n      mutation saveCheckout($input: SaveCheckoutInput!) {\n        saveCheckout(input: $input) {\n          id\n        }\n      }\n    "])));
+                        MUTATION = src(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n      mutation saveCheckout($input: SaveCheckoutInput!) {\n        saveCheckout(input: $input) {\n          id\n        }\n      }\n    "], ["\n      mutation saveCheckout($input: SaveCheckoutInput!) {\n        saveCheckout(input: $input) {\n          id\n        }\n      }\n    "])));
                         _f.label = 1;
                     case 1:
                         _f.trys.push([1, 3, , 4]);
@@ -25285,7 +26523,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        MUTATION = src(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      mutation createSaleTransactionWithCheckout(\n        $input: CreateSaleTransactionWithCheckoutInput!\n      ) {\n        createSaleTransactionWithCheckout(input: $input) {\n          orderId\n          orderNumber\n          transactionId\n          transactionStatus\n          returnSlug\n          error {\n            code\n            declineCode\n            message\n          }\n        }\n      }\n    "], ["\n      mutation createSaleTransactionWithCheckout(\n        $input: CreateSaleTransactionWithCheckoutInput!\n      ) {\n        createSaleTransactionWithCheckout(input: $input) {\n          orderId\n          orderNumber\n          transactionId\n          transactionStatus\n          returnSlug\n          error {\n            code\n            declineCode\n            message\n          }\n        }\n      }\n    "])));
+                        MUTATION = src(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n      mutation createSaleTransactionWithCheckout(\n        $input: CreateSaleTransactionWithCheckoutInput!\n      ) {\n        createSaleTransactionWithCheckout(input: $input) {\n          orderId\n          orderNumber\n          transactionId\n          transactionStatus\n          returnSlug\n          error {\n            code\n            declineCode\n            message\n          }\n        }\n      }\n    "], ["\n      mutation createSaleTransactionWithCheckout(\n        $input: CreateSaleTransactionWithCheckoutInput!\n      ) {\n        createSaleTransactionWithCheckout(input: $input) {\n          orderId\n          orderNumber\n          transactionId\n          transactionStatus\n          returnSlug\n          error {\n            code\n            declineCode\n            message\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25464,7 +26702,7 @@ var IkasCheckoutAPI = /** @class */ (function () {
     };
     return IkasCheckoutAPI;
 }());
-var templateObject_1$3, templateObject_2$2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+var templateObject_1$4, templateObject_2$3, templateObject_3$1, templateObject_4$1, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 
 var IkasCityAPI = /** @class */ (function () {
     function IkasCityAPI() {
@@ -25475,7 +26713,7 @@ var IkasCityAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n      query listCity(\n        $stateId: StringFilterInput!\n        $countryId: StringFilterInput\n      ) {\n        listCity(stateId: $stateId, countryId: $countryId) {\n          id\n          name\n          order\n        }\n      }\n    "], ["\n      query listCity(\n        $stateId: StringFilterInput!\n        $countryId: StringFilterInput\n      ) {\n        listCity(stateId: $stateId, countryId: $countryId) {\n          id\n          name\n          order\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n      query listCity(\n        $stateId: StringFilterInput!\n        $countryId: StringFilterInput\n      ) {\n        listCity(stateId: $stateId, countryId: $countryId) {\n          id\n          name\n          order\n        }\n      }\n    "], ["\n      query listCity(\n        $stateId: StringFilterInput!\n        $countryId: StringFilterInput\n      ) {\n        listCity(stateId: $stateId, countryId: $countryId) {\n          id\n          name\n          order\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25514,7 +26752,7 @@ var IkasCityAPI = /** @class */ (function () {
     };
     return IkasCityAPI;
 }());
-var templateObject_1$4;
+var templateObject_1$5;
 
 var IkasCountryAPI = /** @class */ (function () {
     function IkasCountryAPI() {
@@ -25525,7 +26763,7 @@ var IkasCountryAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n      query listCountry($iso2: StringFilterInput) {\n        listCountry(iso2: $iso2) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "], ["\n      query listCountry($iso2: StringFilterInput) {\n        listCountry(iso2: $iso2) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n      query listCountry($iso2: StringFilterInput) {\n        listCountry(iso2: $iso2) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "], ["\n      query listCountry($iso2: StringFilterInput) {\n        listCountry(iso2: $iso2) {\n          id\n          name\n          native\n          iso2\n          iso3\n          phoneCode\n          locationTranslations {\n            tr\n            en\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25565,7 +26803,7 @@ var IkasCountryAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n      query getAvailableShippingCountries($salesChannelId: String!) {\n        getAvailableShippingCountries(salesChannelId: $salesChannelId)\n      }\n    "], ["\n      query getAvailableShippingCountries($salesChannelId: String!) {\n        getAvailableShippingCountries(salesChannelId: $salesChannelId)\n      }\n    "])));
+                        QUERY = src(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n      query getAvailableShippingCountries($salesChannelId: String!) {\n        getAvailableShippingCountries(salesChannelId: $salesChannelId)\n      }\n    "], ["\n      query getAvailableShippingCountries($salesChannelId: String!) {\n        getAvailableShippingCountries(salesChannelId: $salesChannelId)\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25600,7 +26838,7 @@ var IkasCountryAPI = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        QUERY = src(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n      query getMyCountry {\n        getMyCountry\n      }\n    "], ["\n      query getMyCountry {\n        getMyCountry\n      }\n    "])));
+                        QUERY = src(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n      query getMyCountry {\n        getMyCountry\n      }\n    "], ["\n      query getMyCountry {\n        getMyCountry\n      }\n    "])));
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 3, , 4]);
@@ -25621,7 +26859,7 @@ var IkasCountryAPI = /** @class */ (function () {
     };
     return IkasCountryAPI;
 }());
-var templateObject_1$5, templateObject_2$3, templateObject_3$1;
+var templateObject_1$6, templateObject_2$4, templateObject_3$2;
 
 var IkasCustomerAPI = /** @class */ (function () {
     function IkasCustomerAPI() {
@@ -25632,7 +26870,7 @@ var IkasCustomerAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        MUTATION = src(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n      mutation customerLogin($email: String!, $password: String!) {\n        customerLogin(email: $email, password: $password) {\n          token\n          tokenExpiry\n          customer {\n            id\n            isEmailVerified\n            isPhoneVerified\n            lastName\n            addresses {\n              addressLine1\n              addressLine2\n              identityNumber\n              city {\n                code\n                id\n                name\n              }\n              company\n              country {\n                code\n                id\n                name\n              }\n              district {\n                id\n                name\n                code\n              }\n              id\n              firstName\n              isDefault\n              lastName\n              postalCode\n              state {\n                name\n                id\n                code\n              }\n              taxNumber\n              taxOffice\n              title\n            }\n            phone\n            accountStatus\n            email\n            firstName\n          }\n        }\n      }\n    "], ["\n      mutation customerLogin($email: String!, $password: String!) {\n        customerLogin(email: $email, password: $password) {\n          token\n          tokenExpiry\n          customer {\n            id\n            isEmailVerified\n            isPhoneVerified\n            lastName\n            addresses {\n              addressLine1\n              addressLine2\n              identityNumber\n              city {\n                code\n                id\n                name\n              }\n              company\n              country {\n                code\n                id\n                name\n              }\n              district {\n                id\n                name\n                code\n              }\n              id\n              firstName\n              isDefault\n              lastName\n              postalCode\n              state {\n                name\n                id\n                code\n              }\n              taxNumber\n              taxOffice\n              title\n            }\n            phone\n            accountStatus\n            email\n            firstName\n          }\n        }\n      }\n    "])));
+                        MUTATION = src(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n      mutation customerLogin($email: String!, $password: String!) {\n        customerLogin(email: $email, password: $password) {\n          token\n          tokenExpiry\n          customer {\n            id\n            isEmailVerified\n            isPhoneVerified\n            lastName\n            addresses {\n              addressLine1\n              addressLine2\n              identityNumber\n              city {\n                code\n                id\n                name\n              }\n              company\n              country {\n                code\n                id\n                name\n              }\n              district {\n                id\n                name\n                code\n              }\n              id\n              firstName\n              isDefault\n              lastName\n              postalCode\n              state {\n                name\n                id\n                code\n              }\n              taxNumber\n              taxOffice\n              title\n            }\n            phone\n            accountStatus\n            email\n            firstName\n          }\n        }\n      }\n    "], ["\n      mutation customerLogin($email: String!, $password: String!) {\n        customerLogin(email: $email, password: $password) {\n          token\n          tokenExpiry\n          customer {\n            id\n            isEmailVerified\n            isPhoneVerified\n            lastName\n            addresses {\n              addressLine1\n              addressLine2\n              identityNumber\n              city {\n                code\n                id\n                name\n              }\n              company\n              country {\n                code\n                id\n                name\n              }\n              district {\n                id\n                name\n                code\n              }\n              id\n              firstName\n              isDefault\n              lastName\n              postalCode\n              state {\n                name\n                id\n                code\n              }\n              taxNumber\n              taxOffice\n              title\n            }\n            phone\n            accountStatus\n            email\n            firstName\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25668,7 +26906,7 @@ var IkasCustomerAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        MUTATION = src(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n      mutation registerCustomer(\n        $email: String!\n        $password: String!\n        $firstName: String!\n        $lastName: String!\n      ) {\n        registerCustomer(\n          email: $email\n          password: $password\n          firstName: $firstName\n          lastName: $lastName\n        ) {\n          token\n          tokenExpiry\n          customer {\n            id\n            isEmailVerified\n            isPhoneVerified\n            lastName\n            addresses {\n              addressLine1\n              addressLine2\n              city {\n                code\n                id\n                name\n              }\n              company\n              country {\n                code\n                id\n                name\n              }\n              district {\n                id\n                name\n                code\n              }\n              id\n              firstName\n              isDefault\n              lastName\n              postalCode\n              state {\n                name\n                id\n                code\n              }\n              taxNumber\n              taxOffice\n              title\n            }\n            phone\n            accountStatus\n            email\n            firstName\n          }\n        }\n      }\n    "], ["\n      mutation registerCustomer(\n        $email: String!\n        $password: String!\n        $firstName: String!\n        $lastName: String!\n      ) {\n        registerCustomer(\n          email: $email\n          password: $password\n          firstName: $firstName\n          lastName: $lastName\n        ) {\n          token\n          tokenExpiry\n          customer {\n            id\n            isEmailVerified\n            isPhoneVerified\n            lastName\n            addresses {\n              addressLine1\n              addressLine2\n              city {\n                code\n                id\n                name\n              }\n              company\n              country {\n                code\n                id\n                name\n              }\n              district {\n                id\n                name\n                code\n              }\n              id\n              firstName\n              isDefault\n              lastName\n              postalCode\n              state {\n                name\n                id\n                code\n              }\n              taxNumber\n              taxOffice\n              title\n            }\n            phone\n            accountStatus\n            email\n            firstName\n          }\n        }\n      }\n    "])));
+                        MUTATION = src(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n      mutation registerCustomer(\n        $email: String!\n        $password: String!\n        $firstName: String!\n        $lastName: String!\n      ) {\n        registerCustomer(\n          email: $email\n          password: $password\n          firstName: $firstName\n          lastName: $lastName\n        ) {\n          token\n          tokenExpiry\n          customer {\n            id\n            isEmailVerified\n            isPhoneVerified\n            lastName\n            addresses {\n              addressLine1\n              addressLine2\n              city {\n                code\n                id\n                name\n              }\n              company\n              country {\n                code\n                id\n                name\n              }\n              district {\n                id\n                name\n                code\n              }\n              id\n              firstName\n              isDefault\n              lastName\n              postalCode\n              state {\n                name\n                id\n                code\n              }\n              taxNumber\n              taxOffice\n              title\n            }\n            phone\n            accountStatus\n            email\n            firstName\n          }\n        }\n      }\n    "], ["\n      mutation registerCustomer(\n        $email: String!\n        $password: String!\n        $firstName: String!\n        $lastName: String!\n      ) {\n        registerCustomer(\n          email: $email\n          password: $password\n          firstName: $firstName\n          lastName: $lastName\n        ) {\n          token\n          tokenExpiry\n          customer {\n            id\n            isEmailVerified\n            isPhoneVerified\n            lastName\n            addresses {\n              addressLine1\n              addressLine2\n              city {\n                code\n                id\n                name\n              }\n              company\n              country {\n                code\n                id\n                name\n              }\n              district {\n                id\n                name\n                code\n              }\n              id\n              firstName\n              isDefault\n              lastName\n              postalCode\n              state {\n                name\n                id\n                code\n              }\n              taxNumber\n              taxOffice\n              title\n            }\n            phone\n            accountStatus\n            email\n            firstName\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25706,7 +26944,7 @@ var IkasCustomerAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        MUTATION = src(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n      mutation customerRefreshToken($token: String!) {\n        customerRefreshToken(token: $token) {\n          token\n          tokenExpiry\n        }\n      }\n    "], ["\n      mutation customerRefreshToken($token: String!) {\n        customerRefreshToken(token: $token) {\n          token\n          tokenExpiry\n        }\n      }\n    "])));
+                        MUTATION = src(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n      mutation customerRefreshToken($token: String!) {\n        customerRefreshToken(token: $token) {\n          token\n          tokenExpiry\n        }\n      }\n    "], ["\n      mutation customerRefreshToken($token: String!) {\n        customerRefreshToken(token: $token) {\n          token\n          tokenExpiry\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -25741,7 +26979,7 @@ var IkasCustomerAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        MUTATION = src(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n      mutation customerForgotPassword($email: String!) {\n        customerForgotPassword(email: $email)\n      }\n    "], ["\n      mutation customerForgotPassword($email: String!) {\n        customerForgotPassword(email: $email)\n      }\n    "])));
+                        MUTATION = src(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n      mutation customerForgotPassword($email: String!) {\n        customerForgotPassword(email: $email)\n      }\n    "], ["\n      mutation customerForgotPassword($email: String!) {\n        customerForgotPassword(email: $email)\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26022,7 +27260,7 @@ var IkasCustomerAPI = /** @class */ (function () {
     };
     return IkasCustomerAPI;
 }());
-var templateObject_1$6, templateObject_2$4, templateObject_3$2, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7$1, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11;
+var templateObject_1$7, templateObject_2$5, templateObject_3$3, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7$1, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11;
 
 var IkasDistrictAPI = /** @class */ (function () {
     function IkasDistrictAPI() {
@@ -26033,7 +27271,7 @@ var IkasDistrictAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n      query listDistrict(\n        $cityId: StringFilterInput!\n        $stateId: StringFilterInput\n      ) {\n        listDistrict(cityId: $cityId, stateId: $stateId) {\n          id\n          name\n        }\n      }\n    "], ["\n      query listDistrict(\n        $cityId: StringFilterInput!\n        $stateId: StringFilterInput\n      ) {\n        listDistrict(cityId: $cityId, stateId: $stateId) {\n          id\n          name\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n      query listDistrict(\n        $cityId: StringFilterInput!\n        $stateId: StringFilterInput\n      ) {\n        listDistrict(cityId: $cityId, stateId: $stateId) {\n          id\n          name\n        }\n      }\n    "], ["\n      query listDistrict(\n        $cityId: StringFilterInput!\n        $stateId: StringFilterInput\n      ) {\n        listDistrict(cityId: $cityId, stateId: $stateId) {\n          id\n          name\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26074,7 +27312,7 @@ var IkasDistrictAPI = /** @class */ (function () {
     };
     return IkasDistrictAPI;
 }());
-var templateObject_1$7;
+var templateObject_1$8;
 
 var IkasHTMLMetaDataAPI = /** @class */ (function () {
     function IkasHTMLMetaDataAPI() {
@@ -26085,7 +27323,7 @@ var IkasHTMLMetaDataAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_QUERY = src(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "], ["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "])));
+                        LIST_QUERY = src(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "], ["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26128,7 +27366,7 @@ var IkasHTMLMetaDataAPI = /** @class */ (function () {
     };
     return IkasHTMLMetaDataAPI;
 }());
-var templateObject_1$8;
+var templateObject_1$9;
 
 var IkasMerchantAPI = /** @class */ (function () {
     function IkasMerchantAPI() {
@@ -26139,7 +27377,7 @@ var IkasMerchantAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n      query listMerchantSettings($merchantId: StringFilterInput!) {\n        listMerchantSettings(merchantId: $merchantId) {\n          id\n          logoId\n          merchantName\n        }\n      }\n    "], ["\n      query listMerchantSettings($merchantId: StringFilterInput!) {\n        listMerchantSettings(merchantId: $merchantId) {\n          id\n          logoId\n          merchantName\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n      query listMerchantSettings($merchantId: StringFilterInput!) {\n        listMerchantSettings(merchantId: $merchantId) {\n          id\n          logoId\n          merchantName\n        }\n      }\n    "], ["\n      query listMerchantSettings($merchantId: StringFilterInput!) {\n        listMerchantSettings(merchantId: $merchantId) {\n          id\n          logoId\n          merchantName\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26171,7 +27409,7 @@ var IkasMerchantAPI = /** @class */ (function () {
     };
     return IkasMerchantAPI;
 }());
-var templateObject_1$9;
+var templateObject_1$a;
 
 var IkasProductSearchAPI = /** @class */ (function () {
     function IkasProductSearchAPI() {
@@ -26183,7 +27421,7 @@ var IkasProductSearchAPI = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         _b.trys.push([0, 2, , 3]);
-                        SEARCH_PRODUCTS = src(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n        query searchProducts($input: SearchInput!) {\n          searchProducts(input: $input) {\n            count\n            data\n            facets {\n              id\n              values {\n                count\n                id\n              }\n            }\n            limit\n            page\n            totalCount\n          }\n        }\n      "], ["\n        query searchProducts($input: SearchInput!) {\n          searchProducts(input: $input) {\n            count\n            data\n            facets {\n              id\n              values {\n                count\n                id\n              }\n            }\n            limit\n            page\n            totalCount\n          }\n        }\n      "])));
+                        SEARCH_PRODUCTS = src(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n        query searchProducts($input: SearchInput!) {\n          searchProducts(input: $input) {\n            count\n            data\n            facets {\n              id\n              values {\n                count\n                id\n              }\n            }\n            limit\n            page\n            totalCount\n          }\n        }\n      "], ["\n        query searchProducts($input: SearchInput!) {\n          searchProducts(input: $input) {\n            count\n            data\n            facets {\n              id\n              values {\n                count\n                id\n              }\n            }\n            limit\n            page\n            totalCount\n          }\n        }\n      "])));
                         return [4 /*yield*/, apollo
                                 .getClient()
                                 .query({
@@ -26217,7 +27455,7 @@ var IkasProductSearchAPI = /** @class */ (function () {
                 switch (_b.label) {
                     case 0:
                         _b.trys.push([0, 2, , 3]);
-                        QUERY = src(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n        query getProductFilterData($categoryId: String) {\n          getProductFilterData(categoryId: $categoryId) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "], ["\n        query getProductFilterData($categoryId: String) {\n          getProductFilterData(categoryId: $categoryId) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "])));
+                        QUERY = src(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n        query getProductFilterData($categoryId: String) {\n          getProductFilterData(categoryId: $categoryId) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "], ["\n        query getProductFilterData($categoryId: String) {\n          getProductFilterData(categoryId: $categoryId) {\n            filters {\n              customValues\n              displayType\n              id\n              isMultiSelect\n              key\n              name\n              order\n              type\n              values {\n                colorCode\n                id\n                key\n                name\n                thumbnailImageId\n              }\n              settings {\n                showCollapsedOnDesktop\n                showCollapsedOnMobile\n                sortType\n                useAndFilter\n              }\n            }\n            categories {\n              id\n              name\n              metaData {\n                slug\n              }\n            }\n          }\n        }\n      "])));
                         return [4 /*yield*/, apollo
                                 .getClient()
                                 .query({
@@ -26376,7 +27614,7 @@ function simpleToProduct(simple) {
         }),
     });
 }
-var templateObject_1$a, templateObject_2$5;
+var templateObject_1$b, templateObject_2$6;
 
 var IkasProductAttributeAPI = /** @class */ (function () {
     function IkasProductAttributeAPI() {
@@ -26387,7 +27625,7 @@ var IkasProductAttributeAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_PRODUCT_ATTRIBUTES = src(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n      query listProductAttribute($id: StringFilterInput!) {\n        listProductAttribute(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          description\n          type\n          options {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n          }\n        }\n      }\n    "], ["\n      query listProductAttribute($id: StringFilterInput!) {\n        listProductAttribute(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          description\n          type\n          options {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n          }\n        }\n      }\n    "])));
+                        LIST_PRODUCT_ATTRIBUTES = src(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n      query listProductAttribute($id: StringFilterInput!) {\n        listProductAttribute(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          description\n          type\n          options {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n          }\n        }\n      }\n    "], ["\n      query listProductAttribute($id: StringFilterInput!) {\n        listProductAttribute(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          description\n          type\n          options {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26420,7 +27658,7 @@ var IkasProductAttributeAPI = /** @class */ (function () {
     };
     return IkasProductAttributeAPI;
 }());
-var templateObject_1$b;
+var templateObject_1$c;
 
 var IkasFavoriteProductAPI = /** @class */ (function () {
     function IkasFavoriteProductAPI() {
@@ -26431,7 +27669,7 @@ var IkasFavoriteProductAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_FAVORITE_PRODUCTS = src(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n      query listFavoriteProducts {\n        listFavoriteProducts {\n          id\n          createdAt\n          updatedAt\n          deleted\n          productId\n          customerId\n        }\n      }\n    "], ["\n      query listFavoriteProducts {\n        listFavoriteProducts {\n          id\n          createdAt\n          updatedAt\n          deleted\n          productId\n          customerId\n        }\n      }\n    "])));
+                        LIST_FAVORITE_PRODUCTS = src(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n      query listFavoriteProducts {\n        listFavoriteProducts {\n          id\n          createdAt\n          updatedAt\n          deleted\n          productId\n          customerId\n        }\n      }\n    "], ["\n      query listFavoriteProducts {\n        listFavoriteProducts {\n          id\n          createdAt\n          updatedAt\n          deleted\n          productId\n          customerId\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26460,7 +27698,7 @@ var IkasFavoriteProductAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        IS_FAVORITE_PRODUCT = src(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n      query isFavoriteProduct($productId: String!) {\n        isFavoriteProduct(productId: $productId)\n      }\n    "], ["\n      query isFavoriteProduct($productId: String!) {\n        isFavoriteProduct(productId: $productId)\n      }\n    "])));
+                        IS_FAVORITE_PRODUCT = src(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n      query isFavoriteProduct($productId: String!) {\n        isFavoriteProduct(productId: $productId)\n      }\n    "], ["\n      query isFavoriteProduct($productId: String!) {\n        isFavoriteProduct(productId: $productId)\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26490,7 +27728,7 @@ var IkasFavoriteProductAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        SAVE_FAVORITE_PRODUCT = src(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n      mutation saveFavoriteProduct($isFavorite: Boolean!, $productId: String!) {\n        saveFavoriteProduct(isFavorite: $isFavorite, productId: $productId)\n      }\n    "], ["\n      mutation saveFavoriteProduct($isFavorite: Boolean!, $productId: String!) {\n        saveFavoriteProduct(isFavorite: $isFavorite, productId: $productId)\n      }\n    "])));
+                        SAVE_FAVORITE_PRODUCT = src(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n      mutation saveFavoriteProduct($isFavorite: Boolean!, $productId: String!) {\n        saveFavoriteProduct(isFavorite: $isFavorite, productId: $productId)\n      }\n    "], ["\n      mutation saveFavoriteProduct($isFavorite: Boolean!, $productId: String!) {\n        saveFavoriteProduct(isFavorite: $isFavorite, productId: $productId)\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26516,7 +27754,7 @@ var IkasFavoriteProductAPI = /** @class */ (function () {
     };
     return IkasFavoriteProductAPI;
 }());
-var templateObject_1$c, templateObject_2$6, templateObject_3$3;
+var templateObject_1$d, templateObject_2$7, templateObject_3$4;
 
 var IkasContactFormAPI = /** @class */ (function () {
     function IkasContactFormAPI() {
@@ -26527,7 +27765,7 @@ var IkasContactFormAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        MUTATION = src(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n      mutation sendContactFormToMerchant(\n        $email: String!\n        $message: String!\n        $firstName: String!\n        $lastName: String!\n      ) {\n        sendContactFormToMerchant(\n          email: $email\n          message: $message\n          firstName: $firstName\n          lastName: $lastName\n        )\n      }\n    "], ["\n      mutation sendContactFormToMerchant(\n        $email: String!\n        $message: String!\n        $firstName: String!\n        $lastName: String!\n      ) {\n        sendContactFormToMerchant(\n          email: $email\n          message: $message\n          firstName: $firstName\n          lastName: $lastName\n        )\n      }\n    "])));
+                        MUTATION = src(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n      mutation sendContactFormToMerchant(\n        $email: String!\n        $message: String!\n        $firstName: String!\n        $lastName: String!\n      ) {\n        sendContactFormToMerchant(\n          email: $email\n          message: $message\n          firstName: $firstName\n          lastName: $lastName\n        )\n      }\n    "], ["\n      mutation sendContactFormToMerchant(\n        $email: String!\n        $message: String!\n        $firstName: String!\n        $lastName: String!\n      ) {\n        sendContactFormToMerchant(\n          email: $email\n          message: $message\n          firstName: $firstName\n          lastName: $lastName\n        )\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26559,7 +27797,7 @@ var IkasContactFormAPI = /** @class */ (function () {
     };
     return IkasContactFormAPI;
 }());
-var templateObject_1$d;
+var templateObject_1$e;
 
 var IkasStateAPI = /** @class */ (function () {
     function IkasStateAPI() {
@@ -26570,7 +27808,7 @@ var IkasStateAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n      query listState($countryId: StringFilterInput!) {\n        listState(countryId: $countryId) {\n          id\n          name\n          stateCode\n        }\n      }\n    "], ["\n      query listState($countryId: StringFilterInput!) {\n        listState(countryId: $countryId) {\n          id\n          name\n          stateCode\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n      query listState($countryId: StringFilterInput!) {\n        listState(countryId: $countryId) {\n          id\n          name\n          stateCode\n        }\n      }\n    "], ["\n      query listState($countryId: StringFilterInput!) {\n        listState(countryId: $countryId) {\n          id\n          name\n          stateCode\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26607,7 +27845,7 @@ var IkasStateAPI = /** @class */ (function () {
     };
     return IkasStateAPI;
 }());
-var templateObject_1$e;
+var templateObject_1$f;
 
 var IkasVariantTypeAPI = /** @class */ (function () {
     function IkasVariantTypeAPI() {
@@ -26618,7 +27856,7 @@ var IkasVariantTypeAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_VARIANT_TYPE = src(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n      query listVariantType($id: StringFilterInput!) {\n        listVariantType(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          selectionType\n          values {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            thumbnailImageId\n            colorCode\n          }\n        }\n      }\n    "], ["\n      query listVariantType($id: StringFilterInput!) {\n        listVariantType(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          selectionType\n          values {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            thumbnailImageId\n            colorCode\n          }\n        }\n      }\n    "])));
+                        LIST_VARIANT_TYPE = src(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n      query listVariantType($id: StringFilterInput!) {\n        listVariantType(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          selectionType\n          values {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            thumbnailImageId\n            colorCode\n          }\n        }\n      }\n    "], ["\n      query listVariantType($id: StringFilterInput!) {\n        listVariantType(id: $id) {\n          id\n          createdAt\n          updatedAt\n          deleted\n          name\n          selectionType\n          values {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            thumbnailImageId\n            colorCode\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -26664,7 +27902,7 @@ var IkasVariantTypeAPI = /** @class */ (function () {
     };
     return IkasVariantTypeAPI;
 }());
-var templateObject_1$f;
+var templateObject_1$g;
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -26841,27 +28079,30 @@ var SVGCheck = function (_a) {
         React.createElement("path", { fill: "currentColor", d: "M12.6 8.1l-3.7-3.8 1-1.1 2.7 2.7 5.5-5.4 1 1z" })));
 };
 
-var css_248z$1 = ".style-module_CheckboxWrapper__2tSbx {\n  width: 100%;\n  display: flex;\n  padding: 0.5em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n    position: relative;\n    width: 20px;\n    height: 20px;\n    margin-right: 0.75em; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 20px;\n    border-radius: 4px;\n    border: 1px solid #d9d9d9;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: border-width .2s ease-in-out; }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n      border: 10px solid #111111; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: white;\n    z-index: 2;\n    transition: all 0.2s ease-in-out;\n    transition-delay: .1s;\n    opacity: 0;\n    transform: scale(0.2); }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n      opacity: 1;\n      transform: scale(1.2); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n    flex: 1 1 auto;\n    font-weight: normal;\n    font-size: 0.85em;\n    color: #545454; }\n";
-var styles$1 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC"};
+var css_248z$1 = ".style-module_CheckboxWrapper__2tSbx {\n  width: 100%;\n  display: flex;\n  padding: 0.5em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n    position: relative;\n    width: 20px;\n    height: 20px;\n    margin-right: 0.75em; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n    flex: 0 0 auto;\n    width: 20px;\n    height: 20px;\n    border-radius: 4px;\n    border: 1px solid #d9d9d9;\n    position: absolute;\n    top: 0;\n    left: 0;\n    transition: border-width .2s ease-in-out; }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n      border: 10px solid #111111; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: white;\n    z-index: 2;\n    transition: all 0.2s ease-in-out;\n    transition-delay: .1s;\n    opacity: 0;\n    transform: scale(0.2); }\n    .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n      opacity: 1;\n      transform: scale(1.2); }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n    flex: 1 1 auto;\n    font-weight: normal;\n    font-size: 0.85em;\n    color: #545454; }\n  .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabelError__FmdxF {\n    color: #ff6d6d; }\n";
+var styles$1 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC","CheckboxLabelError":"style-module_CheckboxLabelError__FmdxF"};
 styleInject(css_248z$1);
 
 var Checkbox = mobxReactLite.observer(function (_a) {
-    var value = _a.value, label = _a.label, onChange = _a.onChange;
+    var value = _a.value, label = _a.label, hasError = _a.hasError, onChange = _a.onChange;
     var _onChange = function () {
         onChange(!value);
     };
     var checkboxBorderClasses = [styles$1.CheckboxBorder];
+    var labelClasses = [styles$1.CheckboxLabel];
     var tickClasses = [styles$1.CheckboxTick];
     if (value) {
         checkboxBorderClasses.push(styles$1.Checked);
         tickClasses.push(styles$1.Visible);
     }
+    if (hasError)
+        labelClasses.push(styles$1.CheckboxLabelError);
     return (React.createElement("div", { className: styles$1.CheckboxWrapper, onClick: _onChange },
         React.createElement("div", { className: styles$1.CheckboxContainer },
             React.createElement("div", { className: checkboxBorderClasses.join(" ") }),
             React.createElement("div", { className: tickClasses.join(" ") },
                 React.createElement(SVGCheck, null))),
-        !!label && React.createElement("div", { className: styles$1.CheckboxLabel }, label)));
+        !!label && React.createElement("div", { className: labelClasses.join(" ") }, label)));
 });
 
 var AddressFormViewModel = /** @class */ (function () {
@@ -27509,7 +28750,7 @@ var PaymentGateways = mobxReactLite.observer(function (_a) {
             vm.installmentInfo && React.createElement(Installments, { vm: vm }))) : pg.description ? (React.createElement("div", null, pg.description)) : undefined,
         rightContent: (React.createElement(PaymentMethodLogos, null, pg.paymentMethods.map(function (pm, index) {
             return pm.logoUrl ? (React.createElement("div", { className: styles$b.PaymentLogoContainer, key: index },
-                React.createElement("img", { src: pm.logoUrl }))) : (React.createElement("div", { className: styles$b.PaymentLogoContainer, key: index }, pm.name));
+                React.createElement("img", { src: pm.logoUrl }))) : (React.createElement("div", { className: styles$b.PaymentLogoContainer, key: index }));
         }))),
     }); });
     return (React.createElement(React.Fragment, null,
@@ -27573,7 +28814,7 @@ var CheckoutStepPayment = mobxReactLite.observer(function (_a) {
                 React.createElement("div", { className: [commonStyles.Title].join(" ") }, "Sipari\u015F Notu")),
             React.createElement(FormItem, { type: FormItemType.TEXT_AREA, label: "", value: vm.checkout.note || "", onChange: vm.onCheckoutNoteChange }))),
         vm.checkoutSettings.showTermsAndConditionsCheckbox && (React.createElement("div", { style: { marginTop: "12px" } },
-            React.createElement(Checkbox, { value: vm.isTermsAndConditionsChecked, label: React.createElement(React.Fragment, null,
+            React.createElement(Checkbox, { value: vm.isTermsAndConditionsChecked, hasError: vm.isErrorsVisible && !vm.isTermsAndConditionsChecked, label: React.createElement(React.Fragment, null,
                     React.createElement("span", { className: styles$d.TermsLabelSpan, onClick: onShowTermsClick }, "Mesafeli sat\u0131\u015F s\u00F6zle\u015Fmesini"),
                     " ",
                     "okudum ve onayl\u0131yorum"), onChange: vm.onTermsAndConditionsCheckedChange }))),
@@ -27666,7 +28907,9 @@ var CartSummary = mobxReactLite.observer(function (_a) {
                 React.createElement("span", { className: styles$f.Label }, expandHeaderLabel),
                 React.createElement("div", { className: arrowDownClasses },
                     React.createElement(SVGArrowDown, null))),
-            React.createElement("div", { className: styles$f.Price }, formatMoney(cart.totalPrice, cart.currencyCode)))),
+            React.createElement("div", { className: styles$f.Price }, formatMoney(vm.installmentPrice ||
+                vm.checkout.totalFinalPrice ||
+                cart.totalPrice, cart.currencyCode)))),
         React.createElement("div", { className: styles$f.DetailsContainer, style: detailsContainerStyle },
             React.createElement("div", { className: styles$f.Details, ref: setDetailsContainer }, cart === null || cart === void 0 ? void 0 :
                 cart.items.map(function (item, index) { return (React.createElement("div", { key: index },
@@ -28104,6 +29347,15 @@ var CustomerLoginRequiredError = mobxReactLite.observer(function (_a) {
             "Bu email ile i\u015Fleme devam edebilmek i\u00E7in l\u00FCtfen giri\u015F yap\u0131n\u0131z.")));
 });
 
+var Image = function (_a) {
+    var image = _a.image, others = __rest(_a, ["image"]);
+    var loader = function (_a) {
+        var width = _a.width;
+        return image.getSrc(width);
+    };
+    return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
+};
+
 var IkasCheckoutPage = mobxReactLite.observer(function (_a) {
     var _b, _c, _d;
     var checkout = _a.checkout, checkoutSettings = _a.checkoutSettings, returnPolicy = _a.returnPolicy, privacyPolicy = _a.privacyPolicy, termsOfService = _a.termsOfService, queryParams = _a.queryParams;
@@ -28194,7 +29446,7 @@ var IkasCheckoutPage = mobxReactLite.observer(function (_a) {
                     React.createElement("div", null,
                         React.createElement("div", { className: styles$2.Header },
                             React.createElement("a", { href: "/" }, !!((_c = vm.merchantSettings) === null || _c === void 0 ? void 0 : _c.logoId) ? (React.createElement("div", { className: styles$2.Logo },
-                                React.createElement(Image__default['default'], { layout: "fill", src: vm.merchantSettings.logo.src, quality: 100 }))) : (((_d = vm.merchantSettings) === null || _d === void 0 ? void 0 : _d.merchantName) || ""))),
+                                React.createElement(Image, { layout: "fill", image: vm.merchantSettings.logo, sizes: "64px" }))) : (((_d = vm.merchantSettings) === null || _d === void 0 ? void 0 : _d.merchantName) || ""))),
                         vm.step !== CheckoutStep.SUCCESS && React.createElement(Breadcrumbs, { vm: vm }),
                         !!vm.error && renderError(),
                         React.createElement("div", { className: styles$2.MobileCartSummary },
@@ -28227,6 +29479,7 @@ var style = {
     backgroundColor: "rgba(255, 0, 0, 0.5)",
 };
 
+var PACKAGE_VERSION = "0.0.128";
 var PageViewModel = /** @class */ (function () {
     function PageViewModel(router) {
         var _this = this;
@@ -28242,7 +29495,7 @@ var PageViewModel = /** @class */ (function () {
         this.pageDataProvider = null;
         this.startMessaging = function () {
             window.addEventListener("message", _this.onMessage, false);
-            _this.sendMessage(BridgeMessageType.FRAME_DID_LOAD);
+            _this.sendMessage(BridgeMessageType.FRAME_DID_LOAD, PACKAGE_VERSION);
         };
         this.onMessage = function (event) { return __awaiter(_this, void 0, void 0, function () {
             var type, data, _a;
@@ -28692,15 +29945,6 @@ var pageStyle$1 = {
     justifyContent: "space-between",
 };
 
-var Image = function (_a) {
-    var image = _a.image, others = __rest(_a, ["image"]);
-    var loader = function (_a) {
-        var width = _a.width;
-        return image.getSrc(width);
-    };
-    return (React.createElement(Image__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
-};
-
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     IkasCheckoutPage: IkasCheckoutPage,
@@ -28850,7 +30094,7 @@ var IkasStorefrontAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        QUERY = src(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n      query getStorefront($id: String!) {\n        getStorefront(id: $id) {\n          createdAt\n          emailSettingsId\n          fbpId\n          gtmId\n          id\n          localizations {\n            createdAt\n            id\n            isDefault\n            locale\n            name\n          }\n          mainStorefrontThemeId\n          name\n          salesChannelId\n          routings {\n            countryCodes\n            createdAt\n            domain\n            id\n            locale\n            path\n            priceListId\n            updatedAt\n          }\n          status\n          themes {\n            createdAt\n            id\n            isMainTheme\n            name\n            status\n            themeId\n            themeVersionId\n            updatedAt\n          }\n        }\n      }\n    "], ["\n      query getStorefront($id: String!) {\n        getStorefront(id: $id) {\n          createdAt\n          emailSettingsId\n          fbpId\n          gtmId\n          id\n          localizations {\n            createdAt\n            id\n            isDefault\n            locale\n            name\n          }\n          mainStorefrontThemeId\n          name\n          salesChannelId\n          routings {\n            countryCodes\n            createdAt\n            domain\n            id\n            locale\n            path\n            priceListId\n            updatedAt\n          }\n          status\n          themes {\n            createdAt\n            id\n            isMainTheme\n            name\n            status\n            themeId\n            themeVersionId\n            updatedAt\n          }\n        }\n      }\n    "])));
+                        QUERY = src(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n      query getStorefront($id: String!) {\n        getStorefront(id: $id) {\n          createdAt\n          emailSettingsId\n          fbpId\n          gtmId\n          id\n          localizations {\n            createdAt\n            id\n            isDefault\n            locale\n            name\n          }\n          mainStorefrontThemeId\n          name\n          salesChannelId\n          routings {\n            countryCodes\n            createdAt\n            domain\n            id\n            locale\n            path\n            priceListId\n            updatedAt\n          }\n          status\n          themes {\n            createdAt\n            id\n            isMainTheme\n            name\n            status\n            themeId\n            themeVersionId\n            updatedAt\n          }\n        }\n      }\n    "], ["\n      query getStorefront($id: String!) {\n        getStorefront(id: $id) {\n          createdAt\n          emailSettingsId\n          fbpId\n          gtmId\n          id\n          localizations {\n            createdAt\n            id\n            isDefault\n            locale\n            name\n          }\n          mainStorefrontThemeId\n          name\n          salesChannelId\n          routings {\n            countryCodes\n            createdAt\n            domain\n            id\n            locale\n            path\n            priceListId\n            updatedAt\n          }\n          status\n          themes {\n            createdAt\n            id\n            isMainTheme\n            name\n            status\n            themeId\n            themeVersionId\n            updatedAt\n          }\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -28881,7 +30125,7 @@ var IkasStorefrontAPI = /** @class */ (function () {
     };
     return IkasStorefrontAPI;
 }());
-var templateObject_1$g;
+var templateObject_1$h;
 
 var SettingsHelper = /** @class */ (function () {
     function SettingsHelper() {
@@ -28989,7 +30233,7 @@ var SettingsHelper = /** @class */ (function () {
             });
         }); });
     };
-    SettingsHelper.getPageData = function (context, isServer, pageType) {
+    SettingsHelper.getPageData = function (context, isServer, pageType, possiblePageTypes) {
         var _a;
         return __awaiter(this, void 0, void 0, function () {
             var isLocal, locale, settings, storefront, themeLocalization, salesChannel, routing, provider;
@@ -29027,6 +30271,7 @@ var SettingsHelper = /** @class */ (function () {
                         IkasStorefrontConfig.gtmId = storefront.gtmId || undefined;
                         IkasStorefrontConfig.fbpId = storefront.fbpId || undefined;
                         provider = new IkasPageDataProvider(themeLocalization.themeJson, context.params, pageType);
+                        provider.possiblePageTypes = possiblePageTypes;
                         return [4 /*yield*/, provider.getPageData()];
                     case 2:
                         _b.sent();
@@ -29047,11 +30292,11 @@ var SettingsHelper = /** @class */ (function () {
             });
         });
     };
-    SettingsHelper.getStaticProps = function (context, pageType) {
+    SettingsHelper.getStaticProps = function (context, pageType, possiblePageTypes) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, SettingsHelper.getPageData(context, false, pageType)];
+                    case 0: return [4 /*yield*/, SettingsHelper.getPageData(context, false, pageType, possiblePageTypes)];
                     case 1: return [2 /*return*/, _a.sent()];
                 }
             });
@@ -29140,7 +30385,11 @@ var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void
 var getStaticProps$1 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context)];
+            case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, undefined, [
+                    exports.IkasThemePageType.BRAND,
+                    exports.IkasThemePageType.CATEGORY,
+                    exports.IkasThemePageType.PRODUCT,
+                ])];
             case 1: return [2 /*return*/, _a.sent()];
         }
     });
@@ -29802,6 +31051,15 @@ exports.ForgotPasswordForm = ForgotPasswordForm;
 exports.ForgotPasswordPage = forgotPassword;
 exports.IkasApplicableProductFilterValue = IkasApplicableProductFilterValue;
 exports.IkasBaseStore = IkasBaseStore;
+exports.IkasBlog = IkasBlog;
+exports.IkasBlogAPI = IkasBlogAPI;
+exports.IkasBlogCategory = IkasBlogCategory;
+exports.IkasBlogContent = IkasBlogContent;
+exports.IkasBlogList = IkasBlogList;
+exports.IkasBlogListPropValue = IkasBlogListPropValue;
+exports.IkasBlogMetaData = IkasBlogMetaData;
+exports.IkasBlogPropValue = IkasBlogPropValue;
+exports.IkasBlogWriter = IkasBlogWriter;
 exports.IkasBrand = IkasBrand;
 exports.IkasBrandAPI = IkasBrandAPI;
 exports.IkasBrandList = IkasBrandList;
@@ -29893,6 +31151,10 @@ exports.Validator = Validator;
 exports.apollo = apollo;
 exports.decodeBase64 = decodeBase64;
 exports.formatMoney = formatMoney;
+exports.getPlaceholderBlog = getPlaceholderBlog;
+exports.getPlaceholderBrand = getPlaceholderBrand;
+exports.getPlaceholderCategory = getPlaceholderCategory;
+exports.getPlaceholderProduct = getPlaceholderProduct;
 exports.parseRangeStr = parseRangeStr;
 exports.pascalCase = pascalCase;
 exports.stringToSlug = stringToSlug;