function MainComponent() { const { data: user, loading } = useUser(); const { signInWithGoogle } = useAuth(); const [userProfile, setUserProfile] = useState(null); const [profileLoading, setProfileLoading] = useState(true); const [error, setError] = useState(null); const [isEditProfileOpen, setIsEditProfileOpen] = useState(false); const [formData, setFormData] = useState({ name: "", surname: "", age: "", contact_number: "", city: "" }); const [formError, setFormError] = useState(null); const [updating, setUpdating] = useState(false); const [profileComplete, setProfileComplete] = useState(false); const checkProfileComplete = (profile)=>{ return profile && profile.name && profile.surname && profile.age && profile.contact_number && profile.city; }; const loadProfile = async ()=>{ if (!user) return; try { const response = await fetch("/api/profile/get", { method: "POST" }); const data = await response.json(); if (!response.ok) throw new Error(data.error); setUserProfile(data.profile); setProfileComplete(checkProfileComplete(data.profile)); if (data.profile) { setFormData({ name: data.profile.name || "", surname: data.profile.surname || "", age: data.profile.age || "", contact_number: data.profile.contact_number || "", city: data.profile.city || "" }); } } catch (err) { console.error(err); setError("Could not load profile"); } finally{ setProfileLoading(false); } }; const [chatbotOpen, setChatbotOpen] = useState(false); const [messages, setMessages] = useState([ { role: "system", content: "You are a helpful loan assistant for Quick Cash Loans. Your role is to provide information about loan services, terms, requirements, and processes. Interest rate is 2.34% daily, maximum loan is R1000 for new members, and maximum term is 30 days. Keep responses clear and concise. For specific account questions or loan applications, refer users to their account dashboard or suggest they use the website's contact form." }, { role: "assistant", content: "Hi! I'm your Quick Cash Loans assistant. Ask me anything about our loans, processes, or requirements!" } ]); const [inputMessage, setInputMessage] = useState(""); const [isLoading, setIsLoading] = useState(false); const [streamingMessage, setStreamingMessage] = useState(""); const messageListRef = useRef(null); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ setMessages((prev)=>[ ...prev, { role: "assistant", content: message } ]); setStreamingMessage(""); } }); useEffect(()=>{ loadProfile(); }, [ user ]); useEffect(()=>{ if (messageListRef.current) { messageListRef.current.scrollTop = messageListRef.current.scrollHeight; } }, [ messages ]); const handleProfileUpdate = ()=>{ loadProfile(); setIsEditProfileOpen(false); }; const userSection = /*#__PURE__*/ React.createElement("div", { className: "mb-6 pb-6 border-b border-gray-200 dark:border-gray-700", __source: { fileName: "", lineNumber: 97, columnNumber: 5 }, __self: this }, loading || profileLoading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse h-8 bg-gray-200 dark:bg-gray-700 rounded mb-4", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }) : user ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-center relative", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsEditProfileOpen(true), className: "w-full py-2 px-4 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors text-gray-900 dark:text-white rounded-[30px] font-inter text-sm flex items-center justify-center mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit mr-2", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }), "Update Profile"), user.image && /*#__PURE__*/ React.createElement("div", { className: "relative inline-block", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: user.image, alt: "Profile", className: "w-16 h-16 rounded-full border-2 border-gray-200 dark:border-gray-600 mb-2", __source: { fileName: "", lineNumber: 112, columnNumber: 17 }, __self: this }), userProfile && userProfile.verified && /*#__PURE__*/ React.createElement("div", { className: "absolute -right-1 -bottom-1 bg-[#25D366] rounded-full w-5 h-5 flex items-center justify-center border-2 border-white dark:border-gray-800", __source: { fileName: "", lineNumber: 118, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-white text-xs", __source: { fileName: "", lineNumber: 119, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "w-full space-y-1", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, userProfile && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 127, columnNumber: 19 }, __self: this }, userProfile.name, " ", userProfile.surname), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600 dark:text-gray-400", __source: { fileName: "", lineNumber: 130, columnNumber: 19 }, __self: this }, userProfile.city), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600 dark:text-gray-400", __source: { fileName: "", lineNumber: 133, columnNumber: 19 }, __self: this }, userProfile.contact_number)), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600 dark:text-gray-400 font-inter text-sm break-all", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, user.email))), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "block w-full text-center text-white bg-gradient-to-r from-red-500 to-red-600 font-inter text-xs py-2 px-3 rounded-[30px] shadow-md hover:shadow-lg hover:opacity-90 active:opacity-80 transition-all duration-200", __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-2", __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }), "Sign Out")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 152, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>signInWithGoogle({ callbackUrl: "/" }), className: "w-full flex items-center justify-center gap-2 bg-white text-gray-700 border border-gray-300 rounded-lg px-4 py-2.5 hover:bg-gray-50 transition-colors text-sm", __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://www.google.com/favicon.ico", alt: "Google", className: "w-5 h-5", __source: { fileName: "", lineNumber: 157, columnNumber: 13 }, __self: this }), "Sign in with Google"))); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-gradient-to-b from-white to-gray-50 dark:from-gray-900 dark:to-gray-800", __source: { fileName: "", lineNumber: 170, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow px-4 py-8 md:py-12", __source: { fileName: "", lineNumber: 171, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-[1fr_minmax(auto,800px)_300px] gap-8", __source: { fileName: "", lineNumber: 172, columnNumber: 9 }, __self: this }, user && /*#__PURE__*/ React.createElement("div", { className: "hidden lg:block", __source: { fileName: "", lineNumber: 173, columnNumber: 20 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: `col-span-1 ${!user ? "lg:col-span-3 max-w-2xl mx-auto w-full" : "lg:col-span-1"} animate-[fadeIn_0.6s_ease-out]`, __source: { fileName: "", lineNumber: 174, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 177, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 178, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-gray-900 dark:text-white font-inter mb-6 tracking-tight animate-[slideUp_0.6s_ease-out]", __source: { fileName: "", lineNumber: 179, columnNumber: 17 }, __self: this }, "Quick Cash Loans")), /*#__PURE__*/ React.createElement("div", { className: "bg-white dark:bg-gray-800 rounded-[30px] p-6 md:p-8 shadow-lg border border-gray-100 dark:border-gray-700 max-w-2xl mx-auto backdrop-blur-sm animate-[fadeIn_0.8s_ease-out]", __source: { fileName: "", lineNumber: 184, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300 font-inter text-sm md:text-base leading-relaxed", __source: { fileName: "", lineNumber: 185, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#25D366] font-semibold", __source: { fileName: "", lineNumber: 186, columnNumber: 19 }, __self: this }, "Welcome"), " ", "to our exclusive, trust-based lending community. Our services are available by referral only, ensuring we maintain the highest levels of trust and reliability for our members."))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 md:space-y-6 animate-[slideUp_0.8s_ease-out]", __source: { fileName: "", lineNumber: 193, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ if (!user) { signInWithGoogle({ callbackUrl: "/" }); } else if (!profileComplete) { setIsEditProfileOpen(true); } else { window.location.href = "https://wa.me/27681369786"; } }, className: `w-full py-3 md:py-4 px-4 md:px-6 ${user && profileComplete ? "bg-[#25D366] hover:bg-opacity-90 active:bg-opacity-80" : user && !profileComplete ? "bg-gray-400 cursor-not-allowed" : "bg-[#25D366] hover:bg-opacity-90 active:bg-opacity-80"} transition-all text-white rounded-[30px] font-inter text-base md:text-lg flex items-center justify-center shadow-lg hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#25D366] min-h-[48px] md:min-h-[56px]`, __source: { fileName: "", lineNumber: 194, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${!user ? "fab fa-google" : "fab fa-whatsapp"} mr-2 md:mr-3 text-lg md:text-xl`, __source: { fileName: "", lineNumber: 212, columnNumber: 17 }, __self: this }), !user ? "Sign in with Google to Request Loan" : !profileComplete ? "Complete Profile to Request Loan" : "Request Loan via WhatsApp"), /*#__PURE__*/ React.createElement("a", { href: "/loan-calculator", className: "w-full py-3 md:py-4 px-4 md:px-6 bg-gray-900 hover:bg-gray-800 active:bg-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 transition-all text-white rounded-[30px] font-inter text-base md:text-lg flex items-center justify-center shadow-lg hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900 dark:focus:ring-gray-700 min-h-[48px] md:min-h-[56px]", "aria-label": "Open loan calculator", __source: { fileName: "", lineNumber: 221, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calculator mr-2 md:mr-3 text-lg md:text-xl", __source: { fileName: "", lineNumber: 226, columnNumber: 17 }, __self: this }), "Loan Calculator"), user && /*#__PURE__*/ React.createElement("a", { href: "/payment", className: "w-full py-3 md:py-4 px-4 md:px-6 bg-gray-900 hover:bg-gray-800 active:bg-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 transition-all text-white rounded-[30px] font-inter text-base md:text-lg flex items-center justify-center shadow-lg hover:shadow-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900 dark:focus:ring-gray-700 min-h-[48px] md:min-h-[56px]", "aria-label": "View payment information", __source: { fileName: "", lineNumber: 230, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-credit-card mr-2 md:mr-3 text-lg md:text-xl", __source: { fileName: "", lineNumber: 235, columnNumber: 19 }, __self: this }), "Pay Your Loan"))), user && /*#__PURE__*/ React.createElement("div", { className: "hidden lg:block w-[300px] bg-white dark:bg-gray-800 rounded-[25px] p-6 border border-gray-100 dark:border-gray-700 h-fit my-12 shadow-lg backdrop-blur-sm animate-[fadeIn_1s_ease-out]", __source: { fileName: "", lineNumber: 242, columnNumber: 13 }, __self: this }, userSection, /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 245, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setChatbotOpen(true), className: "block w-full text-left text-gray-700 dark:text-gray-300 hover:text-[#25D366] dark:hover:text-[#25D366] font-inter text-sm py-1.5", __source: { fileName: "", lineNumber: 246, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot mr-2 w-5 text-center", __source: { fileName: "", lineNumber: 250, columnNumber: 19 }, __self: this }), "Ask Questions")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 pt-6 border-t border-gray-200 dark:border-gray-700", __source: { fileName: "", lineNumber: 255, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-base font-semibold text-gray-900 dark:text-white font-inter mb-3", __source: { fileName: "", lineNumber: 256, columnNumber: 17 }, __self: this }, "Need Help?"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300 text-sm font-inter mb-4", __source: { fileName: "", lineNumber: 259, columnNumber: 17 }, __self: this }, "Our team is available 24/7 to assist you with any questions."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.href = "https://wa.me/27681369786", className: "w-full py-2 px-4 bg-[#25D366] hover:bg-opacity-90 text-white rounded-[30px] font-inter text-sm flex items-center justify-center transition-colors", __source: { fileName: "", lineNumber: 262, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp mr-2 text-lg", __source: { fileName: "", lineNumber: 268, columnNumber: 19 }, __self: this }), "Chat with us"))))), /*#__PURE__*/ React.createElement("footer", { className: "mt-auto bg-white dark:bg-gray-800 rounded-t-[30px] shadow-lg backdrop-blur-sm", __source: { fileName: "", lineNumber: 276, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto px-4 md:px-6 py-8 md:py-10", __source: { fileName: "", lineNumber: 277, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-6 md:space-x-12 mb-8", __source: { fileName: "", lineNumber: 278, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-gray-900 dark:text-white font-inter text-base md:text-lg font-medium hover:text-[#25D366] dark:hover:text-[#25D366] transition-colors focus:outline-none focus:ring-2 focus:ring-[#25D366] rounded-lg px-3 md:px-4 py-2 min-h-[44px] flex items-center", __source: { fileName: "", lineNumber: 279, columnNumber: 13 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("a", { href: "/documents", className: "text-gray-900 dark:text-white font-inter text-base md:text-lg font-medium hover:text-[#25D366] dark:hover:text-[#25D366] transition-colors focus:outline-none focus:ring-2 focus:ring-[#25D366] rounded-lg px-3 md:px-4 py-2 min-h-[44px] flex items-center", __source: { fileName: "", lineNumber: 285, columnNumber: 13 }, __self: this }, "Documents")), /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-4 mb-8", __source: { fileName: "", lineNumber: 293, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300 font-inter font-medium text-sm md:text-base", __source: { fileName: "", lineNumber: 294, columnNumber: 13 }, __self: this }, "Fast, Secure & Trusted Financial Solutions"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-400 font-inter text-xs md:text-sm", __source: { fileName: "", lineNumber: 297, columnNumber: 13 }, __self: this }, "Available 24/7 via WhatsApp for your convenience")), /*#__PURE__*/ React.createElement("div", { className: "text-center border-t border-gray-100 dark:border-gray-700 pt-8", __source: { fileName: "", lineNumber: 302, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 dark:text-gray-400 font-inter text-xs md:text-sm", __source: { fileName: "", lineNumber: 303, columnNumber: 13 }, __self: this }, "© ", new Date().getFullYear(), " Quick Cash Loans. All rights reserved.")))), isEditProfileOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 z-50 overflow-y-auto", __source: { fileName: "", lineNumber: 312, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm", onClick: ()=>setIsEditProfileOpen(false), __source: { fileName: "", lineNumber: 313, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative min-h-screen flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 317, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative bg-white dark:bg-gray-900 w-full max-w-3xl rounded-[30px] shadow-xl p-6 md:p-8", __source: { fileName: "", lineNumber: 318, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsEditProfileOpen(false), className: "absolute right-4 top-4 z-10 w-8 h-8 flex items-center justify-center rounded-full bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600 text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors", "aria-label": "Close modal", __source: { fileName: "", lineNumber: 319, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 324, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white font-inter mb-6", __source: { fileName: "", lineNumber: 326, columnNumber: 15 }, __self: this }, "Edit Profile"), formError && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-red-50 dark:bg-red-900/10 text-red-600 dark:text-red-400 rounded-lg", __source: { fileName: "", lineNumber: 331, columnNumber: 17 }, __self: this }, formError), /*#__PURE__*/ React.createElement("form", { onSubmit: async (e)=>{ e.preventDefault(); setFormError(null); setUpdating(true); try { const response = await fetch("/api/profile/update", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ body: formData }) }); const data = await response.json(); if (!response.ok) { throw new Error(data.error); } if (data.profile.verified) { setFormError(null); handleProfileUpdate(); alert("Profile verified successfully! You can now request loans."); } else { handleProfileUpdate(); } } catch (err) { console.error(err); setFormError(err.message || "Failed to update profile"); } finally{ setUpdating(false); } }, className: "space-y-6", __source: { fileName: "", lineNumber: 336, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 374, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 375, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", __source: { fileName: "", lineNumber: 376, columnNumber: 21 }, __self: this }, "First Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", value: formData.name, onChange: (e)=>setFormData((prev)=>({ ...prev, name: e.target.value })), className: "w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-2 focus:ring-[#25D366] focus:border-transparent", required: true, __source: { fileName: "", lineNumber: 382, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 397, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "surname", className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", __source: { fileName: "", lineNumber: 398, columnNumber: 21 }, __self: this }, "Last Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "surname", name: "surname", value: formData.surname, onChange: (e)=>setFormData((prev)=>({ ...prev, surname: e.target.value })), className: "w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-2 focus:ring-[#25D366] focus:border-transparent", required: true, __source: { fileName: "", lineNumber: 404, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 420, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "age", className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", __source: { fileName: "", lineNumber: 421, columnNumber: 19 }, __self: this }, "Age"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "age", name: "age", value: formData.age, onChange: (e)=>setFormData((prev)=>({ ...prev, age: e.target.value })), className: "w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-2 focus:ring-[#25D366] focus:border-transparent", required: true, min: "18", max: "120", __source: { fileName: "", lineNumber: 427, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 441, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "contact_number", className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", __source: { fileName: "", lineNumber: 442, columnNumber: 19 }, __self: this }, "Contact Number"), /*#__PURE__*/ React.createElement("input", { type: "tel", id: "contact_number", name: "contact_number", value: formData.contact_number, onChange: (e)=>setFormData((prev)=>({ ...prev, contact_number: e.target.value })), className: "w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-2 focus:ring-[#25D366] focus:border-transparent", required: true, placeholder: "+27831234567", __source: { fileName: "", lineNumber: 448, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 464, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "city", className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", __source: { fileName: "", lineNumber: 465, columnNumber: 19 }, __self: this }, "City"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "city", name: "city", value: formData.city, onChange: (e)=>setFormData((prev)=>({ ...prev, city: e.target.value })), className: "w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-2 focus:ring-[#25D366] focus:border-transparent", required: true, __source: { fileName: "", lineNumber: 471, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-4", __source: { fileName: "", lineNumber: 483, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setIsEditProfileOpen(false), className: "px-6 py-2 rounded-lg border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors", __source: { fileName: "", lineNumber: 484, columnNumber: 19 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: updating, className: "px-6 py-2 bg-[#25D366] text-white rounded-lg hover:bg-opacity-90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 491, columnNumber: 19 }, __self: this }, updating ? "Saving..." : "Save Changes")))))), chatbotOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 z-50 overflow-y-auto", __source: { fileName: "", lineNumber: 506, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm", onClick: ()=>setChatbotOpen(false), __source: { fileName: "", lineNumber: 507, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative min-h-screen flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 511, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative bg-white dark:bg-gray-900 w-full max-w-2xl rounded-[30px] shadow-xl overflow-hidden", __source: { fileName: "", lineNumber: 512, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#25D366] p-4 flex items-center justify-between", __source: { fileName: "", lineNumber: 513, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-bold font-inter text-lg", __source: { fileName: "", lineNumber: 514, columnNumber: 17 }, __self: this }, "Quick Cash Loans Assistant"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setChatbotOpen(false), className: "text-white hover:text-gray-200 transition-colors", __source: { fileName: "", lineNumber: 517, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 521, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { ref: messageListRef, className: "h-[400px] overflow-y-auto p-4 space-y-4", __source: { fileName: "", lineNumber: 525, columnNumber: 15 }, __self: this }, messages.slice(1).map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `flex ${message.role === "user" ? "justify-end" : "justify-start"}`, __source: { fileName: "", lineNumber: 530, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-[80%] rounded-[20px] p-3 ${message.role === "user" ? "bg-[#25D366] text-white" : "bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white"}`, __source: { fileName: "", lineNumber: 536, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-inter text-sm", __source: { fileName: "", lineNumber: 543, columnNumber: 23 }, __self: this }, message.content)))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 548, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[80%] rounded-[20px] p-3 bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 549, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-inter text-sm", __source: { fileName: "", lineNumber: 550, columnNumber: 23 }, __self: this }, streamingMessage))), isLoading && !streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 555, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 dark:bg-gray-800 rounded-[20px] p-3", __source: { fileName: "", lineNumber: 556, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 557, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", __source: { fileName: "", lineNumber: 558, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce delay-100", __source: { fileName: "", lineNumber: 559, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce delay-200", __source: { fileName: "", lineNumber: 560, columnNumber: 25 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-200 dark:border-gray-700 p-4", __source: { fileName: "", lineNumber: 567, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: async (e)=>{ e.preventDefault(); const message = inputMessage.trim(); if (!message || isLoading || message.length > 500) return; setInputMessage(""); setMessages((prev)=>[ ...prev, { role: "user", content: message } ]); setIsLoading(true); try { const response = await fetch("/api/chat-1", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ message }) }); if (!response.ok) { throw new Error(`Failed to get response: ${response.status}`); } handleStreamResponse(response); } catch (error) { console.error("Chat error:", error); setMessages((prev)=>[ ...prev, { role: "assistant", content: "I apologize, but I'm having trouble processing your request. Please try again or visit your account dashboard for assistance." } ]); setStreamingMessage(""); } finally{ setIsLoading(false); } }, className: "flex space-x-2", __source: { fileName: "", lineNumber: 568, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: inputMessage, onChange: (e)=>setInputMessage(e.target.value), placeholder: "Ask me anything about our loans...", maxLength: 500, disabled: isLoading, className: "flex-1 px-4 py-2 rounded-full border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-2 focus:ring-[#25D366] focus:border-transparent disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 614, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: !inputMessage.trim() || isLoading || inputMessage.length > 500, className: "bg-[#25D366] text-white rounded-full w-10 h-10 flex items-center justify-center hover:bg-opacity-90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 623, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 632, columnNumber: 21 }, __self: this }))))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 641, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideUp { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } `)); }