function TeacherRequestForm({ onSubmit = async ()=>{}, onPreview = async ()=>{}, loading = false, disabled = false, books = [ { id: 1, title: "Calculus I", author: "John Smith", type: "Print" }, { id: 2, title: "Physics 101", author: "Jane Doe", type: "eBook" } ] }) { const [formData, setFormData] = useState({ course: "", bookId: "", quantity: "1", format: "print", notes: "" }); const [errors, setErrors] = useState({}); const [aiLoading, setAiLoading] = useState(false); const validateForm = ()=>{ const newErrors = {}; if (!formData.course.trim()) newErrors.course = "Required"; if (!formData.bookId) newErrors.bookId = "Required"; if (formData.quantity < 1) newErrors.quantity = "Must be at least 1"; if (!formData.format) newErrors.format = "Required"; return newErrors; }; const handleSubmit = async (e)=>{ e.preventDefault(); const newErrors = validateForm(); if (Object.keys(newErrors).length === 0) { await onSubmit(formData); } else { setErrors(newErrors); } }; const handlePreview = async (e)=>{ e.preventDefault(); const newErrors = validateForm(); if (Object.keys(newErrors).length === 0) { await onPreview(formData); } else { setErrors(newErrors); } }; const handleChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); if (errors[name]) { setErrors((prev)=>({ ...prev, [name]: undefined })); } }; const getAIHelp = async ()=>{ setAiLoading(true); try { const selectedBook = books.find((b)=>b.id.toString() === formData.bookId); const response = await fetch("/integrations/anthropic-claude/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `I'm a teacher requesting this book: "${selectedBook?.title}" by ${selectedBook?.author} for my ${formData.course} course. ${formData.notes ? `Current notes: "${formData.notes}"` : ""} Please suggest a professional and detailed book request note that explains why this book is needed and its academic value.` } ] }) }); const data = await response.json(); const suggestion = data.choices[0].message.content; setFormData((prev)=>({ ...prev, notes: suggestion })); } catch (error) { console.error("Error getting AI help:", error); } finally{ setAiLoading(false); } }; return /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 103, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, "Course Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "course", value: formData.course, onChange: handleChange, className: `w-full p-2 border rounded ${errors.course ? "border-red-500" : "border-gray-300"}`, disabled: disabled || loading, __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }), errors.course && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-xs mt-1", __source: { fileName: "", lineNumber: 118, columnNumber: 13 }, __self: this }, errors.course)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, "Select Book"), /*#__PURE__*/ React.createElement("select", { name: "bookId", value: formData.bookId, onChange: handleChange, className: `w-full p-2 border rounded ${errors.bookId ? "border-red-500" : "border-gray-300"}`, disabled: disabled || loading, __source: { fileName: "", lineNumber: 126, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, "Select a book"), books.map((book)=>/*#__PURE__*/ React.createElement("option", { key: book.id, value: book.id, __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }, book.title, " by ", book.author))), errors.bookId && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-xs mt-1", __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this }, errors.bookId)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 146, columnNumber: 11 }, __self: this }, "Quantity"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "quantity", value: formData.quantity, onChange: handleChange, min: "1", className: `w-full p-2 border rounded ${errors.quantity ? "border-red-500" : "border-gray-300"}`, disabled: disabled || loading, __source: { fileName: "", lineNumber: 149, columnNumber: 11 }, __self: this }), errors.quantity && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-xs mt-1", __source: { fileName: "", lineNumber: 159, columnNumber: 13 }, __self: this }, errors.quantity)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 163, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, "Format"), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 167, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center", __source: { fileName: "", lineNumber: 168, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "format", value: "print", checked: formData.format === "print", onChange: handleChange, className: "form-radio", disabled: disabled || loading, __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 178, columnNumber: 15 }, __self: this }, "Print")), /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center", __source: { fileName: "", lineNumber: 180, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "format", value: "ebook", checked: formData.format === "ebook", onChange: handleChange, className: "form-radio", disabled: disabled || loading, __source: { fileName: "", lineNumber: 181, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 190, columnNumber: 15 }, __self: this }, "eBook"))), errors.format && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-xs mt-1", __source: { fileName: "", lineNumber: 194, columnNumber: 13 }, __self: this }, errors.format)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 198, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-1", __source: { fileName: "", lineNumber: 199, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 200, columnNumber: 13 }, __self: this }, "Notes"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: getAIHelp, disabled: !formData.bookId || !formData.course || aiLoading, className: "text-sm bg-purple-600 text-white px-3 py-1 rounded hover:bg-purple-700 disabled:bg-purple-300 inline-flex items-center", __source: { fileName: "", lineNumber: 203, columnNumber: 13 }, __self: this }, aiLoading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-1", __source: { fileName: "", lineNumber: 210, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-magic mr-1", __source: { fileName: "", lineNumber: 212, columnNumber: 17 }, __self: this }), "Get AI Help")), /*#__PURE__*/ React.createElement("textarea", { name: "notes", value: formData.notes, onChange: handleChange, className: "w-full p-2 border rounded min-h-[100px]", disabled: disabled || loading, __source: { fileName: "", lineNumber: 217, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 226, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handlePreview, disabled: disabled || loading, className: "flex-1 bg-gray-600 text-white p-2 rounded hover:bg-gray-700 disabled:bg-gray-300", __source: { fileName: "", lineNumber: 227, columnNumber: 11 }, __self: this }, "Preview"), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: disabled || loading, className: "flex-1 bg-blue-600 text-white p-2 rounded hover:bg-blue-700 disabled:bg-blue-300", __source: { fileName: "", lineNumber: 235, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 241, columnNumber: 15 }, __self: this }) : "Submit Request")))); } function TeacherRequestFormStory() { const [submitting, setSubmitting] = useState(false); const navigate = useNavigate(); const handleSubmit = async (data)=>{ setSubmitting(true); await new Promise((resolve)=>setTimeout(resolve, 1000)); console.log("Form submitted:", data); setSubmitting(false); navigate("/textbook-distribution-app"); }; const handlePreview = async (data)=>{ navigate("/textbook-distribution-app/confirm", { state: { formData: data } }); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 max-w-md mx-auto", __source: { fileName: "", lineNumber: 271, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TeacherRequestForm, { onSubmit: handleSubmit, onPreview: handlePreview, loading: submitting, __source: { fileName: "", lineNumber: 272, columnNumber: 7 }, __self: this })); } function BookCard({ id, title, author, available, type, sponsorshipStatus, coverImage = "/book-placeholder.jpg", onRequest, loading = false }) { const [isRequesting, setIsRequesting] = useState(false); const [showModal, setShowModal] = useState(false); const handleSubmit = useCallback(async (e)=>{ e.preventDefault(); setIsRequesting(true); try { const formData = new FormData(e.target); const requestData = { id, notes: formData.get("notes"), preferredFormat: formData.get("preferredFormat"), urgency: formData.get("urgency") }; await onRequest(requestData); setShowModal(false); } finally{ setIsRequesting(false); } }, [ id, onRequest ]); const Modal = ({ onClose })=>/*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Request Book: ", title), /*#__PURE__*/ React.createElement("button", { onClick: onClose, className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Preferred Format"), /*#__PURE__*/ React.createElement("select", { name: "preferredFormat", className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "print", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, "Print"), /*#__PURE__*/ React.createElement("option", { value: "ebook", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, "eBook"), type.includes("+") && /*#__PURE__*/ React.createElement("option", { value: "both", __source: { fileName: "", lineNumber: 61, columnNumber: 38 }, __self: this }, "Both"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Urgency"), /*#__PURE__*/ React.createElement("select", { name: "urgency", className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "low", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, "Low - Within 2 weeks"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, "Medium - Within 1 week"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "High - Within 3 days"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, "Additional Notes"), /*#__PURE__*/ React.createElement("textarea", { name: "notes", rows: "3", className: "w-full p-2 border rounded", placeholder: "Any special requirements or notes...", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isRequesting, className: `w-full py-2 px-4 rounded-md text-white ${isRequesting ? "bg-gray-400 cursor-not-allowed" : "bg-blue-600 hover:bg-blue-700"}`, __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, isRequesting ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }) : "Confirm Request")))); return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6 inline-block w-[300px]", __source: { fileName: "", lineNumber: 113, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: coverImage, alt: `Cover of ${title}`, className: "w-full h-[200px] object-cover rounded-md", __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 122, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this }, "By ", author)), /*#__PURE__*/ React.createElement("span", { className: `px-3 py-1 rounded-full text-sm ${available ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 127, columnNumber: 9 }, __self: this }, available ? "Available" : "Out of Stock")), /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-2", __source: { fileName: "", lineNumber: 134, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-gray-700", __source: { fileName: "", lineNumber: 135, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book mr-2", __source: { fileName: "", lineNumber: 136, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 137, columnNumber: 11 }, __self: this }, type)), /*#__PURE__*/ React.createElement("div", { className: `inline-flex items-center px-3 py-1 rounded-full text-sm ${sponsorshipStatus === "Eligible for sponsorship" ? "bg-blue-100 text-blue-800" : sponsorshipStatus === "Sponsored" ? "bg-green-100 text-green-800" : "bg-yellow-100 text-yellow-800"}`, __source: { fileName: "", lineNumber: 140, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hand-holding-usd mr-2", __source: { fileName: "", lineNumber: 149, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 150, columnNumber: 11 }, __self: this }, sponsorshipStatus))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowModal(true), disabled: !available || loading, className: `mt-4 w-full py-2 px-4 rounded-md text-white ${available && !loading ? "bg-blue-600 hover:bg-blue-700" : "bg-gray-400 cursor-not-allowed"}`, __source: { fileName: "", lineNumber: 154, columnNumber: 7 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 163, columnNumber: 20 }, __self: this }) : "Request Book"), showModal && /*#__PURE__*/ React.createElement(Modal, { onClose: ()=>setShowModal(false), __source: { fileName: "", lineNumber: 166, columnNumber: 21 }, __self: this })); } function BookCardStory() { const [db] = useState({ requests: [] }); const handleRequest = useCallback(async (requestData)=>{ await new Promise((resolve)=>setTimeout(resolve, 1000)); db.requests.push({ ...requestData, status: "pending", timestamp: new Date() }); return db.requests[db.requests.length - 1]; }, [ db ]); return /*#__PURE__*/ React.createElement("div", { className: "p-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 190, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(BookCard, { id: 1, title: "Calculus I", author: "John Smith", available: true, type: "Print", sponsorshipStatus: "Eligible for sponsorship", onRequest: handleRequest, __source: { fileName: "", lineNumber: 191, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(BookCard, { id: 2, title: "Physics 101", author: "Jane Doe", available: false, type: "eBook", sponsorshipStatus: "Not eligible", onRequest: handleRequest, __source: { fileName: "", lineNumber: 201, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(BookCard, { id: 3, title: "Chemistry Basics", author: "Robert Johnson", available: true, type: "Print + eBook", sponsorshipStatus: "Sponsored", onRequest: handleRequest, loading: true, __source: { fileName: "", lineNumber: 211, columnNumber: 7 }, __self: this })); } function NewComponent({ onSearch, suggestions = [], loading = false, error = null, initialQuery = "" }) { const [query, setQuery] = useState(initialQuery); const [streamingMessage, setStreamingMessage] = useState(""); const [messages, setMessages] = useState([]); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ setMessages((prev)=>[ ...prev, { role: "assistant", content: message } ]); setStreamingMessage(""); } }); const handleSearch = useCallback(async (searchQuery)=>{ try { const response = await fetch("/integrations/anthropic-claude/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Help me find textbooks related to: ${searchQuery}. Provide 2-3 specific recommendations with brief explanations why they might be relevant. Focus on academic textbooks.` } ], stream: true }) }); handleStreamResponse(response); if (onSearch) { onSearch(searchQuery); } } catch (err) { console.error("Search error:", err); } }, [ onSearch ]); const debouncedSearch = useMemo(()=>debounce((searchQuery)=>{ if (searchQuery.trim().length > 2) { handleSearch(searchQuery); } }, 500), [ handleSearch ]); useEffect(()=>{ debouncedSearch(query); return ()=>debouncedSearch.cancel(); }, [ query, debouncedSearch ]); return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl", __source: { fileName: "", lineNumber: 62, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "search", name: "search", value: query, onChange: (e)=>setQuery(e.target.value), placeholder: "Search for textbooks...", className: "w-full p-4 pr-12 border rounded-lg shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute right-4 top-4", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-gray-400", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-gray-400", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }))), error && /*#__PURE__*/ React.createElement("div", { className: "mt-2 p-3 bg-red-50 text-red-600 rounded-lg", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-4", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-blue-50 rounded-lg animate-pulse", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-blue-800", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, streamingMessage)), messages.map((msg, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "p-4 bg-white rounded-lg shadow-sm border", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-800 whitespace-pre-wrap", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, msg.content))), suggestions.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, "Suggested Books"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, suggestions.map((suggestion, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "p-2 hover:bg-gray-100 rounded", __source: { fileName: "", lineNumber: 105, columnNumber: 17 }, __self: this }, suggestion)))))); } function NewComponentStory() { const mockSuggestions = [ "Calculus: Early Transcendentals by James Stewart", "Physics for Scientists and Engineers by Serway", "Chemistry: A Molecular Approach by Nivaldo Tro" ]; return /*#__PURE__*/ React.createElement("div", { className: "p-8 space-y-8", __source: { fileName: "", lineNumber: 125, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 126, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 127, columnNumber: 9 }, __self: this }, "Default Search"), /*#__PURE__*/ React.createElement(NewComponent, { __source: { fileName: "", lineNumber: 128, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 131, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 132, columnNumber: 9 }, __self: this }, "With Initial Query"), /*#__PURE__*/ React.createElement(NewComponent, { initialQuery: "calculus", suggestions: mockSuggestions, __source: { fileName: "", lineNumber: 133, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 136, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 137, columnNumber: 9 }, __self: this }, "Loading State"), /*#__PURE__*/ React.createElement(NewComponent, { loading: true, suggestions: mockSuggestions, __source: { fileName: "", lineNumber: 138, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 141, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 142, columnNumber: 9 }, __self: this }, "Error State"), /*#__PURE__*/ React.createElement(NewComponent, { error: "Failed to fetch suggestions. Please try again.", suggestions: mockSuggestions, __source: { fileName: "", lineNumber: 143, columnNumber: 9 }, __self: this }))); } function AiHelpChat() { const [showChat, setShowChat] = useState(false); const [messages, setMessages] = useState([]); const [userInput, setUserInput] = useState(""); const [loading, setLoading] = useState(false); const chatEndRef = useRef(null); const scrollToBottom = ()=>{ chatEndRef.current?.scrollIntoView({ behavior: "smooth" }); }; useEffect(()=>{ scrollToBottom(); }, [ messages ]); const handleSubmit = async (e)=>{ e.preventDefault(); if (!userInput.trim()) return; const newMessage = { role: "user", content: userInput }; setMessages((prev)=>[ ...prev, newMessage ]); setUserInput(""); setLoading(true); try { const response = await fetch("/integrations/anthropic-claude/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ ...messages, newMessage ] }) }); const data = await response.json(); const assistantMessage = data.choices[0].message; setMessages((prev)=>[ ...prev, assistantMessage ]); } catch (error) { console.error("Error:", error); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowChat(!showChat), className: "fixed bottom-4 right-4 bg-blue-600 text-white rounded-full w-14 h-14 flex items-center justify-center shadow-lg hover:bg-blue-700 transition-colors", "aria-label": "Toggle chat", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${showChat ? "fa-times" : "fa-comments"} text-xl`, __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this })), showChat && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-20 right-4 w-[350px] h-[500px] bg-white rounded-lg shadow-xl flex flex-col", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-blue-600 text-white rounded-t-lg flex justify-between items-center", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Textbook Distribution Help"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowChat(false), className: "text-white hover:text-gray-200", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-4 overflow-y-auto", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, messages.map((msg, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: `mb-4 ${msg.role === "user" ? "text-right" : "text-left"}`, __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `inline-block p-3 rounded-lg ${msg.role === "user" ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-800"}`, __source: { fileName: "", lineNumber: 76, columnNumber: 17 }, __self: this }, msg.content))), loading && /*#__PURE__*/ React.createElement("div", { className: "text-left mb-4", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block p-3 rounded-lg bg-gray-100", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 90, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { ref: chatEndRef, __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "p-4 border-t", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: userInput, onChange: (e)=>setUserInput(e.target.value), placeholder: "Ask a question...", className: "flex-1 p-2 border rounded", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 disabled:bg-blue-300", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this })))))); } function AiHelpChatStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 123, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 124, columnNumber: 7 }, __self: this }, "Chat Interface Demo"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 125, columnNumber: 7 }, __self: this }, "The chat button should appear in the bottom right corner."), /*#__PURE__*/ React.createElement(AiHelpChat, { __source: { fileName: "", lineNumber: 128, columnNumber: 7 }, __self: this })); } function TeacherRequestCard({ request }) { const statusColors = { Pending: "bg-yellow-100 text-yellow-800", Approved: "bg-green-100 text-green-800", Rejected: "bg-red-100 text-red-800" }; return /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-4 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, request.book), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `text-sm px-2 py-1 rounded-full ${statusColors[request.status]}`, __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, request.status), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 h-2 rounded-full", style: { width: `${request.progress}%` }, __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Progress: ", request.progress, "%")))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, request.status === "Pending" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { className: "px-3 py-1 text-sm bg-green-500 text-white rounded hover:bg-green-600", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-1", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }), "Approve"), /*#__PURE__*/ React.createElement("button", { className: "px-3 py-1 text-sm bg-red-500 text-white rounded hover:bg-red-600", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times mr-1", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }), "Reject")))); } function TeacherRequestStatus() { const [activeTab, setActiveTab] = useState("login"); const [userType, setUserType] = useState(null); const [error, setError] = useState(""); const [user, setUser] = useState(null); const [requests, setRequests] = useState([ { id: 1, book: "Calculus I", status: "Pending", progress: 0 }, { id: 2, book: "Physics 101", status: "Approved", progress: 25 } ]); const [sponsorshipStatus, setSponsorshipStatus] = useState({ eligible: true, remainingBooks: 3 }); const [books, setBooks] = useState([ { id: 1, title: "Calculus I", author: "John Smith", available: true, type: "Print", sponsorshipStatus: "Eligible for sponsorship" }, { id: 2, title: "Physics 101", author: "Jane Doe", available: false, type: "eBook", sponsorshipStatus: "Not eligible" } ]); const [loading, setLoading] = useState(false); const [currentPage, setCurrentPage] = useState(1); const [requestsPage, setRequestsPage] = useState(1); const itemsPerPage = 6; const requestsPerPage = 5; const handleAuth = useCallback(async (e)=>{ e.preventDefault(); setLoading(true); setError(""); try { const formData = new FormData(e.target); const data = Object.fromEntries(formData); if (activeTab === "signup" && data.password.length < 6) { throw new Error("Password must be at least 6 characters"); } if (activeTab === "signup") { setUser({ email: data.email, user_metadata: { userType: data.userType } }); } else { setUser({ email: data.email, user_metadata: { userType: data.userType } }); } } catch (err) { setError(err.message || "An error occurred during authentication"); } finally{ setLoading(false); } }, [ activeTab ]); const handleSignOut = useCallback(()=>{ setLoading(true); try { setUser(null); setUserType(null); } catch (error) { console.error("Error signing out:", error); } finally{ setLoading(false); } }, []); useEffect(()=>{ if (user) { setUserType(user.user_metadata?.userType); } }, [ user ]); const Pagination = ({ current, total, onChange })=>/*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-2 mt-4", __source: { fileName: "", lineNumber: 135, columnNumber: 5 }, __self: this }, Array.from({ length: total }, (_, i)=>/*#__PURE__*/ React.createElement("button", { key: i + 1, onClick: ()=>onChange(i + 1), className: `px-3 py-1 rounded ${current === i + 1 ? "bg-blue-600 text-white" : "bg-gray-200 text-gray-700"}`, __source: { fileName: "", lineNumber: 137, columnNumber: 9 }, __self: this }, i + 1))); const renderDashboard = useCallback(()=>{ const indexOfLastBook = currentPage * itemsPerPage; const indexOfFirstBook = indexOfLastBook - itemsPerPage; const currentBooks = books.slice(indexOfFirstBook, indexOfLastBook); const indexOfLastRequest = requestsPage * requestsPerPage; const indexOfFirstRequest = indexOfLastRequest - requestsPerPage; const currentRequests = requests.slice(indexOfFirstRequest, indexOfLastRequest); const totalPages = Math.ceil(books.length / itemsPerPage); const totalRequestPages = Math.ceil(requests.length / requestsPerPage); switch(userType){ case "student": return /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 168, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 169, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book text-2xl text-blue-600", __source: { fileName: "", lineNumber: 171, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, "Browse Books")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 174, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-cart text-2xl text-green-600", __source: { fileName: "", lineNumber: 175, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 176, columnNumber: 17 }, __self: this }, "My Orders"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 177, columnNumber: 17 }, __self: this }, requests.length, " Active Requests")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 181, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-credit-card text-2xl text-purple-600", __source: { fileName: "", lineNumber: 182, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }, "Sponsorship Status"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 184, columnNumber: 17 }, __self: this }, sponsorshipStatus?.eligible ? `${sponsorshipStatus.remainingBooks} books remaining` : "Not eligible")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 190, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tasks text-2xl text-orange-600", __source: { fileName: "", lineNumber: 191, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 192, columnNumber: 17 }, __self: this }, "Request Tracking"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 193, columnNumber: 17 }, __self: this }, "Track your book requests"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 198, columnNumber: 13 }, __self: this }, loading ? Array.from({ length: itemsPerPage }).map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-6 rounded-lg shadow animate-pulse", __source: { fileName: "", lineNumber: 201, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 rounded w-3/4 mb-4", __source: { fileName: "", lineNumber: 205, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 rounded w-1/2", __source: { fileName: "", lineNumber: 206, columnNumber: 23 }, __self: this }))) : currentBooks.map((book)=>/*#__PURE__*/ React.createElement(React.Fragment, null))), totalPages > 1 && /*#__PURE__*/ React.createElement(Pagination, { current: currentPage, total: totalPages, onChange: setCurrentPage, __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow", __source: { fileName: "", lineNumber: 222, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b", __source: { fileName: "", lineNumber: 223, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this }, "My Requests")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 226, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 227, columnNumber: 17 }, __self: this }, loading ? Array.from({ length: requestsPerPage }).map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex justify-between items-center p-4 bg-gray-50 rounded animate-pulse", __source: { fileName: "", lineNumber: 231, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 rounded w-1/4", __source: { fileName: "", lineNumber: 235, columnNumber: 29 }, __self: this }))) : currentRequests.map((request)=>/*#__PURE__*/ React.createElement(TeacherRequestCard, { key: request.id, request: request, __source: { fileName: "", lineNumber: 240, columnNumber: 25 }, __self: this }))), totalRequestPages > 1 && /*#__PURE__*/ React.createElement(Pagination, { current: requestsPage, total: totalRequestPages, onChange: setRequestsPage, __source: { fileName: "", lineNumber: 247, columnNumber: 19 }, __self: this })))); case "teacher": return /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 260, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 261, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 262, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book-reader text-2xl text-blue-600", __source: { fileName: "", lineNumber: 263, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 264, columnNumber: 17 }, __self: this }, "Request Books"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 265, columnNumber: 17 }, __self: this }, "Submit new book requests")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 269, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tasks text-2xl text-green-600", __source: { fileName: "", lineNumber: 270, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 271, columnNumber: 17 }, __self: this }, "Manage Requests"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 272, columnNumber: 17 }, __self: this }, requests.length, " Active Requests")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 276, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-2xl text-purple-600", __source: { fileName: "", lineNumber: 277, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 278, columnNumber: 17 }, __self: this }, "Request Analytics"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 279, columnNumber: 17 }, __self: this }, "Track request status"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow", __source: { fileName: "", lineNumber: 285, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b", __source: { fileName: "", lineNumber: 286, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 287, columnNumber: 17 }, __self: this }, "Book Requests Management")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 291, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 292, columnNumber: 17 }, __self: this }, loading ? Array.from({ length: requestsPerPage }).map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex justify-between items-center p-4 bg-gray-50 rounded animate-pulse", __source: { fileName: "", lineNumber: 296, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 rounded w-1/4", __source: { fileName: "", lineNumber: 300, columnNumber: 29 }, __self: this }))) : currentRequests.map((request)=>/*#__PURE__*/ React.createElement(TeacherRequestCard, { key: request.id, request: request, __source: { fileName: "", lineNumber: 305, columnNumber: 25 }, __self: this }))), totalRequestPages > 1 && /*#__PURE__*/ React.createElement(Pagination, { current: requestsPage, total: totalRequestPages, onChange: setRequestsPage, __source: { fileName: "", lineNumber: 312, columnNumber: 19 }, __self: this })))); case "admin": return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 325, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 326, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 327, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users-cog text-2xl text-blue-600", __source: { fileName: "", lineNumber: 328, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 329, columnNumber: 17 }, __self: this }, "Manage Users")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 331, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-books text-2xl text-green-600", __source: { fileName: "", lineNumber: 332, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 333, columnNumber: 17 }, __self: this }, "Book Inventory")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 335, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hand-holding-usd text-2xl text-purple-600", __source: { fileName: "", lineNumber: 336, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 337, columnNumber: 17 }, __self: this }, "Sponsorships")))); default: return null; } }, [ userType, books, requests, sponsorshipStatus, loading, currentPage, requestsPage ]); if (!user) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 358, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg w-full max-w-md", __source: { fileName: "", lineNumber: 359, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center mb-6", __source: { fileName: "", lineNumber: 360, columnNumber: 11 }, __self: this }, "University of Sharjah Textbook Distribution"), /*#__PURE__*/ React.createElement("div", { className: "flex mb-4", __source: { fileName: "", lineNumber: 363, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("login"), disabled: loading, className: `flex-1 py-2 ${activeTab === "login" ? "border-b-2 border-blue-600 text-blue-600" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 364, columnNumber: 13 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("signup"), disabled: loading, className: `flex-1 py-2 ${activeTab === "signup" ? "border-b-2 border-blue-600 text-blue-600" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 375, columnNumber: 13 }, __self: this }, "Sign Up")), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-sm mb-4 p-2 bg-red-50 rounded", __source: { fileName: "", lineNumber: 388, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAuth, className: "space-y-4", __source: { fileName: "", lineNumber: 392, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "w-full p-2 border rounded", disabled: loading, required: true, __source: { fileName: "", lineNumber: 393, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: "w-full p-2 border rounded", disabled: loading, required: true, __source: { fileName: "", lineNumber: 401, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "userType", className: "w-full p-2 border rounded", disabled: loading, required: true, __source: { fileName: "", lineNumber: 409, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 415, columnNumber: 15 }, __self: this }, "Select User Type"), /*#__PURE__*/ React.createElement("option", { value: "student", __source: { fileName: "", lineNumber: 416, columnNumber: 15 }, __self: this }, "Student"), /*#__PURE__*/ React.createElement("option", { value: "teacher", __source: { fileName: "", lineNumber: 417, columnNumber: 15 }, __self: this }, "Teacher"), /*#__PURE__*/ React.createElement("option", { value: "admin", __source: { fileName: "", lineNumber: 418, columnNumber: 15 }, __self: this }, "Admin")), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-blue-600 text-white p-2 rounded hover:bg-blue-700 disabled:bg-blue-300", __source: { fileName: "", lineNumber: 420, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 426, columnNumber: 17 }, __self: this }) : activeTab === "login" ? "Login" : "Sign Up")))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 440, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-lg", __source: { fileName: "", lineNumber: 441, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 442, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center h-16", __source: { fileName: "", lineNumber: 443, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-8", __source: { fileName: "", lineNumber: 444, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-xl", __source: { fileName: "", lineNumber: 445, columnNumber: 15 }, __self: this }, "UOS Textbook Distribution"), /*#__PURE__*/ React.createElement("a", { href: "/catalog", className: "text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 446, columnNumber: 15 }, __self: this }, "Book Catalog")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 450, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 451, columnNumber: 15 }, __self: this }, user.email), /*#__PURE__*/ React.createElement("button", { onClick: handleSignOut, className: "bg-red-600 text-white px-4 py-2 rounded hover:bg-red-700", __source: { fileName: "", lineNumber: 452, columnNumber: 15 }, __self: this }, "Logout"))))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto p-4", __source: { fileName: "", lineNumber: 462, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 463, columnNumber: 9 }, __self: this }, userType?.charAt(0).toUpperCase() + userType?.slice(1), " Dashboard"), renderDashboard())); } function TeacherRequestStatusStory() { const sampleRequests = [ { id: 1, book: "Calculus I", status: "Pending", progress: 0 }, { id: 2, book: "Physics 101", status: "Approved", progress: 75 }, { id: 3, book: "Chemistry 201", status: "Rejected", progress: 0 } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 480, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 481, columnNumber: 7 }, __self: this }, "Request Status Examples"), sampleRequests.map((request)=>/*#__PURE__*/ React.createElement(TeacherRequestCard, { key: request.id, request: request, __source: { fileName: "", lineNumber: 483, columnNumber: 9 }, __self: this }))); } function BookRequestForm({ book, user, onSuccess }) { const [step, setStep] = useState(1); const [orderDetails, setOrderDetails] = useState({ deliveryMethod: "", format: "", address: "" }); const [showModal, setShowModal] = useState(false); const [orderStatus, setOrderStatus] = useState(null); const [orderId, setOrderId] = useState(""); const [trackingNumber, setTrackingNumber] = useState(""); const [loading, setLoading] = useState(false); const handleChange = (e)=>{ setOrderDetails({ ...orderDetails, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); if (step === 1) { setStep(2); } }; const handleConfirm = async ()=>{ setLoading(true); setShowModal(true); try { const newOrderId = `ORD${Math.random().toString(36).substr(2, 9)}`; const newTrackingNumber = `TRK${Math.random().toString(36).substr(2, 9)}`; const order = { id: newOrderId, userId: user?.id, bookId: book?.id, trackingNumber: newTrackingNumber, status: "pending", ...orderDetails, createdAt: new Date().toISOString() }; const { error: orderError } = await db.from("orders").insert(order); if (orderError) throw orderError; const { error: bookError } = await db.from("books").update({ available: false }).eq("id", book.id); if (bookError) throw bookError; const { error: requestError } = await db.from("requests").insert({ userId: user.id, bookId: book.id, orderId: newOrderId, status: "processing", createdAt: new Date().toISOString() }); if (requestError) throw requestError; const emailData = { to: user?.email, subject: "Order Confirmation", text: ` Order ID: ${newOrderId} Book: ${book?.title} Delivery Method: ${orderDetails.deliveryMethod} Format: ${orderDetails.format} ${orderDetails.address ? `Address: ${orderDetails.address}` : ""} ${newTrackingNumber ? `Tracking Number: ${newTrackingNumber}` : ""} ` }; await email.send(emailData); setOrderId(newOrderId); setTrackingNumber(newTrackingNumber); setOrderStatus("success"); onSuccess?.(); } catch (error) { console.error("Order error:", error); setOrderStatus("error"); } finally{ setLoading(false); } }; const handleClose = ()=>{ setShowModal(false); if (orderStatus === "success") { setStep(1); setOrderDetails({ deliveryMethod: "", format: "", address: "" }); setOrderId(""); setTrackingNumber(""); } setOrderStatus(null); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 max-w-md mx-auto", __source: { fileName: "", lineNumber: 107, columnNumber: 5 }, __self: this }, step === 1 ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, "Book Order Details"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, "Delivery Method"), /*#__PURE__*/ React.createElement("select", { name: "deliveryMethod", value: orderDetails.deliveryMethod, onChange: handleChange, className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }, "Select delivery method"), /*#__PURE__*/ React.createElement("option", { value: "pickup", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, "Pickup"), /*#__PURE__*/ React.createElement("option", { value: "delivery", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, "Delivery"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, "Book Format"), /*#__PURE__*/ React.createElement("select", { name: "format", value: orderDetails.format, onChange: handleChange, className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, "Select format"), /*#__PURE__*/ React.createElement("option", { value: "print", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }, "Print"), /*#__PURE__*/ React.createElement("option", { value: "ebook", __source: { fileName: "", lineNumber: 142, columnNumber: 15 }, __self: this }, "E-Book"))), orderDetails.deliveryMethod === "delivery" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, "Delivery Address"), /*#__PURE__*/ React.createElement("textarea", { name: "address", value: orderDetails.address, onChange: handleChange, className: "w-full p-2 border rounded", required: orderDetails.deliveryMethod === "delivery", rows: "3", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-600 text-white p-2 rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this }, "Continue")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 170, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 171, columnNumber: 11 }, __self: this }, "Confirm Order"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 173, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 174, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 175, columnNumber: 15 }, __self: this }, "Delivery Method:"), " ", orderDetails.deliveryMethod), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 178, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, "Format:"), " ", orderDetails.format), orderDetails.deliveryMethod === "delivery" && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 182, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }, "Address:"), " ", orderDetails.address)), /*#__PURE__*/ React.createElement("button", { onClick: handleConfirm, disabled: loading, className: "w-full bg-green-600 text-white p-2 rounded hover:bg-green-700 disabled:bg-green-300", __source: { fileName: "", lineNumber: 189, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 195, columnNumber: 15 }, __self: this }) : "Confirm Order")), showModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 204, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg max-w-sm w-full mx-4", __source: { fileName: "", lineNumber: 205, columnNumber: 11 }, __self: this }, orderStatus === "success" ? /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 207, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-5xl text-green-500 mb-4", __source: { fileName: "", lineNumber: 208, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 209, columnNumber: 17 }, __self: this }, "Order Successful!"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600 mb-4 space-y-2", __source: { fileName: "", lineNumber: 212, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 213, columnNumber: 19 }, __self: this }, "Your order has been successfully placed."), /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 214, columnNumber: 19 }, __self: this }, "Order ID: ", orderId), orderDetails.deliveryMethod === "delivery" && /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 216, columnNumber: 21 }, __self: this }, "Tracking Number: ", trackingNumber))) : /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 223, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times-circle text-5xl text-red-500 mb-4", __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 225, columnNumber: 17 }, __self: this }, "Order Failed"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 226, columnNumber: 17 }, __self: this }, "There was an error processing your order. Please try again.")), /*#__PURE__*/ React.createElement("button", { onClick: handleClose, className: "w-full bg-blue-600 text-white p-2 rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 231, columnNumber: 13 }, __self: this }, orderStatus === "success" ? "Done" : "Close")))); } function BookRequestFormStory() { const mockBook = { id: 1, title: "Sample Book", author: "John Doe" }; const mockUser = { id: "user123", email: "user@example.com" }; const handleSuccess = ()=>{ console.log("Order placed successfully"); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 261, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(BookRequestForm, { book: mockBook, user: mockUser, onSuccess: handleSuccess, __source: { fileName: "", lineNumber: 262, columnNumber: 7 }, __self: this })); } function SignupForm({ onSubmit, userTypes = [ "student", "teacher", "admin" ], allowedDomains = [ "sharjah.ac.ae", "uos.edu" ] }) { const [formData, setFormData] = useState({ email: "", password: "", confirmPassword: "", phone: "", userType: "", studentId: "" }); const [errors, setErrors] = useState({}); const validateForm = useCallback(()=>{ const newErrors = {}; if (formData.password !== formData.confirmPassword) { newErrors.confirmPassword = "Passwords do not match"; } const phoneRegex = /^\+?[1-9]\d{1,14}$/; if (!phoneRegex.test(formData.phone)) { newErrors.phone = "Please enter a valid phone number"; } const emailDomain = formData.email.split("@")[1]; if (!allowedDomains.includes(emailDomain)) { newErrors.email = "Please use your university email address"; } if (formData.userType === "student") { const studentIdRegex = /^\d{8}$/; if (!studentIdRegex.test(formData.studentId)) { newErrors.studentId = "Student ID must be 8 digits"; } } setErrors(newErrors); return Object.keys(newErrors).length === 0; }, [ formData, allowedDomains ]); const handleChange = useCallback((e)=>{ setFormData((prev)=>({ ...prev, [e.target.name]: e.target.value })); }, []); const handleSubmit = useCallback((e)=>{ e.preventDefault(); if (validateForm()) { const { confirmPassword, ...submitData } = formData; onSubmit?.(submitData); } }, [ formData, onSubmit, validateForm ]); return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg w-full max-w-md", __source: { fileName: "", lineNumber: 64, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center mb-6", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "University Email", value: formData.email, onChange: handleChange, className: `w-full p-2 border rounded ${errors.email ? "border-red-500" : ""}`, required: true, __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }), errors.email && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, errors.email)), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", value: formData.password, onChange: handleChange, className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "confirmPassword", placeholder: "Confirm Password", value: formData.confirmPassword, onChange: handleChange, className: `w-full p-2 border rounded ${errors.confirmPassword ? "border-red-500" : ""}`, required: true, __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }), errors.confirmPassword && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, errors.confirmPassword)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", placeholder: "Phone Number", value: formData.phone, onChange: handleChange, className: `w-full p-2 border rounded ${errors.phone ? "border-red-500" : ""}`, required: true, __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }), errors.phone && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, errors.phone)), /*#__PURE__*/ React.createElement("select", { name: "userType", value: formData.userType, onChange: handleChange, className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, "Select User Type"), userTypes.map((type)=>/*#__PURE__*/ React.createElement("option", { key: type, value: type, __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, type.charAt(0).toUpperCase() + type.slice(1)))), formData.userType === "student" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 135, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "studentId", placeholder: "Student ID (8 digits)", value: formData.studentId, onChange: handleChange, className: `w-full p-2 border rounded ${errors.studentId ? "border-red-500" : ""}`, required: true, __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this }), errors.studentId && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 146, columnNumber: 15 }, __self: this }, errors.studentId)), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-600 text-white p-2 rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 150, columnNumber: 9 }, __self: this }, "Sign Up"))); } function SignupFormStory() { const handleSubmit = useCallback((data)=>{ console.log("Form submitted:", data); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 167, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SignupForm, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 168, columnNumber: 7 }, __self: this })); } function MainComponent() { const [activeTab, setActiveTab] = useState("login"); const [userType, setUserType] = useState(null); const [error, setError] = useState(""); const [user, setUser] = useState(null); const [requests, setRequests] = useState([ { id: 1, book: "Calculus I", status: "Pending", progress: 0 }, { id: 2, book: "Physics 101", status: "Approved", progress: 25 } ]); const [sponsorshipStatus, setSponsorshipStatus] = useState({ eligible: true, remainingBooks: 3 }); const [books, setBooks] = useState([ { id: 1, title: "Calculus I", author: "John Smith", available: true, type: "Print", sponsorshipStatus: "Eligible for sponsorship" }, { id: 2, title: "Physics 101", author: "Jane Doe", available: false, type: "eBook", sponsorshipStatus: "Not eligible" } ]); const [loading, setLoading] = useState(false); const [currentPage, setCurrentPage] = useState(1); const [requestsPage, setRequestsPage] = useState(1); const itemsPerPage = 6; const requestsPerPage = 5; const handleAuth = useCallback(async (e)=>{ e.preventDefault(); setLoading(true); setError(""); try { const formData = new FormData(e.target); const data = Object.fromEntries(formData); if (activeTab === "signup" && data.password.length < 6) { throw new Error("Password must be at least 6 characters"); } if (activeTab === "signup") { setUser({ email: data.email, user_metadata: { userType: data.userType } }); } else { setUser({ email: data.email, user_metadata: { userType: data.userType } }); } } catch (err) { setError(err.message || "An error occurred during authentication"); } finally{ setLoading(false); } }, [ activeTab ]); const handleSignOut = useCallback(()=>{ setLoading(true); try { setUser(null); setUserType(null); } catch (error) { console.error("Error signing out:", error); } finally{ setLoading(false); } }, []); useEffect(()=>{ if (user) { setUserType(user.user_metadata?.userType); } }, [ user ]); const Pagination = ({ current, total, onChange })=>/*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-2 mt-4", __source: { fileName: "", lineNumber: 89, columnNumber: 5 }, __self: this }, Array.from({ length: total }, (_, i)=>/*#__PURE__*/ React.createElement("button", { key: i + 1, onClick: ()=>onChange(i + 1), className: `px-3 py-1 rounded ${current === i + 1 ? "bg-blue-600 text-white" : "bg-gray-200 text-gray-700"}`, __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, i + 1))); const renderDashboard = useCallback(()=>{ const indexOfLastBook = currentPage * itemsPerPage; const indexOfFirstBook = indexOfLastBook - itemsPerPage; const currentBooks = books.slice(indexOfFirstBook, indexOfLastBook); const indexOfLastRequest = requestsPage * requestsPerPage; const indexOfFirstRequest = indexOfLastRequest - requestsPerPage; const currentRequests = requests.slice(indexOfFirstRequest, indexOfLastRequest); const totalPages = Math.ceil(books.length / itemsPerPage); const totalRequestPages = Math.ceil(requests.length / requestsPerPage); switch(userType){ case "student": return /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book text-2xl text-blue-600", __source: { fileName: "", lineNumber: 125, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 126, columnNumber: 17 }, __self: this }, "Browse Books")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-cart text-2xl text-green-600", __source: { fileName: "", lineNumber: 129, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 130, columnNumber: 17 }, __self: this }, "My Orders"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this }, requests.length, " Active Requests")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-credit-card text-2xl text-purple-600", __source: { fileName: "", lineNumber: 136, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 137, columnNumber: 17 }, __self: this }, "Sponsorship Status"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this }, sponsorshipStatus?.eligible ? `${sponsorshipStatus.remainingBooks} books remaining` : "Not eligible")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tasks text-2xl text-orange-600", __source: { fileName: "", lineNumber: 145, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 146, columnNumber: 17 }, __self: this }, "Request Tracking"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 147, columnNumber: 17 }, __self: this }, "Track your book requests"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow mb-4", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search books by title, author, or subject...", className: "w-full p-2 border rounded", onChange: (e)=>{ const searchTerm = e.target.value.toLowerCase(); const filtered = books.filter((book)=>book.title.toLowerCase().includes(searchTerm) || book.author.toLowerCase().includes(searchTerm)); setBooks(filtered); }, __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 168, columnNumber: 13 }, __self: this }, loading ? Array.from({ length: itemsPerPage }).map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-6 rounded-lg shadow animate-pulse", __source: { fileName: "", lineNumber: 171, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 rounded w-3/4 mb-4", __source: { fileName: "", lineNumber: 175, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 rounded w-1/2", __source: { fileName: "", lineNumber: 176, columnNumber: 23 }, __self: this }))) : currentBooks.map((book)=>/*#__PURE__*/ React.createElement(BookCard, { key: book.id, title: book.title, author: book.author, available: book.available, type: book.type, sponsorshipStatus: book.sponsorshipStatus, onRequest: async ()=>{ if (sponsorshipStatus?.remainingBooks > 0) { setLoading(true); try { const newRequest = { id: requests.length + 1, book: book.title, status: "Pending", progress: 0 }; setRequests([ ...requests, newRequest ]); setSponsorshipStatus({ ...sponsorshipStatus, remainingBooks: sponsorshipStatus.remainingBooks - 1 }); } catch (error) { console.error("Error creating request:", error); } finally{ setLoading(false); } } }, __source: { fileName: "", lineNumber: 180, columnNumber: 21 }, __self: this }))), totalPages > 1 && /*#__PURE__*/ React.createElement(Pagination, { current: currentPage, total: totalPages, onChange: setCurrentPage, __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow", __source: { fileName: "", lineNumber: 222, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b", __source: { fileName: "", lineNumber: 223, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this }, "My Requests")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 226, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 227, columnNumber: 17 }, __self: this }, loading ? Array.from({ length: requestsPerPage }).map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex justify-between items-center p-4 bg-gray-50 rounded animate-pulse", __source: { fileName: "", lineNumber: 231, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 rounded w-1/4", __source: { fileName: "", lineNumber: 235, columnNumber: 29 }, __self: this }))) : currentRequests.map((request)=>/*#__PURE__*/ React.createElement(TeacherRequestCard, { key: request.id, request: request, __source: { fileName: "", lineNumber: 240, columnNumber: 25 }, __self: this }))), totalRequestPages > 1 && /*#__PURE__*/ React.createElement(Pagination, { current: requestsPage, total: totalRequestPages, onChange: setRequestsPage, __source: { fileName: "", lineNumber: 247, columnNumber: 19 }, __self: this })))); case "teacher": return /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 260, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 261, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 262, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book-reader text-2xl text-blue-600", __source: { fileName: "", lineNumber: 263, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 264, columnNumber: 17 }, __self: this }, "Request Books"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 265, columnNumber: 17 }, __self: this }, "Submit new book requests")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 269, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tasks text-2xl text-green-600", __source: { fileName: "", lineNumber: 270, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 271, columnNumber: 17 }, __self: this }, "Manage Requests"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 272, columnNumber: 17 }, __self: this }, requests.length, " Active Requests")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 276, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-2xl text-purple-600", __source: { fileName: "", lineNumber: 277, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 278, columnNumber: 17 }, __self: this }, "Request Analytics"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 279, columnNumber: 17 }, __self: this }, "Track request status"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow", __source: { fileName: "", lineNumber: 285, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b", __source: { fileName: "", lineNumber: 286, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 287, columnNumber: 17 }, __self: this }, "Book Requests Management")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 291, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 292, columnNumber: 17 }, __self: this }, loading ? Array.from({ length: requestsPerPage }).map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex justify-between items-center p-4 bg-gray-50 rounded animate-pulse", __source: { fileName: "", lineNumber: 296, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-200 rounded w-1/4", __source: { fileName: "", lineNumber: 300, columnNumber: 29 }, __self: this }))) : currentRequests.map((request)=>/*#__PURE__*/ React.createElement(TeacherRequestCard, { key: request.id, request: request, __source: { fileName: "", lineNumber: 305, columnNumber: 25 }, __self: this }))), totalRequestPages > 1 && /*#__PURE__*/ React.createElement(Pagination, { current: requestsPage, total: totalRequestPages, onChange: setRequestsPage, __source: { fileName: "", lineNumber: 312, columnNumber: 19 }, __self: this })))); case "admin": return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 325, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 326, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 327, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users-cog text-2xl text-blue-600", __source: { fileName: "", lineNumber: 328, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 329, columnNumber: 17 }, __self: this }, "Manage Users")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 331, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-books text-2xl text-green-600", __source: { fileName: "", lineNumber: 332, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 333, columnNumber: 17 }, __self: this }, "Book Inventory")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 335, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hand-holding-usd text-2xl text-purple-600", __source: { fileName: "", lineNumber: 336, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mt-2", __source: { fileName: "", lineNumber: 337, columnNumber: 17 }, __self: this }, "Sponsorships")))); default: return null; } }, [ userType, books, requests, sponsorshipStatus, loading, currentPage, requestsPage ]); if (!user) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 358, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg w-full max-w-md", __source: { fileName: "", lineNumber: 359, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center mb-6", __source: { fileName: "", lineNumber: 360, columnNumber: 11 }, __self: this }, "University of Sharjah Textbook Distribution"), /*#__PURE__*/ React.createElement("div", { className: "flex mb-4", __source: { fileName: "", lineNumber: 363, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("login"), disabled: loading, className: `flex-1 py-2 ${activeTab === "login" ? "border-b-2 border-blue-600 text-blue-600" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 364, columnNumber: 13 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("signup"), disabled: loading, className: `flex-1 py-2 ${activeTab === "signup" ? "border-b-2 border-blue-600 text-blue-600" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 375, columnNumber: 13 }, __self: this }, "Sign Up")), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-sm mb-4 p-2 bg-red-50 rounded", __source: { fileName: "", lineNumber: 388, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAuth, className: "space-y-4", __source: { fileName: "", lineNumber: 392, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "w-full p-2 border rounded", disabled: loading, required: true, __source: { fileName: "", lineNumber: 393, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", className: "w-full p-2 border rounded", disabled: loading, required: true, __source: { fileName: "", lineNumber: 401, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "userType", className: "w-full p-2 border rounded", disabled: loading, required: true, __source: { fileName: "", lineNumber: 409, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "