@ikas/storefront 0.0.152 → 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;
@@ -31366,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;
@@ -31345,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/package.json

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