simpo-component-library 1.4.14 → 1.4.16

package/esm2022/lib/services/storage.service.mjs

@@ -0,0 +1,80 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class StorageServiceService {
+    constructor() {
+        this.databaseName = "USER";
+        this.databaseVersion = 1;
+        this.cartCollectionName = "USER_CART";
+        this.favouriteCollectionName = "USER_FAVOURITE";
+        this.userCollectionName = "USER";
+        this.cartCollectionRef = null;
+        this.favouriteCollectionRef = null;
+        this.userCollectionRef = null;
+        this.createDataBase();
+    }
+    async createDataBase() {
+        const request = window.indexedDB.open(this.databaseName, 1);
+        request.onerror = () => { };
+        request.onsuccess = async (event) => {
+            this.database = await event.target.result;
+        };
+        request.onupgradeneeded = (event) => {
+            this.database = event.target.result;
+            this.cartCollectionRef = this.database.createObjectStore(this.cartCollectionName, { keyPath: "itemId" });
+            this.favouriteCollectionRef = this.database.createObjectStore(this.favouriteCollectionName, { keyPath: "itemId" });
+            this.userCollectionRef = this.database.createObjectStore(this.userCollectionName, { keyPath: "userId" });
+        };
+    }
+    // CART SERVICE
+    async getUserCart() {
+        const request = await this.cartCollectionRef?.getAll();
+        return request;
+    }
+    addProductToCart(product) {
+        const transaction = this.database.transaction(this.cartCollectionName, "readwrite");
+        return transaction.objectStore(this.cartCollectionName).put(product);
+    }
+    removeProductFromCart(productId) {
+        const transaction = this.database.transaction(this.cartCollectionName, "readwrite");
+        return transaction.objectStore(this.cartCollectionName).delete(productId);
+    }
+    async getProductFromCart(productId) {
+        const transaction = this.database.transaction(this.cartCollectionName, "readwrite");
+        return await transaction.objectStore(this.cartCollectionName).get(productId);
+    }
+    // WISHLIST SERVICE
+    async getUserWhishlist() {
+        const request = await this.cartCollectionRef?.getAll();
+        return request;
+    }
+    addProductToWishlist(product) {
+        const transaction = this.database.transaction(this.favouriteCollectionName, "readwrite");
+        return transaction.objectStore(this.favouriteCollectionName).put(product);
+    }
+    removeProductFromWishlist(productId) {
+        const transaction = this.database.transaction(this.favouriteCollectionName, "readwrite");
+        return transaction.objectStore(this.favouriteCollectionName).delete(productId);
+    }
+    async getProductFromWishlist(productId) {
+        const transaction = this.database.transaction(this.favouriteCollectionName, "readwrite");
+        return await transaction.objectStore(this.favouriteCollectionName).get(productId);
+    }
+    // USER SERVICE
+    addUser(user) {
+        localStorage.setItem("user", JSON.stringify(user));
+        return user;
+    }
+    getUser() {
+        const user = localStorage.getItem("user") ?? "{}";
+        return JSON.parse(user);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: StorageServiceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: StorageServiceService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: StorageServiceService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RvcmFnZS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2ltcG8tdWkvc3JjL2xpYi9zZXJ2aWNlcy9zdG9yYWdlLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPM0MsTUFBTSxPQUFPLHFCQUFxQjtJQUVoQztRQUlBLGlCQUFZLEdBQVcsTUFBTSxDQUFDO1FBQzlCLG9CQUFlLEdBQVcsQ0FBQyxDQUFDO1FBQzVCLHVCQUFrQixHQUFXLFdBQVcsQ0FBQztRQUN6Qyw0QkFBdUIsR0FBVyxnQkFBZ0IsQ0FBQztRQUNuRCx1QkFBa0IsR0FBVyxNQUFNLENBQUM7UUFHcEMsc0JBQWlCLEdBQTBCLElBQUksQ0FBQztRQUNoRCwyQkFBc0IsR0FBMEIsSUFBSSxDQUFDO1FBQ3JELHNCQUFpQixHQUEwQixJQUFJLENBQUM7UUFaOUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFhRCxLQUFLLENBQUMsY0FBYztRQUNsQixNQUFNLE9BQU8sR0FBcUIsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUMsQ0FBQztRQUU5RSxPQUFPLENBQUMsT0FBTyxHQUFHLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUM1QixPQUFPLENBQUMsU0FBUyxHQUFHLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU8sS0FBSyxDQUFDLE1BQTJCLENBQUMsTUFBTSxDQUFDO1FBQ2xFLENBQUMsQ0FBQztRQUNGLE9BQU8sQ0FBQyxlQUFlLEdBQUcsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUVsQyxJQUFJLENBQUMsUUFBUSxHQUFJLEtBQUssQ0FBQyxNQUEyQixDQUFDLE1BQU0sQ0FBQztZQUMxRCxJQUFJ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QVcsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLHVCQUF1QixDQUFDLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3BGLENBQUM7SUFFRCxlQUFlO0lBQ2YsT0FBTyxDQUFDLElBQVU7UUFDaEIsWUFBWSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBQ25ELE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUNELE9BQU87UUFDTCxNQUFNLElBQUksR0FBRyxZQUFZLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLElBQUksQ0FBQztRQUNsRCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDMUIsQ0FBQzs4R0EvRVUscUJBQXFCO2tIQUFyQixxQkFBcUIsY0FGcEIsTUFBTTs7MkZBRVAscUJBQXFCO2tCQUhqQyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT3JkZXJlZEl0ZW1zIH0gZnJvbSAnQHNpbXBvLXVpL2Vjb21tZXJjZS9zdHlsZXMvT3JkZXJlZEl0ZW1zLm1vZGFsJztcclxuaW1wb3J0IHsgVXNlciB9IGZyb20gJ0BzaW1wby11aS9lY29tbWVyY2Uvc3R5bGVzL3VzZXIubW9kYWwnO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU3RvcmFnZVNlcnZpY2VTZXJ2aWNlIHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICB0aGlzLmNyZWF0ZURhdGFCYXNlKCk7XHJcbiAgfVxyXG5cclxuICBkYXRhYmFzZU5hbWU6IHN0cmluZyA9IFwiVVNFUlwiO1xyXG4gIGRhdGFiYXNlVmVyc2lvbjogbnVtYmVyID0gMTtcclxuICBjYXJ0Q29sbGVjdGlvbk5hbWU6IHN0cmluZyA9IFwiVVNFUl9DQVJUXCI7XHJcbiAgZmF2b3VyaXRlQ29sbGVjdGlvbk5hbWU6IHN0cmluZyA9IFwiVVNFUl9GQVZPVVJJVEVcIjtcclxuICB1c2VyQ29sbGVjdGlvbk5hbWU6IHN0cmluZyA9IFwiVVNFUlwiO1xyXG4gIGRhdGFiYXNlITogSURCRGF0YWJhc2U7XHJcblxyXG4gIGNhcnRDb2xsZWN0aW9uUmVmOiBJREJPYmplY3RTdG9yZSB8IG51bGwgPSBudWxsO1xyXG4gIGZhdm91cml0ZUNvbGxlY3Rpb25SZWY6IElEQk9iamVjdFN0b3JlIHwgbnVsbCA9IG51bGw7XHJcbiAgdXNlckNvbGxlY3Rpb25SZWY6IElEQk9iamVjdFN0b3JlIHwgbnVsbCA9IG51bGw7XHJcblxyXG4gIGFzeW5jIGNyZWF0ZURhdGFCYXNlKCkge1xyXG4gICAgY29uc3QgcmVxdWVzdDogSURCT3BlbkRCUmVxdWVzdCA9IHdpbmRvdy5pbmRleGVkREIub3Blbih0aGlzLmRhdGFiYXNlTmFtZSwgMSk7XHJcblxyXG4gICAgcmVxdWVzdC5vbmVycm9yID0gKCkgPT4geyB9O1xyXG4gICAgcmVxdWVzdC5vbnN1Y2Nlc3MgPSBhc3luYyAoZXZlbnQpID0+IHtcclxuICAgICAgdGhpcy5kYXRhYmFzZSA9IGF3YWl0IChldmVudC50YXJnZXQgYXMgSURCT3BlbkRCUmVxdWVzdCkucmVzdWx0O1xyXG4gICAgfTtcclxuICAgIHJlcXVlc3Qub251cGdyYWRlbmVlZGVkID0gKGV2ZW50KSA9PiB7XHJcblxyXG4gICAgICB0aGlzLmRhdGFiYXNlID0gKGV2ZW50LnRhcmdldCBhcyBJREJPcGVuREJSZXF1ZXN0KS5yZXN1bHQ7XHJcbiAgICAgIHRoaXMuY2FydENvbGxlY3Rpb25SZWYgPSB0aGlzLmRhdGFiYXNlLmNyZWF0ZU9iamVjdFN0b3JlKHRoaXMuY2FydENvbGxlY3Rpb25OYW1lLCB7IGtleVBhdGg6IFwiaXRlbUlkXCIgfSk7XHJcbiAgICAgIHRoaXMuZmF2b3VyaXRlQ29sbGVjdGlvblJlZiA9IHRoaXMuZGF0YWJhc2UuY3JlYXRlT2JqZWN0U3RvcmUodGhpcy5mYXZvdXJpdGVDb2xsZWN0aW9uTmFtZSwgeyBrZXlQYXRoOiBcIml0ZW1JZFwiIH0pO1xyXG4gICAgICB0aGlzLnVzZXJDb2xsZWN0aW9uUmVmID0gdGhpcy5kYXRhYmFzZS5jcmVhdGVPYmplY3RTdG9yZSh0aGlzLnVzZXJDb2xsZWN0aW9uTmFtZSwgeyBrZXlQYXRoOiBcInVzZXJJZFwiIH0pO1xyXG4gICAgfTtcclxuICB9XHJcblxyXG4gIC8vIENBUlQgU0VSVklDRVxyXG4gIGFzeW5jIGdldFVzZXJDYXJ0KCkge1xyXG4gICAgY29uc3QgcmVxdWVzdCA9IGF3YWl0IHRoaXMuY2FydENvbGxlY3Rpb25SZWY/LmdldEFsbCgpO1xyXG4gICAgcmV0dXJuIHJlcXVlc3Q7XHJcbiAgfVxyXG5cclxuICBhZGRQcm9kdWN0VG9DYXJ0KHByb2R1Y3Q6IE9yZGVyZWRJdGVtcykge1xyXG4gICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRhdGFiYXNlLnRyYW5zYWN0aW9uKHRoaXMuY2FydENvbGxlY3Rpb25OYW1lLCBcInJlYWR3cml0ZVwiKTtcclxuICAgIHJldHVybiB0cmFuc2FjdGlvbi5vYmplY3RTdG9yZSh0aGlzLmNhcnRDb2xsZWN0aW9uTmFtZSkucHV0KHByb2R1Y3QpO1xyXG4gIH1cclxuICByZW1vdmVQcm9kdWN0RnJvbUNhcnQocHJvZHVjdElkOiBzdHJpbmcpIHtcclxuICAgIGNvbnN0IHRyYW5zYWN0aW9uID0gdGhpcy5kYXRhYmFzZS50cmFuc2FjdGlvbih0aGlzLmNhcnRDb2xsZWN0aW9uTmFtZSwgXCJyZWFkd3JpdGVcIik7XHJcbiAgICByZXR1cm4gdHJhbnNhY3Rpb24ub2JqZWN0U3RvcmUodGhpcy5jYXJ0Q29sbGVjdGlvbk5hbWUpLmRlbGV0ZShwcm9kdWN0SWQpO1xyXG4gIH1cclxuICBhc3luYyBnZXRQcm9kdWN0RnJvbUNhcnQocHJvZHVjdElkOiBzdHJpbmcpIHtcclxuICAgIGNvbnN0IHRyYW5zYWN0aW9uID0gdGhpcy5kYXRhYmFzZS50cmFuc2FjdGlvbih0aGlzLmNhcnRDb2xsZWN0aW9uTmFtZSwgXCJyZWFkd3JpdGVcIik7XHJcbiAgICByZXR1cm4gYXdhaXQgdHJhbnNhY3Rpb24ub2JqZWN0U3RvcmUodGhpcy5jYXJ0Q29sbGVjdGlvbk5hbWUpLmdldChwcm9kdWN0SWQpO1xyXG4gIH1cclxuXHJcbiAgLy8gV0lTSExJU1QgU0VSVklDRVxyXG4gIGFzeW5jIGdldFVzZXJXaGlzaGxpc3QoKSB7XHJcbiAgICBjb25zdCByZXF1ZXN0ID0gYXdhaXQgdGhpcy5jYXJ0Q29sbGVjdGlvblJlZj8uZ2V0QWxsKCk7XHJcbiAgICByZXR1cm4gcmVxdWVzdDtcclxuICB9XHJcblxyXG4gIGFkZFByb2R1Y3RUb1dpc2hsaXN0KHByb2R1Y3Q6IE9yZGVyZWRJdGVtcykge1xyXG4gICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRhdGFiYXNlLnRyYW5zYWN0aW9uKHRoaXMuZmF2b3VyaXRlQ29sbGVjdGlvbk5hbWUsIFwicmVhZHdyaXRlXCIpO1xyXG4gICAgcmV0dXJuIHRyYW5zYWN0aW9uLm9iamVjdFN0b3JlKHRoaXMuZmF2b3VyaXRlQ29sbGVjdGlvbk5hbWUpLnB1dChwcm9kdWN0KTtcclxuICB9XHJcbiAgcmVtb3ZlUHJvZHVjdEZyb21XaXNobGlzdChwcm9kdWN0SWQ6IHN0cmluZykge1xyXG4gICAgY29uc3QgdHJhbnNhY3Rpb24gPSB0aGlzLmRhdGFiYXNlLnRyYW5zYWN0aW9uKHRoaXMuZmF2b3VyaXRlQ29sbGVjdGlvbk5hbWUsIFwicmVhZHdyaXRlXCIpO1xyXG4gICAgcmV0dXJuIHRyYW5zYWN0aW9uLm9iamVjdFN0b3JlKHRoaXMuZmF2b3VyaXRlQ29sbGVjdGlvbk5hbWUpLmRlbGV0ZShwcm9kdWN0SWQpO1xyXG4gIH1cclxuICBhc3luYyBnZXRQcm9kdWN0RnJvbVdpc2hsaXN0KHByb2R1Y3RJZDogc3RyaW5nKSB7XHJcbiAgICBjb25zdCB0cmFuc2FjdGlvbiA9IHRoaXMuZGF0YWJhc2UudHJhbnNhY3Rpb24odGhpcy5mYXZvdXJpdGVDb2xsZWN0aW9uTmFtZSwgXCJyZWFkd3JpdGVcIik7XHJcbiAgICByZXR1cm4gYXdhaXQgdHJhbnNhY3Rpb24ub2JqZWN0U3RvcmUodGhpcy5mYXZvdXJpdGVDb2xsZWN0aW9uTmFtZSkuZ2V0KHByb2R1Y3RJZCk7XHJcbiAgfVxyXG5cclxuICAvLyBVU0VSIFNFUlZJQ0VcclxuICBhZGRVc2VyKHVzZXI6IFVzZXIpOiBVc2VyIHtcclxuICAgIGxvY2FsU3RvcmFnZS5zZXRJdGVtKFwidXNlclwiLCBKU09OLnN0cmluZ2lmeSh1c2VyKSk7XHJcbiAgICByZXR1cm4gdXNlcjtcclxuICB9XHJcbiAgZ2V0VXNlcigpOiBVc2VyIHtcclxuICAgIGNvbnN0IHVzZXIgPSBsb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInVzZXJcIikgPz8gXCJ7fVwiO1xyXG4gICAgcmV0dXJuIEpTT04ucGFyc2UodXNlcik7XHJcbiAgfVxyXG5cclxuXHJcbiAgLy8gY2xlYXJBbGxJdGVtc0Zyb21DYXJ0KCkge1xyXG4gIC8vICAgcmV0dXJuIG5ldyBQcm9taXNlKGFzeW5jIChyZXNvbHZlLCByZWplY3QpID0+IHtcclxuICAvLyAgICAgaWYgKHRoaXMuZGF0YWJhc2UgIT0gdW5kZWZpbmVkKSB7XHJcbiAgLy8gICAgICAgY29uc3QgcmVxdWVzdCA9IGF3YWl0IHRoaXMuZGF0YWJhc2VcclxuICAvLyAgICAgICAgIC50cmFuc2FjdGlvbih0aGlzLm9iamVjdFN0b3JhZ2VOYW1lLCAncmVhZHdyaXRlJylcclxuICAvLyAgICAgICAgIC5vYmplY3RTdG9yZSh0aGlzLm9iamVjdFN0b3JhZ2VOYW1lKVxyXG4gIC8vICAgICAgICAgLmNsZWFyKCk7XHJcblxyXG4gIC8vICAgICAgIHJlcXVlc3Qub25zdWNjZXNzID0gYXdhaXQgZnVuY3Rpb24gKGV2ZW50OiBhbnkpIHtcclxuXHJcbiAgLy8gICAgICAgICBpZiAoZXZlbnQudGFyZ2V0LnJlc3VsdCkge1xyXG4gIC8vICAgICAgICAgICByZXNvbHZlKGV2ZW50LnJlc3VsdCk7XHJcbiAgLy8gICAgICAgICB9IGVsc2Uge1xyXG4gIC8vICAgICAgICAgICByZXNvbHZlKCdTVUNDRVNTJyk7XHJcbiAgLy8gICAgICAgICB9XHJcbiAgLy8gICAgICAgfTtcclxuICAvLyAgICAgICByZXF1ZXN0Lm9uZXJyb3IgPSBhd2FpdCBmdW5jdGlvbiAoX2V2ZW50KSB7XHJcbiAgLy8gICAgICAgICByZWplY3QoXCJObyBkYXRhXCIpO1xyXG4gIC8vICAgICAgIH1cclxuICAvLyAgICAgfVxyXG4gIC8vICAgfSk7XHJcbiAgLy8gfVxyXG59XHJcbiJdfQ==

package/fesm2022/simpo-component-library.mjs

@@ -14,10 +14,12 @@ import * as i1 from '@angular/platform-browser';
 import { map } from 'rxjs';
 import * as i1$1 from '@angular/common/http';
 import * as i2$2 from '@angular/router';
+import * as i4 from '@simpo-ui/services/storage.service';
 import * as i2$3 from '@angular/material/snack-bar';
 import * as i2$4 from 'ngx-skeleton-loader';
 import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
 import * as mapboxgl from 'mapbox-gl';
+import { v1 } from 'uuid';
 import * as i8 from 'ngx-image-zoom';
 import { NgxImageZoomModule } from 'ngx-image-zoom';
 import * as i8$1 from '@angular/material/slider';
@@ -2985,18 +2987,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
             }] } });
 
 var orderedItems$1 = [
-	{
-		itemId: "1ef50089-2cf0-6bdf-8ea9-b51e0a912f33",
-		businessId: "21",
-		itemName: "Anime T-Shirt",
-		brandName: "Excee",
-		imgUrl: "https://dev-beeos.s3.amazonaws.com/library-media/291611c1707983189501product-details-2.jpg.jpg",
-		price: 120,
-		itemTax: 10,
-		quantity: 2,
-		discountedPrice: 20,
-		taxAfterDiscount: 10
-	}
 ];
 var cartType$1 = "CART";
 var billdetails$1 = {
@@ -3234,11 +3224,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
         }], ctorParameters: () => [{ type: RestService }, { type: i2$2.Router }, { type: i3.MatDialogRef }] });
 
 class AuthenticateUserComponent {
-    constructor(matData, restService, router, matDialog, dialogRef) {
+    constructor(matData, restService, router, matDialog, storageService, dialogRef) {
         this.matData = matData;
         this.restService = restService;
         this.router = router;
         this.matDialog = matDialog;
+        this.storageService = storageService;
         this.dialogRef = dialogRef;
         // @Input() index? : number;
         // @Input() edit? : boolean;
@@ -3274,14 +3265,16 @@ class AuthenticateUserComponent {
     verifyOTP() {
         this.restService.verifyOTP(this.mobile ?? "", this.otpString).subscribe((response) => {
             // localStorage.setItem("userId", response.userId);
-            UserInfo.user = response.data;
-            if (UserInfo.user?.contact?.name?.length > 0) {
+            const userDetails = this.storageService.addUser(response.data);
+            if (userDetails.contact?.name?.length > 0) {
                 if (this.dialogRef)
                     this.dialogRef.close();
                 else
                     this.router.navigate(['/']);
             }
             else {
+                if (this.dialogRef)
+                    this.dialogRef.close();
                 this.matDialog.open(UserBasicInfoComponent, {
                     height: '50vh',
                     width: '40vw',
@@ -3298,7 +3291,7 @@ class AuthenticateUserComponent {
     get isMobile() {
         return window.innerWidth <= 475;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: AuthenticateUserComponent, deps: [{ token: MAT_DIALOG_DATA, optional: true }, { token: RestService }, { token: i2$2.Router }, { token: i3.MatDialog }, { token: i3.MatDialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: AuthenticateUserComponent, deps: [{ token: MAT_DIALOG_DATA, optional: true }, { token: RestService }, { token: i2$2.Router }, { token: i3.MatDialog }, { token: i4.StorageServiceService }, { token: i3.MatDialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: AuthenticateUserComponent, isStandalone: true, selector: "simpo-authenticate-user", inputs: { data: "data", responseData: "responseData" }, ngImport: i0, template: "<div [style.height.vh]=\"isMobile ? '90' : ''\">\r\n    <ng-container [ngSwitch]=\"screen\">\r\n        <section style=\"padding: 15px;\"\r\n            class=\"d-flex flex-column align-item-center justify-content-center position-relative h-100\"\r\n            *ngSwitchCase=\"'LOGIN'\"[ngClass]=\"{'fullSection': isMobile}\">\r\n            <h5 class=\"text-center onlyDesktop\">Excee Fashion</h5>\r\n            <h2 class=\"text-center\">Welcome</h2>\r\n            <p class=\"text-center\">Log or Signup in to your account</p>\r\n            <input type=\"number\" placeholder=\"Mobile Number\" [(ngModel)]=\"mobile\">\r\n            <p class=\"text-center\">You will receive an SMS verification</p>\r\n\r\n            <div class=\"action-btn d-flex flex-column align-item-center justify-content-center\">\r\n                <button class=\"btn\" simpoButtonDirective [buttonStyle]=\"data?.action?.buttons[0]?.styles\"\r\n                    [color]=\"styles?.background?.accentColor\" (click)=\"generateOTP()\">Continue</button>\r\n                <div class=\"alternate-opt text-center\" [style.color]=\"data?.styles.background?.accentColor\">Use email\r\n                    instead</div>\r\n            </div>\r\n            <div class=\"close-btn onlyDesktop\" (click)=\"close()\">\r\n                <mat-icon>close</mat-icon>\r\n            </div>\r\n        </section>\r\n        <section *ngSwitchCase=\"'OTP'\" style=\"padding: 15px;\"\r\n            class=\"d-flex flex-column align-item-center justify-content-center position-relative h-100\" [ngClass]=\"{'fullSection': isMobile}\">\r\n            <h5 class=\"text-center onlyDesktop\">Excee Fashion</h5>\r\n            <h2 class=\"text-center\">Verify OTP</h2>\r\n            <p class=\"text-center\">Enter the 6-digit that we have sent via the phone number +{{ countryCode }}{{ mobile\r\n                }}</p>\r\n            <div class=\"otpContainer\">\r\n                <ng-container *ngFor=\"let _ of [].constructor(6); let idx = index\">\r\n                    <input type=\"number\" class=\"otp\" max=\"1\" [id]=\"'otp_'+idx\" (keyup)=\"move($event, idx)\">\r\n                </ng-container>\r\n            </div>\r\n\r\n            <div class=\"action-btn d-flex flex-column align-item-center justify-content-center\">\r\n                <button class=\"btn\" simpoButtonDirective [buttonStyle]=\"data?.action?.buttons[0]?.styles\"\r\n                    [color]=\"styles?.background?.accentColor\" (click)=\"verifyOTP()\">Continue</button>\r\n                <div class=\"alternate-opt text-center\" [style.color]=\"data?.styles.background?.accentColor\"\r\n                    (click)=\"resendOTP()\">Resend code</div>\r\n            </div>\r\n\r\n            <div class=\"close-btn onlyDesktop\" (click)=\"close()\">\r\n                <mat-icon>close</mat-icon>\r\n            </div>\r\n            <div class=\"back-btn\" (click)=\"goBack()\">\r\n                <mat-icon>keyboard_backspace</mat-icon>\r\n            </div>\r\n        </section>\r\n    </ng-container>\r\n</div>", styles: ["input,button{width:80%!important;margin:10px auto}input{padding:10px}.alternate-opt:hover{text-decoration:underline;cursor:pointer}.close-btn{position:absolute;top:10px;right:10px;cursor:pointer}.otpContainer{display:flex;gap:4px;margin:auto}.otpContainer .otp{border-radius:50%;padding:5px;height:50px;width:50px!important;margin:5px!important;text-align:center}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.back-btn{position:absolute;top:10px;left:10px;cursor:pointer}@media screen and (max-width: 475px){.onlyDesktop{display:none}.text-center{text-align:left!important}button,input{width:100%!important}.fullSection{justify-content:start!important}.action-btn{position:absolute;bottom:50px;width:95%}.action-btn .text-center{text-align:center!important}.otpContainer{margin-top:20px;position:relative;right:10px}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: ButtonDirectiveDirective, selector: "[simpoButtonDirective]", inputs: ["buttonStyle", "color", "scrollValue"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: AuthenticateUserComponent, decorators: [{
@@ -3314,7 +3307,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
                 }, {
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }, { type: RestService }, { type: i2$2.Router }, { type: i3.MatDialog }, { type: i3.MatDialogRef, decorators: [{
+                }] }, { type: RestService }, { type: i2$2.Router }, { type: i3.MatDialog }, { type: i4.StorageServiceService }, { type: i3.MatDialogRef, decorators: [{
                     type: Optional
                 }] }], propDecorators: { data: [{
                 type: Input
@@ -4678,7 +4671,7 @@ var UserFavourite = {
 
 class OrderedItems {
     constructor(json) {
-        this.itemId = json?.["itemId"];
+        this.itemId = json?.["itemId"] ?? v1();
         this.businessId = json?.["businessId"];
         this.itemName = json?.["name"];
         this.brandName = json?.["brandName"];
@@ -4689,83 +4682,164 @@ class OrderedItems {
         this.discountedPrice = json?.["price"]?.["discountedPrice"];
         this.taxAfterDiscount = json?.["taxAfterDiscount"];
     }
-    set setQuantity(quantity) {
-        this.quantity = quantity;
+}
+
+class StorageServiceService {
+    constructor() {
+        this.databaseName = "USER";
+        this.databaseVersion = 1;
+        this.cartCollectionName = "USER_CART";
+        this.favouriteCollectionName = "USER_FAVOURITE";
+        this.userCollectionName = "USER";
+        this.cartCollectionRef = null;
+        this.favouriteCollectionRef = null;
+        this.userCollectionRef = null;
+        this.createDataBase();
+    }
+    async createDataBase() {
+        const request = window.indexedDB.open(this.databaseName, 1);
+        request.onerror = () => { };
+        request.onsuccess = async (event) => {
+            this.database = await event.target.result;
+        };
+        request.onupgradeneeded = (event) => {
+            this.database = event.target.result;
+            this.cartCollectionRef = this.database.createObjectStore(this.cartCollectionName, { keyPath: "itemId" });
+            this.favouriteCollectionRef = this.database.createObjectStore(this.favouriteCollectionName, { keyPath: "itemId" });
+            this.userCollectionRef = this.database.createObjectStore(this.userCollectionName, { keyPath: "userId" });
+        };
+    }
+    // CART SERVICE
+    async getUserCart() {
+        const request = await this.cartCollectionRef?.getAll();
+        return request;
+    }
+    addProductToCart(product) {
+        const transaction = this.database.transaction(this.cartCollectionName, "readwrite");
+        return transaction.objectStore(this.cartCollectionName).put(product);
+    }
+    removeProductFromCart(productId) {
+        const transaction = this.database.transaction(this.cartCollectionName, "readwrite");
+        return transaction.objectStore(this.cartCollectionName).delete(productId);
+    }
+    async getProductFromCart(productId) {
+        const transaction = this.database.transaction(this.cartCollectionName, "readwrite");
+        return await transaction.objectStore(this.cartCollectionName).get(productId);
+    }
+    // WISHLIST SERVICE
+    async getUserWhishlist() {
+        const request = await this.cartCollectionRef?.getAll();
+        return request;
     }
-    get getQuantity() { return this.quantity; }
-    get getItemId() { return this.itemId; }
-    get getPrice() { return this.price; }
+    addProductToWishlist(product) {
+        const transaction = this.database.transaction(this.favouriteCollectionName, "readwrite");
+        return transaction.objectStore(this.favouriteCollectionName).put(product);
+    }
+    removeProductFromWishlist(productId) {
+        const transaction = this.database.transaction(this.favouriteCollectionName, "readwrite");
+        return transaction.objectStore(this.favouriteCollectionName).delete(productId);
+    }
+    async getProductFromWishlist(productId) {
+        const transaction = this.database.transaction(this.favouriteCollectionName, "readwrite");
+        return await transaction.objectStore(this.favouriteCollectionName).get(productId);
+    }
+    // USER SERVICE
+    addUser(user) {
+        localStorage.setItem("user", JSON.stringify(user));
+        return user;
+    }
+    getUser() {
+        const user = localStorage.getItem("user") ?? "{}";
+        return JSON.parse(user);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: StorageServiceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: StorageServiceService, providedIn: 'root' }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: StorageServiceService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
 
 class CartService {
-    constructor(restService) {
+    constructor(restService, storageService) {
         this.restService = restService;
+        this.storageService = storageService;
     }
     addItemToCart(product) {
-        this.storeItemToJSON(UserCart, product, "CART");
+        const orderedItem = this.objectMapper(product);
+        let productIdx = -1;
+        UserCart.orderedItems.forEach((item, idx) => productIdx = (item.itemId == product.itemId) ? idx : -1);
+        if (productIdx >= 0) {
+            UserCart.orderedItems[productIdx].quantity = product.quantity;
+        }
+        else {
+            UserCart.orderedItems.push(product);
+        }
+        console.log(UserCart);
+        this.storageService.addProductToCart(orderedItem);
     }
     addItemToFavourite(product) {
-        this.storeItemToJSON(UserFavourite, product, "WISHLIST");
-    }
-    removeItemToFavourite(product) {
-        const index = this.getItemIdxJSON(product.itemId, UserFavourite);
-        console.log("index: ", index);
-        if (index >= 0)
-            UserFavourite.orderedItems.splice(index, 1);
-        console.log(UserFavourite);
+        const orderedItem = this.objectMapper(product);
+        let productIdx = -1;
+        UserFavourite.orderedItems.forEach((item, idx) => productIdx = (item.itemId == product.itemId) ? idx : -1);
+        if (productIdx >= 0) {
+            UserFavourite.orderedItems[productIdx].quantity = product.quantity;
+        }
+        else {
+            UserFavourite.orderedItems.push(product);
+        }
+        this.storageService.addProductToWishlist(orderedItem);
     }
-    convertFavToCart(product) {
-        const index = this.getItemIdxJSON(product.getItemId, UserFavourite);
+    removeItemFromFavourite(product) {
+        const index = this.getItemIdxJSON(product.itemId, 'FAVOURITE');
         if (index >= 0) {
             const item = UserFavourite.orderedItems.splice(index, 1)[0];
             UserCart.orderedItems.push(item);
+            this.storageService.removeProductFromWishlist(product.itemId);
         }
     }
-    convertCartToFav(product) {
-        const index = this.getItemIdxJSON(product.getItemId, UserCart);
+    removeItemFromCart(product) {
+        const index = this.getItemIdxJSON(product.itemId, 'CART');
         if (index >= 0) {
             const item = UserCart.orderedItems.splice(index, 1)[0];
-            UserFavourite.orderedItems.push(item);
+            UserCart.orderedItems.push(item);
+            this.storageService.removeProductFromCart(product.itemId);
         }
     }
-    storeItemToJSON(json, product, type) {
-        const orderProduct = this.objectMapper(product);
-        let productIndex = -1;
-        json.orderedItems.forEach((p, idx) => {
-            if (p.itemId == product.itemId)
-                productIndex = idx;
-        });
-        if (productIndex == -1)
-            json.orderedItems.push(orderProduct);
-        else {
-            if (product.quantity > 0) {
-                json.orderedItems[productIndex].quantity = orderProduct.getQuantity;
+    // public convertFavToCart(product: OrderedItems) {
+    //   const index = this.getItemIdxJSON(product.getItemId, UserFavourites);
+    //   if (index >= 0) {
+    //     const item = UserFavourites.orderedItems.splice(index, 1)[0];
+    //     UserCart.orderedItems.push(item as never);
+    //   }
+    // }
+    // public convertCartToFav(product: OrderedItems) {
+    //   const index = this.getItemIdxJSON(product.getItemId, UserCart);
+    //   if (index >= 0) {
+    //     const item = UserCart.orderedItems.splice(index, 1)[0];
+    //     UserFavourites.orderedItems.push(item as never);
+    //   }
+    // }
+    storeItemToDB(product, type) {
+        if (type == "CART") {
+            const orderProduct = this.objectMapper(this.storageService.getProductFromCart(product.itemId));
+            if (orderProduct) {
+                this.storageService.addProductToCart(orderProduct);
+                UserCart.orderedItems.push(orderProduct);
             }
-            else {
-                json.orderedItems.splice(productIndex, 1);
+        }
+        else {
+            const orderProduct = this.objectMapper(this.storageService.getProductFromWishlist(product.itemId));
+            if (orderProduct) {
+                this.storageService.addProductToWishlist(orderProduct);
+                UserFavourite.orderedItems.push(orderProduct);
             }
-            json.billdetails.totalNetValue = 0;
-            json.billdetails.totalTax = 0;
-            json.orderedItems.forEach((item) => json.billdetails.totalNetValue += (item.price * item.quantity));
-            json.orderedItems.forEach((item) => json.billdetails.totalTax += (item.itemTax));
-            json.totalAmount = json.billdetails.totalTax + json.billdetails.totalNetValue;
         }
     }
-    getItemQuantity(itemId) {
-        let productIndex = -1;
-        UserCart.orderedItems.forEach((p, idx) => {
-            if (p.itemId == itemId)
-                productIndex = idx;
-        });
-        if (productIndex == -1)
-            return 0;
-        else
-            return UserCart.orderedItems[productIndex].getQuantity;
-    }
-    getIsItemPresent(itemId, type) {
-        return type == "FAVOURITE" ? this.getItemIdxJSON(itemId, UserFavourite) >= 0 : this.getItemIdxJSON(itemId, UserCart) >= 0;
-    }
-    getItemIdxJSON(itemId, json) {
+    getItemIdxJSON(itemId, type) {
+        const json = type == "FAVOURITE" ? UserFavourite : UserCart;
         let productIndex = -1;
         json.orderedItems.forEach((p, idx) => {
             if (p.itemId == itemId)
@@ -4773,29 +4847,37 @@ class CartService {
         });
         return productIndex;
     }
+    getItemByIdx(itemId, type) {
+        const productIdx = this.getItemIdxJSON(itemId, type);
+        const json = (type == "FAVOURITE") ? UserFavourite : UserCart;
+        if (productIdx >= 0)
+            return json.orderedItems[productIdx];
+        return null;
+    }
     objectMapper(product) {
+        debugger;
         return new OrderedItems(product);
     }
-    storeJSONToDB() {
-        this.restService.addItemToDB(UserCart).subscribe((response) => { });
-        this.restService.addItemToDB(UserFavourite).subscribe((response) => { });
+    storeDataToServer() {
+        // this.restService.addItemToDB(UserCart).subscribe((response)=> {});
+        // this.restService.addItemToDB(UserFavourites).subscribe((response)=> {});
     }
     storeDBToJSON() {
-        const userId = UserInfo.user?.userId;
-        if (!userId)
-            return;
-        this.restService.getUserItems(userId, "CART").subscribe((response) => {
-            UserCart.orderedItems = response.data.orderedItems;
-            UserCart.billdetails = response.data.billdetails;
-            UserCart.totalAmount = response.totalAmount;
-        });
-        this.restService.getUserItems(userId, "WISHLIST").subscribe((response) => {
-            UserFavourite.orderedItems = response.data.orderedItems;
-            UserFavourite.billdetails = response.data.billdetails;
-            UserFavourite.totalAmount = response.totalAmount;
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartService, deps: [{ token: RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+        // const userId = UserDetails.user?.userId;
+        // if (!userId)
+        //   return;
+        // this.restService.getUserItems(userId, "CART").subscribe((response: any)=> {
+        //   UserCart.orderedItems = response.data.orderedItems;
+        //   UserCart.billdetails = response.data.billdetails;
+        //   UserCart.totalAmount = response.totalAmount;
+        // })
+        // this.restService.getUserItems(userId, "WISHLIST").subscribe((response: any)=> {
+        //   UserFavourites.orderedItems = response.data.orderedItems;
+        //   UserFavourites.billdetails = response.data.billdetails;
+        //   UserFavourites.totalAmount = response.totalAmount;
+        // })
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartService, deps: [{ token: RestService }, { token: StorageServiceService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartService, decorators: [{
@@ -4803,7 +4885,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: RestService }] });
+        }], ctorParameters: () => [{ type: RestService }, { type: StorageServiceService }] });
 
 class FeaturedProductsComponent extends BaseSection {
     constructor(platformId, _eventService, restService, router, cartService) {
@@ -4864,14 +4946,14 @@ class FeaturedProductsComponent extends BaseSection {
         if (type == 'ADD')
             this.cartService.addItemToFavourite(product);
         else
-            this.cartService.removeItemToFavourite(product);
+            this.cartService.removeItemFromFavourite(product);
     }
     proceedToProductDesc(productId) {
         this.router.navigate([`details`], { queryParams: { id: productId } });
         // this._eventService.redirectToPage.emit({redirectTo: '/details', data: {productId: productId}})
     }
     isItemFav(product) {
-        return this.cartService.getIsItemPresent(product.itemId, 'FAVOURITE');
+        return this.cartService.getItemIdxJSON(product.itemId, 'FAVOURITE');
     }
     togglePreviewImage(product, idx) {
         const element = document.getElementById('preview_' + idx);
@@ -5018,7 +5100,13 @@ class ProductDescComponent extends BaseSection {
                 this.restService.getProductDetails(productId).subscribe((response) => {
                     this.responseData = response[0];
                     if (this.responseData) {
-                        this.responseData.quantity = this.cartService.getItemQuantity(this.responseData?.itemId);
+                        const cartItem = this.cartService.getItemByIdx(this.responseData?.itemId, "CART");
+                        const favItem = this.cartService.getItemByIdx(this.responseData?.itemId, "FAVOURITE");
+                        response.quantity = 0;
+                        if (cartItem)
+                            response.quantity = cartItem.quantity;
+                        if (favItem)
+                            response.quantity = favItem.quantity;
                         this.currentImg = this.responseData?.itemImages[0].imgUrl;
                         this.getProductByCategory();
                     }
@@ -5054,10 +5142,10 @@ class ProductDescComponent extends BaseSection {
         this.cartService.addItemToFavourite(this.responseData);
     }
     removeToFavourite() {
-        this.cartService.removeItemToFavourite(this.responseData);
+        this.cartService.removeItemFromFavourite(this.responseData);
     }
     get isItemAsFavorite() {
-        return this.cartService.getIsItemPresent(this.responseData?.itemId, "FAVOURITE");
+        return false;
     }
     get getFeatureProductData() {
         return this.data;
@@ -5426,13 +5514,14 @@ class AddressComponent {
     updateAddress() {
         const userId = UserInfo.user.userId;
         const payload = {
-            "userId": "dc915bd4-fa6f-446e-bce2-440b6804af22",
+            "userId": userId,
             "addressDetailsList": [...(UserInfo.user?.addressDetailsList ?? []), this.address],
             "contact": UserInfo.user?.contact ?? {},
             "gender": UserInfo.user?.gender?.length > 0 ? UserInfo.user?.gender : null
         };
         this.restService.addUserAddress(payload).subscribe((response) => {
             this.addNewAddress = false;
+            UserInfo.user.addressDetailsList.push(this.address);
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: AddressComponent, deps: [{ token: i0.NgZone }, { token: RestService }], target: i0.ɵɵFactoryTarget.Component }); }
@@ -5465,7 +5554,7 @@ class CartComponent extends BaseSection {
         this.currentTab = "BAG";
     }
     ngOnInit() {
-        this.cartService.storeDBToJSON();
+        // this.cartService.storeDBToJSON();
         this.responseData = UserCart;
         console.log("a: ", UserCart, this.responseData);
         this.styles = this.data?.styles;
@@ -5611,10 +5700,10 @@ class WhislistComponent {
         this.styles = this.data?.styles;
     }
     moveToCart(item) {
-        this.cartService.convertFavToCart(item);
+        // this.cartService.convertFavToCart(item);
     }
     deleteFromWhislist(item) {
-        this.cartService.removeItemToFavourite(item);
+        // this.cartService.removeItemToFavourite(item);
     }
     addToFav(item, type) {
         if (type == 'ADD')
@@ -5773,6 +5862,7 @@ class Cart {
         this.platform = json?.["platform"];
         this.locationDetails = json?.["locationDetails"];
         this.userDetails = json?.["userDetails"];
+        this.totalAmount = 0;
     }
 }