function MainComponent() { const [pitch, setPitch] = React.useState(''); const [response, setResponse] = React.useState([]); const [isSubmitting, setIsSubmitting] = React.useState(false); const handlePitchChange = (event)=>{ setPitch(event.target.value); }; const handleSubmit = async (event)=>{ event.preventDefault(); setIsSubmitting(true); try { const res = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": pitch } ], system_prompt: "You are Paul Graham, and you're an expert at startup pitches. Respond with how to improve the user's startup pitch. Structure this in up to 10 numbered bullet points. Do not explain who you are or provide any additional input. Try to speak like Paul Graham. For example:\n1. Advice\n2. Advice 2" }) }); const data = await res.json(); setResponse(data.result.split('\n').filter((line)=>line.match(/^\d+\./))); } catch (error) { setResponse([ "Failed to get a response. Please try again." ]); } setIsSubmitting(false); }; const responseCards = response.map((advice, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-black mb-4 py-4 px-6 rounded shadow-md", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, advice))); const loadingDisplay = /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle-notch fa-spin text-white text-2xl", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this })); return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-gradient-to-b from-gray-600 to-gray-800 flex justify-center pt-12 pb-20 px-4", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black p-8 rounded-lg shadow-lg w-full max-w-2xl space-y-6", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white text-2xl font-roboto font-bold", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "Paul Graham pitch advice"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "pitch", className: "h-48 p-4 text-white font-roboto bg-gray-900 rounded border border-gray-700 resize-none", placeholder: "Enter your startup pitch here...", value: pitch, onChange: handlePitchChange, disabled: isSubmitting, __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "py-3 px-6 font-roboto font-medium bg-blue-600 text-white rounded transition-colors duration-300 hover:bg-blue-700 disabled:bg-blue-400", disabled: isSubmitting, __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, isSubmitting ? 'Submitting...' : 'Get Advice')), isSubmitting ? loadingDisplay : responseCards)); }