@ikas/storefront 0.0.152 → 0.0.154

package/build/index.es.js

@@ -19966,7 +19966,10 @@ var IkasProductDetail = /** @class */ (function () {
             .map(function (vv) { return vv.slug; })
             .join("-");
         var isShallow = process.env.NODE_ENV !== "production";
-        (_a = this.router) === null || _a === void 0 ? void 0 : _a.replace(newUrl, undefined, { shallow: isShallow });
+        (_a = this.router) === null || _a === void 0 ? void 0 : _a.replace(newUrl, undefined, {
+            shallow: isShallow,
+            scroll: false,
+        });
     };
     return IkasProductDetail;
 }());
@@ -21138,7 +21141,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,11 +21363,16 @@ var IkasProductList = /** @class */ (function () {
             : null;
         this.router = router;
         makeAutoObservable(this);
-        if (this.isBrowser() &&
-            location.search &&
-            (this.isFilterable || this._type === IkasProductListType.SEARCH)) {
-            var queryParams = this.getQueryParams();
-            this.getInitial(queryParams);
+        if (this.isBrowser()) {
+            this.checkRestoreInfiniteScroll();
+            if (location.search &&
+                (this.isFilterable || this._type === IkasProductListType.SEARCH)) {
+                var queryParams = this.getQueryParams();
+                this.getInitial(queryParams);
+            }
+            else if (this._page > 1) {
+                this.getInitial();
+            }
         }
     }
     Object.defineProperty(IkasProductList.prototype, "sort", {
@@ -21381,6 +21389,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 +21767,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 +21792,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 +23745,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;
@@ -31366,6 +31403,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

@@ -19949,7 +19949,10 @@ var IkasProductDetail = /** @class */ (function () {
             .map(function (vv) { return vv.slug; })
             .join("-");
         var isShallow = process.env.NODE_ENV !== "production";
-        (_a = this.router) === null || _a === void 0 ? void 0 : _a.replace(newUrl, undefined, { shallow: isShallow });
+        (_a = this.router) === null || _a === void 0 ? void 0 : _a.replace(newUrl, undefined, {
+            shallow: isShallow,
+            scroll: false,
+        });
     };
     return IkasProductDetail;
 }());
@@ -21121,7 +21124,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,11 +21346,16 @@ var IkasProductList = /** @class */ (function () {
             : null;
         this.router = router;
         mobx.makeAutoObservable(this);
-        if (this.isBrowser() &&
-            location.search &&
-            (this.isFilterable || this._type === exports.IkasProductListType.SEARCH)) {
-            var queryParams = this.getQueryParams();
-            this.getInitial(queryParams);
+        if (this.isBrowser()) {
+            this.checkRestoreInfiniteScroll();
+            if (location.search &&
+                (this.isFilterable || this._type === exports.IkasProductListType.SEARCH)) {
+                var queryParams = this.getQueryParams();
+                this.getInitial(queryParams);
+            }
+            else if (this._page > 1) {
+                this.getInitial();
+            }
         }
     }
     Object.defineProperty(IkasProductList.prototype, "sort", {
@@ -21364,6 +21372,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 +21750,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 +21775,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 +23725,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;
@@ -31345,6 +31382,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/package.json

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