function MainComponent() { const [mode, setMode] = React.useState("initial"); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [userEmail, setUserEmail] = React.useState(""); const [userProfile, setUserProfile] = React.useState(null); const [editMode, setEditMode] = React.useState(false); const [formData, setFormData] = React.useState({ name: "", email: "", discord_handle: "", twitter_handle: "", linkedin_url: "", status: "active" }); const handleInputChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleEditClick = ()=>{ setFormData({ name: userProfile.name, email: userProfile.email, discord_handle: userProfile.discord_handle, twitter_handle: userProfile.twitter_handle || "", linkedin_url: userProfile.linkedin_url || "", status: userProfile.status }); setEditMode(true); }; const handleStatusToggle = ()=>{ if (formData.status === "active") { if (window.confirm("Are you sure you want to leave the Early Access Program? You'll be removed from the Discord channel and beta features.")) { setFormData((prev)=>({ ...prev, status: "inactive" })); } } else { setFormData((prev)=>({ ...prev, status: "active" })); } }; const checkExistingUser = React.useCallback(async (email)=>{ setLoading(true); setError(null); try { const response = await fetch("/api/early-access/get", { method: "POST", body: JSON.stringify({ email }) }); const data = await response.json(); if (data && data.user) { setUserProfile(data.user); setMode("profile"); } else { setError("not_found"); } } catch (err) { setError("Could not check user status"); } finally{ setLoading(false); } }, []); const handleSubmit = React.useCallback(async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { if (mode === "initial") { const response = await fetch("/api/early-access/create", { method: "POST", body: JSON.stringify({ name: formData.name, email: formData.email, discord_handle: formData.discord_handle, twitter_handle: formData.twitter_handle, linkedin_url: formData.linkedin_url }) }); const data = await response.json(); if (data.error) { setError(data.error); return; } setUserProfile(data.user); setMode("thanks"); setFormData({ name: "", email: "", discord_handle: "", twitter_handle: "", linkedin_url: "", status: "active" }); return; } if (formData.status !== userProfile?.status) { const response = await fetch("/api/early-access/update-status", { method: "POST", body: JSON.stringify({ email: formData.email, status: formData.status }) }); const data = await response.json(); if (data.error) { setError(data.error); return; } setUserProfile(data.user); } else { const response = await fetch("/api/early-access/create", { method: "POST", body: JSON.stringify({ name: formData.name, email: formData.email, discord_handle: formData.discord_handle, twitter_handle: formData.twitter_handle, linkedin_url: formData.linkedin_url }) }); const data = await response.json(); if (data.error) { setError(data.error); return; } setUserProfile(data.user); } setEditMode(false); } catch (err) { setError("Failed to save changes. Please try again."); } finally{ setLoading(false); } }, [ formData, userProfile, mode ]); const handleLeaveProgram = React.useCallback(async ()=>{ if (!window.confirm("Are you sure you want to leave the Early Access Program? You'll be removed from the Discord channel and beta features.")) { return; } setLoading(true); setError(null); try { const response = await fetch("/api/early-access/update-status", { method: "POST", body: JSON.stringify({ email: userProfile.email, status: "inactive" }) }); const data = await response.json(); if (data.error) { setError(data.error); } else { setUserProfile(data.user); } } catch (err) { setError("Failed to leave program. Please try again."); } finally{ setLoading(false); } }, [ userProfile ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white py-12 px-4 sm:px-6 lg:px-8 font-inter", __source: { fileName: "", lineNumber: 188, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 189, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end mb-8", __source: { fileName: "", lineNumber: 190, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMode("signIn"), className: "text-sm text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 191, columnNumber: 11 }, __self: this }, "Already signed up?")), error && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-4 bg-red-50 border border-red-200 text-red-600 rounded-lg", __source: { fileName: "", lineNumber: 200, columnNumber: 11 }, __self: this }, error !== "not_found" && error), mode === "initial" && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center max-w-2xl mx-auto space-y-8 mt-32", __source: { fileName: "", lineNumber: 206, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center w-full", __source: { fileName: "", lineNumber: 207, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/f4501e38-3ff5-4844-843f-d7cffe6f9518/-/format/auto/", alt: "Create Logo", className: "h-12 mx-auto mb-4", __source: { fileName: "", lineNumber: 208, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 213, columnNumber: 15 }, __self: this }, "Early Access"), /*#__PURE__*/ React.createElement("p", { className: "text-md text-gray-600 mb-8", __source: { fileName: "", lineNumber: 216, columnNumber: 15 }, __self: this }, "Join to get beta access to new features", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 218, columnNumber: 17 }, __self: this }), 'We\'re letting in "prompt to mobile app" waitlist users in waves'), /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-8", __source: { fileName: "", lineNumber: 221, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-yellow-700", __source: { fileName: "", lineNumber: 222, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 223, columnNumber: 19 }, __self: this }, "Note"), ": Beta feature might have bugs & break existing projects. You can join with a separate Create account if you'd like"))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-full space-y-6", __source: { fileName: "", lineNumber: 228, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 229, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleInputChange, placeholder: "Your name", className: "block w-full px-4 py-3 text-lg border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", required: true, __source: { fileName: "", lineNumber: 230, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 240, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleInputChange, placeholder: "Your Create email address", className: "block w-full px-4 py-3 text-lg border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent mb-2", required: true, __source: { fileName: "", lineNumber: 241, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 250, columnNumber: 19 }, __self: this }, "The email you signed up for Create with (you can find it in your profile)")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 256, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "twitter_handle", value: formData.twitter_handle || "", onChange: handleInputChange, placeholder: "Your Twitter handle", className: "block w-full px-4 py-3 text-lg border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent mb-2", __source: { fileName: "", lineNumber: 257, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 265, columnNumber: 19 }, __self: this }, "Your Twitter/X username (without the @)")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 270, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "linkedin_url", value: formData.linkedin_url || "", onChange: handleInputChange, placeholder: "Your LinkedIn profile URL", className: "block w-full px-4 py-3 text-lg border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent mb-2", __source: { fileName: "", lineNumber: 271, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 281, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "discord_handle", value: formData.discord_handle, onChange: handleInputChange, placeholder: "Your Discord username", className: "block w-full px-4 py-3 text-lg border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent mb-2", required: true, __source: { fileName: "", lineNumber: 282, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 291, columnNumber: 19 }, __self: this }, "Your username in", /*#__PURE__*/ React.createElement("a", { href: "https://create.xyz/discord", target: "_blank", rel: "noopener noreferrer", className: "underline text-gray-500 hover:text-gray-700 ml-1", __source: { fileName: "", lineNumber: 293, columnNumber: 21 }, __self: this }, "create.xyz/discord")))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full py-3 bg-black text-white rounded-lg hover:bg-gray-900 disabled:opacity-50 transition-colors", __source: { fileName: "", lineNumber: 305, columnNumber: 15 }, __self: this }, loading ? "Submitting..." : "Join Early Access Program"))), mode === "signIn" && /*#__PURE__*/ React.createElement("div", { className: "max-w-xl mx-auto space-y-12", __source: { fileName: "", lineNumber: 317, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 318, columnNumber: 13 }, __self: this }, "Check Your Status"), error === "not_found" ? /*#__PURE__*/ React.createElement("div", { className: "bg-white border border-gray-200 rounded-lg p-8 space-y-4", __source: { fileName: "", lineNumber: 323, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-600 text-center", __source: { fileName: "", lineNumber: 324, columnNumber: 17 }, __self: this }, "You're not yet signed up for Early Access"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 327, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMode("initial"), className: "text-blue-600 hover:text-blue-800 text-lg font-medium", __source: { fileName: "", lineNumber: 328, columnNumber: 19 }, __self: this }, "Sign up for Early Access"))) : /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 337, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 338, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-1", __source: { fileName: "", lineNumber: 339, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium text-gray-700", __source: { fileName: "", lineNumber: 340, columnNumber: 21 }, __self: this }, "Create Email"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 343, columnNumber: 21 }, __self: this }, "The email you signed up with for Create")), /*#__PURE__*/ React.createElement("input", { type: "email", value: userEmail, onChange: (e)=>setUserEmail(e.target.value), onKeyDown: (e)=>{ if (e.key === "Enter") { checkExistingUser(userEmail); } }, className: "mt-2 block w-full px-4 py-3 text-lg border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "name@create.xyz", __source: { fileName: "", lineNumber: 347, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>checkExistingUser(userEmail), disabled: loading, className: "w-full py-4 bg-black text-white text-lg rounded-lg hover:bg-gray-900 disabled:opacity-50 transition-colors", __source: { fileName: "", lineNumber: 361, columnNumber: 17 }, __self: this }, loading ? "Checking..." : "Check Status"))), mode === "thanks" && /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-6", __source: { fileName: "", lineNumber: 374, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 375, columnNumber: 13 }, __self: this }, "Thanks for signing up!"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 376, columnNumber: 13 }, __self: this }, "You'll get emails from earlyaccess@create.xyz on how to test the latest features. You'll also get added to the #beta-early-access channel in Discord. Please post feedback on issues there."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMode("profile"), className: "px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700", __source: { fileName: "", lineNumber: 381, columnNumber: 13 }, __self: this }, "View Your Profile")), mode === "profile" && userProfile && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 391, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-center mb-8", __source: { fileName: "", lineNumber: 392, columnNumber: 13 }, __self: this }, "Your Early Access Profile"), editMode ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 396, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 397, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 398, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-1", __source: { fileName: "", lineNumber: 399, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium text-gray-700", __source: { fileName: "", lineNumber: 400, columnNumber: 23 }, __self: this }, "Name")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleInputChange, onKeyDown: (e)=>{ if (e.key === "Enter") { handleSubmit(e); } }, className: "mt-2 block w-full px-4 py-3 text-lg border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 404, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 417, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-1", __source: { fileName: "", lineNumber: 418, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium text-gray-700", __source: { fileName: "", lineNumber: 419, columnNumber: 23 }, __self: this }, "Email")), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleInputChange, onKeyDown: (e)=>{ if (e.key === "Enter") { handleSubmit(e); } }, className: "mt-2 block w-full px-4 py-3 text-lg border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 423, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 436, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-1", __source: { fileName: "", lineNumber: 437, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium text-gray-700", __source: { fileName: "", lineNumber: 438, columnNumber: 23 }, __self: this }, "Twitter Handle (optional)")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "twitter_handle", value: formData.twitter_handle || "", onChange: handleInputChange, onKeyDown: (e)=>{ if (e.key === "Enter") { handleSubmit(e); } }, className: "mt-2 block w-full px-4 py-3 text-lg border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 442, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 455, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-1", __source: { fileName: "", lineNumber: 456, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium text-gray-700", __source: { fileName: "", lineNumber: 457, columnNumber: 23 }, __self: this }, "LinkedIn URL (optional)")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "linkedin_url", value: formData.linkedin_url || "", onChange: handleInputChange, onKeyDown: (e)=>{ if (e.key === "Enter") { handleSubmit(e); } }, className: "mt-2 block w-full px-4 py-3 text-lg border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 461, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 474, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-1", __source: { fileName: "", lineNumber: 475, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium text-gray-700", __source: { fileName: "", lineNumber: 476, columnNumber: 23 }, __self: this }, "Discord Handle")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "discord_handle", value: formData.discord_handle, onChange: handleInputChange, onKeyDown: (e)=>{ if (e.key === "Enter") { handleSubmit(e); } }, className: "mt-2 block w-full px-4 py-3 text-lg border border-gray-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 480, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 493, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-lg font-medium text-gray-700", __source: { fileName: "", lineNumber: 494, columnNumber: 21 }, __self: this }, "Early Access Status"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleStatusToggle, className: `relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none ${formData.status === "active" ? "bg-green-600" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 497, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "sr-only", __source: { fileName: "", lineNumber: 506, columnNumber: 23 }, __self: this }, "Toggle status"), /*#__PURE__*/ React.createElement("span", { className: `pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${formData.status === "active" ? "translate-x-5" : "translate-x-0"}`, __source: { fileName: "", lineNumber: 507, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 516, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 517, columnNumber: 21 }, __self: this }, formData.status === "active" ? "You are currently enrolled in the Early Access Program" : "You will be removed from the Early Access Program"), formData.status === "inactive" && /*#__PURE__*/ React.createElement("div", { className: "text-sm text-red-600", __source: { fileName: "", lineNumber: 523, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 524, columnNumber: 25 }, __self: this }), "Leaving will remove you from the Discord channel and disable beta features"))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 531, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "flex-1 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700", __source: { fileName: "", lineNumber: 532, columnNumber: 19 }, __self: this }, "Save Changes"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setEditMode(false), className: "flex-1 py-3 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300", __source: { fileName: "", lineNumber: 539, columnNumber: 19 }, __self: this }, "Cancel"))) : /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 549, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white border border-gray-100 p-6 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 550, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("dl", { className: "space-y-4", __source: { fileName: "", lineNumber: 551, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 552, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("dt", { className: "text-sm font-medium text-gray-500", __source: { fileName: "", lineNumber: 553, columnNumber: 23 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("dd", { className: "text-lg text-gray-900", __source: { fileName: "", lineNumber: 556, columnNumber: 23 }, __self: this }, userProfile.name)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 560, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("dt", { className: "text-sm font-medium text-gray-500", __source: { fileName: "", lineNumber: 561, columnNumber: 23 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("dd", { className: "text-lg text-gray-900", __source: { fileName: "", lineNumber: 564, columnNumber: 23 }, __self: this }, userProfile.email)), userProfile.twitter_handle && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 569, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("dt", { className: "text-sm font-medium text-gray-500", __source: { fileName: "", lineNumber: 570, columnNumber: 25 }, __self: this }, "Twitter Handle"), /*#__PURE__*/ React.createElement("dd", { className: "text-lg text-gray-900", __source: { fileName: "", lineNumber: 573, columnNumber: 25 }, __self: this }, userProfile.twitter_handle)), userProfile.linkedin_url && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 579, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("dt", { className: "text-sm font-medium text-gray-500", __source: { fileName: "", lineNumber: 580, columnNumber: 25 }, __self: this }, "LinkedIn URL"), /*#__PURE__*/ React.createElement("dd", { className: "text-lg text-gray-900", __source: { fileName: "", lineNumber: 583, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: userProfile.linkedin_url, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline", __source: { fileName: "", lineNumber: 584, columnNumber: 27 }, __self: this }, userProfile.linkedin_url))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 595, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("dt", { className: "text-sm font-medium text-gray-500", __source: { fileName: "", lineNumber: 596, columnNumber: 23 }, __self: this }, "Discord Handle"), /*#__PURE__*/ React.createElement("dd", { className: "text-lg text-gray-900", __source: { fileName: "", lineNumber: 599, columnNumber: 23 }, __self: this }, userProfile.discord_handle)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 603, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("dt", { className: "text-sm font-medium text-gray-500", __source: { fileName: "", lineNumber: 604, columnNumber: 23 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("dd", { className: `text-lg ${userProfile.status === "active" ? "text-green-600" : "text-red-600"}`, __source: { fileName: "", lineNumber: 607, columnNumber: 23 }, __self: this }, userProfile.status === "active" ? "Active" : "Inactive")))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-4", __source: { fileName: "", lineNumber: 621, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleEditClick, className: "flex-1 py-3 bg-black text-white rounded-lg hover:bg-gray-900 transition-colors", __source: { fileName: "", lineNumber: 622, columnNumber: 19 }, __self: this }, "Edit Profile"), userProfile.status === "active" && /*#__PURE__*/ React.createElement("button", { onClick: handleLeaveProgram, disabled: loading, className: "flex-1 py-3 bg-red-600 text-white rounded-lg hover:bg-red-700 disabled:opacity-50 transition-colors", __source: { fileName: "", lineNumber: 629, columnNumber: 21 }, __self: this }, "Leave Early Access Program")))))); }