function MainComponent() { const [searchQuery, setSearchQuery] = React.useState(''); const [chatMessage, setChatMessage] = React.useState(''); const [isLoadingChat, setIsLoadingChat] = React.useState(false); const [imageToScan, setImageToScan] = React.useState(null); const [isScanning, setIsScanning] = React.useState(false); const [webScrapeUrl, setWebScrapeUrl] = React.useState(''); const [isLoadingScrape, setIsLoadingScrape] = React.useState(false); const [toolsSidebarVisible, setToolsSidebarVisible] = React.useState(true); const [rightSidebarVisible, setRightSidebarVisible] = React.useState(false); const handleSearch = async ()=>{ const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(searchQuery)}`, { method: 'GET' }); }; const handleChatSubmit = async ()=>{ setIsLoadingChat(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: { messages: [ { role: 'user', content: chatMessage } ], system_prompt: 'Explain this content', max_tokens: 2000 } }); setIsLoadingChat(false); }; const handleWebScraping = async ()=>{ setIsLoadingScrape(true); const response = await fetch('/integrations/web-scraping/post', { method: 'POST', body: { url: webScrapeUrl } }); setIsLoadingScrape(false); }; const handleScanDocument = async ()=>{ if (imageToScan) { setIsScanning(true); const data = new FormData(); data.append('image', imageToScan); const response = await fetch('/integrations/scan-document/', { method: 'POST', body: data }); setIsScanning(false); } }; const handleClear = ()=>{ setSearchQuery(''); setChatMessage(''); setWebScrapeUrl(''); setImageToScan(null); setIsLoadingChat(false); setIsLoadingScrape(false); setIsScanning(false); }; const toggleToolsSidebar = ()=>setToolsSidebarVisible(!toolsSidebarVisible); const toggleRightSidebar = ()=>setRightSidebarVisible(!rightSidebarVisible); const toolsData = [ { type: 'button', label: 'Generate code', action: handleChatSubmit }, { type: 'textarea', name: 'scrape', placeholder: 'Enter website URL...', value: webScrapeUrl, onChange: (event)=>setWebScrapeUrl(event.target.value) }, { type: 'button', label: isScanning ? 'Scanning...' : 'Clone web apps', action: handleScanDocument }, { type: 'file', name: 'scan', onChange: (event)=>setImageToScan(event.target.files[0]) }, { type: 'button', label: isLoadingScrape ? 'Scraping...' : 'Create code snippets', action: handleWebScraping } ]; const utilsToolsData = [ { type: 'text', label: 'Useful Links' }, { type: 'text', label: 'Hacking Resources' }, { type: 'text', label: 'Web App Cloning' }, { type: 'text', label: 'Data Analysis' } ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-[#010101] text-white font-roboto", __source: { fileName: "", lineNumber: 82, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#212121] p-4 flex justify-between items-center text-xl", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, "HACKER AI"), /*#__PURE__*/ React.createElement("input", { className: "w-1/3 p-2 mx-4 bg-[#121212] rounded-md text-white placeholder-gray-500 focus:outline-none", type: "text", placeholder: "Search for code...", value: searchQuery, onChange: (e)=>setSearchQuery(e.target.value), onKeyDown: (e)=>e.key === 'Enter' && handleSearch(), __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleClear, className: "text-sm bg-[#1DA1F2] py-1 px-2 rounded-full", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, "Clear")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-1 overflow-hidden", __source: { fileName: "", lineNumber: 98, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("main", { className: "flex-1 p-4 overflow-auto", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(React.Fragment, null)), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 inset-x-0 p-4 bg-[#212121]", __source: { fileName: "", lineNumber: 106, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] rounded-lg overflow-hidden p-4 flex items-center justify-between w-full max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-transparent border border-white p-2 rounded-full mr-4", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-adjust text-white", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-700 p-2 rounded-full text-white mr-4", onClick: toggleToolsSidebar, __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-plus", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-gray-700 p-2 rounded-full text-white mr-4", onClick: toggleRightSidebar, __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-at", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("input", { className: "flex-1 mx-4 p-2 bg-transparent text-white placeholder-gray-500 focus:outline-none", type: "text", placeholder: "Ask Any Question...", value: chatMessage, onChange: (e)=>setChatMessage(e.target.value), __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleChatSubmit, disabled: isLoadingChat, className: "bg-[#1DA1F2] px-6 py-2 rounded text-white font-bold mr-4", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, isLoadingChat ? 'Loading...' : 'Insert Code'), /*#__PURE__*/ React.createElement("button", { className: "bg-transparent p-2 rounded-full text-white border border-white", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 inset-x-0 h-[4px] bg-[#212121]", __source: { fileName: "", lineNumber: 134, columnNumber: 7 }, __self: this })); }