simpo-component-library 2.0.18 → 2.0.19

package/fesm2022/simpo-component-library.mjs

@@ -3603,11 +3603,12 @@ var cartType;
 })(cartType || (cartType = {}));
 
 class StorageServiceService {
-    constructor(eventService, cookieService, restService, router) {
+    constructor(eventService, cookieService, restService, router, messageService) {
         this.eventService = eventService;
         this.cookieService = cookieService;
         this.restService = restService;
         this.router = router;
+        this.messageService = messageService;
         this.totalCartItems = 0;
         this.databaseName = "USER";
         this.databaseVersion = 1;
@@ -3878,7 +3879,7 @@ class StorageServiceService {
     storePaymentFor(paymentFor) {
         this.cookieService.set("paymentFor", paymentFor, 7);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: StorageServiceService, deps: [{ token: EventsService }, { token: i2$2.CookieService }, { token: RestService }, { token: i2$3.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: StorageServiceService, deps: [{ token: EventsService }, { token: i2$2.CookieService }, { token: RestService }, { token: i2$3.Router }, { token: i5$1.MessageService }], 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: [{
@@ -3886,7 +3887,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: EventsService }, { type: i2$2.CookieService }, { type: RestService }, { type: i2$3.Router }] });
+        }], ctorParameters: () => [{ type: EventsService }, { type: i2$2.CookieService }, { type: RestService }, { type: i2$3.Router }, { type: i5$1.MessageService }] });
 
 class UserBasicInfoComponent {
     constructor(restService, router, dialogRef, storageService, messageService) {
@@ -4588,9 +4589,10 @@ class OrderedItems {
 }
 
 class CartService {
-    constructor(storageService, restService) {
+    constructor(storageService, restService, messageService) {
         this.storageService = storageService;
         this.restService = restService;
+        this.messageService = messageService;
     }
     addItemFromCartPage(product, userCart) {
         if (product.quantity) {
@@ -4666,6 +4668,65 @@ class CartService {
     clearCartItems() {
         this.storageService.clearUserCart();
     }
+    addItemToLocalCart(product, type) {
+        if (this.isItemOutOfStock(product)) {
+            this.messageService.add({ severity: 'warn', summary: 'Cart', detail: 'Item is not available as of now. We will notify you once available' });
+            return;
+        }
+        if (!product?.quantity)
+            product.quantity = 0;
+        if (type == 'ADD') {
+            product.quantity += 1;
+        }
+        else {
+            product.quantity -= 1;
+        }
+        this.storageService.getUserCart().then((cartResponse) => {
+            cartResponse.onsuccess = (cartData) => {
+                const userCart = cartData.target.result ?? [];
+                let orderedItem = new OrderedItems();
+                if (product?.itemVariant?.length) {
+                    const itemVarient = this.getItemVarient(product, product.varientId);
+                    if (itemVarient) {
+                        itemVarient.quantity = product.quantity;
+                        orderedItem = this.objectMapper(product, itemVarient.variantId);
+                    }
+                }
+                else {
+                    orderedItem = this.objectMapper(product);
+                }
+                let productFound = false;
+                for (let localProduct of userCart) {
+                    if (localProduct.varientId === product.varientId) {
+                        localProduct.quantity = type === 'ADD' ? localProduct.quantity + 1 : localProduct.quantity - 1;
+                        if (localProduct.quantity == 0) {
+                            this.removeItemFromCart(localProduct);
+                        }
+                        else {
+                            this.storageService.addProductToCart(localProduct);
+                        }
+                        productFound = true;
+                        break;
+                    }
+                }
+                if (!productFound) {
+                    orderedItem.quantity = type === 'ADD' ? 1 : -1;
+                    this.storageService.addProductToCart(orderedItem);
+                }
+            };
+        });
+    }
+    isItemOutOfStock(product) {
+        return product.itemInventory?.openingStock == 0;
+    }
+    getItemVarient(product, varientId) {
+        let selectedVarient = null;
+        product?.itemVariant?.forEach((varient) => {
+            if (varient.variantId == varientId)
+                selectedVarient = varient;
+        });
+        return selectedVarient;
+    }
     storeDataToServer() {
         // const userCart = UserCart as never as Cart;
         // const userWishlist = UserFavourites as never as Cart;
@@ -4678,7 +4739,7 @@ class CartService {
         //   this.restService.addItemToDB(UserFavourites)
         // ]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartService, deps: [{ token: StorageServiceService }, { token: RestService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: CartService, deps: [{ token: StorageServiceService }, { token: RestService }, { token: i5$1.MessageService }], 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: [{
@@ -4686,7 +4747,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: StorageServiceService }, { type: RestService }] });
+        }], ctorParameters: () => [{ type: StorageServiceService }, { type: RestService }, { type: i5$1.MessageService }] });
 
 class CartComponent extends BaseSection {
     constructor(_eventService, cartService, router, restService, matDialog, storageService, messageService, bottomSheet, matDialogData, dialogRef) {
@@ -4839,7 +4900,7 @@ class CartComponent extends BaseSection {
         });
     }
     updateUserCartV2() {
-        this.storageService.getUserCart().then((products) => {
+        this.storageService.getCartProduct().then((products) => {
             const deliveryOption = JSON.parse(localStorage.getItem("deliveryOptions") ?? "{}");
             this.cartInfo.orderedItems = products;
             if (!this.cartInfo?.cartId && !(localStorage.getItem("cartId") == "undefined" || localStorage.getItem("cartId") == "null")) {
@@ -4861,6 +4922,7 @@ class CartComponent extends BaseSection {
                 const restResponse = this.restService.addItemToDB(this.cartInfo).toPromise();
                 restResponse.then((cartResponse) => {
                     this.cartInfo = cartResponse.data;
+                    this.storageService.clearUserCart();
                 });
             }
             else {
@@ -5391,7 +5453,7 @@ class NavbarSectionComponent {
         this.showEditors = false;
         this.showSearchBar = false;
         this.getScreenSize();
-        this.storageService.updateAllData();
+        // this.storageService.updateAllData();
     }
     searchProducts() {
         this.router.navigate(['/list'], { queryParams: { searchTxt: this.searchText } });
@@ -7717,29 +7779,50 @@ class FeaturedProductsComponent extends BaseSection {
         this.apiLoading = true;
         this.restService.getFeaturedProduct(this.content?.collectionId).subscribe((response) => {
             this.responseData = response;
-            this.storageService.getUserCart().then((cartResponse) => {
-                cartResponse.onsuccess = (cartData) => {
-                    this.apiLoading = false;
-                    this.USER_CART = cartData.target.result;
-                    this.responseData?.forEach((product) => {
-                        this.USER_CART?.forEach((item) => {
-                            if (item.itemId == product.itemId) {
-                                if (product?.itemVariant?.length > 0) {
-                                    const itemVarient = product?.itemVariant?.[0];
-                                    if (itemVarient.variantId == item.varientId) {
-                                        product.itemImages = itemVarient.variantImages ?? [];
-                                        product.price = itemVarient.itemVariantPrice;
-                                        product.quantity = item.quantity;
-                                    }
-                                }
-                                else {
+            // this.storageService.getUserCart().then((cartResponse) => {
+            //   cartResponse.onsuccess = (cartData: any) => {
+            //     this.apiLoading = false;
+            //     this.USER_CART = cartData.target.result as unknown as OrderedItems[];
+            //     this.responseData?.forEach((product: Product) => {
+            //       this.USER_CART?.forEach((item: OrderedItems) => {
+            //         if (item.itemId == product.itemId) {
+            //           if (product?.itemVariant?.length > 0) {
+            //             const itemVarient: ItemVariant = product?.itemVariant?.[0];
+            //             if (itemVarient.variantId == item.varientId) {
+            //               product.itemImages = itemVarient.variantImages ?? [];
+            //               product.price = itemVarient.itemVariantPrice;
+            //               product.quantity = item.quantity;
+            //             }
+            //           } else {
+            //             product.quantity = item.quantity;
+            //           }
+            //         }
+            //       })
+            //     })
+            //   }
+            // },(err) => {
+            //   this.apiLoading = false;
+            // })
+            this.storageService.getCartProduct().then((products) => {
+                this.apiLoading = false;
+                this.responseData?.forEach((product) => {
+                    products?.forEach((item) => {
+                        if (item.itemId == product.itemId) {
+                            if (product?.itemVariant?.length > 0) {
+                                const itemVarient = product?.itemVariant?.[0];
+                                if (itemVarient.variantId == item.varientId) {
+                                    product.itemImages = itemVarient.variantImages ?? [];
+                                    product.price = itemVarient.itemVariantPrice;
                                     product.quantity = item.quantity;
                                 }
                             }
-                        });
+                            else {
+                                product.quantity = item.quantity;
+                            }
+                        }
                     });
-                };
-            }, (err) => {
+                });
+            }).catch(err => {
                 this.apiLoading = false;
             });
             this.storageService.getUserWhishlist().then((wishlistResponse) => {
@@ -7767,43 +7850,44 @@ class FeaturedProductsComponent extends BaseSection {
         });
     }
     addItemToCart(product, type) {
-        if (this.isItemOutOfStock(product)) {
-            this.messageService.add({ severity: 'warn', summary: 'Cart', detail: 'Item is not available as of now. We will notify you once available' });
-            return;
-        }
-        if (!product?.quantity)
-            product.quantity = 0;
-        if (type == 'ADD') {
-            product.quantity += 1;
-        }
-        else {
-            product.quantity -= 1;
-        }
-        if (product?.itemVariant?.length) {
-            const itemVarient = this.getItemVarient(product, product.varientId);
-            if (itemVarient) {
-                itemVarient.quantity = product.quantity;
-                this.cartService.addItemToCart(product, itemVarient.variantId);
-            }
-        }
-        else {
-            this.cartService.addItemToCart(product);
-        }
-        if (product.quantity) {
-            let isPresent = false;
-            this.USER_CART?.forEach((item) => {
-                if (item.varientId == product.varientId) {
-                    item.quantity = product.quantity;
-                    isPresent = true;
-                }
-            });
-            if (!isPresent)
-                this.USER_CART?.push(new OrderedItems(product, product.varientId));
-        }
-        else {
-            this.USER_CART = this.USER_CART?.filter((item) => item.varientId != product.varientId) ?? [];
-        }
+        this.cartService.addItemToLocalCart(product, type);
     }
+    // addItemToCart(product: Product, type: 'ADD' | 'SUBSTRACT') {
+    //   if (this.isItemOutOfStock(product)) {
+    //     this.messageService.add({ severity: 'warn', summary: 'Cart', detail: 'Item is not available as of now. We will notify you once available' });
+    //     return;
+    //   }
+    //   if (!product?.quantity)
+    //     product.quantity = 0;
+    //   if (type == 'ADD') {
+    //     product.quantity += 1;
+    //   }
+    //   else {
+    //     product.quantity -= 1;
+    //   }
+    //   if (product?.itemVariant?.length) {
+    //     const itemVarient: ItemVariant | null = this.getItemVarient(product, product.varientId);
+    //     if (itemVarient) {
+    //       itemVarient.quantity = product.quantity;
+    //       this.cartService.addItemToCart(product, itemVarient.variantId);
+    //     }
+    //   } else {
+    //     this.cartService.addItemToCart(product);
+    //   }
+    //   if (product.quantity) {
+    //     let isPresent: boolean = false;
+    //     this.USER_CART?.forEach((item: OrderedItems) => {
+    //       if (item.varientId == product.varientId) {
+    //         item.quantity = product.quantity;
+    //         isPresent = true;
+    //       }
+    //     })
+    //     if (!isPresent)
+    //       this.USER_CART?.push(new OrderedItems(product, product.varientId));
+    //   } else {
+    //     this.USER_CART = this.USER_CART?.filter((item: OrderedItems) => item.varientId != product.varientId) ?? [];
+    //   }
+    // }
     toggleItemToFav(event, product, type) {
         if (type == 'ADD') {
             product.whislist = true;