File size: 2,832 Bytes
b5d475e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
// src/stores/useCartStore.ts
import { create } from 'zustand';
import { persist } from 'zustand/middleware';
import { CartItem, Product } from '@/lib/schemas'; // Importamos os tipos do Zod

// Define o formato do estado do nosso carrinho
interface CartState {
  items: CartItem[]; // A lista de itens no carrinho
  addItem: (product: Product) => void; // Ação: Adicionar item
  removeItem: (productId: number) => void; // Ação: Remover item
  clearCart: () => void; // Ação: Limpar carrinho
  calculateTotal: () => number; // Ação: Calcular total
}

// 🎯 [DECISÃO ARQUITETURAL]: Usamos o middleware `persist` para salvar o estado
// no `localStorage` do navegador. Isso garante que o carrinho não seja perdido
// quando o usuário recarregar a página ou navegar para outras rotas.
export const useCartStore = create<CartState>()(
  persist(
    (set, get) => ({
      // Estado inicial do carrinho
      items: [],

      // --- Ações ---

      // Adicionar um produto ao carrinho
      addItem: (product) => {
        set((state) => {
          // 1. Verificamos se o produto já está no carrinho
          const existingItemIndex = state.items.findIndex(
            (item) => item.product.id === product.id
          );

          if (existingItemIndex > -1) {
            // Se o produto já existe, incrementamos a quantidade
            const newItems = [...state.items];
            newItems[existingItemIndex] = {
              ...newItems[existingItemIndex],
              quantity: newItems[existingItemIndex].quantity + 1,
            };
            return { items: newItems };
          } else {
            // Se o produto é novo, adicionamos ele com quantidade 1
            const newItem: CartItem = { product, quantity: 1 };
            return { items: [...state.items, newItem] };
          }
        });
      },

      // Remover um produto do carrinho (diminui a quantidade ou remove se for 1)
      removeItem: (productId) => {
        set((state) => ({
          items: state.items
            .map((item) => {
              if (item.product.id === productId) {
                // Diminui a quantidade, mas nunca abaixo de 0
                return { ...item, quantity: item.quantity - 1 };
              }
              return item;
            })
            // Filtra o array para remover itens com quantidade 0
            .filter((item) => item.quantity > 0),
        }));
      },

      // Limpar todos os itens do carrinho
      clearCart: () => set({ items: [] }),
      
      // Calcular o valor total do carrinho
      calculateTotal: () => {
        return get().items.reduce(
          (total, item) => total + item.product.price * item.quantity,
          0
        );
      },
    }),
    {
      name: 'ecommerce-cart-storage', // Nome da chave no localStorage
    }
  )
);