function MainComponent() { const [connected, setConnected] = useState(false); const [tradingPair, setTradingPair] = useState(""); const [tradingPairs, setTradingPairs] = useState([]); const [showLogs, setShowLogs] = useState(true); const [showConnectModal, setShowConnectModal] = useState(false); const [showSettingsModal, setShowSettingsModal] = useState(false); const [serverIP, setServerIP] = useState(""); const [port, setPort] = useState(""); const [connectionError, setConnectionError] = useState(""); const [platform, setPlatform] = useState("mt4"); const [accountNumber, setAccountNumber] = useState(""); const [brokerName, setBrokerName] = useState(""); const [password, setPassword] = useState(""); const [server, setServer] = useState(""); const [isRobotRunning, setIsRobotRunning] = useState(false); const [numberOfTrades, setNumberOfTrades] = useState("1"); const [lotSize, setLotSize] = useState("0.01"); const [botLogs, setBotLogs] = useState([]); const [darkMode, setDarkMode] = useState(true); const [notifications, setNotifications] = useState(true); const [activeTrades, setActiveTrades] = useState([]); const [showAccountInfo, setShowAccountInfo] = useState(true); const [botPosition, setBotPosition] = useState({ x: 20, y: 20 }); const [isDragging, setIsDragging] = useState(false); const [dragOffset, setDragOffset] = useState({ x: 0, y: 0 }); const [showBotMenu, setShowBotMenu] = useState(false); const [showToast, setShowToast] = useState(true); const [mt4Connected, setMt4Connected] = useState(false); const [mt4Terminal, setMt4Terminal] = useState(null); const [mt4Account, setMt4Account] = useState(null); const [realTradingEnabled, setRealTradingEnabled] = useState(false); const [mt4ServerIP, setMt4ServerIP] = useState(""); const [mt4Port, setMt4Port] = useState(""); const [isVerified, setIsVerified] = useState(false); const [verificationError, setVerificationError] = useState(""); const [mentorId, setMentorId] = useState(""); const [licenseKey, setLicenseKey] = useState(""); const handleVerification = async ()=>{ if (!mentorId || !licenseKey) { setVerificationError("Please enter both Mentor ID and License Key"); return; } const validLicenseKeys = [ "LEE-963-FFX", "LEE-111-FFX", "LEE-222-FFX", "LEE-333-FFX", "LEE-444-FFX", "LEE-555-FFX" ]; if (mentorId === "9631" && validLicenseKeys.includes(licenseKey)) { setIsVerified(true); setVerificationError(""); } else { setVerificationError("Invalid Mentor ID or License Key"); } }; const handleDragStart = (e)=>{ setIsDragging(true); const clientX = e.type === "mousedown" ? e.clientX : e.touches[0].clientX; const clientY = e.type === "mousedown" ? e.clientY : e.touches[0].clientY; setDragOffset({ x: clientX - botPosition.x, y: clientY - botPosition.y }); }; const handleDrag = (e)=>{ if (!isDragging) return; const clientX = e.type === "mousemove" ? e.clientX : e.touches[0].clientX; const clientY = e.type === "mousemove" ? e.clientY : e.touches[0].clientY; setBotPosition({ x: clientX - dragOffset.x, y: clientY - dragOffset.y }); }; const handleDragEnd = ()=>{ setIsDragging(false); }; useEffect(()=>{ if (isDragging) { window.addEventListener("mousemove", handleDrag); window.addEventListener("touchmove", handleDrag); window.addEventListener("mouseup", handleDragEnd); window.addEventListener("touchend", handleDragEnd); } return ()=>{ window.removeEventListener("mousemove", handleDrag); window.removeEventListener("touchmove", handleDrag); window.removeEventListener("mouseup", handleDragEnd); window.removeEventListener("touchend", handleDragEnd); }; }, [ isDragging ]); const addLog = (message, type = "info")=>{ setBotLogs((prev)=>[ { timestamp: new Date().toLocaleTimeString(), message, type }, ...prev ]); }; const fetchMarketPrice = async (pair)=>{ try { const formattedPair = pair.slice(0, 3) + "-" + pair.slice(3); const response = await fetch("/integrations/web-scraping/post", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url: `https://www.investing.com/currencies/${formattedPair.toLowerCase()}`, getText: true }) }); const data = await response.text(); const priceMatch = data.match(/data-last-value="([0-9.]+)"/); if (priceMatch && priceMatch[1]) { return parseFloat(priceMatch[1]); } throw new Error("Price not found in scraped data"); } catch (error) { addLog(`Error fetching price for ${pair}`, "error"); return null; } }; const analyzeMarket = async (pair)=>{ try { const currentPrice = await fetchMarketPrice(pair); if (!currentPrice) return null; const previousPrice = parseFloat(localStorage.getItem(`${pair}_previous_price`)) || currentPrice; localStorage.setItem(`${pair}_previous_price`, currentPrice.toString()); const priceChange = (currentPrice - previousPrice) / previousPrice * 100; if (Math.abs(priceChange) < 0.1) { return { signal: "HOLD", reason: "Price movement too small" }; } return { signal: priceChange > 0 ? "BUY" : "SELL", reason: `Price moved ${priceChange.toFixed(2)}%` }; } catch (error) { addLog(`Error analyzing market for ${pair}`, "error"); return null; } }; const handleConnect = async ()=>{ if (!accountNumber || !brokerName || !server || !password) { setConnectionError("Please fill in all fields"); return; } try { setConnectionError(""); addLog("Connecting to MetaAPI...", "info"); addLog("Verifying API token...", "info"); addLog("Checking account credentials...", "info"); const response = await fetch("/api/mt4-trading", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ accountNumber, password, broker: brokerName, server }) }); const data = await response.json(); if (data.success) { setConnected(true); setMt4Connected(true); setRealTradingEnabled(true); setMt4Account(accountNumber); setShowConnectModal(false); addLog("✅ API token verified", "success"); addLog("✅ Successfully connected to MetaAPI", "success"); addLog(`✅ Connected to broker: ${brokerName}`, "success"); addLog(`✅ Server: ${server}`, "success"); addLog("✅ Real trading enabled", "success"); } else { throw new Error(data.error || "Connection failed"); } } catch (error) { setConnectionError(error.message); addLog("❌ Trading Connection failed", "error"); addLog(`❌ Error: ${error.message}`, "error"); setMt4Connected(false); setRealTradingEnabled(false); } }; const startRealTrading = async ()=>{ if (!realTradingEnabled) return; addLog("Starting real-time market monitoring...", "info"); for (const pair of tradingPairs){ addLog(`Analyzing ${pair}...`, "info"); const currentPrice = await fetchMarketPrice(pair); if (!currentPrice) { addLog(`Could not fetch price for ${pair}`, "error"); continue; } addLog(`Current ${pair} price: ${currentPrice}`, "info"); const analysis = await analyzeMarket(pair); if (!analysis) continue; addLog(`Analysis for ${pair}: ${analysis.signal}`, "info"); addLog(`Reason: ${analysis.reason}`, "info"); if (analysis.signal !== "HOLD") { const stopLoss = analysis.signal === "BUY" ? currentPrice * (1 - 0.01) : currentPrice * (1 + 0.01); const takeProfit = analysis.signal === "BUY" ? currentPrice * (1 + 0.02) : currentPrice * (1 - 0.02); try { const response = await fetch("/api/mt-4-trading", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: analysis.signal, pair, lotSize, stopLoss, takeProfit, serverIP: mt4ServerIP, port: mt4Port }) }); if (!response.ok) { throw new Error("Failed to execute trade"); } const newTrade = { pair: pair, type: analysis.signal, entryPrice: currentPrice, stopLoss: stopLoss.toFixed(5), takeProfit: takeProfit.toFixed(5), timestamp: new Date().toLocaleTimeString() }; setActiveTrades((prev)=>[ ...prev, newTrade ]); addLog(`New ${analysis.signal} position opened for ${pair} @ ${currentPrice}`, "success"); addLog(`Stop Loss: ${stopLoss.toFixed(5)}`, "info"); addLog(`Take Profit: ${takeProfit.toFixed(5)}`, "info"); } catch (error) { addLog(`Failed to execute trade for ${pair}: ${error.message}`, "error"); } } } setTimeout(startRealTrading, 60000); }; const closeAllPositions = async ()=>{ if (!realTradingEnabled) return; addLog("Closing all open positions...", "warning"); try { for (const trade of activeTrades){ const currentPrice = await fetchMarketPrice(trade.pair); try { const response = await fetch("/api/mt-4-trading", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "CLOSE", pair: trade.pair, serverIP: mt4ServerIP, port: mt4Port }) }); if (!response.ok) { throw new Error("Failed to close position"); } if (currentPrice) { addLog(`Closing ${trade.type} position for ${trade.pair} @ ${currentPrice}`, "info"); } else { addLog(`Closing ${trade.type} position for ${trade.pair} at market price`, "warning"); } } catch (error) { addLog(`Failed to close position for ${trade.pair}: ${error.message}`, "error"); throw error; } } setActiveTrades([]); return true; } catch (error) { addLog("Error closing positions: " + error.message, "error"); throw error; } }; const handleStartRobot = async ()=>{ if (!mt4Connected) { setConnectionError("Please connect to your MT4 account first"); setShowConnectModal(true); return; } if (tradingPairs.length === 0) { setConnectionError("Please add at least one trading pair"); return; } setBotLogs([]); setIsRobotRunning(!isRobotRunning); if (!isRobotRunning) { addLog("Initializing MT4 trading robot...", "info"); addLog("Checking account status...", "info"); addLog("Verifying trading permissions...", "info"); addLog(`Trading pairs: ${tradingPairs.join(", ")}`, "info"); addLog(`Lot size: ${lotSize}`, "info"); addLog("Starting market analysis...", "info"); try { startRealTrading(); addLog("Robot is now running with real trading enabled", "success"); } catch (error) { addLog("Error starting real trading: " + error.message, "error"); setIsRobotRunning(false); } } else { addLog("Stopping robot...", "warning"); addLog("Checking for open positions...", "info"); try { await closeAllPositions(); addLog("All positions closed successfully", "success"); addLog("Robot stopped successfully", "success"); } catch (error) { addLog("Error while stopping robot: " + error.message, "error"); } } }; const handleAddPair = ()=>{ if (!tradingPair) return; if (tradingPairs.includes(tradingPair)) { addLog(`${tradingPair} is already added`, "warning"); return; } setTradingPairs([ ...tradingPairs, tradingPair ]); addLog(`Added new trading pair: ${tradingPair}`, "success"); addLog(`Market analysis will begin when robot starts`, "info"); setTradingPair(""); }; const handleRemovePair = (pair)=>{ setTradingPairs(tradingPairs.filter((p)=>p !== pair)); addLog(`Removed trading pair: ${pair}`, "warning"); if (isRobotRunning) { addLog(`Closing any active trades for ${pair}`, "warning"); setActiveTrades((prev)=>prev.filter((trade)=>trade.pair !== pair)); } }; const toggleLogs = ()=>{ setShowLogs(!showLogs); }; const handleSaveSettings = ()=>{ addLog(`Settings updated - Number of trades: ${numberOfTrades}, Lot size: ${lotSize}`, "info"); addLog("New settings will be applied to future trades", "info"); if (isRobotRunning) { addLog("Note: Current active trades will maintain their original settings", "warning"); } setShowSettingsModal(false); }; return /*#__PURE__*/ React.createElement("div", { className: `min-h-screen ${darkMode ? "bg-gray-900" : "bg-gray-50"}`, __source: { fileName: "", lineNumber: 428, columnNumber: 5 }, __self: this }, !isVerified ? /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-900 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 430, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 p-8 rounded-lg w-full max-w-md", __source: { fileName: "", lineNumber: 431, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-yellow-400 mb-6 text-center font-roboto", __source: { fileName: "", lineNumber: 432, columnNumber: 13 }, __self: this }, "EA Portal Robot"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 435, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Enter Mentor ID", className: "w-full p-3 bg-gray-700 border border-gray-600 rounded-lg text-white placeholder-gray-400", value: mentorId, onChange: (e)=>setMentorId(e.target.value), __source: { fileName: "", lineNumber: 436, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Enter License Key", className: "w-full p-3 bg-gray-700 border border-gray-600 rounded-lg text-white placeholder-gray-400", value: licenseKey, onChange: (e)=>setLicenseKey(e.target.value), __source: { fileName: "", lineNumber: 443, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-yellow-400 text-gray-900 py-3 rounded-lg font-bold hover:bg-yellow-500 transition-colors", onClick: handleVerification, __source: { fileName: "", lineNumber: 450, columnNumber: 15 }, __self: this }, "Verify License"), verificationError && /*#__PURE__*/ React.createElement("p", { className: "text-red-400 text-sm text-center", __source: { fileName: "", lineNumber: 457, columnNumber: 17 }, __self: this }, verificationError)))) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 466, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 467, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-400 rounded-full p-2", __source: { fileName: "", lineNumber: 468, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-database text-white text-xl", __source: { fileName: "", lineNumber: 469, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-white text-xl font-roboto", __source: { fileName: "", lineNumber: 471, columnNumber: 15 }, __self: this }, "EA Portal")), /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/27786607072", target: "_blank", rel: "noopener noreferrer", className: "flex items-center text-white hover:opacity-80", __source: { fileName: "", lineNumber: 473, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp text-green-400 text-2xl", __source: { fileName: "", lineNumber: 479, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-green-400 ml-2 font-roboto", __source: { fileName: "", lineNumber: 480, columnNumber: 15 }, __self: this }, "Support (+27 78 660 7072)"))), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 486, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 rounded-lg p-8 mb-8 text-center relative overflow-hidden", __source: { fileName: "", lineNumber: 487, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/52a127b4-fb9d-40bc-bb23-ec1910d6cba0/-/format/auto/", alt: "Advanced trading robot with floating coins", className: "absolute inset-0 w-full h-full object-cover opacity-40", __source: { fileName: "", lineNumber: 488, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 493, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-2 font-roboto text-white", __source: { fileName: "", lineNumber: 494, columnNumber: 17 }, __self: this }, "MARKET LANDLORD EA"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-white", __source: { fileName: "", lineNumber: 497, columnNumber: 17 }, __self: this }, "~Kamvalethu_Mbela"))), connected && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-4 mb-4 shadow-sm", __source: { fileName: "", lineNumber: 504, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 505, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-roboto text-gray-700", __source: { fileName: "", lineNumber: 506, columnNumber: 19 }, __self: this }, "Account Details"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAccountInfo(!showAccountInfo), className: "text-yellow-400", __source: { fileName: "", lineNumber: 509, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-${showAccountInfo ? "up" : "down"}`, __source: { fileName: "", lineNumber: 513, columnNumber: 21 }, __self: this }))), showAccountInfo && /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 519, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 520, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 521, columnNumber: 23 }, __self: this }, "Platform:"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 524, columnNumber: 23 }, __self: this }, platform.toUpperCase())), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 528, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 529, columnNumber: 23 }, __self: this }, "Account:"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 532, columnNumber: 23 }, __self: this }, accountNumber)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 536, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 537, columnNumber: 23 }, __self: this }, "Broker:"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 538, columnNumber: 23 }, __self: this }, brokerName)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 542, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 543, columnNumber: 23 }, __self: this }, "Server:"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 544, columnNumber: 23 }, __self: this }, server)), /*#__PURE__*/ React.createElement("div", { className: "mt-3 pt-3 border-t", __source: { fileName: "", lineNumber: 548, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 549, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 550, columnNumber: 25 }, __self: this }, "Active Pairs:"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 553, columnNumber: 25 }, __self: this }, tradingPairs.length)), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mt-2", __source: { fileName: "", lineNumber: 557, columnNumber: 23 }, __self: this }, tradingPairs.map((pair, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "bg-gray-100 px-2 py-1 rounded-full text-sm font-roboto", __source: { fileName: "", lineNumber: 559, columnNumber: 27 }, __self: this }, pair)))))), /*#__PURE__*/ React.createElement("button", { className: `w-full ${isRobotRunning ? "bg-red-500" : connected ? "bg-green-500" : "bg-gray-400"} text-white py-3 rounded-lg mb-4 font-roboto`, onClick: handleStartRobot, __source: { fileName: "", lineNumber: 573, columnNumber: 13 }, __self: this }, isRobotRunning ? "Stop Robot" : "Start Robot"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mb-4", __source: { fileName: "", lineNumber: 585, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-3 h-3 ${connected ? "bg-green-500" : "bg-red-500"} rounded-full`, __source: { fileName: "", lineNumber: 586, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 591, columnNumber: 15 }, __self: this }, connected ? "Connected" : "Disconnected")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-4 mb-4", __source: { fileName: "", lineNumber: 595, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center cursor-pointer", onClick: toggleLogs, __source: { fileName: "", lineNumber: 596, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-yellow-400 font-roboto", __source: { fileName: "", lineNumber: 600, columnNumber: 17 }, __self: this }, showLogs ? "Hide" : "Show", " Bot Logs"), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-${showLogs ? "up" : "down"} text-yellow-400`, __source: { fileName: "", lineNumber: 603, columnNumber: 17 }, __self: this })), showLogs && /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-2 max-h-60 overflow-y-auto", __source: { fileName: "", lineNumber: 608, columnNumber: 17 }, __self: this }, botLogs.map((log, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `text-sm font-roboto border-b border-gray-100 py-2 ${log.type === "success" ? "text-green-600" : log.type === "warning" ? "text-yellow-600" : log.type === "error" ? "text-red-600" : "text-gray-600"}`, __source: { fileName: "", lineNumber: 610, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 622, columnNumber: 23 }, __self: this }, log.timestamp), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 623, columnNumber: 23 }, __self: this }, log.message))), botLogs.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-sm font-roboto text-gray-400 text-center py-4", __source: { fileName: "", lineNumber: 627, columnNumber: 21 }, __self: this }, "No logs yet. Start the robot to see activity."))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 634, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4 font-roboto", __source: { fileName: "", lineNumber: 635, columnNumber: 15 }, __self: this }, "Trading Pairs"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-4", __source: { fileName: "", lineNumber: 636, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Enter trading pair (e.g. XAUUSD)", className: "flex-1 p-3 border rounded-lg", value: tradingPair, onChange: (e)=>setTradingPair(e.target.value), onKeyPress: (e)=>{ if (e.key === "Enter") { handleAddPair(); } }, __source: { fileName: "", lineNumber: 637, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-400 text-white px-8 rounded-lg font-roboto", onClick: handleAddPair, __source: { fileName: "", lineNumber: 649, columnNumber: 17 }, __self: this }, "Add")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 656, columnNumber: 15 }, __self: this }, tradingPairs.map((pair, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center justify-between bg-gray-100 p-3 rounded-lg", __source: { fileName: "", lineNumber: 658, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 662, columnNumber: 21 }, __self: this }, pair), /*#__PURE__*/ React.createElement("button", { className: "text-red-500 hover:text-red-700", onClick: ()=>handleRemovePair(pair), __source: { fileName: "", lineNumber: 663, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 667, columnNumber: 23 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 bg-white border-t", __source: { fileName: "", lineNumber: 673, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-around p-4", __source: { fileName: "", lineNumber: 674, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-yellow-400", __source: { fileName: "", lineNumber: 675, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-2xl", __source: { fileName: "", lineNumber: 676, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-roboto", __source: { fileName: "", lineNumber: 677, columnNumber: 19 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-yellow-400 cursor-pointer", onClick: ()=>setShowConnectModal(true), __source: { fileName: "", lineNumber: 679, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-link text-2xl", __source: { fileName: "", lineNumber: 683, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-roboto", __source: { fileName: "", lineNumber: 684, columnNumber: 19 }, __self: this }, "Connect")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-yellow-400 cursor-pointer", onClick: ()=>setShowSettingsModal(true), __source: { fileName: "", lineNumber: 686, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-2xl", __source: { fileName: "", lineNumber: 690, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-roboto", __source: { fileName: "", lineNumber: 691, columnNumber: 19 }, __self: this }, "Settings")))), showConnectModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 697, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 w-[90%] max-w-md", __source: { fileName: "", lineNumber: 698, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 699, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 700, columnNumber: 21 }, __self: this }, "Connect to MT4/MT5"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-times cursor-pointer", onClick: ()=>setShowConnectModal(false), __source: { fileName: "", lineNumber: 701, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 706, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-4", __source: { fileName: "", lineNumber: 707, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `flex-1 py-2 rounded-lg font-roboto ${platform === "mt4" ? "bg-yellow-400 text-white" : "bg-gray-200 text-gray-600"}`, onClick: ()=>setPlatform("mt4"), __source: { fileName: "", lineNumber: 708, columnNumber: 23 }, __self: this }, "MT4"), /*#__PURE__*/ React.createElement("button", { className: `flex-1 py-2 rounded-lg font-roboto ${platform === "mt5" ? "bg-yellow-400 text-white" : "bg-gray-200 text-gray-600"}`, onClick: ()=>setPlatform("mt5"), __source: { fileName: "", lineNumber: 718, columnNumber: 23 }, __self: this }, "MT5")), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Enter MT4 Server IP", className: "w-full p-3 border rounded-lg", value: mt4ServerIP, onChange: (e)=>setMt4ServerIP(e.target.value), __source: { fileName: "", lineNumber: 729, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Enter MT4 Port", className: "w-full p-3 border rounded-lg", value: mt4Port, onChange: (e)=>setMt4Port(e.target.value), __source: { fileName: "", lineNumber: 736, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Enter Account Number", className: "w-full p-3 border rounded-lg", value: accountNumber, onChange: (e)=>setAccountNumber(e.target.value), __source: { fileName: "", lineNumber: 743, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Enter Broker Name", className: "w-full p-3 border rounded-lg", value: brokerName, onChange: (e)=>setBrokerName(e.target.value), __source: { fileName: "", lineNumber: 750, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Enter Server", className: "w-full p-3 border rounded-lg", value: server, onChange: (e)=>setServer(e.target.value), __source: { fileName: "", lineNumber: 757, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "Enter Password", className: "w-full p-3 border rounded-lg", value: password, onChange: (e)=>setPassword(e.target.value), __source: { fileName: "", lineNumber: 764, columnNumber: 21 }, __self: this }), connectionError && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm", __source: { fileName: "", lineNumber: 772, columnNumber: 23 }, __self: this }, connectionError), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-yellow-400 text-white py-3 rounded-lg font-roboto", onClick: handleConnect, __source: { fileName: "", lineNumber: 774, columnNumber: 21 }, __self: this }, "Connect to ", platform.toUpperCase())))), showSettingsModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 786, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 w-[90%] max-w-md", __source: { fileName: "", lineNumber: 787, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 788, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 789, columnNumber: 21 }, __self: this }, "Settings"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-times cursor-pointer", onClick: ()=>setShowSettingsModal(false), __source: { fileName: "", lineNumber: 790, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 795, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 796, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 797, columnNumber: 23 }, __self: this }, "Number of Trades"), /*#__PURE__*/ React.createElement("input", { type: "number", min: "1", max: "10", className: "w-24 p-2 border rounded-lg text-right", value: numberOfTrades, onChange: (e)=>setNumberOfTrades(e.target.value), __source: { fileName: "", lineNumber: 798, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 807, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 808, columnNumber: 23 }, __self: this }, "Lot Size"), /*#__PURE__*/ React.createElement("input", { type: "number", min: "0.01", max: "100", step: "0.01", className: "w-24 p-2 border rounded-lg text-right", value: lotSize, onChange: (e)=>setLotSize(e.target.value), __source: { fileName: "", lineNumber: 809, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 819, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 820, columnNumber: 23 }, __self: this }, "Dark Mode"), /*#__PURE__*/ React.createElement("div", { className: "w-12 h-6 bg-gray-200 rounded-full relative cursor-pointer", onClick: ()=>setDarkMode(!darkMode), __source: { fileName: "", lineNumber: 821, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-4 h-4 bg-white rounded-full absolute top-1 transition-all ${darkMode ? "right-1" : "left-1"}`, __source: { fileName: "", lineNumber: 825, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 832, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 833, columnNumber: 23 }, __self: this }, "Notifications"), /*#__PURE__*/ React.createElement("div", { className: `w-12 h-6 ${notifications ? "bg-yellow-400" : "bg-gray-200"} rounded-full relative cursor-pointer`, onClick: ()=>setNotifications(!notifications), __source: { fileName: "", lineNumber: 834, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-4 h-4 bg-white rounded-full absolute top-1 transition-all ${notifications ? "right-1" : "left-1"}`, __source: { fileName: "", lineNumber: 840, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-yellow-400 text-white py-3 rounded-lg font-roboto", onClick: handleSaveSettings, __source: { fileName: "", lineNumber: 847, columnNumber: 21 }, __self: this }, "Save Settings"))))), isRobotRunning && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "fixed cursor-move bg-yellow-400 rounded-full p-3 shadow-lg z-50 transition-all duration-300", style: { left: botPosition.x, top: botPosition.y, touchAction: "none" }, onMouseDown: handleDragStart, onTouchStart: handleDragStart, onClick: (e)=>{ if (!isDragging) { setShowBotMenu(!showBotMenu); } }, __source: { fileName: "", lineNumber: 861, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-white text-xl animate-pulse", __source: { fileName: "", lineNumber: 876, columnNumber: 17 }, __self: this }), showBotMenu && /*#__PURE__*/ React.createElement("div", { className: "absolute top-full left-1/2 transform -translate-x-1/2 mt-2 bg-white rounded-lg shadow-lg p-2 w-[300px]", __source: { fileName: "", lineNumber: 878, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 879, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 p-2 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 880, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-yellow-400", __source: { fileName: "", lineNumber: 881, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-roboto", __source: { fileName: "", lineNumber: 882, columnNumber: 25 }, __self: this }, "Active Trades: ", activeTrades.length)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 p-2 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 886, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-coins text-yellow-400", __source: { fileName: "", lineNumber: 887, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-roboto", __source: { fileName: "", lineNumber: 888, columnNumber: 25 }, __self: this }, "Lot Size: ", lotSize)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 p-2 bg-gray-50 rounded", __source: { fileName: "", lineNumber: 892, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-yellow-400", __source: { fileName: "", lineNumber: 893, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-roboto", __source: { fileName: "", lineNumber: 894, columnNumber: 25 }, __self: this }, "Running Time: ", new Date().toLocaleTimeString())), activeTrades.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-4 pt-4 border-t border-gray-100", __source: { fileName: "", lineNumber: 899, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm font-roboto font-semibold mb-2", __source: { fileName: "", lineNumber: 900, columnNumber: 27 }, __self: this }, "Current Trades:"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 903, columnNumber: 27 }, __self: this }, activeTrades.map((trade, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center justify-between bg-gray-50 p-2 rounded", __source: { fileName: "", lineNumber: 905, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 909, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${trade.type === "BUY" ? "arrow-up text-green-400" : "arrow-down text-red-400"}`, __source: { fileName: "", lineNumber: 910, columnNumber: 35 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 913, columnNumber: 35 }, __self: this }, trade.pair)), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 917, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-600", __source: { fileName: "", lineNumber: 918, columnNumber: 35 }, __self: this }, "@ ", trade.entryPrice), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 921, columnNumber: 35 }, __self: this }, "SL: ", trade.stopLoss, " | TP:", " ", trade.takeProfit)))))))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 938, columnNumber: 11 }, __self: this }, ` @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .animate-pulse { animation: pulse 2s infinite; } @keyframes bounce { 0%, 100% { transform: translateY(0) translateX(-50%); } 50% { transform: translateY(-10px) translateX(-50%); } } .animate-bounce { animation: bounce 2s infinite; } `))); }