@ikas/storefront 0.0.151 → 0.0.153

package/build/index.es.js

@@ -21138,7 +21138,7 @@ var IkasProductList = /** @class */ (function () {
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 5, 6, 7]);
-                        page = 1;
+                        page = this._page || 1;
                         limit = this._limit;
                         if (!(this.isFilterable && !this.filters)) return [3 /*break*/, 3];
                         return [4 /*yield*/, this.getFilters()];
@@ -21360,6 +21360,9 @@ var IkasProductList = /** @class */ (function () {
             : null;
         this.router = router;
         makeAutoObservable(this);
+        if (this.isBrowser()) {
+            this.checkRestoreInfiniteScroll();
+        }
         if (this.isBrowser() &&
             location.search &&
             (this.isFilterable || this._type === IkasProductListType.SEARCH)) {
@@ -21381,6 +21384,13 @@ var IkasProductList = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasProductList.prototype, "pageType", {
+        get: function () {
+            return this._pageType;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IkasProductList.prototype, "page", {
         get: function () {
             return this._page;
@@ -21752,6 +21762,11 @@ var IkasProductList = /** @class */ (function () {
             });
         });
     };
+    IkasProductList.prototype.setVisibleInfiniteScrollPage = function (page) {
+        //@ts-ignore
+        var infiniteScrollPages = IkasStorefrontConfig.store.infiniteScrollPages;
+        infiniteScrollPages[this._productListPropValue.id] = page;
+    };
     IkasProductList.prototype.toJSON = function () {
         return {
             data: this.data,
@@ -21772,6 +21787,22 @@ var IkasProductList = /** @class */ (function () {
             productListPropValue: this._productListPropValue,
         };
     };
+    IkasProductList.prototype.checkRestoreInfiniteScroll = function () {
+        //@ts-ignore
+        var infiniteScrollPages = IkasStorefrontConfig.store.infiniteScrollPages;
+        var page = infiniteScrollPages[this._productListPropValue.id];
+        if (page) {
+            if (this.hasForwardRoute()) {
+                this._page = page;
+            }
+            else {
+                delete infiniteScrollPages[this._productListPropValue.id];
+            }
+        }
+    };
+    IkasProductList.prototype.hasForwardRoute = function () {
+        return this.isBrowser() && !!window.history.forward;
+    };
     IkasProductList.prototype.getQueryParams = function () {
         if (!this.isBrowser())
             return;
@@ -23709,6 +23740,7 @@ var IkasProductListPropValue = /** @class */ (function () {
         // Example collections/man -> lists products inside the "man" category
         this.usePageFilter = null;
         this.category = null;
+        this.id = data.id || "";
         this.productListType = data.productListType || IkasProductListType.ALL;
         this.initialSort = data.initialSort || IkasProductListSortType.LAST_ADDED;
         this.initialLimit = data.initialLimit || 20;
@@ -24429,7 +24461,11 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
                     case 40:
                         _b.sent();
                         return [2 /*return*/];
-                    case 41: return [2 /*return*/, JSON.parse(JSON.stringify(customDataValue))];
+                    case 41:
+                        if (this.customData.isRequired &&
+                            ((customDataValue === null || customDataValue === void 0 ? void 0 : customDataValue.value) === undefined || (customDataValue === null || customDataValue === void 0 ? void 0 : customDataValue.value) === null))
+                            return [2 /*return*/];
+                        return [2 /*return*/, JSON.parse(JSON.stringify(customDataValue))];
                 }
             });
         });
@@ -24841,10 +24877,11 @@ var ThemeComponent = observer(function (_a) {
     var pageComponent = pageComponentPropValue.pageComponent;
     var propValues = pageComponentPropValue.propValues;
     var hasNullValue = computed(function () {
-        return Object.entries(propValues || {}).some(function (_a) {
-            var _b;
-            var propName = _a[0], propValue = _a[1];
-            return (propValue === null || propValue === undefined) && ((_b = pageComponentPropValue.component.props.find(function (p) { return p.name === propName; })) === null || _b === void 0 ? void 0 : _b.isRequired);
+        return pageComponentPropValue.component.props.some(function (prop) {
+            if (prop.isRequired) {
+                var propValue = (propValues || {})[prop.name];
+                return propValue === null || propValue == undefined;
+            }
         });
     });
     var Component = components[pageComponent.componentId];
@@ -25218,17 +25255,14 @@ var IkasPageDataProvider = /** @class */ (function () {
     Object.defineProperty(IkasPageDataProvider.prototype, "specification", {
         get: function () {
             var _this = this;
-            var _a, _b, _c;
+            var _a, _b;
             var selectedPage = this.page;
             var specification;
             if ((selectedPage === null || selectedPage === void 0 ? void 0 : selectedPage.type) === IkasThemePageType.PRODUCT) {
                 specification = (_a = selectedPage.specifications) === null || _a === void 0 ? void 0 : _a.find(function (s) { var _a; return s.id === ((_a = _this.pageSpecificData) === null || _a === void 0 ? void 0 : _a.product.id); });
             }
-            if ((selectedPage === null || selectedPage === void 0 ? void 0 : selectedPage.type) === IkasThemePageType.CATEGORY) {
-                specification = (_b = selectedPage.specifications) === null || _b === void 0 ? void 0 : _b.find(function (s) { var _a; return s.id === ((_a = _this.pageSpecificData) === null || _a === void 0 ? void 0 : _a.id); });
-            }
-            if ((selectedPage === null || selectedPage === void 0 ? void 0 : selectedPage.type) === IkasThemePageType.BRAND) {
-                specification = (_c = selectedPage.specifications) === null || _c === void 0 ? void 0 : _c.find(function (s) { var _a; return s.id === ((_a = _this.pageSpecificData) === null || _a === void 0 ? void 0 : _a.id); });
+            else {
+                specification = (_b = selectedPage === null || selectedPage === void 0 ? void 0 : selectedPage.specifications) === null || _b === void 0 ? void 0 : _b.find(function (s) { var _a; return s.id === ((_a = _this.pageSpecificData) === null || _a === void 0 ? void 0 : _a.id); });
             }
             return specification;
         },
@@ -25245,17 +25279,6 @@ var IkasPageDataProvider = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IkasPageDataProvider.prototype, "isStaticPage", {
-        get: function () {
-            var staticPageTypes = [
-                IkasThemePageType.PRODUCT,
-                IkasThemePageType.INDEX,
-            ];
-            return this.pageType && staticPageTypes.includes(this.pageType);
-        },
-        enumerable: false,
-        configurable: true
-    });
     IkasPageDataProvider.prototype.getMerchantSettings = function () {
         return __awaiter(this, void 0, void 0, function () {
             var merchantId, merchantSettingsResponse;
@@ -28735,7 +28758,7 @@ var css_248z$2 = ".common-module_FormSectionTitle___Mykh {\n  width: 100%;\n  di
 var commonStyles = {"FormSectionTitle":"common-module_FormSectionTitle___Mykh","Title":"common-module_Title__3JTHt","WithSubTitle":"common-module_WithSubTitle__1VHWv","SubTitle":"common-module_SubTitle__1H4kH","Grid":"common-module_Grid__2CuvH","Grid2":"common-module_Grid2__9CCag","Grid3":"common-module_Grid3__3p0jJ","FormContainer":"common-module_FormContainer__2I_Lj","mtFormRow":"common-module_mtFormRow__2tsDn","mt1":"common-module_mt1__3tpC1","mt2":"common-module_mt2__2bl5q","fadeInFromRight":"common-module_fadeInFromRight__3RYk5"};
 styleInject(css_248z$2);
 
-var css_248z$3 = ".style-module_CheckoutPage__A_f2V {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 16px !important;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex; }\n  .style-module_CheckoutPage__A_f2V * {\n    box-sizing: border-box !important;\n    font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 16px;\n    letter-spacing: normal;\n    font-weight: normal; }\n  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n    width: 50%;\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: flex-end;\n    padding-left: 20px;\n    padding-right: 40px; }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n      width: 100%;\n      min-width: 400px;\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 100vh; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n        width: 100%;\n        height: 100px; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n        flex: 0 0 auto;\n        height: 50px;\n        background-color: white;\n        width: calc(100% - 1em);\n        display: flex;\n        align-items: center;\n        border-top: 1px solid #d9d9d9; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n          font-size: 0.7em;\n          margin-right: 1.4em;\n          color: #737373;\n          cursor: pointer;\n          user-select: none; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n            color: #111111; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n            width: 100%;\n            padding-left: 0.7em; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n      width: 100%;\n      height: 96px;\n      display: flex;\n      align-items: center;\n      font-weight: 500;\n      font-size: 1.5em;\n      padding-left: 0.4em; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n        width: 100%; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n        width: 100%;\n        height: 64px;\n        position: relative;\n        user-select: none;\n        cursor: pointer; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n          object-fit: contain;\n          object-position: left;\n          pointer-events: none; }\n    @media only screen and (min-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n        display: none; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n      padding-bottom: 0.7em; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n        width: 100%;\n        justify-content: center;\n        padding-right: 0px;\n        padding-left: 0px; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n          width: 100%;\n          min-width: auto;\n          max-width: 100%; } }\n  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n    width: 50%;\n    min-height: 100%;\n    flex: 0 0 auto;\n    background-color: #FAFAFA;\n    border-left: 1px solid #d9d9d9;\n    display: flex;\n    padding-left: 40px;\n    padding-right: 20px;\n    position: sticky;\n    top: 0;\n    overflow-y: auto; }\n    .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n      width: 100%;\n      max-width: 600px;\n      padding-top: 80px; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n        display: none; } }\n";
+var css_248z$3 = ".style-module_CheckoutPage__A_f2V {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 16px !important;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex; }\n  .style-module_CheckoutPage__A_f2V * {\n    box-sizing: border-box !important;\n    font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 16px;\n    letter-spacing: normal;\n    font-weight: normal;\n    line-height: 1.5em; }\n  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n    width: 50%;\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: flex-end;\n    padding-left: 20px;\n    padding-right: 40px; }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n      width: 100%;\n      min-width: 400px;\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 100vh; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n        width: 100%;\n        height: 100px; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n        flex: 0 0 auto;\n        height: 50px;\n        background-color: white;\n        width: calc(100% - 1em);\n        display: flex;\n        align-items: center;\n        border-top: 1px solid #d9d9d9; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n          font-size: 0.7em;\n          margin-right: 1.4em;\n          color: #737373;\n          cursor: pointer;\n          user-select: none; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n            color: #111111; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n            width: 100%;\n            padding-left: 0.7em; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n      width: 100%;\n      height: 96px;\n      display: flex;\n      align-items: center;\n      font-weight: 500;\n      font-size: 1.5em;\n      padding-left: 0.4em; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n        width: 100%; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n        width: 100%;\n        height: 64px;\n        position: relative;\n        user-select: none;\n        cursor: pointer; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n          object-fit: contain;\n          object-position: left;\n          pointer-events: none; }\n    @media only screen and (min-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n        display: none; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n      padding-bottom: 0.7em; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n        width: 100%;\n        justify-content: center;\n        padding-right: 0px;\n        padding-left: 0px; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n          width: 100%;\n          min-width: auto;\n          max-width: 100%; } }\n  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n    width: 50%;\n    min-height: 100%;\n    flex: 0 0 auto;\n    background-color: #FAFAFA;\n    border-left: 1px solid #d9d9d9;\n    display: flex;\n    padding-left: 40px;\n    padding-right: 20px;\n    position: sticky;\n    top: 0;\n    overflow-y: auto; }\n    .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n      width: 100%;\n      max-width: 600px;\n      padding-top: 80px; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n        display: none; } }\n";
 var styles$2 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-module_Left__2dWz6","LeftContent":"style-module_LeftContent__1Tyb7","Space":"style-module_Space__1e2de","Footer":"style-module_Footer__ebdyg","FooterItem":"style-module_FooterItem__1ofBc","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5"};
 styleInject(css_248z$3);
 
@@ -28795,7 +28818,7 @@ var css_248z$5 = ".style-module_BackButtonContainer__263Fp {\n  display: flex;\n
 var styles$4 = {"BackButtonContainer":"style-module_BackButtonContainer__263Fp","Actions":"style-module_Actions__EdBBN"};
 styleInject(css_248z$5);
 
-var css_248z$6 = ".style-module_TextButton__XicpL {\n  display: inline-flex;\n  align-items: center;\n  font-size: 0.8em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_TextButton__XicpL .style-module_Icon__1W8cY {\n    margin-right: 0.1em; }\n";
+var css_248z$6 = ".style-module_TextButton__XicpL {\n  display: inline-flex;\n  align-items: center;\n  font-size: 0.8em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_TextButton__XicpL .style-module_Icon__1W8cY {\n    height: 24px;\n    margin-right: 0.1em; }\n";
 var styles$5 = {"TextButton":"style-module_TextButton__XicpL","Icon":"style-module_Icon__1W8cY"};
 styleInject(css_248z$6);
 
@@ -30250,14 +30273,12 @@ var ThemeEditorComponent = observer(function (_a) {
     var isHovered = computed(function () {
         return vm.hoveredPageComponentId === pageComponent.id;
     });
-    var hasNullValue = computed(function () {
-        return Object.entries(propValues || {}).some(function (_a) {
-            var _b, _c;
-            var propName = _a[0], propValue = _a[1];
-            return (propValue === null || propValue === undefined) && ((_c = (_b = pageComponentPropValue
-                .get()) === null || _b === void 0 ? void 0 : _b.component.props.find(function (p) { return p.name === propName; })) === null || _c === void 0 ? void 0 : _c.isRequired);
-        });
-    });
+    var hasNullValue = computed(function () { var _a; return (_a = pageComponentPropValue.get()) === null || _a === void 0 ? void 0 : _a.component.props.some(function (prop) {
+        if (prop.isRequired) {
+            var propValue = (propValues || {})[prop.name];
+            return propValue === null || propValue == undefined;
+        }
+    }); });
     var onMouseEnter = function () {
         vm.onMouseOver(pageComponent.id);
     };
@@ -31377,6 +31398,7 @@ var IkasBaseStore = /** @class */ (function () {
         this.showLocaleOptions = false;
         this.localeChecked = false;
         this.settingsSet = false;
+        this.infiniteScrollPages = {}; // key is productListPropValueId
         this.customerStore = new IkasCustomerStore(this);
         this.cartStore = new IkasCartStore(this);
         makeObservable(this, {

package/build/index.js

@@ -21121,7 +21121,7 @@ var IkasProductList = /** @class */ (function () {
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 5, 6, 7]);
-                        page = 1;
+                        page = this._page || 1;
                         limit = this._limit;
                         if (!(this.isFilterable && !this.filters)) return [3 /*break*/, 3];
                         return [4 /*yield*/, this.getFilters()];
@@ -21343,6 +21343,9 @@ var IkasProductList = /** @class */ (function () {
             : null;
         this.router = router;
         mobx.makeAutoObservable(this);
+        if (this.isBrowser()) {
+            this.checkRestoreInfiniteScroll();
+        }
         if (this.isBrowser() &&
             location.search &&
             (this.isFilterable || this._type === exports.IkasProductListType.SEARCH)) {
@@ -21364,6 +21367,13 @@ var IkasProductList = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasProductList.prototype, "pageType", {
+        get: function () {
+            return this._pageType;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IkasProductList.prototype, "page", {
         get: function () {
             return this._page;
@@ -21735,6 +21745,11 @@ var IkasProductList = /** @class */ (function () {
             });
         });
     };
+    IkasProductList.prototype.setVisibleInfiniteScrollPage = function (page) {
+        //@ts-ignore
+        var infiniteScrollPages = IkasStorefrontConfig.store.infiniteScrollPages;
+        infiniteScrollPages[this._productListPropValue.id] = page;
+    };
     IkasProductList.prototype.toJSON = function () {
         return {
             data: this.data,
@@ -21755,6 +21770,22 @@ var IkasProductList = /** @class */ (function () {
             productListPropValue: this._productListPropValue,
         };
     };
+    IkasProductList.prototype.checkRestoreInfiniteScroll = function () {
+        //@ts-ignore
+        var infiniteScrollPages = IkasStorefrontConfig.store.infiniteScrollPages;
+        var page = infiniteScrollPages[this._productListPropValue.id];
+        if (page) {
+            if (this.hasForwardRoute()) {
+                this._page = page;
+            }
+            else {
+                delete infiniteScrollPages[this._productListPropValue.id];
+            }
+        }
+    };
+    IkasProductList.prototype.hasForwardRoute = function () {
+        return this.isBrowser() && !!window.history.forward;
+    };
     IkasProductList.prototype.getQueryParams = function () {
         if (!this.isBrowser())
             return;
@@ -23689,6 +23720,7 @@ var IkasProductListPropValue = /** @class */ (function () {
         // Example collections/man -> lists products inside the "man" category
         this.usePageFilter = null;
         this.category = null;
+        this.id = data.id || "";
         this.productListType = data.productListType || exports.IkasProductListType.ALL;
         this.initialSort = data.initialSort || exports.IkasProductListSortType.LAST_ADDED;
         this.initialLimit = data.initialLimit || 20;
@@ -24409,7 +24441,11 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
                     case 40:
                         _b.sent();
                         return [2 /*return*/];
-                    case 41: return [2 /*return*/, JSON.parse(JSON.stringify(customDataValue))];
+                    case 41:
+                        if (this.customData.isRequired &&
+                            ((customDataValue === null || customDataValue === void 0 ? void 0 : customDataValue.value) === undefined || (customDataValue === null || customDataValue === void 0 ? void 0 : customDataValue.value) === null))
+                            return [2 /*return*/];
+                        return [2 /*return*/, JSON.parse(JSON.stringify(customDataValue))];
                 }
             });
         });
@@ -24821,10 +24857,11 @@ var ThemeComponent = mobxReactLite.observer(function (_a) {
     var pageComponent = pageComponentPropValue.pageComponent;
     var propValues = pageComponentPropValue.propValues;
     var hasNullValue = mobx.computed(function () {
-        return Object.entries(propValues || {}).some(function (_a) {
-            var _b;
-            var propName = _a[0], propValue = _a[1];
-            return (propValue === null || propValue === undefined) && ((_b = pageComponentPropValue.component.props.find(function (p) { return p.name === propName; })) === null || _b === void 0 ? void 0 : _b.isRequired);
+        return pageComponentPropValue.component.props.some(function (prop) {
+            if (prop.isRequired) {
+                var propValue = (propValues || {})[prop.name];
+                return propValue === null || propValue == undefined;
+            }
         });
     });
     var Component = components[pageComponent.componentId];
@@ -25198,17 +25235,14 @@ var IkasPageDataProvider = /** @class */ (function () {
     Object.defineProperty(IkasPageDataProvider.prototype, "specification", {
         get: function () {
             var _this = this;
-            var _a, _b, _c;
+            var _a, _b;
             var selectedPage = this.page;
             var specification;
             if ((selectedPage === null || selectedPage === void 0 ? void 0 : selectedPage.type) === exports.IkasThemePageType.PRODUCT) {
                 specification = (_a = selectedPage.specifications) === null || _a === void 0 ? void 0 : _a.find(function (s) { var _a; return s.id === ((_a = _this.pageSpecificData) === null || _a === void 0 ? void 0 : _a.product.id); });
             }
-            if ((selectedPage === null || selectedPage === void 0 ? void 0 : selectedPage.type) === exports.IkasThemePageType.CATEGORY) {
-                specification = (_b = selectedPage.specifications) === null || _b === void 0 ? void 0 : _b.find(function (s) { var _a; return s.id === ((_a = _this.pageSpecificData) === null || _a === void 0 ? void 0 : _a.id); });
-            }
-            if ((selectedPage === null || selectedPage === void 0 ? void 0 : selectedPage.type) === exports.IkasThemePageType.BRAND) {
-                specification = (_c = selectedPage.specifications) === null || _c === void 0 ? void 0 : _c.find(function (s) { var _a; return s.id === ((_a = _this.pageSpecificData) === null || _a === void 0 ? void 0 : _a.id); });
+            else {
+                specification = (_b = selectedPage === null || selectedPage === void 0 ? void 0 : selectedPage.specifications) === null || _b === void 0 ? void 0 : _b.find(function (s) { var _a; return s.id === ((_a = _this.pageSpecificData) === null || _a === void 0 ? void 0 : _a.id); });
             }
             return specification;
         },
@@ -25225,17 +25259,6 @@ var IkasPageDataProvider = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IkasPageDataProvider.prototype, "isStaticPage", {
-        get: function () {
-            var staticPageTypes = [
-                exports.IkasThemePageType.PRODUCT,
-                exports.IkasThemePageType.INDEX,
-            ];
-            return this.pageType && staticPageTypes.includes(this.pageType);
-        },
-        enumerable: false,
-        configurable: true
-    });
     IkasPageDataProvider.prototype.getMerchantSettings = function () {
         return __awaiter(this, void 0, void 0, function () {
             var merchantId, merchantSettingsResponse;
@@ -28714,7 +28737,7 @@ var css_248z$2 = ".common-module_FormSectionTitle___Mykh {\n  width: 100%;\n  di
 var commonStyles = {"FormSectionTitle":"common-module_FormSectionTitle___Mykh","Title":"common-module_Title__3JTHt","WithSubTitle":"common-module_WithSubTitle__1VHWv","SubTitle":"common-module_SubTitle__1H4kH","Grid":"common-module_Grid__2CuvH","Grid2":"common-module_Grid2__9CCag","Grid3":"common-module_Grid3__3p0jJ","FormContainer":"common-module_FormContainer__2I_Lj","mtFormRow":"common-module_mtFormRow__2tsDn","mt1":"common-module_mt1__3tpC1","mt2":"common-module_mt2__2bl5q","fadeInFromRight":"common-module_fadeInFromRight__3RYk5"};
 styleInject(css_248z$2);
 
-var css_248z$3 = ".style-module_CheckoutPage__A_f2V {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 16px !important;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex; }\n  .style-module_CheckoutPage__A_f2V * {\n    box-sizing: border-box !important;\n    font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 16px;\n    letter-spacing: normal;\n    font-weight: normal; }\n  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n    width: 50%;\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: flex-end;\n    padding-left: 20px;\n    padding-right: 40px; }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n      width: 100%;\n      min-width: 400px;\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 100vh; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n        width: 100%;\n        height: 100px; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n        flex: 0 0 auto;\n        height: 50px;\n        background-color: white;\n        width: calc(100% - 1em);\n        display: flex;\n        align-items: center;\n        border-top: 1px solid #d9d9d9; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n          font-size: 0.7em;\n          margin-right: 1.4em;\n          color: #737373;\n          cursor: pointer;\n          user-select: none; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n            color: #111111; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n            width: 100%;\n            padding-left: 0.7em; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n      width: 100%;\n      height: 96px;\n      display: flex;\n      align-items: center;\n      font-weight: 500;\n      font-size: 1.5em;\n      padding-left: 0.4em; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n        width: 100%; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n        width: 100%;\n        height: 64px;\n        position: relative;\n        user-select: none;\n        cursor: pointer; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n          object-fit: contain;\n          object-position: left;\n          pointer-events: none; }\n    @media only screen and (min-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n        display: none; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n      padding-bottom: 0.7em; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n        width: 100%;\n        justify-content: center;\n        padding-right: 0px;\n        padding-left: 0px; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n          width: 100%;\n          min-width: auto;\n          max-width: 100%; } }\n  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n    width: 50%;\n    min-height: 100%;\n    flex: 0 0 auto;\n    background-color: #FAFAFA;\n    border-left: 1px solid #d9d9d9;\n    display: flex;\n    padding-left: 40px;\n    padding-right: 20px;\n    position: sticky;\n    top: 0;\n    overflow-y: auto; }\n    .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n      width: 100%;\n      max-width: 600px;\n      padding-top: 80px; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n        display: none; } }\n";
+var css_248z$3 = ".style-module_CheckoutPage__A_f2V {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  font-size: 16px !important;\n  width: 100%;\n  height: 100vh;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex; }\n  .style-module_CheckoutPage__A_f2V * {\n    box-sizing: border-box !important;\n    font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 16px;\n    letter-spacing: normal;\n    font-weight: normal;\n    line-height: 1.5em; }\n  .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n    width: 50%;\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: flex-end;\n    padding-left: 20px;\n    padding-right: 40px; }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n      width: 100%;\n      min-width: 400px;\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 100vh; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n        width: 100%;\n        height: 100px; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n        flex: 0 0 auto;\n        height: 50px;\n        background-color: white;\n        width: calc(100% - 1em);\n        display: flex;\n        align-items: center;\n        border-top: 1px solid #d9d9d9; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n          font-size: 0.7em;\n          margin-right: 1.4em;\n          color: #737373;\n          cursor: pointer;\n          user-select: none; }\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n            color: #111111; }\n        @media only screen and (max-width: 1000px) {\n          .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n            width: 100%;\n            padding-left: 0.7em; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n      width: 100%;\n      height: 96px;\n      display: flex;\n      align-items: center;\n      font-weight: 500;\n      font-size: 1.5em;\n      padding-left: 0.4em; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n        width: 100%; }\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n        width: 100%;\n        height: 64px;\n        position: relative;\n        user-select: none;\n        cursor: pointer; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n          object-fit: contain;\n          object-position: left;\n          pointer-events: none; }\n    @media only screen and (min-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n        display: none; } }\n    .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n      padding-bottom: 0.7em; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n        width: 100%;\n        justify-content: center;\n        padding-right: 0px;\n        padding-left: 0px; }\n        .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n          width: 100%;\n          min-width: auto;\n          max-width: 100%; } }\n  .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n    width: 50%;\n    min-height: 100%;\n    flex: 0 0 auto;\n    background-color: #FAFAFA;\n    border-left: 1px solid #d9d9d9;\n    display: flex;\n    padding-left: 40px;\n    padding-right: 20px;\n    position: sticky;\n    top: 0;\n    overflow-y: auto; }\n    .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n      width: 100%;\n      max-width: 600px;\n      padding-top: 80px; }\n    @media only screen and (max-width: 1000px) {\n      .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n        display: none; } }\n";
 var styles$2 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-module_Left__2dWz6","LeftContent":"style-module_LeftContent__1Tyb7","Space":"style-module_Space__1e2de","Footer":"style-module_Footer__ebdyg","FooterItem":"style-module_FooterItem__1ofBc","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5"};
 styleInject(css_248z$3);
 
@@ -28774,7 +28797,7 @@ var css_248z$5 = ".style-module_BackButtonContainer__263Fp {\n  display: flex;\n
 var styles$4 = {"BackButtonContainer":"style-module_BackButtonContainer__263Fp","Actions":"style-module_Actions__EdBBN"};
 styleInject(css_248z$5);
 
-var css_248z$6 = ".style-module_TextButton__XicpL {\n  display: inline-flex;\n  align-items: center;\n  font-size: 0.8em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_TextButton__XicpL .style-module_Icon__1W8cY {\n    margin-right: 0.1em; }\n";
+var css_248z$6 = ".style-module_TextButton__XicpL {\n  display: inline-flex;\n  align-items: center;\n  font-size: 0.8em;\n  cursor: pointer;\n  user-select: none; }\n  .style-module_TextButton__XicpL .style-module_Icon__1W8cY {\n    height: 24px;\n    margin-right: 0.1em; }\n";
 var styles$5 = {"TextButton":"style-module_TextButton__XicpL","Icon":"style-module_Icon__1W8cY"};
 styleInject(css_248z$6);
 
@@ -30229,14 +30252,12 @@ var ThemeEditorComponent = mobxReactLite.observer(function (_a) {
     var isHovered = mobx.computed(function () {
         return vm.hoveredPageComponentId === pageComponent.id;
     });
-    var hasNullValue = mobx.computed(function () {
-        return Object.entries(propValues || {}).some(function (_a) {
-            var _b, _c;
-            var propName = _a[0], propValue = _a[1];
-            return (propValue === null || propValue === undefined) && ((_c = (_b = pageComponentPropValue
-                .get()) === null || _b === void 0 ? void 0 : _b.component.props.find(function (p) { return p.name === propName; })) === null || _c === void 0 ? void 0 : _c.isRequired);
-        });
-    });
+    var hasNullValue = mobx.computed(function () { var _a; return (_a = pageComponentPropValue.get()) === null || _a === void 0 ? void 0 : _a.component.props.some(function (prop) {
+        if (prop.isRequired) {
+            var propValue = (propValues || {})[prop.name];
+            return propValue === null || propValue == undefined;
+        }
+    }); });
     var onMouseEnter = function () {
         vm.onMouseOver(pageComponent.id);
     };
@@ -31356,6 +31377,7 @@ var IkasBaseStore = /** @class */ (function () {
         this.showLocaleOptions = false;
         this.localeChecked = false;
         this.settingsSet = false;
+        this.infiniteScrollPages = {}; // key is productListPropValueId
         this.customerStore = new IkasCustomerStore(this);
         this.cartStore = new IkasCartStore(this);
         mobx.makeObservable(this, {

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

@@ -1,5 +1,6 @@
 import { IkasProductListSortType, IkasProductListType } from "../../../../ui/index";
 export declare class IkasProductListPropValue {
+    id: string;
     productListType: IkasProductListType;
     initialSort?: IkasProductListSortType | null;
     initialLimit?: number | null;

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

@@ -26,6 +26,7 @@ export declare class IkasProductList {
     constructor(data: IkasProductListParams, router?: NextRouter);
     get sort(): IkasProductListSortType;
     get limit(): number;
+    get pageType(): IkasThemePageType;
     get page(): number;
     get count(): number;
     get pageCount(): number;
@@ -57,6 +58,7 @@ export declare class IkasProductList {
     getPage: (page: number) => Promise<void>;
     setSortType(sortType: IkasProductListSortType): Promise<void>;
     onFilterCategoryClick(filterCategory: IkasFilterCategory, disableRoute?: boolean): Promise<void>;
+    setVisibleInfiniteScrollPage(page: number): void;
     toJSON(): {
         data: IkasProductDetail[];
         type: IkasProductListType;
@@ -75,6 +77,8 @@ export declare class IkasProductList {
         recommendFor: string | null | undefined;
         productListPropValue: IkasProductListPropValue;
     };
+    private checkRestoreInfiniteScroll;
+    private hasForwardRoute;
     private getQueryParams;
     private isBrowser;
     private searchDebouncer;

package/build/store/base.d.ts

@@ -10,6 +10,7 @@ export declare class IkasBaseStore {
     showLocaleOptions: boolean;
     private localeChecked;
     private settingsSet;
+    private infiniteScrollPages;
     constructor();
     checkLocalization(): Promise<void>;
     setLocalization(localeOption: IkasLocaleOption): void;

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

@@ -40,7 +40,6 @@ export declare class IkasPageDataProvider {
     };
     get specification(): IkasThemePageSpecification | undefined;
     get pageComponents(): IkasThemePageComponent[];
-    get isStaticPage(): boolean | null | undefined;
     getMerchantSettings(): Promise<void>;
     getPageData(): Promise<void>;
     getPageSpecificData(): Promise<void>;

package/package.json

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