function AuthModal({ isOpen, onClose, initialMode = "signin" }) { const [mode, setMode] = useState(initialMode); useEffect(()=>{ setMode(initialMode); }, [ initialMode ]); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const { signInWithCredentials, signUpWithCredentials } = useAuth(); const handleSubmit = async (e)=>{ e.preventDefault(); setError(null); setLoading(true); try { if (mode === "signin") { await signInWithCredentials({ email, password, callbackUrl: "/recipes", redirect: true }); } else { await signUpWithCredentials({ email, password, callbackUrl: "/recipes", redirect: true }); } } catch (err) { setError(err.message); } finally{ setLoading(false); } }; if (!isOpen) return null; return /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl p-8 w-full max-w-md mx-4", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-purple-600 to-pink-600", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, mode === "signin" ? "Welcome Back" : "Create Account"), /*#__PURE__*/ React.createElement("button", { onClick: onClose, className: "text-gray-400 hover:text-gray-600", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-purple-200 bg-white px-4 py-3 focus-within:border-purple-400 focus-within:ring-1 focus-within:ring-purple-400", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __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", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-purple-200 bg-white px-4 py-3 focus-within:border-purple-400 focus-within:ring-1 focus-within:ring-purple-400", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "password", type: "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full rounded-lg bg-transparent text-lg outline-none", placeholder: "Enter your password", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }))), error && /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-red-50 p-3 text-sm text-red-500", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full py-3 px-6 rounded-xl bg-gradient-to-r from-purple-600 to-pink-600 text-white font-semibold shadow-md hover:shadow-lg transform hover:-translate-y-0.5 transition-all duration-200 disabled:opacity-50 disabled:transform-none", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, loading ? "Loading..." : mode === "signin" ? "Sign In" : "Sign Up"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-gray-600", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, mode === "signin" ? "Don't have an account? " : "Already have an account? ", /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setMode(mode === "signin" ? "signup" : "signin"), className: "text-purple-600 hover:text-purple-800", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, mode === "signin" ? "Sign up" : "Sign in"))))); } function MainComponent() { const [isAuthModalOpen, setIsAuthModalOpen] = useState(false); const [authMode, setAuthMode] = useState("signup"); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-50 to-pink-50", __source: { fileName: "", lineNumber: 145, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "px-4 py-6", __source: { fileName: "", lineNumber: 146, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 147, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-purple-600 to-pink-600", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, "Cookbook"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setAuthMode("signin"); setIsAuthModalOpen(true); }, className: "text-purple-600 hover:text-purple-800 font-medium", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setAuthMode("signup"); setIsAuthModalOpen(true); }, className: "px-4 py-2 rounded-lg bg-gradient-to-r from-purple-600 to-pink-600 text-white font-medium shadow-md hover:shadow-lg transform hover:-translate-y-0.5 transition-all duration-200", __source: { fileName: "", lineNumber: 161, columnNumber: 13 }, __self: this }, "Sign Up")))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 176, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 177, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-5xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-purple-600 to-pink-600", __source: { fileName: "", lineNumber: 178, columnNumber: 11 }, __self: this }, "Your Personal Recipe Collection"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-600 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 181, columnNumber: 11 }, __self: this }, "Save, organize, and discover recipes from your favorite cooking websites. Never lose track of a great recipe again.")), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-8 mb-16", __source: { fileName: "", lineNumber: 187, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-lg", __source: { fileName: "", lineNumber: 188, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4", __source: { fileName: "", lineNumber: 189, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6 text-purple-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 190, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z", __source: { fileName: "", lineNumber: 196, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 204, columnNumber: 13 }, __self: this }, "Search Recipes"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 205, columnNumber: 13 }, __self: this }, "Search for recipes across your favorite cooking websites and save them to your collection.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-lg", __source: { fileName: "", lineNumber: 210, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4", __source: { fileName: "", lineNumber: 211, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6 text-purple-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 212, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10", __source: { fileName: "", lineNumber: 218, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 226, columnNumber: 13 }, __self: this }, "Organize"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 227, columnNumber: 13 }, __self: this }, "Create categories and organize your recipes for easy access whenever you need them.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-lg", __source: { fileName: "", lineNumber: 232, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4", __source: { fileName: "", lineNumber: 233, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6 text-purple-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z", __source: { fileName: "", lineNumber: 240, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 248, columnNumber: 13 }, __self: this }, "Save Favorites"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 249, columnNumber: 13 }, __self: this }, "Mark your favorite recipe websites and keep them easily accessible."))), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 256, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setAuthMode("signup"); setIsAuthModalOpen(true); }, className: "inline-block px-8 py-4 rounded-xl bg-gradient-to-r from-purple-600 to-pink-600 text-white text-lg font-semibold shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 transition-all duration-200", __source: { fileName: "", lineNumber: 257, columnNumber: 11 }, __self: this }, "Get Started - It's Free"))), /*#__PURE__*/ React.createElement("footer", { className: "px-4 py-8 bg-white mt-12", __source: { fileName: "", lineNumber: 271, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto text-center text-gray-600", __source: { fileName: "", lineNumber: 272, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 273, columnNumber: 11 }, __self: this }, "© 2025 Cookbook. All rights reserved."))), /*#__PURE__*/ React.createElement(AuthModal, { isOpen: isAuthModalOpen, onClose: ()=>setIsAuthModalOpen(false), initialMode: authMode, __source: { fileName: "", lineNumber: 277, columnNumber: 7 }, __self: this })); }