function MainComponent() { const [slides, setSlides] = React.useState([ { title: "Slide 1", content: "" } ]); const [currentSlideIndex, setCurrentSlideIndex] = React.useState(0); const [currentTitle, setCurrentTitle] = React.useState(slides[0].title); const [currentContent, setCurrentContent] = React.useState(slides[0].content); const [currentScreen, setCurrentScreen] = React.useState('ppt'); const [chatOpen, setChatOpen] = React.useState(false); const [chatInput, setChatInput] = React.useState(''); const [projectName, setProjectName] = React.useState(''); const [objectives, setObjectives] = React.useState([]); const addSlide = ()=>{ const newSlide = { title: `Slide ${slides.length + 1}`, content: "" }; setSlides([ ...slides, newSlide ]); setCurrentSlideIndex(slides.length); setCurrentTitle(newSlide.title); setCurrentContent(newSlide.content); }; const updateSlide = ()=>{ const updatedSlides = slides.map((slide, index)=>index === currentSlideIndex ? { title: currentTitle, content: currentContent } : slide); setSlides(updatedSlides); }; React.useEffect(()=>{ setCurrentTitle(slides[currentSlideIndex].title); setCurrentContent(slides[currentSlideIndex].content); }, [ currentSlideIndex ]); const applyFormat = (format)=>{ document.execCommand(format, false, null); }; const templates = [ "Consulting Report - 1", "Consulting Report - 2", "Consulting Report - 3" ]; const dataSources = [ "Data Source 1", "Data Source 2", "Data Source 3" ]; const charts = [ "Chart 1", "Chart 2", "Chart 3" ]; const handleChatSubmit = ()=>{ const newProjectName = `Project based on ${chatInput.substring(0, 10)}`; const newObjectives = [ `Objective 1 for ${newProjectName}`, `Objective 2 for ${newProjectName}` ]; setProjectName(newProjectName); setObjectives(newObjectives); }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, currentScreen === 'ppt' ? 'PowerPoint Slideshow Editor' : 'Spreadsheet Creator'), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/4 bg-gray-100 p-4", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "Templates"), /*#__PURE__*/ React.createElement("ul", { className: "mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, templates.map((template, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-2 cursor-pointer", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, template))), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "Data Sources"), /*#__PURE__*/ React.createElement("ul", { className: "mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, dataSources.map((source, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-2 cursor-pointer", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, source))), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Charts"), /*#__PURE__*/ React.createElement("ul", { className: "mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, charts.map((chart, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-2 cursor-pointer", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, chart))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `w-1/2 ${currentScreen === 'ppt' ? 'bg-blue-500 text-white' : 'bg-gray-200'} py-2`, onClick: ()=>setCurrentScreen('ppt'), __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "PPT"), /*#__PURE__*/ React.createElement("button", { className: `w-1/2 ${currentScreen === 'spreadsheet' ? 'bg-blue-500 text-white' : 'bg-gray-200'} py-2`, onClick: ()=>setCurrentScreen('spreadsheet'), __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "Spreadsheet")), currentScreen === 'ppt' && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, "Slides"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, slides.map((slide, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-2 cursor-pointer", onClick: ()=>setCurrentSlideIndex(index), __source: { fileName: "", lineNumber: 83, columnNumber: 19 }, __self: this }, slide.title))), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white py-2 mt-4", onClick: addSlide, __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, "Add Slide")), currentScreen === 'spreadsheet' && /*#__PURE__*/ React.createElement("div", { className: "text-center p-4 border border-gray-300", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, "Spreadsheet functionality coming soon!")), /*#__PURE__*/ React.createElement("div", { className: "w-3/4 bg-white p-4 ml-4 border border-gray-300", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, currentScreen === 'ppt' && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, "Slide Title"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "slideTitle", className: "w-full p-2 border border-gray-300", placeholder: "Enter slide title", value: currentTitle, onChange: (e)=>setCurrentTitle(e.target.value), onBlur: updateSlide, __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 115, columnNumber: 17 }, __self: this }, "Slide Content"), /*#__PURE__*/ React.createElement("div", { contentEditable: "true", name: "slideContent", className: "w-full h-[300px] p-2 border border-gray-300", onBlur: updateSlide, onInput: (e)=>setCurrentContent(e.currentTarget.innerHTML), __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, currentContent)), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 mt-4", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-gray-200 p-2", onClick: ()=>applyFormat("bold"), __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bold", __source: { fileName: "", lineNumber: 127, columnNumber: 89 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-200 p-2", onClick: ()=>applyFormat("italic"), __source: { fileName: "", lineNumber: 128, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-italic", __source: { fileName: "", lineNumber: 128, columnNumber: 91 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-200 p-2", onClick: ()=>applyFormat("underline"), __source: { fileName: "", lineNumber: 129, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-underline", __source: { fileName: "", lineNumber: 129, columnNumber: 94 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-200 p-2", onClick: ()=>applyFormat("insertUnorderedList"), __source: { fileName: "", lineNumber: 130, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list-ul", __source: { fileName: "", lineNumber: 130, columnNumber: 104 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-200 p-2", onClick: ()=>applyFormat("insertOrderedList"), __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list-ol", __source: { fileName: "", lineNumber: 131, columnNumber: 102 }, __self: this })))), chatOpen && /*#__PURE__*/ React.createElement("div", { className: "border border-gray-200 p-4 mt-4", __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, "John the AI Assistant"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "chatInput", className: "w-full p-2 border border-gray-300 mb-2", placeholder: "Enter your research goals", value: chatInput, onChange: (e)=>setChatInput(e.target.value), __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white py-2", onClick: handleChatSubmit, __source: { fileName: "", lineNumber: 146, columnNumber: 15 }, __self: this }, "Submit"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 148, columnNumber: 17 }, __self: this }, "Project Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "projectName", className: "w-full p-2 border border-gray-300", value: projectName, onChange: (e)=>setProjectName(e.target.value), __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 157, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 158, columnNumber: 17 }, __self: this }, "Objectives"), objectives.map((obj, index)=>/*#__PURE__*/ React.createElement("input", { key: index, type: "text", name: `objective${index}`, className: "w-full p-2 border border-gray-300 mb-2", value: obj, onChange: (e)=>{ const newObj = [ ...objectives ]; newObj[index] = e.target.value; setObjectives(newObj); }, __source: { fileName: "", lineNumber: 160, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-green-500 text-white py-2 mt-4", onClick: ()=>setChatOpen(!chatOpen), __source: { fileName: "", lineNumber: 176, columnNumber: 11 }, __self: this }, chatOpen ? "Close John the AI Assistant" : "Open John the AI Assistant")))); }