function ButtonStyles({ variant = "primary", text, keyboardCommand, onClick }) { const baseClasses = "font-inter font-medium rounded-lg px-4 py-2 inline-block"; const primaryClasses = "bg-[#101012] text-white border border-[#3D3D3F]"; const secondaryClasses = "bg-transparent text-[#101012] border border-[#D1D1D3]"; return /*#__PURE__*/ React.createElement("button", { onClick: onClick, className: `${baseClasses} ${variant === "primary" ? primaryClasses : secondaryClasses}`, __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, text, keyboardCommand && /*#__PURE__*/ React.createElement("span", { className: `ml-2 text-xs px-1.5 py-0.5 rounded ${variant === "primary" ? "bg-[#3D3D3F] text-white" : "bg-[#D1D1D3] text-[#101012]"}`, __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, keyboardCommand)); } function ButtonStylesStory() { const handleClick = ()=>{ alert('Button clicked!'); }; return /*#__PURE__*/ React.createElement("div", { className: "space-y-4 p-4", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Primary Button"), /*#__PURE__*/ React.createElement(ButtonStyles, { text: "Click me", onClick: handleClick, __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Primary Button with Keyboard Command"), /*#__PURE__*/ React.createElement(ButtonStyles, { text: "Save", keyboardCommand: "⌘S", onClick: handleClick, __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, "Secondary Button"), /*#__PURE__*/ React.createElement(ButtonStyles, { variant: "secondary", text: "Cancel", onClick: handleClick, __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Secondary Button with Keyboard Command"), /*#__PURE__*/ React.createElement(ButtonStyles, { variant: "secondary", text: "Undo", keyboardCommand: "⌘Z", onClick: handleClick, __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [agreedToTerms, setAgreedToTerms] = useState(false); const { signUpWithCredentials } = useAuth(); const onSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); if (!email || !password) { setError("すべての項目を入力してください"); setLoading(false); return; } if (!agreedToTerms) { setError("利用規約とプライバシーポリシーに同意する必要があります"); setLoading(false); return; } try { await signUpWithCredentials({ 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: "flex min-h-screen w-full items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-50 p-4", __source: { fileName: "", lineNumber: 62, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { noValidate: true, onSubmit: onSubmit, className: "w-full max-w-md rounded-2xl bg-white p-8 shadow-xl", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-6", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/dad126fd-64b6-443d-a518-725b75374f26/-/format/auto/", alt: "AIライターさん", className: "h-12 w-auto object-contain", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "mb-8 text-center text-3xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "新規登録"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-red-50 p-3 text-sm text-red-500", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2 text-[#3157EC]", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }), "メールアドレス"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-300 bg-white px-4 py-3 focus-within:border-[#3157EC] focus-within:ring-1 focus-within:ring-[#3157EC]", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "email", type: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "メールアドレスを入力", className: "w-full bg-transparent text-lg outline-none", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock mr-2 text-[#3157EC]", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }), "パスワード"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-300 bg-white px-4 py-3 focus-within:border-[#3157EC] focus-within:ring-1 focus-within:ring-[#3157EC]", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "password", type: "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full rounded-lg bg-transparent text-lg outline-none", placeholder: "パスワードを入力", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center h-5", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "terms", name: "terms", type: "checkbox", checked: agreedToTerms, onChange: (e)=>setAgreedToTerms(e.target.checked), className: "w-4 h-4 text-[#3157EC] border-gray-300 rounded focus:ring-[#3157EC]", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "ml-3 text-sm", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "terms", className: "text-gray-600", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-700", __source: { fileName: "", lineNumber: 136, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://ai-writersan.jp/term", target: "_blank", rel: "noopener noreferrer", className: "text-[#3157EC] hover:opacity-90", __source: { fileName: "", lineNumber: 137, columnNumber: 19 }, __self: this }, "利用規約"), "と", /*#__PURE__*/ React.createElement("a", { href: "https://www.aidma-hd.jp/privacy/", target: "_blank", rel: "noopener noreferrer", className: "text-[#3157EC] hover:opacity-90", __source: { fileName: "", lineNumber: 146, columnNumber: 19 }, __self: this }, "プライバシーポリシー"), "に同意する")))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading || !agreedToTerms, className: "w-full rounded-lg bg-gradient-to-r from-[#3157EC] to-[#2F1EB1] px-4 py-3 text-base font-medium text-white transition-colors hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-[#3157EC] focus:ring-offset-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 166, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 167, columnNumber: 17 }, __self: this }), "読み込み中...") : "新規登録"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-gray-600", __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this }, "既にアカウントをお持ちの方は", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-[#3157EC] hover:opacity-90", __source: { fileName: "", lineNumber: 177, columnNumber: 13 }, __self: this }, "ログイン"))))); }