function WagamamaWebpage({ title }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#ADD8E6]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center text-3xl mb-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title)); } function WagamamaWebpageStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(WagamamaWebpage, { title: "わがままでゴメン😅", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { const [startDate, setStartDate] = React.useState(""); const [endDate, setEndDate] = React.useState(""); const [infoType, setInfoType] = React.useState(""); const [summary, setSummary] = React.useState(""); const [loading, setLoading] = React.useState(false); const [conversation, setConversation] = React.useState(""); const [message, setMessage] = React.useState(""); const handleInfoCollection = async ()=>{ setLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: `Collect information about ${infoType} from ${startDate} to ${endDate}.` } ] }) }); const data = await response.json(); if (data.choices && data.choices[0].message.content) { setSummary(data.choices[0].message.content); } setLoading(false); }; const handleConversationStart = async ()=>{ setLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: message } ] }) }); const data = await response.json(); if (data.choices && data.choices[0].message.content) { setConversation(data.choices[0].message.content); } setLoading(false); setMessage(""); }; return /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(WagamamaWebpage, { title: "わがままでゴメン😅", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cat text-4xl mr-4", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "情報の種類"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "infoType", value: infoType, onChange: (e)=>setInfoType(e.target.value), className: "w-full p-2 border border-gray-400 rounded", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "開始日"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "startDate", value: startDate, onChange: (e)=>setStartDate(e.target.value), className: "w-full p-2 border border-gray-400 rounded", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, "終了日"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "endDate", value: endDate, onChange: (e)=>setEndDate(e.target.value), className: "w-full p-2 border border-gray-400 rounded", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleInfoCollection, className: "mt-4 w-full p-2 bg-blue-500 text-white rounded-full font-roboto", __source: { fileName: "", lineNumber: 82, columnNumber: 7 }, __self: this }, "情報収集"), loading && /*#__PURE__*/ React.createElement("div", { className: "font-roboto mt-4", __source: { fileName: "", lineNumber: 88, columnNumber: 19 }, __self: this }, "読み込み中..."), summary && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-2xl", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, "情報についての要約"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, summary)), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, "会話の入力"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "message", value: message, onChange: (e)=>setMessage(e.target.value), className: "w-full p-2 border border-gray-400 rounded", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleConversationStart, className: "mt-4 w-full p-2 bg-green-500 text-white rounded-full font-roboto", __source: { fileName: "", lineNumber: 105, columnNumber: 7 }, __self: this }, "会話を開始"), conversation && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 112, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-2xl", __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }, "会話"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, conversation))); }