function MainComponent() { const { data: user, loading: userLoading } = useUser(); const [profileData, setProfileData] = useState(null); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); useEffect(()=>{ const fetchProfileData = async ()=>{ if (!user) return; try { const response = await fetch("/api/db/soulmate-data-1887519", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM user_profiles WHERE user_id = ? LIMIT 1", values: [ user.id ] }) }); const data = await response.json(); if (data.length > 0) { setProfileData(data[0]); } } catch (err) { setError("Failed to load profile data"); } finally{ setLoading(false); } }; fetchProfileData(); }, [ user ]); const getEditProfileUrl = ()=>{ if (!profileData) return "/soulmate"; const params = new URLSearchParams({ name: profileData.name || "", age: profileData.age || "", gender: profileData.gender || "", seekingGender: profileData.seeking_gender || "", goals: profileData.goals || "", wantChildren: profileData.want_children || "", hasChildren: profileData.has_children || "", petPreference: profileData.pet_preference || "", incomeRange: profileData.income_range || "", religion: profileData.religion || "", religiousImportance: profileData.religious_importance || "", orientation: profileData.orientation || "", politicalBeliefs: profileData.political_beliefs || "", dealBreakers: profileData.deal_breakers || "", personalWeaknesses: profileData.personal_weaknesses || "", loveLanguage: profileData.love_language || "", morningPhoto: profileData.morning_photo || "" }); return `/soulmate?${params.toString()}`; }; if (userLoading || loading) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#FFE5E5] via-[#FF0000] to-[#8B0000] flex items-center justify-center", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/9a0d75ee-6a31-4dc9-bdd5-5ec0097fd96c/-/format/auto/", alt: "Five Stars Soulmate App", className: "w-48 h-48 mx-auto mb-6 animate-pulse", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-3xl text-white font-crimson-text animate-pulse", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart mr-2", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }), "Loading..."))); } if (!user) { window.location.href = "/account/signin?callbackUrl=" + encodeURIComponent(window.location.pathname); return null; } if (error) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#FFE5E5] via-[#FF0000] to-[#8B0000] flex items-center justify-center", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl text-white font-crimson-text", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }), error)); } if (!profileData) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#FFE5E5] via-[#FF0000] to-[#8B0000] flex items-center justify-center", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl text-white font-crimson-text text-center", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-6xl mb-4", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, "No profile found."), /*#__PURE__*/ React.createElement("a", { href: "/", className: "mt-4 inline-block px-6 py-3 bg-white text-[#8B0000] rounded-full hover:bg-gray-100 transition-all", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, "Create Your Profile"))); } return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/2a832f0d-a7b9-445b-b168-fb5b78870638/-/format/auto/", __source: { fileName: "", lineNumber: 111, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen py-6 sm:py-12 px-2 sm:px-6 lg:px-8 relative", style: { backgroundImage: "url('https://ucarecdn.com/6594c6c6-d253-429b-ab70-1325557da0ad/-/format/auto/')", backgroundSize: "cover", backgroundPosition: "center", backgroundRepeat: "no-repeat" }, __source: { fileName: "", lineNumber: 116, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center", __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/9a0d75ee-6a31-4dc9-bdd5-5ec0097fd96c/-/format/auto/", alt: "Five Stars Soulmate App", className: "max-w-xs md:max-w-sm lg:max-w-md xl:max-w-lg opacity-90", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-br from-[#FFE5E5] via-[#FF0000] to-[#8B0000] opacity-80", __source: { fileName: "", lineNumber: 133, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 134, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end mb-4 px-4", __source: { fileName: "", lineNumber: 135, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://godess-designs.printify.me/", target: "_blank", rel: "noopener noreferrer", className: "inline-block px-6 py-3 bg-white text-[#FF0000] rounded-full font-roboto transition-all duration-300 hover:bg-gray-100 hover:shadow-lg", __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-cart mr-2", __source: { fileName: "", lineNumber: 142, columnNumber: 15 }, __self: this }), "Find a Gift")), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto bg-white/90 backdrop-blur-sm rounded-2xl shadow-2xl p-4 sm:p-8", __source: { fileName: "", lineNumber: 146, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text text-[#8B0000] mb-4", __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle mr-3", __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this }), "Your Soulmate Profile"), profileData.morning_photo && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 153, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: profileData.morning_photo, alt: "Profile", className: "w-48 h-48 rounded-full mx-auto object-cover border-4 border-[#FF0000] shadow-lg", __source: { fileName: "", lineNumber: 154, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-8", __source: { fileName: "", lineNumber: 163, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 164, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/50 p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 165, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#8B0000] mb-4", __source: { fileName: "", lineNumber: 166, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 167, columnNumber: 21 }, __self: this }), "Basic Info"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 170, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 171, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 172, columnNumber: 23 }, __self: this }, "Name:"), " ", profileData.name), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 175, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 176, columnNumber: 23 }, __self: this }, "Age:"), " ", profileData.age), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 179, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 180, columnNumber: 23 }, __self: this }, "Gender:"), " ", profileData.gender), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 183, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 184, columnNumber: 23 }, __self: this }, "Seeking:"), " ", profileData.seeking_gender))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/50 p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 190, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#8B0000] mb-4", __source: { fileName: "", lineNumber: 191, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart mr-2", __source: { fileName: "", lineNumber: 192, columnNumber: 21 }, __self: this }), "Family & Lifestyle"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 195, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 196, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 197, columnNumber: 23 }, __self: this }, "Has Children:"), " ", profileData.has_children), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 200, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 201, columnNumber: 23 }, __self: this }, "Wants Children:"), " ", profileData.want_children), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 204, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 205, columnNumber: 23 }, __self: this }, "Pet Preference:"), " ", profileData.pet_preference), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 208, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 209, columnNumber: 23 }, __self: this }, "Income Range:"), " ", profileData.income_range)))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 216, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/50 p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 217, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#8B0000] mb-4", __source: { fileName: "", lineNumber: 218, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star mr-2", __source: { fileName: "", lineNumber: 219, columnNumber: 21 }, __self: this }), "Beliefs & Values"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 222, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 223, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 224, columnNumber: 23 }, __self: this }, "Religion:"), " ", profileData.religion), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 227, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 228, columnNumber: 23 }, __self: this }, "Religious Importance:"), " ", profileData.religious_importance), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 233, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 234, columnNumber: 23 }, __self: this }, "Orientation:"), " ", profileData.orientation), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 237, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 238, columnNumber: 23 }, __self: this }, "Political Views:"), " ", profileData.political_beliefs))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/50 p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 244, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#8B0000] mb-4", __source: { fileName: "", lineNumber: 245, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb mr-2", __source: { fileName: "", lineNumber: 246, columnNumber: 21 }, __self: this }), "Personal Insights"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 249, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 250, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 251, columnNumber: 23 }, __self: this }, "Life Goals:"), " ", profileData.goals), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 254, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 255, columnNumber: 23 }, __self: this }, "Deal Breakers:"), " ", profileData.deal_breakers), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 258, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 259, columnNumber: 23 }, __self: this }, "Love Language:"), " ", profileData.love_language), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 262, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 263, columnNumber: 23 }, __self: this }, "Personal Weaknesses:"), " ", profileData.personal_weaknesses))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4", __source: { fileName: "", lineNumber: 273, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: getEditProfileUrl(), className: "w-full sm:w-auto px-6 py-3 bg-[#FF0000] text-white rounded-full font-roboto text-base sm:text-lg transition-all duration-300 transform hover:scale-105 hover:bg-[#8B0000] hover:shadow-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 274, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit mr-2", __source: { fileName: "", lineNumber: 278, columnNumber: 17 }, __self: this }), "Edit Profile"), /*#__PURE__*/ React.createElement("a", { href: "/matches", className: "w-full sm:w-auto px-6 py-3 bg-[#FF0000] text-white rounded-full font-roboto text-base sm:text-lg transition-all duration-300 transform hover:scale-105 hover:bg-[#8B0000] hover:shadow-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 281, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart mr-2", __source: { fileName: "", lineNumber: 285, columnNumber: 17 }, __self: this }), "View Matches"), /*#__PURE__*/ React.createElement("a", { href: "/chat", className: "w-full sm:w-auto px-6 py-3 bg-[#FF0000] text-white rounded-full font-roboto text-base sm:text-lg transition-all duration-300 transform hover:scale-105 hover:bg-[#8B0000] hover:shadow-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 288, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comments mr-2", __source: { fileName: "", lineNumber: 292, columnNumber: 17 }, __self: this }), "Messages")))))); }