function MainComponent() { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [error, setError] = useState(""); const [loading, setLoading] = useState(false); const { signInWithCredentials } = useAuth(); const handleSubmit = async (e)=>{ e.preventDefault(); setError(""); setLoading(true); if (!email.trim() || !password.trim()) { setError("メールアドレスとパスワードを入力してください。"); setLoading(false); return; } try { const response = await signInWithCredentials({ email: email.trim(), password: password.trim(), callbackUrl: "/", redirect: true }); if (response?.error) { switch(response.error){ case "InvalidCredentials": setError("メールアドレスまたはパスワードが間違っています。"); break; case "UserNotFound": setError("このメールアドレスは登録されていません。"); break; case "TooManyAttempts": setError("ログイン試行回数が多すぎます。しばらく待ってから再度お試しください。"); break; default: setError("ログインに失敗しました。もう一度お試しください。"); } setLoading(false); } } catch (err) { console.error("Login error:", err); setError("サーバーエラーが発生しました。しばらくしてからもう一度お試しください。"); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 bg-[#0e7fca] rounded-full flex items-center justify-center mx-auto mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/36130693-69cc-488f-a68a-fa8b09fefe47/-/format/auto/", alt: "Infinity Chat AI Logo", className: "w-16 h-16 rounded-full", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "Infinity Chat AI"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-8 font-roboto", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "AIとチャットを始めましょう"), /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "email", type: "email", required: true, value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "メールアドレスを入力", className: "w-full px-4 py-2 rounded-2xl border border-gray-300 focus:outline-none focus:border-[#0e7fca] font-roboto disabled:bg-gray-100", disabled: loading, __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "password", type: "password", required: true, value: password, onChange: (e)=>setPassword(e.target.value), placeholder: "パスワードを入力", className: "w-full px-4 py-2 rounded-2xl border border-gray-300 focus:outline-none focus:border-[#0e7fca] font-roboto disabled:bg-gray-100", disabled: loading, __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-[#0e7fca] text-white rounded-full px-6 py-3 hover:bg-[#0d73b7] transition-colors font-roboto disabled:bg-gray-400", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 99, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin mr-2", __source: { fileName: "", lineNumber: 100, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 101, columnNumber: 21 }, __self: this }, "ログイン中...")) : "ログインする"), /*#__PURE__*/ React.createElement("a", { href: "/会員登録フォーム作成ツール", className: "block w-full bg-white text-[#0e7fca] border border-[#0e7fca] rounded-full px-6 py-3 hover:bg-gray-50 transition-colors font-roboto text-center", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, "新規登録")), error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-red-50 border-l-4 border-red-400 p-4 rounded-r relative text-center font-roboto", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 117, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-400 mr-2", __source: { fileName: "", lineNumber: 118, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-red-700", __source: { fileName: "", lineNumber: 120, columnNumber: 19 }, __self: this }, error))))))); }