'use client'; import React, { useState, useEffect } from 'react'; import MainLayout from '@/components/layout/MainLayout'; type OrderLine = { id: string; trackingNumber?: string | null; airwayBill?: string | null; status: string; quantity: number; product: { code: string; name: string }; farm?: { name: string } | null; order: { id: string; po: string; orderNumber: string; deliveryDate: string; shippingCustomer?: { businessName: string } | null; }; }; export default function AsignarTrackingPage() { const [lines, setLines] = useState([]); const [loading, setLoading] = useState(true); const [search, setSearch] = useState(''); const [bulkText, setBulkText] = useState(''); const [awb, setAwb] = useState(''); const [editMap, setEditMap] = useState>({}); const [saving, setSaving] = useState(false); const [result, setResult] = useState<{ succeeded: number; failed: number } | null>(null); const [filterStatus, setFilterStatus] = useState<'ALL' | 'PENDING' | 'SHIPPED'>('PENDING'); const fetchOrders = async () => { setLoading(true); try { const res = await fetch('/api/orders'); if (!res.ok) return; const orders = await res.json(); const flat: OrderLine[] = []; for (const o of orders) { for (const l of o.lines) { flat.push({ ...l, order: { id: o.id, po: o.po, orderNumber: o.orderNumber, deliveryDate: o.deliveryDate, shippingCustomer: o.shippingCustomer } }); } } setLines(flat); // Initialize edit map const map: Record = {}; flat.forEach(l => { map[l.id] = { trackingNumber: l.trackingNumber || '', airwayBill: l.airwayBill || '' }; }); setEditMap(map); } catch {} setLoading(false); }; useEffect(() => { fetchOrders(); }, []); const filtered = lines.filter(l => { const s = search.toLowerCase(); const matchSearch = !s || l.order.po.toLowerCase().includes(s) || l.order.orderNumber.toLowerCase().includes(s) || (l.order.shippingCustomer?.businessName || '').toLowerCase().includes(s) || l.product.code.toLowerCase().includes(s) || (l.trackingNumber || '').toLowerCase().includes(s); const matchStatus = filterStatus === 'ALL' || l.status === filterStatus || (filterStatus === 'PENDING' && l.status === 'PENDING'); return matchSearch && matchStatus; }); // Apply AWB to all visible lines const applyAwbToAll = () => { const newMap = { ...editMap }; filtered.forEach(l => { newMap[l.id] = { ...newMap[l.id], airwayBill: awb }; }); setEditMap(newMap); }; // Parse bulk text (one tracking per line) and assign to lines without tracking const parseBulkAndAssign = () => { const trackings = bulkText.split('\n').map(t => t.trim()).filter(Boolean); const pendingLines = filtered.filter(l => !editMap[l.id]?.trackingNumber); const newMap = { ...editMap }; pendingLines.forEach((l, i) => { if (trackings[i]) { newMap[l.id] = { ...newMap[l.id], trackingNumber: trackings[i] }; } }); setEditMap(newMap); setBulkText(''); }; const handleSave = async () => { setSaving(true); setResult(null); const toUpdate = Object.entries(editMap) .filter(([, v]) => v.trackingNumber || v.airwayBill) .map(([lineId, v]) => ({ lineId, trackingNumber: v.trackingNumber, airwayBill: v.airwayBill })); if (toUpdate.length === 0) { alert('No hay trackings para guardar.'); setSaving(false); return; } const res = await fetch('/api/orders/assign-tracking', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ lines: toUpdate }), }); const data = await res.json(); setResult(data); await fetchOrders(); setSaving(false); }; const statusBadge = (s: string) => { const map: Record = { PENDING: { bg: '#fef9c3', color: '#854d0e', label: 'Pendiente' }, SHIPPED: { bg: '#d1fae5', color: '#065f46', label: 'Enviado' }, DELIVERED: { bg: '#dbeafe', color: '#1e40af', label: 'Entregado' }, }; const style = map[s] || { bg: '#f3f4f6', color: '#374151', label: s }; return {style.label}; }; return (

📦 Asignar Trackings

Asigna nĂşmeros de tracking y AWB a las lĂ­neas de Ăłrdenes

{/* Top controls */}
setSearch(e.target.value)} placeholder="PO, orden, cliente, tracking..." style={{ width: '100%', padding: '0.55rem 0.8rem', border: '1px solid #ddd', borderRadius: '8px', boxSizing: 'border-box', fontSize: '0.9rem' }} />
setAwb(e.target.value)} placeholder="123-45678901" style={{ flex: 1, padding: '0.55rem 0.8rem', border: '1px solid #ddd', borderRadius: '8px', fontSize: '0.9rem' }} />
{/* Bulk tracking input */}