@ikas/storefront 0.0.158-alpha.3 → 0.0.158-alpha.5

package/build/__generated__/global-types.d.ts

@@ -73,6 +73,14 @@ export declare enum CustomerAccountStatusesEnum {
     DISABLED_ACCOUNT = "DISABLED_ACCOUNT",
     INVITED_TO_CREATE_ACCOUNT = "INVITED_TO_CREATE_ACCOUNT"
 }
+/**
+ * Customer Email Subscription Statuses
+ */
+export declare enum CustomerEmailSubscriptionStatusesEnum {
+    NOT_SUBSCRIBED = "NOT_SUBSCRIBED",
+    PENDING_CONFIRMATION = "PENDING_CONFIRMATION",
+    SUBSCRIBED = "SUBSCRIBED"
+}
 /**
  * Url Slug Target Type Enum Codes
  */
@@ -446,6 +454,22 @@ export interface PaymentMethodDetailInput {
     installmentCount: number;
     threeDSecure: boolean;
 }
+export interface ProductItemInput {
+    createdAt?: any | null;
+    deleted?: boolean | null;
+    id?: string | null;
+    productId: string;
+    updatedAt?: any | null;
+    variantId: string;
+}
+export interface ProductLastViewedInput {
+    createdAt?: any | null;
+    customerId: string;
+    deleted?: boolean | null;
+    id?: string | null;
+    products: ProductItemInput[];
+    updatedAt?: any | null;
+}
 export interface RetrieveInstallmentInfoInput {
     binNumber: string;
     paymentGatewayId: string;

package/build/api/customer/__generated__/customerLogin.d.ts

@@ -1,4 +1,4 @@
-import { CustomerAccountStatusesEnum } from "../../../__generated__/global-types";
+import { CustomerAccountStatusesEnum, CustomerEmailSubscriptionStatusesEnum } from "../../../__generated__/global-types";
 export interface customerLogin_customerLogin_customer_addresses_city {
     __typename: "CustomerAddressCity";
     code: string | null;
@@ -53,6 +53,7 @@ export interface customerLogin_customerLogin_customer {
     accountStatus: CustomerAccountStatusesEnum | null;
     email: string | null;
     firstName: string;
+    subscriptionStatus: CustomerEmailSubscriptionStatusesEnum | null;
 }
 export interface customerLogin_customerLogin {
     __typename: "CustomerLoginResponse";

package/build/api/customer/__generated__/getLastViewedProducts.d.ts

@@ -0,0 +1,15 @@
+export interface getLastViewedProducts_getLastViewedProducts_products {
+    __typename: "ProductItem";
+    productId: string;
+    variantId: string;
+}
+export interface getLastViewedProducts_getLastViewedProducts {
+    __typename: "ProductLastViewed";
+    products: getLastViewedProducts_getLastViewedProducts_products[];
+}
+export interface getLastViewedProducts {
+    getLastViewedProducts: getLastViewedProducts_getLastViewedProducts;
+}
+export interface getLastViewedProductsVariables {
+    customerId?: string | null;
+}

package/build/api/customer/__generated__/saveLastViewedProducts.d.ts

@@ -0,0 +1,11 @@
+import { ProductLastViewedInput } from "../../../__generated__/global-types";
+export interface saveLastViewedProducts_saveLastViewedProducts {
+    __typename: "ProductLastViewed";
+    id: string;
+}
+export interface saveLastViewedProducts {
+    saveLastViewedProducts: saveLastViewedProducts_saveLastViewedProducts;
+}
+export interface saveLastViewedProductsVariables {
+    input: ProductLastViewedInput;
+}

package/build/api/customer/index.d.ts

@@ -1,6 +1,7 @@
 import { IkasCustomer, IkasOrder } from "../../models/index";
-import * as RefreshTokenTypes from "./__generated__/customerRefreshToken";
 import { IkasRefund } from "../../models/data/order/refund/index";
+import * as RefreshTokenTypes from "./__generated__/customerRefreshToken";
+import * as GetLastViewedProductsTypes from "./__generated__/getLastViewedProducts";
 export declare class IkasCustomerAPI {
     static login(email: string, password: string): Promise<{
         customer: IkasCustomer;
@@ -28,4 +29,15 @@ export declare class IkasCustomerAPI {
     }): Promise<any>;
     static saveIkasOrderRefund(input: IkasRefund): Promise<IkasOrder | undefined>;
     static createCustomerEmailSubscription(email: string): Promise<boolean>;
+    static getLastViewedProducts(customerId: string): Promise<GetLastViewedProductsTypes.getLastViewedProducts_getLastViewedProducts_products[]>;
+    static saveLastViewedProducts(input: LastViewedProductInput): Promise<boolean>;
 }
+declare type LastViewedProduct = {
+    productId: string;
+    variantId: string;
+};
+declare type LastViewedProductInput = {
+    customerId: string;
+    products: LastViewedProduct[];
+};
+export {};

package/build/index.es.js

@@ -11171,7 +11171,7 @@ var IkasOrderAddress = /** @class */ (function () {
     });
     Object.defineProperty(IkasOrderAddress.prototype, "validationResult", {
         get: function () {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d;
             var isValidPhone = !!this.phone &&
                 this.phone.length >= 10 &&
                 validatePhoneNumber(this.phone);
@@ -11192,10 +11192,7 @@ var IkasOrderAddress = /** @class */ (function () {
                     ? isValidPhone
                     : true,
                 identityNumber: ((_d = this.checkoutSettings) === null || _d === void 0 ? void 0 : _d.identityNumberRequirement) ===
-                    IkasCheckoutRequirementEnum.MANDATORY ||
-                    (((_e = this.checkoutSettings) === null || _e === void 0 ? void 0 : _e.identityNumberRequirement) ===
-                        IkasCheckoutRequirementEnum.OPTIONAL &&
-                        this.phone)
+                    IkasCheckoutRequirementEnum.MANDATORY
                     ? !!this.identityNumber
                     : true,
             };
@@ -17475,6 +17472,7 @@ var LS_TOKEN_KEY = "customerToken";
 var LS_TOKEN_EXPIRY = "customerTokenExpiry";
 var LS_CUSTOMER_KEY = "customer";
 var LS_CUSTOMER_SUB_KEY = "customerEmailSubscription";
+var LS_LAST_VIEWED_PRODUCTS_KEY = "lastViewedProducts";
 var IkasCustomerStore = /** @class */ (function () {
     function IkasCustomerStore(baseStore) {
         var _this = this;
@@ -17484,6 +17482,7 @@ var IkasCustomerStore = /** @class */ (function () {
         this.baseStore = null;
         this._initialized = false;
         this._visitorSubscribedEmail = false;
+        this._lastViewedProducts = [];
         this.login = function (email, password) { return __awaiter(_this, void 0, void 0, function () {
             var response, cart;
             var _a;
@@ -17503,7 +17502,9 @@ var IkasCustomerStore = /** @class */ (function () {
                     case 2:
                         _b.sent();
                         _b.label = 3;
-                    case 3: return [2 /*return*/, true];
+                    case 3:
+                        this.saveLocalLastViewedProducts();
+                        return [2 /*return*/, true];
                     case 4: return [2 /*return*/, false];
                 }
             });
@@ -17518,6 +17519,7 @@ var IkasCustomerStore = /** @class */ (function () {
                         if (response) {
                             this.setToken(response.token, response.tokenExpiry);
                             this.setCustomer(response.customer);
+                            this.saveLocalLastViewedProducts();
                             return [2 /*return*/, true];
                         }
                         return [2 /*return*/, false];
@@ -17762,6 +17764,7 @@ var IkasCustomerStore = /** @class */ (function () {
                     case 0:
                         this.loadToken();
                         this.loadCustomer();
+                        this.loadLastViewedProducts();
                         return [4 /*yield*/, this.refreshToken()];
                     case 1:
                         _a.sent();
@@ -17832,6 +17835,99 @@ var IkasCustomerStore = /** @class */ (function () {
         }
         catch (err) { }
     };
+    IkasCustomerStore.prototype.getLastViewedProducts = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!this.customer) return [3 /*break*/, 2];
+                        _a = this;
+                        return [4 /*yield*/, IkasCustomerAPI.getLastViewedProducts(this.customer.id)];
+                    case 1:
+                        _a._lastViewedProducts = _b.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        this.loadLastViewedProducts();
+                        _b.label = 3;
+                    case 3: return [2 /*return*/, this._lastViewedProducts];
+                }
+            });
+        });
+    };
+    IkasCustomerStore.prototype.saveLastViewedProducts = function () {
+        window.localStorage.setItem(LS_LAST_VIEWED_PRODUCTS_KEY, JSON.stringify(this._lastViewedProducts));
+    };
+    IkasCustomerStore.prototype.loadLastViewedProducts = function () {
+        try {
+            var lvpStr = window.localStorage.getItem(LS_LAST_VIEWED_PRODUCTS_KEY);
+            if (lvpStr)
+                this._lastViewedProducts = JSON.parse(lvpStr);
+        }
+        catch (err) { }
+    };
+    IkasCustomerStore.prototype.removeLastViewedProducts = function () {
+        window.localStorage.removeItem(LS_LAST_VIEWED_PRODUCTS_KEY);
+    };
+    IkasCustomerStore.prototype.onProductView = function (productId, variantId) {
+        return __awaiter(this, void 0, void 0, function () {
+            var isSuccess;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!this.customer) return [3 /*break*/, 2];
+                        return [4 /*yield*/, IkasCustomerAPI.saveLastViewedProducts({
+                                customerId: this.customer.id,
+                                products: [
+                                    {
+                                        productId: productId,
+                                        variantId: variantId,
+                                    },
+                                ],
+                            })];
+                    case 1:
+                        isSuccess = _a.sent();
+                        if (isSuccess)
+                            this._lastViewedProducts.push({ productId: productId, variantId: variantId });
+                        return [3 /*break*/, 3];
+                    case 2:
+                        this._lastViewedProducts.push({ productId: productId, variantId: variantId });
+                        this._lastViewedProducts = this._lastViewedProducts.slice(0, 20);
+                        this.saveLastViewedProducts();
+                        _a.label = 3;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasCustomerStore.prototype.saveLocalLastViewedProducts = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var isSuccess;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 3, , 4]);
+                        this.loadLastViewedProducts();
+                        if (!this._lastViewedProducts.length) return [3 /*break*/, 2];
+                        return [4 /*yield*/, IkasCustomerAPI.saveLastViewedProducts({
+                                customerId: this.customer.id,
+                                products: this._lastViewedProducts,
+                            })];
+                    case 1:
+                        isSuccess = _a.sent();
+                        if (isSuccess) {
+                            this.removeLastViewedProducts();
+                        }
+                        _a.label = 2;
+                    case 2: return [3 /*break*/, 4];
+                    case 3:
+                        _a.sent();
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
     IkasCustomerStore.prototype.setToken = function (token, tokenExpiry) {
         if (isServer$3)
             return;
@@ -20943,6 +21039,15 @@ var CustomerAccountStatusesEnum;
     CustomerAccountStatusesEnum["DISABLED_ACCOUNT"] = "DISABLED_ACCOUNT";
     CustomerAccountStatusesEnum["INVITED_TO_CREATE_ACCOUNT"] = "INVITED_TO_CREATE_ACCOUNT";
 })(CustomerAccountStatusesEnum || (CustomerAccountStatusesEnum = {}));
+/**
+ * Customer Email Subscription Statuses
+ */
+var CustomerEmailSubscriptionStatusesEnum;
+(function (CustomerEmailSubscriptionStatusesEnum) {
+    CustomerEmailSubscriptionStatusesEnum["NOT_SUBSCRIBED"] = "NOT_SUBSCRIBED";
+    CustomerEmailSubscriptionStatusesEnum["PENDING_CONFIRMATION"] = "PENDING_CONFIRMATION";
+    CustomerEmailSubscriptionStatusesEnum["SUBSCRIBED"] = "SUBSCRIBED";
+})(CustomerEmailSubscriptionStatusesEnum || (CustomerEmailSubscriptionStatusesEnum = {}));
 /**
  * Url Slug Target Type Enum Codes
  */
@@ -21228,24 +21333,23 @@ var IkasProductList = /** @class */ (function () {
             });
         }); };
         this.getInitial = function (queryParams, isInfiteScrollReturn) { return __awaiter(_this, void 0, void 0, function () {
-            var fetchRequestTime, page, limit, response_1, data, err_1;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var fetchRequestTime, page, limit, productIdList, lastViewedProducts, response_1, data, idList, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
                     case 0:
                         this._isLoading = true;
                         fetchRequestTime = Date.now();
                         this._fetchRequestTime = fetchRequestTime;
-                        _b.label = 1;
+                        _a.label = 1;
                     case 1:
-                        _b.trys.push([1, 5, 6, 7]);
+                        _a.trys.push([1, 12, 13, 14]);
                         page = isInfiteScrollReturn ? this._page : 1;
                         limit = this._limit;
                         if (!(this.isFilterable && !this.filters)) return [3 /*break*/, 3];
                         return [4 /*yield*/, this.getFilters()];
                     case 2:
-                        _b.sent();
-                        _b.label = 3;
+                        _a.sent();
+                        _a.label = 3;
                     case 3:
                         this.applyQueryParamFilters(queryParams);
                         if (this.isSearch && !this.hasAppliedfilter) {
@@ -21256,27 +21360,48 @@ var IkasProductList = /** @class */ (function () {
                             this._initialized = true;
                             return [2 /*return*/, true];
                         }
-                        if (this.isStatic) {
-                            page = undefined;
-                            limit = undefined;
-                        }
-                        else if (this.isDiscounted) {
-                            page = 1;
-                            limit = 10;
-                        }
-                        else if (this.isRecommended) {
-                            page = 1;
-                            limit = 10;
-                        }
-                        return [4 /*yield*/, this.searchProducts(page || 1, limit || 10)];
+                        productIdList = void 0;
+                        if (!this.isStatic) return [3 /*break*/, 4];
+                        page = undefined;
+                        limit = undefined;
+                        return [3 /*break*/, 10];
                     case 4:
-                        response_1 = _b.sent();
+                        if (!this.isDiscounted) return [3 /*break*/, 5];
+                        page = 1;
+                        limit = 10;
+                        return [3 /*break*/, 10];
+                    case 5:
+                        if (!this.isRecommended) return [3 /*break*/, 6];
+                        page = 1;
+                        limit = 10;
+                        return [3 /*break*/, 10];
+                    case 6:
+                        if (!this.isLastViewed) return [3 /*break*/, 10];
+                        if (!this.isBrowser()) return [3 /*break*/, 9];
+                        return [4 /*yield*/, this.waitForCustomerStoreInit()];
+                    case 7:
+                        _a.sent();
+                        return [4 /*yield*/, IkasStorefrontConfig.store.customerStore.getLastViewedProducts()];
+                    case 8:
+                        lastViewedProducts = _a.sent();
+                        if (lastViewedProducts && lastViewedProducts.length) {
+                            productIdList = lastViewedProducts.map(function (p) { return p.productId; });
+                        }
+                        return [3 /*break*/, 10];
+                    case 9: return [2 /*return*/];
+                    case 10: return [4 /*yield*/, this.searchProducts(page || 1, limit || 10, productIdList)];
+                    case 11:
+                        response_1 = _a.sent();
                         if (!response_1 || this._fetchRequestTime !== fetchRequestTime)
                             return [2 /*return*/];
                         data = [];
-                        if (this.isStatic) {
+                        if (this.isStatic || this.isLastViewed) {
+                            idList = this.isStatic
+                                ? this._productListPropValue.productIds
+                                : //@ts-ignore
+                                    IkasStorefrontConfig.store.customerStore._lastViewedProducts;
                             data =
-                                ((_a = this._productListPropValue.productIds) === null || _a === void 0 ? void 0 : _a.map(function (pID) {
+                                (idList === null || idList === void 0 ? void 0 : idList.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)
@@ -21294,16 +21419,18 @@ var IkasProductList = /** @class */ (function () {
                         this._initialized = true;
                         this._page = page || 1;
                         this._minPage = this.page;
+                        if (!isInfiteScrollReturn)
+                            this._infiniteScrollPage = null;
                         return [2 /*return*/, true];
-                    case 5:
-                        err_1 = _b.sent();
+                    case 12:
+                        err_1 = _a.sent();
                         console.log(err_1);
-                        return [3 /*break*/, 7];
-                    case 6:
+                        return [3 /*break*/, 14];
+                    case 13:
                         if (fetchRequestTime === this._fetchRequestTime)
                             this._isLoading = false;
                         return [7 /*endfinally*/];
-                    case 7: return [2 /*return*/];
+                    case 14: return [2 /*return*/];
                 }
             });
         }); };
@@ -21478,6 +21605,9 @@ var IkasProductList = /** @class */ (function () {
             else if (this._page > 1) {
                 this.getInitial(undefined, true);
             }
+            else if (this.isLastViewed) {
+                this.getInitial();
+            }
         }
     }
     Object.defineProperty(IkasProductList.prototype, "id", {
@@ -21602,6 +21732,13 @@ var IkasProductList = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasProductList.prototype, "isLastViewed", {
+        get: function () {
+            return this._type === IkasProductListType.LAST_VIEWED;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IkasProductList.prototype, "isSearch", {
         get: function () {
             return this._type === IkasProductListType.SEARCH;
@@ -21719,7 +21856,7 @@ var IkasProductList = /** @class */ (function () {
             type: type,
         };
     };
-    IkasProductList.prototype.searchProducts = function (page, limit) {
+    IkasProductList.prototype.searchProducts = function (page, limit, productIdList) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
             var filterList;
@@ -21747,7 +21884,7 @@ var IkasProductList = /** @class */ (function () {
                                 page: page,
                                 perPage: limit,
                                 productIdList: this.isStatic
-                                    ? (_b = this._productListPropValue.productIds) === null || _b === void 0 ? void 0 : _b.map(function (p) { return p.productId; }) : undefined,
+                                    ? (_b = this._productListPropValue.productIds) === null || _b === void 0 ? void 0 : _b.map(function (p) { return p.productId; }) : productIdList,
                                 filterList: filterList,
                                 brandId: this._pageType === IkasThemePageType.BRAND &&
                                     this._type !== IkasProductListType.SEARCH
@@ -21933,6 +22070,16 @@ var IkasProductList = /** @class */ (function () {
     IkasProductList.prototype.isBrowser = function () {
         return typeof window !== "undefined";
     };
+    IkasProductList.prototype.waitForCustomerStoreInit = function () {
+        return new Promise(function (resolve) {
+            var interval = setInterval(function () {
+                if (IkasStorefrontConfig.store.customerStore.initialized) {
+                    clearInterval(interval);
+                    resolve(null);
+                }
+            }, 1000);
+        });
+    };
     return IkasProductList;
 }());
 var IkasProductListType;
@@ -21943,6 +22090,7 @@ var IkasProductListType;
     IkasProductListType["RECOMMENDED"] = "RECOMMENDED";
     IkasProductListType["CATEGORY"] = "CATEGORY";
     IkasProductListType["SEARCH"] = "SEARCH";
+    IkasProductListType["LAST_VIEWED"] = "LAST_VIEWED";
 })(IkasProductListType || (IkasProductListType = {}));
 var IkasProductListSortType;
 (function (IkasProductListSortType) {
@@ -27699,9 +27847,73 @@ var IkasCustomerAPI = /** @class */ (function () {
             });
         });
     };
+    IkasCustomerAPI.getLastViewedProducts = function (customerId) {
+        return __awaiter(this, void 0, void 0, function () {
+            var QUERY, _a, data, errors, error_2;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        QUERY = src(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      query getLastViewedProducts($customerId: String) {\n        getLastViewedProducts(customerId: $customerId) {\n          products {\n            productId\n            variantId\n          }\n        }\n      }\n    "], ["\n      query getLastViewedProducts($customerId: String) {\n        getLastViewedProducts(customerId: $customerId) {\n          products {\n            productId\n            variantId\n          }\n        }\n      }\n    "])));
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
+                                query: QUERY,
+                                variables: {
+                                    customerId: customerId,
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length)
+                            return [2 /*return*/, []];
+                        return [2 /*return*/, data.getLastViewedProducts.products];
+                    case 3:
+                        error_2 = _b.sent();
+                        console.log(error_2);
+                        return [2 /*return*/, []];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasCustomerAPI.saveLastViewedProducts = function (input) {
+        return __awaiter(this, void 0, void 0, function () {
+            var MUTATION, errors, err_12;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        MUTATION = src(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      mutation saveLastViewedProducts($input: ProductLastViewedInput!) {\n        saveLastViewedProducts(input: $input) {\n          id\n        }\n      }\n    "], ["\n      mutation saveLastViewedProducts($input: ProductLastViewedInput!) {\n        saveLastViewedProducts(input: $input) {\n          id\n        }\n      }\n    "])));
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .mutate({
+                                mutation: MUTATION,
+                                variables: {
+                                    input: input,
+                                },
+                            })];
+                    case 2:
+                        errors = (_a.sent()).errors;
+                        if (errors && errors.length)
+                            return [2 /*return*/, false];
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_12 = _a.sent();
+                        console.log(err_12);
+                        return [2 /*return*/, false];
+                    case 4: return [2 /*return*/, true];
+                }
+            });
+        });
+    };
     return IkasCustomerAPI;
 }());
-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, templateObject_12;
+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, templateObject_12, templateObject_13, templateObject_14;
 
 var IkasDistrictAPI = /** @class */ (function () {
     function IkasDistrictAPI() {
@@ -30016,7 +30228,7 @@ var style = {
     backgroundColor: "rgba(255, 0, 0, 0.5)",
 };
 
-var PACKAGE_VERSION = "0.0.139";
+var PACKAGE_VERSION = "0.0.158";
 var PageViewModel = /** @class */ (function () {
     function PageViewModel(router) {
         var _this = this;
@@ -30968,6 +31180,8 @@ function handleAnalytics(page, pageSpecificDataStr) {
                 var productDetailParsed = JSON.parse(pageSpecificDataStr);
                 var productDetail = new IkasProductDetail(productDetailParsed.product, productDetailParsed.selectedVariantValues);
                 Analytics.productView(productDetail);
+                // @ts-ignore
+                IkasStorefrontConfig.store.customerStore.onProductView(productDetail.product.id, productDetail.selectedVariant.id);
             }
             if (page.type === IkasThemePageType.CATEGORY) {
                 var category = JSON.parse(pageSpecificDataStr);

package/build/index.js

@@ -11185,7 +11185,7 @@ var IkasOrderAddress = /** @class */ (function () {
     });
     Object.defineProperty(IkasOrderAddress.prototype, "validationResult", {
         get: function () {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d;
             var isValidPhone = !!this.phone &&
                 this.phone.length >= 10 &&
                 validatePhoneNumber(this.phone);
@@ -11206,10 +11206,7 @@ var IkasOrderAddress = /** @class */ (function () {
                     ? isValidPhone
                     : true,
                 identityNumber: ((_d = this.checkoutSettings) === null || _d === void 0 ? void 0 : _d.identityNumberRequirement) ===
-                    IkasCheckoutRequirementEnum.MANDATORY ||
-                    (((_e = this.checkoutSettings) === null || _e === void 0 ? void 0 : _e.identityNumberRequirement) ===
-                        IkasCheckoutRequirementEnum.OPTIONAL &&
-                        this.phone)
+                    IkasCheckoutRequirementEnum.MANDATORY
                     ? !!this.identityNumber
                     : true,
             };
@@ -17481,6 +17478,7 @@ var LS_TOKEN_KEY = "customerToken";
 var LS_TOKEN_EXPIRY = "customerTokenExpiry";
 var LS_CUSTOMER_KEY = "customer";
 var LS_CUSTOMER_SUB_KEY = "customerEmailSubscription";
+var LS_LAST_VIEWED_PRODUCTS_KEY = "lastViewedProducts";
 var IkasCustomerStore = /** @class */ (function () {
     function IkasCustomerStore(baseStore) {
         var _this = this;
@@ -17490,6 +17488,7 @@ var IkasCustomerStore = /** @class */ (function () {
         this.baseStore = null;
         this._initialized = false;
         this._visitorSubscribedEmail = false;
+        this._lastViewedProducts = [];
         this.login = function (email, password) { return __awaiter(_this, void 0, void 0, function () {
             var response, cart;
             var _a;
@@ -17509,7 +17508,9 @@ var IkasCustomerStore = /** @class */ (function () {
                     case 2:
                         _b.sent();
                         _b.label = 3;
-                    case 3: return [2 /*return*/, true];
+                    case 3:
+                        this.saveLocalLastViewedProducts();
+                        return [2 /*return*/, true];
                     case 4: return [2 /*return*/, false];
                 }
             });
@@ -17524,6 +17525,7 @@ var IkasCustomerStore = /** @class */ (function () {
                         if (response) {
                             this.setToken(response.token, response.tokenExpiry);
                             this.setCustomer(response.customer);
+                            this.saveLocalLastViewedProducts();
                             return [2 /*return*/, true];
                         }
                         return [2 /*return*/, false];
@@ -17768,6 +17770,7 @@ var IkasCustomerStore = /** @class */ (function () {
                     case 0:
                         this.loadToken();
                         this.loadCustomer();
+                        this.loadLastViewedProducts();
                         return [4 /*yield*/, this.refreshToken()];
                     case 1:
                         _a.sent();
@@ -17838,6 +17841,99 @@ var IkasCustomerStore = /** @class */ (function () {
         }
         catch (err) { }
     };
+    IkasCustomerStore.prototype.getLastViewedProducts = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!this.customer) return [3 /*break*/, 2];
+                        _a = this;
+                        return [4 /*yield*/, IkasCustomerAPI.getLastViewedProducts(this.customer.id)];
+                    case 1:
+                        _a._lastViewedProducts = _b.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        this.loadLastViewedProducts();
+                        _b.label = 3;
+                    case 3: return [2 /*return*/, this._lastViewedProducts];
+                }
+            });
+        });
+    };
+    IkasCustomerStore.prototype.saveLastViewedProducts = function () {
+        window.localStorage.setItem(LS_LAST_VIEWED_PRODUCTS_KEY, JSON.stringify(this._lastViewedProducts));
+    };
+    IkasCustomerStore.prototype.loadLastViewedProducts = function () {
+        try {
+            var lvpStr = window.localStorage.getItem(LS_LAST_VIEWED_PRODUCTS_KEY);
+            if (lvpStr)
+                this._lastViewedProducts = JSON.parse(lvpStr);
+        }
+        catch (err) { }
+    };
+    IkasCustomerStore.prototype.removeLastViewedProducts = function () {
+        window.localStorage.removeItem(LS_LAST_VIEWED_PRODUCTS_KEY);
+    };
+    IkasCustomerStore.prototype.onProductView = function (productId, variantId) {
+        return __awaiter(this, void 0, void 0, function () {
+            var isSuccess;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!this.customer) return [3 /*break*/, 2];
+                        return [4 /*yield*/, IkasCustomerAPI.saveLastViewedProducts({
+                                customerId: this.customer.id,
+                                products: [
+                                    {
+                                        productId: productId,
+                                        variantId: variantId,
+                                    },
+                                ],
+                            })];
+                    case 1:
+                        isSuccess = _a.sent();
+                        if (isSuccess)
+                            this._lastViewedProducts.push({ productId: productId, variantId: variantId });
+                        return [3 /*break*/, 3];
+                    case 2:
+                        this._lastViewedProducts.push({ productId: productId, variantId: variantId });
+                        this._lastViewedProducts = this._lastViewedProducts.slice(0, 20);
+                        this.saveLastViewedProducts();
+                        _a.label = 3;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasCustomerStore.prototype.saveLocalLastViewedProducts = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var isSuccess;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 3, , 4]);
+                        this.loadLastViewedProducts();
+                        if (!this._lastViewedProducts.length) return [3 /*break*/, 2];
+                        return [4 /*yield*/, IkasCustomerAPI.saveLastViewedProducts({
+                                customerId: this.customer.id,
+                                products: this._lastViewedProducts,
+                            })];
+                    case 1:
+                        isSuccess = _a.sent();
+                        if (isSuccess) {
+                            this.removeLastViewedProducts();
+                        }
+                        _a.label = 2;
+                    case 2: return [3 /*break*/, 4];
+                    case 3:
+                        _a.sent();
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
     IkasCustomerStore.prototype.setToken = function (token, tokenExpiry) {
         if (isServer$3)
             return;
@@ -20926,6 +21022,15 @@ var CustomerAccountStatusesEnum;
     CustomerAccountStatusesEnum["DISABLED_ACCOUNT"] = "DISABLED_ACCOUNT";
     CustomerAccountStatusesEnum["INVITED_TO_CREATE_ACCOUNT"] = "INVITED_TO_CREATE_ACCOUNT";
 })(CustomerAccountStatusesEnum || (CustomerAccountStatusesEnum = {}));
+/**
+ * Customer Email Subscription Statuses
+ */
+var CustomerEmailSubscriptionStatusesEnum;
+(function (CustomerEmailSubscriptionStatusesEnum) {
+    CustomerEmailSubscriptionStatusesEnum["NOT_SUBSCRIBED"] = "NOT_SUBSCRIBED";
+    CustomerEmailSubscriptionStatusesEnum["PENDING_CONFIRMATION"] = "PENDING_CONFIRMATION";
+    CustomerEmailSubscriptionStatusesEnum["SUBSCRIBED"] = "SUBSCRIBED";
+})(CustomerEmailSubscriptionStatusesEnum || (CustomerEmailSubscriptionStatusesEnum = {}));
 /**
  * Url Slug Target Type Enum Codes
  */
@@ -21211,24 +21316,23 @@ var IkasProductList = /** @class */ (function () {
             });
         }); };
         this.getInitial = function (queryParams, isInfiteScrollReturn) { return __awaiter(_this, void 0, void 0, function () {
-            var fetchRequestTime, page, limit, response_1, data, err_1;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var fetchRequestTime, page, limit, productIdList, lastViewedProducts, response_1, data, idList, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
                     case 0:
                         this._isLoading = true;
                         fetchRequestTime = Date.now();
                         this._fetchRequestTime = fetchRequestTime;
-                        _b.label = 1;
+                        _a.label = 1;
                     case 1:
-                        _b.trys.push([1, 5, 6, 7]);
+                        _a.trys.push([1, 12, 13, 14]);
                         page = isInfiteScrollReturn ? this._page : 1;
                         limit = this._limit;
                         if (!(this.isFilterable && !this.filters)) return [3 /*break*/, 3];
                         return [4 /*yield*/, this.getFilters()];
                     case 2:
-                        _b.sent();
-                        _b.label = 3;
+                        _a.sent();
+                        _a.label = 3;
                     case 3:
                         this.applyQueryParamFilters(queryParams);
                         if (this.isSearch && !this.hasAppliedfilter) {
@@ -21239,27 +21343,48 @@ var IkasProductList = /** @class */ (function () {
                             this._initialized = true;
                             return [2 /*return*/, true];
                         }
-                        if (this.isStatic) {
-                            page = undefined;
-                            limit = undefined;
-                        }
-                        else if (this.isDiscounted) {
-                            page = 1;
-                            limit = 10;
-                        }
-                        else if (this.isRecommended) {
-                            page = 1;
-                            limit = 10;
-                        }
-                        return [4 /*yield*/, this.searchProducts(page || 1, limit || 10)];
+                        productIdList = void 0;
+                        if (!this.isStatic) return [3 /*break*/, 4];
+                        page = undefined;
+                        limit = undefined;
+                        return [3 /*break*/, 10];
                     case 4:
-                        response_1 = _b.sent();
+                        if (!this.isDiscounted) return [3 /*break*/, 5];
+                        page = 1;
+                        limit = 10;
+                        return [3 /*break*/, 10];
+                    case 5:
+                        if (!this.isRecommended) return [3 /*break*/, 6];
+                        page = 1;
+                        limit = 10;
+                        return [3 /*break*/, 10];
+                    case 6:
+                        if (!this.isLastViewed) return [3 /*break*/, 10];
+                        if (!this.isBrowser()) return [3 /*break*/, 9];
+                        return [4 /*yield*/, this.waitForCustomerStoreInit()];
+                    case 7:
+                        _a.sent();
+                        return [4 /*yield*/, IkasStorefrontConfig.store.customerStore.getLastViewedProducts()];
+                    case 8:
+                        lastViewedProducts = _a.sent();
+                        if (lastViewedProducts && lastViewedProducts.length) {
+                            productIdList = lastViewedProducts.map(function (p) { return p.productId; });
+                        }
+                        return [3 /*break*/, 10];
+                    case 9: return [2 /*return*/];
+                    case 10: return [4 /*yield*/, this.searchProducts(page || 1, limit || 10, productIdList)];
+                    case 11:
+                        response_1 = _a.sent();
                         if (!response_1 || this._fetchRequestTime !== fetchRequestTime)
                             return [2 /*return*/];
                         data = [];
-                        if (this.isStatic) {
+                        if (this.isStatic || this.isLastViewed) {
+                            idList = this.isStatic
+                                ? this._productListPropValue.productIds
+                                : //@ts-ignore
+                                    IkasStorefrontConfig.store.customerStore._lastViewedProducts;
                             data =
-                                ((_a = this._productListPropValue.productIds) === null || _a === void 0 ? void 0 : _a.map(function (pID) {
+                                (idList === null || idList === void 0 ? void 0 : idList.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)
@@ -21277,16 +21402,18 @@ var IkasProductList = /** @class */ (function () {
                         this._initialized = true;
                         this._page = page || 1;
                         this._minPage = this.page;
+                        if (!isInfiteScrollReturn)
+                            this._infiniteScrollPage = null;
                         return [2 /*return*/, true];
-                    case 5:
-                        err_1 = _b.sent();
+                    case 12:
+                        err_1 = _a.sent();
                         console.log(err_1);
-                        return [3 /*break*/, 7];
-                    case 6:
+                        return [3 /*break*/, 14];
+                    case 13:
                         if (fetchRequestTime === this._fetchRequestTime)
                             this._isLoading = false;
                         return [7 /*endfinally*/];
-                    case 7: return [2 /*return*/];
+                    case 14: return [2 /*return*/];
                 }
             });
         }); };
@@ -21461,6 +21588,9 @@ var IkasProductList = /** @class */ (function () {
             else if (this._page > 1) {
                 this.getInitial(undefined, true);
             }
+            else if (this.isLastViewed) {
+                this.getInitial();
+            }
         }
     }
     Object.defineProperty(IkasProductList.prototype, "id", {
@@ -21585,6 +21715,13 @@ var IkasProductList = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasProductList.prototype, "isLastViewed", {
+        get: function () {
+            return this._type === exports.IkasProductListType.LAST_VIEWED;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IkasProductList.prototype, "isSearch", {
         get: function () {
             return this._type === exports.IkasProductListType.SEARCH;
@@ -21702,7 +21839,7 @@ var IkasProductList = /** @class */ (function () {
             type: type,
         };
     };
-    IkasProductList.prototype.searchProducts = function (page, limit) {
+    IkasProductList.prototype.searchProducts = function (page, limit, productIdList) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
             var filterList;
@@ -21730,7 +21867,7 @@ var IkasProductList = /** @class */ (function () {
                                 page: page,
                                 perPage: limit,
                                 productIdList: this.isStatic
-                                    ? (_b = this._productListPropValue.productIds) === null || _b === void 0 ? void 0 : _b.map(function (p) { return p.productId; }) : undefined,
+                                    ? (_b = this._productListPropValue.productIds) === null || _b === void 0 ? void 0 : _b.map(function (p) { return p.productId; }) : productIdList,
                                 filterList: filterList,
                                 brandId: this._pageType === exports.IkasThemePageType.BRAND &&
                                     this._type !== exports.IkasProductListType.SEARCH
@@ -21916,6 +22053,16 @@ var IkasProductList = /** @class */ (function () {
     IkasProductList.prototype.isBrowser = function () {
         return typeof window !== "undefined";
     };
+    IkasProductList.prototype.waitForCustomerStoreInit = function () {
+        return new Promise(function (resolve) {
+            var interval = setInterval(function () {
+                if (IkasStorefrontConfig.store.customerStore.initialized) {
+                    clearInterval(interval);
+                    resolve(null);
+                }
+            }, 1000);
+        });
+    };
     return IkasProductList;
 }());
 (function (IkasProductListType) {
@@ -21925,6 +22072,7 @@ var IkasProductList = /** @class */ (function () {
     IkasProductListType["RECOMMENDED"] = "RECOMMENDED";
     IkasProductListType["CATEGORY"] = "CATEGORY";
     IkasProductListType["SEARCH"] = "SEARCH";
+    IkasProductListType["LAST_VIEWED"] = "LAST_VIEWED";
 })(exports.IkasProductListType || (exports.IkasProductListType = {}));
 (function (IkasProductListSortType) {
     // A_Z = "A_Z",
@@ -27678,9 +27826,73 @@ var IkasCustomerAPI = /** @class */ (function () {
             });
         });
     };
+    IkasCustomerAPI.getLastViewedProducts = function (customerId) {
+        return __awaiter(this, void 0, void 0, function () {
+            var QUERY, _a, data, errors, error_2;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        QUERY = src(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      query getLastViewedProducts($customerId: String) {\n        getLastViewedProducts(customerId: $customerId) {\n          products {\n            productId\n            variantId\n          }\n        }\n      }\n    "], ["\n      query getLastViewedProducts($customerId: String) {\n        getLastViewedProducts(customerId: $customerId) {\n          products {\n            productId\n            variantId\n          }\n        }\n      }\n    "])));
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .query({
+                                query: QUERY,
+                                variables: {
+                                    customerId: customerId,
+                                },
+                            })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, errors = _a.errors;
+                        if (errors && errors.length)
+                            return [2 /*return*/, []];
+                        return [2 /*return*/, data.getLastViewedProducts.products];
+                    case 3:
+                        error_2 = _b.sent();
+                        console.log(error_2);
+                        return [2 /*return*/, []];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    IkasCustomerAPI.saveLastViewedProducts = function (input) {
+        return __awaiter(this, void 0, void 0, function () {
+            var MUTATION, errors, err_12;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        MUTATION = src(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      mutation saveLastViewedProducts($input: ProductLastViewedInput!) {\n        saveLastViewedProducts(input: $input) {\n          id\n        }\n      }\n    "], ["\n      mutation saveLastViewedProducts($input: ProductLastViewedInput!) {\n        saveLastViewedProducts(input: $input) {\n          id\n        }\n      }\n    "])));
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, apollo
+                                .getClient()
+                                .mutate({
+                                mutation: MUTATION,
+                                variables: {
+                                    input: input,
+                                },
+                            })];
+                    case 2:
+                        errors = (_a.sent()).errors;
+                        if (errors && errors.length)
+                            return [2 /*return*/, false];
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_12 = _a.sent();
+                        console.log(err_12);
+                        return [2 /*return*/, false];
+                    case 4: return [2 /*return*/, true];
+                }
+            });
+        });
+    };
     return IkasCustomerAPI;
 }());
-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, templateObject_12;
+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, templateObject_12, templateObject_13, templateObject_14;
 
 var IkasDistrictAPI = /** @class */ (function () {
     function IkasDistrictAPI() {
@@ -29995,7 +30207,7 @@ var style = {
     backgroundColor: "rgba(255, 0, 0, 0.5)",
 };
 
-var PACKAGE_VERSION = "0.0.139";
+var PACKAGE_VERSION = "0.0.158";
 var PageViewModel = /** @class */ (function () {
     function PageViewModel(router) {
         var _this = this;
@@ -30947,6 +31159,8 @@ function handleAnalytics(page, pageSpecificDataStr) {
                 var productDetailParsed = JSON.parse(pageSpecificDataStr);
                 var productDetail = new IkasProductDetail(productDetailParsed.product, productDetailParsed.selectedVariantValues);
                 Analytics.productView(productDetail);
+                // @ts-ignore
+                IkasStorefrontConfig.store.customerStore.onProductView(productDetail.product.id, productDetail.selectedVariant.id);
             }
             if (page.type === exports.IkasThemePageType.CATEGORY) {
                 var category = JSON.parse(pageSpecificDataStr);

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

@@ -41,6 +41,7 @@ export declare class IkasProductList {
     get isStatic(): boolean;
     get isDiscounted(): boolean;
     get isRecommended(): boolean;
+    get isLastViewed(): boolean;
     get isSearch(): boolean;
     get hasPrev(): boolean;
     get hasNext(): boolean;
@@ -83,6 +84,7 @@ export declare class IkasProductList {
     private restoreInfiniteScrollPage;
     private getQueryParams;
     private isBrowser;
+    private waitForCustomerStoreInit;
     private searchDebouncer;
     private analyticsDebouncer;
 }
@@ -110,7 +112,8 @@ export declare enum IkasProductListType {
     DISCOUNTED = "DISCOUNTED",
     RECOMMENDED = "RECOMMENDED",
     CATEGORY = "CATEGORY",
-    SEARCH = "SEARCH"
+    SEARCH = "SEARCH",
+    LAST_VIEWED = "LAST_VIEWED"
 }
 export declare enum IkasProductListSortType {
     INCREASING_PRICE = "INCREASING_PRICE",

package/build/store/customer.d.ts

@@ -1,11 +1,5 @@
 import { IkasCustomer, IkasFavoriteProduct, IkasOrderTransaction, IkasProduct } from "../models/index";
 import { IkasBaseStore } from "./base";
-declare type SaveContactForm = {
-    firstName: string;
-    lastName: string;
-    email: string;
-    message: string;
-};
 export declare class IkasCustomerStore {
     customer?: IkasCustomer | null;
     token?: string | null;
@@ -13,6 +7,7 @@ export declare class IkasCustomerStore {
     private baseStore?;
     private _initialized;
     private _visitorSubscribedEmail;
+    private _lastViewedProducts;
     constructor(baseStore?: IkasBaseStore);
     get initialized(): boolean;
     get canCreateEmailSubscription(): boolean;
@@ -42,8 +37,20 @@ export declare class IkasCustomerStore {
     private refreshToken;
     private setCustomer;
     private loadCustomer;
+    private getLastViewedProducts;
+    private saveLastViewedProducts;
+    private loadLastViewedProducts;
+    private removeLastViewedProducts;
+    private onProductView;
+    private saveLocalLastViewedProducts;
     private setToken;
     private loadToken;
     private clearLocalData;
 }
+declare type SaveContactForm = {
+    firstName: string;
+    lastName: string;
+    email: string;
+    message: string;
+};
 export {};

package/package.json

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