function Button({ text, keyboardCommand, onClick }) { return /*#__PURE__*/ React.createElement("button", { className: "inline-flex items-center justify-center px-4 py-2 bg-[#1E1E1E] text-white border border-[#2A2A2A] rounded-lg hover:bg-[#2A2A2A] transition-colors duration-200", onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, text), keyboardCommand && /*#__PURE__*/ React.createElement("span", { className: "ml-2 px-1.5 py-0.5 text-xs bg-[#2A2A2A] text-white rounded", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, keyboardCommand)); } function ButtonStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { text: "Click me", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Button, { text: "Save", keyboardCommand: "⌘S", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Button, { text: "Open", keyboardCommand: "⌘O", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this })); } function MainComponent() { const [email, setEmail] = useState(""); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [success, setSuccess] = useState(false); const [theme, setTheme] = React.useState("dark"); const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); if (!email) { setError("Please enter your email address"); setLoading(false); return; } try { const response = await fetch("/api/request-password-reset", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email }) }); const data = await response.json(); if (!response.ok) { if (response.status === 503) { throw new Error("Email service not configured. Please contact the administrator."); } throw new Error(data.message || "Failed to send reset email"); } if (data.success) { setSuccess(true); } else { setError(data.message || "Failed to send reset email"); } } catch (err) { console.error("Password reset error:", err); setError(err.message); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: `min-h-screen flex flex-col font-open-sans ${theme === "dark" ? "bg-[#151515]" : "bg-white"}`, __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full p-4 flex justify-between items-center border-b border-[#2A2A2A]", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.history.back(), className: `flex items-center gap-2 px-4 py-2 rounded-lg transition-colors ${theme === "dark" ? "text-white hover:bg-[#2A2A2A]" : "text-[#151515] hover:bg-[#F5F5F5]"}`, __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }), "Back"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setTheme(theme === "dark" ? "light" : "dark"), className: `p-2 rounded-full hover:bg-[#2A2A2A] transition-colors`, "aria-label": "Toggle theme", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, theme === "dark" ? "☀️" : "🌙")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-full max-w-md rounded-lg border-2 p-8 ${theme === "dark" ? "border-[#2A2A2A] bg-[#1E1E1E]" : "border-[#E5E5E5] bg-white"}`, __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: `text-3xl font-bold mb-8 text-center ${theme === "dark" ? "text-white" : "text-[#151515]"}`, __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, "Reset Password"), success ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `rounded-lg p-4 text-center ${theme === "dark" ? "bg-[#2A2A2A] text-green-400" : "bg-green-50 text-green-600"}`, __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, "If an account exists with that email, you will receive password reset instructions."), /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "block w-full rounded-lg bg-[#357AFF] px-4 py-3 text-center text-base font-medium text-white transition-colors hover:bg-[#2E69DE]", __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, "Return to Sign In")) : /*#__PURE__*/ React.createElement("form", { noValidate: true, onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: `block text-sm font-medium ${theme === "dark" ? "text-[#A4A4A4]" : "text-gray-700"}`, __source: { fileName: "", lineNumber: 115, columnNumber: 17 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("div", { className: `overflow-hidden rounded-lg border px-4 py-3 ${theme === "dark" ? "border-[#2A2A2A] bg-[#1E1E1E] focus-within:border-[#357AFF]" : "border-gray-200 bg-white focus-within:border-[#357AFF] focus-within:ring-1 focus-within:ring-[#357AFF]"}`, __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "email", type: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "Enter your email", className: `w-full bg-transparent text-lg outline-none ${theme === "dark" ? "text-white placeholder-[#A4A4A4]" : "text-[#151515] placeholder-gray-400"}`, __source: { fileName: "", lineNumber: 129, columnNumber: 19 }, __self: this }))), error && /*#__PURE__*/ React.createElement("div", { className: `rounded-lg p-3 text-sm ${theme === "dark" ? "bg-[#2A2A2A] text-red-400" : "bg-red-50 text-red-500"}`, __source: { fileName: "", lineNumber: 146, columnNumber: 17 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "relative w-full rounded-lg bg-[#357AFF] px-4 py-3 text-base font-medium text-white transition-colors hover:bg-[#2E69DE] disabled:opacity-50", __source: { fileName: "", lineNumber: 157, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 163, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "animate-spin -ml-1 mr-3 h-5 w-5 text-white", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 164, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4", __source: { fileName: "", lineNumber: 170, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", __source: { fileName: "", lineNumber: 178, columnNumber: 23 }, __self: this })), "Sending Reset Link...") : "Reset Password"), /*#__PURE__*/ React.createElement("p", { className: `text-center text-sm ${theme === "dark" ? "text-[#A4A4A4]" : "text-gray-600"}`, __source: { fileName: "", lineNumber: 190, columnNumber: 15 }, __self: this }, "Remember your password?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-[#357AFF] hover:text-[#2E69DE]", __source: { fileName: "", lineNumber: 196, columnNumber: 17 }, __self: this }, "Sign in")))))); }