function MainComponent() { const [phoneNumber, setPhoneNumber] = useState(""); const [selectedDate, setSelectedDate] = useState(""); const [userRoute, setUserRoute] = useState(""); const [names, setNames] = useState([]); const [selectedName, setSelectedName] = useState(""); const [selectedAddress, setSelectedAddress] = useState(""); const [error, setError] = useState(""); const [step, setStep] = useState("phone"); const [loading, setLoading] = useState(false); const [availableDates, setAvailableDates] = useState([]); const [showCalendar, setShowCalendar] = useState(false); const [currentMonth, setCurrentMonth] = useState(new Date()); const resetForm = ()=>{ setPhoneNumber(""); setSelectedDate(""); setUserRoute(""); setNames([]); setSelectedName(""); setSelectedAddress(""); setError(""); setStep("phone"); setAvailableDates([]); setShowCalendar(false); setCurrentMonth(new Date()); }; const getAvailableDates = (route)=>{ const now = new Date(); const brasiliaTime = new Date(now.toLocaleString("en-US", { timeZone: "America/Sao_Paulo" })); const isPastCutoffTime = brasiliaTime.getHours() >= 17; const startDate = new Date(brasiliaTime); if (isPastCutoffTime) { startDate.setDate(startDate.getDate() + 2); } else { startDate.setDate(startDate.getDate() + 1); } startDate.setHours(0, 0, 0, 0); const dates = []; for(let i = 0; i < 30; i++){ const date = new Date(startDate); date.setDate(startDate.getDate() + i); const dayOfWeek = date.getDay(); if ((route === "BARRA" || route === "ANIL" || route === "RIO DAS PEDRAS") && (dayOfWeek === 1 || dayOfWeek === 3)) { dates.push(date.toISOString().split("T")[0]); } else if ((route === "RECREIO" || route === "FREGUESIA" || route === "VARGEM") && (dayOfWeek === 2 || dayOfWeek === 6)) { dates.push(date.toISOString().split("T")[0]); } } return dates; }; const getDaysInMonth = (date)=>{ const year = date.getFullYear(); const month = date.getMonth(); const daysInMonth = new Date(year, month + 1, 0).getDate(); const firstDayOfMonth = new Date(year, month, 1).getDay(); return { daysInMonth, firstDayOfMonth }; }; const formatPhoneNumber = (value)=>{ const numbers = value.replace(/\D/g, ""); if (numbers.length <= 2) return numbers; if (numbers.length <= 7) return `(${numbers.slice(0, 2)}) ${numbers.slice(2)}`; return `(${numbers.slice(0, 2)}) ${numbers.slice(2, 7)}-${numbers.slice(7)}`; }; const validatePhone = async ()=>{ const phoneRegex = /^\d{10,11}$/; if (!phoneRegex.test(phoneNumber.replace(/\D/g, ""))) { setError("Por favor, insira um número de telefone válido (10 ou 11 dígitos)"); return false; } setLoading(true); try { const response = await fetch("/api/db/clientes-52", { method: "POST", body: JSON.stringify({ query: "SELECT name, route, address FROM `users` WHERE `phone` = ?", values: [ phoneNumber.replace(/\D/g, "") ] }) }); const data = await response.json(); if (data && data.length > 0) { setNames(data.map((user)=>({ name: user.name, route: user.route, address: user.address }))); setError(""); setStep("selection"); } else { setError("Número não encontrado"); } } catch (err) { setError("Erro ao buscar dados"); } finally{ setLoading(false); } }; const handlePhoneSubmit = (e)=>{ e.preventDefault(); validatePhone(); }; const handleFinalSubmit = async (e)=>{ e.preventDefault(); if (!selectedName) { setError("Selecione um nome"); return; } try { const date = new Date(selectedDate + "T12:00:00"); const formattedDate = date.toLocaleDateString("pt-BR"); const selected = names.find((n)=>n.name === selectedName); const params = new URLSearchParams(); params.append("name", selectedName); params.append("date", formattedDate); params.append("route", selected.route); params.append("address", selected.address); window.location.href = `/pedido?${params.toString()}`; } catch (err) { setError("Erro ao continuar"); } }; const renderError = ()=>{ if (error) { return /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-center", __source: { fileName: "", lineNumber: 149, columnNumber: 14 }, __self: this }, error); } return null; }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex items-center justify-center px-4", __source: { fileName: "", lineNumber: 154, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full bg-white rounded-lg shadow-lg p-8", id: "formContainer", __source: { fileName: "", lineNumber: 155, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-6", __source: { fileName: "", lineNumber: 159, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/d482d6b8-12c6-4ec0-9551-f14ae632663d/-/format/auto/", alt: "Logo", className: "w-20 h-20 mb-4", __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-center font-roboto", __source: { fileName: "", lineNumber: 165, columnNumber: 11 }, __self: this }, "Identificação do Cliente")), step === "phone" ? /*#__PURE__*/ React.createElement("form", { onSubmit: handlePhoneSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 171, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, "Número de Telefone"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "(21) 00000-0000", value: formatPhoneNumber(phoneNumber), onChange: (e)=>setPhoneNumber(e.target.value), maxLength: "15", disabled: loading, __source: { fileName: "", lineNumber: 175, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white py-2 rounded-lg hover:bg-blue-600 transition-colors disabled:bg-gray-400", disabled: loading, __source: { fileName: "", lineNumber: 186, columnNumber: 13 }, __self: this }, loading ? "Verificando..." : "Continuar")) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleFinalSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 195, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 196, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }, "Selecione o Nome"), /*#__PURE__*/ React.createElement("select", { name: "name", className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", value: selectedName, onChange: (e)=>{ const selected = names.find((n)=>n.name === e.target.value); setSelectedName(e.target.value); setShowCalendar(false); if (selected) { setUserRoute(selected.route); setSelectedAddress(selected.address); setAvailableDates(getAvailableDates(selected.route)); } }, __source: { fileName: "", lineNumber: 200, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 215, columnNumber: 17 }, __self: this }, "Selecione..."), names.map((user)=>/*#__PURE__*/ React.createElement("option", { key: user.name, value: user.name, __source: { fileName: "", lineNumber: 217, columnNumber: 19 }, __self: this }, user.name))), selectedName && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 223, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 224, columnNumber: 19 }, __self: this }, "Endereço de Entrega"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full px-4 py-2 border rounded-lg bg-gray-50 h-20 resize-none text-center flex items-center justify-center", value: selectedAddress, readOnly: true, disabled: true, __source: { fileName: "", lineNumber: 227, columnNumber: 19 }, __self: this }))), selectedName && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 238, columnNumber: 17 }, __self: this }, "Data de Entrega"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 241, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "deliveryDate", className: `w-full px-4 py-2 border rounded-lg ${!selectedName ? "bg-gray-100 cursor-not-allowed" : "focus:outline-none focus:ring-2 focus:ring-blue-500"}`, value: selectedDate ? new Date(selectedDate + "T12:00:00").toLocaleDateString("pt-BR") : "", onClick: ()=>{ if (selectedName) { setShowCalendar(true); } }, readOnly: true, placeholder: selectedName ? "Selecione uma data" : "Selecione um nome primeiro", disabled: !selectedName, __source: { fileName: "", lineNumber: 242, columnNumber: 19 }, __self: this }), showCalendar && selectedName && /*#__PURE__*/ React.createElement("div", { className: "absolute top-full left-0 w-full bg-white border rounded-lg shadow-lg mt-1 p-4 z-50", __source: { fileName: "", lineNumber: 271, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 272, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setCurrentMonth(new Date(currentMonth.setMonth(currentMonth.getMonth() - 1))), className: "p-2 hover:bg-gray-100 rounded", __source: { fileName: "", lineNumber: 273, columnNumber: 25 }, __self: this }, "←"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 288, columnNumber: 25 }, __self: this }, currentMonth.toLocaleDateString("pt-BR", { month: "long", year: "numeric" })), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setCurrentMonth(new Date(currentMonth.setMonth(currentMonth.getMonth() + 1))), className: "p-2 hover:bg-gray-100 rounded", __source: { fileName: "", lineNumber: 294, columnNumber: 25 }, __self: this }, "→")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-7 gap-1", __source: { fileName: "", lineNumber: 310, columnNumber: 23 }, __self: this }, [ "D", "S", "T", "Q", "Q", "S", "S" ].map((day, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "text-center text-sm font-semibold", __source: { fileName: "", lineNumber: 312, columnNumber: 27 }, __self: this }, day)), Array.from({ length: getDaysInMonth(currentMonth).firstDayOfMonth }).map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: `empty-${i}`, __source: { fileName: "", lineNumber: 322, columnNumber: 27 }, __self: this })), Array.from({ length: getDaysInMonth(currentMonth).daysInMonth }).map((_, i)=>{ const date = new Date(currentMonth.getFullYear(), currentMonth.getMonth(), i + 1); const dateString = date.toISOString().split("T")[0]; const isAvailable = availableDates.includes(dateString); const isSelected = dateString === selectedDate; return /*#__PURE__*/ React.createElement("button", { key: i, type: "button", onClick: ()=>{ if (isAvailable) { setSelectedDate(dateString); setShowCalendar(false); setError(""); } else { setError("Data selecionada não está disponível para entrega"); } }, disabled: !isAvailable, className: `w-full h-8 flex items-center justify-center rounded ${isSelected ? "bg-blue-500 text-white" : isAvailable ? "bg-green-100 hover:bg-green-200" : "text-gray-300 cursor-not-allowed"}`, __source: { fileName: "", lineNumber: 338, columnNumber: 29 }, __self: this }, i + 1); })), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowCalendar(false), className: "w-full mt-4 p-2 bg-gray-100 rounded hover:bg-gray-200", __source: { fileName: "", lineNumber: 366, columnNumber: 23 }, __self: this }, "Fechar"))), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-red-600 mt-1 text-center", __source: { fileName: "", lineNumber: 376, columnNumber: 17 }, __self: this }, [ "BARRA", "ANIL", "RIO DAS PEDRAS" ].includes(userRoute) ? "Entregas disponíveis para sua rota: Segunda e Quarta" : "Entregas disponíveis para sua rota: Terça e Sábado")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white py-2 rounded-lg hover:bg-blue-600 transition-colors disabled:bg-gray-400", disabled: loading || !selectedName || !selectedDate, __source: { fileName: "", lineNumber: 383, columnNumber: 13 }, __self: this }, loading ? "Carregando..." : "Continuar"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: resetForm, className: "w-full bg-gray-200 text-gray-700 py-2 rounded-lg hover:bg-gray-300 transition-colors", disabled: loading, __source: { fileName: "", lineNumber: 390, columnNumber: 13 }, __self: this }, "Voltar")), renderError(), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center", __source: { fileName: "", lineNumber: 401, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-2", __source: { fileName: "", lineNumber: 402, columnNumber: 11 }, __self: this }, "Seu endereço não aparece aqui ou está com algo erro? Por favor, nos informe através do whatsapp"), /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/5521982910861", target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center justify-center px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 transition-colors", __source: { fileName: "", lineNumber: 406, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp mr-2", __source: { fileName: "", lineNumber: 412, columnNumber: 13 }, __self: this }), "Falar no WhatsApp")))); }