function MainComponent() { const [activeTab, setActiveTab] = React.useState('database'); const [loading, setLoading] = React.useState(false); const [inputValue, setInputValue] = React.useState(''); const [caseData, setCaseData] = React.useState(''); const [legislationData, setLegislationData] = React.useState(''); const [flashcardData, setFlashcardData] = React.useState(''); const [studyPlan, setStudyPlan] = React.useState(''); const [forumData, setForumData] = React.useState(''); const [newsData, setNewsData] = React.useState(''); const [mockTestData, setMockTestData] = React.useState(''); const [keywords, setKeywords] = React.useState([]); const handleTabChange = (tab)=>{ setActiveTab(tab); }; const handleInput = (event)=>{ setInputValue(event.target.value); }; const handleSearch = async ()=>{ setLoading(true); const words = inputValue.split(" "); setKeywords(words); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": inputValue } ], system_prompt: `Provide information on ${activeTab}` }), headers: { 'Content-Type': 'application/json' } }); const data = await response.json(); if (data.status) { switch(activeTab){ case 'database': setCaseData(data.result); break; case 'legislation': setLegislationData(data.result); break; case 'flashcards': setFlashcardData(data.result); break; case 'planner': setStudyPlan(data.result); break; case 'forum': setForumData(data.result); break; case 'news': setNewsData(data.result); break; case 'mocktests': setMockTestData(data.result); break; default: break; } } setLoading(false); }; const highlightText = (text)=>{ if (!text || keywords.length === 0) return text; const regex = new RegExp(`(${keywords.join('|')})`, 'gi'); const parts = text.split(regex); return /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, parts.map((part, index)=>regex.test(part) ? /*#__PURE__*/ React.createElement("span", { key: index, className: "bg-[#FFEB3B] text-[#1A1A1A]", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, part) : part)); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4 bg-[#F6F8FA] min-h-screen font-roboto", __source: { fileName: "", lineNumber: 91, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl mb-4", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-center space-x-4 mb-4", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, " "), /*#__PURE__*/ React.createElement("div", { className: "my-4", __source: { fileName: "", lineNumber: 94, columnNumber: 9 }, __self: this }, activeTab !== 'planner' && /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "searchInput", onChange: handleInput, value: inputValue, className: "p-2 border-2 border-[#D1D5DB] rounded-md flex-1", placeholder: `Search ${activeTab}`, disabled: loading, __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, className: "bg-[#4CAF50] text-white p-2 rounded-md", disabled: loading, __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner animate-spin", __source: { fileName: "", lineNumber: 107, columnNumber: 28 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-search", __source: { fileName: "", lineNumber: 107, columnNumber: 78 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 112, columnNumber: 9 }, __self: this }, activeTab === 'database' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, caseData ? highlightText(caseData) : 'Case Law Database content'), activeTab === 'legislation' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, legislationData || 'Legislation Tracker content'), activeTab === 'flashcards' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, flashcardData || 'Flashcards content'), activeTab === 'planner' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, studyPlan || 'Study Planner content'), activeTab === 'forum' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, forumData || 'Forum content'), activeTab === 'news' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, newsData || 'News and Updates content'), activeTab === 'mocktests' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, mockTestData || 'Mock Tests content')))); }