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 [confirmPassword, setConfirmPassword] = useState(""); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [success, setSuccess] = useState(false); const { signUpWithCredentials } = useAuth(); const handleSubmit = async (e)=>{ e.preventDefault(); setError(null); if (!email || !password) { setError("すべての項目を入力してください"); return; } if (password !== confirmPassword) { setError("パスワードが一致しません"); return; } setLoading(true); try { await signUpWithCredentials({ email, password, callbackUrl: "/account/profile", redirect: true }); setSuccess(true); } catch (err) { const errorMessages = { OAuthSignin: "サインアップを開始できませんでした。もう一度お試しいただくか、別の方法をお試しください。", OAuthCallback: "リダイレクト後にサインアップに失敗しました。もう一度お試しください。", OAuthCreateAccount: "このサインアップオプションでアカウントを作成できませんでした。別のオプションをお試しください。", EmailCreateAccount: "このメールは使用できません。すでに登録されている可能性があります。", Callback: "サインアップ中に問題が発生しました。もう一度お試しください。", OAuthAccountNotLinked: "このアカウントは別のサインイン方法にリンクされています。代わりにそれを使用してみてください。", CredentialsSignin: "メールアドレスまたはパスワードが無効です。すでにアカウントをお持ちの場合は、代わりにサインインしてみてください。", AccessDenied: "サインアップする権限がありません。", Configuration: "現在サインアップが機能していません。後でもう一度お試しください。", Verification: "サインアップリンクの有効期限が切れています。新しいリンクをリクエストしてください。" }; setError(errorMessages[err.message] || "問題が発生しました。もう一度お試しください。"); console.error("サインアップエラー:", err); setLoading(false); } }; useEffect(()=>{ if (success) { const redirectTimer = setTimeout(()=>{ window.location.href = "/account/profile"; }, 1000); return ()=>clearTimeout(redirectTimer); } }, [ success ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white", __source: { fileName: "", lineNumber: 70, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-md", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-2xl font-bold text-[#0D0F2B] font-hanken-grotesk", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, "投票アプリ"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-[#004838] hover:underline font-hanken-grotesk", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "ログイン")))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 py-12 flex justify-center", __source: { fileName: "", lineNumber: 80, 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: 81, 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: 82, 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: 85, columnNumber: 13 }, __self: this }, error), success && /*#__PURE__*/ React.createElement("div", { className: "bg-green-50 border border-green-200 text-green-700 px-4 py-3 rounded mb-6 font-hanken-grotesk", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "登録が完了しました。プロフィール登録ページに移動します..."), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-[#0D0F2B] font-medium mb-2 font-hanken-grotesk", __source: { fileName: "", lineNumber: 98, 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: 101, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-[#0D0F2B] font-medium mb-2 font-hanken-grotesk", __source: { fileName: "", lineNumber: 114, 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: "••••••••", minLength: "8", __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-sm text-[#46536D] font-hanken-grotesk", __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, "8文字以上で入力してください")), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "confirmPassword", className: "block text-[#0D0F2B] font-medium mb-2 font-hanken-grotesk", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }, "パスワード（確認）"), /*#__PURE__*/ React.createElement("input", { id: "confirmPassword", name: "confirmPassword", type: "password", value: confirmPassword, onChange: (e)=>setConfirmPassword(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: "••••••••", minLength: "8", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement(FramerMotion, { whileHover: { scale: 1.02 }, whileTap: { scale: 0.98 }, __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading || success, 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: 152, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 158, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "animate-spin -ml-1 mr-2 h-4 w-4 text-[#FFFF00]", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 159, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4", __source: { fileName: "", lineNumber: 160, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", __source: { fileName: "", lineNumber: 161, columnNumber: 23 }, __self: this })), "登録中...") : "アカウント登録"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#46536D] font-hanken-grotesk", __source: { fileName: "", lineNumber: 171, columnNumber: 13 }, __self: this }, "すでにアカウントをお持ちの方は", /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-[#004838] hover:underline font-hanken-grotesk ml-1", __source: { fileName: "", lineNumber: 173, columnNumber: 15 }, __self: this }, "こちら"), "からログインできます")), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center", __source: { fileName: "", lineNumber: 180, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#46536D] font-hanken-grotesk", __source: { fileName: "", lineNumber: 181, columnNumber: 13 }, __self: this }, "登録後はプロフィール情報の入力画面に移動します")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#F8F9FA] border-t border-[#CBDCD8] mt-12 py-8", __source: { fileName: "", lineNumber: 188, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 189, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 190, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 md:mb-0", __source: { fileName: "", lineNumber: 191, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-[#0D0F2B] font-hanken-grotesk mb-2", __source: { fileName: "", lineNumber: 192, columnNumber: 15 }, __self: this }, "投票アプリ"), /*#__PURE__*/ React.createElement("p", { className: "text-[#46536D] font-hanken-grotesk", __source: { fileName: "", lineNumber: 193, columnNumber: 15 }, __self: this }, "© 2025 All rights reserved")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6", __source: { fileName: "", lineNumber: 195, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#004838] hover:underline font-hanken-grotesk", __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("a", { href: "/search", className: "text-[#004838] hover:underline font-hanken-grotesk", __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }, "投票検索"), /*#__PURE__*/ React.createElement("a", { href: "/create-poll", className: "text-[#004838] hover:underline font-hanken-grotesk", __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, "投票作成")))))); }