function TextSummarizer({ loading, onClick }) { return /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 font-roboto w-full mb-4", onClick: onClick, disabled: loading, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, loading ? '要約中...' : '要約する'); } function TextSummarizerStory() { const [loading, setLoading] = React.useState(false); const handleSummarize = ()=>{ setLoading(true); setTimeout(()=>{ setLoading(false); // Simulate completion }, 2000); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TextSummarizer, { loading: loading, onClick: handleSummarize, __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this })); } function MainComponent() { const [input, setInput] = React.useState(''); const [summary, setSummary] = React.useState([]); const [loading, setLoading] = React.useState(false); const handleSummarize = ()=>{ setLoading(true); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: input } ], system_prompt: 'Summarize the content in bullet points' }) }).then((response)=>response.json()).then((data)=>{ const summaryContent = data.choices[0].message.content; const summaryItems = summaryContent.split('\n').filter((item)=>item); setSummary(summaryItems); setLoading(false); }); }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-[600px] mx-auto p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "文章を入力する"), /*#__PURE__*/ React.createElement("textarea", { name: "userInput", className: "w-full border p-2 mb-4", placeholder: "ここに文章を入力してください...", rows: "5", value: input, onChange: (e)=>setInput(e.target.value), __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(TextSummarizer, { loading: loading, onClick: handleSummarize, __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mb-2", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "要約:"), /*#__PURE__*/ React.createElement("ul", { name: "summaryList", className: "list-disc list-inside space-y-2", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, summary.length > 0 ? summary.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, item)) : '要約された内容がここに表示されます...'))); }