function StudiesSearchComponent({ searchQuery, studies }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Search for Studies"), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, "Using query: ", searchQuery), /*#__PURE__*/ React.createElement("ul", { className: "list-disc", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, studies.map((study, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, study.title))), /*#__PURE__*/ React.createElement("button", { className: "px-6 py-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, "Filter Studies")); } function StudiesSearchComponentStory() { const mockData = [ { title: "Study 1" }, { title: "Study 2" }, { title: "Study 3" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(StudiesSearchComponent, { searchQuery: "Example query", studies: mockData, __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this })); } function MainComponent() { const [stage, setStage] = React.useState('formulateQuestion'); const [researchQuestion, setResearchQuestion] = React.useState(''); const [criteria, setCriteria] = React.useState({ include: [], exclude: [] }); const [searchQuery, setSearchQuery] = React.useState(''); const [studies, setStudies] = React.useState([]); const [selectedStudies, setSelectedStudies] = React.useState([]); const [findings, setFindings] = React.useState(''); const handleResearchQuestion = async (event)=>{ event.preventDefault(); const refinedQuestion = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: "user", content: researchQuestion } ], system_prompt: 'Refine this research question' }), headers: { 'Content-Type': 'application/json' } }).then((res)=>res.json()).then((data)=>data.result); setResearchQuestion(refinedQuestion); setStage('criteria'); }; React.useEffect(()=>{ if (stage === 'criteria') { const fetchCriteria = async ()=>{ const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: "system", content: researchQuestion } ], system_prompt: 'Generate inclusion and exclusion criteria' }), headers: { 'Content-Type': 'application/json' } }).then((res)=>res.json()); setCriteria(response.result); setStage('search'); }; fetchCriteria(); } }, [ stage, researchQuestion ]); React.useEffect(()=>{ if (stage === 'search') { const fetchStudies = async ()=>{ const response = await fetch(`/integrations/google-search/search?q=${encodeURI(searchQuery)}`, { method: 'GET' }).then((res)=>res.json()).then((data)=>data.items.map((item)=>({ title: item.title, link: item.link }))); setStudies(response); setStage('selection'); }; fetchStudies(); } }, [ stage, searchQuery ]); React.useEffect(()=>{ if (stage === 'selection') { const selected = studies.filter(()=>true); // Update this logic based on criteria setSelectedStudies(selected); setStage('extractData'); } }, [ stage, studies ]); React.useEffect(()=>{ if (stage === 'extractData') { // Use CHAT_GPT to extract relevant data from studies setStage('synthesis'); } }, [ stage ]); React.useEffect(()=>{ if (stage === 'synthesis') { // Use CHAT_GPT to synthesize findings } }, [ stage ]); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 77, columnNumber: 5 }, __self: this }, stage === 'formulateQuestion' && /*#__PURE__*/ React.createElement("form", { onSubmit: handleResearchQuestion, className: "flex flex-col items-center w-full", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg mb-4", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "Formulate Research Question"), /*#__PURE__*/ React.createElement("input", { name: "researchQuestion", value: researchQuestion, onChange: (e)=>setResearchQuestion(e.target.value), className: "border p-2 rounded w-full", placeholder: "Enter Research Question", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 px-6 py-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, "Refine Question")), stage === 'selection' && /*#__PURE__*/ React.createElement(StudiesSearchComponent, { searchQuery: searchQuery, studies: studies, __source: { fileName: "", lineNumber: 91, columnNumber: 33 }, __self: this }), stage === 'synthesis' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-lg mb-4", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "Synthesis Findings"), /*#__PURE__*/ React.createElement("div", { className: "border p-2 rounded w-full mb-2", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, findings))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 104, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 105, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(StudiesSearchComponent, { searchQuery: "Example Query", studies: [ { title: "Study 1" }, { title: "Study 2" }, { title: "Study 3" } ], __source: { fileName: "", lineNumber: 106, columnNumber: 7 }, __self: this })); }