function MainComponent() { const [messages, setMessages] = React.useState([ { role: 'user', content: '' } ]); const [systemPrompt, setSystemPrompt] = React.useState('Write ETH smart contract code based on requirements'); const [contractCode, setContractCode] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); const handleContractGeneration = async ()=>{ setIsLoading(true); setContractCode(''); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages, system_prompt: systemPrompt, max_tokens: 2000 }) }); const data = await response.json(); if (data.status) { setContractCode(data.result); } else { setContractCode('Unable to generate smart contract at the moment.'); } } catch (error) { setContractCode('An error occurred while processing your request.'); } finally{ setIsLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-screen-lg mx-auto p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "requirements", className: "block mb-2 font-roboto text-sm font-medium text-[#121212]", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "Smart Contract Requirements:"), /*#__PURE__*/ React.createElement("textarea", { id: "requirements", name: "requirements", rows: "4", className: "block w-full font-roboto p-2.5 border border-gray-300 rounded-lg", placeholder: "Describe your smart contract requirements here...", value: messages[0].content, onChange: (e)=>setMessages([ { role: 'user', content: e.target.value } ]), disabled: isLoading, __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleContractGeneration, className: `font-roboto text-white bg-[#007bff] hover:bg-[#0069d9] rounded-lg px-4 py-2 ${isLoading ? 'opacity-50 cursor-not-allowed' : ''}`, disabled: isLoading, __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, isLoading ? 'Generating...' : 'Generate Contract')), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "contractCode", className: "block mb-2 font-roboto text-sm font-medium text-[#121212]", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "Generated Smart Contract Code:"), /*#__PURE__*/ React.createElement("div", { className: "p-4 border border-gray-200 rounded-lg", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm text-[#121212] whitespace-pre-line", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, contractCode || 'Your generated smart contract code will appear here...')))); }