fix: cart

bo/src/stores/customer/cart.ts

@@ -1,129 +1,88 @@
 import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
+import { computed, ref } from 'vue'
+import { useFetchJson } from '@/composable/useFetchJson'
+import type { ApiResponse } from '@/types'
+import { useRoute } from 'vue-router'
 
-export interface CartItem {
-  id: number
-  productId: number
-  name: string
-  image: string
-  price: number
-  quantity: number
-  product_number: string
-}
-
-export interface DeliveryMethod {
+export interface Cart {
   id: number
   name: string
-  price: number
-  description: string
+  items: any[]
 }
 
 export const useCartStore = defineStore('cart', () => {
-  const items = ref<CartItem[]>([])
-  const selectedAddressId = ref<number | null>(null)
-  const selectedDeliveryMethodId = ref<number | null>(null)
-  const shippingCost = ref(0)
-  const vatRate = ref(0.23) // 23% VAT
-  const currentPage = ref(1)
-  const deliveryMethods = ref<DeliveryMethod[]>([
-    { id: 1, name: 'Standard Delivery', price: 0, description: '5-7 business days' },
-    { id: 2, name: 'Express Delivery', price: 15, description: '2-3 business days' },
-    { id: 3, name: 'Priority Delivery', price: 30, description: 'Next business day' }
-  ])
+  const carts = ref<Cart[]>([])
+  const activeCartId = ref<number | null>(null)
+  const error = ref<string | null>(null)
 
-  function initMockData() {
-    items.value = [
-      { id: 1, productId: 101, name: 'Premium Widget Pro', product_number: 'NC209/7000', image: '/img/product-1.jpg', price: 129.99, quantity: 2 },
-      { id: 2, productId: 102, name: 'Ultra Gadget X', product_number: 'NC234/6453', image: '/img/product-2.jpg', price: 89.50, quantity: 1 },
-      { id: 3, productId: 103, name: 'Mega Tool Set', product_number: 'NC324/9030', image: '/img/product-3.jpg', price: 249.00, quantity: 3 }
-    ]
+
+  async function fetchCarts() {
+    try {
+      const res = await useFetchJson<ApiResponse>(
+        `/api/v1/restricted/carts/retrieve-carts-info`
+      )
+
+      carts.value = res.items
+    } catch (e: any) {
+      error.value = e?.message ?? 'Error loading carts'
+    }
   }
 
-  const productsTotal = computed(() => {
-    return items.value.reduce((sum, item) => sum + (item.price * item.quantity), 0)
-  })
 
-  const vatAmount = computed(() => {
-    return productsTotal.value * vatRate.value
-  })
+  async function addNewCart(name: string) {
+    try {
+      error.value = null
 
-  const orderTotal = computed(() => {
-    return productsTotal.value + shippingCost.value + vatAmount.value
-  })
+      const url = `/api/v1/restricted/carts/add-new-cart`
+      const response = await useFetchJson<ApiResponse>(url)
 
-  const itemCount = computed(() => {
-    return items.value.reduce((sum, item) => sum + item.quantity, 0)
-  })
-
-  function updateQuantity(itemId: number, quantity: number) {
-    const item = items.value.find(i => i.id === itemId)
-    if (item) {
-      if (quantity <= 0) {
-        removeItem(itemId)
-      } else {
-        item.quantity = quantity
+      const newCart: Cart = {
+        id: response.items.cart_id,
+        name: response.items.name,
+        items: []
       }
+
+      carts.value.push(newCart)
+      activeCartId.value = newCart.id
+
+      return newCart
+    } catch (e: any) {
+      error.value = e?.message ?? 'Error creating cart'
     }
   }
 
-  function deleteProduct(id: number): boolean {
-    const index = items.value.findIndex(a => a.id === id)
-    if (index === -1) return false
 
-    items.value.splice(index, 1)
-    resetProductPagination()
+  const route = useRoute()
+  const amount = ref<number>(1);
+  const errorMassege = ref('');
+  const cartId = computed(() => Number(route.params.id));
 
-    return true
-  }
+  async function addProduct(product_id: number) {
+    try {
+      const res = await useFetchJson<ApiResponse>(
+        `/api/v1/restricted/carts/add-product-to-cart?cart_id=${cartId.value}&product_id=${product_id}&amount=${amount.value}`
+      )
+      console.log('sfdsfdfd', res);
 
-  function resetProductPagination() {
-    currentPage.value = 1
-  }
-
-  function removeItem(itemId: number) {
-    const index = items.value.findIndex(i => i.id === itemId)
-    if (index !== -1) {
-      items.value.splice(index, 1)
+    } catch (e: any) {
+      errorMassege.value = e?.message ?? 'Error loading carts'
     }
   }
 
-  function clearCart() {
-    items.value = []
-    selectedAddressId.value = null
-    selectedDeliveryMethodId.value = null
-    shippingCost.value = 0
-  }
 
-  function setSelectedAddress(addressId: number | null) {
-    selectedAddressId.value = addressId
-  }
-
-  function setDeliveryMethod(methodId: number) {
-    selectedDeliveryMethodId.value = methodId
-    const method = deliveryMethods.value.find(m => m.id === methodId)
-    if (method) {
-      shippingCost.value = method.price
-    }
-  }
-
-  initMockData()
+  // function setActiveCart(id: number) {
+  //   activeCartId.value = id
+  // }
 
   return {
-    items,
-    selectedAddressId,
-    selectedDeliveryMethodId,
-    shippingCost,
-    vatRate,
-    deliveryMethods,
-    productsTotal,
-    vatAmount,
-    orderTotal,
-    itemCount,
-    deleteProduct,
-    updateQuantity,
-    removeItem,
-    clearCart,
-    setSelectedAddress,
-    setDeliveryMethod
+    carts,
+    activeCartId,
+    error,
+    errorMassege,
+    // setActiveCart,
+    addProduct,
+    fetchCarts,
+    addNewCart,
+
   }
-})
+})

bo/src/stores/customer/customer-product.ts

@@ -11,6 +11,7 @@ export interface Product {
     productDetails?: string
     product_id: number
     is_favorite?: boolean
+    quantity: number
 }
 
 export interface ProductResponse {
@@ -56,6 +57,11 @@ export const useCustomerProductStore = defineStore('customer-product', () => {
         }
     }
 
+    function updateFavoriteState(product_id: number, value: boolean) {
+        const p = productsList.value.find(p => p.product_id === product_id)
+        if (p) p.is_favorite = value
+    }
+
     async function toggleFavorite(product: Product) {
         const productId = product.product_id
         const isFavorite = product.is_favorite
@@ -64,11 +70,19 @@ export const useCustomerProductStore = defineStore('customer-product', () => {
 
         try {
             if (!isFavorite) {
-                await useFetchJson(url, { method: 'POST' })
+                await useFetchJson(url, {
+                    method: 'POST',
+                    body: JSON.stringify({
+                        id: productId
+                    }),
+                })
             } else {
-                await useFetchJson(url, { method: 'DELETE' })
+                await useFetchJson(url, {
+                    method: 'DELETE',
+                })
             }
-            product.is_favorite = !isFavorite
+
+            product.is_favorite = !product.is_favorite
         } catch (e: unknown) {
             error.value = e instanceof Error ? e.message : 'Failed to update favorite'
         }
@@ -77,6 +91,7 @@ export const useCustomerProductStore = defineStore('customer-product', () => {
     return {
         fetchProductList,
         toggleFavorite,
+        updateFavoriteState,
         productsList,
         total,
         loading,