function Input({ tipo, texto }) { const bgColor = tipo === "usuario" ? "bg-[#A3293D] text-white" : "bg-white text-gray-900 shadow-md"; return /*#__PURE__*/ React.createElement("div", { className: `max-w-[80%] rounded-lg p-3 ${bgColor}`, __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, texto); } function InputStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Input, { tipo: "usuario", texto: "Mensagem do usuário", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Input, { tipo: "sistema", texto: "Mensagem do sistema", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this })); } function MainComponent() { const [numero, setNumero] = useState(""); const [mensagens, setMensagens] = useState([ { tipo: "sistema", texto: "Olá! Bem-vindo ao verificador de números oficiais do Terapia Inteligente. Digite um número de telefone para verificar se ele pertence à nossa equipe." }, { tipo: "sistema", texto: "⚠️ IMPORTANTE: Digite o número completo COM DDD (exemplo: 11 99999-9999). O DDD é obrigatório para uma verificação correta!" } ]); const [loading, setLoading] = useState(false); const chatRef = useRef(null); const verificarNumero = async ()=>{ if (!numero.trim()) return; // Verifica se o número tem pelo menos 10 dígitos (considerando DDD) const numeroLimpo = numero.replace(/\D/g, ""); if (numeroLimpo.length < 10) { setMensagens((prev)=>[ ...prev, { tipo: "usuario", texto: numero }, { tipo: "sistema", texto: "⚠️ Número incompleto! Por favor, digite o número completo incluindo o DDD (exemplo: 11 99999-9999)." } ]); return; } setLoading(true); setMensagens((prev)=>[ ...prev, { tipo: "usuario", texto: numero } ]); try { const response = await fetch("/api/verificar-numero", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ numero }) }); if (!response.ok) { throw new Error("Erro ao verificar número"); } const data = await response.json(); setMensagens((prev)=>[ ...prev, { tipo: "sistema", texto: data.mensagem } ]); } catch (error) { console.error(error); setMensagens((prev)=>[ ...prev, { tipo: "sistema", texto: "Desculpe, ocorreu um erro ao verificar o número. Tente novamente." } ]); } setLoading(false); setNumero(""); }; useEffect(()=>{ if (chatRef.current) { chatRef.current.scrollTop = chatRef.current.scrollHeight; } }, [ mensagens ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#2B0F14] p-4 md:p-6", __source: { fileName: "", lineNumber: 82, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-white rounded-lg shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#A3293D] p-4 text-white flex items-center justify-center", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/9f5bcef8-8ca2-4bc6-8cd9-8a027873d8e7/-/format/auto/", alt: "Logo Terapia Inteligente", className: "h-24", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { ref: chatRef, className: "h-[400px] overflow-y-auto p-4 space-y-4", style: { backgroundColor: "#f5f5f5" }, __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, mensagens.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `flex ${msg.tipo === "usuario" ? "justify-end" : "justify-start"}`, __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-[80%] rounded-lg p-3 ${msg.tipo === "usuario" ? "bg-[#A3293D] text-white" : "bg-white text-gray-900 shadow-md"}`, __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, msg.texto))), loading && /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-3 shadow-md", __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 118, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#A3293D] rounded-full animate-bounce", __source: { fileName: "", lineNumber: 119, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#A3293D] rounded-full animate-bounce", style: { animationDelay: "0.2s" }, __source: { fileName: "", lineNumber: 120, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#A3293D] rounded-full animate-bounce", style: { animationDelay: "0.4s" }, __source: { fileName: "", lineNumber: 124, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "p-4 border-t bg-white", __source: { fileName: "", lineNumber: 134, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-2", __source: { fileName: "", lineNumber: 135, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "tel", value: numero, onChange: (e)=>setNumero(e.target.value), placeholder: "Digite o número com DDD (ex: 11 99999-9999)", className: "w-full sm:flex-1 px-4 py-2 border rounded-full focus:outline-none focus:border-[#A3293D]", onKeyPress: (e)=>e.key === "Enter" && verificarNumero(), __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: verificarNumero, disabled: loading, className: "w-full sm:w-auto bg-[#A3293D] text-white px-6 py-2 rounded-full hover:bg-[#8B2333] focus:outline-none disabled:opacity-50 transition-colors", __source: { fileName: "", lineNumber: 144, columnNumber: 13 }, __self: this }, "Enviar"))))); }