function MainComponent() { const [userInput, setUserInput] = React.useState(''); const [selectedIssue, setSelectedIssue] = React.useState(''); const [response, setResponse] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); const issues = [ "営業目標の達成", "クライアント管理", "営業プロセスの最適化", "新規顧客の開拓", "商品知識の向上", "リード生成", "営業のデジタルトランスフォーメーション", "マーケティングとの連携", "交渉技術の向上", "営業チームの管理" ]; const handleInputChange = (event)=>{ setUserInput(event.target.value); }; const handleSubmit = async (event)=>{ event.preventDefault(); setIsLoading(true); try { const groqResult = await fetch('/integrations/groq/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: userInput } ] }) }).then((response)=>response.json()); const extractedContent = groqResult.choices[0].message.content; const translatedContent = await fetch('/integrations/google-translate/language/translate/v2', { method: 'POST', body: new URLSearchParams({ q: extractedContent, target: 'ja' }) }).then((response)=>response.json()); setResponse(translatedContent.data.translations[0].translatedText); } catch (error) { console.error(error); setResponse("エラーが発生しました。もう一度お試しください。"); } finally{ setIsLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "w-full p-6", __source: { fileName: "", lineNumber: 56, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "mb-6", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "issueSelect", className: "block font-roboto text-[#121212] mb-3", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "営業業務の悩みを選択:"), /*#__PURE__*/ React.createElement("select", { id: "issueSelect", name: "issueSelect", className: "border border-gray-300 rounded p-3 font-roboto w-full mb-6", value: selectedIssue, onChange: (event)=>{ setSelectedIssue(event.target.value); setUserInput(event.target.value); }, __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, issues.map((issue, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: issue, __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, issue)))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-3 rounded bg-blue-600 text-white font-roboto hover:bg-blue-800", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "解析")), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, isLoading ? /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "読み込み中...") : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-[#121212] mb-3", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "解析結果と改善提案:"), /*#__PURE__*/ React.createElement("div", { className: "border border-gray-300 rounded p-6 font-roboto w-full", style: { whiteSpace: "pre-line" }, __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, response || "解析結果がここに表示されます")))); }