function Input({ title }) { return /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-14 flex items-center justify-between", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-xl font-inter font-semibold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, title))); } function InputStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Input, { title: "Azul Logística", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this })); } function MainComponent() { const [codigo, setCodigo] = useState(""); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [resultado, setResultado] = useState(null); const [ultimasConsultas, setUltimasConsultas] = useState([]); const [copiado, setCopiado] = useState(false); const formatarData = (data)=>{ const dataObj = new Date(data); if (dataObj.getFullYear() < 2000) { return new Intl.DateTimeFormat("pt-BR", { day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit" }).format(new Date()); } return new Intl.DateTimeFormat("pt-BR", { day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit" }).format(dataObj); }; const handleRastreio = useCallback(async (codigoParaRastrear)=>{ const codigoAtual = codigoParaRastrear || codigo; setLoading(true); setError(null); setResultado(null); try { if (!codigoAtual) { throw new Error("Por favor, digite um código de rastreio"); } const codigoRegex = /^[A-Z]{2}\d{9}[A-Z]{2}$/; if (!codigoRegex.test(codigoAtual)) { throw new Error("Formato de código inválido. Use o formato: XX000000000XX"); } const response = await fetch("/api/buscar-rastreio", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ codigo: codigoAtual }) }); const data = await response.json(); if (!response.ok) { throw new Error("Erro na conexão com o servidor"); } if (data.error) { throw new Error(data.error); } if (!data.success || !data.tracking) { throw new Error("Dados de rastreamento inválidos"); } setResultado(data.tracking); setCodigo(codigoAtual); const timestamp = Date.now(); setUltimasConsultas((prev)=>{ const novaConsulta = { codigo: codigoAtual, status: data.tracking.content, timestamp }; const consultasAtualizadas = [ novaConsulta, ...prev.filter((c)=>c.codigo !== codigoAtual) ].slice(0, 5); return consultasAtualizadas; }); } catch (err) { setError(err.message); setResultado(null); console.error("Erro ao rastrear:", err); } finally{ setLoading(false); } }, [ codigo ]); const handleInputChange = useCallback((e)=>{ setCodigo(e.target.value.toUpperCase()); }, []); const handleConsultaClick = useCallback((codigoConsulta)=>{ handleRastreio(codigoConsulta); }, [ handleRastreio ]); const handleCopiarCodigo = useCallback(()=>{ navigator.clipboard.writeText("8515"); setCopiado(true); setTimeout(()=>setCopiado(false), 2000); }, []); useEffect(()=>{ if (error) { const timer = setTimeout(()=>{ setError(null); }, 5000); return ()=>clearTimeout(timer); } }, [ error ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-gray-50 to-white dark:from-gray-900 dark:to-gray-800", __source: { fileName: "", lineNumber: 122, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white/80 dark:bg-gray-900/80 backdrop-blur-md fixed w-full top-0 z-50 border-b border-gray-100 dark:border-gray-800", __source: { fileName: "", lineNumber: 123, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 h-20 flex items-center justify-between", __source: { fileName: "", lineNumber: 124, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 125, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/fd53d349-6361-46b5-8615-27eb19f9c10d/-/format/auto/", alt: "Azul Logística", className: "h-12 w-auto", __source: { fileName: "", lineNumber: 126, columnNumber: 7 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#0052CC] mt-20", __source: { fileName: "", lineNumber: 134, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 135, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center justify-between gap-4", __source: { fileName: "", lineNumber: 136, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 rounded-full p-2", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-duotone fa-bell text-white/90 text-xl", __source: { fileName: "", lineNumber: 139, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-white/90 text-sm font-medium", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }, "Ao receber a encomenda fale o código abaixo para o entregador, este código será atualizado diariamente.")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 145, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-white/10 px-6 py-2 rounded-lg font-mono text-2xl text-white/90 tracking-wider", __source: { fileName: "", lineNumber: 146, columnNumber: 15 }, __self: this }, "8515"), /*#__PURE__*/ React.createElement("button", { onClick: handleCopiarCodigo, className: "bg-white/10 hover:bg-white/20 p-2.5 rounded-lg transition-all", __source: { fileName: "", lineNumber: 149, columnNumber: 15 }, __self: this }, copiado ? /*#__PURE__*/ React.createElement("i", { className: "fa-duotone fa-check text-white/90", __source: { fileName: "", lineNumber: 154, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fa-duotone fa-copy text-white/90", __source: { fileName: "", lineNumber: 156, columnNumber: 19 }, __self: this })))))), /*#__PURE__*/ React.createElement("main", { className: "max-w-3xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 164, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-4 mb-10", __source: { fileName: "", lineNumber: 165, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block p-2 bg-blue-50 dark:bg-blue-900/20 rounded-xl mb-4", __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-duotone fa-box-check text-[#0052CC] text-2xl", __source: { fileName: "", lineNumber: 167, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-semibold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this }, "Rastreamento de Encomenda"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 dark:text-gray-400 max-w-md mx-auto text-sm", __source: { fileName: "", lineNumber: 172, columnNumber: 11 }, __self: this }, "Acompanhe sua encomenda em tempo real inserindo o código de rastreamento abaixo")), /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700/50 p-6 mb-8", __source: { fileName: "", lineNumber: 177, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4", __source: { fileName: "", lineNumber: 178, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 relative", __source: { fileName: "", lineNumber: 179, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute left-4 top-1/2 -translate-y-1/2", __source: { fileName: "", lineNumber: 180, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-duotone fa-magnifying-glass text-gray-400", __source: { fileName: "", lineNumber: 181, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "text", value: codigo, onChange: handleInputChange, placeholder: "Digite o código de rastreio", className: "w-full pl-11 pr-4 py-3.5 bg-gray-50 dark:bg-gray-900/50 border border-gray-200 dark:border-gray-700 rounded-xl text-gray-900 dark:text-white placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-[#0052CC]/20 focus:border-[#0052CC] transition-all text-sm", maxLength: 13, name: "codigo", __source: { fileName: "", lineNumber: 183, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-2.5 text-xs text-gray-500 dark:text-gray-400", __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this }, "Formato: XX000000000XX")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleRastreio(), disabled: loading || !codigo, className: "md:self-start px-6 py-3.5 bg-[#0052CC] hover:bg-[#0747A6] disabled:bg-gray-200 dark:disabled:bg-gray-700 disabled:text-gray-400 dark:disabled:text-gray-500 text-white text-sm font-medium rounded-xl transition-all duration-200 flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-[#0052CC]/20", __source: { fileName: "", lineNumber: 200, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle-notch fa-spin mr-2", __source: { fileName: "", lineNumber: 211, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fa-duotone fa-paper-plane mr-2", __source: { fileName: "", lineNumber: 213, columnNumber: 17 }, __self: this }), loading ? "Buscando..." : "Rastrear"))), error && /*#__PURE__*/ React.createElement("div", { className: "flex items-center p-4 mb-8 rounded-lg border transition-all duration-300 animate-fade-in bg-red-50 dark:bg-red-900/20 border-red-200 dark:border-red-800", __source: { fileName: "", lineNumber: 221, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-duotone fa-circle-exclamation text-red-600 dark:text-red-400 mr-3 text-xl opacity-90", __source: { fileName: "", lineNumber: 222, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-red-600 dark:text-red-400", __source: { fileName: "", lineNumber: 223, columnNumber: 13 }, __self: this }, error)), loading && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 228, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-8 bg-gray-200 dark:bg-gray-700 rounded animate-pulse", __source: { fileName: "", lineNumber: 229, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-24 bg-gray-200 dark:bg-gray-700 rounded animate-pulse", __source: { fileName: "", lineNumber: 230, columnNumber: 13 }, __self: this })), resultado && !loading && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 235, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 rounded-xl shadow-md p-6", __source: { fileName: "", lineNumber: 236, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3 mb-4", __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-duotone fa-circle-info text-[#0052CC] text-xl opacity-90", __source: { fileName: "", lineNumber: 238, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-inter font-semibold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 239, columnNumber: 17 }, __self: this }, "Status Atual")), /*#__PURE__*/ React.createElement("div", { className: "ml-8 border-l-2 border-[#0052CC] pl-6 py-2", __source: { fileName: "", lineNumber: 243, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 244, columnNumber: 17 }, __self: this }, resultado.content || "Informações não disponíveis"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 rounded-xl shadow-md p-6", __source: { fileName: "", lineNumber: 250, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3 mb-4", __source: { fileName: "", lineNumber: 251, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-duotone fa-clock-rotate-left text-[#0052CC] text-xl opacity-90", __source: { fileName: "", lineNumber: 252, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-inter font-semibold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 253, columnNumber: 17 }, __self: this }, "Histórico de Rastreamento")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 257, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 bottom-0 left-8 w-0.5 bg-gray-200 dark:bg-gray-700", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 259, columnNumber: 17 }, __self: this }, resultado.historico?.map((evento, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `relative flex items-start ${index === 0 ? "bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg" : ""}`, __source: { fileName: "", lineNumber: 261, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute left-8 -translate-x-1/2", __source: { fileName: "", lineNumber: 269, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-4 h-4 rounded-full border-2 ${index === 0 ? "bg-[#0052CC] border-[#0052CC]" : "bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600"}`, __source: { fileName: "", lineNumber: 270, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "ml-16 flex-1", __source: { fileName: "", lineNumber: 278, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500 dark:text-gray-400", __source: { fileName: "", lineNumber: 279, columnNumber: 25 }, __self: this }, formatarData(evento.data)), /*#__PURE__*/ React.createElement("div", { className: "mt-1 text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 282, columnNumber: 25 }, __self: this }, evento.status)))))))), ultimasConsultas.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-white dark:bg-gray-800 rounded-xl shadow-md p-6", __source: { fileName: "", lineNumber: 295, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3 mb-6", __source: { fileName: "", lineNumber: 296, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-duotone fa-clock text-[#0052CC] text-xl opacity-90", __source: { fileName: "", lineNumber: 297, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-inter font-semibold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 298, columnNumber: 15 }, __self: this }, "Últimas Consultas")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 302, columnNumber: 13 }, __self: this }, ultimasConsultas.map((consulta)=>{ const diffInMinutes = Math.floor((Date.now() - consulta.timestamp) / 60000); const timeDisplay = diffInMinutes < 1 ? "Agora mesmo" : diffInMinutes < 60 ? `${diffInMinutes} minutos atrás` : `${Math.floor(diffInMinutes / 60)} ${Math.floor(diffInMinutes / 60) === 1 ? "hora" : "horas"} atrás`; return /*#__PURE__*/ React.createElement("button", { key: consulta.codigo, onClick: ()=>handleConsultaClick(consulta.codigo), className: "w-full text-left p-4 bg-gray-50 dark:bg-gray-700/50 border border-gray-100 dark:border-gray-700 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-all duration-200 transform hover:scale-[1.02]", __source: { fileName: "", lineNumber: 319, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 327, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-inter font-medium text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 328, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-duotone fa-box-open mr-2 text-[#0052CC] opacity-90", __source: { fileName: "", lineNumber: 329, columnNumber: 25 }, __self: this }), consulta.codigo), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500 dark:text-gray-400", __source: { fileName: "", lineNumber: 332, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-duotone fa-clock mr-1 opacity-90", __source: { fileName: "", lineNumber: 333, columnNumber: 25 }, __self: this }), timeDisplay)), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm text-gray-600 dark:text-gray-300 line-clamp-2 ml-6", __source: { fileName: "", lineNumber: 337, columnNumber: 21 }, __self: this }, consulta.status)); })))), /*#__PURE__*/ React.createElement("footer", { className: "bg-white/50 dark:bg-gray-800/50 backdrop-blur-sm py-6 mt-12", __source: { fileName: "", lineNumber: 348, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto px-4", __source: { fileName: "", lineNumber: 349, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center justify-between gap-4", __source: { fileName: "", lineNumber: 350, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 351, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/fd53d349-6361-46b5-8615-27eb19f9c10d/-/format/auto/", alt: "Azul Logística", className: "h-8 w-auto", __source: { fileName: "", lineNumber: 352, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center md:items-end space-y-1", __source: { fileName: "", lineNumber: 358, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500 dark:text-gray-400", __source: { fileName: "", lineNumber: 359, columnNumber: 9 }, __self: this }, "CNPJ: 51.726.405/0002-23"), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500 dark:text-gray-400", __source: { fileName: "", lineNumber: 362, columnNumber: 9 }, __self: this }, "© 2025 Azul Logística. Todos os direitos reservados.")))))); }