function MainComponent() { const [loading, setLoading] = React.useState(false); const [response, setResponse] = React.useState(""); const [surveyType, setSurveyType] = React.useState(''); const handleSubmit = async (event)=>{ event.preventDefault(); const messages = [ { role: "user", content: surveyType === "test" ? "Create a test survey." : "Create an extended response survey." } ]; setLoading(true); try { const res = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages, system_prompt: surveyType === "test" ? "How to create a test survey?" : "How to create an extended response survey?" }), headers: { 'Content-Type': 'application/json' } }); const data = await res.json(); if (data && data.status) { setResponse(data.result); } else { setResponse("Error: Unable to create the survey, please try again."); } } catch (error) { setResponse("Error: Failed to communicate with the survey service."); } finally{ setLoading(false); } }; const handleRadioChange = (event)=>{ setSurveyType(event.target.value); }; let content; if (loading) { content = /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 border-4 border-[#010101] border-solid rounded-full border-t-transparent animate-spin", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this })); } else if (response) { content = /*#__PURE__*/ React.createElement("div", { className: "text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, response); } else { content = /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "test", className: "flex items-center cursor-pointer mr-6", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "surveyType", value: "test", id: "test", className: "form-radio h-5 w-5", onChange: handleRadioChange, checked: surveyType === 'test', __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-roboto", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Test Survey")), /*#__PURE__*/ React.createElement("label", { htmlFor: "extended", className: "flex items-center cursor-pointer", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "surveyType", value: "extended", id: "extended", className: "form-radio h-5 w-5", onChange: handleRadioChange, checked: surveyType === 'extended', __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-roboto", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Extended Response Survey"))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full px-4 py-2 bg-[#010101] text-white font-roboto rounded-md", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, "Create Survey")); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center p-4 bg-[#f4f4f4]", __source: { fileName: "", lineNumber: 86, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg bg-white p-5 rounded-md shadow-md", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-[#121212] font-roboto mb-4", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, "Survey Creation"), content), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 91, columnNumber: 7 }, __self: this }, ` @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } `)); }