function MainComponent() { const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const { signInWithCredentials } = useAuth(); const onSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); if (!email || !password) { setError("メールアドレスとパスワードを入力してください"); setLoading(false); return; } try { await signInWithCredentials({ email, password, callbackUrl: "/", redirect: true }); } catch (err) { const errorMessages = { OAuthSignin: "ログインを開始できませんでした。もう一度お試しください。", OAuthCallback: "リダイレクト後にログインに失敗しました。もう一度お試しください。", OAuthCreateAccount: "このログイン方法でアカウントを作成できませんでした。別の方法をお試しください。", EmailCreateAccount: "このメールアドレスは使用できません。すでに登録されている可能性があります。", Callback: "ログイン中に問題が発生しました。もう一度お試しください。", OAuthAccountNotLinked: "このアカウントは別のログイン方法にリンクされています。その方法をお試しください。", CredentialsSignin: "メールアドレスまたはパスワードが正しくありません。もう一度お試しいただくか、パスワードをリセットしてください。", AccessDenied: "ログインする権限がありません。", Configuration: "現在ログインが機能していません。後でもう一度お試しください。", Verification: "ログインリンクの有効期限が切れています。新しいリンクをリクエストしてください。" }; setError(errorMessages[err.message] || "問題が発生しました。もう一度お試しください。"); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 flex flex-col justify-center py-12 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sm:mx-auto sm:w-full sm:max-w-md", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center text-3xl font-bold text-gray-800 mb-6", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "Sense Fork"), /*#__PURE__*/ React.createElement("h2", { className: "mt-2 text-center text-2xl font-medium text-gray-900", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "アカウントにログイン"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-center text-sm text-gray-600", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "または", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "font-medium text-indigo-600 hover:text-indigo-500", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "新しいアカウントを作成"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 sm:mx-auto sm:w-full sm:max-w-md", __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: onSubmit, __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("div", { className: "mt-1", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "email", name: "email", type: "email", autoComplete: "email", required: true, value: email, onChange: (e)=>setEmail(e.target.value), className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm", placeholder: "メールアドレスを入力", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, "パスワード"), /*#__PURE__*/ React.createElement("div", { className: "mt-1", __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "password", name: "password", type: "password", autoComplete: "current-password", required: true, value: password, onChange: (e)=>setPassword(e.target.value), className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm", placeholder: "パスワードを入力", __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this }))), error && /*#__PURE__*/ React.createElement("div", { className: "rounded-md bg-red-50 p-4", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 125, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 126, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "h-5 w-5 text-red-400", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", __source: { fileName: "", lineNumber: 127, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd", __source: { fileName: "", lineNumber: 134, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "ml-3", __source: { fileName: "", lineNumber: 141, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-red-800", __source: { fileName: "", lineNumber: 142, columnNumber: 21 }, __self: this }, error)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 150, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, loading ? "ログイン中..." : "ログイン")))))); }