function MainComponent() { const [newsInput, setNewsInput] = React.useState(""); const [translatedNews, setTranslatedNews] = React.useState(""); const [loading, setLoading] = React.useState(false); const handleTranslate = async ()=>{ setLoading(true); try { const response = await fetch('/integrations/google-translate/language/translate/v2', { method: 'POST', body: new URLSearchParams({ q: newsInput, target: 'en' }) }); const data1 = await response.json(); setTranslatedNews(data1.data.translations[0].translatedText); } catch (error) { console.error(error); } finally{ setLoading(false); const chatResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: "user", content: data.data.translations[0].translatedText } ] }), headers: { 'Content-Type': 'application/json' } }); const chatData = await chatResponse.json(); setTranslatedNews(chatData.choices[0].message.content); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4 w-full", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-4 font-roboto", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, "日本のIT関連ニュース"), /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/2 bg-white p-4 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-6", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-semibold text-lg font-roboto", htmlFor: "news-input", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "ニュースを入力してください"), /*#__PURE__*/ React.createElement("textarea", { name: "news-input", className: "p-2 border border-gray-300 rounded-md h-40", value: newsInput, onChange: (e)=>setNewsInput(e.target.value), __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col mb-6", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-semibold text-lg font-roboto", htmlFor: "translated-news", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "翻訳されたニュース"), /*#__PURE__*/ React.createElement("textarea", { name: "translated-news", className: "p-2 border border-gray-300 rounded-md h-40", readOnly: true, value: translatedNews, __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 rounded-md font-semibold font-roboto", name: "translate", onClick: handleTranslate, __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, loading ? '翻訳中...' : '翻訳'))); }