function GoalDeadlineInput({ name, value, onChange }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", id: "deadline", name: name, value: value, onChange: onChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this })); } function GoalDeadlineInputStory() { const [deadline, setDeadline] = React.useState(""); return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GoalDeadlineInput, { name: "deadline", value: deadline, onChange: (e)=>setDeadline(e.target.value), __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this })); } function MainComponent() { const [goals, setGoals] = React.useState([]); const [duration, setDuration] = React.useState(""); const [progress, setProgress] = React.useState({}); const [diaryEntry, setDiaryEntry] = React.useState(""); const [aiResponse, setAiResponse] = React.useState(""); const [loading, setLoading] = React.useState(false); const handleGoalSubmit = (e)=>{ e.preventDefault(); const goal = e.target.goal.value; const deadline = duration; setGoals([ ...goals, { goal, deadline, progress: 0 } ]); setProgress({ ...progress, [goal]: Array(getDurationDays(deadline)).fill(false) }); e.target.reset(); alert("目標を設定しました！頑張りましょう！"); }; const handleDurationChange = (e)=>{ setDuration(e.target.value); }; const toggleProgress = (goal, index)=>{ const updatedProgress = { ...progress }; updatedProgress[goal][index] = !updatedProgress[goal][index]; setProgress(updatedProgress); }; const getDurationDays = (duration)=>{ switch(duration){ case "5日": return 5; case "2週間": return 14; case "1か月": return 30; case "3か月": return 90; case "1年": return 365; default: return 0; } }; const handleDiarySubmit = async (e)=>{ e.preventDefault(); setLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: diaryEntry } ], system_prompt: '日記の内容を確認し、フィードバックを提供してください' }) }); const data = await response.json(); const content = data.choices[0].message.content; setAiResponse(content); setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen p-4 bg-gray-100 font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl mb-6 font-bold text-center", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "目標継続アプリ"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 font-semibold", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "目標設定"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleGoalSubmit, __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "goal", className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, "目標"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "goal", name: "goal", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "duration", className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, "期間設定"), /*#__PURE__*/ React.createElement("select", { id: "duration", name: "duration", value: duration, onChange: handleDurationChange, className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }, "選択してください"), /*#__PURE__*/ React.createElement("option", { value: "5日", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, "5日"), /*#__PURE__*/ React.createElement("option", { value: "2週間", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, "2週間"), /*#__PURE__*/ React.createElement("option", { value: "1か月", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, "1か月"), /*#__PURE__*/ React.createElement("option", { value: "3か月", __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this }, "3か月"), /*#__PURE__*/ React.createElement("option", { value: "1年", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, "1年"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, "設定する")))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 font-semibold", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "進捗追跡"), /*#__PURE__*/ React.createElement("div", { className: "w-full flex flex-col gap-4", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, goals.map((g, index)=>{ const goalProgress = progress[g.goal] || []; return /*#__PURE__*/ React.createElement("div", { key: index, className: "w-full bg-gray-200 p-4 rounded", __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2 font-semibold", __source: { fileName: "", lineNumber: 107, columnNumber: 19 }, __self: this }, g.goal), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-7 gap-2", __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this }, goalProgress.map((completed, idx)=>/*#__PURE__*/ React.createElement("button", { key: idx, className: `w-10 h-10 ${completed ? 'bg-green-500' : 'bg-red-500'} rounded`, onClick: ()=>toggleProgress(g.goal, idx), __source: { fileName: "", lineNumber: 110, columnNumber: 23 }, __self: this }, completed ? "〇" : "×")))); }))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 125, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 font-semibold", __source: { fileName: "", lineNumber: 126, columnNumber: 11 }, __self: this }, "日記機能"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleDiarySubmit, __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border border-gray-300 rounded", name: "diary", value: diaryEntry, onChange: (e)=>setDiaryEntry(e.target.value), placeholder: "今日の目標に対する進捗を書いてください", __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-purple-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, "日記を送信する"))), loading && /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-500 mt-4", __source: { fileName: "", lineNumber: 143, columnNumber: 23 }, __self: this }, "読み込み中..."), aiResponse && /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 p-4 mt-4 rounded", __source: { fileName: "", lineNumber: 145, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 146, columnNumber: 15 }, __self: this }, "AIからのフィードバック"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this }, aiResponse))))); }