function MainComponent() { const [inputText, setInputText] = React.useState(''); const [translation, setTranslation] = React.useState(''); const [analysis, setAnalysis] = React.useState(''); const [loading, setLoading] = React.useState(false); const handleTextChange = (event)=>{ setInputText(event.target.value); }; const translateText = async ()=>{ setLoading(true); try { const response = await fetch('/integrations/google-translate/language/translate/v2', { method: 'POST', body: new URLSearchParams({ q: inputText, target: 'en' }) }); const data = await response.json(); const translatedText = data.data.translations[0].translatedText; setTranslation(translatedText); analyzeText(translatedText); } catch (error) { setAnalysis('Error translating text.'); setLoading(false); } }; const analyzeText = async (text)=>{ try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": text } ], system_prompt: 'Provide an analysis of the sentiment of this crypto-related text', max_tokens: 200 }) }); const { result } = await response.json(); setAnalysis(result); } catch (error) { setAnalysis('Error analyzing text.'); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f2f5] p-4", __source: { fileName: "", lineNumber: 52, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg bg-white rounded-md shadow p-6 space-y-4", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-center text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, "Crypto Analysis Tool"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border rounded-md font-roboto", rows: "4", placeholder: "Enter crypto-related text here...", name: "cryptoText", value: inputText, onChange: handleTextChange, __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: `w-full px-4 py-2 rounded-md text-white font-roboto ${loading ? 'bg-gray-300' : 'bg-blue-600 hover:bg-blue-700'}`, onClick: translateText, disabled: loading, __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, loading ? 'Analyzing...' : 'Analyze Text'), /*#__PURE__*/ React.createElement("div", { className: "border-t pt-4", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto font-semibold text-[#121212]", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Translation:"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-gray-800", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, translation)), /*#__PURE__*/ React.createElement("div", { className: "border-t pt-4", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto font-semibold text-[#121212]", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, "Analysis:"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-gray-800", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, analysis)))); }