"use client"; import { useEffect, useMemo, useState } from "react"; import { CheckCircle2, History, Minus, PackageSearch, Plus, RefreshCw, Search, ShoppingCart, Trash2, XCircle } from "lucide-react"; import { toast } from "sonner"; import { api } from "@/lib/api"; type Product = { sku: string; name: string; thumbnail?: string | null; stock_available: number; stock_locations?: Array<{ name: string; available: number }>; stock_last_updated?: string | null; selling_price: number; status: string; }; type CartItem = Product & { quantity: number; unit_price: number }; type Sale = { id: string; customer_name?: string; payment_method?: string; total_amount: number; status: string; completed_at?: string; items: Array<{ sku: string; product_name: string; quantity: number; line_total: number }>; }; const money = (value: number) => new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(value || 0); export default function LocalSalesPage() { const [products, setProducts] = useState([]); const [cart, setCart] = useState([]); const [search, setSearch] = useState(""); const [customerName, setCustomerName] = useState(""); const [paymentMethod, setPaymentMethod] = useState("Pix"); const [discount, setDiscount] = useState("0"); const [notes, setNotes] = useState(""); const [loading, setLoading] = useState(true); const [finishing, setFinishing] = useState(false); const [syncingStock, setSyncingStock] = useState(false); const [sales, setSales] = useState([]); const loadData = async () => { setLoading(true); try { const [productsResponse, salesResponse] = await Promise.all([ api.get("/local/products"), api.get("/local/sales?limit=12"), ]); setProducts(productsResponse.data.data || []); setSales(salesResponse.data.data || []); } catch (error) { console.error(error); toast.error("Não foi possível carregar o catálogo local."); } finally { setLoading(false); } }; useEffect(() => { void loadData(); }, []); const matches = useMemo(() => { const term = search.trim().toLowerCase(); if (!term) return []; return products.filter(product => `${product.sku} ${product.name}`.toLowerCase().includes(term)).slice(0, 8); }, [products, search]); const subtotal = cart.reduce((total, item) => total + item.quantity * item.unit_price, 0); const discountAmount = Math.max(0, Number(discount) || 0); const total = Math.max(0, subtotal - discountAmount); const addProduct = (product: Product) => { if (product.selling_price <= 0) { toast.error("Este produto ainda não possui um preço local válido."); return; } setCart(current => { const existing = current.find(item => item.sku === product.sku); if (existing) { if (existing.quantity >= product.stock_available) { toast.error("Quantidade máxima disponível em estoque atingida."); return current; } return current.map(item => item.sku === product.sku ? { ...item, quantity: item.quantity + 1 } : item); } if (product.stock_available <= 0) { toast.error("Produto sem estoque disponível."); return current; } return [...current, { ...product, quantity: 1, unit_price: product.selling_price }]; }); setSearch(""); }; const changeQuantity = (sku: string, nextQuantity: number) => { setCart(current => current.flatMap(item => { if (item.sku !== sku) return [item]; if (nextQuantity <= 0) return []; if (nextQuantity > item.stock_available) { toast.error(`Estoque disponível: ${item.stock_available} un.`); return [item]; } return [{ ...item, quantity: nextQuantity }]; })); }; const finishSale = async () => { if (!cart.length) { toast.error("Adicione produtos ao carrinho antes de finalizar."); return; } if (discountAmount > subtotal) { toast.error("O desconto não pode ser maior que o subtotal."); return; } setFinishing(true); try { const response = await api.post("/local/sales", { customer_name: customerName, payment_method: paymentMethod, discount_amount: discountAmount, notes, items: cart.map(item => ({ sku: item.sku, quantity: item.quantity, unit_price: item.unit_price })), }); toast.success(`Venda ${response.data.data.id} finalizada: ${money(response.data.data.total_amount)}.`); setCart([]); setCustomerName(""); setPaymentMethod("Pix"); setDiscount("0"); setNotes(""); await loadData(); } catch (error: any) { toast.error(error?.response?.data?.error || "Não foi possível finalizar a venda."); } finally { setFinishing(false); } }; const cancelSale = async (sale: Sale) => { if (!window.confirm(`Cancelar a venda ${sale.id}? O estoque dos itens será estornado.`)) return; try { await api.post(`/local/sales/${sale.id}/cancel`); toast.success("Venda cancelada e estoque estornado."); await loadData(); } catch (error: any) { toast.error(error?.response?.data?.error || "Não foi possível cancelar a venda."); } }; const syncLocalStock = async () => { setSyncingStock(true); try { const response = await api.post("/sync/tiny"); await loadData(); toast.success(response.data?.message || "Estoque local atualizado pelo Tiny."); } catch (error: any) { toast.error(error?.response?.data?.message || error?.response?.data?.error || "Não foi possível atualizar o estoque local."); } finally { setSyncingStock(false); } }; return (

Operação

Venda Local

Venda rápida, sem dados obrigatórios, com baixa imediata no estoque do Hyper AI.

As baixas aguardam integração de escrita com o Tiny.
setSearch(event.target.value)} placeholder="Digite nome, SKU ou código de barras" className="w-full bg-transparent outline-none text-white placeholder:text-slate-600" />
{search && (
{matches.length ? matches.map(product => ( )) :

Nenhum produto encontrado.

}
)}

Carrinho

{cart.length} {cart.length === 1 ? "item" : "itens"}
{cart.length ? cart.map(item => (

{item.name}

{item.sku} · {money(item.unit_price)} un.

{item.quantity}
{money(item.quantity * item.unit_price)}
)) : (

Busque um produto para iniciar a venda.

)}

Finalizar venda

Subtotal{money(subtotal)}
Desconto- {money(discountAmount)}
Total{money(total)}

Últimas vendas locais

{sales.map(sale =>

{sale.id}

{sale.customer_name || "Cliente não informado"} · {sale.payment_method || "Pagamento não informado"}

{sale.items.map(item => `${item.quantity}× ${item.product_name}`).join(" · ")}

{money(sale.total_amount)}

{sale.completed_at ? new Date(sale.completed_at).toLocaleString("pt-BR") : ""}

{sale.status === "completed" ? : Cancelada}
)} {!sales.length && !loading &&

Ainda não há vendas locais registradas.

}
); }