function MainComponent() { const [service, setService] = React.useState(''); const [query, setQuery] = React.useState(''); const [additionalQuery, setAdditionalQuery] = React.useState(''); const [submitted, setSubmitted] = React.useState(false); const [loading, setLoading] = React.useState(false); const [results, setResults] = React.useState([]); const [error, setError] = React.useState(''); const fetchData = async (url, options)=>{ const response = await fetch(url, options); return response.json(); }; const handleSubmit = async (event)=>{ event.preventDefault(); setSubmitted(true); setLoading(true); setError(''); let data; if (service === 'benchmarking') { const response = await fetchData('/integrations/google-search/search?q=' + encodeURIComponent(query), { method: 'GET' }); if (response.status === 'success') { setResults(response.items); } else { setError('Failed to load benchmarking results.'); } } else { const requestBody = { messages: [ { role: 'user', content: query } ], system_prompt: 'Assist with ' + service + ' regarding: ' + query }; data = await fetchData('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(requestBody) }); if (data.status) { setResults([ { content: data.result } ]); } else { setError('Failed to load response from GPT-3.'); } } setLoading(false); }; const handleAdditionalRequest = async ()=>{ setLoading(true); setError(''); const requestBody = { messages: [ { role: 'user', content: additionalQuery } ], system_prompt: additionalQuery }; const data = await fetchData('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(requestBody) }); if (data.status) { setResults([ ...results, { content: data.result } ]); } else { setError('Failed to retrieve additional information.'); } setLoading(false); }; const resultDisplay = results.map((result, index)=>service === 'benchmarking' ? /*#__PURE__*/ React.createElement("div", { key: index, className: "mb-4 p-4 bg-white shadow overflow-hidden rounded-md", __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: result.link, target: "_blank", rel: "noopener noreferrer", className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: result.image, alt: `${service} related visual content`, className: "mb-4 w-[300px] h-[200px] object-cover", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, result.title || 'No additional information available.'))) : /*#__PURE__*/ React.createElement("div", { key: index, className: "mb-4 p-4 bg-white shadow overflow-hidden rounded-md", __source: { fileName: "", lineNumber: 72, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, result.content))); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#F8FAFC] p-6", __source: { fileName: "", lineNumber: 77, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto text-[#121212] mb-8", __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, "The Know-It-All Intern"), !submitted ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-full max-w-lg", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "block appearance-none w-full bg-white border border-gray-300 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500 font-roboto", value: service, onChange: (e)=>setService(e.target.value), name: "service", required: true, __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", disabled: true, __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, "Select your service"), /*#__PURE__*/ React.createElement("option", { value: "copywriting", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, "Copy Writing"), /*#__PURE__*/ React.createElement("option", { value: "datascience", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, "Data Science"), /*#__PURE__*/ React.createElement("option", { value: "innovation", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, "Innovation"), /*#__PURE__*/ React.createElement("option", { value: "trends", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, "Trends"), /*#__PURE__*/ React.createElement("option", { value: "marketing", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, "Marketing"), /*#__PURE__*/ React.createElement("option", { value: "analytics", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, "Analytics"), /*#__PURE__*/ React.createElement("option", { value: "benchmarking", __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, "Benchmarking"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "resize-none w-full h-32 bg-white border border-gray-300 text-gray-700 py-3 px-4 rounded focus:outline-none focus:bg-white focus:border-gray-500 font-roboto", value: query, onChange: (e)=>setQuery(e.target.value), placeholder: "Please provide more details here.", name: "query", required: true, __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline font-roboto", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, "Go Intern"))) : /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg px-3 mb-6", __source: { fileName: "", lineNumber: 112, columnNumber: 9 }, __self: this }, loading && /*#__PURE__*/ React.createElement("p", { className: "text-center font-roboto", __source: { fileName: "", lineNumber: 113, columnNumber: 23 }, __self: this }, loading ? 'Mastering...' : 'Loading...'), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative font-roboto mb-4", role: "alert", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, resultDisplay), /*#__PURE__*/ React.createElement("div", { className: "mt-4 mb-6", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "resize-none w-full h-32 bg-white border border-gray-300 text-gray-700 py-3 px-4 rounded focus:outline-none focus:bg-white focus:border-gray-500 font-roboto", value: additionalQuery, onChange: (e)=>setAdditionalQuery(e.target.value), placeholder: "Need anything else?", name: "additionalQuery", required: true, __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleAdditionalRequest, disabled: loading, className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline font-roboto", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, "Bring with Mastery")))); }