function FramerMotion(props) { const [mounted, setMounted] = useState(false); const ref = useRef(null); useEffect(()=>{ const checkRef = setInterval(()=>{ if (window.Motion) { clearInterval(checkRef); } if (ref.current) { clearInterval(checkRef); window.React = React; const script = document.createElement("script"); script.src = "https://cdn.jsdelivr.net/npm/framer-motion@11.11.17/dist/framer-motion.min.js"; script.type = "module"; script.onload = ()=>{ setMounted(true); }; ref.current.appendChild(script); } }, 100); return ()=>{ clearInterval(checkRef); if (ref.current) { const script = ref.current.querySelector("script"); if (script) { ref.current.removeChild(script); } } delete window.motion; }; }, []); const mountElm = /*#__PURE__*/ React.createElement("div", { className: "hidden", ref: ref, __source: { fileName: "", lineNumber: 35, columnNumber: 20 }, __self: this }); return mounted ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(window.Motion.motion.div, { ...props, __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }), mountElm) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { ...props, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }), mountElm); } function FramerMotionStory() { return /*#__PURE__*/ React.createElement(FramerMotion, { __source: { fileName: "", lineNumber: 50, columnNumber: 10 }, __self: this }); } function MainComponent() { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); 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-white", __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-md", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-2xl font-bold text-[#0D0F2B] font-hanken-grotesk", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "投票アプリ"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "text-[#004838] hover:underline font-hanken-grotesk", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "アカウント登録")))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 flex justify-center", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white rounded-lg border border-[#CBDCD8] p-8", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#0D0F2B] font-hanken-grotesk mb-6 text-center", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "ログイン"), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded mb-6 font-hanken-grotesk", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("form", { onSubmit: onSubmit, __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-[#0D0F2B] font-medium mb-2 font-hanken-grotesk", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { id: "email", name: "email", type: "email", value: email, onChange: (e)=>setEmail(e.target.value), required: true, className: "w-full px-4 py-2 border border-[#CBDCD8] rounded-lg focus:outline-none focus:ring-2 focus:ring-[#004838] font-hanken-grotesk", placeholder: "example@mail.com", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-[#0D0F2B] font-medium mb-2 font-hanken-grotesk", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, "パスワード"), /*#__PURE__*/ React.createElement("input", { id: "password", name: "password", type: "password", value: password, onChange: (e)=>setPassword(e.target.value), required: true, className: "w-full px-4 py-2 border border-[#CBDCD8] rounded-lg focus:outline-none focus:ring-2 focus:ring-[#004838] font-hanken-grotesk", placeholder: "••••••••", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement(FramerMotion, { whileHover: { scale: 1.02 }, whileTap: { scale: 0.98 }, __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full px-4 py-3 bg-[#004838] text-[#FFFF00] rounded-full hover:bg-[#FFFF00] hover:text-[#004838] transition-colors font-hanken-grotesk disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, loading ? "ログイン中..." : "ログイン"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#46536D] font-hanken-grotesk", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, "アカウントをお持ちでない方は", /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "text-[#004838] hover:underline font-hanken-grotesk ml-1", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }, "こちら"), "から登録できます")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#F8F9FA] border-t border-[#CBDCD8] mt-12 py-8", __source: { fileName: "", lineNumber: 128, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 md:mb-0", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-[#0D0F2B] font-hanken-grotesk mb-2", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }, "投票アプリ"), /*#__PURE__*/ React.createElement("p", { className: "text-[#46536D] font-hanken-grotesk", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, "© 2025 All rights reserved")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6", __source: { fileName: "", lineNumber: 135, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#004838] hover:underline font-hanken-grotesk", __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("a", { href: "/search", className: "text-[#004838] hover:underline font-hanken-grotesk", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, "投票検索"), /*#__PURE__*/ React.createElement("a", { href: "/create-poll", className: "text-[#004838] hover:underline font-hanken-grotesk", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, "投票作成")))))); }