Feat/basket page

src/app/app.ts

@@ -1,5 +1,7 @@
+import currentCart from '@services/current-cart';
 import isPageAccessable from '@utils/access-control';
 import CookieManager from '@utils/cookie';
+
 import {
   Error404,
   MainPageView,
@@ -39,6 +41,9 @@ class App {
 
     window.addEventListener('hashchange', this.route);
     window.addEventListener('load', this.route);
+
+    const userId = CookieManager.getUserId();
+    currentCart.initCurrentCart(userId);
   }
 
   private addHeader(): void {
@@ -77,8 +82,8 @@ class App {
 
     if (route === 'product' && productId) {
       this.hideFooterHeader = false;
-      const userId = CookieManager.getUserId();
-      this.mainView.page = new ProductPageView(productId, userId);
+
+      this.mainView.page = new ProductPageView(productId);
     } else {
       switch (window.location.hash) {
         case '#main':

src/app/models/cart.ts

@@ -29,13 +29,17 @@ export interface ILineItem {
 export interface IVariant {
   id: number;
   sku?: string;
-  prices: IPrice[];
+  prices: IPrices[];
   images: { url: string }[];
 }
 
 export interface IPrice {
   value: IMoney;
-  discounted?: IDiscounted;
+}
+
+export interface IPrices {
+  value: IMoney;
+  discounted?: IDiscounted | null;
 }
 
 export interface IMoney {

src/app/services/apply-promocode-to-cart.ts

@@ -0,0 +1,33 @@
+import { ClientResponse, Cart } from '@commercetools/platform-sdk';
+import ApiRoot from './api-root';
+
+export default function applyPromocodeToCart(
+  cartId: string,
+  cartVersion: number,
+  code: string,
+  successCallback: (cartData: Cart) => void,
+  errorCallback: (message: string) => void
+) {
+  ApiRoot.root
+    .carts()
+    .withId({ ID: cartId })
+    .post({
+      body: {
+        version: cartVersion,
+        actions: [
+          {
+            action: 'addDiscountCode',
+            code,
+          },
+        ],
+      },
+    })
+    .execute()
+    .then((response: ClientResponse<Cart>) => {
+      const cartData: Cart = response.body;
+      successCallback(cartData);
+    })
+    .catch((error: ClientResponse<{ message: string }>) => {
+      errorCallback(error.body.message);
+    });
+}

src/app/services/cart-data.ts

@@ -26,12 +26,13 @@ export const createCartData = (cart: Cart): ICartData => {
                 centAmount: price.value.centAmount,
                 fractionDigits: price.value.fractionDigits,
               },
-              discountedPrice: price.discounted
+              discounted: price.discounted
                 ? {
-                    // Проверяем, есть ли скидочная цена
-                    currencyCode: price.discounted.value.currencyCode,
-                    centAmount: price.discounted.value.centAmount,
-                    fractionDigits: price.discounted.value.fractionDigits,
+                    value: {
+                      currencyCode: price.discounted.value.currencyCode,
+                      centAmount: price.discounted.value.centAmount,
+                      fractionDigits: price.discounted.value.fractionDigits,
+                    },
                   }
                 : null, // Если нет скидочной цены, возвращаем null
             }))
@@ -97,7 +98,7 @@ export const createCartData = (cart: Cart): ICartData => {
 
 export const getCartById = (
   cartId: string,
-  successCallback: (cartData: ICartData) => void,
+  successCallback: (cartData: Cart) => void,
   errorCallback: (message: string) => void
 ): void => {
   ApiRoot.root
@@ -106,8 +107,7 @@ export const getCartById = (
     .get()
     .execute()
     .then(({ body }) => {
-      const cartData = createCartData(body);
-      successCallback(cartData);
+      successCallback(body);
     })
     .catch((error) => {
       errorCallback(`Failed to load cart: ${error.message}`);

src/app/services/cart-handler.ts

@@ -1,33 +1,52 @@
-import { showSucessMessage } from '@utils/toast-messages';
+import { showErrorMessage } from '@utils/toast-messages';
+import CookieManager from '@utils/cookie';
 import { addProductToCart } from './add-product-cart';
 import { createAnonymousCart, createCustomerCart } from './carts';
 
 class CartHandler {
   public currentCartId: string | null = null;
 
-  private currentCartVersion: number | null = null;
+  public currentCartVersion: number | null = null;
+
+  public currentCustomerCartId: string | null = null;
+
+  public currentCustomerCartVersion: number | null = null;
 
   private userId: string | null = null;
 
   constructor(userId: string | null) {
     this.userId = userId;
-    if (!userId) {
-      this.loadCartFromLocalStorage();
-    } else {
-      this.loadCartFromServer(userId);
-    }
+    this.currentCartId = null;
+    this.currentCartVersion = null;
+    this.currentCustomerCartId = null;
+    this.currentCustomerCartVersion = null;
+
+    // if (!userId) {
+    //   this.loadCartFromLocalStorage();
+    // } else {
+    //   this.loadCartAuthFromLocalStorage();
+    // }
   }
 
   public handleAddToCart(productId: string, quantity: number): void {
-    if (!this.currentCartId || !this.currentCartVersion) {
+    // Определяем, какие переменные корзины использовать
+    let cartId;
+    let cartVersion;
+
+    if (this.userId) {
+      // Проверка, зарегистрирован ли пользователь
+      cartId = this.currentCustomerCartId;
+      cartVersion = this.currentCustomerCartVersion;
+    } else {
+      // Для анонимных пользователей
+      cartId = this.currentCartId;
+      cartVersion = this.currentCartVersion;
+    }
+
+    if (!cartId || !cartVersion) {
       this.createCartAndAddProduct(productId, quantity);
     } else {
-      this.addProductToExistingCart(
-        this.currentCartId,
-        this.currentCartVersion,
-        productId,
-        quantity
-      );
+      this.addProductToExistingCart(cartId, cartVersion, productId, quantity);
     }
   }
 
@@ -36,18 +55,19 @@ class CartHandler {
       createCustomerCart(
         this.userId,
         (cartData) => {
-          this.currentCartId = cartData.id;
-          this.currentCartVersion = cartData.version;
+          this.currentCustomerCartId = cartData.id;
+          this.currentCustomerCartVersion = cartData.version;
+          this.saveCartAuthToLocalStorage();
           this.addProductToExistingCart(
-            this.currentCartId,
-            this.currentCartVersion,
+            this.currentCustomerCartId,
+            this.currentCustomerCartVersion,
             productId,
             quantity
           );
         },
         (errorMessage) => {
           const SUCSESS_MSG = `Error creating user cart: ${errorMessage}`;
-          showSucessMessage(SUCSESS_MSG);
+          showErrorMessage(SUCSESS_MSG);
         }
       );
     } else {
@@ -65,7 +85,7 @@ class CartHandler {
         },
         (errorMessage) => {
           const SUCSESS_MSG = `Error creating anonymous cart: ${errorMessage}`;
-          showSucessMessage(SUCSESS_MSG);
+          showErrorMessage(SUCSESS_MSG);
         }
       );
     }
@@ -83,24 +103,27 @@ class CartHandler {
       productId,
       quantity,
       (cartData) => {
-        this.currentCartId = cartData.id;
-        this.currentCartVersion = cartData.version;
-        console.log(
-          `User ID before deciding to save to localStorage: ${this.userId}`
-        );
-        if (!this.userId) {
+        if (this.userId) {
+          // Для зарегистрированных пользователей
+          this.currentCustomerCartId = cartData.id;
+          this.currentCustomerCartVersion = cartData.version;
+          this.saveCartAuthToLocalStorage();
+        } else {
+          // Для анонимных пользователей
+          this.currentCartId = cartData.id;
+          this.currentCartVersion = cartData.version;
           this.saveCartToLocalStorage();
         }
         console.log('Product added to cart:', cartData);
       },
       (errorMessage) => {
         const SUCSESS_MSG = `Error adding product to cart: ${errorMessage}`;
-        showSucessMessage(SUCSESS_MSG);
+        showErrorMessage(SUCSESS_MSG);
       }
     );
   }
 
-  private saveCartToLocalStorage(): void {
+  public saveCartToLocalStorage(): void {
     const cartData = {
       currentCartId: this.currentCartId,
       currentCartVersion: this.currentCartVersion,
@@ -117,9 +140,26 @@ class CartHandler {
     }
   }
 
-  // метод для загрузки корзины зарегистрированного пользователя с сервера
-  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars
-  private loadCartFromServer(userId: string): void {}
+  public saveCartAuthToLocalStorage(): void {
+    const cartData = {
+      currentCustomerCartId: this.currentCustomerCartId,
+      currentCustomerCartVersion: this.currentCustomerCartVersion,
+    };
+    localStorage.setItem('customerCart', JSON.stringify(cartData));
+  }
+
+  public loadCartAuthFromLocalStorage(): void {
+    const savedCart = localStorage.getItem('customerCart');
+    if (savedCart) {
+      const cartData = JSON.parse(savedCart);
+      this.currentCustomerCartId = cartData.currentCustomerCartId;
+      this.currentCustomerCartVersion = cartData.currentCustomerCartVersion;
+    }
+  }
 }
 
-export default CartHandler;
+const userId = CookieManager.getUserId();
+
+const cartHandler = new CartHandler(userId);
+
+export default cartHandler;

src/app/services/carts.ts

@@ -18,9 +18,9 @@ export const createAnonymousCart = (
     .execute()
     .then((response: ClientResponse<Cart>) => {
       const cartData: Cart = response.body;
+      successCallback(cartData);
       if (cartData.id) {
         LocalStorageManager.setCartId(cartData.id);
-        successCallback(cartData);
       } else {
         errorCallback('Failed to retrieve cart ID');
       }
@@ -46,10 +46,10 @@ export const createCustomerCart = (
     .execute()
     .then((response: ClientResponse<Cart>) => {
       const cartData: Cart = response.body;
+      successCallback(cartData);
       if (cartData.id) {
         LocalStorageManager.setCartId(cartData.id);
         console.log('Cart ID saved to localStorage:', cartData.id);
-        successCallback(cartData);
       } else {
         errorCallback('Failed to retrieve cart ID');
       }
@@ -58,3 +58,59 @@ export const createCustomerCart = (
       errorCallback(error.body.message);
     });
 };
+
+export const isCustomerCartExist = (
+  customerId: string,
+  successCallback: (cartData: Cart) => void,
+  errorCallback: (customerId: string) => void
+): void => {
+  ApiRoot.root
+    .carts()
+    .withCustomerId({ customerId })
+    .get()
+    .execute()
+    .then((response) => {
+      const { body } = response;
+      successCallback(body);
+    })
+    .catch((err) => {
+      if (err.statusCode === 404) {
+        errorCallback(customerId);
+      } else {
+        throw err;
+      }
+    });
+};
+
+export const removeProductFromCart = (
+  cartId: string,
+  cartVersion: number,
+  productId: string,
+  successCallback: (cartData: Cart) => void,
+  errorCallback: (message: string) => void,
+  quantity?: number
+): void => {
+  ApiRoot.root
+    .carts()
+    .withId({ ID: cartId })
+    .post({
+      body: {
+        version: cartVersion,
+        actions: [
+          {
+            action: 'removeLineItem',
+            lineItemId: productId,
+            quantity,
+          },
+        ],
+      },
+    })
+    .execute()
+    .then((response: ClientResponse<Cart>) => {
+      const cartData: Cart = response.body;
+      successCallback(cartData);
+    })
+    .catch((error: ClientResponse<{ message: string }>) => {
+      errorCallback(error.body.message);
+    });
+};