function MainComponent() { const [company, setCompany] = React.useState(''); const [market, setMarket] = React.useState(''); const [competition, setCompetition] = React.useState(''); const [response, setResponse] = React.useState(''); const [loading, setLoading] = React.useState(false); const handleSubmit = async ()=>{ setLoading(true); const messages = [ { role: 'user', content: `自社: ${company}` }, { role: 'user', content: `市場: ${market}` }, { role: 'user', content: `競合: ${competition}` } ]; const system_prompt = 'SWOT分析を行い、問題点を抽出し解決案を提示する。'; try { const res = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages, system_prompt }) }); const data = await res.json(); setResponse(data.choices[0].message.content); } catch (error) { console.error('ChatGPT request failed:', error); setResponse('Error: Could not fetch response from ChatGPT.'); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl mx-auto py-8 px-4", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", htmlFor: "company", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "自社"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border rounded", value: company, onChange: (e)=>setCompany(e.target.value), name: "company", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", htmlFor: "market", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "市場"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border rounded", value: market, onChange: (e)=>setMarket(e.target.value), name: "market", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", htmlFor: "competition", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "競合"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border rounded", value: competition, onChange: (e)=>setCompetition(e.target.value), name: "competition", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full p-3 text-white bg-blue-600 hover:bg-blue-700 rounded", onClick: handleSubmit, disabled: loading, __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, loading ? '読み込み中...' : '分析を開始'), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, "出力内容:"), /*#__PURE__*/ React.createElement("pre", { className: "bg-gray-100 p-4 rounded mt-2", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, response || '応答を待っています...'))); }