function MainComponent() { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [loading, setLoading] = useState(false); const [error, setError] = useState(""); const [quote, setQuote] = useState(""); const [lockout, setLockout] = useState(false); const [remainingAttempts, setRemainingAttempts] = useState(5); const { signInWithCredentials, signInWithGoogle } = useAuth(); const handleSubmit = useCallback(async (e)=>{ e.preventDefault(); if (!email || !password) { setError("メールアドレスとパスワードを入力してください"); return; } try { setLoading(true); setError(""); setLockout(false); const result = await signInWithCredentials({ email: email.trim().toLowerCase(), password, redirect: false }); if (result?.error) { // --- ここでロックアウトと残り回数の処理 --- if (result.error.includes("ロックアウト")) { setLockout(true); setError("5回連続で失敗したため、15分間ログインできません。"); setRemainingAttempts(0); } else if (result.error.includes("残り")) { // サーバーから残り回数が返ってくる場合 const match = result.error.match(/残り(\d+)回/); if (match) { setRemainingAttempts(Number(match[1])); setError(result.error); } else { setRemainingAttempts((prev)=>Math.max(prev - 1, 0)); setError("ログインに失敗しました。メールアドレスとパスワードを確認してください。"); } } else { setRemainingAttempts((prev)=>Math.max(prev - 1, 0)); setError("ログインに失敗しました。メールアドレスとパスワードを確認してください。"); } return; } window.location.href = "/"; } catch (err) { console.error("ログインエラー:", err); setError("ログインに失敗しました。メールアドレスとパスワードを確認してください。"); setRemainingAttempts((prev)=>Math.max(prev - 1, 0)); } finally{ setLoading(false); } }, [ email, password, signInWithCredentials ]); const handleGoogleSignIn = useCallback(async ()=>{ try { setLoading(true); setError(""); await signInWithGoogle({ redirect: true, callbackUrl: "/" }); } catch (err) { console.error("Googleログインエラー:", err); setError("Googleログインに失敗しました。"); setLoading(false); } }, [ signInWithGoogle ]); const handleEmailChange = useCallback((e)=>setEmail(e.target.value), []); const handlePasswordChange = useCallback((e)=>setPassword(e.target.value), []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex items-center justify-center bg-gradient-to-br from-[#f0e7ff] via-[#e0f7fa] to-[#f9fbe7] px-4 py-12", __source: { fileName: "", lineNumber: 94, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white/80 rounded-2xl shadow-2xl p-8 space-y-8 border border-[#e0e7ff]", __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/957bea9b-c7a6-4416-95bb-bfe1bb72afc5/-/format/auto/", alt: "ロゴ", className: "w-20 h-20 rounded-full mb-4 shadow-lg object-cover bg-white", style: { background: "#fff" }, __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-[#3a3a3a] font-roboto tracking-tight mb-2", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6b7280] text-sm font-roboto", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, "あなたのアカウントにサインインしてください")), lockout && /*#__PURE__*/ React.createElement("div", { className: "rounded-md bg-red-100 p-3 border border-red-300 mb-2", __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-red-800 font-roboto font-bold", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, "5回連続で失敗したため、15分間ログインできません。")), !lockout && remainingAttempts < 5 && remainingAttempts > 0 && /*#__PURE__*/ React.createElement("div", { className: "rounded-md bg-yellow-50 p-3 border border-yellow-200 mb-2", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-yellow-700 font-roboto", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, "あと", remainingAttempts, "回間違えるとロックされます")), error && /*#__PURE__*/ React.createElement("div", { className: "rounded-md bg-red-50 p-3 border border-red-200", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-red-700 font-roboto", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, error)), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 131, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-[#4b5563] font-roboto mb-1", __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { id: "email", name: "email", type: "email", autoComplete: "email", required: true, className: "block w-full px-4 py-2 border border-[#d1d5db] rounded-lg shadow-sm placeholder-gray-400 text-[#22223b] font-roboto focus:outline-none focus:ring-2 focus:ring-indigo-300 focus:border-indigo-400 transition", placeholder: "メールアドレス", value: email, onChange: handleEmailChange, __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-[#4b5563] font-roboto mb-1", __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }, "パスワード"), /*#__PURE__*/ React.createElement("input", { id: "password", name: "password", type: "password", autoComplete: "current-password", required: true, className: "block w-full px-4 py-2 border border-[#d1d5db] rounded-lg shadow-sm placeholder-gray-400 text-[#22223b] font-roboto focus:outline-none focus:ring-2 focus:ring-indigo-300 focus:border-indigo-400 transition", placeholder: "パスワード", value: password, onChange: handlePasswordChange, __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full flex justify-center items-center py-2 px-4 border border-transparent text-base font-bold rounded-lg text-white bg-gradient-to-r from-indigo-500 to-blue-400 hover:from-indigo-600 hover:to-blue-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-400 font-roboto transition", __source: { fileName: "", lineNumber: 172, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "animate-pulse", __source: { fileName: "", lineNumber: 178, columnNumber: 15 }, __self: this }, "ログイン中...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-2", __source: { fileName: "", lineNumber: 181, columnNumber: 17 }, __self: this }), "ログイン"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center my-4", __source: { fileName: "", lineNumber: 187, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow border-t border-gray-300", __source: { fileName: "", lineNumber: 188, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "mx-3 text-gray-400 font-roboto text-xs", __source: { fileName: "", lineNumber: 189, columnNumber: 11 }, __self: this }, "または"), /*#__PURE__*/ React.createElement("div", { className: "flex-grow border-t border-gray-300", __source: { fileName: "", lineNumber: 190, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-4", __source: { fileName: "", lineNumber: 193, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#6b7280] font-roboto", __source: { fileName: "", lineNumber: 194, columnNumber: 11 }, __self: this }, "アカウントをお持ちでない方は", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "font-bold text-indigo-600 hover:text-indigo-500 underline", __source: { fileName: "", lineNumber: 196, columnNumber: 13 }, __self: this }, "新規登録"))))); }