function Input({ plate, setPlate, searchVehicle, loading, error, success, vehicle, sendNotification }) { return /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-16", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-xl shadow-lg", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-6 text-center", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "A que vehículo quieres escribirle"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-6", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: plate, onChange: (e)=>setPlate(e.target.value.toUpperCase()), placeholder: "Ingresa la placa del vehículo", className: "flex-1 px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#34C759]", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: searchVehicle, disabled: loading || !plate, className: "px-6 py-3 bg-[#34C759] text-white rounded-lg hover:bg-[#34C759]/80 disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, loading ? "Buscando..." : "Buscar")), error && /*#__PURE__*/ React.createElement("div", { className: "p-4 mb-6 bg-red-50 text-red-700 rounded-lg", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, error), success && /*#__PURE__*/ React.createElement("div", { className: "p-4 mb-6 bg-green-50 text-green-700 rounded-lg", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, success), vehicle && /*#__PURE__*/ React.createElement("div", { className: "border-t pt-6", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this }, "Vehículo Encontrado"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#F7F8FA] rounded-lg p-5 mb-8 shadow-sm border border-[#34C759]/20", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-car text-2xl text-[#34C759] mr-3", __source: { fileName: "", lineNumber: 56, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "text-2xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 57, columnNumber: 21 }, __self: this }, vehicle.plate_number)), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 62, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 63, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tag text-[#34C759] mt-1 mr-2", __source: { fileName: "", lineNumber: 64, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 mb-1", __source: { fileName: "", lineNumber: 66, columnNumber: 25 }, __self: this }, "Marca"), /*#__PURE__*/ React.createElement("p", { className: "font-medium text-gray-800", __source: { fileName: "", lineNumber: 67, columnNumber: 25 }, __self: this }, vehicle.brand || "No disponible"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 72, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-car-side text-[#34C759] mt-1 mr-2", __source: { fileName: "", lineNumber: 73, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 74, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 mb-1", __source: { fileName: "", lineNumber: 75, columnNumber: 25 }, __self: this }, "Modelo"), /*#__PURE__*/ React.createElement("p", { className: "font-medium text-gray-800", __source: { fileName: "", lineNumber: 76, columnNumber: 25 }, __self: this }, vehicle.model || "No disponible"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 81, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt text-[#34C759] mt-1 mr-2", __source: { fileName: "", lineNumber: 82, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 83, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 mb-1", __source: { fileName: "", lineNumber: 84, columnNumber: 25 }, __self: this }, "Año"), /*#__PURE__*/ React.createElement("p", { className: "font-medium text-gray-800", __source: { fileName: "", lineNumber: 85, columnNumber: 25 }, __self: this }, vehicle.year || "No disponible"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 90, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-palette text-[#34C759] mt-1 mr-2", __source: { fileName: "", lineNumber: 91, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 92, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 mb-1", __source: { fileName: "", lineNumber: 93, columnNumber: 25 }, __self: this }, "Color"), /*#__PURE__*/ React.createElement("p", { className: "font-medium text-gray-800", __source: { fileName: "", lineNumber: 94, columnNumber: 25 }, __self: this }, vehicle.color || "No disponible"))))), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, "Enviar notificación a ", vehicle.plate_number), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 105, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>sendNotification("mal_parqueado"), disabled: loading, className: "p-4 bg-[#34C759]/10 hover:bg-[#34C759]/20 text-[#0B3D2E] rounded-lg transition-colors flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 106, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl mb-2", __source: { fileName: "", lineNumber: 111, columnNumber: 21 }, __self: this }, "🚫"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 112, columnNumber: 21 }, __self: this }, "Mal Parqueado")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>sendNotification("carga_completa"), disabled: loading, className: "p-4 bg-[#34C759]/10 hover:bg-[#34C759]/20 text-[#0B3D2E] rounded-lg transition-colors flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl mb-2", __source: { fileName: "", lineNumber: 119, columnNumber: 21 }, __self: this }, "🔌"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 120, columnNumber: 21 }, __self: this }, "Carga Completa")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>sendNotification("vandalizado"), disabled: loading, className: "p-4 bg-[#34C759]/10 hover:bg-[#34C759]/20 text-[#0B3D2E] rounded-lg transition-colors flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 122, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl mb-2", __source: { fileName: "", lineNumber: 127, columnNumber: 21 }, __self: this }, "⚠️"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 128, columnNumber: 21 }, __self: this }, "Vandalizado")))))))); } function InputStory() { const [plate, setPlate] = useState(""); const [vehicle, setVehicle] = useState(null); const [error, setError] = useState(""); const [success, setSuccess] = useState(""); const [loading, setLoading] = useState(false); const searchVehicle = ()=>{ // Mock search function setLoading(true); setTimeout(()=>{ setLoading(false); if (plate === "ABC123") { setVehicle({ plate_number: "ABC123", brand: "Toyota", model: "Corolla", year: 2020, color: "Rojo" }); setSuccess("Vehículo encontrado"); setError(""); } else { setVehicle(null); setError("Vehículo no encontrado"); setSuccess(""); } }, 1000); }; const sendNotification = (type)=>{ // Mock send notification function alert(`Notificación de tipo ${type} enviada`); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 176, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Input, { plate: plate, setPlate: setPlate, searchVehicle: searchVehicle, loading: loading, error: error, success: success, vehicle: vehicle, sendNotification: sendNotification, __source: { fileName: "", lineNumber: 177, columnNumber: 7 }, __self: this })); } function Input2({ plate, setPlate, searchVehicle, loading, error, success, vehicle, sendNotification, isAuthenticated, title, description, buttonText, profileUrl, signupUrl }) { return /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center gap-12", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/car-notification.png", alt: "Ilustración de notificación de vehículo", className: "w-full max-w-lg mx-auto", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this })))); } function Input2Story() { const [plate, setPlate] = useState(''); const [vehicle, setVehicle] = useState(null); const [error, setError] = useState(''); const [success, setSuccess] = useState(''); const [loading, setLoading] = useState(false); const user = { isAuthenticated: true }; // Mock user data const searchVehicle = ()=>{ // Mock search function }; const sendNotification = (type)=>{ // Mock send notification function }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Input2, { plate: plate, setPlate: setPlate, searchVehicle: searchVehicle, loading: loading, error: error, success: success, vehicle: vehicle, sendNotification: sendNotification, isAuthenticated: !!user, title: "Enhance your vehicle's security and communication", description: "Notifica y recibe alertas sobre tu vehículo de manera fácil y rápida", buttonText: "Comenzar ahora", profileUrl: "/profile", signupUrl: "/account/signup", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this })); } function Input2({ type = "submit", loading = false, buttonText = "Enviar instrucciones" }) { return /*#__PURE__*/ React.createElement("button", { type: type, disabled: loading, className: `w-full rounded-lg bg-[#34C759] px-4 py-3 text-white font-medium hover:bg-[#34C759]/90 focus:outline-none focus:ring-2 focus:ring-[#34C759] focus:ring-offset-2 ${loading ? 'opacity-50 cursor-not-allowed' : ''}`, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }), "Enviando...") : buttonText); } function Input2Story() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Input2, { loading: false, buttonText: "Enviar instrucciones", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Input2, { loading: true, buttonText: "Enviando...", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this })); } function Input2({ isAuthenticated, title, description, buttonText, profileUrl, signupUrl }) { const href = isAuthenticated ? profileUrl : signupUrl; return /*#__PURE__*/ React.createElement("div", { className: "flex-1 text-center md:text-left bg-[#F7F8FA] p-8 rounded-lg", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl md:text-5xl font-bold text-black mb-6", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-black mb-8", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, description), /*#__PURE__*/ React.createElement("a", { href: href, className: "inline-block px-8 py-4 text-lg font-medium text-white bg-[#34C759] rounded-lg hover:bg-[#34C759]/80 transform hover:scale-105 transition-all focus:outline-none focus:ring-2 focus:ring-[#34C759] focus:ring-offset-2", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, buttonText)); } function Input2Story() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8 p-4", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Input2, { isAuthenticated: false, title: "Comunícate con otros conductores", description: "Notifica y recibe alertas sobre tu vehículo de manera fácil y rápida", buttonText: "Comenzar ahora", profileUrl: "/profile", signupUrl: "/account/signup", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Input2, { isAuthenticated: true, title: "Comunícate con otros conductores", description: "Notifica y recibe alertas sobre tu vehículo de manera fácil y rápida", buttonText: "Comenzar ahora", profileUrl: "/profile", signupUrl: "/account/signup", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this })); } function MainComponent() { const [email, setEmail] = useState(""); const [loading, setLoading] = useState(false); const [status, setStatus] = useState({ type: "", message: "" }); const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setStatus({ type: "", message: "" }); try { const response = await fetch("/api/auth/forgot-password", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email }) }); const data = await response.json(); if (response.ok) { setStatus({ type: "success", message: "Si existe una cuenta con este correo, recibirás un enlace para restablecer tu contraseña." }); setEmail(""); } else { throw new Error(data.error || "Error al procesar la solicitud"); } } catch (error) { setStatus({ type: "error", message: error.message }); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F7F8FA] flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl p-8", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "inline-block mb-6", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/266cdf40-307e-4070-868f-dd4c961d70af/-/format/auto/", alt: "NotifyCar Logo", className: "h-16 w-auto", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "¿Olvidaste tu contraseña?"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Ingresa tu correo electrónico y te enviaremos instrucciones para restablecerla")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, "Correo Electrónico"), /*#__PURE__*/ React.createElement("input", { id: "email", name: "email", type: "email", required: true, value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full px-4 py-3 rounded-lg border border-gray-200 focus:outline-none focus:ring-2 focus:ring-[#34C759] focus:border-transparent", placeholder: "ejemplo@correo.com", disabled: loading, __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this })), status.message && /*#__PURE__*/ React.createElement("div", { className: `rounded-lg p-4 text-sm ${status.type === "success" ? "bg-green-50 text-green-800" : "bg-red-50 text-red-800"}`, __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, status.message), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: `w-full rounded-lg bg-[#34C759] px-4 py-3 text-white font-medium hover:bg-[#34C759]/90 focus:outline-none focus:ring-2 focus:ring-[#34C759] focus:ring-offset-2 ${loading ? "opacity-50 cursor-not-allowed" : ""}`, __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 103, columnNumber: 19 }, __self: this }), "Enviando...") : "Enviar instrucciones")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-sm text-[#34C759] hover:text-[#34C759]/80", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, "Volver a inicio de sesión"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center", __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, "¿No tienes una cuenta?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "font-medium text-[#34C759] hover:text-[#34C759]/80", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, "Regístrate"))))); }