function MainComponent() { const [books, setBooks] = useState([]); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [showSellForm, setShowSellForm] = useState(false); const [searchTerm, setSearchTerm] = useState(""); const [newBook, setNewBook] = useState({ title: "", author: "", isbn: "", price: "", condition: "Muy Bueno", description: "", cover_image: "", back_cover_image: "", additional_images: [], video_url: "" }); const [uploadingImages, setUploadingImages] = useState(false); const [openLibraryResults, setOpenLibraryResults] = useState(null); const [isSearchingBook, setIsSearchingBook] = useState(false); const [selectedBook, setSelectedBook] = useState(null); const [showProfileMenu, setShowProfileMenu] = useState(false); const { data: user, loading: userLoading } = useUser(); const { signOut } = useAuth(); const getConditionColor = (condition)=>{ switch(condition){ case "Como Nuevo": return "bg-green-100 text-green-800 border-green-200"; case "Muy Bueno": return "bg-[#4A3F35]/10 text-[#4A3F35] border-[#4A3F35]/20"; case "Bueno": return "bg-yellow-100 text-yellow-800 border-yellow-200"; case "Aceptable": return "bg-orange-100 text-orange-800 border-orange-200"; default: return "bg-gray-100 text-gray-800 border-gray-200"; } }; React.useEffect(()=>{ loadBooks(); }, [ searchTerm ]); const loadBooks = async ()=>{ try { setLoading(true); setError(null); const response = await fetch("/api/books/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ search: searchTerm, limit: 50 }) }); if (!response.ok) { throw new Error(`Error al cargar los libros: ${response.statusText}`); } const data = await response.json(); setBooks(data.books || []); } catch (error) { console.error("Error loading books:", error); if (searchTerm) { setError("No se pudieron cargar los libros. Por favor, intenta de nuevo."); } } finally{ setLoading(false); } }; const handleImageUpload = async (file, type)=>{ if (!file) return; try { setUploadingImages(true); const formData = new FormData(); formData.append("file", file); const response = await fetch("/api/upload", { method: "POST", body: formData }); if (!response.ok) { throw new Error(`Error al subir la imagen: ${response.status}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } switch(type){ case "cover": setNewBook((prev)=>({ ...prev, cover_image: data.url })); break; case "back": setNewBook((prev)=>({ ...prev, back_cover_image: data.url })); break; case "additional": setNewBook((prev)=>({ ...prev, additional_images: [ ...prev.additional_images, data.url ] })); break; case "video": setNewBook((prev)=>({ ...prev, video_url: data.url })); break; } } catch (error) { console.error("Error uploading file:", error); setError("Error al subir la imagen: " + error.message); } finally{ setUploadingImages(false); } }; const handleDeleteBook = async (bookId)=>{ if (!window.confirm("¿Estás seguro de que quieres eliminar este libro?")) { return; } try { const response = await fetch("/api/books/delete", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ bookId }) }); const data = await response.json(); if (data.success) { loadBooks(); } else { setError(data.error || "Error al eliminar el libro"); } } catch (error) { console.error("Error deleting book:", error); setError("Error al eliminar el libro"); } }; const handleSellBook = async (e)=>{ e.preventDefault(); if (!user) { setError("Debes iniciar sesión para vender un libro"); return; } if (!newBook.title || !newBook.author || !newBook.price || !newBook.cover_image || !newBook.back_cover_image) { setError("Título, autor, precio y las fotos de portada y contraportada son requeridos"); return; } try { const response = await fetch("/api/books/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(newBook) }); if (!response.ok) { throw new Error(`Error ${response.status}: ${response.statusText}`); } const data = await response.json(); if (data.success) { setNewBook({ title: "", author: "", isbn: "", price: "", condition: "Muy Bueno", description: "", cover_image: "", back_cover_image: "", additional_images: [], video_url: "" }); setShowSellForm(false); setError(null); loadBooks(); } else { setError(data.error || "Error al crear el libro"); } } catch (error) { console.error("Error creating book:", error); setError("Error al publicar el libro"); } }; const searchOpenLibrary = async (isbnOrQuery)=>{ try { setIsSearchingBook(true); const response = await fetch("/api/books/search_open_library", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ isbn: isbnOrQuery.match(/^[0-9-]{10,13}$/) ? isbnOrQuery : null, query: isbnOrQuery.match(/^[0-9-]{10,13}$/) ? null : isbnOrQuery }) }); const data = await response.json(); if (data.success) { setOpenLibraryResults(data.books || [ data.book ]); setError(null); } else { setError(data.error); } } catch (error) { console.error("Error searching OpenLibrary:", error); setError("Error al buscar el libro"); } finally{ setIsSearchingBook(false); } }; const handleBookSelect = (book)=>{ setSelectedBook(book); setNewBook({ ...newBook, title: book.title, author: book.authors.join(", "), isbn: book.openLibraryId.replace("ISBN:", ""), cover_image: book.cover || "" }); setOpenLibraryResults(null); }; const filteredBooks = books; const handleSignOut = async ()=>{ await signOut({ callbackUrl: "/", redirect: true }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F4ECD8]", __source: { fileName: "", lineNumber: 265, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 266, columnNumber: 7 }, __self: this }, ` @font-style { @import url('https://fonts.googleapis.com/css2?family=Marker+Felt:wght@400&display=swap'); } .notes-texture { background-image: linear-gradient(rgba(246, 230, 190, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(246, 230, 190, 0.3) 1px, transparent 1px); background-size: 24px 24px; background-position: 0 0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); } .paper-texture { background-color: #FFFDF7; background-image: linear-gradient(#F6E6BE 0.1em, transparent 0.1em); background-size: 100% 1.5em; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } `), /*#__PURE__*/ React.createElement("header", { className: "bg-[#8B4513] border-b border-[#5D2906] shadow-lg", __source: { fileName: "", lineNumber: 291, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 292, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center h-16", __source: { fileName: "", lineNumber: 293, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 294, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book-open text-2xl text-[#F6E6BE] mr-3", __source: { fileName: "", lineNumber: 295, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#F6E6BE] font-marker-felt", __source: { fileName: "", lineNumber: 296, columnNumber: 15 }, __self: this }, "Libreret")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 300, columnNumber: 13 }, __self: this }, userLoading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse bg-[#F6E6BE]/20 h-10 w-32 rounded-lg", __source: { fileName: "", lineNumber: 302, columnNumber: 17 }, __self: this }) : user ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 304, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 305, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "flex items-center space-x-2 text-[#F6E6BE] hover:text-white", onClick: ()=>setShowProfileMenu(!showProfileMenu), __source: { fileName: "", lineNumber: 306, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 bg-[#F6E6BE] rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 310, columnNumber: 23 }, __self: this }, user.image ? /*#__PURE__*/ React.createElement("img", { src: user.image, alt: "Perfil", className: "w-8 h-8 rounded-full", __source: { fileName: "", lineNumber: 312, columnNumber: 27 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-[#8B4513]", __source: { fileName: "", lineNumber: 318, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "font-marker-felt", __source: { fileName: "", lineNumber: 321, columnNumber: 23 }, __self: this }, user.name || user.email), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-${showProfileMenu ? "up" : "down"} text-sm`, __source: { fileName: "", lineNumber: 324, columnNumber: 23 }, __self: this })), showProfileMenu && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg py-1 z-50", __source: { fileName: "", lineNumber: 329, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/profile", className: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100", __source: { fileName: "", lineNumber: 330, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle mr-2", __source: { fileName: "", lineNumber: 334, columnNumber: 27 }, __self: this }), "Mi Perfil"), /*#__PURE__*/ React.createElement("a", { href: "/my-books", className: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100", __source: { fileName: "", lineNumber: 337, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book mr-2", __source: { fileName: "", lineNumber: 341, columnNumber: 27 }, __self: this }), "Mis Libros"), /*#__PURE__*/ React.createElement("a", { href: "/messages", className: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100", __source: { fileName: "", lineNumber: 344, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 348, columnNumber: 27 }, __self: this }), "Mensajes"), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-100", __source: { fileName: "", lineNumber: 351, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSignOut, className: "block w-full px-4 py-2 text-sm text-left text-red-600 hover:bg-red-50", __source: { fileName: "", lineNumber: 352, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-2", __source: { fileName: "", lineNumber: 356, columnNumber: 27 }, __self: this }), "Cerrar Sesión"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSellForm(true), className: "bg-[#F6E6BE] text-[#8B4513] px-4 py-2 rounded-lg hover:bg-[#F6E6BE]/90 transition-colors font-marker-felt", __source: { fileName: "", lineNumber: 362, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 366, columnNumber: 21 }, __self: this }), "Vender Libro")) : /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 371, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "bg-[#F6E6BE] text-[#8B4513] px-4 py-2 rounded-lg hover:bg-[#F6E6BE]/90 transition-colors font-marker-felt", __source: { fileName: "", lineNumber: 372, columnNumber: 19 }, __self: this }, "Iniciar Sesión"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "border border-[#F6E6BE] text-[#F6E6BE] px-4 py-2 rounded-lg hover:bg-[#F6E6BE]/10 transition-colors font-marker-felt", __source: { fileName: "", lineNumber: 378, columnNumber: 19 }, __self: this }, "Registrarse")))))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto p-4 sm:p-6 lg:p-8", __source: { fileName: "", lineNumber: 391, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "paper-texture rounded-lg p-6", __source: { fileName: "", lineNumber: 392, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 393, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-marker-felt text-[#8B4513] mb-4", __source: { fileName: "", lineNumber: 394, columnNumber: 13 }, __self: this }, "Libros Disponibles"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 397, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Buscar libros...", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), className: "w-full px-4 py-3 bg-transparent border-b-2 border-[#8B4513]/30 text-[#8B4513] placeholder-[#8B4513]/50 focus:outline-none focus:border-[#8B4513] font-marker-felt", __source: { fileName: "", lineNumber: 398, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search absolute right-4 top-1/2 transform -translate-y-1/2 text-[#8B4513]/50", __source: { fileName: "", lineNumber: 405, columnNumber: 15 }, __self: this }))), loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 410, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-[#8B4513]", __source: { fileName: "", lineNumber: 411, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-[#8B4513] font-marker-felt", __source: { fileName: "", lineNumber: 412, columnNumber: 15 }, __self: this }, "Cargando libros...")) : books.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-16 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 417, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 h-24 bg-[#8B4513]/10 rounded-full flex items-center justify-center mx-auto mb-6", __source: { fileName: "", lineNumber: 418, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-books text-[#8B4513] text-4xl", __source: { fileName: "", lineNumber: 419, columnNumber: 17 }, __self: this })), user ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-marker-felt text-[#8B4513] mb-4", __source: { fileName: "", lineNumber: 423, columnNumber: 19 }, __self: this }, "¡Sé el primero en vender un libro!"), /*#__PURE__*/ React.createElement("p", { className: "text-[#8B4513]/70 mb-8 max-w-md mx-auto", __source: { fileName: "", lineNumber: 426, columnNumber: 19 }, __self: this }, "Comparte tus libros con otros lectores y forma parte de nuestra comunidad."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSellForm(true), className: "bg-[#8B4513] text-[#F6E6BE] px-8 py-4 rounded-lg hover:bg-[#8B4513]/90 transition-colors font-marker-felt inline-flex items-center", __source: { fileName: "", lineNumber: 430, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 434, columnNumber: 21 }, __self: this }), "Vender mi primer libro")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-marker-felt text-[#8B4513] mb-4", __source: { fileName: "", lineNumber: 440, columnNumber: 19 }, __self: this }, "Bienvenido a Libreret"), /*#__PURE__*/ React.createElement("p", { className: "text-[#8B4513]/70 mb-8 max-w-md mx-auto", __source: { fileName: "", lineNumber: 443, columnNumber: 19 }, __self: this }, "Únete a nuestra comunidad de lectores y compra-venta de libros de segunda mano."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4", __source: { fileName: "", lineNumber: 447, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "bg-[#8B4513] text-[#F6E6BE] px-6 py-3 rounded-lg hover:bg-[#8B4513]/90 transition-colors font-marker-felt", __source: { fileName: "", lineNumber: 448, columnNumber: 21 }, __self: this }, "Iniciar Sesión"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "border-2 border-[#8B4513] text-[#8B4513] px-6 py-3 rounded-lg hover:bg-[#8B4513]/10 transition-colors font-marker-felt", __source: { fileName: "", lineNumber: 454, columnNumber: 21 }, __self: this }, "Crear Cuenta"))), /*#__PURE__*/ React.createElement("div", { className: "mt-16 grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 464, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 465, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-[#8B4513]/10 rounded-full flex items-center justify-center mx-auto mb-4", __source: { fileName: "", lineNumber: 466, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book-reader text-[#8B4513] text-2xl", __source: { fileName: "", lineNumber: 467, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h4", { className: "font-marker-felt text-[#8B4513] mb-2", __source: { fileName: "", lineNumber: 469, columnNumber: 19 }, __self: this }, "Compra libros usados"), /*#__PURE__*/ React.createElement("p", { className: "text-[#8B4513]/70", __source: { fileName: "", lineNumber: 472, columnNumber: 19 }, __self: this }, "Encuentra libros a precios accesibles")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 476, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-[#8B4513]/10 rounded-full flex items-center justify-center mx-auto mb-4", __source: { fileName: "", lineNumber: 477, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hand-holding-usd text-[#8B4513] text-2xl", __source: { fileName: "", lineNumber: 478, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h4", { className: "font-marker-felt text-[#8B4513] mb-2", __source: { fileName: "", lineNumber: 480, columnNumber: 19 }, __self: this }, "Vende tus libros"), /*#__PURE__*/ React.createElement("p", { className: "text-[#8B4513]/70", __source: { fileName: "", lineNumber: 483, columnNumber: 19 }, __self: this }, "Dale una segunda vida a tus libros")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 487, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-[#8B4513]/10 rounded-full flex items-center justify-center mx-auto mb-4", __source: { fileName: "", lineNumber: 488, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-[#8B4513] text-2xl", __source: { fileName: "", lineNumber: 489, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h4", { className: "font-marker-felt text-[#8B4513] mb-2", __source: { fileName: "", lineNumber: 491, columnNumber: 19 }, __self: this }, "Únete a la comunidad"), /*#__PURE__*/ React.createElement("p", { className: "text-[#8B4513]/70", __source: { fileName: "", lineNumber: 494, columnNumber: 19 }, __self: this }, "Conecta con otros lectores")))) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 501, columnNumber: 13 }, __self: this }, books.map((book)=>/*#__PURE__*/ React.createElement("div", { key: book.id, className: "bg-[#FFFDD0] rounded-lg shadow-md border border-[#8B4513]/20 overflow-hidden transform transition-transform hover:-translate-y-1", __source: { fileName: "", lineNumber: 503, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 507, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: book.cover_image, alt: book.title, className: "w-full h-48 object-cover", __source: { fileName: "", lineNumber: 508, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-3 right-3", __source: { fileName: "", lineNumber: 513, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded-full text-xs font-medium border ${getConditionColor(book.condition)} font-inter`, __source: { fileName: "", lineNumber: 514, columnNumber: 23 }, __self: this }, book.condition)), book.status !== "available" && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black/50 flex items-center justify-center", __source: { fileName: "", lineNumber: 521, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-red-500 text-white px-3 py-1 rounded-full text-sm font-medium font-inter", __source: { fileName: "", lineNumber: 522, columnNumber: 25 }, __self: this }, "Vendido")), (user?.id === book.seller_id || user?.is_admin) && /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDeleteBook(book.id), className: "absolute top-3 left-3 bg-red-500 text-white p-2 rounded-full hover:bg-red-600 transition-colors", __source: { fileName: "", lineNumber: 528, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt", __source: { fileName: "", lineNumber: 532, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 537, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold text-[#4A3F35] mb-1 line-clamp-2 font-playfair-display text-lg", __source: { fileName: "", lineNumber: 538, columnNumber: 21 }, __self: this }, book.title), /*#__PURE__*/ React.createElement("p", { className: "text-[#4A3F35]/70 text-sm mb-3 font-inter", __source: { fileName: "", lineNumber: 541, columnNumber: 21 }, __self: this }, "por ", book.author), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-3", __source: { fileName: "", lineNumber: 545, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold text-[#4A3F35] font-inter", __source: { fileName: "", lineNumber: 546, columnNumber: 23 }, __self: this }, "$", book.price), /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-[#4A3F35]/60 text-xs font-inter", __source: { fileName: "", lineNumber: 549, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-1", __source: { fileName: "", lineNumber: 550, columnNumber: 25 }, __self: this }), book.seller_name || "Vendedor")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 555, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: `/book?id=${book.id}`, className: "flex-1 bg-[#4A3F35] text-[#FBF8CC] px-4 py-2 rounded-lg hover:bg-[#4A3F35]/90 transition-colors text-center text-sm font-medium font-inter", __source: { fileName: "", lineNumber: 556, columnNumber: 23 }, __self: this }, "Ver Detalles"), /*#__PURE__*/ React.createElement("button", { className: "px-3 py-2 border border-[#4A3F35]/20 text-[#4A3F35] rounded-lg hover:bg-[#4A3F35]/5 transition-colors", __source: { fileName: "", lineNumber: 562, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-sm", __source: { fileName: "", lineNumber: 563, columnNumber: 25 }, __self: this }))))))))), error && /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4", __source: { fileName: "", lineNumber: 575, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded", __source: { fileName: "", lineNumber: 576, columnNumber: 11 }, __self: this }, error, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setError(null), className: "float-right font-bold", __source: { fileName: "", lineNumber: 578, columnNumber: 13 }, __self: this }, "×"))), /*#__PURE__*/ React.createElement("section", { className: "py-8 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 588, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 589, columnNumber: 9 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 591, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-[#4A3F35] mb-4", __source: { fileName: "", lineNumber: 592, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#4A3F35]/70 text-lg font-inter", __source: { fileName: "", lineNumber: 593, columnNumber: 15 }, __self: this }, "Cargando libros...")) : error ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 598, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-4", __source: { fileName: "", lineNumber: 599, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle text-red-500 text-2xl", __source: { fileName: "", lineNumber: 600, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-[#4A3F35] mb-2 font-playfair-display", __source: { fileName: "", lineNumber: 602, columnNumber: 15 }, __self: this }, "Error"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4A3F35]/70 mb-6 font-inter", __source: { fileName: "", lineNumber: 605, columnNumber: 15 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: loadBooks, className: "bg-[#4A3F35] text-[#FBF8CC] px-6 py-3 rounded-lg hover:bg-[#4A3F35]/90 transition-colors font-inter font-medium", __source: { fileName: "", lineNumber: 606, columnNumber: 15 }, __self: this }, "Intentar de nuevo")) : books.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-16", __source: { fileName: "", lineNumber: 614, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 bg-[#4A3F35]/10 rounded-full flex items-center justify-center mx-auto mb-6", __source: { fileName: "", lineNumber: 615, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book text-[#4A3F35] text-3xl", __source: { fileName: "", lineNumber: 616, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#4A3F35] mb-4 font-playfair-display", __source: { fileName: "", lineNumber: 618, columnNumber: 15 }, __self: this }, "No se encontraron libros"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4A3F35]/70 mb-8 font-inter max-w-md mx-auto", __source: { fileName: "", lineNumber: 621, columnNumber: 15 }, __self: this }, searchTerm ? "Intenta ajustar tus filtros de búsqueda para encontrar más libros." : "Sé el primero en compartir un libro con la comunidad."), /*#__PURE__*/ React.createElement("a", { href: "/sell", className: "bg-[#4A3F35] text-[#FBF8CC] px-8 py-4 rounded-lg hover:bg-[#4A3F35]/90 transition-colors font-inter font-medium inline-flex items-center", __source: { fileName: "", lineNumber: 626, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 630, columnNumber: 17 }, __self: this }), "Vender tu primer libro")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 636, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#4A3F35] font-playfair-display", __source: { fileName: "", lineNumber: 637, columnNumber: 17 }, __self: this }, books.length, " ", books.length === 1 ? "libro encontrado" : "libros encontrados")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 645, columnNumber: 15 }, __self: this }, books.map((book)=>/*#__PURE__*/ React.createElement("div", { key: book.id, className: "bg-white rounded-2xl shadow-sm border border-[#4A3F35]/10 overflow-hidden hover:shadow-md transition-all duration-300 hover:-translate-y-1", __source: { fileName: "", lineNumber: 647, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 651, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: book.cover_image, alt: book.title, className: "w-full h-48 object-cover", __source: { fileName: "", lineNumber: 652, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-3 right-3", __source: { fileName: "", lineNumber: 657, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded-full text-xs font-medium border ${getConditionColor(book.condition)} font-inter`, __source: { fileName: "", lineNumber: 658, columnNumber: 25 }, __self: this }, book.condition)), book.status !== "available" && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black/50 flex items-center justify-center", __source: { fileName: "", lineNumber: 665, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-red-500 text-white px-3 py-1 rounded-full text-sm font-medium font-inter", __source: { fileName: "", lineNumber: 666, columnNumber: 27 }, __self: this }, "Vendido")), (user?.id === book.seller_id || user?.is_admin) && /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDeleteBook(book.id), className: "absolute top-3 left-3 bg-red-500 text-white p-2 rounded-full hover:bg-red-600 transition-colors", __source: { fileName: "", lineNumber: 672, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt", __source: { fileName: "", lineNumber: 676, columnNumber: 27 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 681, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold text-[#4A3F35] mb-1 line-clamp-2 font-playfair-display text-lg", __source: { fileName: "", lineNumber: 682, columnNumber: 23 }, __self: this }, book.title), /*#__PURE__*/ React.createElement("p", { className: "text-[#4A3F35]/70 text-sm mb-3 font-inter", __source: { fileName: "", lineNumber: 685, columnNumber: 23 }, __self: this }, "por ", book.author), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-3", __source: { fileName: "", lineNumber: 689, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold text-[#4A3F35] font-inter", __source: { fileName: "", lineNumber: 690, columnNumber: 25 }, __self: this }, "$", book.price), /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-[#4A3F35]/60 text-xs font-inter", __source: { fileName: "", lineNumber: 693, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-1", __source: { fileName: "", lineNumber: 694, columnNumber: 27 }, __self: this }), book.seller_name || "Vendedor")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 699, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: `/book?id=${book.id}`, className: "flex-1 bg-[#4A3F35] text-[#FBF8CC] px-4 py-2 rounded-lg hover:bg-[#4A3F35]/90 transition-colors text-center text-sm font-medium font-inter", __source: { fileName: "", lineNumber: 700, columnNumber: 25 }, __self: this }, "Ver Detalles"), /*#__PURE__*/ React.createElement("button", { className: "px-3 py-2 border border-[#4A3F35]/20 text-[#4A3F35] rounded-lg hover:bg-[#4A3F35]/5 transition-colors", __source: { fileName: "", lineNumber: 706, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-sm", __source: { fileName: "", lineNumber: 707, columnNumber: 27 }, __self: this })))))))))), showSellForm && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 720, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg max-w-md w-full max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 721, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 722, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 723, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 724, columnNumber: 17 }, __self: this }, "Vender un Libro"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowSellForm(false); setOpenLibraryResults(null); setSelectedBook(null); }, className: "text-gray-400 hover:text-gray-600", __source: { fileName: "", lineNumber: 727, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 735, columnNumber: 19 }, __self: this }))), !selectedBook && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 740, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 741, columnNumber: 19 }, __self: this }, "Buscar libro por ISBN o título"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 744, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "ISBN o título del libro", className: "flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4A3F35]/50", onKeyPress: (e)=>{ if (e.key === "Enter") { searchOpenLibrary(e.target.value); } }, __source: { fileName: "", lineNumber: 745, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: (e)=>searchOpenLibrary(e.target.previousElementSibling.value), className: "px-4 py-2 bg-[#4A3F35] text-white rounded-lg hover:bg-[#4A3F35]/90", disabled: isSearchingBook, __source: { fileName: "", lineNumber: 755, columnNumber: 21 }, __self: this }, isSearchingBook ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 763, columnNumber: 25 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-search", __source: { fileName: "", lineNumber: 765, columnNumber: 25 }, __self: this })))), openLibraryResults && openLibraryResults.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 773, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 774, columnNumber: 19 }, __self: this }, "Resultados encontrados:"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 777, columnNumber: 19 }, __self: this }, openLibraryResults.map((book, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "flex gap-3 p-2 border rounded-lg hover:bg-gray-50 cursor-pointer", onClick: ()=>handleBookSelect(book), __source: { fileName: "", lineNumber: 779, columnNumber: 23 }, __self: this }, book.cover && /*#__PURE__*/ React.createElement("img", { src: book.cover, alt: book.title, className: "w-16 h-20 object-cover rounded", __source: { fileName: "", lineNumber: 785, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 791, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h5", { className: "font-medium", __source: { fileName: "", lineNumber: 792, columnNumber: 27 }, __self: this }, book.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 793, columnNumber: 27 }, __self: this }, book.authors.join(", ")), book.publishYear && /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 797, columnNumber: 29 }, __self: this }, book.publishYear)))))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSellBook, __source: { fileName: "", lineNumber: 808, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 809, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 810, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 811, columnNumber: 21 }, __self: this }, "Título del libro *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "title", required: true, value: newBook.title, onChange: (e)=>setNewBook({ ...newBook, title: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4A3F35]/50", __source: { fileName: "", lineNumber: 814, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 826, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 827, columnNumber: 21 }, __self: this }, "Autor *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "author", required: true, value: newBook.author, onChange: (e)=>setNewBook({ ...newBook, author: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4A3F35]/50", __source: { fileName: "", lineNumber: 830, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 842, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 843, columnNumber: 21 }, __self: this }, "ISBN"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "isbn", value: newBook.isbn, onChange: (e)=>setNewBook({ ...newBook, isbn: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4A3F35]/50", __source: { fileName: "", lineNumber: 846, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 857, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 858, columnNumber: 21 }, __self: this }, "Estado del libro *"), /*#__PURE__*/ React.createElement("select", { name: "condition", value: newBook.condition, onChange: (e)=>setNewBook({ ...newBook, condition: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4A3F35]/50", __source: { fileName: "", lineNumber: 861, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "Como Nuevo", __source: { fileName: "", lineNumber: 869, columnNumber: 23 }, __self: this }, "Como Nuevo"), /*#__PURE__*/ React.createElement("option", { value: "Muy Bueno", __source: { fileName: "", lineNumber: 870, columnNumber: 23 }, __self: this }, "Muy Bueno"), /*#__PURE__*/ React.createElement("option", { value: "Bueno", __source: { fileName: "", lineNumber: 871, columnNumber: 23 }, __self: this }, "Bueno"), /*#__PURE__*/ React.createElement("option", { value: "Aceptable", __source: { fileName: "", lineNumber: 872, columnNumber: 23 }, __self: this }, "Aceptable"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 876, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 877, columnNumber: 21 }, __self: this }, "Notas sobre el estado"), /*#__PURE__*/ React.createElement("textarea", { name: "description", value: newBook.description, onChange: (e)=>setNewBook({ ...newBook, description: e.target.value }), rows: "3", className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4A3F35]/50", placeholder: "Describe el estado del libro, marcas, subrayados, etc.", __source: { fileName: "", lineNumber: 880, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 892, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 893, columnNumber: 21 }, __self: this }, "Precio ($) *"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "price", required: true, min: "1", step: "0.01", value: newBook.price, onChange: (e)=>setNewBook({ ...newBook, price: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4A3F35]/50", __source: { fileName: "", lineNumber: 896, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 910, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 911, columnNumber: 21 }, __self: this }, "Foto de Portada *"), newBook.cover_image ? /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 915, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: newBook.cover_image, alt: "Portada", className: "w-full h-40 object-contain", __source: { fileName: "", lineNumber: 916, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setNewBook({ ...newBook, cover_image: "" }), className: "absolute top-2 right-2 bg-red-500 text-white p-1 rounded-full hover:bg-red-600", __source: { fileName: "", lineNumber: 921, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 928, columnNumber: 27 }, __self: this }))) : /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: (e)=>handleImageUpload(e.target.files[0], "cover"), required: !newBook.cover_image, className: "w-full", __source: { fileName: "", lineNumber: 932, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 944, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 945, columnNumber: 21 }, __self: this }, "Foto de Contraportada *"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: (e)=>handleImageUpload(e.target.files[0], "back"), required: !newBook.back_cover_image, className: "w-full", __source: { fileName: "", lineNumber: 948, columnNumber: 21 }, __self: this }), newBook.back_cover_image && /*#__PURE__*/ React.createElement("img", { src: newBook.back_cover_image, alt: "Contraportada", className: "mt-2 h-40 object-contain", __source: { fileName: "", lineNumber: 958, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 966, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 967, columnNumber: 21 }, __self: this }, "Fotos Adicionales"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: (e)=>handleImageUpload(e.target.files[0], "additional"), className: "w-full", __source: { fileName: "", lineNumber: 970, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mt-2", __source: { fileName: "", lineNumber: 978, columnNumber: 21 }, __self: this }, newBook.additional_images.map((img, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "relative", __source: { fileName: "", lineNumber: 980, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: img, alt: `Adicional ${idx + 1}`, className: "h-20 object-contain", __source: { fileName: "", lineNumber: 981, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ const newImages = [ ...newBook.additional_images ]; newImages.splice(idx, 1); setNewBook({ ...newBook, additional_images: newImages }); }, className: "absolute top-1 right-1 bg-red-500 text-white p-1 rounded-full hover:bg-red-600 text-xs", __source: { fileName: "", lineNumber: 986, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 998, columnNumber: 29 }, __self: this }))))))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3 mt-6", __source: { fileName: "", lineNumber: 1006, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ setShowSellForm(false); setOpenLibraryResults(null); setSelectedBook(null); }, className: "flex-1 px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors", disabled: uploadingImages, __source: { fileName: "", lineNumber: 1007, columnNumber: 19 }, __self: this }, "Cancelar"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 px-4 py-2 bg-[#4A3F35] text-[#FBF8CC] rounded-lg hover:bg-[#4A3F35]/90 transition-colors disabled:opacity-50", disabled: uploadingImages, __source: { fileName: "", lineNumber: 1019, columnNumber: 19 }, __self: this }, uploadingImages ? "Subiendo imágenes..." : "Publicar Libro")))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#4A3F35] text-[#FBF8CC] py-12 mt-16", __source: { fileName: "", lineNumber: 1035, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 1036, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-8", __source: { fileName: "", lineNumber: 1037, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 1038, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 1039, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 bg-[#FBF8CC] rounded-lg flex items-center justify-center mr-3", __source: { fileName: "", lineNumber: 1040, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book-open text-[#4A3F35] text-lg", __source: { fileName: "", lineNumber: 1041, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold font-playfair-display", __source: { fileName: "", lineNumber: 1043, columnNumber: 17 }, __self: this }, "Libreret")), /*#__PURE__*/ React.createElement("p", { className: "text-[#FBF8CC]/80 mb-6 font-inter leading-relaxed max-w-md", __source: { fileName: "", lineNumber: 1047, columnNumber: 15 }, __self: this }, "El marketplace de libros de segunda mano que conecta lectores apasionados y da nueva vida a los tesoros literarios."), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 1051, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "w-10 h-10 bg-[#FBF8CC]/10 rounded-lg flex items-center justify-center hover:bg-[#FBF8CC]/20 transition-colors", __source: { fileName: "", lineNumber: 1052, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f text-[#FBF8CC]", __source: { fileName: "", lineNumber: 1056, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "w-10 h-10 bg-[#FBF8CC]/10 rounded-lg flex items-center justify-center hover:bg-[#FBF8CC]/20 transition-colors", __source: { fileName: "", lineNumber: 1058, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-[#FBF8CC]", __source: { fileName: "", lineNumber: 1062, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "w-10 h-10 bg-[#FBF8CC]/10 rounded-lg flex items-center justify-center hover:bg-[#FBF8CC]/20 transition-colors", __source: { fileName: "", lineNumber: 1064, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-[#FBF8CC]", __source: { fileName: "", lineNumber: 1068, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1073, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-4 font-playfair-display text-lg", __source: { fileName: "", lineNumber: 1074, columnNumber: 15 }, __self: this }, "Comunidad"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3 text-[#FBF8CC]/80 font-inter", __source: { fileName: "", lineNumber: 1077, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 1078, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-3 text-[#FBF8CC]/60", __source: { fileName: "", lineNumber: 1079, columnNumber: 19 }, __self: this }), "Únete a nuestra comunidad"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 1082, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart mr-3 text-[#FBF8CC]/60", __source: { fileName: "", lineNumber: 1083, columnNumber: 19 }, __self: this }), "Comparte tu amor por la lectura"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 1086, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-recycle mr-3 text-[#FBF8CC]/60", __source: { fileName: "", lineNumber: 1087, columnNumber: 19 }, __self: this }), "Contribuye al reciclaje literario"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 1090, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-handshake mr-3 text-[#FBF8CC]/60", __source: { fileName: "", lineNumber: 1091, columnNumber: 19 }, __self: this }), "Conecta con otros lectores"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1097, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold mb-4 font-playfair-display text-lg", __source: { fileName: "", lineNumber: 1098, columnNumber: 15 }, __self: this }, "Contacto"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3 text-[#FBF8CC]/80 font-inter", __source: { fileName: "", lineNumber: 1101, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 1102, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-3 text-[#FBF8CC]/60", __source: { fileName: "", lineNumber: 1103, columnNumber: 19 }, __self: this }), "hola@libreret.com"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 1106, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone mr-3 text-[#FBF8CC]/60", __source: { fileName: "", lineNumber: 1107, columnNumber: 19 }, __self: this }), "+1 (555) 123-4567"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 1110, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-3 text-[#FBF8CC]/60", __source: { fileName: "", lineNumber: 1111, columnNumber: 19 }, __self: this }), "Ciudad, País"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 1114, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-3 text-[#FBF8CC]/60", __source: { fileName: "", lineNumber: 1115, columnNumber: 19 }, __self: this }), "Lun - Vie: 9:00 - 18:00")))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-[#FBF8CC]/20 mt-8 pt-8", __source: { fileName: "", lineNumber: 1122, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 1123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#FBF8CC]/60 font-inter", __source: { fileName: "", lineNumber: 1124, columnNumber: 15 }, __self: this }, "© 2025 Libreret. Todos los derechos reservados."), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6 mt-4 md:mt-0", __source: { fileName: "", lineNumber: 1127, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#FBF8CC]/60 hover:text-[#FBF8CC] transition-colors font-inter text-sm", __source: { fileName: "", lineNumber: 1128, columnNumber: 17 }, __self: this }, "Términos de Servicio"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#FBF8CC]/60 hover:text-[#FBF8CC] transition-colors font-inter text-sm", __source: { fileName: "", lineNumber: 1134, columnNumber: 17 }, __self: this }, "Política de Privacidad"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#FBF8CC]/60 hover:text-[#FBF8CC] transition-colors font-inter text-sm", __source: { fileName: "", lineNumber: 1140, columnNumber: 17 }, __self: this }, "Ayuda"))))))); }