"use client"; function MainComponent() { const [currentPage, setCurrentPage] = React.useState("sign-up"); const [selectedMatch, setSelectedMatch] = React.useState(null); const [userProfile, setUserProfile] = React.useState({ name: "Jane Doe", age: "30", bio: "Adventurous spirit with a passion for travel and cooking. Let's explore the world together!", images: [ "https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?auto=compress&cs=tinysrgb&w=400" ], location: "Elk River, MN" }); const [signupDetails, setSignupDetails] = React.useState({ email: "", phoneNumber: "", password: "" }); const [loading, setLoading] = React.useState(false); const [message, setMessage] = React.useState(""); const [savedMatches, setSavedMatches] = React.useState({}); const [aiResponse, setAiResponse] = React.useState(""); const dailyMatches = [ { id: 1, name: "Alexandra", age: 23, location: "Elk River, MN", bio: "Lover of the outdoors and all things adventurous. Always looking for new experiences and great conversation.", image: "https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg?auto=compress&cs=tinysrgb&w=400" }, { id: 2, name: "Sophia", age: 29, location: "Minneapolis, MN", bio: "Passionate about travel and trying new cuisines. I value honesty and kindness above all.", image: "https://images.pexels.com/photos/1150027/pexels-photo-1150027.jpeg?auto=compress&cs=tinysrgb&w=400" }, { id: 3, name: "Isabella", age: 27, location: "Saint Paul, MN", bio: "Art enthusiast and coffee lover. Enjoying life one day at a time and looking for someone to share it with.", image: "https://images.pexels.com/photos/1181223/pexels-photo-1181223.jpeg?auto=compress&cs=tinysrgb&w=400" } ]; const handleSignup = ()=>{ setCurrentPage("matches"); }; const handleMatchClick = (match)=>{ setSelectedMatch(match); setCurrentPage("matchProfile"); }; const handleSaveToggle = (matchId)=>{ setSavedMatches((prev)=>({ ...prev, [matchId]: !prev[matchId] })); }; const handleSendMessage = ()=>{ setLoading(true); const requestData = { messages: [ { role: "user", content: message } ] }; fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", body: JSON.stringify(requestData) }).then((response)=>response.json()).then((data)=>{ const content = data.choices[0].message.content; setAiResponse(content); setLoading(false); }).catch((error)=>{ console.error("Error:", error); setLoading(false); }); }; const renderSignUpPage = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen p-4 bg-[#232226]", __source: { fileName: "", lineNumber: 84, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-oversized md:text-oversized font-dela-gothic-one uppercase mb-8 text-white", __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }, "BREAK THE SWIPE"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#151419] rounded-lg p-4 w-full max-w-sm", __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", value: signupDetails.email, onChange: (e)=>setSignupDetails({ ...signupDetails, email: e.target.value }), className: "bg-[#232226] text-white p-2 rounded-lg w-full mb-4", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phoneNumber", placeholder: "Phone Number", value: signupDetails.phoneNumber, onChange: (e)=>setSignupDetails({ ...signupDetails, phoneNumber: e.target.value }), className: "bg-[#232226] text-white p-2 rounded-lg w-full mb-4", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", value: signupDetails.password, onChange: (e)=>setSignupDetails({ ...signupDetails, password: e.target.value }), className: "bg-[#232226] text-white p-2 rounded-lg w-full mb-4", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#C3FE43] hover:bg-white text-[#151419] font-archivo-black uppercase rounded-full px-6 py-3", onClick: handleSignup, __source: { fileName: "", lineNumber: 119, columnNumber: 9 }, __self: this }, "SIGN UP"))); const renderMatchesPage = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-6 p-4 bg-[#232226]", __source: { fileName: "", lineNumber: 129, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between w-full", __source: { fileName: "", lineNumber: 130, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("profile"), className: "text-[#C3FE43] font-archivo-black text-lg", __source: { fileName: "", lineNumber: 131, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user", __source: { fileName: "", lineNumber: 135, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("settings"), className: "text-[#C3FE43] font-archivo-black text-lg", __source: { fileName: "", lineNumber: 137, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog", __source: { fileName: "", lineNumber: 141, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("h1", { className: "text-[4rem] md:text-[6rem] font-dela-gothic-one uppercase mb-8", __source: { fileName: "", lineNumber: 144, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white", __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this }, "BREAK"), /*#__PURE__*/ React.createElement("span", { className: "text-[#C3FE43]", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, "THE"), /*#__PURE__*/ React.createElement("span", { className: "text-white", __source: { fileName: "", lineNumber: 147, columnNumber: 9 }, __self: this }, "SWIPE")), /*#__PURE__*/ React.createElement("h2", { className: "text-white text-2xl font-inter mb-4", __source: { fileName: "", lineNumber: 149, columnNumber: 7 }, __self: this }, "Your Daily Matches"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-4", __source: { fileName: "", lineNumber: 152, columnNumber: 7 }, __self: this }, dailyMatches.map((match)=>/*#__PURE__*/ React.createElement("div", { key: match.id, className: "bg-[#151419] rounded-lg p-4", __source: { fileName: "", lineNumber: 154, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: match.image, alt: `Profile picture of ${match.name}`, className: "w-full h-64 object-cover rounded-lg mb-2 cursor-pointer", onClick: ()=>handleMatchClick(match), __source: { fileName: "", lineNumber: 155, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-white font-inter text-lg", __source: { fileName: "", lineNumber: 161, columnNumber: 13 }, __self: this }, match.name, ", ", match.age), /*#__PURE__*/ React.createElement("p", { className: "text-white text-sm mb-2", __source: { fileName: "", lineNumber: 164, columnNumber: 13 }, __self: this }, match.location), /*#__PURE__*/ React.createElement("p", { className: "text-white text-sm mb-4", __source: { fileName: "", lineNumber: 167, columnNumber: 13 }, __self: this }, match.bio), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-2", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `bg-[#C3FE43] hover:bg-white text-[#151419] font-archivo-black uppercase rounded-full px-6 py-3 ${savedMatches[match.id] ? 'bg-white' : ''}`, onClick: ()=>handleSaveToggle(match.id), __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, savedMatches[match.id] ? 'Saved' : 'Save'), /*#__PURE__*/ React.createElement("button", { className: "bg-[#C3FE43] hover:bg-white text-[#151419] font-archivo-black uppercase rounded-full px-6 py-3", onClick: ()=>handleMatchClick(match), __source: { fileName: "", lineNumber: 177, columnNumber: 15 }, __self: this }, "Message")))))); const renderMatchProfilePage = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-[#232226]", __source: { fileName: "", lineNumber: 190, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#151419] p-4 flex items-center justify-between", __source: { fileName: "", lineNumber: 191, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("matches"), className: "text-white", __source: { fileName: "", lineNumber: 192, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 196, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-white font-inter text-xl", __source: { fileName: "", lineNumber: 198, columnNumber: 9 }, __self: this }, selectedMatch?.name), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 201, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white", __source: { fileName: "", lineNumber: 202, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ban", __source: { fileName: "", lineNumber: 203, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-white", __source: { fileName: "", lineNumber: 205, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-flag", __source: { fileName: "", lineNumber: 206, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#151419] p-4 flex-grow", __source: { fileName: "", lineNumber: 210, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: selectedMatch?.image, alt: `Profile picture of ${selectedMatch?.name}`, className: "w-32 h-32 object-cover rounded-full mb-4", __source: { fileName: "", lineNumber: 211, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-white font-inter text-lg", __source: { fileName: "", lineNumber: 216, columnNumber: 9 }, __self: this }, selectedMatch?.name, ", ", selectedMatch?.age), /*#__PURE__*/ React.createElement("p", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 217, columnNumber: 9 }, __self: this }, selectedMatch?.bio), /*#__PURE__*/ React.createElement("p", { className: "text-white text-sm mb-4", __source: { fileName: "", lineNumber: 218, columnNumber: 9 }, __self: this }, selectedMatch?.location), /*#__PURE__*/ React.createElement("button", { className: "bg-[#C3FE43] text-[#151419] font-archivo-black uppercase rounded-full px-6 py-3", onClick: ()=>setCurrentPage("message"), __source: { fileName: "", lineNumber: 219, columnNumber: 9 }, __self: this }, "Message"))); const renderMessagePage = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-[#232226]", __source: { fileName: "", lineNumber: 229, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#151419] p-4 flex items-center justify-between", __source: { fileName: "", lineNumber: 230, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("matches"), className: "text-white", __source: { fileName: "", lineNumber: 231, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 235, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-white font-inter text-xl", __source: { fileName: "", lineNumber: 237, columnNumber: 9 }, __self: this }, "Chat with ", selectedMatch?.name)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#151419] p-4 flex-grow overflow-y-scroll", __source: { fileName: "", lineNumber: 241, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white mb-4", __source: { fileName: "", lineNumber: 242, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 243, columnNumber: 11 }, __self: this }, aiResponse)), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 245, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: message, onChange: (e)=>setMessage(e.target.value), className: "bg-[#232226] text-white p-2 rounded-lg flex-grow", __source: { fileName: "", lineNumber: 246, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSendMessage, className: "bg-[#C3FE43] text-[#151419] font-archivo-black uppercase rounded-full px-6 py-3 ml-2", __source: { fileName: "", lineNumber: 251, columnNumber: 11 }, __self: this }, "Send")))); const renderProfilePage = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-[#232226]", __source: { fileName: "", lineNumber: 262, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#151419] p-4 flex items-center justify-between", __source: { fileName: "", lineNumber: 263, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("matches"), className: "text-white", __source: { fileName: "", lineNumber: 264, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 268, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-white font-inter text-xl", __source: { fileName: "", lineNumber: 270, columnNumber: 9 }, __self: this }, "My Profile"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("settings"), className: "text-white", __source: { fileName: "", lineNumber: 271, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog", __source: { fileName: "", lineNumber: 275, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#151419] p-4 flex-grow", __source: { fileName: "", lineNumber: 278, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 279, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: userProfile.images[0], alt: "User Profile", className: "w-32 h-32 object-cover rounded-full mb-4", __source: { fileName: "", lineNumber: 280, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", value: userProfile.name, onChange: (e)=>setUserProfile({ ...userProfile, name: e.target.value }), placeholder: "Name", className: "bg-[#232226] text-white p-2 rounded-lg w-full mb-4", __source: { fileName: "", lineNumber: 285, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", value: userProfile.age, onChange: (e)=>setUserProfile({ ...userProfile, age: e.target.value }), placeholder: "Age", className: "bg-[#232226] text-white p-2 rounded-lg w-full mb-4", __source: { fileName: "", lineNumber: 294, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { value: userProfile.bio, onChange: (e)=>setUserProfile({ ...userProfile, bio: e.target.value }), placeholder: "Bio", className: "bg-[#232226] text-white p-2 rounded-lg w-full mb-4", __source: { fileName: "", lineNumber: 303, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", value: userProfile.location, onChange: (e)=>setUserProfile({ ...userProfile, location: e.target.value }), placeholder: "Location", className: "bg-[#232226] text-white p-2 rounded-lg w-full mb-4", __source: { fileName: "", lineNumber: 311, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#C3FE43] text-[#151419] font-archivo-black uppercase rounded-full px-6 py-3", onClick: ()=>setCurrentPage("matches"), __source: { fileName: "", lineNumber: 320, columnNumber: 11 }, __self: this }, "Save Profile")))); const renderSettingsPage = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-[#232226]", __source: { fileName: "", lineNumber: 331, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#151419] p-4 flex items-center justify-between", __source: { fileName: "", lineNumber: 332, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("matches"), className: "text-white", __source: { fileName: "", lineNumber: 333, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 337, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-white font-inter text-xl", __source: { fileName: "", lineNumber: 339, columnNumber: 9 }, __self: this }, "Settings")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#151419] p-4 flex-grow", __source: { fileName: "", lineNumber: 341, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-inter text-lg mb-4", __source: { fileName: "", lineNumber: 342, columnNumber: 9 }, __self: this }, "Profile Settings"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#232226] p-4 rounded-lg mb-4", __source: { fileName: "", lineNumber: 343, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-white text-lg mb-2", __source: { fileName: "", lineNumber: 344, columnNumber: 11 }, __self: this }, "Red Flags")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#232226] p-4 rounded-lg mb-4", __source: { fileName: "", lineNumber: 346, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-white text-lg mb-2", __source: { fileName: "", lineNumber: 347, columnNumber: 11 }, __self: this }, "Green Flags")), /*#__PURE__*/ React.createElement("button", { className: "bg-[#C3FE43] text-[#151419] font-archivo-black uppercase rounded-full px-6 py-3", onClick: ()=>setCurrentPage("sign-up"), __source: { fileName: "", lineNumber: 349, columnNumber: 9 }, __self: this }, "Delete Account"))); const renderPage = ()=>{ switch(currentPage){ case "sign-up": return renderSignUpPage(); case "matches": return renderMatchesPage(); case "message": return renderMessagePage(); case "matchProfile": return renderMatchProfilePage(); case "profile": return renderProfilePage(); case "settings": return renderSettingsPage(); default: return null; } }; return /*#__PURE__*/ React.createElement(React.Fragment, null, renderPage()); }